/*
Theme Name: Blog Vlog
Theme URI: https://amplethemes.com/downloads/blog-vlog
Author: amplethemes
Author URI: https://amplethemes.com/
Description: Blog Vlog  is a beautiful, responsive and multi-purpose blogging theme for WordPress. This theme comes with slider, promo section, copyright options and social options. In addition this theme has added custom widget for recent post, author and social menu. Use this awesome WordPress theme for your blog site.
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blog-vlog
Tested up to:   5.5
Requires PHP:   5.2.4
Tags: two-columns, right-sidebar, custom-background, custom-colors, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready, post-formats, blog
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Header
	# Navigation
	## Links
	## Menus
# owl Slider
# Promo-area
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Footer
# Media
	## Captions
	## Galleries


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

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

body {
	margin: 0;
}

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

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

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

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

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

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

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

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

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

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

figure {
	margin: 0;
}

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

pre {
	overflow: auto;
}

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

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

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

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

input {
	line-height: normal;
}

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

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

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

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

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	margin: 0 0 2em;
	width: 100%;
}

th {
	border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
	color: #666;
	font-weight: bold;
	padding: 8px;
	text-transform: uppercase;
}

td {
	border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
	padding: 8px;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #000;
	font-family: 'Hind', sans-serif;
	font-size: 16px;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Merriweather', serif;
	color: #000;
	clear: both;
	line-height: 1.3em;
	font-weight: 700;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

p {
	margin-bottom: 1.5em;
}

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

blockquote {
    padding-left: 35px;
    font-family: "Merriweather", Georgia, serif;
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    color: #797979;
    border: 0;
    margin: 0;
}

blockquote:before {
    content: "\f10d";
    float: left;
    margin-left: -35px;
    font-family: "FontAwesome";
    font-style: normal;
    font-size: 22px;
    line-height: 1.33;
    color: #F88C00;
    opacity: 0.88;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code,
kbd,
tt,
var {
	font-family: 'Libre Franklin', sans-serif;
	font-size: 15px;
	font-size: 15px;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

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

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
	box-sizing: border-box;
}

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

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

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

a {
	color: #f45050;
	cursor: pointer;
    text-decoration: none;
}

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

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

ol,
ul {
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
}

ol {
	list-style: none;
}

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

.widget ul {
	margin-left: 1em;
}

.widget ul > li {
    list-style-type: disc;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

figure {
	margin: 0;
}


table {
	margin: 0 0 1.5em;
	width: 100%;
}
.entry-content ul > li {
    list-style-type: square;
}
.entry-content ol > li {
    list-style-type: decimal;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {

	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	line-height: 1;
	padding: 6px 8px 8px;
	height: 34px;
}

form button,
form input[type="button"],
form input[type="reset"],
form input[type="submit"] {
    border-radius: 0;
    border: none;
    background-color: #000;
    color: #fff;
    font-family: 'Hind', sans-serif;
    font-size: .8em;
    padding: 1.08em;
    transition: all .3s;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

form button:hover,
form input[type="button"]:hover,
form input[type="reset"]:hover,
form input[type="submit"]:hover {
	background-color: #F88C00;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 6px 8px 8px;
    height: 34px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
	outline: 2px solid #dcd2d3;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #F88C00;
	text-decoration: none;
}

a:visited {
	color: #F88C00;
}

a:hover,
a:focus,
a:active {
	color: #F88C00;
}

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


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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

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

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

.clear:after,
.entry-content:after,
.post-thumb:after,
.post-thumb-mobile:after,
.site-main article:after,
#secondary article:after,
footer article:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}


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

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}
.comment-form label{
	width: 100%;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"]{
	width: 100%;
}
.bypostauthor {
	display: block;
}
.no-sidebar .content-area{
	width: 100%!important;
}
.left-sidebar .left-s-bar{
	float: right;
}
.right-sidebar .right-s-bar{
	float: left;
}
#comments {
    background: #f1f1f1;
    padding: 30px;
    margin-bottom: 30px;
}
#comments .submit{
	background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
	color: #151515 !important;
	display: inline-block;
	letter-spacing: 2px;
	padding: 10px 20px !important;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	border: 1px solid #000;
	position: relative;
}
@media (max-width: 768px) {
	.left-sidebar .left-s-bar,
	.right-sidebar .right-s-bar {
		float: none;
	}
}


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

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

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

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

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

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-left: -0.5em !important;
	margin-right: -0.5em !important;
	margin-bottom:20px !important;
	position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    align-items: stretch;
    overflow: hidden;
}
.blog_vlog-gallery-section {
    padding: 30px;
}
.gallery:after {
	display: table;
	content: "";
	clear: both;
}

.gallery-item {
	margin: 0;
	float: left;
	padding: 0.5em;
}
.gallery-item img {
	width: 100%;
	border-width:1px !important;
	padding:9px;
}
#gallery-2 {
	margin: auto;
}
#gallery-2 .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 33%;
}
#gallery-2 img {
	border: 2px solid #cfcfcf;
}
#gallery-2 .gallery-caption {
	margin-left: 0;
}

/* .gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	margin: 0px 2px 4px;
} */

