/*
Theme Name: Travelog
Author: DJMiMi
Theme URI: http://demo.djmimi.net/themes/travelog/
Author URI: http://themeforest.net/user/DJMiMi
License: GPL 2.0
License URI: license.txt
Description:  Blog Theme For Travelers
Version: 2.4
Tags: blog
Text Domain: travelog
*/


/***********************************
TABLE OF CONTENTS:

1. OVERALL STYLING
2. FULL VIDEO
3. TABLES
4. BUTTONS
5. FILTER TITLE
6. BLOG ITEM
7. SINGLE BLOG
8. NAVIGATION
9. POST FORMAT ICONS
10. WORDPRESS CORE
11. COMMENTS
12. WIDGETScomment-avatar
13. COPYRIGHTS
14. SUBMIT FORMS
15. SINGLE POST SHARE
16. ABOUT AUTHOR
17. VIDEO CONTAINER
18. PAGINATION
19. GALLERY
20. HORIZONTAL TABS
21. ALERTS
22. PROGRESS BARS
23. 404 PAGE
24. FEATURED SLIDER
25. OWL CAROUSEL
26. SIDEBAR TRIGGER
27. LAZY LOAD

*************************************/
/* 1. OVERALL STYLING */

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

body {
	font-family: "Work Sans", sans-serif;
	color: #484848;
	font-size: 16px;
	line-height: 1.7;
	background-color: #fff;
	overflow-x: hidden;
	-webkit-font-feature-settings: "lnum";
	-moz-font-feature-settings: "lnum";
	-ms-font-feature-settings: "lnum";
	-o-font-feature-settings: "lnum";
	font-feature-settings: "lnum";	
}

p{
	margin-bottom: 15px;
}

.post-content p{
	margin-bottom: 18px;
}

a, a:visited{
	color: #272727;
}

a:hover, a:focus, a:active, body .blog-item-title a:hover, .infobox-content a:hover{
	outline: 0;
	color: #f8c12c;
	text-decoration: none;
}

a, .animation{
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;	
}

img{
	max-width: 100%;
	height: auto;
	border-radius: 2px;
	transform-style: preserve-3d;
}

.post-content img.full-width{
	border-radius: 0px;
}

iframe{
	border: none;
	display: block;
}

.break-word{
	word-break: break-all;
}

select{
	max-width: 100%;
	padding: 2px 5px 0px 5px;
}

h1, h2, h3, h4, h5, h6, .blog-item-title a, .blog-item-title a:visited{	
	margin: 10px 0px;
	line-height: 1.4;
	color: #272727;
	font-weight: 700;
	font-family: "Montserrat", Helvetica, Arial, sans-serif;
}

h1 {
    font-size: 2.6179em;
}

h2 {
	font-size: 2.0581em;
}

h3 {
	font-size: 1.618em;
}

h4 {
    font-size: 1.272em;
}

h5 {
	font-size: 1em;
}

h6 {
    font-size: 0.7862em;
}

blockquote{
	font-size: 20px;
	font-style: italic;
	border: none;
	text-align: center;
	padding: 50px 0px;
	position: relative;
	opacity: 0.8
}

blockquote:before,
blockquote:after{
	content: ' ';
	font-family: FontAwesome;
	position: absolute;
	left: 50%;
	opacity: 0.2;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

blockquote:before{
	top: 0px;
	content: '\f10d';
}

blockquote:after{
	bottom: 0px;
	content: '\f10e';
}

cite{
	margin-top: 15px;
	font-size: 16px;
	font-style: normal;
	text-align: right;
	display: block;
}

header{
	background: #fff;
	padding: 25px 0px;
}

header.responsive{
	padding: 10px 0px;
}

.spacer{
	margin-bottom: 75px;
	border-top: 2px solid #eee;
}

.white-section{	
	padding: 50px 0px;
}

.grey-section{
	background: #f8f8f8;
	padding: 50px 0px;
}

dl dd{
	margin-left: 5px;
	margin-bottom: 10px;
}

.blog-listing .row{
	margin: 0px;
}


.blog-listing .col-xs-6{
	padding: 0px;
	overflow: hidden;
}

/* END OVERALL STYLING */

/* HOME PAGE MAP */
#posts-map, #single-map{
	height: 500px;
	margin-bottom: 75px;
}

.archive #posts-map{
	margin-bottom: 0px;
}

.archive .home-categories{
	margin-top: 75px;
}

#single-map{
	margin-bottom: 50px;
}

@media only screen and (max-width: 768px){
	#posts-map, #single-map{
		width: 90%;
		margin: 0px auto;
		margin-bottom: 75px;
	}
}

/* END HOME PAGE MAP */


/* 3. TABLES */
table{
	width: 100%;
	border: 1px solid #eeeeee;
	margin: 15px 0px;
	font-size: 15px
}

hr{
	border-top: 2px dotted #eeeeee;
	margin-top: 15px;
	margin-bottom: 20px;
}

