/* 
Theme Name: Vogue CD
Theme URI: http://www.creative-dive.de/themes/vogue/
Description: Vogue - The Fashion and Lifestyle Blog
Author: Martin Jost
Author URI: http://www.creative-dive.de
License: GNU General Public License version 3.0 & Envato Regular/Extended License
License URI: http://www.gnu.org/licenses/gpl-3.0.html & http://themeforest.net/licenses
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-menu, translation-ready, post-formats, microformats
Version: 1.4
Text Domain: vogue-cd
*/


/******************************************************

1. MAIN
-------------------------------------------------------
2. LOGO
-------------------------------------------------------
3. MENU
-------------------------------------------------------
3.1 top search
-------------------------------------------------------
4. HEADER
-------------------------------------------------------
5. OWL CAROUSEL
-------------------------------------------------------
6. CONTENT SECTIONS
-------------------------------------------------------
7. MAGNIFIC POPUP
-------------------------------------------------------
8. FOOTER
-------------------------------------------------------
11. CONTACT FORM 7
-------------------------------------------------------
12. BLOG

******************************************************/

/* mobile switch */	
	
.mobile-check {
	display: none
}

/******************************************************/
/* 1. MAIN */
/******************************************************/

* {
	word-break: break-word;
}

/* disable video play button on ios device without autoplay */
video::-webkit-media-controls-panel {
	display: none!important;
	-webkit-appearance: none;
}

video::-webkit-media-controls-play-button {
	display: none!important;
	-webkit-appearance: none;
}

video::-webkit-media-controls-start-playback-button {
	display: none!important;
	-webkit-appearance: none;
}

/* make empty menu links not clickable --> only by mobile menu */

li.not-clickable > a:nth-of-type(1) {
	pointer-events: none;
	cursor: default;
}

html {
	-webkit-font-smoothing: antialiased;
}

body {
	/*font-family:'Lato', sans-serif; -- > managed by wp settings */
	font-size: 15px;
	font-weight: 400;
	line-height: 1.7;
	color: #686868;
	background: #fff;
	-webkit-text-size-adjust: 100%;
}

ul, ol {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 18px;
	list-style: none;
}

ol {
	padding: 0px 0px 0px 25px;
}

ul ul, ol ol, ul ol, ol ul {
	margin: 6px 0px 0px 0px;
}

ol li, ul li {
	margin-top: 10px;
}

ul, ol ul {
	list-style: circle outside;
}

ol, ul ol {
	list-style: decimal-leading-zero outside;
}

ul li, ol li {
	position: relative;
	padding: 2px 0px 2px 10px;
	margin: 0px;
}

.ulist ul, .olist ol {
	padding: 0px;
}

.ulist ul li, .olist ol li {
	padding: 4px 0px 4px 10px;
}

.ulist li {
	list-style: none!important;
	padding-left: 36px!important
}

.ulist li li {
	padding-left: 28px!important
}

.ulist ul li i {
	position: absolute;
	top: 6px;
	left: 0px;
	font-size: 24px;
}

.ulist ul li li i {
	top: 9px;
	font-size: 18px;
}

.olist ol {
	counter-reset: my-badass-counter
}

.olist li {
	list-style: none!important;
	padding-left: 42px!important
}

.olist li li {
	padding-left: 36px!important
}

.olist ol li:before {
	content: counter(my-badass-counter, decimal-leading-zero);
	counter-increment: my-badass-counter;
	position: absolute;
	top: 3px;
	left: 0px;
	font-size: 26px;
	font-weight: 700;
	color: #aaa
}

.olist ol li li:before {
	top: -6px;
	left: 0px;
	font-size: 16px;
	padding: 10px 0px 10px 0px
}

.olist ol li ul li:before {
	content: ''
}

dl {
    margin: 30px auto;
    overflow: hidden;
    position: relative;
}

dt {
    float: left;
    width: 28%;
    clear: both;
    padding: 3px 6% 15px 0;
    position: relative;
}

dd {
    float: right;
    width: 72%;
    padding: 3px 0 15px 6%;
}

dl:before {
    content: "";
    width: 1px;
    position: absolute;
    border-left: 1px solid #ddd;
    top: 0;
    bottom: 0;
    left: 28%;
}

dl dt:before {
    content: "";
    width: 30px;
    position: absolute;
    border-top: 1px solid #a29581;
    top: -5px;
    right: -15px;
}

.content .table>tbody>tr>th {
	font-weight: 600
}

.content .table>tbody>tr>th, .content .table>tbody>tr>td {
	padding: 12px 10px
}

p {
	margin: 0px 0px 20px 0px;
}

strong, b {
	font-weight: 600;
}

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

mark {
	padding: 3px 8px;
	margin: 0px 4px;
	background: #a29581;
	color: #fff
}

address {
	position: relative;
	background: #f5f5f5;
	border-left: 3px solid #ddd;
	padding: 20px 30px
}

address:after {
	font-family: 'fontAwesome';
	content: "\f041";
	position: absolute;
	top: 13px;
	right: 20px;
	color: #D4D4D4;
	font-size: 30px;
}

abbr, acronym {
	background: #fafafa;
	padding: 2px 8px;
	border-bottom: .1em dotted #222222;
	letter-spacing: 0.05em;
	cursor: help;
	border-radius: 3px;
}

abbr:hover, acronym:hover {
  	background: #ccc;
}

blockquote {
	position: relative;
	padding: 20px 20px 20px 40px;
	margin: 10px 0px;
	font-size: 18px;
	font-weight: 400;
	color: #a29581;
	letter-spacing: 0.01em;
	border: 0px;
}

blockquote:after {
	font-family: 'fontAwesome';
	content: "\f10e";
	position: absolute;
	top: 20px;
	left: 0px;
	color: #D4D4D4;
	font-size: 22px;
}

blockquote p {
	margin: 0px;
}

blockquote cite {
	display: block;
	padding-left: 0px;
}

cite {
	font-size: 15px;
	padding-top: 10px;
	padding-left: 8px;
	font-style: normal;
	color: #a1a1a1;
}

cite:before {
	content: '\2013';
	padding-right: 10px;
}

q {
	position: relative;
	padding: 0px 18px 0px 18px;
	color: #a29581;
	letter-spacing: 0.01em;
}

q:before {
	font-family: 'fontAwesome';
	content: "\f10d";
	position: absolute;
	top: 1px;
	left: 0px;
	color: #D4D4D4;
	font-size: 12px;
}

q:after {
	font-family: 'fontAwesome';
	content: "\f10e";
	position: absolute;
	top: -4px;
	right: 0px;
	color: #D4D4D4;
	font-size: 12px;
}

pre {
	position: relative;
	border-radius: 2px;
	padding: 20px;
	box-shadow: inset 0px 2px 5px rgba(0,0,0,0.1)
}

pre:after {
	font-family: 'fontAwesome';
	content: "\f121";
	position: absolute;
	top: 10px;
	right: 14px;
	color: #D4D4D4;
	font-size: 20px;
}

a {
	color: #a29581;
	transition: color 0.3s ease-out;
}

a:hover, a:focus, a:active {
	color: #222222;
	outline: none;
	text-decoration: none;
}

code {
	margin: 5px 0px;
	padding: 6px 12px;
	display: inline-block;
}

iframe {
	border:0px
}

.clear {
	clear: both
}

.fa {
	display: inline-block;
	color: #222222;
}

.video-bg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	transform: translateX(-50%) translateY(-50%);
}

.btn-ico.iframe-lightbox {
	color: #fff;
	vertical-align: middle;
}

.btn-ico.iframe-lightbox .fa {
	color: #fff;
	vertical-align: middle;
	margin-right: 10px;
	transition: 0.3s linear;
}

.btn-ico.iframe-lightbox:hover {
	color: #fff;
}

.btn-ico.iframe-lightbox:hover .fa {
	color: #222222;
}

.video-embed, .audio-embed, .mejs-overlay, .wordpress-audio {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
    cursor: pointer;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}

.video-embed .play, .audio-embed .play, .mejs-overlay-button, .wordpress-audio .play {
   	display: table;
	width: 100%!important;
	height: 100%!important;
}

.mejs-overlay-button {
   	position: static!important;
	background: none!important;
	margin: 0px!important
}

.video-embed .play:hover:after, .audio-embed .play:hover:after, .mejs-overlay-button:hover:after {
    transition: all 0.3s;
}

.video-embed .play:after, .audio-embed .play:after, .mejs-overlay-button:after {
	display: table-cell;
	vertical-align: middle;
    font-family: 'fontAwesome';
    content: '\f16a';
	color: #000;
	font-size: 60px;
    opacity: 0.6;
    transition: all 0.3s;
	text-shadow: 0px 0px 60px rgba(255, 255, 255, 0.7)
}

.video-embed .play:hover:after {
    opacity: 1;
	color: #c4302b;
}

.video-embed.vimeo-video .play:hover:after {
	color: #1ab7ea;
}

.mejs-overlay-button:hover:after {
    opacity: 1;
}

.audio-embed .play {
	background: radial-gradient(ellipse at center, #ffffff 0%, #e8e8e8 100%);
}

.audio-embed .play:hover {
	background: radial-gradient(ellipse at center, #ff7d00 0%, #ff0000 100%);
}

.audio-embed .play:after {
	content: '\f1be';
	color: #ff3f00;
    opacity: 1;
}

.audio-embed .play:hover:after {
	font-size: 120px;
}

.audio-embed .player:after {
    font-family: 'fontAwesome';
	position: absolute;
	right: 0px;
	bottom: 0%;
	left: 0px;
	margin-bottom: -50px; 
	opacity: 0;
	content: '\f144';
	color: #fff;
	font-size: 60px;
    transition: all 0.3s;
}

.audio-embed .play:hover .player:after {
	position: absolute;
	bottom: 50%;
	opacity: 1;
    transition: all 0.3s;
}

.wordpress-audio {
	background: radial-gradient(ellipse at center, #ffffff 0%, #e8e8e8 100%);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
    text-align: center
}

.wordpress-audio .mejs-container {
    position: absolute;
    bottom: 0px
}

.wordpress-audio .play:after {
    display: table-cell;
	vertical-align: middle;
    font-family: 'fontAwesome';
    content: '\f028';
	color: #000;
	font-size: 60px;
    opacity: 0.6;
    transition: all 0.3s;
	text-shadow: 0px 0px 60px rgba(255, 255, 255, 0.7)
}

.wp-playlist {
    border: 1px solid rgba(0,0,0,0.07)!important;
    padding: 20px!important;
}

.wp-playlist-item {
    padding: 7px 10px!important;
    border-bottom: 1px solid rgba(0,0,0,0.07)!important;
}

.wp-playlist-item:last-child {
    border-bottom: 0px!important;
}

.wp-playlist-item:nth-of-type(even) {
    background: #fafafa!important;
}

.wp-playlist-item-length {
    right: 10px!important;
    top: 5px!important;
}

.avatar {
	border-radius: 50%;
}

.noborder {
	border: 0px!important;
}

.aligncenter {
	text-align: center;
}

.sticky.post-listing {
	border: 1px solid rgba(0,0,0,0.07);
	padding: 30px;
	margin-bottom: 40px;
}

.visual .sticky.post-listing {
	padding-top: 55px;
	margin-bottom: 55px;
}

.sticky.post-listing .read-more a {
	top: 30px
}

.ribbon {
	position: absolute;
	top: -1px;
	right: 30px;
	z-index: 1;
	font-size: 21px;
}

.ribbon:after {
	content: "";
	font-size: 0.5em;
	position: absolute;
	height: 30px;
	border: 1.5em solid #a29581;
	border-bottom-color: transparent!important;
	right: 0;
}

.img-responsive {
	display: inline-block;
}

#wpadminbar .hover {
	opacity: 1;
	overflow: visible;
}

.container {
	padding: 0px 20px;
}

/* hover box *******************************************/
/*******************************************************/

.hover-box {
	position: relative;
}

.hover {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 100%;
	left: 0px;
	color: #fff;
	background-color: rgba(255,255,255,0.25);
	opacity: 0;
	transition: all 0.5s;
	overflow: hidden;
}

.hover:before {
	width: 52px;
	height: 52px;
	font-family: 'fontAwesome';
	content: '\f103';
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -20px 0px 0px -26px;
	color: #222222;
	font-size: 44px;
	text-align: center;
    line-height: normal
}

.area-carousel-content:hover .hover,
.post-list-teaser-box-bg:hover .hover,
.promo-box-content:hover .hover,
.custom-post-teaser-box-bg:hover .hover,
.grouped-post-box-item-img:hover .hover,
.post-teaser-img:hover .hover,
.cat-teaser-img:hover .hover,
.grid .grid-item .post-thumbnail:hover .hover,
.related-posts a:hover .hover,
.posts-alternative-item a:hover .hover,
.metro-grid .grid-item:hover .hover {
	bottom: 0%;
	opacity: 1;
	transition: all 0.5s;
	z-index: 3
}

.metro-grid .grid-item:hover .post-thumb:not(.has-image) .hover { background: rgba(0,0,0, 0.2) }
.metro-grid .grid-item:hover .post-thumb.has-image .hover { transition: all 0.5s 0.5s }

/* letter placeholder ***********************************/
/*******************************************************/

.letter {
    display: table;
	width: 100%;
	height: 100%;
  	background-color: #a29581;
	color: #fff;
	font-weight: 600;
	text-align: center;
}

.letter span {
    display: table-cell;
	vertical-align: middle;
	font-size: 40px;
    padding: 0px;
	color: #fff;
	opacity: 0.4
}

.post-teaser-img .letter span,
.custom-post-teaser-box-bg .letter span, 
.cat-teaser-box .letter span,
.header-post-teaser .letter span { font-size: 100px }

.area-carousel .letter span, 
.grouped-post-box-item-img .letter span,
.posts-alternative-widget .letter span,
.post-list-wrapper .letter span { font-size: 40px }

.glossary-content .letter span, 
.sitemap .letter span, 
.posts-widget .letter span, 
.page-widget .letter span, 
.category-widget .letter span, 
.ajax-search .letter span, 
.post-list-teaser-box.col-none .letter span,
.single-post-navigation .letter span { font-size: 18px }

/* transparent over & border decoration ****************/
/*******************************************************/

/* image with text overlay */

.newsletter-widget:before,
.posts-carousel-widget .posts-carousel-item:before,
.header-post-teaser-box-bg:before,
.custom-post-teaser-box-bg:before, 
.related-posts-img:before,
.content-grid-gutter-bg:before, 
.header:before,
.featured-slider .featured-slider-item:before {
    content: '';
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    z-index: 1;
    border: 1px solid rgba(255,255,255, 0.2);
}

.newsletter-widget:after,
.posts-carousel-widget .posts-carousel-item:after,
.header-post-teaser-box-bg:after,
.custom-post-teaser-box-bg:after,
.related-posts-img:after,
.content-grid-gutter-bg:after,
.header:after,
.featured-slider .featured-slider-item:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, 0.35);
}

.no-overlay:after {
    content: none
}

/* image without text overlay */

.area-carousel-content:before,
.promo-box-content:before,
.posts-alternative-item-img:before,
.cat-teaser-img:before,
.post-teaser-img:before {
    content: '';
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    z-index: 1;
    border: 1px solid rgba(255,255,255, 0.3);
}

.area-carousel-content:after,
.promo-box-content:after,
.posts-alternative-item-img:after,
.cat-teaser-img:after,
.post-teaser-img:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, 0.15);
}

/* section *********************************************/
/*******************************************************/

section {
	float: left;
    position: relative;
	width: 100%;
}

section:nth-of-type(2n) {
	background-color: #f7f7f7;
}

section h2 {
	margin: 0px 0px 20px 0px;
}

.section-overlay {
	position: relative;
}

.section-overlay:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.45);
}

.section-overlay h1,
.section-overlay h2,
.section-overlay h3,
.section-overlay p,
.section-overlay .btn,
.section-overlay .header-buttons a {
	position: relative;
	z-index: 2;
}

.section-content {
 	margin-top: 25px;
}

.section-content.mtop-null {
	margin-top: 0px;
}

.padding-60, .padding-90 {	
	padding: 45px 0px;
}

.padding-120 {
	padding: 60px 0px;
}

.padding-160 {
	padding: 80px 0px;
}

.sec {
	font-size: 16px;
}

/* section SVG edge ************************************/
/*******************************************************/

.sec .section-edge, .sec .section-edge-top  {
    width: 100%;
    height: 30px!important;
    position: absolute;
    bottom: -2px;
	left: 0px;
    right: 0px;
    z-index: 2;
}

.sec .section-edge-top {
    bottom: auto;
    top: -2px
}