.gallery-columns-1 .gallery-item {
    width: 100%;
    float: none;
}
.gallery-columns-2 .gallery-item {
    width: 50%
}
.gallery-columns-3 .gallery-item {
    width: 33.0003%
}
.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%
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 3em;
}

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

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


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header{
	background: #fff;
	position: relative;
}
.blog_vlog-logo,
.blog_vlog-logo-text {
    width: 100%;
    z-index: 1;
    text-align: center;
    padding: 10px 0 0 0;
}
.logo-center,
.blog_vlog-logo-text{
	overflow:hidden;
}
.navbar-header {
	clear: both;
	width: 100%;
	text-align: center;
	padding: 0;
	float: left;
}
.navbar{
  margin:0;
}
.site-title {
    font-size: 50px;
    margin: 0;
    padding-left: 15px;
}
.site-title a{
	font-size: 50px;
	margin: 0;
	padding-left: 15px;
	font-family: 'Merriweather', serif;
	color: #000;
	font-weight: 700;
}
.site-description {
    font-size: 13px;
    letter-spacing: 1px;
    margin: 0;
    padding-left: 15px;
    text-transform: uppercase;
    line-height: 40px;
}
.top-search,
.site-title{
	display: inline;
}
.top-search{
	float: right;
	position: relative;
	z-index: 2;
	margin: 20px 0;
}
.top-search .search-submit {
    float: right;
}


.top-right{
	float: right;
	text-align: right;
}
.search-wrapper {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    text-align: center;
    height: 57px;
    line-height: 57px;

    position: relative;
    cursor: pointer;

}

.search-form-wrapper {
	width: 320px;
	position: absolute;
	right: -2px;
	text-align: left;
	background: #eeeeee;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4);
	z-index: 99999;
	padding: 20px;
	top: 130%;
	opacity: 0;
	visibility: hidden;
	transition: all ease 0.35s;
	-webkit-transition: all ease 0.35s;
	-moz-transition: all ease 0.35s;
}
.search-form-wrapper.search-form-active {
	top: 100%;
	opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible;
}
.search-form-wrapper .search-form:before,
.search-form-wrapper .search-form:after {
	content: "";
	display: table;
}
.search-form-wrapper .search-form:after {
	clear: both;
}
.search-form input[type="search"] {
	float: left;
	width: 75%;
	height: 45px;
	background: none;
	border-color: #231f20;
	border-right-color: rgb(35, 31, 32);
	border-right: none;
}

.search-form input[type="submit"] {
	float: left;
	width: 25%;
	padding: 0;
	height: 45px;
	border: 1px solid #231f20;
}
.search-form input[type="submit"]:hover {

}
.search-form label {
    display: block;
    max-width: 100%;
    margin-bottom: 0;
    font-weight: 700;
}

.social-links.top-header-social{
	float: left;

}
.social-links.top-header-social  ul li {
    display: inline-block;
    width: 30px;
    overflow: hidden;
}
.social-links.top-header-social li > a {
	color: #151515;
	font-size: 0;
    color: transparent;
    padding: 0;
    margin: 5px;
    line-height: 47px;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
}
.social-links.top-header-social li > a > i {
	vertical-align: middle;
}
.social-links.top-header-social li > a:hover {
	opacity: 0.6;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.header-nav {
	float: left;
	width: 100%;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 30px 0px;
}
.main-navigation:before,
.main-navigation:after {
    clear: both;
    content: "";
    display: block;
}

.main-navigation ul {
    display: block;
    margin: 0;
    padding: 0;
}


.main-navigation ul ul ul {
    left:100%;
    top: 0
}

.main-navigation li {
    position: relative;
    display: inline-block;
    margin-bottom:0;
    float: left;
}

.main-navigation li li {
    float: none;
    display: block;
}

.main-navigation ul li li:first-child > a {
    border-left: none;
}

.main-navigation ul li a {
    color: #6e6e6e;
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding: 18px 15px;
    position: relative;
    z-index: 99;
    text-transform: uppercase;
}

.main-navigation ul li.current-menu-item a,
.main-navigation ul li a:hover {
    color:#F88C00;
}


.main-navigation ul li.menu-item-has-children > a::after,
.main-navigation ul li.page_item_has_children > a::after {
    content: "";
    font-family: FontAwesome;
    margin-left: 10px;
    margin-right: 0;
    position: absolute;
    right: 10px;
    top: 18px;
}

.main-navigation ul li li.menu-item-has-children > a::after,
.main-navigation ul li li.page_item_has_children > a::after {
    content: "\f105";
    top: 10px;
}

.main-navigation ul li.menu-item-has-children a,
.main-navigation ul li.page_item_has_children a {
    padding-right: 30px;
}

.main-navigation .menu-toggle,
.main-navigation .dropdown-toggle {
    display: none;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: #000;
}
@media screen and (min-width: 768px) {
	.main-navigation ul ul {
	    background-color: #eee;
	    left: -9999px;
	    margin: 0;
	    min-width: 250px;
	    opacity: 0;
	    position: absolute;
	    top: 57px;
	    transition: opacity 0.4s ease-in-out 0s;
	    z-index: -9999;
	}
	.main-navigation ul ul a {
	    border-bottom: 1px solid #ddd;
	    border-left: medium none;
	    border-right: medium none;
	    font-size: 14px;
	    height: auto;
	    padding: 9px 15px;
	    text-align: left;
	    width: 100%;
	}
	.navbar-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
	.main-navigation ul > li:hover > ul {
	    opacity: 1;
	    left:0;
	    z-index: 9999;
	}

	.main-navigation ul ul ul ul  {
	    display: none;
	}
	.main-navigation ul ul ul li:hover > ul {
	    display: block;
	}
	.main-navigation ul ul li:hover > ul {
	    opacity: 1;
	    left:100%;

	}

}

@media screen and (max-width: 767px) {

	.main-navigation{
		position:relative;
	}
	.top-right {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		border: 1px solid #eeeeee;
		background: #fff;
	}
	.social-links{
		border:0;
	}
	.search-wrapper{
		margin-right: 70px;
	}
	.navbar-toggle {
	    margin: 0 15px 0 0;
	    z-index: 999;
	}
	.main-navigation ul li{
		width:100%;
	}
	#social-menu li{
		width:auto;
	}
	.main-navigation ul li a{
		padding:10px 15px;
	}
	.main-navigation ul .sub-menu{
	    padding-left: 10px;
	}
	.header-nav {
		float: left;
		width: 100%;
		border: 1px solid rgb(234, 234, 234);
		margin-top: 0;
	}
	.site-title {
	    font-size: 40px;
	    padding:0;
	}
	.navbar-header{
		padding:12px 0;
	}
	.search-form-wrapper {
	    width: 250px;
	    right:0;
	}
}