table th{
	text-align: center;
	background: #f5f5f5;
	padding: 5px 5px 1px 5px;
}

.footer_widget_section table th{
	color: #202020;
}

table td{
	border: 1px solid #eeeeee;
	text-align: center;
	padding: 5px 5px 0px 5px;
}

.logo-small-screen{
	display: none;
}
@media only screen and ( max-width: 768px ){
	li.site-logo{
		display: none;
	}
	.logo-small-screen{
		display: block;
	}
	.navigation-bar{
		padding: 5px 0px;
	}
}
/* END TABLES */

/* 4. BUTTONS */
.pagination a,
.pagination a:visited,
.pagination a:active,
.pagination a:focus,
.pagination > span,
.tagcloud a, .btn, a.btn{
	padding: 6px 12px;
	border-radius: 2px;
	background: transparent;
	color: #202020;
	display: inline-block;
	white-space: normal;
	border: 2px solid #202020;
	font-size: 85%;
	text-transform: uppercase;
	box-shadow: none;
}

.footer_widget_section .tagcloud a, 
.footer_widget_section .btn, 
.footer_widget_section a.btn{
	border-color: #454545;
}

.pagination a:hover,
.tagcloud a:hover, .tagcloud a:focus, .tagcloud a:active,
.btn:hover, .btn:focus, .btn:active, .btn.active{
	background: #f8c12c;
	color: #202020;
	border-color: #f8c12c;
	box-shadow: none;
}

.footer_widget_section .tagcloud a:hover, 
.footer_widget_section .tagcloud a:focus, 
.footer_widget_section .tagcloud a:active,
.footer_widget_section .btn:hover, 
.footer_widget_section .btn:focus, 
.footer_widget_section .btn:active, 
.footer_widget_section .btn.active{
	border-color: #454545;
	background: #454545;
}

.btn i{
	margin-right: 5px;
}

.btn.medium{
	padding: 10px 18px 7px 18px;
}

.btn.large{
	padding: 15px 28px 12px 28px;
}

.tagcloud a{
	padding: 5px 10px;
	line-height: 19px;
	margin-right: 4px;
	margin-bottom: 4px;
	float: left;
}

.label{
	border-radius: 2px;
	padding: 2px 6px;
	font-weight: 400;
}

label{
	font-weight: 400;
}

/* END BUTTON */

/* 5. FILTER TITLE */
.filter-title{
	text-align: center;
	padding: 25px 0px;
	margin-bottom: 75px;
	background: #eee;
}


.filter-title img{
	border-radius: 50%;
	display: inline-block;
	margin-bottom: 10px;
}
/* END FILTER TITLE*/

/* 6. BLOG ITEM */
article{
	position: relative;
	margin-bottom: 50px;
}

article:last-child{
	margin-bottom: 0px;
}

.blog-item-media{
	border-radius: 2px;
	overflow: hidden;
	display: block;
	position: relative;
}

article.standard .blog-item-media{
	margin-bottom: 20px;
}

.blog-item-title{
	margin-bottom: 0px;
}

.title-over{
	position: relative;
}

.title-over .article-caption{
	position: absolute;
	bottom: 0px;
	left: 20px;
	right: 20px;
}


.title-over .article-caption,
.title-over-block .article-caption,
.title-over .article-caption .blog-item-title a,
.title-over-block .article-caption .blog-item-title a,
.title-over .blog-item-meta a,
.title-over-block .blog-item-meta a{
	color: #fff;
}

.blog-item-meta{
	position: relative;
	padding-left: 30px;
	margin-bottom: 15px;
	font-size: 85%;
	margin-top: 10px;
}

.blog-item-meta:before{
	content: ' ';
	position: absolute;
	top: 50%;
	left: 0px;
	width: 20px;
	height: 2px;
	border-radius: 1px;
	background: #f8c12c;
}

.title-over-over .article-caption .blog-item-title:after,
.title-over .article-caption .blog-item-title:after{
	background: #fff;
}

.title-over .blog-item-media:after{
	content: ' ';
	height: 50%;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 0;
	position: absolute;
	content: '';
	pointer-events: none;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.9)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
}

.title-over-block .blog-item-meta:before,
.title-over .blog-item-meta:before{
	background: #fff;
}


.title-over-block .article-caption{
	position: absolute;
	background: rgba(0,0,0,0.8);
	padding: 15px 25px 15px 25px;
	bottom: 0px;
	right: 10%;
	left: 10%;
	border-radius: 2px 2px 0px 0px;
}

@media only screen and (max-width: 400px){
	.article-caption p{
		display: none;
	}
}

/* END BLOG ITEM */
 
/* 7. SINGLE BLOG */
.blog-media{
	padding: 150px 0px;
	background-color: #f5f5f5;
	position: relative;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-bottom: 50px;
}

@media only screen and (max-width: 768px){
	.blog-media{
		background-size: cover;
	}
}

.blog-header p{
	opacity: 0.8;
	margin: 0px;
}

.page .blog-header h1{
	margin: 0px;
}