/* each second bottom section */
.sec svg.section-edge { fill: #f7f7f7; }
.sec:nth-of-type(2n) svg.section-edge { fill: #fff; }

/* each edge top section */
.sec svg.section-edge-top { fill: #f7f7f7; }
.sec:nth-of-type(2n) svg.section-edge-top { fill: #fff; }

/* each edge top before bottom section */
.sec.section-before svg.section-edge { fill: #fff; }
.sec.section-before:nth-of-type(2n) svg.section-edge { fill: #f7f7f7; }
.sec.section-before { margin-bottom: -30px }
.sec.image-section, .sec.prices, .sec.banner { z-index: 2 }

.sec.section-last svg.section-edge {
	display: none
}

/* headlines *******************************************/
/*******************************************************/

h1, h2, h3, h4, .promo-box-title, .post-listing p:first-letter, .dropcap:first-letter, .posts-carousel-widget .posts-carousel-title {
	font-family: Montserrat;
}

h1 {
	font-size: 36px;
	line-height: 1.3;
	font-weight: 500;
	margin: 0px 0px 10px 0px;
	color: #222222;
}

.content .page h1, 
.content .post h1, 
.content .product h1 {
	font-weight: 400;
}

h2 {
	position: relative;
	font-size: 29px;
	line-height: 1.4;
	font-weight: 500;
	color: #222222;
}

.content .page h2, 
.content .post h2, 
.content .product h2 {
	font-size: 29px;
	font-weight: 500;
	margin-top: 30px;
}

h3 {
	font-size: 17px;
	line-height: 1.25;
	font-weight: 500;
	color: #a29581;
	margin: 20px 0px 20px 0px;
}

.content .page h3, 
.content .post h3 {
	font-size: 22px;
	font-weight: 400;
	margin-top: 25px;
}

h4, h5, h6 {
	font-size: 16px;
	line-height: 1.4;
	font-weight: 700;
	color: #686868;
	margin: 0;
}

.content .page h4, 
.content .post h4, 
.content .product h4 {
	font-size: 19px;
	font-weight: 600;
	margin-top: 25px;
}

.content .page h5, 
.content .post h5, 
.content .product h5 {
	font-size: 18px;
	font-weight: 600;
	margin-top: 25px;
}

.content .page h6, 
.content .post h6, 
.content .product h6 {
	font-size: 16px;
	font-weight: 600;
	margin-top: 25px;
}

/* buttons *********************************************/
/*******************************************************/

a.button, 
.btn, 
input[type=submit], 
.tnp-subscription input[type=submit] {
	position: relative;
	display: inline-block;
	white-space: normal;
	background: #222222;
	border: 2px solid #222222;
	padding: 15px 28px;
	min-height: 50px;
	border-radius: 30px;
	text-decoration: none;
	font-size: 12px;
	color: #fff;
	letter-spacing: 0.05em;
	line-height: normal;
	font-weight: 700;
	text-transform: uppercase;
	transition: all .5s ease-out;
}

a.button:hover, 
a.button:focus, 
a.button:active, 
.btn:hover, 
.btn:focus, 
.btn:active, 
input[type=submit]:hover, 
input[type=submit]:focus, 
input[type=submit]:active {
	background-color: #fff!important;
	color: #222222;
	outline: none;
}

.btn .fa {
	font-size: 1.3em;
	margin-right: 5px;
	color: #fff;
}

.btn:hover .fa {
	color: #fff;
}

/******************************************************/
/* 2. TOP LAYER */
/******************************************************/

.full-page .top-wrapper {
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	z-index: 3;
}

.admin-bar .top-wrapper {
	top: 46px;
}

.top-layer {
	height: 0px;
	display: none;
	width: 100%;
	background: #222222;
	border-top: 1px solid rgba(255,255,255,0.3)
}	

.top-layer:first-of-type {
	border-top: 0px!important
}

.top-layer-wrapper {
	width: 100%;
	position: relative;
	color: #fff;
	padding: 11px 0px;
	font-size: 16px;
}

.top-layer-spacer {
	display: table;
	margin: 0 auto
}

.top-layer-wrapper.full {
	padding: 20px 0px;
}

.top-layer-wrapper .container {
	display: table;
}

.top-layer-text {
	display: table-cell;
	vertical-align: middle
}

.top-layer.full .top-layer-text {
	width: 100%;
}

.top-layer-text p {
	margin: 0px;
    padding: 0px 20px 0px 0px;
}

.top-layer-text.with-icon p {
    padding: 0px 20px 0px 40px;
}

.top-layer-text.with-icon .fa {
    position: absolute;
    top: 50%;
	font-size: 20px;
    margin-top: -10px;
	text-align: center;
	float: left;
	color: #fff;
}

.top-layer mark {
	font-size: 20px;
	font-weight: 600;
	background: none;
	padding: 0px
}

.top-layer-action {
	display: table-cell;
	vertical-align: middle
}

.top-layer-action .mc4wp-form,
.top-layer-action .widget_wysija_cont,
.top-layer-action .tnp-subscription {
	margin: 0px
}

.top-layer-action .mc4wp-form input[type=email],
.top-layer-action .widget_wysija_cont .wysija-input,
.top-layer-action .tnp-subscription input[type=email] {
	border-radius: 0px!important;
	border-color: #fff!important;
	height: 40px!important;
	width: 180px!important;
    font-size: 14px;
	padding-left: 10px!important;
}

.top-layer-action .mc4wp-form input[type=submit],
.top-layer-action .widget_wysija_cont .wysija-submit,
.top-layer-action .tnp-subscription .tnp-field input[type="submit"] {
	border-radius: 0px!important;
	border-color: #fff!important;
	height: 40px!important;
	min-height: 40px!important;
	padding: 12px 18px!important;
	margin-left: -2px!important;
	word-break: normal;
}

.top-layer-action .btn {
	border-color: #fff!important;
	height: auto!important;
	min-height: auto!important;
	padding: 12px 18px!important
}

.top-layer p {
	margin: 0px;
	white-space: normal;
	text-align: center
}

/******************************************************/
/* 2. TOPBAR */
/******************************************************/

.topbar {
	width: 100%;
	border-top: 1px solid rgba(0,0,0,0.08);
    border-bottom: 1px solid rgba(0,0,0,0.08);
}

.full-page .topbar {
	background: rgba(0,0,0,0.3);
	border: 0px
}

.topbar .right {
	width: 100%;
	float: right;
}

.topbar .socialbar {
	margin: 0px;
	padding: 9px 0px 9px 0px;
	text-align: center
}

.topbar .socialbar a {
	margin: 0px 5px;
	font-size: 20px
}

.topbar .socialbar a:last-child {
	margin-right: 0px;
}

/******************************************************/
/* 2. LOGO OVERLAY */
/******************************************************/

.logo-overlay {
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 9999;
	width: 100%;
	height: 100%;
	display: table;
	overflow: hidden;
	background: #222222;
	color: #fff;
	text-align: center;
}

.logo-overlay-img {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

.logo-overlay .fa {
	display: block;
	font-size: 40px;
	color: #fff;
	margin-top: 40px;
	opacity: 0.3;
}

/******************************************************/
/* 2. LOGO */
/******************************************************/

.main-logo {
	height: 0px;
	display: none;
	width: 100%;
	padding: 40px 0px 40px 0px;
	text-align: center;
}

.main-logo a {
	display: inline-block;
}

.logo-white {
	display: inline-block;
}

.logo-img {
	display: none;
}

.main-logo img {
	max-width: 100%;
}

.logo-title {
	font-size:30px;
	font-weight: 600;
	text-transform: uppercase;
	color: #222222
}

.full-page .logo-title {
	color: #fff
} 

.logo-overlay .logo-title {
	color: #fff
}

.logo-teaser-text {
	margin: 20px 0px 0px 0px;
	font-size: 16px;
	color: #686868;
}

.full-page .logo-teaser-text {
	color: #fff;
}

.logo-teaser-text span {
	position: relative;
}

.logo-teaser-text span:before {
	content: '';
	position: absolute;
	top: 11px;
	left: -45px;
	width: 30px;
	border-top: 1px solid rgba(0,0,0,0.07)
}

.logo-teaser-text span:after {
	content: '';
	position: absolute;
	top: 11px;
	right: -45px;
	width: 30px;
	border-top: 1px solid rgba(0,0,0,0.07)
}

.full-page .logo-teaser-text span:before {
	border-top: 1px solid rgba(255,255,255,0.5)
}

.full-page .logo-teaser-text span:after {
	border-top: 1px solid rgba(255,255,255,0.5)
}

/******************************************************/
/* 3. MENU */
/******************************************************/

.container>.navbar-header {
	margin: 0px;
	display: table;
	width: 100%;
}

.navbar {
	position: static;
	width: 100%;
	border-radius: 0px;
	background: rgba(255,255,255,0.8);
	z-index: 998!important;
	margin-bottom: 15px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
}

.admin-bar .navbar {
  	top: 46px;
}

.wide .navbar {
	margin-bottom: 0px;
}

.full-page .navbar {
	margin: 0px;
	background: rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.admin-bar .navbar.affix-top.affix {
	top: 46px!important;
}

.navbar .container {
	display: table;
	width: 100%;
	height: 100%;
}

.container>.navbar-collapse {
	margin-right: -15px;
	margin-left: -15px;
}

.navbar-collapse.in {
	text-align: left;	
	margin-bottom: 20px;
}

.navbar-collapse.in .navbar-nav ul {
	text-transform: none
}

.navbar-collapse .top-search {
	display: none;
}

.navbar-toggle {
	right: 0px;
	left: auto!important
}

/* mobile menu icon switch */

.navbar-toggle .fa-bars {
	display: none
}

.navbar-toggle .fa-close {
	display: block
}

.navbar-toggle.collapsed .fa-bars {
	display: block
}

.navbar-toggle.collapsed .fa-close {
	display: none
}

.navbar-nav {
	float: none;
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	vertical-align: bottom
}

.navbar-nav li {
	list-style: none;
	padding: 0px
}

.navbar-nav li a {
	display: block;
	font-weight: 700;
	padding: 8px 14px;
	transition: background-color 0.3s;
	color: #222222;
}

.navbar-nav li ul {
	margin: 0px;
	padding: 0px
}

.navbar-nav li li a {
	font-weight: 400;
	padding-left: 28px;
}

.navbar-nav li li li a {
	padding-left: 42px;
}

.navbar-nav li a:hover, .navbar-nav li a:focus, .navbar-nav li a:active, .navbar-nav .active > a {
	background-color: transparent;
}

.navbar.affix {
	position: fixed;
	top: 0px!important;
	background-color: rgba(255,255,255,0.9);
	padding: 15px 0;
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	border: 0px
}

.navbar.affix .logo-white {
	display: none;
}

.navbar.affix .logo-img {
	display: inline-block;
}

.mobile-menu-spacer {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	padding: 15px 60px;
	text-align: center
}

.mobile-menu-spacer img {
	width: 100%
}

.open>.dropdown-menu {
	display: none
}

.dropdown-menu>li>a {
	white-space: normal
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background: none 
}

/* navbar buttons / icons ******************************/
/*******************************************************/

.navbar-icons {
	float: right;
	margin: 0px;
	display: none;
}

.navbar .nav-icon {
	float: right;
	background: #fff;
  	padding: 5px 10px;
  	border: 1px solid rgba(0,0,0,0.07);
  	border-radius: 4px;
}

.full-page .navbar .nav-icon {
  	background: rgba(255,255,255,0.3);
	border: 0px!important
}

.navbar .nav-icon:focus {
	outline: none;
}

.navbar-header .nav-icon {
	position: absolute;
  	height: 32px;
}

.full-page .affix-top .nav-icon .fa {
  	color: #fff;
}

.full-page .affix .nav-icon .fa {
  	color: #7da0d1;
}

.nav-icon.navbar-toggle {
  	margin-right: 0px;
}

/* top search ******************************************/
/*******************************************************/

.navbar-header .top-search,
.navbar-header .cart-button,
.navbar-header .navbar-toggle {
	height: 32px;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -16px;
	background: #fff;
	border: 1px solid rgba(0,0,0,0.07)
}

.top-search-form {
	display: none;
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 1000;
	background-color: rgba(0,0,0,0.8);
}

.top-search-form-wrapper {
	display: table;
	width: 90%;
	height: 100%;
	margin: 0 auto;
}

.top-search-form-center {
	display: table-cell;
	vertical-align: middle;
}

.top-search-form label {
	width: 100%;
}

.top-search-form input[type=search] {
	width: 100%!important;
	background: none;
	border: 0px!important;
	border-bottom: 2px solid #fff!important;
	height: 80px!important;
	font-size: 30px;
	font-weight: 400;
	color: #fff!important;
	padding-left: 0px!important;
	border-radius: 0px!important
}

.top-search-form input[type=submit] {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 80px!important;
	width: 80px!important;
	font-size: 30px!important;
	padding: 15px!important;
	background: #fff!important;
	border-color: #fff!important;
	color: #222222!important;
}

.top-search-form input[type=submit]:hover {
	background-color: #222222!important;
	color: #fff!important
}

.top-search-form .search-form input[type=submit] {
	border-radius: 50%!important;
	display: none
}

/******************************************************/
/* 4. HEADER */
/******************************************************/

.header-top {
    position: relative
}

.header {
    position: relative;
	margin: 10px 0px 10px 0px;
	background: #222222;
	background-size: cover;
	background-position: center center;
}

.wide .header {
	margin: 0px 0px 20px 0px;
}

.full-page .header {
	margin: 0px 0px 20px 0px;
}

.header .row {
	margin: 0px;
}

.header h1, .header h2 {
	font-size: 28px;
    font-weight: 500!important;
    line-height: 1.3!important;
}

.header-video {
	overflow: hidden;
}

.header .col-lg-6 {
	width: 100%;
}

.header-edge {
    width: 100%;
    height: 30px!important;
    position: absolute;
    bottom: -1px;
    z-index: 2;
}

.header-content {
	position: relative;
	z-index: 1;
	padding: 70px 0px 40px 0px;
}

.header-content h1,
.header-content h2,
.header-content h3,
.header-content p,
.header-content .btn,
.header-content .header-buttons a {
	position: relative;
	z-index: 2;
}

.full-page .header-content {
	padding: 80px 0px 80px 0px;
}

.header-content.header-compact {
	padding: 110px 0px 60px 0px;
}

.full-page .header-content.header-compact {
	padding: 80px 0px 80px 0px;
}

.header-content.header-center {
	text-align: center;
}

.header-content.header-center .col-lg-6 {
	width: 100%!important;
	padding: 0px 0px;
}

.wide .headers .header:before, 
.full-page .headers .header:before {
	content: none;
}

.header-content h1, .header-content p {
	color: #fff;
}

.header-content h2 {
	font-weight: 500;
	color: #fff!important;
	margin: 0px 0px 30px 0px;
}

.header-content .typed-cursor {
    font-weight: 100
}

.header-content p {
	font-size: 15px;
	font-weight: 400;
}

.header-buttons {
	margin-top: 30px;
}

.header-buttons a {
	display: inline-block;
	margin: 10px 30px 10px 0px;
}

.header-content.header-center .header-buttons a {
	margin: 10px 15px 10px 15px;
}

.header-buttons .search-form label {
	width: 70%;
}

.header-buttons .search-form input[type=search] {
	width: 100%;
}

.header-buttons .search-form input[type=submit] {
	width: 30%;
}

/* particles *******************************************/
/*******************************************************/

#particles-js {
	position: absolute;
    top: 0px;
	right: -50%;
	bottom: 0px;
	left: -50%;
	z-index: 1;
}

.header-content.particles {
	overflow: hidden
}

.header-content canvas {
	opacity: 0.5;
	transition: all 0.3s;
}

.header-content:hover canvas {
	opacity: 0.9;
	transition: all 0.3s;
}

/* fit to fullscreen ***********************************/
/*******************************************************/

.fit-to-fullscreen-scroll {
	display: none;
	position: absolute;
	bottom: 0px;
	z-index: 1;
	width: 100%
}

.fit-to-fullscreen-scroll:hover .scrollDown-button {
	background: rgba(255,255,255,0.4)
}


.fit-to-fullscreen .owl-stage-outer,
.fit-to-fullscreen .owl-stage,
.fit-to-fullscreen .owl-item,
.fit-to-fullscreen .header-post-teaser-box,
.fit-to-fullscreen .header-post-teaser-box-bg {
	height: 100%!important
}

.full-page .fit-to-fullscreen .header-post-teaser .header-post-teaser-box-content {
	padding-top: 60px!important
}

.scrollDown-button {
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: -20px;
	display: block;
	width: 40px;
	height: 40px;
	border: 1px solid #fff;
	border-radius: 50%;
	padding: 0px 10px;
	text-align: center;
	animation-duration: 3s!important;
}

.scrollDown-button:before {
	font-family: 'fontAwesome';
	content: "\f107";
	color: #fff;
	font-size: 28px;
	line-height: 1.4;
}

.scrollDown-button.home:before {
	content: "\f015";
	font-size: 20px;
	line-height: 1.8;
}

.scrollDown-label {
	position: absolute;
	bottom: 20px;
	left: 50%;
	display: inline-block;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
}

/* header posts ****************************************/
/*******************************************************/

.header-post-teaser {
  	background: none!important;
}

.header-post-teaser.header:after {
	content: none
}

.header-post-teaser .container {
  	padding: 0px!important;
}

.header-post-teaser h3 {
  	color: #fff;
	font-size: 24px
}

.header-post-teaser h3 a {
  	color: #fff
}

.header-post-teaser .header-content {
  	padding: 0px!important;
}

.full-page .header-post-teaser:before {
    content: '';
    position: absolute;
	top: 0px;
	right: 0px;
    left: 0px;
    width: 100%;
    height: 350px;
    background: linear-gradient(to bottom, rgba(0,0,0,0.35) 30%,rgba(0,0,0,0) 100%);
	z-index: 2;
}

.full-page .header-post-teaser .container, 
.wide .header-post-teaser .container {
  	width: 100%!important;
	margin: 0px!important;
}

.header-post-teaser .header-content:before {
	content: none
}

.wide .header-post-teaser .spacing {
  	margin-top: 20px;
	padding: 0px 20px
}

.owl-item .header-post-teaser-box {
	width: 100%!important;
}

.header-post-teaser-box {
	float: left;
	padding: 0px!important;
}

.header-post-teaser-box-bg {
	float: left;
    width: 100%;
	position: relative;
	padding: 0px 20px;
	background-color: #222222;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.wide .header .header-post-teaser-box-bg:before, 
.full-page .header .header-post-teaser-box-bg:before {
    content: none;
}

.header-post-teaser .header-post-teaser-box-content {
	position: relative;
	z-index: 1;
	float: left
}

.header-post-teaser .col-md-12 h3 {
	font-size: 28px
}

.header-post-teaser .col-md-6 h3 {
	font-size: 28px
}

.header-post-teaser .post-letter {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px
}

/****** boxed, wide, full page items ******/

/* col 1 - 4 */
.header-post-teaser .col-md-12 .header-post-teaser-box-content, 
.header-post-teaser .col-md-6 .header-post-teaser-box-content, 
.header-post-teaser .col-md-4 .header-post-teaser-box-content, 
.header-post-teaser .col-md-3 .header-post-teaser-box-content,
.wide .header-post-teaser .col-md-12 .header-post-teaser-box-content,
.wide .header-post-teaser .col-md-6 .header-post-teaser-box-content, 
.wide .header-post-teaser .col-md-4 .header-post-teaser-box-content, 
.wide .header-post-teaser .col-md-3 .header-post-teaser-box-content, 
.full-page .header-post-teaser .col-md-12 .header-post-teaser-box-content,
.full-page .header-post-teaser .col-md-6 .header-post-teaser-box-content,
.full-page .header-post-teaser .col-md-4 .header-post-teaser-box-content, 
.full-page .header-post-teaser .col-md-3 .header-post-teaser-box-content {
	width: 100%;
	padding: 80px 15px 80px 15px
}

/* featured slider *************************************/
/*******************************************************/

.featured-slider {
    position: relative;
	float: left;
	width: 100%;
    margin: -20px 0px 50px 0px;
}

.featured-slider-item.header-post-teaser:before,
.featured-slider-item.header-post-teaser:after {
    content: none
}

.featured-slider-item {
    margin: 0px;
    background: #a29581;
    background-size: cover;
    background-position: center center;
}

.featured-slider h2 {
	font-weight: 600!important;
    font-size: 24px!important
}

/* static */

.featured-slider .header-content {
	padding: 40px 20px 40px 20px;
}

/* 1 - 4 col */

.featured-slider .header-post-teaser .col-md-12 .header-post-teaser-box-content, 
.featured-slider .header-post-teaser .col-md-6 .header-post-teaser-box-content, 
.featured-slider .header-post-teaser .col-md-4 .header-post-teaser-box-content, 
.featured-slider .header-post-teaser .col-md-3 .header-post-teaser-box-content {
	padding: 40px 20px 40px 20px
}

.featured-slider .header-post-teaser .btn {
    padding: 15px 32px;
}

/* leading area + ending area **************************/
/*******************************************************/

.leading-area {
    float: left;
	width: 100%;
	padding: 10px 0px 0px 0px
}

.leading-area.content-grid {
	padding: 10px 0px 0px 0px
}

.ending-area {
    float: left;
	width: 100%;
	padding: 20px 0px 20px 0px
}

.leading-area .row, 
.ending-area .row {
	margin: 0px -20px
}

/* area carousel */

.area-carousel h3 {
	margin: 20px 0px 0px 0px;
	font-weight: 500;
	color: #222222;
	font-size: 15px;
}

.area-carousel h3 a {
	color: #222222
}

.area-carousel .owl-dots {
	text-align: center;
	margin-top: 5px
} 

.area-carousel .owl-dot span {
    width: 25px;
    height: 2px;
    border-radius: 0px;
}

.area-carousel-box {
	float: left;
	width: 100%;
	padding: 0px 20px;
}

.area-carousel-content {
	position: relative;
	display: table;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #a29581;
    background-position: center center;
	height: 160px;
	text-align: center;
}

.product .area-carousel-content {
	height: 260px;
}

/* promobox section */

.promo-box-col {
	padding: 0px 20px;
    margin: -12px 0px;
}

.promo-box {
	float: left;
	width: 100%;
	margin: 12px 0px;
}

.promo-box-col:last-child .promo-box {
	margin-bottom: 0px;
}

.promo-box-content {
	position: relative;
	display: table;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #a29581;
    background-position: center center;
	height: 180px;
	text-align: center;
}

.promo-box-title {
	display: table-cell;
	vertical-align: middle;
    padding: 0px 20px;
}

.promo-box-title span {
	position: relative;
	z-index: 1;
	background: rgba(255,255,255,0.9);
	padding: 10px 20px;
	font-weight: 400;
	color: #222222;
	font-size: 13px;
	text-transform: uppercase
}

/* ad banner section */

.ad-banner {
    width: 100%;
    padding: 0px 20px;
    text-align: center;
}

.ad-banner-content {
    display: inline-block;
	position: relative
}

.ad-banner-label {
	position: absolute;
	right: 0px;
	bottom: 0px;
	padding: 3px 8px;
	font-size: 11px;
	background: rgba(0,0,0,0.3);
	color: #fff;
	text-transform: uppercase;
	border-radius: 3px 0px 0px 0px;
}

/******************************************************/
/* 5. OWL CAROUSEL */
/******************************************************/

.owl-item {
	z-index: 1
}

.owl-nav {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
}

.owl-carousel .owl-nav div {
	position: absolute;
	width: 40px;
	height: 40px;
	padding-top: 11px;
	margin-top: -20px;
	text-align: center;
	color: rgba(255,255,255,0.5);
	font-family: 'fontAwesome';
	font-size: 30px;
}

.owl-carousel .owl-nav div.owl-prev {
	border-radius: 0px 50% 50% 0px;
}

.owl-carousel .owl-nav div.owl-next {
	border-radius: 50% 0px 0px 50%;
}

.owl-carousel .owl-prev {
	left: 0px;
}

.owl-carousel .owl-next {
	right: 0px;
}

.owl-carousel .owl-prev:before {
	content: "\f053";
}

.owl-carousel .owl-next:after {
	content: "\f054";
}

.owl-dot {
	display: inline-block;
	margin: 0px 8px;
}

.owl-dot span {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #e0e0e0;
	transition: 0.3s linear;
}

.owl-dot.active span, .owl-dot:hover span {
	background-color: #222222;
}

/* headers owl *****************************************/
/*******************************************************/

.headers .owl-item {
  	overflow: hidden;
}

/* gallery owl *****************************************/
/*******************************************************/

.owl-gallery {
  float: left;
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-radius: 3px;
}

.owl-gallery.owl-gallery-img {
  margin: 0px 0px 0px 0px;
}

.gallery-owl {
  float: left;
  width: 100%;
  position: relative;
}

.gallery-owl a {
  color: #fff!important;
}

.gallery-owl img {
  float: left;
  width: 100%;
  max-width: 100%;
}

.gallery-owl p {
  opacity: 0;
  position: absolute;
  right: 0px;
  bottom: 0px;
  left: 0px;
  padding: 10px 20px;
  margin: 0px;
  background: rgba(0,0,0,0.4);
  transition: all 0.3s ease-out;
}

.gallery-owl:hover p {
  opacity: 1;
  transition: all 0.3s ease-out;
}

/* section owl *****************************************/
/*******************************************************/

.logos .owl-dots, .reviews .owl-dots {
	position: absolute;
	left: 0px;
	top: auto;
	width: 100%;
	margin-top: 15px;
}

.logos .owl-carousel .owl-item img, .reviews .owl-carousel .owl-item img {
	display: inline-block;
	width: auto
}

.logos .owl-stage {
	display: inline-table;
}

.logos .owl-item {
	display: table-cell;
	float: none;
	vertical-align: middle
}

/******************************************************/
/* 6. CONTENT SECTIONS */
/******************************************************/

/* logos ***********************************************/
/*******************************************************/

.logos:not(.padding-90) {
	padding: 30px 0px;
}

.logos .owl-dots {
	position: absolute;
	left: 0px;
	margin-top: -20px;
}

.logo-box {
	opacity: 0.5;
	padding: 0px 70px;
	transition: 0.3s linear;
}

.logo-box:hover {
	opacity: 1;
}

/* features-1 ******************************************/
/*******************************************************/

.features-1 .section-content .row div {
	padding-bottom: 25px;
}

/* features-2 ******************************************/
/*******************************************************/

.features-2 {
	padding: 120px 0px 75px 0px;
}

.features-2 .col-md-12 {
	margin-bottom: 45px;
}

.features-2 .media-left {
	min-width: 40px;
}

.features-2 .img-responsive {
	width: 100%
}

/* features-3 ******************************************/
/*******************************************************/

.features-3 {
	padding: 45px 0px 45px 0px;
}

.features-3 .col-md-6 {
	width: 100%;
	margin-bottom: 25px;
	display: inline-block;
	float: none;
	vertical-align: top;
}

.features-3 .fa-stack {
	border-radius: 50%;
	background: #222222;
	text-align: center;
}

.features-3 .fa-stack i {
	color: #fff;
}

.features-3 .img-responsive {
	margin-bottom: 25px;
	width: 100%
}

/* banners *********************************************/
/*******************************************************/

section.banner {
	background-color: #222222;
	color: #fff;
	display: table;
	text-align: center;
}

.banner .row div {
	float: none;
	display: block;
	vertical-align: middle;
}

.banner h2 {
	margin: 0px;
	color: #fff!important;
	font-size: 30px;
}

.banner .btn {
	border: 2px solid #fff!important;
	margin-top: 25px;
}

.banner p {
	padding: 0px 30px;
}

/* reviews *********************************************/
/*******************************************************/

.review-box {
	padding: 0px 30px;
}

.review-box .fa {
	margin: 15px 0px;
}

.review-box time {
	display: none;
}

.review-img {
	display: inline-block;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
  	border-radius: 50%;
  	width: 170px;
  	height: 170px;
}

.review-product {
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	color: #aaa;
}

/* prices **********************************************/
/*******************************************************/

.prices {
    background-size: cover;
}

.prices .col-md-8 {
    color: #fff;
}

.prices h2 {
    color: #fff!important;
}

.price-content {
    width: 100%;
    max-width: 500px;
    display: inline-block;
    position: relative;
    padding: 15px 20px 0px 20px;
    margin-top: 20px;
    vertical-align: top;
    z-index: 1
}

.price-content.leading {
    z-index: 1;
}

.price-content.leading .the-price {
    color: #fff;
    background-color: #a29581;
}

.price-box {
    position: relative;
    padding-bottom: 40px;
    background-color: rgba(255,255,255,0.9);
}

.prices h4 {
    padding: 20px;
    margin-bottom: 0px;
}

.the-price {
    padding: 40px 0;
    line-height: 1;
    color: #000;
    background-color: #e0e0e0;
}

.the-price-curr {
    display: inline-block;
    vertical-align: top;
    font-size: 30px;
    font-weight: 400;
}

.the-price-amou {
    font-size: 60px;
}

.the-price-deli {
    font-size: 40px;
    font-weight: 300;
}

.the-price-peri {
    font-size: 14px;
}

.price-features {
    padding: 30px 0px;
}

.price-features ul {
    padding: 0px;
    margin: 0px
}

.price-features ul li {
    padding: 8px 0px;
    list-style: none
}

/* image-section ***************************************/
/*******************************************************/

.image-section {
	background-size: cover;
	overflow: hidden;
	color: #fff;
}

.image-section h2 {
	color: #fff!important;
}

.image-section .right .col-md-6 {
	float: right;
}

.image-section .center {
	text-align: center;
}

.image-section .center .col-md-6 {
	float: none;
	display: inline-block;
}

/* image / text section ********************************/
/*******************************************************/

.image-text-section .img-column {
	width: 100%;
    float: left;
    margin-bottom: 20px
}

.image-text-section .img-column img {
	width: 80%
}

.image-text-section .right .img-column {
    float: right;
}

.image-text-section .content-column {
	width: 100%;
    float: right;
    text-align: left
}

.image-text-section .right .content-column {
    float: left;
}

/* content grid section ********************************/
/*******************************************************/

.content-grid-sec .section-content {
    margin-top: 30px;
}

.content-grid-wrapper {
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #fafafa
}

.content-grid-wrapper .row {
    margin-left: 0px!important;
    margin-right: 0px!important
}

.content-grid-wrapper:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px
}

.content-grid .row {
    margin-right: 0px;
    margin-left: 0px;
}

section.page .content-grid,
section.post .content-grid {
    float: left
}

.content-grid-gutter {
    padding: 0px 0px 20px 0px;
}

.content-grid-gutter-txt,
.content-grid-gutter .btn {
    position: relative;
    z-index: 1
}

.content-grid-gutter .content-grid-img {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.content-grid-gutter .content-grid-img.rounded {
    border-radius: 50%;
}

.content-grid-gutter-bg {
    position: relative;
    padding: 20px 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.content-grid-gutter-bg,
.content-grid-gutter-bg h1,
.content-grid-gutter-bg h2,
.content-grid-gutter-bg h3,
.content-grid-gutter-bg h4,
.content-grid-gutter-bg h5,
.content-grid-gutter-bg h6 {
    color: #fff
}

/* 1 - 6 col */
.content-grid-gutter.col-md-2, 
.content-grid-gutter.col-md-3, 
.content-grid-gutter.col-md-4, 
.content-grid-gutter.col-md-6, 
.cg-extra-widht .content-grid-gutter.col-md-10, 
.cg-extra-widht .content-grid-gutter.col-md-2, 
.cg-extra-widht .content-grid-gutter.col-md-4, 
.cg-extra-widht .content-grid-gutter.col-md-8 { width: 100% }

/* animated image section ******************************/
/*******************************************************/

.animated-image .image-animation {
	max-width: 90%;
    display: inline-block
}

/* custom html *****************************************/
/*******************************************************/

.custom-html .section-content {
	text-align: left
}

/* mailchimp subscription ******************************/
/*******************************************************/

.mc4wp-form {
	white-space: nowrap;
	margin: 0px 0px 20px 0px;
}

.mc4wp-form input[type=email] {
	width: 60%;
	height: 50px;
	color: #9F9F9F;
	border-radius: 30px 0px 0px 30px;
	padding-left: 22px;
	transition: all 0.15s;
	border: 2px solid #222222;
	vertical-align: top;
	line-height: normal;
	background: #fff
}

.mc4wp-form input[type=submit] {
	width: 40%;
	border-radius: 0px 30px 30px 0px!important;
	vertical-align: top;
	margin-left: -2px;
}

.mc4wp-form input:focus {
	outline: 0;
}

.mc4wp-response {
	position: relative
}

.mc4wp-form input[type=email]::-moz-placeholder {
	color: #aaa;
	opacity: 1;
}

.mc4wp-form input[type=email]:-ms-input-placeholder {
	color: #aaa;
}

.mc4wp-form input[type=email]::-webkit-input-placeholder {
	color: #aaa;
}

.mc4wp-alert.mc4wp-notice {
	position: absolute;
	top: 10px;
	left: 50%;
	z-index: 9999;
	width: 200px;
	margin-left: -100px;
	background: #fff;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
	color: #686868;
	font-size: 13px;
	padding: 13px;
	border: 1px solid rgba(0,0,0,0.07);
	border-radius: 3px;
	white-space: normal
}

.mc4wp-alert.mc4wp-notice p {
	margin: 0px
}
	
.mc4wp-alert.mc4wp-notice:before {
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border: solid transparent;
    content: " ";
    pointer-events: none;
    margin-left: -12px;
    border-bottom-color: rgba(0,0,0,0.07);
    border-width: 12px;
}	

.mc4wp-alert.mc4wp-notice:after {
	position: absolute;
	bottom: 100%;
	left: 50%;
	width: 0;
	height: 0;
	border: solid transparent;
	content: " ";
	pointer-events: none;
	margin-left: -11px;
	border-bottom-color: #fff;
	border-width: 11px;
}

/* mailpoet subscription *******************************/
/*******************************************************/

.widget_wysija_cont {
	position: relative;
	white-space: nowrap;
	margin: 0px 0px 20px 0px;
}

.widget_wysija_cont .wysija-input {
	width: 100%;
	height: 50px;
	color: #9F9F9F;
	border-radius: 30px 0px 0px 30px;
	padding-left: 22px;
	transition: all 0.15s;
	border: 2px solid #222222;
	vertical-align: top;
	line-height: normal;
	background: #fff
}

.widget_wysija_cont .wysija-submit {
	display: inline-block;
	width: 40%;
	border-radius: 0px 30px 30px 0px!important;
	vertical-align: top;
	margin-top: 0px;
	margin-left: -4px;
}

.widget_wysija_cont input:focus {
	outline: 0;
}

.widget_wysija_cont .wysija-paragraph {
	width: 60%;
	display: inline-block;
	margin: 0px;
}

.widget_wysija_cont p label {
    display: none;
}

.widget_wysija_cont .formErrorContent {
	border: 0px;
	background: none;
	padding: 0px;
	margin: 0px;
	color: inherit;
    font-family: inherit;
    font-size: inherit;
}

.widget_wysija_cont .formError {
	position: absolute;
	top: 110%!important;
	left: 50%!important;
	z-index: 9999;
	width: 200px;
	margin-left: -100px;
	background: #fff;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
	color: #686868;
	font-size: 13px;
	padding: 13px;
	border: 1px solid rgba(0,0,0,0.07);
	border-radius: 3px;
	white-space: normal
}
	
.widget_wysija_cont .formError:before {
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border: solid transparent;
    content: " ";
    pointer-events: none;
    margin-left: -12px;
    border-bottom-color: rgba(0,0,0,0.07);
    border-width: 12px;
}	

.widget_wysija_cont .formError:after {
	position: absolute;
	bottom: 100%;
	left: 50%;
	width: 0;
	height: 0;
	border: solid transparent;
	content: " ";
	pointer-events: none;
	margin-left: -11px;
	border-bottom-color: #fff;
	border-width: 11px;
}

/* the newsletter plugin subscription ******************/
/*******************************************************/

.tnp-subscription {
	white-space: nowrap;
	margin: 0px 0px 20px 0px;
	max-width: 100%
}

.tnp-subscription .tnp-field {
	width: 60%;
	display: inline-block;
	margin: 0px!important;
}

.tnp-subscription .tnp-field-button {
	width: 40%;
}

.tnp-subscription input[type=email] {
	width: 100%;
	height: 50px;
	display: inline-block;
	color: #9F9F9F;
	border-radius: 30px 0px 0px 30px;
	padding-left: 22px;
	transition: all 0.15s;
	border: 2px solid #222222;
	vertical-align: top;
	line-height: normal;
	background: #fff
}

.tnp-subscription .tnp-field input[type="submit"] {
	display: inline-block;
	width: 100%;
	border-radius: 0px 30px 30px 0px!important;
	vertical-align: top;
	margin-top: 0px;
	margin-left: -4px;
}

.tnp-subscription .tnp-field label {
	display: none
}

.tnp-subscription .tnp-submit {
	width: 40%;
	border-radius: 0px 30px 30px 0px!important;
	vertical-align: top;
	margin-left: -2px;
}

.tnp-subscription input:focus {
	outline: 0;
}

/* contact *********************************************/
/*******************************************************/

.contact-column {
	padding: 0px 40px;
	margin-top: 40px;
}

.map-content {
	float: left;
	width: 100%;
}

.map-content.top {
	margin-top: -15px
}

.google-map {
	width: 100%;
	height: 500px;
	border: 0px;
}

.google-map img {
	max-width: inherit!important;
}

.map-box {
	padding: 0px;
	width: 180px;
	text-align: left;
}

.map-address {
	margin-top: 20px;
}

.map-row {
	position: relative;
	margin-bottom: 10px;
}

.map-row:last-child {
	margin-bottom: 0px;
}

.map-row .fa {
	position: absolute;
	padding: 2px 0px 0px 0px;
	float: left;
	width: 20px;
    text-align: center
}

.map-row span {
	display: block;
	padding-left: 25px;
}

.map-link {
	margin-top: 15px;
}

.gm-style-iw {
    top: 0px!important
}

/* contact person **************************************/
/*******************************************************/

.contact-user {
	float: left;
	width: 100%;
    margin-bottom: 20px
}

.contact-user .contact-person {
	margin: 0px 0px 20px 0px;
	text-align: center;
}

.contact-user img {
	width: 180px!important;
	height: auto;
	margin-top: 10px;
}

.contact-person-image {
	border-radius: 50%;
	width: 180px!important;
	height: 180px;
	margin-top: 10px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

.contact-user .person {
	width: 100%;
	display: inline-block;
	padding: 15px 0px 3px 0px;
	font-weight: 700;
	text-transform: uppercase;
	color: #a29581;
}

.contact-user-content {
	float: left;
	width: 100%;
    text-align: left
}

.contact-page address {
    float: left;
    width: 100%;
    padding: 20px 50px 20px 20px
}

.contact-page address .map-link {
    display: block;
    margin-top: 10px
}

.contact-page address .fa {
    margin-right: 5px
}

/* post/page teaser ************************************/
/*******************************************************/

.post-teaser {
	padding: 45px 0px 40px 0px;
}

.post-teaser h3 {
	font-size: 20px;
}

.post-teaser-box {
	padding: 0px 20px;
}

.post-teaser-img {
	float: left;
	position: relative;
	width: 100%;
	height: 300px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.post-teaser-content {
	float: left;
	width: 100%;
	margin: 0px 0px 50px 0px;
}	

/* custom / popular / recent post teaser ***************/
/*******************************************************/

section.custom-post-teaser:first-child {
	padding: 30px 0px 20px 0px;
}

.post-teaser-wrapper .row {
    margin-right: -20px;
    margin-left: -20px;
}

.custom-post-teaser {
  	padding: 45px 0px 40px 0px;
}

.custom-post-teaser-box {
	padding: 0px 20px;
}

.custom-post-teaser-box-bg {
	display: block;
	position: relative;
	height: 200px;
	margin-bottom: 40px;
	background-color: #222222;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.custom-post-content-inner {
	display: table;
	width: 100%;
	height: 100%;
}

.custom-post-content-inner div {
	display: table-cell;
	vertical-align: middle;
}

.custom-post-content {
	position: absolute;
	top: 0px;
	right: 40px;
	bottom: 0px;
	left: 40px;
	z-index: 2;
}

.custom-post-teaser-category {
	position: relative;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	display: inline-block;
}

.custom-post-teaser-category:before {
	content: '';
	position: absolute;
	top: 10px;
	left: -30px;
	width: 20px;
	border-top: 1px solid rgba(255,255,255,0.6)
}

.custom-post-teaser-category:after {
	content: '';
	position: absolute;
	top: 10px;
	right: -30px;
	width: 20px;
	border-top: 1px solid rgba(255,255,255,0.6)
}

.custom-post-teaser-title {
	display: block;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}

/* pie charts ******************************************/
/*******************************************************/

.pie-column {
    display: inline-block;
    margin: 20px 0px;
}

.chart {
    display: inline-block;
    margin: 0px 25px;
    position: relative;
}

.chart-content {
    position: absolute;
    top: 36px;
    right: 30px;
    left: 30px;
    text-align: center;
}

.chart-number {
    font-size: 36px;
    line-height: 37px;
    font-weight: 600;
    color: #686868;
}

.line {
    width: 36px;
    margin: 12px auto;
    border-top: 2px solid #aaa;
}

.chart-type {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
}

.chart-title {
    margin-top: 15px;
    font-size: 17px;
}

/******************************************************/
/* 7. MAGNIFIC POPUP */
/******************************************************/

.mfp-iframe-scaler {
	overflow: visible;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	right: -30px;
	padding: 0px;
	font-family: inherit;
	font-size: 40px;
	font-weight: 300;
	line-height: 0;
}

.mfp-bg {
	background-color: #000;
	opacity: 0;
	transition: 0.5s;
}

.mfp-wrap {
	z-index: 9999
}

.mfp-wrap .mfp-content {
	perspective: 1600px;
}

.mfp-wrap .mfp-figure, .mfp-wrap .mfp-iframe-scaler {
	opacity: 0;
	transform-style: preserve-3d;
	transition: 0.3s ease-in-out;
	transform: rotateX(-60deg);
}

.mfp-wrap.mfp-ready .mfp-figure, .mfp-wrap.mfp-ready .mfp-iframe-scaler {
	opacity: 1;
	transform: rotateX(0);
}

.mfp-ready.mfp-bg {
	opacity: 0.8;
}

.mfp-wrap.mfp-removing .mfp-figure, .mfp-wrap.mfp-removing .mfp-iframe-scaler {
	opacity: 0;
	transform: rotateX(-60deg);
}

.mfp-removing.mfp-bg {
	opacity: 0;
}

/******************************************************/
/* EXIT POPUP */
/******************************************************/

.exit-popup {
	display: none;
	position: fixed!important;
    top: 20px;
	right: 20px!important;
	bottom: auto!important;
	left: 20px!important;
	width: auto!important;
    height: auto!important;
	transform: translateY(-50%)!important;
	background-color: #fff;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,0.5);
    z-index: 99999!important;
	font-family: inherit!important;
}

.exit-popup.exit-mobile {
	position: absolute!important;
	transform: none!important;
}

.exit-popup-close {
	position: absolute;
	top: 10px;
	right: 10px;
    left: auto!important;
    margin: 0px!important;
    width: 44px!important;
    height: 44px!important;
    color: #fff;
	opacity: 0.65;
    font-size: 40px!important;
    font-weight: 300!important;
    background: #222222!important;
    line-height: 1.1;
	z-index: 1;
}

.exit-popup-content {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	padding: 40px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.exit-popup-content:before {
	content: '';
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background: rgba(255,255,255,0.4)
}

.exit-popup.right .exit-popup-content:before,
.exit-popup.left .exit-popup-content:before {
	content: none
}

.exit-popup-content div {
	position: relative;
}

.exit-popup-content h2 {
	margin-top: 0px
}

.exit-popup.right .exit-popup-content,
.exit-popup.left .exit-popup-content {
	padding: 0px;
}

.exit-popup-content-align {
	background: #fff;
	padding: 40px;
	width: 100%;
	margin-top: 200px;
}

.exit-popup.right .exit-popup-content-align {
	float: right;
}

.exit-popup.left .exit-popup-content-align {
	float: left;
}

.exit-popup .btn {
	margin: 0px 10px 10px 0px;
}    

#bio_ep_bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8)!important;
    opacity: 1!important;
    z-index: 99998;
}

.exit-popup.left .mc4wp-form,
.exit-popup.right .mc4wp-form,
.exit-popup.left .widget_wysija_cont, 
.exit-popup.right .widget_wysija_cont,
.exit-popup.left .tnp-subscription,
.exit-popup.right .tnp-subscription {
	white-space: normal
}

.exit-popup.left .mc4wp-form input[type=email], 
.exit-popup.right .mc4wp-form input[type=email],
.exit-popup.left .widget_wysija_cont .wysija-input, 
.exit-popup.right .widget_wysija_cont .wysija-input,
.exit-popup.left .tnp-subscription input[type=email], 
.exit-popup.right .tnp-subscription input[type=email] {
	width: 100%;
	border-radius: 30px!important;
	margin-bottom: 10px
}

.exit-popup.left .widget_wysija_cont .wysija-paragraph,
.exit-popup.right .widget_wysija_cont .wysija-paragraph,
.exit-popup.left .tnp-subscription div.tnp-field, 
.exit-popup.right .tnp-subscription div.tnp-field {
	width: 100%;
}

.exit-popup.left .mc4wp-form input[type=submit], 
.exit-popup.right .mc4wp-form input[type=submit], 
.exit-popup.left .widget_wysija_cont .wysija-submit, 
.exit-popup.right .widget_wysija_cont .wysija-submit, 
.exit-popup.left .tnp-subscription .tnp-field input[type="submit"], 
.exit-popup.right .tnp-subscription .tnp-field input[type="submit"] {
    width: 100%;
	border-radius: 30px!important;
}

/* bootstrap modal *************************************/
/*******************************************************/

.popup.modal {
	padding: 0px!important;
	background: rgba(0,0,0,0.4)
}

.popup.modal .modal-dialog {
	text-align: left;
}

.popup.modal.fade .modal-dialog {
	perspective: 1600px;
}

.popup.modal .modal-content {
	width: 100%!important;
	display: inline-block;
	text-align: left;
	opacity: 0;
	transform-style: preserve-3d;
	transform: rotateX(60deg);
	transition: 0.5s ease-out;
}

.popup.modal.fade.in .modal-content {
	opacity: 1;
	transform: translateZ(0) rotateX(0);
}
.popup.modal .modal-content {
	background-color: #fff;
	padding: 10px 10px 20px;
	border-radius: 0px;
	border: 0px;
}

.popup.modal .modal-header {
	width: 100%;
	float: left;
	border: 0px;
	padding: 15px 15px 0px 15px;
}

.popup.modal .modal-title {
	width: 100%;
	font-size: 18px;
	font-weight: 400;
}

.popup.modal .modal-header .close {
	position: absolute;
	z-index: 1;
	top: 10px;
	right: 15px;
}

.popup.modal .close {
	display: inline-block;
	font-size: 30px;
	font-weight: 100;
	line-height: 1;
	text-shadow: none;
	cursor: pointer;
	opacity: 1;
	filter: alpha(opacity=1);
	transition: all 0.2s linear;
}

.popup.modal .close:hover, .close:focus, .close:active {
	opacity: 1;
	filter: alpha(opacity=1);
}

.popup.modal .modal-body {
	width: 100%;
	float: left;
}

.popup.modal .wpcf7 {
	text-align: left;
	margin-top: 0px;
}

.popup.modal .wpcf7 input[type=submit] {
	width: 100%;
}

.popup.modal .wpcf7 div.wpcf7-response-output {
	position: static
}

/******************************************************/
/* 8. FOOTER */
/******************************************************/

footer {
  float: left;
  width: 100%;
}

footer a {
  color: #222222;
}

.footer {
  padding: 40px 0px 40px 0px;
}

.footer .menu {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  padding: 0px
}

.footer.no-profiles .menu {
  float: none;
}

.footer .menu li {
  display: inline-block;
  padding: 0px 15px;
  border-right: 1px solid #ccc;
}

.footer .menu li:last-child {
  border: 0px;
}

/* socialbar *******************************************/
/*******************************************************/

.socialbar {
  float: right;
  width: 100%;
  margin-bottom: 20px;
}

.socialbar a {
  display: inline-block;
  padding: 4px;
  margin: 0px 15px;
  color: #aaa;
}

.socialbar a:hover {
  color: #222222;
}

/* copyright *******************************************/
/*******************************************************/

.copyright {
  text-transform: uppercase;
  font-size: 13px;
  color: #aaa;
  width: 100%;
  margin-top: 60px;
}

.footer.no-profiles .copyright {
  margin-top: 30px;
}

.copyright img {
  margin-bottom: 15px;
}

/* download page ***************************************/
/*******************************************************/

ul.download-list {
    width: 100%;
    float: left;
    margin: 0px 0px 30px 0px;
    padding: 0px
}

ul.download-list li {
    width: 100%;
    position: relative;
    padding: 12px 20px 12px 65px;
    margin: 0px;
    border-bottom: 1px solid rgba(0,0,0,0.07);
    list-style: none;
}

ul.download-list li:nth-child(odd) {
    background: #fafafa;
}

ul.download-list li:nth-child(even) {
    background: #fff;
}

ul.download-list li i {
    position: absolute;
    top: 14px;
    left: 20px;
    font-size: 23px;
}

ul.download-list li a {
    width: 100%;
}

ul.download-list li.list-separator {
    padding: 10px 20px 10px 20px;
    margin-top: 30px;
    border: 0px;
    color: #fff;
    font-weight: 600;
    border-radius: 3px;
    background: #222222;
}

ul.download-list li.list-separator:first-child {
    margin-top: 0px;
}

ul.download-list .file-info {
    display: block;
    color: #686868;
    text-transform: uppercase;
}

/* event registration page *****************************/
/*******************************************************/

.event-registration {
    width: 100%;
    float: left;
    margin: 0px 0px 40px 0px;
}

.event-registration ul {
    width: 100%;
    float: left;
    list-style: none;
    padding: 0px;
    margin: 0px
}

.event-registration ul li {
    width: 100%;
    position: relative;
    float: left;
    margin: 0px;
    padding: 15px 20px 15px 50px;
    border-bottom: 1px solid rgba(0,0,0,0.07);
}

.event-registration ul li:nth-child(odd) {
    background: #fff;
}

.event-registration ul li:nth-child(even) {
    background: #fafafa;
}

.event-registration ul li i {
    position: absolute;
    top: 18px;
    left: 17px;
    font-size: 20px;
}

.event-registration ul li.nodate {
    color: #222222;
}

/******************************************************/
/* 11. CONTACT FORM 7 */
/******************************************************/

div.wpcf7 {
  float: left;
  width: 100%;
}

.wpcf7 .form-field {
  float: left;
  width: 100%;
}

.wpcf7 .formhalf-1, .wpcf7 .formhalf-2 {
  width: 100%;
}

.wpcf7 .form-field label, .wpcf7-quiz-label {
  float: left;
  width: 100%;
  padding: 8px 0px 0px 0px;
  font-weight: 400;
}

.wpcf7 input[type=text], 
.wpcf7 input[type=email], 
.wpcf7 input[type=url],  
.wpcf7 input[type=tel],  
.wpcf7 input[type=number],
.wpcf7 input[type=date],
.wpcf7 select, 
.wpcf7 textarea {
    float: left;
    width: 100%;
    padding: 5px 10px;
    margin-top: 3px;
    height: 38px;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: inset 0px 2px 3px rgba(0,0,0,0.1);
}

.wpcf7 textarea {
  height: 120px;
}

.wpcf7-recaptcha {
  margin-top: 20px;
}

.wpcf7 input[type=submit] {
  margin-top: 30px;
  padding: 0px 42px;
}

div.wpcf7-response-output {
  position: fixed;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 9;
  margin: 0px;
  padding: 20px;
  float: left;
  width: 100%;
  border: 0px;
}

div.wpcf7-validation-errors {
  background: #ffd440;
  color: #686868;
}

div.wpcf7-spam-blocked {
  background: #ffb540;
  color: #fff;
}

div.wpcf7-mail-sent-ok {
  background: #81c62f;
  color: #fff;
}

.wpcf7-not-valid-tip {
  margin-bottom: -30px;
}

/******************************************************/
/* 12. BLOG */
/******************************************************/

/* breadcrumb ******************************************/
/*******************************************************/

.crumb {
	display: none;
}

.breadcrumb {
	margin: 0px;
	padding: 13px 0px 10px 0px;
	text-transform: uppercase;
	font-size: 12px;
	background: none;
	color: #999;
}

.breadcrumb li {
	padding: 0px
}

.breadcrumb a {
	color: #999;
}

.breadcrumb li:before {
	padding: 0 8px 0 5px;
	color: #ccc;
	content: "/\00a0";
}

.breadcrumb li:first-child:before {
	padding: 0px;
	content: "";
}

/* top menu ********************************************/
/*******************************************************/

.top-menu {
 	display: none;
}

.top-menu {
	float: right;
	text-transform: uppercase;
	color: #999;
    font-size: 12px;
}

.top-menu ul {
	list-style: none;
	margin: 0px;
	padding: 13px 0px 10px 0px;
}

.top-menu ul li {
	float: left;
	position: relative;
	padding: 0px 3px;
}

.top-menu ul li:before {
	padding: 0 5px;
	color: #ccc;
	content: "/\00a0";
}

.top-menu ul li:first-child:before {
	padding: 0px;
	content: "";
}

.top-menu ul li a {
	color: #999
}

.top-menu ul li a:hover {
	color: #222222
}

/* page ************************************************/
/*******************************************************/

.content .page, .content .product {
	float: left;
	width: 100%;
	margin: 40px 0px;
}

.content .product .product {
	margin: 0px;
}

.page-thumbnail {
	float: left;
	width: 100%;
	padding: 40px 0px 40px 0px;
}

.page-thumbnail.right {
	float: right;
}

.page-thumbnail img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.page-thumbnail img {
	margin: 0px!important;
	padding: 0px!important;
	border: 0px!important;
}

.page-thumbnail h3 {
	margin-top: 0px!important;
}

.page-thumbnail .google-map {
	margin-bottom: 40px;
}

.page-content {
	float: right;
	width: 100%;
	padding: 30px 0px 40px 0px;
	font-size: 16px;
}

.page-content.right {
	float: left;
}

.page-content.p-full {
	width: 100%;
	padding: 0px 0px 0px 0px;
	border: 0px!important;
}

/* post ************************************************/
/*******************************************************/

.content .post {
	float: left;
	width: 100%;
	margin: 40px 0px;
}

.content .post article {
	position: relative;
	float: left;
  	width: 100%;
}

.post-thumbnail {
	float: left;
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	border-radius: 2px;
	overflow: hidden;
}

.visual.visual-right .post-thumbnail {
	float: right
}

.post-thumb {
	float: left;
	position: relative;
	width: 100%;
	border-radius: 2px;
	overflow: hidden;
}

.post-thumbnail p.caption {
	position: absolute;
	right: 0px;
	bottom: 0px;
	left: 0px;
	padding: 10px 20px;
	margin: 0px;
	background: rgba(0,0,0,0.3);
    color: #fff
}

.visual .post-thumb .post-thumbnail {
	width: 100%;
}

.visual .post-thumb .post-thumbnail img {
	width: 100%;
}

.visual.visual-right .post-thumb {
	float: right
}

.masonry .post-thumbnail, .masonry .post-thumb {
	margin-bottom: 0px;
}

.post-thumbnail img {
	max-width: 100%;
	height: auto;
}

.post-thumbnail img {
	margin: 0px!important;
	padding: 0px!important;
	border: 0px!important;
}

.masonry .post-thumbnail {
	border-radius: 0px;
}

.post-thumbnail.quote {
	padding: 35px 30px 35px 30px;
	font-size: 26px;
}

.post-thumbnail.quote span {
	display: block;
	padding-top: 15px;
	font-size: 13px;
	color: #aaa;
}

.post-thumbnail.quote i {
	position: absolute;
	right: 35px;
	bottom: 30px;
	color: rgba(0,0,0,0.07);
}

.post-thumbnail.link {
	padding: 35px 30px 35px 30px;
	font-size: 26px;
}

.post-thumbnail.link span {
	display: block;
	padding-top: 15px;
	font-size: 13px;
	color: #aaa;
}

.post-thumbnail.link i {
	position: absolute;
	right: 35px;
	bottom: 30px;
	color: rgba(0,0,0,0.07);
}

.post-content, .product-content {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
}

.post-format-link {
	float: left;
	width: 100%;
	text-align: center;
	background: #e5e5e5;
	background: radial-gradient(ellipse at center, #ffffff 0%, #e8e8e8 100%);
}

.post-format-link {
	float: left;
	width: 100%;
	padding: 40px 30px;
}

.post-format-link .fa {
	margin: 0 auto;
	width: 60px;
	height: 60px;
	padding-top: 17px;
	border-radius: 50%;
	background: #222222;
	color: #fff;
	font-size: 30px;
	transition: all 0.55s;
}

.post-format-link div {
	margin-top: 20px;
	font-size: 17px;
}

.post-format-link div span {
	display: block;
	padding-top: 15px;
	font-size: 14px;
	color: #aaa;
}

.post-format-link a:hover .fa {
	background: #fff!important;
	color: #222222;
	transition: all 0.55s;
}

.post-format-link a:hover span {
	text-decoration: underline;
}

.post-format-quote {
	float: left;
	width: 100%;
	padding: 40px 30px;
	text-align: center;
	background: #e5e5e5;
	background: radial-gradient(ellipse at center, #ffffff 0%, #e8e8e8 100%);
}

.post-format-quote .fa {
	margin: 0 auto;
	width: 60px;
	height: 60px;
	padding-top: 17px;
	border-radius: 50%;
	background: #222222;
	color: #fff;
	font-size: 30px;
	transition: all 0.55s;
}

.post-format-quote div {
	margin-top: 20px;
	font-size: 17px;
}

.post-format-quote div span {
	display: block;
	padding-top: 15px;
	font-size: 14px;
	color: #aaa;
}

.content .post h1, .content .page h1, .content .product h1 {
	font-size: 26px;
	font-weight: 400;
	color: #222222;
}

.content .post h2, .content .page h2, .content .product h2 {
	font-size: 22px;
	clear: both;
}

.page-header {
    border-bottom: 1px solid rgba(0,0,0,0.07);
}

.content .post .page-header, .content .page .page-header, .content .product .page-header {
	margin: 0px 0px 25px 0px;
}

.content .post .page-header {
  	float: left;
	width: 100%;
}

.content .post .page-header h2, .content .page .page-header h2, .content .product .page-header h2 {
	font-size: 26px;
	font-weight: 400;
	color: #222222;
	margin-top: 0px;
}

.post-list-category {
	float: left;
	text-transform: uppercase;
	font-size: 11px;
	width: 100%;
}

.post-list-category a {
	margin: 0px 10px 10px 0px;
}

.post-list-category a:before {
	content: '#';
}

.post .publisher {
	display: none;
}

.post-video {
	float: left;
	width: 100%;
	margin: 20px 0px 40px 0px;
	padding: 35px 0px;
	border-top: 1px solid rgba(0,0,0,0.07);
	border-bottom: 1px solid rgba(0,0,0,0.07);
}

.post-button {
	margin: 0px 20px 20px 0px;
}

.post-listing {
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: 25px;
	margin-bottom: 55px;
	border-bottom: 1px solid rgba(0,0,0,0.07);
	background: #fff
}

.visual .post-listing {
	padding-bottom: 55px;
}

.post-listing h2 {
	font-size: 22px!important;
	font-weight: 400!important;
	margin-top: 3px!important;
}

/* archive header **************************************/
/*******************************************************/

.archive-header {
	background: none;
	padding: 30px 0px 0px 0px;
    text-align: center;
}

.archive-header h1, .archive-header h2 {
	float: left;
	width: 100%;
	font-size: 28px;
	margin: 0px 0px 20px 0px;
	color: #222222;
	font-weight: 100
}

.archive-header p {
	display: inline-block;
	width: 100%;
	font-size: 16px;
	color: #909090;
}

/* read more *******************************************/
/*******************************************************/

.read-more {
	position:relative;
}

.read-more a {
	position:absolute;
	top: 25px;
	left: 50%;
	transform: translate(-50%,-50%);
	float: left;
	background: #fff;
	padding: 2px 15px;
	border: 1px solid rgba(0,0,0,0.07);
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
}

.visual .read-more a {
	position: static;
	transform: none;
}

.read-more a:hover {
	background: #a29581;
	border: 1px solid #a29581;
	color: #fff
}

/* wpcontent *******************************************/
/*******************************************************/

.wpcontent {
	float: left;
	width: 100%;
	font-size: 16px;
}

.wpcontent.showtop {
 	margin-bottom: 40px;
}

.wpcontent.showbottom {
	margin-top: 30px;
}

/* pagination ******************************************/
/*******************************************************/

.masonry .custom-pagination {
	text-align: center;
	margin: 20px 0px 40px 0px;
}

.custom-pagination {
	float: left;
	width: 100%;
	margin: 20px 0px 40px 0px;
    line-height: 1.5
}

.custom-pagination span, .custom-pagination a {
	display: inline-block;
	padding: 2px 10px;
}

.custom-pagination a {
	background-color: #f5f5f5;
}

.custom-pagination a:hover {
	background-color: #222222;
	color: #fff;
}

.custom-pagination a:hover .fa {
	color: #fff;
}

.custom-pagination span.page-num {
	display: inline-block;
	margin-right: 10px;
	padding: 0;
}

.custom-pagination a, .custom-pagination span.current {
	display: inline-block;
	width: 32px;
	height: 32px;
	padding: 5px 0px;
	margin: 0px 3px;
	text-align: center;
}

.custom-pagination span.dots {
	padding: 0;
	color: gainsboro;
}

.custom-pagination span.current {
	background-color: #222222;
	color: #fff;
}

.post-navigation {
	margin-top: 20px;
	padding: 20px 0px;
  	border-top: 1px solid rgba(0,0,0,0.07);
  	border-bottom: 1px solid rgba(0,0,0,0.07);
}

.post-navigation span {
  	padding: 0px 10px;
}

/* category teaser *************************************/
/*******************************************************/

.cat-teaser-wrapper {
  	margin: 0px -5px;
}

.cat-teaser-box {
	padding: 0px 20px;
}

.cat-teaser-img {
	float: left;
	width: 100%;
	height: 300px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 2px;
}

.cat-teaser-content {
  float: left;
  width: 100%;
  margin: 0px 0px 50px 0px;
}	

/* masonry grid ****************************************/
/*******************************************************/

.grid {
  float: left;
  width: 100%;
}
/*.grid .grid-sizer, .grid .grid-item {width:30%}
.grid .gutter-sizer {width:5%} --- > managed by wp settings */
.grid .grid-item {
  float: left;
  width: 100%;
  margin-bottom: 50px;
  box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
  overflow: hidden;
}

.grid .grid-item .post-content {
  padding: 30px 30px 30px 30px;
}

.grid .grid-item h2 {
  font-size: 22px;
  font-weight: 400!important;
  margin-top: 0px!important;
}

.grid .grid-item .blog-post-meta {
  margin: 20px 0px 0px 0px;
  text-align: center;
}

.grid .grid-item .blog-post-metabox {
  float: none;
  display: inline-block;
  padding: 10px 10px;
  border: 0px;
}

.grid .grid-item .blog-post-metabox:first-child {
  padding: 10px 10px;
}

.grid .grid-item .blog-post-metabox span {
  display: table-cell;
  padding-left: 10px;
}

.grid .grid-item .blog-post-meta-icon i {
  display: table-cell;
  font-size: 20px;
  vertical-align: middle;
  color: #ddd;
}

.grid .grid-item .blog-post-metabox img.avatar {
  width: 30px;
  height: 30px;
}

.grid .grid-item .blog-post-metabox.meta-cats {
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -60px;
  width: 120px;
  padding: 3px 10px 0px 10px;
  overflow: hidden;
  background: rgba(0,0,0,0.3);
  border-radius: 3px;
  color: #fff;
}

.grid .grid-item .blog-post-metabox.meta-cats a {
  color: #fff;
}

.grid .grid-item .blog-post-metabox.meta-cats .blog-post-meta-icon {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.grid .grid-item .blog-post-metabox.meta-cats .blog-post-meta-icon i {
  font-size: 13px;
}

.grid .owl-gallery {
  padding: 0px;
  border: 0px;
}

/* metro grid *******************************************/
/*******************************************************/

.metro-grid .grid-item {
	height: 180px;
	background: #fafafa;
	border: 1px solid #f1f1f1;
	margin-bottom: 20px
}

.metro-grid .grid-item--width2 {
	width: 100%!important;
	height: 310px;
}

.metro-grid.column-3 .grid-item--width2 {
	width: 100%!important;
	height: 310px;
}

.metro-grid .grid-item--height2 {
	height: 310px;
}

.metro-grid .grid-item .has-image h2 {
	color: #fff;
}

.metro-grid .post-content, .metro-grid .post-thumb, .metro-grid .post-bg {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px
}

/* metro item default */

.metro-grid .grid-item:not(.grid-item--width2):not(.grid-item--height2) h2 {
	font-size: 20px
}

.metro-grid .grid-item:not(.grid-item--width2):not(.grid-item--height2) .has-image .post-content {
	left: 100%;
	right: auto;
	background: #222222;
}

.metro-grid .grid-item:not(.grid-item--width2):not(.grid-item--height2):hover .has-image .post-content {
	left: 0%;
}

.metro-grid .grid-item:not(.grid-item--width2):not(.grid-item--height2) .has-image .post-bg {
	right: 0%;
}

.metro-grid .grid-item:not(.grid-item--width2):not(.grid-item--height2):hover .has-image .post-bg {
	right: 100%;
}

/* metro item width */

.metro-grid .grid-item.grid-item--width2 h2 {
	font-size: 20px
}

.metro-grid .grid-item.grid-item--width2 .has-image .post-content {
	top: 100%;
	bottom: -50%;
	background: #222222;
}

.metro-grid .grid-item.grid-item--width2:hover .has-image .post-content {
	top: 50%;
	bottom: 0%;
}

.metro-grid .grid-item.grid-item--width2 .has-image .post-bg {
	bottom: 0%;
}

.metro-grid .grid-item.grid-item--width2:hover .has-image .post-bg {
	bottom: 50%;
}

/* metro item height */

.metro-grid .grid-item.grid-item--height2 h2 {
	font-size: 22px
}

.metro-grid .grid-item.grid-item--height2 .has-image .post-content {
	top: -50%;
	bottom: 100%;
	background: #222222;
}

.metro-grid .grid-item.grid-item--height2:hover .has-image .post-content {
	top: 0%;
	bottom: 50%;
}

.metro-grid .grid-item.grid-item--height2 .has-image .post-bg {
	top: 0%;
}

.metro-grid .grid-item.grid-item--height2:hover .has-image .post-bg {
	top: 50%;
}

/* metro item content padding */

.metro-grid.column-3 .grid-item.grid-item--width2 .post-content {
	padding-right: 160px
}

.metro-grid.column-3 .grid-item.grid-item--width2 .has-image .post-content {
	padding-right: 30px
}

.metro-grid.column-3 .grid-item .post-content,
.metro-grid.column-4 .grid-item .post-content {
	padding-right: 60px
}

.metro-grid.column-3 .grid-item .has-image .post-content,
.metro-grid.column-4 .grid-item .has-image .post-content {
	padding-right: 30px
}

.metro-grid.column-4 .grid-item.grid-item--width2 .post-content {
	padding-right: 80px
}

.metro-grid.column-4 .grid-item.grid-item--width2 .has-image .post-content {
	padding-right: 30px
}

.metro-grid.column-3 .grid-item.grid-item--height2 .post-content,
.metro-grid.column-4 .grid-item.grid-item--height2 .post-content {
	padding-right: 60px
}

.metro-grid.column-3 .grid-item.grid-item--height2 .has-image .post-content,
.metro-grid.column-4 .grid-item.grid-item--height2 .has-image .post-content {
	padding-right: 30px
}

.metro-grid .blog-post-meta {
	position: absolute;
	bottom: 10px;
	left: 20px;
	text-align: left!important;
	color: #686868
}

.metro-grid .grid-item.grid-item--height2 .has-image ~ .blog-post-meta {
	bottom: 50%;
	margin-bottom: 10px
}

.metro-grid .blog-post-meta a {
	color: #686868
}

.metro-grid .grid-item .has-image ~ .blog-post-meta a {
	color: #fff
}

.metro-grid .grid-item .has-image ~ .blog-post-meta {
	color: #fff;
	opacity: 0;
	transition: all 0.1s ease-out;
}

.metro-grid .grid-item:hover .has-image ~ .blog-post-meta {
	opacity: 1;
	transition: all 0.3s 0.5s ease-out;
}

.metro-grid .post-content {
	transition: all 0.3s ease-out;
	overflow: hidden
}

.metro-grid .post-bg {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	transition: all 0.3s ease-out;
}

.metro-grid .post-icon {
	position: absolute;
	top: 20px;
	right: 25px;
}

.metro-grid .post-icon .fa {
	color: #686868;
    font-size: 40px;
    opacity: 0.2;
}

.metro-grid .post-content p {
	color: #686868
}

/* post grid *******************************************/
/*******************************************************/

.post-grid {
	float: none;
	width: auto;
	margin: -40px 0px 40px 0px;
}

.post-grid .grid-item {
	float: left;
	margin-bottom: 0px;
	border-bottom: 1px solid rgba(0,0,0,0.07);
	box-shadow: none;
	padding: 20px 0px 0px 0px;
	position: relative;
}

.post-grid .grid-item .post-thumbnail, .post-grid .grid-item .owl-gallery {
	margin-bottom: 30px;
}

.post-grid .grid-item .post-content {
	padding: 0px 0px 20px 0px;
}

.post-grid .ribbon {
    top: 20px;
}

.post-grid .quote, .post-grid .link {
	background: #e5e5e5;
	background: radial-gradient(ellipse at center, #ffffff 0%, #e8e8e8 100%);
}

/* magazine ********************************************/
/*******************************************************/

.magazine {
	float: left;
	width: 100%;
}

.magazin-collector {
	float: left;
	width: 100%;
}

.magazin-collector:last-child {
	border-bottom: 0px;
}

.magazine-item {
	float: right;
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}

.dleft .magazine-item.mgz-big {
	float: left;
}

.magazine .post-thumbnail {
	margin: 0px
}

.magazine-item.mgz-big .post-thumb, .magazine-item.mgz-big .post-content {
	width: 100%;
}

.magazine .read-more {
	display: none
}

.magazine .read-more a {
	position: static;
	transform: none
}

.magazine-item .post-format-link, .magazine-item .post-format-quote {
	padding: 0px;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	margin: 0px
}

.magazine-item .post-icon-wrapper {
	display: table;
	width: 100%;
	height: 100%;
	margin: 0px
}

.magazine-item .post-icon {
	display: table-cell;
	vertical-align: middle
}

.magazine-item:not(.mgz-big) .post-icon .fa {
	width: 35px;
	height: 35px;
	font-size: 15px;
	padding-top: 11px;
}

.magazine-item:not(.mgz-big) .audio-embed .play:after, .magazine-item:not(.mgz-big) .audio-embed .player:after {
	font-size: 35px;
    margin-bottom: -28px;
}

.magazine .blog-post-meta {
	text-align: center
}

.magazine .ribbon {
	top: 0px
}

.magazine-item:not(.mgz-big) .pin-button {
	top: 15px;
	left: 15px
}

/* attachment page *************************************/
/*******************************************************/

body.attachment-page {
  padding: 0px!important;
	background: none!important
}

.attachment-page .topbar, .attachment-page header, .attachment-page .map-content, .attachment-page .footer-sidebar, .attachment-page .instagram-footerbar, .attachment-page .contact, .attachment-page .footer {
  display: none;
}

.attachment-page .attach-right {
  width: 100%;
  padding: 30px;
  border-left: 1px solid #ccc;
  overflow-y: auto;
}

.attachment-page .attach-right h1 {
  font-size: 22px;
  padding: 20px 0px;
  margin-bottom: 0px;
}

.attachment-page .attach-right .attach-nav {
  border-bottom: 1px solid rgba(0,0,0,0.07);
  padding-bottom: 30px;
}

.attachment-page .attach-right .comments-area {
  border: 0px solid rgba(0,0,0,0.07);
  margin: 0px;
  padding: 0px 0px 30px 0px;
}

.attachment-page .attach-right .comment-list li {
  margin: 0px 0px 30px 0px;
}

.attachment-page .attach-right .comment-respond {
  margin-bottom: 0px;
}

.attachment-page .attach-right .comments-area input {
  width: 100%!important;
}

.attachment-page .attach-image {
  padding: 20px 0px;
  overflow-y: auto;
  background: #000;
  text-align: center;
  color: #aaa;
}

.attachment-page .attach-image {
  background: #3d3d3d;
  background: radial-gradient(ellipse at center, #3d3d3d 0%,#000000 100%);
}

.attachment-page .attach-image .attachment-image {
  margin: 0 auto;
  width: 80%;
}

.attachment-page .attach-image .attachment-image img {
  max-width: 100%;
  height: auto;
}

.attachment-page .attach-image .attachment-image p {
  margin-top: 20px;
}

.attachment-page .attach-image .postbar {
  text-align: center;
}

.attachment-page .attach-image .social-postbar {
  width: auto;
  float: none;
  margin-bottom: 30px;
  text-align: center;
}

.attachment-page .attach-image h1 {
  color: #fff;
  font-size: 18px;
  padding: 20px 0px;
  margin-bottom: 10px;
}

.attachment-page .attach-bottom {
  margin: 60px 0px;
  font-size: 12px;
  text-transform: uppercase;
  color: #686868;
}

.attachment-page .attach-bottom a {
  color: #686868;
}

.attachment-page .attach-bottom .menu {
  float: none;
  list-style: none;
  padding: 0px;
  margin: 0px 0px 5px 0px
}

.attachment-page .attach-bottom .menu li {
  display: inline-block;
  padding: 0px 15px;
  border-right: 1px solid #686868;
}

.attachment-page .attach-bottom .menu li:last-child {
  border: 0px;
}

.attachment-page .copyright {
  margin: 0px;
  color: #686868;
  font-size: 12px;
}

/* social share bar ************************************/
/*******************************************************/

.social-share-bar {
  position: fixed;
  z-index: 2;
  bottom: 0px;
  right: 0px;
  left: 0px;
  text-align: center;
}

.social-share-bar-content {
  background: #fff;
  padding: 8px;
  box-shadow: 0px -1px 3px rgba(0,0,0,0.2);
  font-size: 0px;
}

.social-share-bar a {
  display: inline-block;
  width: 14%;
  height: 32px;
  padding: 8px 0px;
  margin: 0px 1%;
  font-size: 16px;
  color: #aaa;
  border-radius: 3px;
  background: rgba(0,0,0,0.07);
}

.social-share-bar a:hover, .social-share-bar.colored a {
  color: #fff!important;
}

/* social profile sidebar ******************************/
/*******************************************************/

.social-profile-sidebar {
	display: none;
	position: fixed;
	top: 50%;
	left: 0px;	
	z-index: 10
}

.social-profile-sidebar.right {
	right: 0px;
	left: auto;
}

.social-profile-sidebar a {
	position: relative;
	height: 40px;
	text-align: center;
	color: #fff;	
	display: table;
}

.social-profile-sidebar .social-profile-sidebar-icon {
	position: relative;
	z-index: 2;
	width: 40px;
	height: 100%;
	display: table;
	background: #222222;
}

.social-profile-sidebar .social-profile-sidebar-icon:before {
	display: table-cell;
	vertical-align: middle;
	color: #fff;	
}

.social-profile-sidebar .social-profile-sidebar-label {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: -1000px;
	white-space: nowrap;
	transition: all 0.5s;
	background: #222222;
	display: table;
	height: 100%;
	opacity: 0.8;
}

.social-profile-sidebar.right .social-profile-sidebar-label {
	right: -1000px;
	left: auto;
}

.social-profile-sidebar .social-profile-sidebar-label span {
	display: table-cell;
	vertical-align: middle;
	padding: 0px 15px;
}

.social-profile-sidebar a:hover .social-profile-sidebar-label {
	left: 40px;
	transition: all 0.5s;
}

.social-profile-sidebar.right a:hover .social-profile-sidebar-label {
	right: 40px;
	left: auto;
}

/* social icon colors **********************************/
/*******************************************************/

.fa-facebook:hover, 
.fa-facebook-official:hover, 
.fa-facebook-square:hover, 
.fa-facebook-f:hover,
.colored .fa-facebook,
.colored .fa-facebook-official, 
.colored .fa-facebook-square, 
.colored .fa-facebook-f,
.fa-facebook ~ .social-profile-sidebar-label,
.fa-facebook-official ~ .social-profile-sidebar-label,
.fa-facebook-square ~ .social-profile-sidebar-label,
.fa-facebook-f ~ .social-profile-sidebar-label {
	background: #3c5a96;
}

.fa-flickr:hover,
.colored .fa-flickr:hover,
.fa-flickr ~ .social-profile-sidebar-label {
	background: #fc1685;
}

.fa-google-plus:hover, 
.fa-google-plus-circle:hover, 
.fa-google-plus-official:hover, 
.fa-google-plus-square:hover, 
.colored .fa-google-plus, 
.colored .fa-google-plus-circle, 
.colored .fa-google-plus-official, 
.colored .fa-google-plus-square,
.fa-google-plus ~ .social-profile-sidebar-label,
.fa-google-plus-circle ~ .social-profile-sidebar-label,
.fa-google-plus-official ~ .social-profile-sidebar-label,
.fa-google-plus-square ~ .social-profile-sidebar-label {
	background: #da4b3e;
}

.fa-pinterest:hover,
.fa-pinterest-p:hover, 
.fa-pinterest-square:hover,
.colored .fa-pinterest,
.colored .fa-pinterest-p,
.colored .fa-pinterest-square,
.fa-pinterest ~ .social-profile-sidebar-label,
.fa-pinterest-p ~ .social-profile-sidebar-label,
.fa-pinterest-square ~ .social-profile-sidebar-label {
	background: #bb0f23;
}

.fa-twitter:hover, 
.fa-twitter-square:hover, 
.colored .fa-twitter, 
.colored .fa-twitter-square,
.fa-twitter ~ .social-profile-sidebar-label,
.fa-twitter-square ~ .social-profile-sidebar-label {
	background: #2aa2ef;
}

.fa-whatsapp:hover, 
.colored .fa-whatsapp,
.fa-whatsapp ~ .social-profile-sidebar-label {
	background: #50b25a;
}

.fa-envelope-o:hover, 
.colored .fa-envelope-o,
.fa-envelope-o ~ .social-profile-sidebar-label {
	background: #aaa;
}

.fa-xing:hover, 
.fa-xing-square:hover,
.colored .fa-xing, 
.colored .fa-xing-square,
.fa-xing ~ .social-profile-sidebar-label,
.fa-xing-square ~ .social-profile-sidebar-label {
	background: #0e6063;
}

.fa-instagram:hover,
.colored .fa-instagram,
.fa-instagram ~ .social-profile-sidebar-label {
	background: #305f84;
}

.fa-youtube:hover, 
.fa-youtube-play:hover, 
.fa-youtube-square:hover,
.colored .fa-youtube, 
.colored .fa-youtube-play, 
.colored .fa-youtube-square,
.fa-youtube ~ .social-profile-sidebar-label,
.fa-youtube-play ~ .social-profile-sidebar-label,
.fa-youtube-square ~ .social-profile-sidebar-label {
	background: #e4312d;
}

.fa-linkedin:hover,
.fa-linkedin-square:hover,
.colored .fa-linkedin,
.colored .fa-linkedin-square,
.fa-linkedin ~ .social-profile-sidebar-label,
.fa-linkedin-square ~ .social-profile-sidebar-label {
	background: #0077B5;
}

.fa-vimeo:hover,
.fa-vimeo-square:hover,
.colored .fa-vimeo,
.colored .fa-vimeo-square,
.fa-vimeo ~ .social-profile-sidebar-label,
.fa-vimeo-square ~ .social-profile-sidebar-label {
	background: #1ab7ea;
}

.fa-snapchat:hover,
.fa-snapchat-square:hover,
.fa-snapchat-ghost:hover,
.colored .fa-snapchat,
.colored .fa-snapchat-square,
.colored .fa-ghost-square,
.fa-snapchat ~ .social-profile-sidebar-label,
.fa-snapchat-square ~ .social-profile-sidebar-label,
.fa-snapchat-ghost ~ .social-profile-sidebar-label {
	background: #FFFC00;
}

.fa-tumblr:hover,
.fa-tumblr-square:hover,
.colored .fa-tumblr,
.colored .fa-tumblr-square,
.fa-tumblr ~ .social-profile-sidebar-label,
.fa-tumblr-square ~ .social-profile-sidebar-label {
	background: #34465d;
}

.fa-rss:hover,
.fa-rss-square:hover,
.colored .fa-rss,
.colored .fa-rss-square,
.fa-rss ~ .social-profile-sidebar-label,
.fa-rss-square ~ .social-profile-sidebar-label {
	background: #f26522;
}

.fa-dribbble:hover,
.colored .fa-dribbble,
.fa-dribbble ~ .social-profile-sidebar-label {
	background: #ea4c89;
}

.socialbar .fa:hover {
	background:none
}

/* pin button ******************************************/
/*******************************************************/

.pin-button {
  position: absolute;
  top: 30px;
  left: 30px;
  background: #222222;
  color: #fff;
  font-weight: 700;
  padding: 5px 13px;
  border-radius: 5px;
}

.pin-button .fa {
  color: #fff;
}

.pin-button .fa:hover {
	background: none;
}

.pin-button span {
  padding-left: 8px;
}

.pin-button:hover {
  background: #fff;
  color: #222222!important;
}

.pin-button:hover .fa {
  color: #222222;
}

/* postbar *********************************************/
/*******************************************************/

.postbar {
  float: left;
  width: 100%;
  margin: 30px 0px;
  text-transform: uppercase;
  font-size: 13px;
}

.social-postbar {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
}

.social-postbar-label {
  display: inline-block;
  width: 100%;
}

.social-postbar a {
  display: inline-block;
  width: 32px;
  height: 32px;
  padding: 8px 0px;
  margin: 5px 8px 5px 0px;
  font-size: 18px;
  color: #aaa;
  border-radius: 50%;
  text-align: center;
}

.social-postbar a:hover {
  background: #222222;
  color: #fff;
}

.tags-postbar {
  float: right;
  width: 100%;
  text-align: center;
}

.tags-postbar-label {
  display: inline-block;
  width: 100%;
}

.tags-postbar a {
  display: inline-block;
  padding: 3px 8px;
  margin: 5px 5px 5px 5px;
  background: #fafafa;
  color: #888;
}

/* like button *****************************************/
/*******************************************************/

.like-button {
  position: relative;
  float: left;
  width: 100%;
  padding: 10px 0px 10px 0px;
  text-align: center;
}

.like-button-wrapper {
  position: relative;
  width: 100%;
  padding: 0px 15px;
}

.like-btn {
  position: relative;
  display: inline-block;
  z-index: 1;
  background: #fff;
  border: 0px;
}

.like-btn:focus {
  outline: none;
}

.like-button-wrapper:before {
  content: "";
  position: absolute;
  top: 18px;
  left: 0px;
  width: 45%;
  border-bottom: 1px solid rgba(0,0,0,0.07);
  height: 1px;
}

.like-button-wrapper:after {
  content: "";
  position: absolute;
  top: 18px;
  right: 0px;
  width: 45%;
  border-bottom: 1px solid rgba(0,0,0,0.07);
  height: 1px;
}

.like-btn .fa {
  display: block;
  background: none;
  border: 0px;
  font-size: 30px;
  color: #222222;
}

.like-btn-content {
  display: block;
  text-transform: uppercase;
  font-size: 13px;
  padding-top: 10px;
  color: #888;
}

/* post rating *****************************************/
/*******************************************************/

.post-rating {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px 0px 0px 0px;
  text-align: center;
}

.post-rating-stars {
  width: 100%;
  position: relative;
  display: inline-block;
}

.post-rating-stars-wrapper {
  position: relative;
  display: inline-block;
  z-index: 1;
  background: #fff;
  padding: 0px 4px;
}

.post-rating-stars:before {
  content: "";
  position: absolute;
  top: 16px;
  left: 0px;
  width: 35%;
  border-bottom: 1px solid rgba(0,0,0,0.07);
  height: 1px;
}

.post-rating-stars:after {
  content: "";
  position: absolute;
  top: 16px;
  right: 0px;
  width: 35%;
  border-bottom: 1px solid rgba(0,0,0,0.07);
  height: 1px;
}

.post-rating-stars .fa {
  color: #d2d2d2;
  font-size: 30px;
}

.post-rating-stars.has-votes .fa {
  color: #a29581;
}

.post-rating-stars-wrapper a:hover .fa {
  color: #a29581;
}

.post-rating-stars-wrapper a {
  position: relative;
  z-index: 1;
  padding: 0px 3px;
}

.post-rating-stars-wrapper:hover .fa, .post-rating-stars-wrapper.is-voted .fa {
  color: #a29581;
}

.post-rating-stars-wrapper > a:hover ~ a .fa {
  color: #e4e4e4;
}

.post-rating-stars-wrapper a:active .fa {
  color: #ed9967;
}

.post-rating-content {
  text-transform: uppercase;
  font-size: 13px;
  padding-top: 10px;
  color: #888;
}

.post-rating-content span {
  padding: 0px 2px;
}

.post-rating-content .rating-title {
  display: none;
}

.post-rating[data-tooltip]:hover:before {
  position: absolute;
  left: 50%;
  bottom: 85px;
  width: 160px;
  margin-left: -80px;
  padding: 6px;
  font-size: 12px;
  content: attr(data-tooltip);
  text-align: center;
  background: rgba(0,0,0,0.07);
  box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
  border-radius: 2px;
}

.post-rating[data-tooltip]:hover:after {
  position: absolute;
  top: -4px;
  left: 50%;
  content: "";
  width: 0;
  height: 0;
  border: solid transparent;
  pointer-events: none;
  margin-left: -12px;
  border-top-color: rgba(0,0,0,0.07);
  border-width: 12px;
}

.post-rating-layer {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  z-index: 2;
  background-color: rgba(255,255,255,0.7);
}

.post-rating-stars:hover .post-rating-layer {
  display: none;
}

/* wp post images **************************************/
/*******************************************************/

.alignleft {
	float: left;
	height: auto;
	margin: 10px 30px 28px 0px;
}

.alignright {
	float: right;
	height: auto;
	margin: 10px 0px 28px 30px;
}

.aligncenter {
	display: block; 
	margin-left: auto; 
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 10px;
}

.alignnone {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
}

/* wp-caption ******************************************/
/*******************************************************/

.wp-caption.aligncenter {
	margin-bottom: 15px;
}

.wp-caption.alignnone {
	margin-bottom: 15px;
}

.wp-caption-text {
	padding: 8px 0px 0px 0px;
  	font-size: 11px;
	color: #999;
	text-transform: uppercase
}

.gallery-item .wp-caption-text {
	text-transform: none;
	width: auto
}

.gallery-item .wp-caption-text, .gallery-caption {
	opacity: 0;
	position: absolute;
	right: 10px;
	bottom: 0px;
	left: 10px;
	float: left;
	padding: 4px 16px;
	background: rgba(0,0,0,0.4);
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
	transition: all 0.3s ease-out;
}

.wp-caption:hover .wp-caption-text, .gallery-item:hover .wp-caption-text {
	opacity: 1;
	transition: all 0.3s ease-out;
}

.wp-caption-text span {
	position: relative;
	padding-left: 25px;
	display: inline-block;
}

.gallery-item .wp-caption-text span {
	display: inline;
	padding-left: 0px;
}

.wp-caption-text span:before {
	font-family: 'fontAwesome';
	content: "\f03e";
	position: absolute;
	top: -2px;
	left: 0px;
	color: #D4D4D4;
	font-size: 13px;
}

.gallery-item .wp-caption-text span:before {
	content: none;
}

/* wp gallery ******************************************/
/*******************************************************/

.gallery {
	margin: 10px -10px 30px -10px;
}

.gallery:after {
	display: table;
	content: "";
	clear: both;
}

.gallery-item {
	position: relative;
	float: left;
	padding: 0px 10px;
}

.gallery-item:hover .wp-.gallery-owl p-text {
	opacity: 1;
	transition: all 0.3s ease-out;
}

.gallery-item img {
	width: 100%;
	height: auto;
	border: 0px!important;
	margin: 0px!important;
	padding: 0px!important;
}

.gallery-icon {
	position: relative;
	overflow: hidden;
}

.gallery-item:hover .gallery-icon a:before {
	top: 10px;
	right: 10px;
	transition: all 0.3s ease-out;
}

.gallery-icon a:before {
	content: '+';
	color: #fff;
	font-size: 20px;
	position: absolute;
	top: -40px;
	right: -40px;
	width: 35px;
	height: 35px;
	background: rgba(0,0,0,0.4);
	text-align: center;
	transition: all 0.3s ease-out;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
	float: none;
}

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

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

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

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

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

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

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

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

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
  	clear: left;
}

/* glossary ********************************************/
/*******************************************************/

ul.glossary-index {
  float: left;
  width: 100%;
  list-style: none;
  margin: 0px;
  padding: 0px
}

ul.glossary-index li {
  float: left;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin: 0px 10px 10px 0px;
  padding: 0px;
  text-align: center;
  background-color: #f5f5f5;
  overflow: hidden;
}

ul.glossary-index li.no-item {
  padding: 5px 0px;
  color: #aaa;
}

ul.glossary-index a {
  float: left;
  width: 32px;
  height: 32px;
  padding: 5px 0px;
}

ul.glossary-index li a:hover {
  background-color: #222222;
  color: #fff;
}

ul.glossary-content {
  float: left;
  margin: 20px 0px;
  font-size: 16px;
  list-style: none;
  padding: 0px
}

ul.glossary-content li {
  position: relative;
  float: left;
  width: 100%;
  padding: 15px 0px;
  margin: 0px;
  border-top: 1px solid rgba(0,0,0,0.07);
}

ul.glossary-content li.glossary-image {
  min-height: 95px;
  padding: 20px 0px 20px 75px;
}

ul.glossary-content li a {
  display: block;
  font-weight: 600;
}

ul.glossary-content li a.read-more {
  font-weight: 400;
}

ul.glossary-content .glossary-heading {
  display: block;
  margin-top: 20px;
  font-size: 40px;
  border: 0px;
}

ul.glossary-content img, ul.glossary-content .no-thumb {
  position: absolute;
  top: 26px;
  left: 0px;
  width: 55px;
  height: 55px;
}

ul.glossary-content .glossary-excerpt {
  margin-top: 5px;
}

/* sitemap *********************************************/
/*******************************************************/

ul.sitemap-index {
  float: left;
  width: 100%;
  margin: 0px;
  margin-bottom: 40px;
  list-style: none;
  padding: 0px
}

ul.sitemap-index li {
  float: left;
  border-radius: 5px;
  margin: 0px 10px 10px 0px;
  padding: 0px;
  text-align: center;
  background-color: #f5f5f5;
  overflow: hidden;
}

ul.sitemap-index li.no-item {
  padding: 5px 0px;
  color: #aaa;
}

ul.sitemap-index a {
  float: left;
  padding: 5px 15px;
}

ul.sitemap-index li a:hover {
  background-color: #222222;
  color: #fff;
}

.sitemap img {
  position: absolute;
  top: 20px;
  left: 0px;
  width: 55px;
  height: 55px;
}

.sitemap h2 {
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(0,0,0,0.07);
}

.sitemap ul {
  float: left;
  width: 100%;
  margin: 0px 0px 30px 0px;
  list-style: none;
  padding: 0px
}

.sitemap ul ul {
  margin: 5px 0px 30px 0px;
}

.sitemap ul.cat-ul {
  margin: 0px;
}

.sitemap li {
	float: left;
	width: 100%;
	padding: 5px 0px 5px 0px;
}

.sitemap li.has-thumbnail {
  position: relative;
  float: left;
  width: 100%;
  min-height: 95px;
  padding: 20px 0px 20px 75px;
  margin: 0px;
  border-bottom: 1px solid rgba(0,0,0,0.07);
}

.sitemap li.has-thumbnail:last-child {
  border-bottom: 0px;
}

.sitemap li img, .sitemap li .no-thumb {
  position: absolute;
  top: 20px;
  left: 0px;
  width: 55px;
  height: 55px;
}

.sitemap li.has-thumbnail {
  display: table;
}

.sitemap li.has-thumbnail span {
  display: table-cell;
  vertical-align: middle;
}

.sitemap .sitemap-exerpt {
  margin-top: 5px;
}

/* author bio ******************************************/
/*******************************************************/

.author-info {
	float: left;
	width: 100%;
	position: relative;
	min-height: 133px;
	margin: 30px 0px 0px 0px;
	padding: 30px;
	background: #fafafa;
	border-radius: 3px;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center
}

.author-heading {
  position: absolute;
  top: 26px;
  left: 30px;
  right: 30px;
  font-weight: 300;
  font-size: 10px;
  text-align: center;
  display: none;
}

.author-user {
	margin-bottom: 20px;
	text-align: center;
}

.author-user .avatar {
	width:30%;
	height: auto
}

.author-description p {
	margin: 0px;
}

/* metabox *********************************************/
/*******************************************************/

.blog-post-meta a {
  color: #222222;
}

.blog-post-meta {
  display: none;
  float: left;
  width: 100%;
  margin-bottom: 20px;
  white-space: nowrap;
  overflow: hidden;
}

.blog-post-metabox {
  display: none;
  position: relative;
  padding: 10px 20px;
  border-left: 1px solid rgba(0,0,0,0.07);
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 12px;
}

.blog-post-metabox:first-child {
  padding: 10px 30px 10px 0px;
  border: 0px;
}

.blog-post-metabox:before {
  content: "";
  display: table;
}

.blog-post-meta-icon i {
  color: rgba(0,0,0,0.07);
  font-size: 26px;
}

.blog-post-meta-icon {
  display: table-cell;
  vertical-align: middle;
}

.blog-post-meta-content {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
  white-space: nowrap;
}

.visual .blog-post-meta, .magazine .blog-post-meta {
  margin: 0px;
}

.visual .has-thumb .blog-post-meta, .magazine .has-thumb .blog-post-meta {
  margin: 0px;
  text-align: center;
}

.visual .blog-post-metabox, .magazine .blog-post-metabox {
  float: none;
  display: inline-block;
  border: 0px;
}

.visual .has-thumb .blog-post-metabox, .magazine .has-thumb .blog-post-metabox {
  padding: 10px 10px;
}

.visual .blog-post-metabox:first-child, .magazine .blog-post-metabox:first-child {
  padding: 10px 10px 10px 0px;
}

.visual .blog-post-metabox span, .magazine .blog-post-metabox span {
  display: table-cell;
  padding-left: 10px;
}

.visual .blog-post-meta-icon i, .magazine .blog-post-meta-icon i {
  display: table-cell;
  font-size: 20px;
  vertical-align: middle;
  color: #ddd;
}

.visual .blog-post-metabox img.avatar, .magazine .blog-post-metabox img.avatar {
  width: 30px;
  height: 30px;
}

/* search form *****************************************/
/*******************************************************/

.search-form, .woocommerce-product-search {
	float: left;
	width: 100%;
	white-space: nowrap;
	position: relative;
}

.search-form label, .woocommerce-product-search label {
 	float: left;
}

.search-form input[type=search], .woocommerce-product-search input[type=search] {
	height: 50px; 
	width: 300px;
	color: #9F9F9F;
	padding-left: 22px;
	transition: all 0.15s;
	border: 2px solid #222222;
	vertical-align: top;
}

.search-form input[type=search]:focus, .woocommerce-product-search input[type=search]:focus {
	border-color: #222222;
	outline: 0;
}

.search-form input[type=search]::-moz-placeholder, .woocommerce-product-search input[type=search]::-moz-placeholder {
	color: #aaa;
	opacity: 1;
}

.search-form input[type=search]:-ms-input-placeholder, .woocommerce-product-search input[type=search]:-ms-input-placeholder {
 	color: #aaa;
}

.search-form input[type=search]::-webkit-input-placeholder, .woocommerce-product-search input[type=search]::-webkit-input-placeholder {
 	color: #aaa;
}

.search-form input[type=submit], .woocommerce-product-search input[type=submit] {
	border-radius: 0px!important;
	vertical-align: top;
	margin-left: -2px;
}

/* grouped posts ***************************************/
/*******************************************************/

.grouped-posts {
	float: left;
	width: 100%;
}

.grouped-posts h2 {
	float: left;
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,0.07);
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 30px 0px!important;
	font-weight: 400!important;
}

.grouped-post-box .row {
	margin: 0px -15px 0px -15px;
}

.grouped-post-box .grouped-post-box-item {
	float: left;
	width: 100%;
	margin-bottom: 20px
}

.grouped-post-box .grouped-post-box-item h3 {
	font-weight: 500;
	margin: 20px 0px 10px 0px!important;
	font-size: 18px
}

.grouped-post-box-item-img {
	display: block;
	width: 100%;
	height: 200px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.grouped-post-box .grouped-post-box-item.col-md-12 .grouped-post-box-item-img,
.grouped-post-box .grouped-post-box-item.col-md-6 .grouped-post-box-item-img,
.grouped-post-box .grouped-post-box-item.col-md-4 .grouped-post-box-item-img,
.grouped-post-box .grouped-post-box-item.col-md-3 .grouped-post-box-item-img {
	height: 150px;
}

/* related posts ***************************************/
/*******************************************************/

.related-posts {
  float: left;
  width: 100%;
  border-top: 1px solid rgba(0,0,0,0.07);
  margin: 0px 0px 0px 0px;
  padding-top: 20px;
}

.related-list {
	list-style: none;
	padding: 0px;
	margin: 0px -10px;
	text-align: center;
}

.related-list li {
  width: 100%;
  display: inline-block;
  padding: 0px 10px 20px 10px;
  margin-right: -4px;
  vertical-align: top;
}

.related-list li img {
  width: 100%;
  height: auto;
  border-radius: 2px;
}

.related-posts-img {
    background-repeat: no-repeat;
	background-size: cover
}

.related-content-inner {
	display: table;
	width: 100%;
	height: 100%;
}

.related-content-inner div {
	display: table-cell;
	vertical-align: middle;
}

.related-content {
	position: absolute;
	top: 0px;
	right: 40px;
	bottom: 0px;
	left: 40px;
	z-index: 2;
}

.related-category {
	position: relative;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	display: inline-block;
}

.related-category:before {
	content: '';
	position: absolute;
	top: 10px;
	left: -30px;
	width: 20px;
	border-top: 1px solid rgba(255,255,255,0.6)
}

.related-category:after {
	content: '';
	position: absolute;
	top: 10px;
	right: -30px;
	width: 20px;
	border-top: 1px solid rgba(255,255,255,0.6)
}

.related-title {
	display: block;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}

/* single post navigation ******************************/
/*******************************************************/

.single-post-navigation {
	float: left;
	width: 100%;
	margin-top: 40px;
	padding-top: 20px;
	border-top:1px solid rgba(0,0,0,0.07)
}

.single-post-navigation .post-nav-title {
  width: 80%;
  padding: 10px 20px;
  display: inline-block;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.single-post-navigation a {
	width: 46%;
	white-space: nowrap;
}

.single-post-navigation a.next {
  float: left;
}

.single-post-navigation a.prev {
	float: right;
	text-align: right;
}

.single-post-navigation a span {
  display: inline-block;
  vertical-align: middle;
}

.single-post-navigation a figure {
  display: inline-block;
  vertical-align: middle;
}

.single-post-navigation img {
  display: none;
}

.single-post-navigation .thumb {
  display: none;
}

.single-post-navigation .fa {
  color: #222222;
}

/* comments ********************************************/
/*******************************************************/

.comments-title {
	margin-top: 45px!important;
}

.comments-area {
  float: left;
  width: 100%;
  border-top: 1px solid rgba(0,0,0,0.07);
  margin: 20px 0px 0px 0px;
}

.comments-area ol {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.comment-respond, .entry-pings, .entry-comments {
  color: #444;
  padding: 0px 0px 40px 0px;
}

.comment-respond {
	margin: 20px 0px;
	float: left;
	width: 100%
}

.comment-metadata {
  display: none;
  position: absolute;
  top: 18px;
  right: 18px;
  font-weight: 600;
  font-size: 10px;
}

.comment-metadata a {
  color: #888;
}

.comment-metadata .edit-link {
  display: none;
}

.comment-meta {
  text-transform: uppercase;
}

.comment-meta .fn {
  margin-left: 10px;
  color: #adaeb3;
}

.comment-content {
  float: left;
  width: 100%;
  margin: 10px 0px;
}

.comment-content p:last-child {
  	margin: 0px
}

.comment-content li {
   padding: 2px 0px 2px 10px!important;
   float: none!important
}

.comment-content ol {
	padding: 0px 0px 0px 24px!important;
   	list-style: decimal-leading-zero!important
}

.comment-list li {
  position: relative;
	float: left;
	width: 100%;
  font-size: 14px;
  padding: 10px 10px;
  margin: 0px 0px 0px 0px;
  border-radius: 3px;
}

.comment-list li li .comment-metadata {
  right: 0px;
}

.comment-list .even.comment { 
  background: #fff;
} 
.comment-list .odd.comment {
  background: #fafafa;
}

.comment-list .children {
  margin-top: 20px;
}

.comment-list .avatar {
  width: 30px;
  height: 30px
}

.comment-body {
	float: none!important
}

.comment-respond {
  margin: 46px 0px 20px 0px;
}

.comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"], .comment-respond textarea {
  width: 100%;
  padding: 5px 10px;
  margin-top: 3px;
  height: 38px;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: inset 0px 2px 3px rgba(0,0,0,0.1);
}

.bypostauthor {
	border-left: 3px solid #222222;
}

.comment-respond textarea {
  height: auto;
}

.comment-respond label {
  display: block;
  margin-right: 12px;
}

.comment-reply-link {
  background: #fff;
  border: 1px solid rgba(0,0,0,0.07);
  border-radius: 15px;
  font-size: 11px;
  padding: 4px 16px;
  text-transform: uppercase;
  font-weight: 600;
}

.comment-reply-link:hover {
  background: #222222;
  color: #fff;
}

#comments input[type=submit] {
  margin-top: 15px;
  padding: 0px 42px;
}

.no-comments {
    float: left;
    width: 100%;
    padding: 10px 20px;
    background: #fafafa;
    margin: 30px 0px 0px 0px;
    text-align: center
}

.no-comments:before {
    font-family: 'fontAwesome';
    content: '\f05c';
    margin-right: 5px;
}

/* tab menu ********************************************/
/*******************************************************/

ul.nav-tabs {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px 0px 20px 0px;
}

ul.nav-tabs li {
    margin: 0px 0px -1px 0px;
    padding: 0px
}

.tab-content {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.tab-content p {
    margin-top: 10px;
}

/* tab page ********************************************/
/*******************************************************/

.tab-page h1:first-child, 
.tab-page h2:first-child, 
.tab-page h3:first-child, 
.tab-page h4:first-child, 
.tab-page h5:first-child, 
.tab-page h6:first-child {
    margin-top: 0px!important
}

.tab-page {
    float: left;
    width: 100%;
}

.tab-page .nav-tabs {
	width:15%;
	margin: 10px 0px;
	border: 0px!important;
}

.tab-page.right .nav-tabs {
	float: right
}

.tab-page .nav-tabs li {
	width:100%;
	margin: 0px;
}

.tab-page .nav-tabs li a {
	margin: 0px;
	border: 0px!important;
	border-bottom: 1px solid #ddd!important;
	color: #686868;
	padding: 15px 0px;
	border-radius: 0px
}

.tab-page .nav-tabs li a span.tab-title {
	display: none
}

.tab-page .nav-tabs li a span.tab-letter {
	display: inline-block;
	width: 100%;
	text-align: center;
	color: #686868;
	font-weight: 600
}

.tab-page .nav-tabs li:last-child a {
	border: 0px!important
}

.tab-page .nav-tabs li a:hover {
	margin-right: -1px;
	background: linear-gradient(to right, rgba(250,250,250,0.65) 0%,rgba(0,0,0,0) 100%);
}

.tab-page.right .nav-tabs li a:hover {
	margin-right: -1px;
	background: linear-gradient(to left, rgba(250,250,250,0.65) 0%,rgba(0,0,0,0) 100%);
}

.tab-page .nav-tabs li.active a:hover {
	background: #fff!important;
}

.tab-page .nav-tabs li.active a {
	margin: 0px -1px 0px 0px;
}

.tab-page.right .nav-tabs li.active a {
	margin: 0px 0px 0px -1px;
}

.tab-page .nav-tabs .fa {
	width: 100%;
	text-align: center;
	color: #686868;
}

.tab-page .tab-content {
	width:85%;
	padding: 0px 0px 20px 25px;
	box-shadow: -20px 0px 20px -16px rgba(0, 0, 0, 0.2);
	border-left: 1px solid #ddd!important;
}

.tab-page.right .tab-content {
	padding: 0px 25px 20px 0px;
	box-shadow: 20px 0px 20px -16px rgba(0, 0, 0, 0.2);
	border-right: 1px solid #ddd!important;
	border-left: 0px!important
}

/* accordion *******************************************/
/*******************************************************/

.panel-group {
	float: left;
	width: 100%;
	margin: 0px 0px 50px 0px;
}

.panel-group a {
 	display: block;
}

.accordion .panel-heading {
	padding: 0px;
}

.accordion .panel-heading a {
	padding: 10px 15px 10px 15px;
}

/* toggle menu *****************************************/
/*******************************************************/

.toggle-menu a .fa {
	position: absolute;
	top: 15px;
	left: 15px;
    background: #222222;
    width: 18px;
    height: 18px;
    color: #fff;
    text-align: center;
}

.toggle-menu a .fa:before {
	font-size: 10px;
	vertical-align: middle
}

.toggle-menu a .fa.fa-plus {
	display: inline-block;
}

.toggle-menu a .fa.fa-minus {
	display: none;
}

.toggle-menu a.collapsed .fa.fa-plus {
	display: none;
}

.toggle-menu a.collapsed .fa.fa-minus {
	display: inline-block;
}

.toggle-menu .panel {
	border: 0px;
	box-shadow: none;
	margin-top: -1px!important;
}

.toggle-menu .panel-heading {
	padding: 0px;
	position: relative;
	background: none;
	border-top: 1px solid rgba(0,0,0,0.07);
	border-bottom: 1px solid rgba(0,0,0,0.07);
	border-radius: 0px;
	font-weight: 600;
}

.toggle-menu .panel-heading a {
	padding: 10px 15px 10px 45px;
}

.toggle-menu .panel-heading:hover {
	background: #fafafa
}

.toggle-menu .panel-body {
	border: 0px!important
}

/* gallery carousel ************************************/
/*******************************************************/

.gallery-carousel .gallery-item {
	width: 100%!important
}

.gallery-carousel .owl-carousel {
	width: auto!important
}

.gallery-carousel .owl-carousel .owl-nav div {
    padding-top: 12px;
	border-radius: 50%
}

.gallery-carousel .owl-carousel .owl-prev {
    left: 20px;
}

.gallery-carousel .owl-carousel .owl-next {
    right: 20px;
}

/* countdown shortcode *********************************/
/*******************************************************/

.countdown-inline span {
	display: block;
	font-weight: 600
}

.countdown-inline span.size-1 {
	font-size: inherit
}

.countdown-inline span.size-2 {
	font-size: 20px
}

.countdown-inline span.size-3 {
	font-size: 24px
}

.countdown-inline span.size-4 {
	font-size: 28px
}

.countdown-inline span.size-5 {
	font-size: 32px
}

/* faq page ********************************************/
/*******************************************************/

.faq-page {
	margin: 0px -15px;
}

.faq-page .faq-column {
	float: left;
	width: 100%;
    padding: 0px 15px;
}

.faq-page .faq-column.col-2 {
	width: 100%;
}

.faq-page .faq-column.col-3 {
	width: 100%;
}

/* timeline ********************************************/
/*******************************************************/

.timeline {
	float: left;
	position: relative;
	width: 100%;
}

.timeline:before {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 100%;
	content: '';
	width: 10px;
	background: rgba(0,0,0,0.07);
	border-radius: 10px;
}

.timeline ul.timeline-ul {
	float: left;
	width: 100%;
	padding: 0px;
	line-height: 26px
}

.timeline ul.timeline-ul li.timeline-li {
	float: left;
	width: 100%;
	list-style-type: none;
	position: relative;
	padding: 0px;
}

.timeline ul.timeline-ul li.timeline-li::after {
	content: '';
	position: absolute;
	left: 100%;
	margin-left: -10px;
	bottom: 7px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: inherit;
}

.timeline ul.timeline-ul li.timeline-li div.timeline-content {
	position: relative;
	bottom: 0;
	width: 90%;
	padding: 20px;
	background: #fff;
	box-shadow: 0px 5px 15px rgba(0,0,0,0.2);
	z-index: 1
}

.timeline ul.timeline-ul li.timeline-li div.timeline-content {
	float: left
}

.timeline ul.timeline-ul li.timeline-li div.timeline-content h3:first-child {
	margin-top: 0px!important
}

.timeline ul.timeline-ul li.timeline-li div.timeline-content::before, .timeline ul.timeline-ul li.timeline-li div.timeline-content::after {
	content: '';
	position: absolute;
	bottom: 7px;
	width: 0;
	height: 0;
	border-style: solid;
}

.timeline ul.timeline-ul li.timeline-li div.timeline-content::before {
	right: -16px;
	border-width: 14px 0 14px 16px;
	border-color: transparent transparent transparent #ccc;
}

.timeline ul.timeline-ul li.timeline-li div.timeline-content::after {
	right: -15px;
	border-width: 14px 0 14px 16px;
	border-color: transparent transparent transparent #fff;
}

.timeline ul.timeline-ul li.timeline-li time {
	float: left;
	text-align: right;
	padding-right: 40px;
}

.timeline time {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #ccc;
	font-size: 30px;
	font-weight: 100;
}

.timeline ul.timeline-ul li.timeline-li.in-view::after {
	background: #222222;
}

/* alert ***********************************************/
/*******************************************************/

.alert {
  float: left;
  width: 100%;
  margin: 0px 0px 30px 0px;
}

/* columns *********************************************/
/*******************************************************/

.post-column {
	float: left;
	margin: 0px -20px 30px -20px;
}

.col-2, .col-3, .col-4 {
  float: left;
  width: 100%;
  padding: 0px 25px;
  margin-bottom: 30px
}

.col-2:last-child, .col-3:last-child, .col-4:last-child {
  margin-bottom: 0px
}

/* sidebar *********************************************/
/*******************************************************/

.has-sidebar {
	padding: 0px;
}

.sidebar {
	float: left;
	padding: 0px;
	margin-top: 45px;
	width: 100%
}

.sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px
}

.sidebar li {
	padding: 0px
}

.sidebar-right {
  	float: right
}

/* widget **********************************************/
/*******************************************************/

.widget {
  float: left;
  width: 100%;
  margin: 0px 0px 40px 0px;
}

.widget-title {
	float: left;
	position: relative;
	width: 100%;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	color: #fff;
	text-align: center;
	background: #222222
}

.widget-title:after {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 0;
	height: 0;
	border: solid transparent;
	content: " ";
	pointer-events: none;
	margin-left: -8px;
	border-top-color: #222222;
	border-width: 8px;
}

.widget-meta {
	white-space: nowrap;
	margin-right: 10px;
	font-weight: 600
}

.widget-meta .fa {
	margin: 0px 3px 0px 0px;
	color: #b5b5b5;
}

.widget select {
	width: 100%;
  	height: 38px;
	border-radius: 40px;
	border: 1px solid rgba(0,0,0,0.07);
	font-weight: 400;
	font-size: 13px;
	box-shadow: inset 0px 2px 3px rgba(0,0,0,0.06);
	background: #fff
}

/* banner widget ***************************************/
/*******************************************************/

.banner-widget {
	position: relative;
	float: left;
	width: 100%
}

.banner-widget img {
	float: left;
	width: 100%;
	height: auto
}

.banner-widget-layer {
	position: absolute;
	right: 0px;
	bottom: 0px;
	padding: 3px 8px;
	font-size: 11px;
	background: rgba(0,0,0,0.3);
	color: #fff;
	text-transform: uppercase;
	border-radius: 3px 0px 0px 0px;
}

.banner-widget-content {
	margin-top: 5px
}

.banner-widget .alert {
	margin: 0px
}

/* search widget ***************************************/
/*******************************************************/

.screen-reader-text {
  display: none;
}

.widget_search .widget-title {
  display: none;
}

.widget_search .search-form label, .widget_product_search .woocommerce-product-search label {
  width: 100%;
}

.widget_search .search-form .search-field, .widget_product_search .woocommerce-product-search .search-field {
  width: 100%!important;
  height: 43px!important;
  border-radius: 40px!important;
  border: 1px solid rgba(0,0,0,0.07)!important;
  font-weight: 400;
  font-size: 13px;
  box-shadow: inset 0px 2px 3px rgba(0,0,0,0.06);
}

.widget_search .search-form .search-submit, .widget_product_search .woocommerce-product-search button[type=submit] {
  display: none;
}

/* calendar widget *************************************/
/*******************************************************/

.widget_calendar {
  float: left;
}

#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: 0px 0px 10px 0px;
  border: 0px;
  text-align: center
}

#wp-calendar tr {
  background: none
}

#wp-calendar tbody {
  color: #aaa;
}

#wp-calendar tbody td {
  background: #f5f5f5;
  border: 1px solid #fff;
  text-align: center;
  padding: 8px 0px;
}

#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;
  font-weight: 600;
}

#wp-calendar tfoot #prev {
  font-size: 10px;
  text-transform: uppercase;
  padding-top: 10px;
  font-weight: 600;
}

/* image widget ****************************************/
/*******************************************************/

.widget_media_image .wp-caption, .widget_media_image img {
	margin: 0px!important
}

/* gallery widget **************************************/
/*******************************************************/

.widget_media_gallery .gallery-item {
    margin-bottom: 20px;
}

/* page, categories, archive, meta list widget *********/
/*******************************************************/

.widget_pages, 
.widget_categories, 
.widget_archive, 
.widget_meta, 
.widget_nav_menu, 
.widget_recent_entries {
  	font-size: 14px;
}

.widget_pages ul, 
.widget_categories ul, 
.widget_archive ul, 
.widget_meta ul, 
.widget_nav_menu ul, 
.widget_recent_entries ul {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.widget_pages li, 
.widget_categories li, 
.widget_archive li, 
.widget_meta li, 
.widget_nav_menu li, 
.widget_recent_entries li {
	float: left;
	position: relative;
	width: 100%;
	margin: 0px!important;
	border-bottom: 1px solid rgba(0,0,0,0.07);
}

.widget_pages li a, 
.widget_categories li a, 
.widget_archive li a, 
.widget_meta li a, 
.widget_nav_menu li a, 
.widget_recent_entries li a {
	font-weight: 600;
}

.widget_pages li li a, 
.widget_categories li li a, 
.widget_archive li li a, 
.widget_nav_menu li li a, 
.widget_recent_entries li li a {
	padding-left: 30px;
	position: relative;
	font-weight: 500;
}

.widget_pages li li li a, 
.widget_categories li li li a, 
.widget_archive li li li a, 
.widget_nav_menu li li li a, 
.widget_recent_entries li li li a {
	padding-left: 45px;
}

.widget_pages li li a:after, 
.widget_categories li li a:after, 
.widget_archive li li a:after, 
.widget_nav_menu li li a:after, 
.widget_recent_entries li li a:after {
    font-family: 'fontAwesome';
    content: '\f054';
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 8px;
    color: #ccc;
}

.widget_pages li li li a:after, 
.widget_categories li li li a:after, 
.widget_archive li li li a:after, 
.widget_nav_menu li li li a:after, 
.widget_recent_entries li li li a:after {
   	left: 30px;
}

.widget_pages .children li:last-child, 
.widget_categories .children li:last-child, 
.widget_archive .children li:last-child, 
.widget_nav_menu .sub-menu li:last-child, 
.widget_recent_entries .children li:last-child {
	border-bottom: 0px
}

.widget_pages a, 
.widget_categories a, 
.widget_archive a, 
.widget_meta a, 
.widget_nav_menu a, 
.widget_recent_entries a {
	float: left;
	width: 100%;
	padding: 10px 15px;
}

.widget_pages a:hover, 
.widget_categories a:hover, 
.widget_archive a:hover, 
.widget_meta a:hover, 
.widget_nav_menu a:hover, 
.widget_recent_entries a:hover {
	background: #f5f5f5;
	text-decoration: none;
}

.widget_archive span, 
.widget_categories span {
	position: absolute;
	top: 10px;
	right: 10px;
}

/* tag cloud widget ************************************/
/*******************************************************/

.widget_tag_cloud a, .widget_product_tag_cloud a {
  display: inline-block;
  padding: 5px 8px;
  margin: 0px 5px 10px 0px;
  background: #fafafa;
  color: #888;
  text-transform: uppercase;
  font-size: 13px!important;
}

.widget_tag_cloud .tagcloud, .widget_product_tag_cloud .tagcloud {
  float: left;
  padding-top: 5px;
}

/* comments widget *************************************/
/*******************************************************/

.recent-comments-widget a {
	color: #222222;
}

.recent-comments-widget ul {
	float: left;
}

.recent-comments-widget li {
	float: left;
	clear: both;
	position: relative;
	padding: 10px 0px 10px 55px!important;
	margin: 0px!important;
	font-size: 14px!important;
	text-align: left;
}

.recent-comments-widget li:first-child {
	padding-top: 5px!important;
}

.recent-comments-widget img {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 38px;
	height: 38px;
}

.recent-comments-widget li:first-child img {
	top: 5px;
}

.recent-comments-widget .comment-title {
	width: 100%;
	float: left;
	font-weight: 600;
}

.recent-comments-widget p {
	float: left;
	padding: 10px 0px 0px 0px;
	margin: 0px;
}

/* posts carousel widget *******************************/
/*******************************************************/

.posts-carousel-widget {
	float: left;
	width: 100%;
}

.posts-carousel-widget a {
	color: #fff
}

.posts-carousel-widget .posts-carousel-item {
	float: left;
	position: relative;
	width: 100%;
	height: 400px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 5px;
	padding: 80px 30px;
	text-align: center;
	color: #fff
}

.posts-carousel-widget .posts-carousel-title {
	position: relative;
	z-index: 1;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 20px
}

.posts-carousel-widget .posts-carousel-meta {
	position: relative;
	z-index: 1;
	text-transform: uppercase;
	font-size: 11px;
	margin-bottom: 20px
}

.posts-carousel-widget .fa {
	color: #fff;
}

.posts-carousel-widget a.posts-carousel-link {
	display: inline-block;
	position: relative;
	z-index: 1;
	padding: 8px 15px;
	background: #222222;
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
    font-weight: 600;
	margin-top: 30px
}

.posts-carousel-widget a.posts-carousel-link:hover {
	background: #fff;
	color: #222222;
}

.posts-carousel-widget .owl-dots {
	text-align: center;
	margin-top: 5px
} 

.posts-carousel-widget .owl-dot span {
    width: 25px;
    height: 2px;
    border-radius: 0px;
}

/* posts widget ****************************************/
/*******************************************************/

.posts-widget a {
	color: #222222;
}

.posts-widget ul {
	float: left;
}

.posts-widget li {
	float: left;
	clear: both;
	position: relative;
	padding: 15px 0px 15px 75px!important;
	margin: 0px!important;
	font-size: 14px!important;
	text-align: left;
}

.posts-widget li:first-child {
	padding-top: 5px!important;
}

.posts-widget img, .posts-widget .no-thumb {
	position: absolute;
	top: 15px;
	left: 0px;
	width: 55px;
	height: 55px;
}

.posts-widget li:first-child img, .posts-widget li:first-child .no-thumb {
	top: 5px;
}

.posts-widget .post-title {
	width: 100%;
	float: left;
	font-weight:600;
}

.posts-widget p {
	float: left;
	padding: 10px 0px 0px 0px;
	margin: 0px;
}

/* posts alternative widget ****************************/
/*******************************************************/

ul.posts-alternative-widget {
    float: left;
    width: 100%;
}

li.posts-alternative-item {
    float: left;
    width: 100%;
    clear: both;
    position: relative;
    padding: 15px 0px 10px 0px!important;
    margin: 0px!important;
    font-size: 14px!important;
    text-align: left;
}

.posts-alternative-item:first-child {
  	padding-top: 5px!important;
}

.posts-alternative-widget a {
    color: #222222;
}

.posts-alternative-item img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.posts-alternative-item .post-title {
	float: left;
	padding-top: 10px;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
}

.posts-alternative-item .post-counter {
    position: absolute;
    right: 20px;
    bottom: 10px;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    z-index: 1
}

.posts-alternative-item .no-thumb {
	height: 130px;
}

.posts-alternative-item .no-thumb ~ .post-counter {
    color: #222222;
}

.footer-sidebar .posts-alternative-item {
	text-align: center
}

/* page widget *****************************************/
/*******************************************************/

.page-widget ul {
  float: left;
}

.page-widget li {
  float: left;
  clear: both;
  position: relative;
  padding: 15px 0px 15px 75px!important;
  margin: 0px!important;
  font-size: 14px!important;
  text-align: left;
	min-height: 72px;
}

.page-widget li:first-child {
  	padding-top: 5px!important;
}

.page-widget img, .page-widget .no-thumb {
  position: absolute;
  top: 15px;
  left: 0px;
  width: 55px;
  height: 55px;
}

.page-widget li:first-child img, .page-widget li:first-child .no-thumb {
  	top: 5px!important;
}

.page-widget .post-title {
	width: 100%;
	float: left;
	font-weight: 600;
}

.page-widget p {
  float: left;
  padding: 10px 0px 0px 0px;
  margin: 0px;
}

/* category widget *************************************/
/*******************************************************/

.category-widget a {
  color: #222222;
}

.category-widget ul {
  float: left;
  width: 100%;
}

.category-widget li {
  float: left;
  position: relative;
  width: 100%;
  padding: 15px 0px 15px 0px!important;
  margin: 0px!important;
  border-bottom: 1px solid rgba(0,0,0,0.07);
  font-size: 14px!important;
  text-align: left;
}

.category-widget li:first-child {
  	padding-top: 5px!important;
}

.category-widget img {
  width: 55px;
  height: 55px;
}

.category-widget .category-title {
	position: absolute;
	top: 21px;
	right: 0px;
	left: 75px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight:600;
}

.category-widget .no-thumb .category-title {
	left: 0px;
}

.category-widget li.no-cimg {
  text-align: right;
}

.category-widget li.no-cimg .category-title {
  top: 15px;
  right: 30%;
  left: 0px;
  text-align: left;
}

.category-widget li.no-cimg.no-ccount {
  padding: 10px 0px!important;
  text-align: left;
}

.category-widget li.no-cimg.no-ccount .category-title {
  position: static;
}

.category-widget li.no-ccount {
  padding: 10px 0px!important;
}

.category-widget li.no-ccount .category-title {
  top: 26px;
}

.category-widget span {
  display: block;
  color: #aaa;
	font-weight:400;
}

.category-widget .no-thumb {
	width: 55px;
	height: 55px;
}

/* about author widget *********************************/
/*******************************************************/

.widget_vogue_cd_author_widget {
	text-align: center;
}

.about-author-widget {
	position: relative;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
}

.author-image {
	display: inline-block;
	margin: 20px 0px;
}

.round .author-image {
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.author-image img {
	display: inline-block;
	max-width: 100%;
}

.about-author-widget .author-title {
	padding: 0px 5px;
	font-size: 15px;
	font-weight: 700;
}

.about-author-widget .author-text {
	padding: 0px 5px;
	margin: 15px 0px 0px 0px;
}

/* mailchimp widget ************************************/
/*******************************************************/

.widget_mc4wp_form_widget {
	padding: 20px 20px 30px 20px;
	background: #fafafa;
}

.widget_mc4wp_form_widget .widget-title {
	text-align: center;
}

.widget_mc4wp_form_widget .mc4wp-form {
	white-space: normal;
}

.widget_mc4wp_form_widget .mc4wp-form input[type=email] { 
	float: left;
	width: 100%;
	height: 43px!important;
	padding-left: 0px!important;
	border-radius: 3px!important;
	margin: 10px 0px;
	border: 1px solid rgba(0,0,0,0.07)!important;
	font-weight: 400;
	font-size: 13px;
	text-align: center;
	box-shadow: inset 0px 2px 3px rgba(0,0,0,0.06);
}

.widget_mc4wp_form_widget .mc4wp-form input[type=submit] {
	float: left;
	width: 100%;
	height: 43px!important;
	padding: 12px 12px!important;
	border-radius: 3px!important;
	margin-left: 0px!important;
}

.widget_mc4wp_form_widget .mc4wp-form .mc4wp-response {
	float: left;
	font-size: 13px;
	margin-top: 10px;
}

/* mailpoet widget *************************************/
/*******************************************************/

.widget.widget_wysija {
	padding: 20px 20px 30px 20px;
	background: #fafafa;
}

.widget_wysija form.widget_wysija {
	padding: 0px;
}

.widget_wysija .widget-title {
	position: relative;
    z-index: 1;
	text-align: center;
}

.widget_wysija .widget_wysija_cont {
	white-space: normal;
}

.widget_wysija .widget_wysija_cont .wysija-paragraph {
	width: 100%
}

.widget_wysija .widget_wysija_cont .wysija-input { 
	float: left;
	width: 100%;
	height: 43px!important;
	padding-left: 0px!important;
	border-radius: 3px!important;
	margin: 10px 0px;
	border: 1px solid rgba(0,0,0,0.07)!important;
	font-weight: 400;
	font-size: 13px;
	text-align: center;
	box-shadow: inset 0px 2px 3px rgba(0,0,0,0.06);
}

.widget_wysija .widget_wysija_cont input[type=submit] {
	float: left;
	width: 100%;
	height: 43px!important;
	padding: 12px 12px!important;
	border-radius: 3px!important;
	margin-left: 0px!important;
}

/* the newsletter plugin widget ************************/
/*******************************************************/

.widget_newsletterwidgetminimal,
.widget_newsletterwidget {
	padding: 20px 20px 30px 20px;
	background: #fafafa;
}

.widget_newsletterwidgetminimal .widget-title,
.widget_newsletterwidget .widget-title {
	position: relative;
    z-index: 1;
	text-align: center;
}

.widget_newsletterwidgetminimal input.tnp-email,
.widget_newsletterwidget .tnp-widget input[type=email] { 
	float: left;
	width: 100%;
	height: 43px!important;
	padding-left: 0px!important;
	border-radius: 3px!important;
	margin: 10px 0px;
	background: #fff!important;
	border: 1px solid rgba(0,0,0,0.07)!important;
	font-weight: 400;
	font-size: 13px;
	text-align: center;
	box-shadow: inset 0px 2px 3px rgba(0,0,0,0.06)!important;
}

.widget_newsletterwidgetminimal input[type=submit],
.widget_newsletterwidget .tnp-widget input[type=submit]{
	float: left;
	width: 100%;
	height: 43px!important;
	padding: 12px 12px!important;
	border-radius: 3px!important;
	margin-left: 0px!important;
}

/* newsletter widget ***********************************/
/*******************************************************/

.newsletter-widget {
	position: relative;
	float: left;
	width: 100%;
	padding: 75px 25px;
	margin-top: 5px;
	background-color: #fafafa;
	background-size: cover;
	background-repeat: no-repeat;
	color: #fff;
	text-align: center;
	border-radius: 3px;
}

.newsletter-widget-content {
	position: relative;
	z-index: 1;
}

.newsletter-widget .mc4wp-form,
.newsletter-widget .widget_wysija_cont,
.newsletter-widget .tnp-subscription {
	white-space: normal;
}

.newsletter-widget .mc4wp-form-fields {
	float: left;
	width: 100%;
	padding-top: 15px;
}

.newsletter-widget .mc4wp-form input[type=email],
.newsletter-widget .widget_wysija_cont .wysija-input,
.newsletter-widget .tnp-subscription input[type=email]{
	width: 100%;
	padding: 0px 10px!important;
	border-radius: 30px;
	margin-bottom: 10px;
	border: 0px;
	text-align: center;
}

.newsletter-widget .mc4wp-form input[type=submit],
.newsletter-widget .widget_wysija_cont .wysija-submit,
.newsletter-widget .tnp-subscription .tnp-field input[type="submit"] {
	width: 100%;
	border-radius: 30px!important;
	padding: 0px!important;
}

.newsletter-widget .widget_wysija_cont .wysija-paragraph,
.newsletter-widget .tnp-subscription .tnp-field,
.newsletter-widget .tnp-subscription .tnp-field-button {
	width: 100%
}

.newsletter-widget span {
	display: inline-block;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 20px;
}

.newsletter-widget span:nth-of-type(2) {
	padding-top: 15px;
	padding-bottom: 0px;
	font-size: 13px;
	font-weight: 600;
}

/* social widget ***************************************/
/*******************************************************/

.social-widget {
  	text-align: center;
    float: left;
    width: 100%;
}

.social-widget a {
	display: inline-block;
	width: 35px;
	height: 35px;
	font-size: 18px;
	padding-top: 9px;
	margin: 5px;
	border: 1px solid rgba(0,0,0,0.07);
	border-radius: 50%;
	color: #222222;
}

.social-widget a:hover {
	color: #fff!important;
}

/* instagram widget ************************************/
/*******************************************************/

.instagram-widget {
	float: left;
	width: 100%
}

.instagram-widget .instagram-grid {
	margin: 0px -5px;
}

.instagram-widget .instagram-item {
	float: left;
    width: 100%;
    padding: 5px;
}

.instagram-widget .instagram-grid.column-2 .instagram-item {
    width: 50%;
}

.instagram-widget .instagram-grid.column-3 .instagram-item {
    width: 33.3%;
}

.instagram-widget .instagram-grid.column-4 .instagram-item {
    width: 25%;
}

.instagram-widget .instagram-item img {
    float: left;
	width: 100%;
}

.instagram-widget .instagram-item a {
	position: relative;
	float: left;
	display: table;
    width: 100%;
	text-align: center;
  	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.instagram-widget .instagram-counts {
	position: relative;
	z-index: 1;
	display: table-cell;
	vertical-align: middle;
	color: #fff;	
	font-weight: 700;
    font-size: 12px;
}

.instagram-widget .instagram-counts .fa {
	color: #fff;
	margin-right: 5px
}

.instagram-widget .instagram-counts span {
	opacity: 0;
	transition: all 0.3s;
}

.instagram-widget .instagram-item a:hover span {
	opacity: 1;
	transition: all 0.3s;
}

.instagram-widget .instagram-counts:before {
	content: '';
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 100%;
	left: 0px;
	background: rgba(0,0,0,0.3);	
	transition: all 0.3s;
}

.instagram-widget .instagram-item a:hover .instagram-counts:before {
	bottom: 0%;
	transition: all 0.3s;
}

/* pinterest widget ************************************/
/*******************************************************/

.pinterest-widget {
	float: left;
	width: 100%
}

.pinterest-widget .pinterest-title {
	float: left;
	width: 100%
}

.pinterest-widget .pinterest-grid {
	margin: 0px -5px;
}

.pinterest-widget .pinterest-item {
	float: left;
    width: 100%;
    padding: 5px;
}

.pinterest-widget .pinterest-grid.column-2 .pinterest-item {
    width: 50%;
}

.pinterest-widget .pinterest-grid.column-3 .pinterest-item {
    width: 33.3%;
}

.pinterest-widget .pinterest-grid.column-4 .pinterest-item {
    width: 25%;
}

.pinterest-widget .pinterest-item a {
	position: relative;
	float: left;
	display: table;
    width: 100%;
	text-align: center;
  	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.pinterest-widget .pinterest-counts {
	position: relative;
	z-index: 1;
	display: table-cell;
	vertical-align: middle;
	color: #fff;	
	font-weight: 700;
    font-size: 12px;
}

.pinterest-widget .pinterest-counts .fa {
	color: #fff;
	margin-right: 5px
}

.pinterest-widget .pinterest-counts span {
	opacity: 0;
	transition: all 0.3s;
}

.pinterest-widget .pinterest-item a:hover span {
	opacity: 1;
	transition: all 0.3s;
}

.pinterest-widget .pinterest-counts:before {
	content: '';
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 100%;
	left: 0px;
	z-index: -1;
	background: rgba(0,0,0,0.3);	
	transition: all 0.3s;
}

.pinterest-widget .pinterest-item a:hover .pinterest-counts:before {
	bottom: 0%;
	transition: all 0.3s;
}

/* instagram + pinterest widget footerbar **************/
/*******************************************************/

.instagram-footerbar {
	float: left;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.instagram-footerbar .widget-title {
  	display: none;
}

.instagram-footerbar .instagram-widget .instagram-grid,
.instagram-footerbar .pinterest-widget .pinterest-grid {
	margin: 0px;
}

.instagram-footerbar .instagram-widget .instagram-item,
.instagram-footerbar .pinterest-widget .pinterest-item {
	float: left;
	padding: 0px;
}
	
.instagram-footerbar .instagram-widget .instagram-grid.owl-carousel .instagram-item,
.instagram-footerbar .pinterest-widget .pinterest-grid.owl-carousel .pinterest-item {
	width: 100%!important;
}

/* facebook widget *************************************/
/*******************************************************/

.facebook-widget {
	float: left;
	width: 100%
}

.facebook-widget ul {
    float: left;
	width: 100%
}

.facebook-widget li.facebook-item {
    float: left;
	width: 100%;		
    clear: both;
    position: relative;
    padding: 15px 0px 0px 0px;
    font-size: 14px;
    text-align: left;
}

.facebook-widget li.facebook-item:first-child {
    padding: 0px;
}

.facebook-widget .fb-image {
    float: left;
	display: table;
	width: 100%;
    min-height: 55px
}

.facebook-widget .fb-avatar {
    position: absolute;
    top: 15px;
    left: 0px;
    width: 55px;
    height: 55px;
	border: 1px solid rgba(0,0,0,0.07)
}

.facebook-widget li.facebook-item:first-child .fb-avatar {
    top: 0px;
}

.facebook-widget .fb-user {    
    display: table-cell;
	vertical-align: middle;
	width: 100%;
    padding: 0px 0px 0px 75px;
}

.facebook-widget .fb-user a {
	font-weight: 600;
	color: #222222;
}

.facebook-widget .fb-user span {
	display: block;
	width: 100%;
	text-transform: uppercase;	
    font-size: 12px;
}

.facebook-widget .fb-content {
    float: left;
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,0.07);
	padding: 15px 0px
}

.facebook-widget .facebook-item:last-child .fb-content {
	border-bottom: 0px;
}

.facebook-widget .fb-text {
    float: left;
	width: 100%;
    padding-bottom: 10px;
}

.facebook-widget .fb-attachment {
    float: left;
	width: 100%;
    padding: 10px;
	background: #fafafa;
	border: 1px solid rgba(0,0,0,0.07);
}

.facebook-widget .fb-media {
    float: left;
	width: 100%;
	margin-bottom: 10px
}

.facebook-widget .fb-media img {
	width: 100%;
}

.facebook-widget .fb-attachment-title {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase
}

.facebook-widget .fb-counts {
    float: left;
	width: 100%;
    padding: 10px 0px 0px 0px;
}

.facebook-widget .fb-counts span {
    white-space: nowrap;
    margin-right: 10px;
}

.facebook-widget .fb-counts .fa {
    margin: 0px 3px 0px 0px;
}

/* twitter widget **************************************/
/*******************************************************/

.twitter-widget {
	float: left;
	width: 100%
}

.twitter-widget ul {
    float: left;
	width: 100%
}

.twitter-widget li.twitter-item {
    float: left;
	width: 100%;		
    clear: both;
    position: relative;
    padding: 15px 0px 0px 0px;
    font-size: 14px;
    text-align: left;	
}

.twitter-widget li.twitter-item:first-child {
    padding: 0px;
}

.twitter-widget .tweet-image {
    float: left;
	display: table;
	width: 100%;
    min-height: 55px
}

.twitter-widget .tweet-avatar {
    position: absolute;
    top: 15px;
    left: 0px;
    width: 55px;
    height: 55px;
	border: 1px solid rgba(0,0,0,0.07)
}

.twitter-widget li.twitter-item:first-child .tweet-avatar {
    top: 0px;
}

.twitter-widget .tweet-user {
    display: table-cell;
	vertical-align: middle;
	width: 100%;
    padding: 0px 0px 0px 75px;
}

.twitter-widget .tweet-user a {
	font-weight: 600;
	color: #222222;
}

.twitter-widget .tweet-user span {
	display: block;
	width: 100%;
	text-transform: uppercase;	
    font-size: 12px;
}

.twitter-widget .tweet-content {
    float: left;
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,0.07);
	padding: 15px 0px
}

.twitter-widget .twitter-item:last-child .tweet-content {
	border-bottom: 0px;
}

.twitter-widget .tweet-media {
    float: left;
	width: 100%;
    padding: 10px 0px 0px 0px;
}

.twitter-widget .tweet-media img {
	width: 100%;
}

.twitter-widget .tweet-counts {
    float: left;
	width: 100%;
    padding: 10px 0px 0px 0px;
}

.twitter-widget .tweet-counts span {
    white-space: nowrap;
    margin-right: 10px;
}

.twitter-widget .tweet-counts .fa {
    margin: 0px 3px 0px 0px;
}

/* google plus widget **********************************/
/*******************************************************/

.google-plus-widget {
	float: left;
	width: 100%
}

.google-plus-widget ul {
    float: left;
	width: 100%
}

.google-plus-widget li.google-plus-item {
    float: left;
	width: 100%;		
    clear: both;
    position: relative;
    padding: 15px 0px 0px 0px;
    font-size: 14px;
    text-align: left;	
}

.google-plus-widget li.google-plus-item:first-child {
    padding: 0px;
}

.google-plus-widget .gp-image {
    float: left;
	display: table;
	width: 100%;
    min-height: 55px
}

.google-plus-widget .gp-avatar {
    position: absolute;
    top: 15px;
    left: 0px;
    width: 55px;
    height: 55px;
	border: 1px solid rgba(0,0,0,0.07);
	border-radius: 50%
}

.google-plus-widget li.google-plus-item:first-child .gp-avatar {
    top: 0px;
}

.google-plus-widget .gp-user {
    display: table-cell;
	vertical-align: middle;
	width: 100%;
    padding: 0px 0px 0px 75px;
}

.google-plus-widget .gp-user a {
	font-weight: 600;
	color: #222222;
}

.google-plus-widget .gp-user span {
	display: block;
	width: 100%;
	text-transform: uppercase;	
    font-size: 12px;
}

.google-plus-widget .gp-content {
    float: left;
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,0.07);
	padding: 15px 0px
}

.google-plus-widget .google-plus-item:last-child .gp-content {
	border-bottom: 0px;
}

.google-plus-widget .gp-text {
    float: left;
	width: 100%;
    padding-bottom: 10px;
}

.google-plus-widget .gp-attachment {
    float: left;
	width: 100%;
    padding: 10px;
	background: #fafafa;
	border: 1px solid rgba(0,0,0,0.07);
	margin-bottom: 5px
}

.google-plus-widget .gp-media {
    float: left;
	width: 100%;
	margin-bottom: 5px
}

.google-plus-widget .gp-media img {
	width: 100%;
}

.google-plus-widget .gp-attachment .gp-media {
	margin-bottom: 10px
}

.google-plus-widget .gp-attachment-title {
    float: left;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase
}

.google-plus-widget .gp-counts {
    float: left;
	width: 100%;
    padding: 10px 0px 0px 0px;
}

.google-plus-widget .gp-counts span {
    white-space: nowrap;
    margin-right: 10px;
}

.google-plus-widget .gp-counts .fa {
    margin: 0px 3px 0px 0px;
}

/* social counter widget *******************************/
/*******************************************************/

.social-counter-widget {
	float: left;
	width: 100%
}

.social-counter-widget ul {
    float: left;
	width: 100%
}

.social-counter-widget li.social-counter-item {
    float: left;
	width: 100%;
    position: relative;
    padding: 15px 20px;
    font-size: 14px;
	color: #fff
}

.social-counter-widget.style-2 li.social-counter-item {
    padding: 0px 0px;
}

.social-counter-widget.column-2.style-2 li.social-counter-item,
.social-counter-widget.column-3.style-2 li.social-counter-item{
    padding: 6px 0px;
}

.social-counter-widget.colored.style-2 li.social-counter-item {
    background: none!important
}

.social-counter-widget.column-2 li.social-counter-item,
.social-counter-widget.column-3 li.social-counter-item {
    padding: 15px 5px;
    text-align: center;
}

.social-counter-widget.column-2 li.social-counter-item {
	width: 50%;
}

.social-counter-widget.column-3 li.social-counter-item {
	width: 33.3%;
}

.social-counter-widget li.social-counter-item:before {
    content:''!important;
}

.social-counter-widget li a {
	color: #fff
}

.social-counter-widget.style-2 li a {
	color: #686868
}

.social-counter-widget li a:hover {
	text-align: center;
}

.social-counter-widget.column-2 li a:hover .sc-icon-hover,
.social-counter-widget.column-3 li a:hover .sc-icon-hover {
	opacity: 1;
	font-size: 40px;
	transition: all 0.5s;
}

.social-counter-widget.style-2 li a:hover .sc-icon-hover {
	opacity: 0;
}

.social-counter-widget li a:hover .sc-icon,
.social-counter-widget li a:hover .sc-count,
.social-counter-widget li a:hover .sc-type {
	opacity: 0.6;
	transition: all 0.5s;
}

.social-counter-widget.column-2 li a:hover .sc-icon,
.social-counter-widget.column-2 li a:hover .sc-count,
.social-counter-widget.column-2 li a:hover .sc-type,
.social-counter-widget.column-3 li a:hover .sc-icon,
.social-counter-widget.column-3 li a:hover .sc-count,
.social-counter-widget.column-3 li a:hover .sc-type{
	opacity: 0;
}

.social-counter-widget.style-2 li a:hover .sc-icon,
.social-counter-widget.style-2 li a:hover .sc-count,
.social-counter-widget.style-2 li a:hover .sc-type {
	opacity: 0.6;
}

.social-counter-widget .sc-icon {
	color: #fff;
	font-size: 20px;
	padding: 0px 15px 0px 0px;
    vertical-align: middle;
    width: 35px;
	text-align: center
}

.social-counter-widget.column-2 .sc-icon,
.social-counter-widget.column-3 .sc-icon {
	display: block;
	padding: 0px 0px 5px 0px;
    vertical-align: baseline;
    width: auto;
}

.social-counter-widget.style-2 .sc-icon {
	border-radius: 50%;
	font-size: 20px;
	padding: 10px 5px 5px 5px;
	margin-bottom: 5px;
    width: 40px;
	height: 40px;
	display: inline-block
}

.social-counter-widget.column-2.style-2 .sc-icon,
.social-counter-widget.column-3.style-2 .sc-icon{
    width: 50px;
	height: 50px;
	padding: 15px 5px 5px 5px;
}

.social-counter-widget .sc-count {
    font-size: 15px;
    font-weight: 600;
	padding-right: 5px;
    vertical-align: middle;
}

.social-counter-widget.style-2 .sc-count {
	padding-left: 10px;
}

.social-counter-widget.column-2.style-2 .sc-count,
.social-counter-widget.column-3.style-2 .sc-count {
	padding-left: 0px;
}

.social-counter-widget.column-2 .sc-count,
.social-counter-widget.column-3 .sc-count {
	font-size: 18px;
	display: block;
	padding-right: 0px;
    vertical-align: baseline;
}

.social-counter-widget .sc-type {
    font-size: 15px;
    vertical-align: middle;
}

.social-counter-widget.column-2 .sc-type,
.social-counter-widget.column-3 .sc-type {
	font-size: 10px;
	display: block;
    vertical-align: baseline;
	text-transform: uppercase;
}

.social-counter-widget .sc-icon-hover {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 0;
	font-size: 0px;
	transition: all 0.5s
}

.social-counter-widget .sc-icon-hover i {
	display: table;
	width: 100%;
	height: 100%
}

.social-counter-widget .sc-icon-hover i:before {
	display: table-cell;
	vertical-align: middle;
	color: #fff
}

.social-counter-widget .social-counter-item.fa-heart-o,
.social-counter-widget .social-counter-item.fa-comment-o,
.social-counter-widget .social-counter-item.fa-pencil-square-o,
.social-counter-widget .social-counter-item.fa-heart-o .sc-icon,
.social-counter-widget .social-counter-item.fa-comment-o .sc-icon,
.social-counter-widget .social-counter-item.fa-pencil-square-o .sc-icon {
	background: #222
}

/* footer sidebar **************************************/
/*******************************************************/

.footer-sidebar {
	position: relative;
  	padding: 40px 0px 0px 0px;
	background-color: #222222;
	color: rgba(255,255,255,0.8)
}

.footer-sidebar .fa {
	color: rgba(255,255,255,0.8)
}

.footer-sidebar:after {
	content:'';
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background: rgba(255,255,255,0.1)
}

.footer-sidebar .container {
	position: relative;
  	z-index: 2
}

.footer-sidebar a {
  	color: #fff!important
}

.footer-sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px
}

.footer-sidebar aside {
	float: left;
	width: 100%;
	margin-bottom: 40px;
}

.widget-footer.widget_mc4wp_form_widget {
	padding: 0px 10px;
	background: none;
}

/* ajax search *****************************************/
/*******************************************************/
 
.ajax-search {
	display: none;
	position: absolute;
	top: 120%;
	right: 0px;
	left: 0px;
	z-index: 999;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
}

.ajax-search:before {
	position: absolute;
	bottom: 100%;
	left: 50%;
	width: 0;
	height: 0;
	border: solid transparent;
	content: " ";
	pointer-events: none;
	margin-left: -6px;
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,1);
	border-width: 6px;
}

.ajax-search ul {
	max-height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
	list-style: none;
	padding: 0px;
	margin: 0px
}

.ajax-search li {
	position: relative;
	border-bottom: 1px solid #ddd;
	padding: 10px 10px;
	margin: 0px!important;
}

.ajax-search li:hover {
	background: #fafafa;
}

.ajax-search li:last-child {
	border-bottom: 0px;
}

.ajax-search li a {
  	display: block;
	margin: 0px!important;
	text-align: left;
	position: static!important
}

.ajax-search li img {
	width: 55px;
	height: 55px;
  	margin-right: 10px;
}

.ajax-search li.no-match {
	text-align: center;
}

.ajax-search .search-title {
	position: absolute;
	top: 26px;
	right: 20px;
	left: 80px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.top-search-form .ajax-search {
	position: relative;
	top: auto;
	right: auto;
	left: auto;
	width: 100%;
	margin-top: 100px;
}

.ajax-search .thumb {
	width: 55px;
	height: 55px;
}

/* dropcaps ********************************************/
/*******************************************************/

.dropcap {
	float: left;
	width: 69px;
	height: 69px;
	text-align: center;
	font-size: 66px;
	color: #222222;
	padding: 16px 20px 16px 0px;
	margin: 13px 20px 11px 0px;
	font-weight: 700;
	border-right: 1px solid #ccc;
	display: block;
	font-weight: 100!important;
    line-height: 0.5;
}

.paragraph-with-dropcap {
	min-height: 77px
}

/* lead ins ********************************************/
/*******************************************************/

.leadin {
	float: left;
	background: #fafafa;
	max-width: 50%;
	font-size: 16px;
	color: #555555;
	padding: 15px 20px 20px 20px;
	margin: 5px 20px 10px 0px;
	font-weight: 600;
}

.leadin.left {
	border-right: 3px solid rgba(0,0,0,0.07);
}

.leadin.right {
	float: right;
	margin: 5px 0px 10px 20px;
	border-left: 3px solid rgba(0,0,0,0.07);
}

.leadin.full {
	background: #fff;
	width: 100%;
	max-width: 100%;
	padding: 15px 30px 15px 30px;
	margin: 0px 0px 20px 0px;
	text-align: center;
	border-top: 3px solid rgba(0,0,0,0.07);
	border-bottom: 3px solid rgba(0,0,0,0.07);
}

/* divider *********************************************/
/*******************************************************/

.divider {
	width: 100%;
	float: left;
	margin: 10px 0px 30px 0px
}

.divider.with-content {
	padding: 25px 40px
}

.divider.solid {
	border-top: 2px solid #a29581
}
.divider.solid.with-content {
	border-bottom: 2px solid #a29581
}

.divider.dotted {
	border-top: 2px dotted #a29581
}
.divider.dotted.with-content {
	border-bottom: 2px dotted #a29581
}

.divider.dashed {
	border-top: 2px dashed #a29581
}
.divider.dashed.with-content {
	border-bottom: 2px dashed #a29581
}

.divider.double {
	border-top: 6px double #a29581
}
.divider.double.with-content {
	border-bottom: 6px double #a29581
}

/* post-list *******************************************/
/*******************************************************/

.post-list-wrapper {
	border-top: 1px solid rgba(0,0,0,0.07);
	border-bottom: 1px solid rgba(0,0,0,0.07);
	margin: 30px 0px 30px 0px;
}

.post-list-wrapper .row {
    margin-right: -20px;
    margin-left: -20px;
	padding: 30px 0px 10px 0px;
}

.post-list-wrapper .row.no-margin {
	margin-right: 0px!important;
    margin-left: 0px!important;
	padding: 0px;
}

.post-list-teaser-box {
	padding: 0px 20px;
	position: relative;
}

.post-list-teaser-box-bg {
	display: block;
	position: relative;
	height: 200px;
	padding: 0px 20px;
	margin-bottom: 20px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 2px
}

.post-list-teaser-box-bg.no-img {
	padding: 0px;
}

.post-list-title {
	display: block;
	font-size: 17px;
	font-weight: 600;
}

.post-list-wrapper .btn {
	padding: 10px 32px;
	min-height: auto;
}

/* no-column */

.post-list-teaser-box.col-none {
	width: 100%;
	min-height: 145px;
	border-bottom: 1px solid rgba(0,0,0,0.07);
	padding: 30px 0px 10px 110px;
}

.post-list-teaser-box.col-none:last-child {
	border: 0px
}

.post-list-teaser-box.col-none .post-list-teaser-box-bg {
	width: 80px;
	height: 80px;
	margin: 0px;
	position: absolute;
	top: 36px;
	left: 0px;
}

.post-list-title {
	margin-bottom: 10px
}

/* one-column */

.post-list-teaser-box.col-md-12 {
	padding: 30px 0px;
}

.post-list-teaser-box.col-md-12 .post-list-teaser-box-bg {
	float: left;
	width: 100%;
	height: 160px;
	margin: 0px 0px 20px 0px;
}

.post-list-teaser-box.col-md-12 .post-list-content {
	float: right;
	width: 100%;
}

/* four-column */

.post-list-teaser-box.col-md-3 .post-list-teaser-box-bg {
	height: 170px;
}

.post-list-teaser-box.col-md-3 .post-list-title {
	font-size: 16px;
	line-height: 1.25
}

/* back2top ********************************************/
/*******************************************************/

.scrolltop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 99;
	float: left;
	padding-top: 7px;
	background: #fff;
	border: 1px solid #fff;
	width: 40px;
	height: 40px;
	text-align: center;
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
}

.scrolltop:hover {
	border: 1px solid #ccc;
	text-decoration: none;
}

.scrolltop:before {
	font-family: 'fontAwesome';
	content: '\f062';
	color: #686868;
}

/* cookie-bar ******************************************/
/*******************************************************/

#cookie-bar {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	z-index: 98;
	background: #000;
	background: #fafafa;
	text-align: center;
	font-size: 12px;
	box-shadow: 0px -3px 5px rgba(0,0,0,0.2);
}

#cookie-bar p {
	margin: 0px;
	padding: 5px 20px;
}

#cookie-bar a {
	color: #fff;
	display: inline-block;
	background: #7b7b7b;
	border: 1px solid #7b7b7b;
	text-decoration: none;
	padding: 1px 6px;
	margin-left: 8px;
}

#cookie-bar a:hover {
	background: #6b6b6b;
}

#cookie-bar .cb-enable {
	background: #4d90fe;
	border: 1px solid #4d90fe;
	color: #fff;
}

#cookie-bar .cb-enable:hover {
	background: #407cde;
}

#cookie-bar span {
	display: block;
	width: 100%;
	padding-bottom: 5px;
}

/* post password form **********************************/
/*******************************************************/

.post-password-form {
	float: left;
	width: 100%;
	margin: 20px 0px 40px 0px;
}

.post-password-form label {
	float: left;
	width: 100%;
	margin: 30px 0px 10px 0px;
}

.post-password-form div {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.post-password-form input {
	float: left;
	width: 100%
}

.post-password-form input[type=password] {
	width: 100%;
  	padding: 5px 10px;
  	height: 38px;
  	border: 1px solid #ccc;
  	border-radius: 3px;
  	box-shadow: inset 0px 2px 3px rgba(0,0,0,0.1);
}

.post-password-form input[type=submit] {
    padding: 0px 22px;
	min-height: 39px;
}

/* sponsored post **************************************/
/*******************************************************/

.sponsored-post {
	color: #a9a9a9;
	font-size: 14px;
    margin-bottom: 10px;
    display: inline-block;
	background: #fafafa;
	padding: 2px 8px 3px 8px;
	border-radius: 3px
}

.sponsored-post .fa {
	color: #a9a9a9;
	margin-right: 10px
}

/* additional info *************************************/
/*******************************************************/

.additional-info {
	float: left;
	width: 100%;
	margin-top: 20px;
	color: #a9a9a9;
	font-size: 14px;
}

/* under construction page *****************************/
/*******************************************************/

.under-construction {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	overflow: auto;
	background: #222222;
	display: table;
	width: 100%;
	height: 100%;
	text-align: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 20px
}

.under-construction:before {
	content: '';
	background: rgba(0,0,0,0.3);
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 1
}

.under-construction-wrapper {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	z-index: 2
}

.under-construction-content {
	
}

.under-construction-title {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 36px;
	color: #fff;
}

.under-construction-text {
	font-size: 19px;
	color: #fff;
	opacity: 0.8;
}

.under-construction .countdown {
	margin: 40px 0px 0px 0px;
}

.under-construction .countdown div {
	margin: 0px 6px;
	display: inline-block
}

.under-construction .countdown span {
	color: #fff;
	display: block;
}

.under-construction .countdown-num {
	font-weight: 700;
	font-size: 30px;
}

.under-construction .countdown-label {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 10px;
}

.under-construction .under-construction-form {
	margin: 40px 0px 0px 0px;
}

.under-construction .under-construction-form input {
	border: 0px;
	width: 120px
}

.under-construction .under-construction-form input[type=submit] {
	width: auto;
	height: 50px;
	padding-right: 30px
}

.under-construction .under-construction-buttons {
	margin: 40px 0px 0px 0px;
}

/* 404 error page **************************************/
/*******************************************************/

.error404 .right .col-lg-6 {
	float: right
}

.error404 .center {
	text-align: center
}

.error404 .center .col-lg-6 {
	float: none;
	display: inline-block
}

.error404 .header-content .row {
	position: relative;
}

.error404 .header-buttons a {
    margin: 10px 15px 10px 15px;
}

.error404 .label-404 {
	width: 100%;
    font-size: 100px;
    opacity: 0.2;
	white-space: nowrap;
	line-height: 0.4;
	display: table;
}

.error404 .label-404 span {
	display: table-cell;
	vertical-align: middle;
	color: #fff
}

.error404 .header.center .label-404 {
    text-align: center
}

.error404 .header.right .label-404 {
    text-align: left
}

.error404 .header, .error404 .footer-sidebar {
    margin: 0px!important
}

/******************************************************************************************************************************************************************/
/* MEDIA QUERY MIN WIDTH 601px */
/******************************************************************************************************************************************************************/

@media (min-width: 601px) {
	
.admin-bar .navbar.affix {
	top: 46px!important;
}
	
}

/******************************************************************************************************************************************************************/
/* MEDIA QUERY MIN WIDTH 768px */
/******************************************************************************************************************************************************************/

@media (min-width: 768px) {

/* mobile switch */	
	
.mobile-check {
	display: block
}	

/* make empty menu links not clickable --> only by mobile menu */
li.not-clickable > a:nth-of-type(1) {
	pointer-events: auto;
	cursor: pointer;
}

a.button, .btn, input[type=submit], .woocommerce input.button, .tnp-subscription input[type=submit] {
	padding: 15px 42px;
}

blockquote {
	padding: 20px 90px 20px 90px;
	margin: 35px 0px;
	font-size: 20px;
}

blockquote:after {
	top: 17px;
	left: 33px;
	font-size: 30px;
}

.padding-60 {
	padding: 60px 0px;
}

.padding-90 {
	padding: 90px 0px;
}

.padding-120 {
	padding: 120px 0px;
}

.padding-160 {
	padding: 160px 0px;
}

.section-content {
	margin-top: 60px;
}

/* headlines *******************************************/
/*******************************************************/

h1 {
	font-size: 40px;
	margin: 0px 0px 30px 0px;
}

.row {
	margin-right: 0px;
	margin-left: 0px;
}

.container {
	width: 100%;
	padding: 0px 40px;
}

/* top wrapper *****************************************/
/*******************************************************/

.admin-bar .top-wrapper {
	top: 32px;
}
	
/* top layer *******************************************/
/*******************************************************/

.top-layer {
	height: auto;
	display: block;
}
  
/* topbar **********************************************/
/*******************************************************/

.topbar {
	border-top: 0px
}

.topbar .left {
	width: 50%;
	float: left;
}

.topbar .crumb {
	padding: 0px
}

.topbar .right {
	width: 50%;
}

.topbar .socialbar {
	text-align: right
}

.topbar .socialbar a {
	font-size: 16px
}
	
/* logo ************************************************/
/*******************************************************/
	
.main-logo {
	height: auto;
	display: block;
}

.logo {
	width: auto;
}

.container>.navbar-header {
	width: auto;
}

.mobile-menu-spacer {
	display: none;
}

.navbar-collapse .top-search {
	display: block;
}

/* menu ************************************************/
/*******************************************************/
	
.admin-bar .navbar.affix {
	top: 32px!important;
}	
	
.navbar {
	position: static;
    border-top: 1px solid rgba(0,0,0,0.07);
    border-bottom: 1px solid rgba(0,0,0,0.07);
}

.navbar .container {
	position: relative;
	padding: 0px;
}

.navbar.affix .container {
	border: 0px
}
	
.full-page .navbar {
	border-top: 1px solid rgba(255,255,255,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

.full-page .navbar.affix .container {
	border: 0px;
}	

.navbar.affix .container:after {
    content: none;
}

.full-page .navbar .container:after {
    content: none
}	
	
 .container>.navbar-header {
	display: table-cell;
	vertical-align: middle;
	float: none
}

.navbar-collapse.collapse {
	display: table-cell!important;
	vertical-align: middle;
	padding: 0px;
	background: #fff;
	position: relative;
	/*z-index: 3;*/
	text-align: center
}
	
.affix .navbar-collapse.collapse {
	padding: 0px;
	background: none;
}

.full-page .navbar-collapse.collapse {
	background: none
}

.navbar-nav {
	padding: 0px 20px 0px 20px;
}
	
.navbar-nav > li {
	border-bottom: 0;
	margin: 0px 23px;
}

.navbar-nav li a {
	position: relative;
	padding: 25px 0px 25px 0px;
	font-weight: 600;
}

.full-page .navbar-nav li a:hover,
.full-page .navbar-nav li a:focus,
.full-page .navbar-nav .active > a,
.full-page .navbar-nav .active > a:hover {
	background-color: transparent;
}

.navbar-nav li:after {
	content: '';
	position: absolute;
	top: 73%;
	left: 0px;
	width: 0px;
    border: 0px;
	border-bottom-width: 2px;
    border-style: solid;
    border-bottom-color: #222222;
	margin-top: 2px;
	transition: all 0.5s;
}

.full-page .affix-top .navbar-nav li:after {
    border-bottom-color: #fff;
}

.navbar-nav li li:after,
.full-page .affix-top .navbar-nav li li:after {
    border-bottom-color: #222222;
}

.navbar-nav li.current-menu-item:after, 
.navbar-nav li.current_page_item:after,  
.navbar-nav li.current-menu-ancestor:after {
	width: 100%;
}

.navbar-nav li.current-menu-item ~ li.current-menu-item:after, 
.navbar-nav li.current_page_item ~ li.current_page_item:after,  
.navbar-nav li.current-menu-ancestor ~ li.current-menu-ancestor:after {
    width: 0px
}

.navbar-nav li:hover:after, .navbar-nav .active:after, 
.navbar-nav li.current-menu-item ~ li.current-menu-item:hover:after,  
.navbar-nav li.current-menu-ancestor ~ li.current-menu-ancestor:hover:after {
	width: 100%;
}

.full-page .affix-top .navbar-nav li a {
	color: #fff;
}

.full-page .affix-top .navbar-nav li li a {
	color: #686868;
}

.full-page .affix-top .navbar-nav li a:hover {
	color: #fff;
}
  
.full-page .affix-top .navbar-nav li li a:hover {
	color: #686868;
}

.navbar-nav li a:hover a {
	color: #686868;
}

.navbar-nav li li a {
	color: #686868;
}
       
.full-page .navbar.affix {
	padding: 0px;
}    

/* submenu *********************************************/
/*******************************************************/

.navbar-nav li ul {
	display: none;
	font-size: 15px;
	padding: 0px;
	background: #fff;
	border: 1px solid rgba(0,0,0,0.07);
	text-align: left;
	text-transform: none
}

.navbar-nav li:hover ul {
	display: block;
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 9;
	width: 210px;
	margin-left: -105px;
	box-shadow: 0px 4px 14px rgba(0,0,0,0.1);
}
	
.navbar-nav li:hover ul:before {
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border: solid transparent;
    content: " ";
    pointer-events: none;
    margin-left: -12px;
    border-bottom-color: rgba(0,0,0,0.07);
    border-width: 12px;
}	

.navbar-nav li:hover ul:after {
	position: absolute;
	bottom: 100%;
	left: 50%;
	width: 0;
	height: 0;
	border: solid transparent;
	content: " ";
	pointer-events: none;
	margin-left: -11px;
	border-bottom-color: #fff;
	border-width: 11px;
}
	
.navbar-nav li:hover ul ul:before {
	content: none;
}	

.navbar-nav li:hover ul ul:after {
	content: none;
}

.navbar-nav li li:after {
	top: auto;
	bottom: -1px;
}

.navbar-nav li:hover li a {
	padding: 11px 19px!important;
	color: #686868;
}

.navbar-nav li:hover li a:first-child {
	border-top: 0px;
}

.navbar-nav li li {
	position: relative;
	border-bottom: 1px solid rgba(0,0,0,0.05);
}

.navbar-nav li li:last-child {
	border-bottom: 0;
}

.navbar-nav li li a {
	display: block;
	padding: 15px 20px;
	color: #686868;
	background: #fff
}

.navbar-nav li li a:hover {
	background: #fff;
}

.navbar-nav li.menu-item-has-children a:before {
	font-family: 'fontAwesome';
	content: '\f107';
	position: absolute;
	top: 0px;
	right: -15px;
	bottom: 0px;
	padding: 25px 0px 0px 7px;
	font-size: 12px;
	color: #ccc;
}
	
.navbar-nav li.menu-item-has-children li a:before {
	content: none;
}
	
.navbar-nav li li.menu-item-has-children > a:first-child:after {
	font-family: 'fontAwesome';
	content: '\f054';
	position: absolute;
	top: 12px;
	right: 8px;
	font-size: 12px;
	color: #ccc;
}

.navbar-nav li:hover li ul {
	display: none;
}

.navbar-nav li li ul {
	display: none;
}

.navbar-nav li li:hover ul {
	display: block;
	top: 0px;
	left: 100%;
	z-index: 9;
	margin-left: 0px;
}

.navbar-nav li:nth-last-of-type(3) li:hover ul,
.navbar-nav li:nth-last-of-type(2) li:hover ul,
.navbar-nav li:nth-last-of-type(1) li:hover ul {
    left: auto;
    right: 100%;
}
	
/* navbar buttons / icons ******************************/
/*******************************************************/

.navbar-icons {
	position: absolute;
    top: 50%;
    right: 0px;
	float: right;
	display: block;
	margin: -12px 40px 0px 30px;
}
	
.navbar .nav-icon {
	float: right;
	margin: 0px 0px 0px 18px;
	padding: 0px 0px 0px 0px;
	background: none!important;
	border: 0px!important
}

/* top search ******************************************/
/*******************************************************/

.top-search-form-wrapper {
	width: 50%;
}

/* breadcrumb ******************************************/
/*******************************************************/

.crumb {
	display: block;
	padding: 0px 40px;
}
	
/* top menu ********************************************/
/*******************************************************/

.top-menu {
	display: block;
}

/* header **********************************************/
/*******************************************************/

.header {
	margin: 30px 0px 20px 0px;
}

.header h1, .header h2 {
	font-size: 42px;
}

.header .col-lg-6 {
	width: 60%;
}
    
.header-edge {
    height: 50px!important;
}

.header-content {
	padding: 140px 0px 100px 0px;
}

.full-page .header-content {
	padding: 200px 0px 160px 0px;
}

.header-content.header-compact {
	padding: 150px 0px 110px 0px;
}

.full-page .header-content.header-compact {
	padding: 140px 0px 80px 0px;
}

.header-content.header-center .col-lg-6 {
	padding: 0px 100px;
}

.header-content p {
	font-size: 18px;
}

.header-buttons {
	margin-top: 50px;
}
	
/* particles *******************************************/
/*******************************************************/

#particles-js {
	right: 0px;
	left: 0px;
}
	
/* fit to fullscreen ***********************************/
/*******************************************************/

.fit-to-fullscreen-scroll {
	display: block;
}
	
/* header posts ****************************************/
/*******************************************************/ 
	
.wide .header-post-teaser .spacing {
  	margin-top: 40px;
	padding: 0px 40px
}
	
/* leading area + ending area **************************/
/*******************************************************/

.leading-area {
	padding: 40px 0px 0px 0px
}	
    
.leading-area.content-grid {
	padding: 10px 0px 0px 0px
}	

.ending-area {
	padding: 20px 0px 60px 0px
}
    
.ending-area.content-grid {
	padding: 0px 0px 20px 0px
}
    
.leading-area .content-grid-wrapper:last-child .content-grid-gutter,
.ending-area .content-grid-wrapper:last-child .content-grid-gutter {
    padding-bottom: 0px!important;
}

/* contact form 7 **************************************/
/*******************************************************/

.wpcf7 .formhalf-1, .wpcf7 .formhalf-2 {
	width: 50%;
}

.wpcf7 .formhalf-1 {
	padding-right: 15px;
}

.wpcf7 .formhalf-2 {
	padding-left: 15px;
}

.wpcf7 .form-field label {
	padding: 20px 0px 0px 0px;
}

/* page ************************************************/
/*******************************************************/

.page-thumbnail {
	width: 30%;
	padding: 40px 40px 40px 0px;
}
    
.page-thumbnail.right {
	padding: 40px 0px 40px 40px;
}

.page-content {
	width: 70%;
	padding: 30px 0px 40px 40px;
	border-left: 1px solid rgba(0,0,0,0.07);
}
    
.page-content.right {
	padding: 30px 40px 40px 0px;
    border-left: 0px;
	border-right: 1px solid rgba(0,0,0,0.07);
}

/* post ************************************************/
/*******************************************************/

.content .post h1, .content .page h1, .content .product h1 {
	font-size: 40px;
}
	
.content .post h2, .content .page h2, .content .product h2 {
	font-size: 29px;
}	

.content .post .page-header, .content .page .page-header, .content .product .page-header {
	margin: 0px 0px 40px 0px;
}

.content .post .page-header h2, .content .page .page-header h2, .content .product .page-header h2 {
	font-size: 40px;
}

.visual .has-thumb .post-content {
	width: 60%;
	padding: 0px 0px 0px 40px;
}

.visual.visual-right .has-thumb .post-content {
	padding: 0px 40px 0px 0px;
}	

.visual .post-thumb {
	width: 40%;
	margin-top: 5px;
}

.visual .post-thumbnail {
	width: 40%;
}

.post-format-link {
	padding: 100px 60px;
}

.visual .post-format-link {
	padding: 40px 30px;
}

.post-format-link div {
	font-size: 26px;
}

.visual .post-format-link div {
	font-size: 20px;
}

.post-format-link div span {
	font-size: 17px;
}

.post-format-quote {
	padding: 100px 60px;
}

.visual .post-format-quote {
	padding: 40px 30px;
}

.post-format-quote div {
	font-size: 26px;
}

.visual .post-format-quote div {
	font-size: 20px;
}

.post-format-quote div span {
	font-size: 17px;
}

.post-listing h2 {
	font-size: 29px!important;
}

/* archive header **************************************/
/*******************************************************/

.archive-header {
	padding: 80px 0px 0px 0px;
}
	
.masonry .archive-header {
	padding: 60px 0px 30px 0px;
}

.archive-header h1, .archive-header h2 {
	font-size: 44px
}
	
.archive-header p {
	font-size: 18px;
	width: 80%;
}

/* masonry grid ****************************************/
/*******************************************************/

.grid .grid-item h2 {
	font-size: 26px;
}
	
/* metro grid *******************************************/
/*******************************************************/

.metro-grid .grid-item {
	margin-bottom: 40px
}

.metro-grid .grid-item--width2 {
	height: 410px;
}

.metro-grid.column-3 .grid-item--width2 {
	height: 410px;
}

.metro-grid .grid-item--height2 {
	height: 410px;
}	
	
.metro-grid .grid-item.grid-item--width2 h2 {
	font-size: 22px
}
	
/* magazine ********************************************/
/*******************************************************/

.magazin-collector {
	border-bottom: 1px solid rgba(0,0,0,0.07);
	padding-bottom: 20px;
	margin-bottom: 40px;
}	
	
.magazine-item {
	width: 50%;
	padding-right: 20px;
	float: left;
	clear: left
}
	
.dleft .magazine-item {
	padding-left: 20px;
	padding-right: 0px;
	float: right;
	clear: right
}	

.magazine-item.mgz-big {
	padding-left: 20px;
	padding-right: 0px;
	float: right;
}

.dleft .magazine-item.mgz-big {
	padding-left: 0px;
	padding-right: 20px;
	float: left;
}
	
.magazine .magazine-item.mgz-big .post-thumbnail {
	margin: 0px 0px 20px 0px
}

.magazine-item .post-thumb {
	width: 30%;
}

.magazine-item .post-content {
	width: 70%;
	padding-left: 20px;
	font-size: 13px
}

.magazine-item.mgz-big .post-content {
	padding-left: 0px;
	font-size: 16px
}
	
.magazine-item .post-content h2 {
	font-size: 19px!important;
	margin-top: 0px;
}

.magazine-item.mgz-big .post-content h2 {
	font-size: 29px!important;
	margin-top: 10px;
}
	
.magazine .read-more {
	display: block
}
	
/* metabox *********************************************/
/*******************************************************/

.blog-post-meta {
	display: block;
}

.blog-post-metabox:nth-child(1) {
	display: inline-block;
}

.blog-post-metabox:nth-child(2) {
	display: inline-block;
}

.blog-post-metabox:nth-child(3) {
	display: inline-block;
}

/* wp-caption ******************************************/
/*******************************************************/

.wp-caption.alignleft {
	width: auto;
	margin: 7px 30px 30px 0px;
}

.wp-caption.alignright {
	width: auto;
	margin: 7px 0px 30px 30px;
}

.wp-caption.alignright .wp-caption-text {
	text-align: right;
}
	
/* grouped posts ***************************************/
/*******************************************************/

.grouped-post-box .grouped-post-box-item.col-md-12 .grouped-post-box-item-img,
.grouped-post-box .grouped-post-box-item.col-md-6 .grouped-post-box-item-img,
.grouped-post-box .grouped-post-box-item.col-md-4 .grouped-post-box-item-img,
.grouped-post-box .grouped-post-box-item.col-md-3 .grouped-post-box-item-img {
	height: 200px;
}

/* wp gallery ******************************************/
/*******************************************************/

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

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

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

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

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

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

/* author bio ******************************************/
/*******************************************************/
	
.author-info {
	text-align: left
}

.author-heading {
	top: 24px;
	left: 170px;
	right: auto;
	display: block;
	font-weight: 600
}


.author-user {
	position: absolute;
	top: 30px;
	left: 30px;
	right: 30px;
	right: auto;
	width: 100px;
	margin-bottom: 0px;
	text-align: center;
}

.author-user .avatar {
	width: 60%;
}

.author-description {
	padding-left: 140px;
	margin-top: 20px;
}

/* comments ********************************************/
/*******************************************************/
	
.comment-metadata {
	display: block;
}

.comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"], .comment-respond textarea {
	width: 50%;
}

.comment-respond textarea {
	width: 100%;
}

.comment-list li {
	padding: 20px 20px;
}

.comment-list .avatar {
	width: 56px;
	height: 56px
}
	
/* exit popup */
/******************************************************/

.exit-popup {
    top: 50%;
	right: auto!important;
    bottom: auto!important;
	left: 50%!important;
	width: 650px!important;
	overflow: visible!important
}
	
.exit-popup.exit-mobile {
	transform: translateX(-50%)!important;
}
	
.exit-popup:not(.exit-mobile) {
	top: 50%!important;
	transform: translateX(-50%) translateY(-50%)!important;
}	
	
.exit-popup:not(.exit-mobile) .exit-popup-close {
	top: -40px;
	right: -40px;
    left: auto!important;
    background: none!important;
}
	
.exit-popup.exit-mobile .exit-popup-close:hover {
	color: #222!important;
    background: #fff!important;
}	
	
.exit-popup-content-align {
	width: 50%;
	margin-top: 0px
}

/* bootstrap modal *************************************/
/*******************************************************/

.popup.modal .modal-content {
	padding: 20px 30px;
}

.popup.modal .modal-title {
	font-size: 24px;
}

/* sidebar *********************************************/
/*******************************************************/

.has-sidebar {
	padding: 10px 0px 0px 0px;
}

.has-sidebar.has-sidebar-right {
	padding: 10px 0px 0px 0px;
}

.sidebar {
	padding: 10px 20px 0px 0px;
}

.sidebar.sidebar-right {
	padding: 10px 0px 0px 0px;
}

/* dropcaps ********************************************/
/*******************************************************/

.dropcap {
	width: 68px;
	height: 68px;
	font-size: 40px;
	margin: 9px 20px 0px 0px;
}

/* lead ins ********************************************/
/*******************************************************/

.leadin {
	max-width: 40%;
	font-size: 24px;
	padding: 24px 35px 28px 35px;
	margin: 8px 40px 20px 0px;
}

.leadin.right {
	margin: 8px 0px 20px 40px;
}

.leadin.full {
	padding: 35px 60px 35px 60px;
	margin: 15px 0px 35px 0px;
}

/* features-3 ******************************************/
/*******************************************************/

.features-3 {
	padding: 120px 0px 75px 0px;
}

.features-3 .col-md-6 {
	width: 49%;
}

.features-3 .col-md-6 {
	margin-bottom: 45px;
}

.features-3 .img-responsive {
	margin-bottom: 0px;
}

/* post/page teaser ************************************/
/*******************************************************/

.post-teaser {
	padding: 90px 0px 40px 0px;
}

/* banner **********************************************/
/*******************************************************/

.banner p {
	margin: 0px;
}

/* newsletter ******************************************/
/*******************************************************/

.mc4wp-form input[type=email],
.widget_wysija_cont .wysija-input,
.tnp-subscription input[type=email] {
	width: 300px;
}

.mc4wp-form input[type=submit],
.widget_wysija_cont .wysija-submit,
.tnp-subscription .tnp-field input[type="submit"] {
	width: auto;
}
	
.widget_wysija_cont .wysija-paragraph {
	width: auto;
}	
	
.tnp-subscription .tnp-field {
	width: auto;
}	
	
.tnp-subscription .tnp-field-button {
	width: auto;
}

/* prices **********************************************/
/*******************************************************/

.price-content {
    width: 50%;
    margin-top: 40px;
    margin-right: -3px;
}

/* content grid section ********************************/
/*******************************************************/    
    
.content-grid .row {
    margin-right: -20px;
    margin-left: -20px;
}
    
.content-grid-gutter {
    padding: 0px 20px 30px 20px;
}
    
.content-grid-gutter-bg {
    padding: 80px 60px;
}
    
/* 3 col - with bg */
.content-grid-gutter.col-md-4 .content-grid-gutter-bg { padding: 60px 45px }

/* 4 col - with bg */
.content-grid-gutter.col-md-3 .content-grid-gutter-bg { padding: 30px 35px }

/* 5 col - with bg */
.content-grid-gutter.col-md-2-4 .content-grid-gutter-bg { padding: 20px 30px }
    
/* 6 col */
.content-grid-gutter.col-md-2 { float:left; width: 50% } 

/* 4 col */    
.content-grid-gutter.col-md-3 { float:none; display: inline-block; vertical-align: middle; margin-right: -2px; width: 50% }  
    
/* 2 col */    
.content-grid-gutter.col-md-6 { float:left; width: 50%}

/* bootstrap modal *************************************/
/*******************************************************/

.popup.modal .modal-dialog {
	width: 560px!important;
}

/* footer sidebar **************************************/
/*******************************************************/

.footer-sidebar {
	padding: 60px 0px;
}

/* 1 col */      
    
.footer-col.col-md-12 {
	padding: 0px;
}
 
/* 2 cols */    

.footer-col.col-md-6:nth-child(1) aside {
    padding: 0px 20px 0px 0px;
}
    
.footer-col.col-md-6:nth-child(2) aside {
    padding: 0px 0px 0px 20px;
}
    
/* 3 cols */  
    
.footer-col.col-md-4:nth-child(1) aside {
    padding: 0px 20px 0px 0px;
}
    
.footer-col.col-md-4:nth-child(2) aside {
    padding: 0px 10px 0px 10px;
}
    
.footer-col.col-md-4:nth-child(3) aside {
    padding: 0px 0px 0px 20px;
}
    
/* 4 cols */
    
.footer-col.col-md-3:nth-child(1) aside {
    padding: 0px 20px 0px 0px;
}
    
.footer-col.col-md-3:nth-child(2) aside,
.footer-col.col-md-3:nth-child(3) aside {
    padding: 0px 10px 0px 10px;
}
    
.footer-col.col-md-3:nth-child(4) aside {
    padding: 0px 0px 0px 20px;
} 
	
/* post password form **********************************/
/*******************************************************/

.post-password-form div {
	width: 60%;
	margin-bottom: 0px;
}

.post-password-form div:nth-of-type(2) {
	width: 40%;
	padding-left: 20px;
}
	
/* post-list *******************************************/
/*******************************************************/

/* one-column */

.post-list-teaser-box.col-md-12 .post-list-teaser-box-bg {
	width: 30%;
	margin: 6px 0px 0px 0px;
}

.post-list-teaser-box.col-md-12 .post-list-content {
	width: 70%;
	padding-left: 30px
}
	
/* tab page ********************************************/
/*******************************************************/

.tab-page .nav-tabs {
	width:30%;
	margin: 10px 0px;
}

.tab-page .nav-tabs li a {
	padding-left: 40px;
	padding-right: 15px
}
	
.tab-page.right .nav-tabs li a {
	padding-left: 50px;
}
	
.tab-page .nav-tabs li a span.tab-title {
	display: inline-block
}
	
.tab-page .nav-tabs li a span.tab-letter {
	position: absolute;
	top: 15px;
	left: 0px;
	width: 30px;
}
	
.tab-page.right .nav-tabs li a span.tab-letter {
	width: 50px;
}	

.tab-page .nav-tabs .fa {
	position: absolute;
	top: 18px;
	left: 0px;
	width: 30px;
}
	
.tab-page.right .nav-tabs .fa {
	width: 50px;
}

.tab-page .tab-content {
	width:70%;
	padding: 0px 0px 40px 40px;
}

.tab-page.right .tab-content {
	padding: 0px 40px 40px 0px;
}
	
/* under construction page *****************************/
/*******************************************************/

.under-construction-title {
	font-size: 60px;
}

.under-construction-text {
	font-size: 25px;
}
	
.under-construction .countdown div {
	margin: 0px 20px;
}

.under-construction .countdown-num {
	font-size: 50px;
}
	
.under-construction .countdown-label {
	font-size: 15px;
}	
	
.under-construction .under-construction-form input {
	width: 220px
}
	
/* 404 error page **************************************/
/*******************************************************/

.error404 .label-404 {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
    left: 0px;
	height: 100%;
    text-align: right;
    font-size: 350px;
}
	
/* category teaser *************************************/
/*******************************************************/

.cat-teaser-wrapper {
  	margin: 0px -20px;
}

/* timeline ********************************************/
/*******************************************************/

.timeline:before {
	left: 50%;
	margin-left: -5px;
}

.timeline ul.timeline-ul {
	padding: 50px 0;
}

.timeline ul.timeline-ul li.timeline-li {
	padding: 50px 0px 0px 0px;
}

.timeline ul.timeline-ul li.timeline-li::after {
	left: 50%;
	margin-left: -15px;
}

.timeline ul.timeline-ul li.timeline-li div.timeline-content {
	width: 46%;
	padding: 30px;
}

.timeline ul.timeline-ul li.timeline-li:nth-child(odd) div.timeline-content {
	float: right
}

.timeline ul.timeline-ul li.timeline-li:nth-child(even) div.timeline-content {
	float: left
}

.timeline ul.timeline-ul li.timeline-li:nth-child(odd) div.timeline-content::before {
	left: -16px;
	border-width: 14px 16px 14px 0;
	border-color: transparent #ccc transparent transparent;
}

.timeline ul.timeline-ul li.timeline-li:nth-child(odd) div.timeline-content::after {
	left: -15px;
	border-width: 14px 16px 14px 0;
	border-color: transparent #fff transparent transparent;
}

.timeline ul.timeline-ul li.timeline-li:nth-child(even) div.timeline-content::before {
	right: -16px;
	border-width: 14px 0 14px 16px;
	border-color: transparent transparent transparent #ccc;
}

.timeline ul.timeline-ul li.timeline-li:nth-child(even) div.timeline-content::after {
	right: -15px;
	border-width: 14px 0 14px 16px;
	border-color: transparent transparent transparent #fff;
}

.timeline ul.timeline-ul li.timeline-li:nth-child(even) time {
	float: right;
	text-align: left;
	padding-left: 40px
}

.timeline ul.timeline-ul li.timeline-li:nth-child(odd) time {
	float: left;
	text-align: right;
	padding-right: 40px;
}

.timeline time {
	width: 50%;
	padding-top: 30px;
	padding-bottom: 0px;
	font-size: 60px;
}
	
}

/******************************************************************************************************************************************************************/
/* MEDIA QUERY MIN WIDTH 992px */
/******************************************************************************************************************************************************************/

@media (min-width: 992px) {
	
/* header **********************************************/
/*******************************************************/

.header .col-lg-6 {
	width: 43%;
}
	
/* header posts ****************************************/
/*******************************************************/ 
	
.header-post-teaser .col-md-12 h3 {
	font-size: 36px
}

.header-post-teaser .col-md-6 h3 {
	font-size: 30px
}	
	
.wide .header-post-teaser .col-md-4 h3, .full-page .header-post-teaser .col-md-4 h3 {
	font-size: 31px
}
	
/****** boxed items ******/

/* col 1 */
.header-post-teaser .col-md-12 .header-post-teaser-box-content { width: 60%; padding: 140px 0px 140px 100px }

/* col 2 */
.header-post-teaser .col-md-6 .header-post-teaser-box-content { width: 80%; padding: 160px 0px 160px 80px }

/* col 3 */
.header-post-teaser .col-md-4 .header-post-teaser-box-content { width: 90%; padding: 120px 0px 120px 30px }

/* col 4 */
.header-post-teaser .col-md-3 .header-post-teaser-box-content { width: 100%; padding: 80px 0px 80px 20px }

/* center compact settings */	

.header-post-teaser .header-center .header-post-teaser-box-content { width:100%; padding-left: 20px; padding-right: 20px}
.header-post-teaser .header-compact .header-post-teaser-box-content { padding-top: 50px; padding-bottom: 50px}			
	
/****** wide items ******/

.wide .header-post-teaser .col-md-12 .header-post-teaser-box-spacer {
	width: 1170px;
    margin: 0 auto;
}	
	
/* col 1 */	
.wide .header-post-teaser .col-md-12 .header-post-teaser-box-content { width: 60%; padding: 140px 0px 140px 50px }

/* col 2 */
.wide .header-post-teaser .col-md-6 .header-post-teaser-box-content { width: 80%; padding: 160px 0px 160px 80px }

/* col 3 */
.wide .header-post-teaser .col-md-4 .header-post-teaser-box-content { width: 80%; padding: 140px 0px 140px 50px }

/* col 4 */
.wide .header-post-teaser .col-md-3 .header-post-teaser-box-content { width: 90%; padding: 140px 0px 140px 50px }	
	
/* center compact settings */	

.wide .header-post-teaser .header-center .header-post-teaser-box-content { width:100%; padding-left: 50px; padding-right: 50px}
.wide .header-post-teaser .header-compact .header-post-teaser-box-content { padding-top: 60px; padding-bottom: 60px}		
	
/****** full page items ******/

/* col 1 */
.full-page .header-post-teaser .col-md-12 .header-post-teaser-box-spacer {
	width: 1170px;
    margin: 0 auto;
}	
	
.full-page .header-post-teaser .col-md-12 .header-post-teaser-box-content { width: 50%; padding: 200px 0px 200px 50px }

/* col 2 */
.full-page .header-post-teaser .col-md-6 .header-post-teaser-box-content { width: 80%; padding: 200px 0px 200px 80px }

/* col 3 */
.full-page .header-post-teaser .col-md-4 .header-post-teaser-box-content { width: 80%; padding: 180px 0px 180px 50px }

/* col 4 */
.full-page .header-post-teaser .col-md-3 .header-post-teaser-box-content { width: 90%; padding: 160px 0px 160px 50px }	
	
/* center compact settings */	

.full-page .header-post-teaser .header-center .header-post-teaser-box-content { width:100%; padding-left: 50px; padding-right: 50px}
.full-page .header-post-teaser .header-compact .header-post-teaser-box-content { padding-top: 100px; padding-bottom: 100px}	

/****** active item ******/

.header-post-teaser .only-one .header-post-teaser-box-content {
	opacity: 0;
	transform: scale(0.8);
}

.header-post-teaser .only-one .owl-item.active-item .header-post-teaser-box-content,
.header-post-teaser .only-one .owl-item:hover .header-post-teaser-box-content {
	transform: scale(1.0);
	transition: all 1.15s;
	opacity: 1
}

/* featured slider *************************************/
/*******************************************************/

.featured-slider h2 {
    font-size: 32px!important
}    
    
/* static */

.featured-slider .header-content {
	padding: 80px 0px 100px 60px;
}

.has-sidebar .featured-slider .header-content {
	padding: 80px 40px 100px 40px;
}

/* 1 col */

.featured-slider .header-post-teaser .col-md-12 .header-post-teaser-box-content {
	padding: 80px 0px 80px 100px;
}

.has-sidebar .featured-slider .header-post-teaser .col-md-12 .header-post-teaser-box-content {
	padding: 60px 0px 60px 70px;
}

/* 2 col */

.featured-slider .header-post-teaser .col-md-6 .header-post-teaser-box-content {
	padding: 80px 0px 80px 60px;
}

.has-sidebar .featured-slider .header-post-teaser .col-md-6 .header-post-teaser-box-content {
	padding: 60px 0px 80px 40px;
}

/* 3 col */

.featured-slider .header-post-teaser .col-md-4 .header-post-teaser-box-content {
	padding: 80px 0px 80px 30px;
}

.has-sidebar .featured-slider .header-post-teaser .col-md-4 .header-post-teaser-box-content {
	padding: 30px 0px 30px 20px;
}

/* 4 col */

.featured-slider .header-post-teaser .col-md-3 .header-post-teaser-box-content {
	padding: 60px 0px 60px 20px;
}

.has-sidebar .featured-slider .header-post-teaser .col-md-3 .header-post-teaser-box-content {
	padding: 30px 0px 30px 20px;
}
	
/* post grid *******************************************/
/*******************************************************/

.post-grid {
	margin: -40px -40px 40px -40px;
}	
	
.post-grid .grid-item {
	padding: 40px 40px 60px 40px;
}

.post-grid .grid-item .post-content {
	padding: 0px 0px 40px 0px;
}

.post-grid .ribbon {
    top: 40px;
    right: 50px;
}

.post-grid .blog-post-meta {
	position: absolute;
	right: 0px;
	bottom: 20px;
	left: 0px;
}
	
/* metro grid *******************************************/
/*******************************************************/	
	
.metro-grid .grid-item {
	margin-bottom: 50px
}	
	
.metro-grid .grid-item--width2 {
	width: 65%!important;
	height: 410px;
}
	
.metro-grid.column-3 .grid-item--width2 {
	width: 65%!important;
	height: 410px;
}
	
.metro-grid .grid-item.grid-item--width2 h2 {
	font-size: 32px
}
  
/* sidebar *********************************************/
/*******************************************************/

.has-sidebar {
	float: right;
	padding: 110px 0px 0px 40px;
	border-left: 1px solid rgba(0,0,0,0.07);
}

.has-sidebar.has-sidebar-right {
	float: left;
	padding: 10px 40px 0px 0px;
	border-right: 1px solid rgba(0,0,0,0.07);
	border-left: 0px;
}

.sidebar {
	padding: 10px 40px 0px 0px;
	margin-top: 0px;
	width: 25%
}

.sidebar.sidebar-right {
	padding: 10px 0px 0px 40px;
}

/* social share bar ************************************/
/*******************************************************/

.social-share-bar-content {
	display: inline-block;
	padding: 7px 4px;
	border-radius: 3px 3px 0px 0px;
}

.social-share-bar a {
	width: 32px;
	margin: 0px 4px;
}

.social-share-bar a.fa-whatsapp {
	display: none;
}
	
/* grouped posts ***************************************/
/*******************************************************/
	
.grouped-post-box .grouped-post-box-item.col-md-12 {
	width: 100%
}

.grouped-post-box .grouped-post-box-item.col-md-6 {
	width: 50%
}

.grouped-post-box .grouped-post-box-item.col-md-4 {
	width: 33.33333333%
}

.grouped-post-box .grouped-post-box-item.col-md-3 {
	width: 25%
}
	
.grouped-post-box .grouped-post-box-item.col-md-12 .grouped-post-box-item-img {
	height: 400px;
}

.grouped-post-box .grouped-post-box-item.col-md-6 .grouped-post-box-item-img {
	height: 250px;
}

.grouped-post-box .grouped-post-box-item.col-md-4 .grouped-post-box-item-img {
	height: 200px;
}

.grouped-post-box .grouped-post-box-item.col-md-3 .grouped-post-box-item-img {
	height: 150px;
}

.grouped-post-box .grouped-post-box-item.col-md-12 h3 {
	font-size: 22px
}

.grouped-post-box .grouped-post-box-item.col-md-6 h3 {
	font-size: 20px
}

.grouped-post-box .grouped-post-box-item.col-md-4 h3 {
	font-size: 18px
}

.grouped-post-box .grouped-post-box-item.col-md-3 h3 {
	font-size: 16px
}

/* related posts ***************************************/
/*******************************************************/

.related-list {
	margin: 0px -20px;
}	
	
.related-list li {
	padding: 0px 20px 0px 20px;
	width: 33.3333%
}

/* category teaser *************************************/
/*******************************************************/

.cat-teaser-content {
	margin: 20px 0px 50px 0px;
}

/* postbar *********************************************/
/*******************************************************/

.social-postbar {
	width: 40%;
	margin-bottom: 0px;
	text-align: left;
}

.tags-postbar {
	width: 60%;
	text-align: right;
}

.tags-postbar-label {
	width: auto;
	padding-right: 5px;
}

.social-postbar-label {
	width: auto;
	padding-right: 5px;
}

.social-postbar .fa-whatsapp {
	display: none;
}

/* attachment page *************************************/
/*******************************************************/

.attachment-page .attach-right {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: 35%;
}

.attachment-page .attach-image {
	position: absolute;
	top: 0px;
	right: 35%;
	bottom: 0px;
	left: 0px;
}
	
.admin-bar.attachment-page .attach-right, .admin-bar.attachment-page .attach-image {
	top: 32px;
}
	
/* faq page ********************************************/
/*******************************************************/

.faq-page .faq-column.col-2 {
	width: 50%;
}
	
.faq-page .faq-column.col-3 {
	width: 50%;
}

/* download page ***************************************/
/*******************************************************/

ul.download-list .file-info {
    display: inline-block;
    position: absolute;
    right: 15px;
}

/* features-1 ******************************************/
/*******************************************************/

.features-1 .section-content .row div {
	padding-bottom: 0px;
}

/* banners *********************************************/
/*******************************************************/

.banner {
	text-align: left;
}

.banner .row div {
	display: table-cell;
}

.banner .btn {
	margin-top: 0px;
}
    
/* image / text section ********************************/
/*******************************************************/

.image-text-section .img-column {
	width: 30%;
    margin-bottom: 0px
}

.image-text-section .img-column img {
	width: auto
}

.image-text-section .content-column {
	width: 70%;
}
    
.image-text-section .content-column {
    padding-left: 60px;
}

.image-text-section .right .content-column {
    padding-left: 0px;
    padding-right: 60px
}
    
/* content grid section ********************************/
/*******************************************************/    

.content-grid-wrapper {
    display: table;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px
}
    
.content-grid-wrapper .row {
    display: table;
    width: 100%
}
    
.content-grid-gutter {
    padding: 30px 20px;
    float: none!important;
    display: table-cell!important
}
    
section.page .content-grid-gutter,
section.post .content-grid-gutter {
    padding: 10px 20px;
}
    
section.page .content-grid-gutter-bg, 
section.post .content-grid-gutter-bg {
    margin-bottom: 20px
} 
    
.content-grid-gutter.hcenter { text-align: center }
.content-grid-gutter.hleft { text-align: left }
.content-grid-gutter.hright { text-align: right }
.content-grid-gutter.vtop { vertical-align: top }
.content-grid-gutter.vmiddle { vertical-align: middle }
.content-grid-gutter.vbottom { vertical-align: bottom } 
    
/* 6 col */
.content-grid-gutter.col-md-2 { width: 16.66666667% } 

/* 4 col */
.content-grid-gutter.col-md-3 { width: 25%; margin-right: 0px }

/* 3 col */
.content-grid-gutter.col-md-4 { width: 33.333% }     
    
/* 2 col */
.content-grid-gutter.col-md-6 { width: 50%}
    
/* 2 col - 83,3333 % */
.cg-extra-widht .content-grid-gutter.col-md-10 { width: 83.33333333% }
/* 2 col - 16,6666 % */
.cg-extra-widht .content-grid-gutter.col-md-2 { width: 16.66666667% }
    
/* 2 col - 33.3333 % */
.cg-extra-widht .content-grid-gutter.col-md-4 { width: 33.33333333% }
/* 2 col - 66,6666 % */
.cg-extra-widht .content-grid-gutter.col-md-8 { width: 66.66666667% }

/* contact *********************************************/
/*******************************************************/

.contact-column {
	border-left: 1px solid #e1e1e1;
}

.contact-column:first-child {
	border: 0px;
}

/* prices **********************************************/
/*******************************************************/

.price-content {
    width: 30%;
}

.price-content.leading {
    margin-top: 0px;
}
	
/* footer sidebar **************************************/
/*******************************************************/
	
.footer-sidebar aside:last-child {
	margin-bottom: 0px;
}
  
/* footer **********************************************/
/*******************************************************/

.footer {
	padding: 60px 0px 40px 0px;
}

.footer .menu {
	width: auto;
	margin-bottom: 0px;
}

.socialbar {
	width: auto;
	margin-bottom: 0px;
}

/* cookie-bar ******************************************/
/*******************************************************/

#cookie-bar span {
	display: inline-block;
	width: auto;
	padding-bottom: 0px;
}
		
/* attachment page *************************************/
/*******************************************************/

.attachment-page .attach-image {
	padding: 100px 0px;
}
  
/* columns *********************************************/
/*******************************************************/

.col-2, .col-3, .col-4 {
	width: 50%;
  	margin-bottom: 0px
}

.col-3 {
	width: 33.3333333%;
}

.col-4 {
	width: 25%;
}
	
}

/******************************************************************************************************************************************************************/
/* MEDIA QUERY MIN WIDTH 1200px */
/******************************************************************************************************************************************************************/

@media (min-width: 1200px) {

.row {
	margin-right: -15px;
	margin-left: -15px;
}

.navbar-header {
	margin-right: -15px;
	margin-left: -15px;
}

/* owl *************************************************/
/*******************************************************/

.owl-carousel .owl-nav div {
	width: 40px;
	background: #fff;
	font-size: 15px;
	color: #686868;
	transition: all 0.5s;
}

.owl-carousel .owl-nav div:hover {
	background: rgba(255,255,255,0.5);
	transition: all 0.5s;
}

.owl-carousel .owl-prev {
	left: -20px;
}

.owl-carousel .owl-next {
	right: -20px;
}
	
.owl-gallery .owl-carousel .owl-prev {
	left: 0px;
}

.owl-gallery .owl-carousel .owl-next {
	right: 0px;
}

.full-page .headers .owl-carousel .owl-prev, .wide .headers .owl-carousel .owl-prev {
	left: 0px;
}

.full-page .headers .owl-carousel .owl-next, .wide .headers .owl-carousel .owl-next {
	right: 0px;
}

/* header **********************************************/
/*******************************************************/

.header-content {
	padding: 160px 0px 120px 80px;
}

.full-page .header-content {
	padding: 240px 0px 220px 0px;
}

.header-content.header-compact {
	padding: 80px 0px 60px 80px;
}
	
.header-content.header-center.header-compact {
	padding: 80px 0px 60px 0px;
}
	
.full-page .header-content.header-center.header-compact {
	padding: 160px 0px 160px 0px;
}
	
.full-page .header-content.header-compact {
	padding: 140px 0px 80px 0px;
}

.header-content.header-center {
	padding: 160px 0px;
}
	
.full-page .header-content.header-center {
	padding: 240px 0px 220px 0px;
}
	
.header-content.header-center .col-lg-6 {
	padding: 0px 200px;
}
	
/* header posts ****************************************/
/*******************************************************/ 

.wide .header-post-teaser .spacing {
  	margin-top: 40px;
	padding: 0px
}
    
/* featured slider *************************************/
/*******************************************************/

.featured-slider .container {
	padding: 0px;
}
    
/* static */

.featured-slider .header-content {
	padding: 80px 0px 100px 100px;
}

.has-sidebar .featured-slider .header-content {
	padding: 80px 60px 100px 100px;
}    
	
/* metro grid *******************************************/
/*******************************************************/	
	
.metro-grid .grid-item--width2 {
	width: 48%!important;
	height: 410px;
}
	
.metro-grid.column-3 .grid-item--width2 {
	width: 65%!important;
	height: 410px;
}
	
/* metabox *********************************************/
/*******************************************************/

.blog-post-metabox:nth-child(4), .blog-post-metabox:nth-child(5) {
	display: inline-block;
}
	
/* faq page ********************************************/
/*******************************************************/

.faq-page .faq-column.col-3 {
	width: 33.33333%;
}

/* category teaser *************************************/
/*******************************************************/

.cat-teaser-wrapper {
  	margin: 0px -5px;
}

}

/******************************************************************************************************************************************************************/
/* MEDIA QUERY MIN WIDTH 1240px */
/******************************************************************************************************************************************************************/

@media (min-width: 1240px) {

.container {
	width: 1170px;
	padding: 0px 0px;
}

.has-sidebar .container {
	width: 100%;
}	

.navbar .container {
	width: 1170px;
}

.navbar-nav {
	display: inline-block;
	padding: 0px 60px 0px 60px;
}	
	
.navbar-icons {
	margin: -12px 0px 0px 30px;
}

/* breadcrumb ******************************************/
/*******************************************************/

.crumb {
	padding: 0px;
}

/* sidebar *********************************************/
/*******************************************************/

.has-sidebar {
	padding: 10px 0px 0px 40px;
}

.has-sidebar.has-sidebar-right {
	padding: 10px 40px 0px 0px;
}

.sidebar {
	padding: 10px 40px 0px 0px;
}

.sidebar.sidebar-right {
	padding: 10px 0px 0px 40px;
}
	
}

/******************************************************************************************************************************************************************/
/* MEDIA QUERY MIN WIDTH 1360px */
/******************************************************************************************************************************************************************/

@media (min-width: 1360px) {

/* social share bar ************************************/
/*******************************************************/

.social-share-bar {
	position: absolute;
	top: 10px;
	left: auto;
	bottom: auto;
	right: -70px;
	width: 32px;
}

.has-sidebar-right .social-share-bar {
	left: -70px;
	right: auto;
}

.social-share-bar-content {
	padding: 0px;
	box-shadow: none;
	background: none;
}

.social-share-bar a {
	margin: 0px 0px 8px 0px;
	border-radius: 50%
}	
	
}
	
/******************************************************************************************************************************************************************/
/* MEDIA QUERY MIN WIDTH 1460px */
/******************************************************************************************************************************************************************/

@media (min-width: 1460px) {

/* single post navigation ******************************/
/*******************************************************/

.single-post-navigation {
	margin: 0px;
	border: 0px;
}

.single-post-navigation a {
	position: fixed;
	top: 50%;
	z-index: 9;
	width: 300px;
	color: #fff!important;
	margin-top: -25px;
	background: #222222;
	transition: all 1s ease-in-out;
}

.single-post-navigation a:hover {
	transition: all 1s ease-in-out;
}

.single-post-navigation a.next {
	left: -250px;
}

.single-post-navigation a.prev {
	right: -250px;
}

.single-post-navigation a.next:hover {
	left: 0px;
}

.single-post-navigation a.prev:hover {
	right: 0px;
}

.single-post-navigation span {
	padding: 10px 20px;
	display: block;
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.single-post-navigation .post-nav-title {
	width: 200px;
	padding: 15px 20px;
}

.single-post-navigation figure {
	width: 100px;
	margin: 0px!important;
}

.single-post-navigation a.next span {
	float: left;
}

.single-post-navigation a.next figure {
	float: right;
}

.single-post-navigation a.prev span {
	float: right;
}

.single-post-navigation a.prev figure {
	float: left;
}

.single-post-navigation img {
	display: inline-block;
	width: 50%;
	height: auto;
}

.single-post-navigation a.next img {
	float: left;
}

.single-post-navigation a.prev img {
	float: right;
}

.single-post-navigation .post-nav {
	width: 50%;
}

.single-post-navigation a.next .post-nav {
	float: right;
	left: auto;
}

.single-post-navigation a.prev .post-nav {
	float: left;
	right: auto;
}

.single-post-navigation .post-nav-label span {
	display: none;
}

.single-post-navigation .fa {
	color: #fff!important;
}
	
.single-post-navigation .thumb {
	display: inline-block;
	float: left;
	width: 50px;
	height: 50px;
  	background-color: #a29581;
}
	
.single-post-navigation a.prev .thumb {
	float: right;
}
	
/* social profile sidebar ******************************/
/*******************************************************/

.social-profile-sidebar {
	display: block;
}	
	
}

/******************************************************************************************************************************************************************/
/* MEDIA QUERY MAX WIDTH 768px */
/******************************************************************************************************************************************************************/

@media (max-width: 768px) {

.wp-caption.alignleft {
	width: 100%!important;
}

.wp-caption.alignright {
	width: 100%!important;
}

.g-recaptcha div {
	width: auto!important;
}

.g-recaptcha iframe {
	width: 100%!important;
}

}	

@media (max-width: 767px) {

/* mobile menu / sub menu collapse */

.navbar-nav {
	width: 100%
}
	
.open>.dropdown-menu {
	display: block
}	
	
.navbar-nav li.menu-item-has-children:before {
	font-family: 'fontAwesome';
	content: '\f067';
	position: absolute;
	top: 13px;
	left: 3px;
	z-index: 3;
	font-size: 8px;
	color: #7B7B7B
}
	
.navbar-nav li.menu-item-has-children li:before {
	top: 10px;
	left: 10px;
}
	
.navbar-nav li.menu-item-has-children.open:before {
	content: '\f068';
}
	
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background-color: rgba(0,0,0,0.1)
}
    
.image-text-section .img-column {
	width: 100%!important;
}

.image-text-section .content-column {
	width: 100%!important;
}
	
}

/* bootstrap 5 columns *********************************/
/*******************************************************/

.col-md-2-4 {
    width: 100%;
    float: left;
	padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 768px) {
.col-md-2-4 {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .col-md-2-4 {
        width: 20%;
    }
}

@media (min-width: 1200px) {
    .col-md-2-4 {
        width: 20%;
    }
}

/******************************************************************************************************************************************************************/
/* MEDIA QUERY MIN HEIGHT */
/******************************************************************************************************************************************************************/

/* fit to fullscreen ***********************************/
/*******************************************************/

@media ( min-height: 900px ) {

	.full-page .fit-to-fullscreen .header-post-teaser .header-post-teaser-box-content {
		padding-top: 260px!important
	}
	
	.full-page .fit-to-fullscreen  .header .col-lg-6 {
		padding-top: 60px!important
	}

}

@media ( min-height: 1200px ) {

	.full-page .fit-to-fullscreen .header-post-teaser .header-post-teaser-box-content {
		padding-top: 360px!important
	}
	
	.full-page .fit-to-fullscreen  .header .col-lg-6 {
		padding-top: 160px!important
	}

}