.social-links ul.social-menu li {
    display: inline-block;
}
.social-links ul.social-menu li a {
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
    margin: 5px;
    line-height: 47px;
}
.social-links ul.social-menu li a:hover{
  color: #00AEFF
}

.social-links  ul li a:before {
  content: "\f0c1";
  font-family: FontAwesome, sans-serif;
  border-radius: 2px;
  color: #000;
  font-size: 14px;
  line-height: 15px;
  padding: 3px 5px;
  transition: color 0.3s ease-in-out 0s;
  vertical-align: middle;
}
.social-links  ul li a[href*="facebook.com"]:before {
  content: "\f09a";
}
.social-links ul li a[href*="twitter.com"]:before {
  content: "\f099";
}
.social-links ul li a[href*="linkedin.com"]:before {
  content: "\f0e1";
}
.social-links ul li a[href*="plus.google.com"]:before {
  content: "\f0d5";
}
.social-links ul li a[href*="youtube.com"]:before {
  content: "\f167";
}
.social-links ul li a[href*="dribbble.com"]:before {
  content: "\f17d";
}
.social-links ul li a[href*="pinterest.com"]:before {
  content: "\f0d2";
}
.social-links ul li a[href*="bitbucket.org"]:before {
  content: "\f171";
}
.social-links ul li a[href*="github.com"]:before {
  content: "\f113";
}
.social-links ul li a[href*="codepen.io"]:before {
  content: "\f1cb";
}
.social-links ul li a[href*="flickr.com"]:before {
  content: "\f16e";
}
.social-links ul li a[href$="/feed/"]:before {
  content: "\f09e";
}
.social-links ul li a[href*="foursquare.com"]:before {
  content: "\f180";
}
.social-links ul li a[href*="instagram.com"]:before {
  content: "\f16d";
}
.social-links ul li a[href*="tumblr.com"]:before {
  content: "\f173";
}
.social-links ul li a[href*="reddit.com"]:before {
  content: "\f1a1";
}
.social-links ul li a[href*="vimeo.com"]:before {
  content: "\f194";
}
.social-links ul li a[href*="digg.com"]:before {
  content: "\f1a6";
}
.social-links ul li a[href*="twitch.tv"]:before {
  content: "\f1e8";
}
.social-links ul li a[href*="stumbleupon.com"]:before {
  content: "\f1a4";
}
.social-links ul li a[href*="delicious.com"]:before {
  content: "\f1a5";
}
.social-links ul li a[href*="mailto:"]:before {
  content: "\f0e0";
}
.social-links ul li a[href*="skype.com"]:before {
  content: "\f17e";
}

.social-links ul li a[href*="dribble.com"]:before {
  content: "\f17d";
}



.main-navigation.fixed-top {
	z-index: 99999;
	visibility: visible;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}
/*====================================
STICKY HEADER
====================================*/
.main-navigation.fixed-top {
	background: #f1f1f1;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	visibility: hidden;
	transition: all ease 0.35s;
	-webkit-transition: all ease 0.35s;
	-moz-transition: all ease 0.35s;
	z-index: 99999;
	visibility: visible;
	margin:0;
	border:0;
}
.main-navigation.fixed-top .header-nav{
	margin:0;
}
.header-nav .main-navigation ul li a {
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
}
.header-nav.main-navigation ul ul li a {
	color: #000;
}