.single-blog{
	background: #ffffff;
}

.single-blog .container{
	position: relative;
	z-index: 2;
}

.single-blog .blog-media h1{
	font-size: 65px;
}


.single-blog.no-featured .widget-left,
.single-blog.no-featured .widget-right{
	margin-top: 65px;
}

.post-meta li{
	margin-right: 5px;
}

.post-meta li .fa{
	margin-right: 5px;
}

.post-title{
	margin-top: 10px;
	font-size: 2.0581em;
}

.single-post .post-meta{
	margin-bottom: 0px;
}

.single-post .post-title{
	margin-bottom: 25px;
	margin-top: 0px;
}

.next-post,
.prev-post{
	position: relative;
	background-position: center center;
	background-size: cover;
}

.next-prev .col-sm-6{
	padding: 0px;
}

.next-prev .overlay{
	background: rgba(255,255,255, 0.85);
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

.next-post:hover .overlay,
.prev-post:hover .overlay{
	background: rgba(0,0,0,0.4);
}

.next-post.padding,
.prev-post.padding{
	padding: 50px 0px;
}

.caption-holder{
	z-index: 2;
	position: relative;
	padding: 0px 20px;
}

.padding:hover .caption-holder h5,
.padding:hover .caption-holder h2{
	color: #fff;
}

.tag-section a:before{
	content: '#';
}

@media only screen and (max-width: 768px){
	.caption-holder{
		text-align: center;
		padding: 0px;
	}
}
/* END SINGLE BLOG */

/* SEARCH BAR */
.search-bar{
	display: none;
	background: #202020;
}

.search-bar .form-control,
.search-bar .form-control:focus,
.search-bar .form-control:focus:active,
.search-bar .form-control:active,
.search-bar .form-control:hover{
	border: none;
	color: #fff;
}
/* END SEARCH BAR */

/* HEADER */
.flex-wrap{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
/* END HEADER */

/*  8. NAVIGATION */
.navigation-bar{
	border-left: none;
	border-right: none;	
	background: #ffffff;
}

.nav-paste:not(.sticky-nav){
	display: none;
}

.responsive .flex-left{
	max-width: 70%;
}

.responsive-action{
	margin: 0px;
	display: none;
}

.responsive-action li{
	margin: 0px;
	padding: 0px;
	text-align: right;
}

@media only screen and (min-width: 768px){
	.responsive{
		box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
		position: fixed;
		left: 0px;
		top: 0px;
		right: 0px;
		top: -1000px;
		z-index: 10;
		background: #fff;
	}
}

.responsive li.search{
	display: none;
}


@media only screen and (max-width: 768px){
	.sticky-nav{
		display: none;
	}

	.nav-paste:not(.sticky-nav){
		display: block;
	}

	header:not(.responsive){
		display: none;
	}

	header.responsive{
		position: static;
		padding: 25px 0px;
	}

	.responsive #navigation .nav{
		margin-top: 20px;
	}

	.responsive #navigation .nav > li > a{
		padding: 5px 0px;
		position: relative;
	}

	.responsive-action{
		display: block;
	}
}

#navigation .dropdown-menu{
	margin:0px;	
	border-bottom: none;
	background: #f8f8f8;
	padding: 0px 20px;
	box-shadow: none;
	top: 80%;
	min-width: 0px;
}

#navigation .dropdown-menu li{
	padding-top: 15px;
}

#navigation .dropdown-menu li:last-child{
	padding-bottom: 15px;
}

#navigation .dropdown-menu .dropdown-menu{
	top: 0px;
}

.nav.navbar-nav > li > .dropdown{
	margin-top: 1px;
}

.navbar li.dropdown ul li.dropdown ul{
	left: 100%;
	top: 0px;
}
.navbar li{
	margin-bottom: 0px;
}

.navbar{
	margin-bottom: 0px;
	border-radius: 0px;
	border: none;
	background: transparent;	
	min-height: 0px;
}

.navbar-collapse{
	padding: 0px;
	border: none;
}

.nav.navbar-nav{
	float: none;
	display: inline-block;
	margin: 0px auto;
	vertical-align: top;
}

.navbar-default .navbar-collapse{
	text-align: center;
}

.nav.navbar-nav li a{
	font-size: 14px;
	color: #272727;
	font-family: "Montserrat", Helvetica, Arial, sans-serif;
}

.nav.navbar-nav li li a{
	font-weight: 400;
}

.nav.navbar-nav > li{
	margin: 0px 3px;
}

#navigation .nav.navbar-nav > li > a{
	background: transparent;
	text-transform: uppercase;
}

#navigation .nav.navbar-nav li.open > a,
#navigation .nav.navbar-nav li > a:hover,
#navigation .nav.navbar-nav li > a:focus ,
#navigation .nav.navbar-nav li > a:active,
#navigation .nav.navbar-nav li.current > a,
#navigation .navbar-nav li.current-menu-parent > a, 
#navigation .navbar-nav li.current-menu-ancestor > a, 
#navigation  .navbar-nav > li.current-menu-item  > a{
	color: #f8c12c;
	background: transparent;
}

.nav.navbar-nav ul li.open > a,
.nav.navbar-nav ul li.open > a:hover,
.nav.navbar-nav ul li.open > a:focus,
.nav.navbar-nav ul li.open > a:active,
.nav.navbar-nav ul li.current > a,
.navbar-nav ul li.current-menu-parent > a, 
.navbar-nav ul li.current-menu-ancestor > a, 
.navbar-nav ul li.current-menu-item  > a{
	color: #f8c12c;
	background: transparent;
}

.nav.navbar-nav ul{
	padding: 0px;
	border-radius: 0px;
	border: none;
}

.nav.navbar-nav ul li a{
	padding: 0px;
	position: relative;
}

.nav.navbar-nav li a .menu-icon{
	margin-right: 10px;
	opacity: 0.5;
}

.nav.navbar-nav li a:hover .menu-icon,
.nav.navbar-nav li a:active .menu-icon{
	opacity: 1;
}

.navbar-toggle{
	color: #202020;
	line-height: 15px;
	float: none;
	vertical-align: middle;
	margin-right: 0px;
	cursor: pointer;
}

#navigation{
	text-align: center;
}

.navbar-nav > li > a{
	line-height: 50px;
}

.logo{
	display: inline-block;
	max-width: 100%;
}

#navigation .nav.navbar-nav > li:last-child > a,
.responsive #navigation .nav.navbar-nav > li:nth-last-child(2) > a{
	padding-right: 0px;
}

#navigation .nav > li > a{
	padding: 0px 10px;
}

@media only screen and (max-width: 768px) {
	.nav.navbar-nav{
		margin-left: 0px;
		margin-right: 0px;
	}
	#navigation .navbar-nav li a{
		text-align: left;
		display: block;
		background: transparent;
		padding-left: 0px;
		padding-right: 0px;
	}	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a{
		padding: 0px 5px;
		color: #202020;
	}
	#navigation .dropdown-menu{
		border: none;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:active
	.navbar-default .navbar-nav .open .dropdown-menu > li.current > a,
	.navbar-default .navbar-nav .open .dropdown-menu > li.current-menu-ancestor > a,
	.navbar-default .navbar-nav .open .dropdown-menu > li.current-menu-item > a,
	.navbar-default .navbar-nav .open .dropdown-menu > li.current-menu-parent > a{
		color: #f8c12c;
		background: #ffffff;
	}
	
	.nav.navbar-nav{
		display: block;
	}

	.navbar-nav .open .dropdown-menu > li > a{
		color: #676767;
		padding: 10px 15px;
	}
	
	.nav.navbar-nav > li > a{
		line-height: 20px;
	}

	.dropdown-toggle i{
		float: right;
		width: 30px;
		height: 22px;
		line-height: 22px;
		text-align: center;
	}
}

.current-caret{
	position: absolute;
	left: 0px;
	top: 11px;
	font-size: 20px;
}

@media only screen and (width: 768px){
	#navigation .pull-left, #navigation .pull-right{
		width: 100%;
		text-align: center;
	}

	.nav.navbar-nav{
		display: inline-block;
	}
}

header.bottom-menu-centered{
	padding: 10px 0px;
}

.bottom-menu-centered .logo{
	margin: 25px 0px 15px 0px;
}

.bottom-menu-centered .nav.navbar-nav > li{
	margin: 0px 10px;
}

header.top-menu{
	padding-top: 0px;
}

.top-menu #navigation{
	border-bottom: 2px solid #eee;
	margin-bottom: 25px;
}

.top-menu .nav.navbar-nav,
.bottom-menu .nav.navbar-nav{
	float: left;
	display: block;
	width: 100%;
}

.top-menu .nav.navbar-nav > li:first-child,
.bottom-menu .nav.navbar-nav > li:first-child,
.top-menu #navigation .nav > li:first-child > a,
.bottom-menu #navigation .nav > li:first-child > a{
	padding-left: 0px;
}

.top-menu #navigation .nav > li:last-child,
.bottom-menu #navigation .nav > li:last-child{
	float: right;
}

.top-menu .flex-right a,
.bottom-menu .flex-right a{
	display: inline-block;
}

header.bottom-menu{
	padding-bottom: 0px;
}

.bottom-menu #navigation{
	margin-top: 25px;
	border-top: 2px solid #eee;
}

.top-menu #navigation .nav > li > a,
.bottom-menu #navigation .nav > li > a{
	font-size: 13px;
	padding: 0px 10px;
}

.dropdown-menu .dropdown-toggle i{
	float: none;
	position: absolute;
	right: 0;
	top: 0px;	
}

@media only screen and (min-width: 768px){
	.dropdown-menu i{
		top: 5px;	
		transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
	}
}
/* END NAVIGAION */