/* CPMMENT */
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
.nav-links .nav-previous a::before,
.nav-links .nav-next a::before {
	position: absolute;
	top: 5px;
	line-height: 24px;
	font-family: FontAwesome;
}
.nav-links .nav-previous a::before{
	left: 10px;
	content: "\f100";
}
.nav-links .nav-next a::before{
	right: 10px;
	content: "\f101";
}
.nav-links .nav-previous a,
.nav-links .nav-next a {
    background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
    color: #151515!important;
    display: inline-block;
    font-size: 11px;
    letter-spacing: 2px;
    padding: 10px 20px !important;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    border: 1px solid #000;
    position:relative;
    padding: 5px 15px 5px 25px;
}
.nav-links .nav-previous a:hover,
.nav-links .nav-next a:hover {
    opacity:0.7;
}
.nav-links .nav-previous a{
	float: left;
}
.nav-links .nav-next a {
	float: right;
}

/*--------------------------------------------------------------
# owl Slider
--------------------------------------------------------------*/
.owl-wrapper{
	overflow: hidden;
}
#featured-slider{
	display: none;
}
#featured-slider .owl-prev,
#featured-slider .owl-next {
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	height: 45px;
	line-height: 45px;
	position: absolute;
	text-align: center;
	top: 43%;
	width: 45px;
	z-index: 3;
}
#featured-slider .owl-prev {
	left: 15px;
}
#featured-slider .owl-next {
	right: 15px;
}
#featured-slider .feature-area img {
	width: 100%;
}
#featured-slider .feature-description figcaption {
	top: 50%;
	right: 30%;
	width: 40%;
    border-radius: 7px;
	text-align: center;
	background: #ffffff;
	margin: 0;
	padding: 25px 35px;
	position: absolute;
	color: #000;
	text-transform: uppercase;
	-webkit-transform: translateY(-50%);
	-moz-transform:    translateY(-50%);
	-ms-transform:     translateY(-50%);
	-o-transform:      translateY(-50%);
	transform:         translateY(-50%);
}
#featured-slider .feature-description figcaption h2 {
	font-feature-settings: normal;
	font-kerning: auto;
	font-language-override: normal;
	font-size: 25px !important;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-synthesis: weight style;
	font-variant: normal;
	font-weight: 700;
	letter-spacing: 3px;
	line-height: 1.5;
	margin-bottom: 2px;
	text-transform: uppercase;
}
#featured-slider .feature-description figcaption a {
	display: inline-block;
	line-height: 1;
}
#featured-slider .feature-description figcaption .read-more {
	background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
	color: #151515 !important;
	display: inline-block;
	font-size: 11px;
	letter-spacing: 2px;
	padding: 10px 20px !important;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	border: 1px solid #000;
	margin-top: 20px;
}
#featured-slider .feature-description figcaption .read-more:hover {
	opacity: 0.7;
}
@media (max-width: 1023px){

}
@media (max-width: 980px){
	.owl-wrapper{
		height: auto;
	}
}
@media (max-width: 767px){
	#featured-slider .feature-description figcaption{
		padding:20px;
	}
	#featured-slider .feature-description figcaption h2{
		font-size: 18px !important;
	}

}
@media (max-width: 480px){
	#featured-slider .feature-description figcaption{
		padding: 5px 10px;
	}
	#featured-slider .feature-description figcaption h2{
		font-size: 15px !important;
		margin: 5px 0;
	}
	#featured-slider .feature-description figcaption .read-more{
		margin:0;
		font-size: 10px;
		letter-spacing: 2px;
		padding: 6px 14px !important;
	}
	#featured-slider .owl-prev,
	#featured-slider .owl-next {
	    height: 35px;
	    line-height: 35px;
	    width: 35px;
	}
}
/*--------------------------------------------------------------
# Promo-area
--------------------------------------------------------------*/
.promo-area{
	padding: 50px 0;
}
.promo-area a {
	text-align: center;
}
.promo-area a .category {
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    left: 0;
}
.promo-area a .category h2 {
	background: rgba(255, 255, 255, 0.38) none repeat scroll 0 0;
	color: #272727;
	display: inline-block;
	font-size: 16px;
	letter-spacing: 2px;
	margin: 0 auto;
	padding: 10px 15px;
	text-align: center;
	text-transform: uppercase;
	width: auto;
}
.promo-area a:hover figure img {
	opacity: 0.8;
	transition: all 0.3s ease 0s;
}
@media (max-width: 767px){
	.promo-area  [class*="col-"]{
		margin-bottom: 20px;
	}
	.promo-area  [class*="col-"]:last-child{
		margin-bottom: 0;
	}
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
	overflow: hidden;
	position: relative;
	line-height: 1.4;
}
#secondary .widget {
	border: 1px solid #000;
	margin: 0 0 50px;
	padding: 15px;

}
.widget.author-widget {
    text-align: center;
}
.widget:first-child {
	margin-top: 0;
}
.widget .search-form{
 border: 1px solid #eee;
 position: relative;
}
.widget .search-submit {
    background-color: #000;
    border: 0;
    color: #fff;
    font-size: 14px;
    height: 100%;
    padding-right: 18px;
    position: absolute;
    right: 0;
    top: 0;
	transition: all 0.3s ease 0s;
}
.widget .search-submit:hover {
	background-color: #D57D62;
}
.widget  .search-form .search-field{
    border: 0;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
    padding: 13px 50px 12px 20px;
    width: 100%;
}
.widget .widget-title {
    text-align: center;
    position: relative;
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    font-weight: 500;
    line-height: 1em;
    color: #000;
    margin: 0 0 30px;
}