/* 9. POST FORMAT ICONS */
.fake-thumb-wrap{
    position: absolute;
    text-align:center;
    margin: 0;
    top: 50%;
    left: 30px;
	width: 60px;
	border: 1px solid #eeeeee;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%); /* IE 9 */
    -webkit-transform: translate(-50%,-50%); /* Safari and Chrome */
}

.post-format{
	font-size: 25px;
	line-height: 59px;
	font-family: dashicons;
}

.post-format-standard:before{	
	content: '\f109';
}

.post-format-aside:before{	
	content: '\f123';
}

.post-format-gallery:before{	
	content: '\f161';
}

.post-format-link:before{	
	content: '\f103';
}

.post-format-image:before{	
	content: '\f128';
}

.post-format-quote:before{	
	content: '\f122';
}

.post-format-status:before{	
	content: '\f130';
}

.post-format-video:before{	
	content: '\f126';
}

.post-format-audio:before{	
	content: '\f127';
}

.post-format-chat:before{	
	content: '\f125';
}

.fake-thumb-holder .post-format{
	color: #f8c12c;
	font-size: 20px;
	line-height: 10px;
}

.to_top.btn{
	position: fixed;
	right: 20px;
	bottom: 15px;
	width: 30px;
	height: 30px;
	display: none;
	z-index: 3;
	padding: 0px;
	text-align: center;
	-webkit-transform: translate3d(0,0,0);
}

.to_top.btn .fa{
	font-size: 20px;
	line-height: 25px;
	display: block;
}


/* 10. WORDPRESS CORE*/
.featured-image{
	margin-bottom: 50px;
}

.sticky{}
.wp-caption-text{}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 0px auto 0px auto;
}

.alignright,
a img.alignright {
    float: right;
    margin: 0px;
    margin-left: 15px;
}

.alignnone,
a img.alignnone {
    margin: 0px;
}

.alignleft,
a img.alignleft {
    float: left;
    margin: 0px;
    margin-right: 15px;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    max-width: 100%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto;
}
/* END WORDPRESS CORE */

/* 11. COMMENTS */
#disqus_thread{
	background: #ffffff;
	padding: 30px;
	margin: 50px 0px;
}

.comment-header{
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.comment-header img{
	margin-right: 10px;
}

.comment-header h5{
	margin: 0px;
}

.comment-time{
	margin: 0px;
	text-transform: uppercase;
	color: #202020;
	font-size: 12px;
}

.comment-row{
	margin-bottom: 40px;
	position: relative;
}

.comment-reply{
	position: absolute;
	top: 0px;
	right: 0px;
}

.comment-margin-left{
	margin-left: 50px;
}
/* END COMMENTS */

/* CONTACT PAGE */
.contact-map{
	border-radius: 3px;
	overflow: hidden;
}

.contact-map img{
	max-width: none;
}

.contact-map{
	height: 300px;
	margin-bottom: 40px;
}
/* END CONTACT PAGE */

/* 12. INPUTS */
.error404 main{
	margin-bottom: 75px;
}

.contact-form{
	margin: 0px;
}

input,textarea{
	background-clip: padding-box;
}

.form-control, .form-control:focus, .form-control:active, .form-control:focus:active{
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: none;
	background: none;
	border: 2px solid #eee;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	font-size: 13px;
	line-height: 30px;
	color: #505050;	
	padding: 15px;
	min-height: 50px;
	background-clip: padding-box;
}

.widget .form-control,
.widget .form-control:focus,
.widget .form-control:active,
.widget .form-control:focus:active{
	min-height: 40px;
	padding: 0px 10px;
	font-size: 13px;
}

.footer_widget_section .form-control,
.footer_widget_section .form-control:focus,
.footer_widget_section .form-control:active,
.footer_widget_section .form-control:focus:active{
	border-color: #454545;
}

.has-feedback textarea.form-control, .has-feedback textarea.form-control:focus, .has-feedback textarea.form-control:active, .has-feedback textarea.form-control:focus:active{
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	background-clip: padding-box;
}

.form-submit #submit,
.form-submit a{
	background: transparent;
	color: #202020;
	border: 2px solid #202020;
	border-radius: 2px;
	margin-top: 10px;
	padding: 10px 15px;
	transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	text-transform: uppercase;
	font-size: 85%;
}

.form-submit #submit:hover, .form-submit #submit:focus, .form-submit #submit:active{
	background: #202020;
	color: #ffffff;
}
/* END INPUTS */


/* 12. WIDGETS */
div[class^="instagram-feed"]{
	margin-right: -5px;
}

.instagram-image{
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
}

.instagram-image a{
	display: block;
}

.instagram-image img{
	border-radius: 2px;
}

.widget_custom_posts .post-meta.grey{
	font-size: 80%;
	color: #aaa;
}

.widget_custom_posts > ul > li,
.widget_widget_top_author > ul > li,
.widget_folis_recent_comments > ul > li{
	display: flex;
	align-items: center;
	flex-flow: row wrap;
}
.widget{
	margin-bottom: 50px;
}

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

@media only screen and (max-width: 768px){
	.widget:first-child{
		margin-top: 50px;
	}
}

.widget ul{
	padding: 0px;	
	margin: 0px;
}

.widget > ul{
	overflow: hidden;
}

.widget_archive > ul,
.widget_categories > ul{
	margin-top: -5px;
}

.widget ul li{
	list-style: none;
	clear: both;
	padding: 5px 0px;
}

.widget ul li:last-child{
	padding-bottom: 0px;
}

.widget_travelog_recent_comments ul li, 
.widget_custom_posts ul li,
.widget_widget_top_author ul li{
	padding: 10px 0px;
}


.widget_travelog_recent_comments ul li:first-child, 
.widget_custom_posts ul li:first-child,
.widget_widget_top_author ul li:first-child{
	padding-top: 0px;
}

.widget_travelog_recent_comments p{
	margin-bottom: 0px;
	margin-top: 7px;
}

.widget_travelog_recent_comments .grey{
	margin-top: 10px;
	font-size: 90%;
	line-height: 1.5;
	font-style: italic;
	opacity: 0.5;
}

.widget_travelog_recent_comments .grey:hover{
	opacity: 1;
}

.widget_travelog_recent_comments p.small,
.widget_widget_top_author p.small{
	margin: 0px;
	color: #aaa;
	font-style: italic;
	font-size: 80%;
	line-height: 1.2;
}

.widget_travelog_recent_comments p.small i,
.widget_widget_top_author p.small i{
	margin-right: 5px;
}

.widget ul li a{
	display: block;
}

.widget_recent_comments ul li a{
	display: inline-block;
}

.widget_categories li,
.widget_archive li{
	text-align: right;
}

.widget_archive.widget ul li,
.widget_categories.widget ul li{
	padding: 2px 0px;
}

.widget_archive.widget ul li:first-child,
.widget_categories.widget ul li:first-child{
	padding-top: 0px;
}


.widget_archive span,
.widget_categories span{
	font-size: 75%;
	border: 2px solid #eee;
	border-radius: 2px;
	width: 20px;
	height: 20px;
	line-height: 15px;
	display: inline-block;
	text-align: center;
}

.widget_archive li:hover span,
.widget_categories li:hover span{
	border-color: #f8c12c;
}

.widget_categories li a,
.widget_archive li a{
	float: left;
}


.widget ul li ul{
	padding-left: 10px;
}
.widget-title-wrap{
	display: block;
	text-align: left;
	border-bottom: 2px solid #eee;
	margin-bottom: 25px;
}

.widget-title{
	position: relative;
	display: inline-block;
	margin: 0px;
	margin-bottom: -2px;
	padding-bottom: 10px;
	border-bottom: 2px solid #f8c12c;
}

.extra-margin{
	margin-bottom: 25px;
}

.footer_widget_section .widget-title-wrap{
	border-color: #454545;
}

.widget-image-thumb{
	display: inline-block;
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 15px;
}

.widget-image-thumb img{
	width: 50px;
	height: 50px;
}

.widget-text{
	display: inline-block;
	float: left;
	width: calc(100% - 65px);
}

.widget ul li .widget-text a{
	display: inline-block;
}

.widget-text .post-meta li{
	margin-right: 10px;
}


.widget_custom_posts ul li ul, .widget_custom_posts ul li ul li{
	margin: 0px;
	padding: 0px;
}
.widget_custom_posts .list-unstyled li{
	position: relative;
	clear: both;
}

.widget_widget_social .btn{
	margin-right: 4px;
	margin-bottom: 2px;
	width: 41px;
	height: 41px;
	padding: 0px;
	text-align: center;
	line-height: 37px;
}

.footer_widget_section{
	background: #343434;
	padding: 50px 0px 15px 0px;
	margin-top: 75px;
}


.page-template .footer_widget_section,
.single .footer_widget_section{
	margin-top: 0px;
}

.footer_widget_section .widget a,
.footer_widget_section .widget a:visited,
.footer_widget_section .widget a:focus,
.footer_widget_section .widget a:active{
	color: #eeeeee;
}

.footer_widget_section .widget-title:before{
	background: #fff;
	top: -4px;
}

.footer_widget_section .widget,
.footer_widget_section .widget a:hover{
	color: #ffffff;
}

.footer_widget_section .widget select,
.footer_widget_section .widget input{
	color: #3e3e3e;
}

.footer_widget_section .widget-title{
	color: #ffffff;
}

.footer_widget_section .widget{
	padding: 0px;
	margin-bottom: 65px;
}

.footer_widget_section .widget.widget_tag_cloud{
	margin-bottom: 68px;
}

.widget img{
	max-width: 100%;
}
#wp-calendar caption{
	margin-bottom: 15px;
}

.widget_rss .rss-widget-icon{
	display: none;
}
/* END WIDGETS */

/* 13. COPYRIGHTS */
.copyrights{
	background: #202020;
	color: #777;
	padding: 15px 0px;
	font-size: 85%;
}