.widget .widget-title::before {
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
}
.widget .widget-title::after {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
 }
footer .widget h2::before{
	background-color: #dddddd;
}
.widget h2{
	position: relative;
	margin: 0 0 10px 0;
}
.widget h2 span {

    vertical-align: middle;
    z-index: 5;
    display: inline-block;
    background: white;
    min-width: 110px;
    padding: 0 12.5px;
    position: relative;
    border-radius: 2px;
    line-height: 32px;
    height: 32px;
}
footer .widget h2 span{
	background-color: #F7F7F7;
}
.widget_pages li:before,
.widget_categories li::before,
.widget_recent_entries li a::before,
.widget_archive li::before,
.widget_categories li::before,
.top-footer ul.menu li::before,
.widget_recent_comments li:before{
	display: inline-block;
	font-family: "FontAwesome";
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1em;
	margin-right: 0.2em;
	opacity: 0.8;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	color: #000;
}
.widget_pages li:before,
.widget_categories li::before,
.widget_recent_entries li::before,
.widget_archive li::before,
.widget_categories li::before,
.top-footer ul.menu li::before,
.widget_recent_comments li:before{
	content: "\f101";
	left: 0;
	position: absolute;
	top: 11px;
	font-family: "FontAwesome";
}
.widget_pages li,
.widget_categories li,
.widget_recent_entries li,
.widget_categories li,
.widget_recent_comments li,
.top-footer ul.menu li{
	display: block;
	position: relative;
}

.widget ul{
	margin: 0;
	padding: 0;
}
.widget ul li{
	overflow: hidden;
}
.widget ul li{
    border-bottom: 1px solid #eee;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.05em;
	padding: 10px 20px;
    transition: all 0.3s ease 0s;
}
.widget ul li:last-child{
	border-bottom: 0;
}
.widget ul li a:hover{
	color: #000;
}
.widget .recentcomments a{
border: 0;
}
.widget.widget_meta ul li{
	float: left;
	list-style: none;
}
.widget_meta ul li{
    border: 1px solid #7e7e7e!important;
    color: #7e7e7e;
    float: left;
    margin: 5px 5px 5px 0;
    padding: 5px;
	transition: all 0.3s ease 0s;
}
.widget_meta ul li a:hover{
	background: #000;
	color: #fff;
}
.widget_archive li{
	position: relative;
	text-align: left;
	list-style: none;
	width: 100%;
	padding: 5px 0;
	border-bottom: 1px solid #eee;
	display: inline-block;
}
.widget_archive li a{
	text-align: left;
	display: inline-block;
	border: 0!important;
}