.copyrights.margin-top{
	margin-top: 75px;
}
/* END COPYRIGHTS */

/* 14. SUBMIT FORMS */
.travelog-form{
	width: 100%;
	display: block;
	position: relative;
}

.travelog-form .btn{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	border-radius: 2px;
	line-height: 33px;
	width: 50px;
	border-color: #eee;
}

.widget .travelog-form .btn{
	line-height: 25px;
	width: 40px;
}

.widget .subscribe-form input{
	text-align: center;
}

.widget .subscribe-form .btn{
	position: static;
	display: block;
	width: 100%;
	border: none;
	margin-top: 10px;
	background: #202020;
	color: #fff;
}

.widget .subscribe-form .btn:hover{
	background: #f8c12c;
	color: #202020;
}


.subscribe-form h4{
	font-weight: 400;
	margin-bottom: 20px;
}

.travelog-form .btn i{
	margin: 0px;
}

.no-margin{
	margin: 0px;
}

.sub_result{
	margin-top: 15px;
}

.alert{
	padding: 10px 15px;
	border-radius: 2px;
}

.alert-danger, .alert-success{
	color: #ffffff;
	border: none;
}

.alert-success{
	background: #6BA72B;
}

.alert-danger{
	background: #e74c3c;
}
/* END SUBMIT FORMS */

/* 15. SINGLE POST SHARE */
.share-section{
	width: 100%;
	text-align: center;
	border-top: 2px solid #eee;
	border-bottom: 2px solid #eee;
	padding: 5px 0px;
}

.share-section a{
	height: 40px;
	margin: 0px 10px;
}

.share-section a{
	line-height: 40px;
}
/* END SINGLE POST SHARE */

/* 16. ABOUT AUTHOR */
.author-avatar img{
	margin-bottom: 15px;
	display: inline-block;
	width: 90px;
	border-radius: 2px;
}
/* END ABOUT AUTHOR */



/* 17. VIDEO CONTAINER */
 .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe, .video-container object, .video-container blockquote, .video-container embed {
    position: absolute!important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
/* END VIDEO CONTAINER */

.bypostauthor{}
.gallery-caption{}

/* 18. PAGINATION */
.pagination{
	display: block;
	line-height: 1.42857143;
	text-align: center;
}

.single-blog .pagination{
	margin-bottom: 45px;
}

.pagination a{
	border-color: #eee;
}

.pagination > span{
	background: #f8c12c;
	border-color: #f8c12c;
	color: #202020;
}

.pagination span.dots{
	background: transparent;
	cursor: default;
	border: none;
}
/* END PAGINATION */

/* 20. HORIZONTAL TABS */
.nav-tabs{
	border-bottom: none;
	border-color: #eee;
}

.nav-tabs li{
	background: #ffffff;
}

.nav-tabs > li > a{
	font-size: 0.7862em;
	margin-right: -2px;
	margin-bottom: -1px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-color: #eee;
	border: 2px solid #eee;
	border-bottom-color: #ffffff;
	text-transform: uppercase;
	color: #202020;
	background: transparent;
	padding: 10px 15px;
}

.nav-tabs > li:first-child > a{
	border-top-left-radius: 3px;
}

.nav-tabs > li:last-child > a{
	border-top-right-radius: 3px;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:active,
.nav-tabs > li > a:focus{
	color: #f8c12c;
	background: transparent;
	border-color: #eee;
	border-bottom-color: #ffffff;
}
.nav-tabs > li.active > a:hover{
	border-color: #eee;
}
.nav-tabs > li.active > a{
	border-color: #eee;	
}

.panel{
	border-width: 2px;
}

.panel-group .panel-heading + .panel-collapse > .panel-body{
	padding: 18px 15px 0px 15px;
	border-color: #eee;
}


.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
	border: 2px solid #eee;
	border-bottom-color: #ffffff;
	color: #f8c12c;
	background: transparent;
}


.tab-content{
	border: 2px solid #eee;
	padding: 18px 15px 0px 15px;
	border-radius: 0px 2px 2px 2px;
	background: #ffffff;
}

.panel-group .panel{
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.panel-default{
	border-color: #eee;
}

.panel-default > .panel-heading{
	border-color: #eee;
	background-color: #ffffff;
	padding: 0;
}
.panel-default > .panel-heading a{
	display: block;
	padding: 10px 15px;
	color: #202020;
	line-height: 25px;
	font-size: 0.7862em;
}

.panel-default > .panel-heading a:not(.collapsed){
	background: transparent;
	color: #f8c12c;
}

.panel-default .panel-title .fa{
	float: right;
	line-height: 21px;
	font-size: 21px;
}

.panel-default .panel-title a.collapsed .fa{
	transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
}
/* END TABS ACCORDIONS */


/* 21. ALERTS */
.alert .fa{
	margin-right: 10px;
}
.alert .close{
	text-shadow: none;
	opacity: 0.5;
	padding-top: 4px;
	right: 0px;
}
/* END ALERTS */

/* 22. PROGRESS BARS */
.progress{
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	height: 30px;
	background-color: #eeeeee;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	overflow: visible;
}

.progress i{
	margin-right: 10px;
}

.progress-bar{
	position: relative;
	padding-left: 10px;
	text-align: left;
	line-height: 30px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.progress-bar-value{
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	background: #428BCA;
	font-size: 0.7862em;
	line-height: 24px;
	padding: 0px 4px;
	border-radius: 1px;
}

.progress-bar-value:after{
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 5px 5px 0px;
	display: block;
	width: 0px;
	z-index: 1;
	bottom: -5px;
	left: 50%;
	color: transparent;
	border-color: #428BCA transparent;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
/* END PROGRESS BARS */

/* 34. 404 PAGE */
.no-page{
	text-align: center;
}
.no-page h1{
	font-size: 290px;
	line-height: 1;
	margin-top: -35px;
}

@media only screen and ( max-width: 600px ){
	.no-page h1{
		font-size: 100px;
	}
}

.sticky-icon{
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	font-size: 94%;
}
/* END 404 PAGE */

/* 27. LAZY LOAD */
.image-loader{
	position: absolute;
	top: 15px;
	left: 15px;
	color: #f8c12c;
	z-index: 1;
}

.screen-reader-text{}
/* END LAZY LOAD */

/* CATEGORY BOX */
.home-categories{
	margin-bottom: 40px;
}
.category-box{
	padding: 75px 0px;
	background-position: center center;
	background-size: cover;
	position: relative;
	display: block;
	border-radius: 2px;
	overflow: hidden;
	margin-bottom: 30px;
	text-align: center;
}

.category-box:after{
	content: ' ';
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: rgba(0,0,0,0.4);
}

.category-box:before{
	content: ' ';
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	border: 2px solid #fff;
	border-radius: 2px;
	z-index: 1;
	opacity: 0;
}

.category-box:hover:before{
	opacity: 1;
}

.category-box span{
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	z-index: 2;
	font-family: "Montserrat", Helvetica, Arial, sans-serif;
	letter-spacing: 5px;
}
/* END CATEGORY BOX */

/* FEATURED POSTS */
.featured-posts{
	display: none;
	margin-bottom: 75px;
}

.featured-post{
	display: block;
	position: relative;
}

.owl-carousel .owl-item .featured-post img{
	border-radius: 0px;
	max-width: none;
}

.featured-caption{
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 20px;
	background: rgba( 0,0,0,0.7 );
	padding: 10px 20px;
}

.featured-caption h5{
	color: #fff;
	font-weight: 400;
}

.owl-nav > div{
	opacity: 0;
	width: 40px;
	height: 40px;
	text-align: center;
	background: #202020;
	color: #fff;
	position: absolute;
	border-radius: 50%;
	line-height: 40px;
	top: calc(50% - 14px);
}

.owl-nav > div:hover{
	background: #fff;
	color: #202020;	
}

.owl-prev{
	left: 20px;
}
.owl-next{
	right: 20px;
}

.featured-posts:hover .owl-nav > div{
	opacity: 1;
}
/* END FEATURED POSTS */

/* 19. GALLERY */
.gallery{
	margin: auto;
	margin-bottom: 15px;
	margin-right: -15px;
}
.gallery-item{
	position: relative;
	overflow: hidden;
	border-radius: 2px;
}

.gallery-item img{
	width: 100%;
}

.gallery .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	margin-right: 15px;
}

.gallery-columns-1 .gallery-item {
	width: calc(100% - 15px);
}

.gallery-columns-2 .gallery-item {
	width: calc(50% - 15px);
}

.gallery-columns-3 .gallery-item {
	width: calc(33.3333333% - 15px);
}

.gallery-columns-4 .gallery-item {
	width: calc(25% - 15px);
}

.gallery-columns-5 .gallery-item {
	width: calc(20% - 15px);
}

.gallery-columns-6 .gallery-item {
	width: calc(16.6666666% - 15px);
}

.gallery-columns-7 .gallery-item {
	width: calc(14.285714285714285714285714285714% - 15px);
}

.gallery-columns-8 .gallery-item {
	width: calc(12.5% - 15px);
}

.gallery-columns-9 .gallery-item {
	width: calc(11.111111111111111111111111111111% - 15px);
}
/* END GALLERY */

/* IE 11 FIX */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
	body{
		-ms-font-feature-settings: normal;
	}
}

.map-loader-bg{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: #fff;
	opacity: 0.7;
	z-index: 10;
}

.map-loader {
	position: absolute;
  	display: inline-block;
  	width: 64px;
  	height: 64px;
  	top: calc(50% - 32px);
  	left: calc(50% - 32px);
}
.map-loader:after {
	content: " ";
	display: block;
	width: 46px;
	height: 46px;
	margin: 1px;
	border-radius: 50%;
	border: 5px solid #f8c12c;
	border-color: #f8c12c transparent #f8c12c transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/* END IE FIX */