/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}
.widget select{
    width: 100%;
    padding: 5px;
}
.textwidget img {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.textwidget strong {
    margin-bottom: 10px;
    display: inline-block;
}

/* author*/
.author-wedget p{
	text-align: center;
}
.widget .author{
	width: 150px;
	height: 150px;
	margin: 15px auto;
	border-radius: 50%;
	overflow: hidden;
}
.author-widget ul.socials li {
	padding: 0;
	border: 0;
	margin: 5px;
	font-size: 16px;
	border-radius: 3px;
}
.author-widget ul.socials li a i{
	color: #000;
	background: #F1F1F1;
	height: 35px;
	width: 35px;
	line-height: 35px;
	text-align: center;
}
.author-widget ul.socials li a:hover i{
	opacity: 0.7;
}

.author-widget ul li a {
    padding: 0;
}
.author-widget {
	text-align: center;
}

.widget ul.socials {
	display: inline-flex;
}

.author-widget .widget p {
    margin-bottom: 0px;
}

/* Social Widget*/
.social-menu {
    text-align: center;
}
.social-menu li a {
    display: inline-block;
    margin-right: 3px;
    border: 1px solid #e4e4e4;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    line-height: 30px!important;
    text-align: center;
    font-size: 12px;
    color: inherit;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0!important;
}
.blog_vlog-social-icons .social-links ul.social-menu li{
	padding:0;
	border-radius: 0;
	border:0;
}
/* Post Widget*/
.blog_vlog-recent-posts .image {
    border-bottom: 1px solid #eeeeee;
    padding: 10px 0;
    overflow: hidden;
}
.blog_vlog-recent-posts .image:last-child{
	border-bottom: 0;
}
.blog_vlog-recent-posts .image .pull-left {
    width: 35%;
    margin-right: 10px;
}
.blog_vlog-recent-posts .image-body {
    float: left;
    width: 60%;
}
.blog_vlog-recent-posts .image-body h3 {
    font-size: 13px;
    margin-top: 0;
}
.blog_vlog-recent-posts .image-body h3 a{
	color:#000;
}
.blog_vlog-recent-posts .image-body .entry-meta.small span{
	margin-right: 15px;
	color:#888888;
}
.blog_vlog-recent-posts .image-body .entry-meta.small span a{
	color:#888888;
}
.blog_vlog-recent-posts .image-body .entry-meta.small span i{
	margin-right:5px;
}

/* Footer Menu Widget*/
.top-footer ul.menu{
	margin:0;
	padding:0;
}
.top-footer ul.menu li a{
	border-bottom: 1px solid #eee;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	padding: 7px 7px 7px 20px;
	transition: all 0.3s ease 0s;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.site {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 50px;
    margin-top: 50px;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.blog_vlog-post-wrapper {
    position: relative;
    overflow:hidden;
}

.content-wrap{
    padding: 30px;
    background-color: #fff;
    width: 92%;
    box-sizing: border-box;
    position: relative;
    z-index: 99;
    margin: 0 auto;

}
.single-content-wrap {
    width: 92%;
    margin: 0 auto 30px auto;
    background: #fff;
    padding: 30px;
    box-sizing: border-box;
    position: relative;
    z-index: 99;

}
.no-feature-image .content-wrap {
    margin-top: 30px;
}

.single .no-feature-image .single-content-wrap {
    margin-top: 65px !important;
}
.single-content-wrap .entry-footer{
	padding:0;
}
.blog_vlog-post-left {
	width: 100%;
}
.blog_vlog-post-icon-wrapper {
	background-color: #f29a7f;
	border-radius: 50%;
	display: inline-block;
	height: 70px;
	line-height: 70px;
	text-align: center;
	width: 70px;
	z-index: 2;
	color: #FFFFFF;
}
.authorinfo .entry-meta .post-by,
.authorinfo .entry-meta{
	font-size: 12px;
	letter-spacing: 2px;
	padding-bottom: 17px;
	padding-top: 14px;
	text-align: center;
	text-transform: uppercase;
	display: inline-block;
}
.cat-links,
.tags-links,
.comments-link,
.edit-link{
	margin-right: 5px;
}
.cat-links i,
.tags-links i{
	margin-right: 5px;
}
.cat-links,
.cat-links a,
.tags-links,
.tags-links a,
.comments-link,
.comments-link a,
.edit-link{
	font-size: 12px;
	letter-spacing: 1px;
	padding-bottom: 17px;
	padding-top: 14px;
	text-align: center;
	text-transform: uppercase;
}
.authorinfo .entry-meta .post-by{
	border-bottom: 1px solid #eaeaea;
}
.authorinfo .entry-meta .post-by .vcard{
	color: #282828;
	display: block;
	font-weight: bold;
	margin: 5px 0;
}
.authorinfo .entry-meta .date-day {
	display: block;
	font-size: 36px;
	font-weight: bold;
	line-height: 40px;
	margin: 10px 0;
	color: #F29A7F;
}

.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

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

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

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

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

.site-content{
	padding-top: 0;
}

.entry-header {
	padding: 0;
}
.entry-header .entry-title{
	margin: 20px 0;
	font-size: 25px;
}
.entry-header .entry-title a{
	color: #222222;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 15px;
    margin-top: 5px;
}

.entry-footer{
	margin:0;
	padding:30px;
}
.more-area a {
    background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
    color: #151515!important;
    display: inline-block;
    font-size: 11px;
    letter-spacing: 2px;
    padding: 10px 20px !important;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    border: 1px solid #000;
}
.more-area a:hover {
	opacity:0.7;
}

article.format-chat p{
	position: relative;
	margin-bottom: 10px;
	border-radius: 4px;
}
article.format-chat p:nth-child(even) {
	background: #FEEFD3;
	text-align: right;
	padding: 15px 30px 15px 15px;
	position: relative;
}
article.format-chat p:nth-child(even)::after {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ccc;
	border-radius: 50%;
	color: #c9cccf;
	content: "\f007";
	font-family: FontAwesome;
	font-size: 15px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	right: -15px;
	text-align: center;
	top: 10px;
	width: 30px;
}
article.format-chat p:nth-child(odd) {
	background: #f2f2f2;
	text-align: left;
	padding:15px 15px 15px 30px;
}
article.format-chat p:nth-child(odd)::after {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ccc;
	border-radius: 50%;
	color: #c9cccf;
	content: "\f007";
	font-family: FontAwesome;
	font-size: 15px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	left: -15px;
	text-align: center;
	top: 10px;
	width: 30px;
}
article.format-audio .blog_vlog-post-thumb{
	margin:0;
}
article.format-audio .blog_vlog-audio-section{
	padding:30px;
}

@media (max-width: 768px){
	.blog_vlog-postcontent{
		padding:0!important;
	}
	.blog_vlog-post-left,
	.entry-meta{
		width: 100%;
		position: relative;
		text-align: left;
	}
	.blog_vlog-post-icon-wrapper{
		display: none;
	}
	.entry-meta .post-by,
	 .entry-meta .date-day,
	 .entry-meta .date-month,
	 .entry-meta .date-year{
		 float: left;
		 border: 0;
		 padding: 0 5px!important;
		 margin: 0!important;
		border: 0!important;
	 }
	.entry-meta .post-by span,
	.entry-meta .date-day span,
	.entry-meta .date-month span,
	.entry-meta .date-year span{
		width: auto;
	}
	.entry-meta .date-day {
		display: inline-block!important;
		font-size: 13px!important;
		font-weight: normal!important;
		line-height: 19px!important;
		margin: 0!important;
	}
	.authorinfo .entry-meta .post-by .vcard{
		display: inline;
		font-weight: normal;
	}
}

.archive.category .site-content{
  margin:0;
  padding:0;
}
@media (max-width: 767px){
	.more-area.text-right {
	    text-align: center;
	}
}
/*--------------------------------------------------------------
## Releted Post
--------------------------------------------------------------*/
.related-post {
    margin-bottom: 20px;
}
.related-post .content-wrap {
    padding: 15px;
    margin-bottom: 15px;
}
.related-post  .entry-header .entry-title {
    font-size: 20px;
}
.related-post .blog_vlog-post-wrapper .entry-title {
    font-size: 15px;
}
/*--------------------------------------------------------------
## Page Header
--------------------------------------------------------------*/
.page-header {
	margin: 0;
}
.page-header h1{
	margin-top: 0;
}
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/

footer .top-footer{
	padding: 30px 0;
	background: #f7f7f7;
}
.site-footer .site-info {
    background: #e9e9e9 none repeat scroll 0 0;
    padding: 15px 0;
    text-align: center;
	font-size: 14px;
}
.site-info span.copy-right-text{
	width: 100%;
	text-align: center;
	padding-bottom: 15px;
	display: inline-block;
}

/*--------------------------------------------------------------
## Style Comments
--------------------------------------------------------------*/
.comments-area .comments-title{
	font-size: 20px;
}
.comments-title{
  margin: 30px 0;
}
.comment-reply-title{
  margin: 15px 0;
}
.comments-area .comment-list{
  margin: 0;
  padding: 0;
}
.comments-area .comment-list li {
  border: 1px solid #e5e5e5;
  list-style: outside none none;
  margin-bottom: 15px;
  padding: 15px;
  background:#fff;
}
.comments-area .comment-body{
  overflow: hidden;
}
.comments-area .comment-body .comment-author,
.comments-area .comment-body .comment-metadata{
  display: inline;
}
.comments-area .comment-body .comment-author .says{
  display: none;
}
.comments-area .comment-body .comment-metadata time{
  color: #5293ce;
  font-size: 14px;
  font-weight: 400;
  margin-left: 30px;
}
.comments-area .comment-body .comment-author img{
  border-radius: 50%;
  margin-right: 10px;
  overflow: hidden;
}
.comments-area .comment-body .comment-author b{
  font-size: 18px;
  color: #000;
}
.comments-area .comment-body .comment-content {
  border-top: 1px solid #e6e6e6;
  margin: 15px 0;
  padding: 15px 0;
}
.comments-area .comment-body .comment-content p{
  margin: 0;
  font-size: 14px;
  font-weight: 400;
}
.comments-area .comment-body .reply{
  margin-bottom: 10px;
  float: right;
}
.comments-area .comment-body .reply a{
	text-align: right;
	line-height: 26px;
	padding: 2px 12px;
	display: inline-block;
	background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
	color: #151515;
	display: inline-block;
	font-size: 11px;
	letter-spacing: 2px;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	border: 1px solid #000;
}
.comment-content a {
  word-wrap: break-word;
}
.comment-reply-title{
	font-size: 20px;
}
/*--------------------------------------------------------------
## Media
--------------------------------------------------------------*/

/*social Links */

.blog_vlog-social-icons  ul li a[href*="facebook.com"]:before {
    content: "\f09a";
}

.blog_vlog-social-icons ul li a[href*="twitter.com"]:before {
    content: "\f099";
}

.blog_vlog-social-icons ul li a[href*="linkedin.com"]:before {
    content: "\f0e1";
}

.blog_vlog-social-icons ul li a[href*="plus.google.com"]:before {
    content: "\f0d5";
}

.blog_vlog-social-icons ul li a[href*="youtube.com"]:before {
    content: "\f167";
}

.blog_vlog-social-icons ul li a[href*="dribbble.com"]:before {
    content: "\f17d";
}

.blog_vlog-social-icons ul li a[href*="pinterest.com"]:before {
    content: "\f0d2";
}

.blog_vlog-social-icons ul li a[href*="bitbucket.org"]:before {
    content: "\f171";
}

.blog_vlog-social-icons ul li a[href*="github.com"]:before {
    content: "\f113";
}

.blog_vlog-social-icons ul li a[href*="codepen.io"]:before {
    content: "\f1cb";
}

.blog_vlog-social-icons ul li a[href*="flickr.com"]:before {
    content: "\f16e";
}

.blog_vlog-social-icons ul li a[href$="/feed/"]:before {
    content: "\f09e";
}

.blog_vlog-social-icons ul li a[href*="foursquare.com"]:before {
    content: "\f180";
}

.blog_vlog-social-icons ul li a[href*="instagram.com"]:before {
    content: "\f16d";
}

.blog_vlog-social-icons ul li a[href*="tumblr.com"]:before {
    content: "\f173";
}

.blog_vlog-social-icons ul li a[href*="reddit.com"]:before {
    content: "\f1a1";
}

.blog_vlog-social-icons ul li a[href*="vimeo.com"]:before {
    content: "\f194";
}

.blog_vlog-social-icons ul li a[href*="digg.com"]:before {
    content: "\f1a6";
}

.blog_vlog-social-icons ul li a[href*="twitch.tv"]:before {
    content: "\f1e8";
}

.blog_vlog-social-icons ul li a[href*="stumbleupon.com"]:before {
    content: "\f1a4";
}

.blog_vlog-social-icons ul li a[href*="delicious.com"]:before {
    content: "\f1a5";
}

.blog_vlog-social-icons ul li a[href*="mailto:"]:before {
    content: "\f0e0";
}


/*---------------------------------------------------
*   Go to Top
*   ----------------------------------------------------- */
.scrollToTop {
	display: none;
	position: fixed;
	bottom: 15px;
	right: 15px;
	padding: 0px 15px;
	font-size: 40px;
	margin-bottom: 12px;
}
.scrollToTop:hover{
	color: #ddd
}
.activetop
{
	display: block;
}
/*---------------------------------------------------
*   Breadcrumb
*   ----------------------------------------------------- */
.breadcrumb{
  padding:5px 20px;
  border-radius: 0;
  background:#000;
  margin-bottom: 30px;
}
nav.breadcrumb-trail.breadcrumbs {
    display: table;
    min-width: 100%;
    margin: auto;
}
.trail-browse{
  display: table-cell;
  vertical-align: middle;
  float: none;
  overflow: hidden;
  zoom: 1;
  font-size: 18px;
  line-height: 43px;
  margin: 26px 0;
  color:#fff;
}
.trail-items{
  display: table-cell;
  vertical-align: middle;
  float: none;
  overflow: hidden;
  zoom: 1;
  border-left: 1px solid #666666;
  padding-left: 25px;
}
.breadcrumb li {
  font-size: 15px;
  line-height: 17px;
  color: #fff;;
  font-weight: 300;
  display: inline-block;
}
.breadcrumb li + li:before {
    color: inherit;
    padding: 0 10px;
    content: "/";
}

/* CONTACT US FORM STYLING*/
.wpcf7-form label {
	width: 100%;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	width: 100%;
}

.wpcf7-form  textarea {
	min-height: 150px;
}
/*top header */
.top-header {
	padding: 0px 0;
}

.site-content {
	padding-top: 10px;
}

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

.header-part .catagories {

	display: inline-block;
	margin-bottom: 10px;
}
.content-wrap {
	padding: 30px;
	background-color: #fff;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	z-index: 99;
	margin: 0 auto;
}

.more-area {
	text-align: center;
}


/*guternberg css */
@media only screen and (min-width: 768px) {

	.alignfull {
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		width: auto;
		max-width: 1000%;
	}

	.alignwide {
		margin-left: calc(25% - 25vw);
		margin-right: calc(25% - 25vw);
		width: auto;
		max-width: 1000%;
	}

	.alignwide img,
	.alignfull img {
		display: block;
		margin: 0 auto;
	}
}

.top-level-menu i.fa.fa-calendar {
	margin-right: 7px;
}

textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 0;
	padding: 6px 8px 8px;
	height: auto;
}

.widget .search-form .search-field {
	border: 1px solid #4444;
	font-size: 12px;
	font-style: italic;
	font-weight: 300;
	padding: 13px 50px 12px 20px;
	width: 100%;
}
/*add css*/
.promo-area {
	padding: 0;
}
.blog_vlog-post-wrapper img {
	height: auto;
	width: 100%;
	vertical-align: middle;
}


.top-search {
	float: right;
	position: relative;
	z-index: 2;
	margin: 16px 0;
}
.blog_vlog-post-wrapper {
	border: 1px solid #000;
}
h2.widget-title {
	font-size: 24px;
	margin: 0px;
	padding-bottom: 10px;
	border-bottom: 4px double #000000;
	font-weight: 500;
	margin-bottom: 15px;
	color: #555;
}
.more-area a {
	background: #F88C00;
	color: #ffffff!important;
	display: inline-block;
	font-size: 12px;
	letter-spacing: 2px;
	padding: 10px 20px !important;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	border: 1px solid #000;
}
.widget .widget-title {
	text-align: center;
	position: relative;
	display: block;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	font-weight: 500;
	line-height: 1em;
	color: #000;
	margin: 0 0 30px;
}
.main-navigation ul li a {
	color: #000000;
	display: block;
	font-size: 15px;
	font-weight:500;
	padding: 18px 15px;
	position: relative;
	z-index: 99;
	text-transform: uppercase;
}
.breadcrumb-container.theme5 a::after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #0e0e0e!important;
	border-image: none;
	border-style: solid;
	border-width: 13px;
	content: " ";
	display: inline-block;
	height: 0;
	line-height: 0;
	position: absolute;
	right: -26px;
	top: 0;
	width: 0;
}
.breadcrumb-container.theme5 a {
	background: #000000!important;
	color: rgb(102, 102, 102);
	display: inline-block;
	font-size: 14px;
	height: 16px;
	margin: 0;
	padding: 5px 10px;
	text-decoration: none;
	position: relative;
}
.breadcrumb-container.theme5 a::before {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #000000 #000000 #000000 rgba(0, 0, 0, 0)!important;
	border-image: none;
	border-style: solid;
	border-width: 13px;
	content: " ";
	display: block;
	height: 0;
	left: -18px;
	position: absolute;
	top: 0;
	width: 0;
}

span.post.post-page.current-item {
	color: #000!important;
}
span.home.current-item {
	color: #000!important;
}
.cwp-breadcrumbs {
	background: #dbd3d3;
	padding: 15px;
	margin-bottom: 13px;
}