/*
Theme Name: Traveler's Friend
Author: Art Media Agency
Author URI: http://www.artmedia.ee/
Version: 1.0
*/

@charset "UTF-8";
body{line-height: 27px;}
img{max-width: 100%; height: auto;}
img.alignright { float: right; margin: 0 0 30px 30px; }
img.alignleft { float: left; margin: 0 30px 30px 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.zls-small.zls-btnmn.zls-btrht{display: block!important;}

html, body{height: 100%;}

#wrapper{max-width: 1920px; margin: 0 auto; min-height: 100%; background-color: #fff; overflow: hidden; position: relative;}
#header{
	padding-top: 42px;
	top: 0;
	left: 0;
	width: 100%;
	position: fixed;	
	font-family: 'Exo 2',sans-serif;
	background-position: center 0;
	background-repeat: no-repeat;
	z-index: 100;
}
	#logo{
		margin-top: 12px;
		display: inline-block;	
		margin-left: 39px;
	}
	#lang_sel_click{
		font-weight: 400;
		display: inline-block;
		text-align: left;
		z-index: 9999;
		margin-right: 60px;
		vertical-align: top;
	}
	#lang_sel_click ul{list-style: none; padding: 0; margin: 0;}
	#lang_sel_click a{
		display: block;
		height: 33px;
		line-height: 33px;
		padding: 0 10px;
		font-size: 15px;
		width: 120px;
		position: relative;
		color: #3c3130;
		border: 1px solid #af9f8a;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;	
	}
	#lang_sel_click > ul > li{
		position: relative;	
	}
	#lang_sel_click ul ul{display: none; position: absolute; z-index: 9999; top: 100%; left: 0; width: 100%;}
	#lang_sel_click ul ul > li > a{border-top: 1px solid #7a6f61;}
	#lang_sel_click ul > li:hover > a, 
	#lang_sel_click.active > ul > li > a{background-color: #af9f8a; border-color: #7a6f61;}
	#lang_sel_click ul ul > li > a{background-color: #cebda6;}
	
	#lang_sel_click:hover a,
	#lang_sel_click.active a{color: #fff;}
	
	#lang_sel_click a.lang_sel_sel:before{
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		margin-top: -4px;
		right: 10px;
		height: 7px;	
		width: 11px;
		background-image: url(images/lang_arrow.png);
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	#lang_sel_click:hover a.lang_sel_sel:before,
	#lang_sel_click.active a.lang_sel_sel:before{background-position: -11px 0;}

	#sitenav{display: inline-block; vertical-align: top; font-weight: 700; font-size: 1.1764705882352942em;}
		#sitenav ul{list-style: none; padding: 0; margin: 0;}
			#sitenav > ul > li{display: inline-block; margin-left: 20px;}
				#sitenav > ul > li > a{color: #3c3130; line-height: 33px; display: inline-block;}
				#sitenav > ul > li:hover > a,
				#sitenav > ul > li.current-menu-item > a,
				#sitenav > ul > li.current-menu-parent > a,
				#sitenav > ul > li.current-menu-ancestor > a{color: #9b867b;}

#header.fixed-header{background-color: #fff; padding-top: 10px; padding-bottom: 2px;}
	#header.fixed-header #logo{max-width: 60px; margin: 0 0 10px 0;}
	#header.fixed-header .col-md-10{padding-top: 12px;}

#landing-page{
	padding-top: 115px;	
	min-height: 396px;
}
	#landing-page h1{
		text-align: right;
		color: #27150b;
		margin-left: -30px;
		font-size: 6.117647058823529em;	
		margin: 0 0 0.45em 0;
	}
	.home #landing-page{
		height: 680px;	
	}
	.home #landing-page h1{
		position: relative;
		z-index: 10;
		margin: 0 0 217px 0;
	}
	#landing-page h1 small{
		width: 100%;
		padding-left: 40%;
		text-align: right;
		display: block;
		font-weight: 700;
		color: #ffc000;
		font-size: 0.6442307692307693em;	
	}
	#landing-page .col-md-offset-6{
		position: relative;	
	}
	#landing-page .col-md-offset-6:after{
		content: '';
		height: 100%;
		width: 50%;
		left: 100%;
		margin-left: -15px;
		top: 0;
		background-color: #ffc000;
		display: block;
		position: absolute;	
	}
	.landingpage-btn{
		display: block;
		padding-left: 35px;
		background: rgb(255,160,0);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYTAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmMwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(left,  rgba(255,160,0,1) 0%, rgba(255,192,0,1) 100%);
		background: -webkit-linear-gradient(left,  rgba(255,160,0,1) 0%,rgba(255,192,0,1) 100%);
		background: linear-gradient(to right,  rgba(255,160,0,1) 0%,rgba(255,192,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa000', endColorstr='#ffc000',GradientType=1 );	
		font-weight: 600;
		font-family: 'Exo 2', sans-serif;
		color: #27150b;
		font-size: 34px;
		height: 100px;
		line-height: 100px;
	}
	.landingpage-btn img{vertical-align: middle; margin-top: -5px; margin-right: 15px;}
	
h1, h2, h3, h4, h5, h6{margin: 0 0 30px 0;}	

.container{position: relative;}
.front-image{position: absolute; bottom: 100%; left: 0;}
	
#content{z-index: 10; position: relative;}
#content-wrap{background-color: #e3e3e3; min-height: 350px;}
.home #content-wrap{min-height: inherit;}

.home #content-wrap{
	background-position: 100% 0;
	background-repeat: no-repeat;	
}
	
	.content-inner{border: 3px solid #fff; margin: 95px 0 0 0;}
		#content-entry{padding: 35px;}
			.entry-title{color: #ffc000;}
			p{margin: 0 0 30px 0;}
			
			.col-md-9.pad-right-10{padding-right: 25px;}
	
#page-bottom{
	background-color: #e3e3e3;
	background-image: url(images/page-bottom-bg.png);
	background-position: center 0;
	background-repeat: no-repeat;
	min-height: 459px;
	padding-top: 459px;
	margin-top: -343px;
}
	#page-bottom-content{
		margin-top: -25px;
		background-color: #ffc000;
		min-height: 300px;	
	}
	.entry-title-2{padding-left: 30px;}
	#page-bottom .inner{padding-left: 30px; padding-right: 30px;}
	
	#page-bottom-content h1, #page-bottom-content h2, #page-bottom-content h3, #page-bottom-content h4, #page-bottom-content h5, #page-bottom-content h6{color: #fff; margin-top: -3px;}
	#page-bottom-content h2{font-size: 2.235294117647059em;}
	
	
#content-sidebar{
	padding-left: 25px;	
	padding-top: 35px;
	padding-bottom: 35px;
}
.sidebar-content{padding-left: 30px;}	
.sidebar-content.sidebar-thumb{margin-top: 40px;}
.sidebar-content h2{font-size: 2.235294117647059em;}
	
body.page #content-sidebar{display: block; margin-top: -35px; margin-left: -25px;}	
	
.front-content{font-size: 1.4117647058823528em; font-family: 'Exo 2', sans-serif; line-height: 1.25em; padding-top: 80px; padding-bottom: 80px;}
.front-page-title{margin: 0 0 15px 0; font-size: 1.7083333333333333em;}	
	
#footer{
	font-size: 0.8823529411764706em;
	padding-top: 35px;
	padding-bottom: 35px;
	font-family: 'Exo 2', sans-serif;
	position: relative;
}
a#ama{font-size: 10px; position: absolute; right: 15px; top: 35px; color: #c0c1c1;}
a#ama:hover{text-decoration: underline;}
	#footer ul{list-style: none; padding: 0; margin: 0; float: left;}
		#footer ul li{display: inline-block; margin-left: 16px;}
			#footer ul li:first-child{margin-left: 0;}
	
@media (max-width: 1409px){
	#landing-page h1{font-size: 5em;}
	.container{width: 100%;}
	.home #content-wrap{
		background-size: 35% auto;	
	}
}
@media (max-width: 1366px){
	body{font-size: 15px;}	
	.front-image{width: 540px;}
}
@media (max-width: 1280px){
	.front-image{width: 500px;}
	.front-content{padding-top: 130px;}
	.landingpage-btn{font-size: 24px;}
}
@media (max-width: 1024px){
	#header{padding-top: 24px;}	
	#logo{margin-top: 0;}
	#landing-page{padding-top: 135px; min-height: 325px;}
	#landing-page h1{font-size: 4.5em;}
	.front-image{width: 370px;}
	.front-image{top: -190px;}
	.landingpage-btn{}
	.sidebar-content h2{font-size: 1.6em;}
}
@media (max-width: 1000px){
	#logo{margin-left: 0; max-width: 110px;}
	.front-image{display: none;}
	.home #content-wrap{background-image: none;}
	.landingpage-btn{text-align: center; padding-left: 0;}
	#landing-page .col-md-6.col-md-offset-6{margin-left: 0; padding-left: 0; width: 100%; padding-right: 0;}
	.home #landing-page h1{margin: 0 0 35px 0;}
	.front-content{padding: 35px 0;}
	#content-wrap{min-height: inherit;}
	#landing-page{padding-top: 145px; text-align: center;}
	.content-inner{margin-top: 20px;}
	.content-inner .col-lg-8.pull-right,
	#sidebar.pull-left{float: none!important;}
	#sidebar.has-featured{margin-top: -25px;}
	#lang_sel_click{margin-right: 0;}
	.sidebar-content{padding-left: 0;}
	.home #landing-page{height: auto;}
}
@media (max-width: 800px){
	#footer ul li{display: block; margin-left: 0;}
	#content-entry{padding: 15px;}
	.entry-title-2{padding-left: 15px;}
	#page-bottom .inner{padding-left: 15px;}
	#header .col-md-2{float: left; width: 20%;}
	#header .col-md-10{float: left; width: 80%;}
	#content-sidebar{padding: 25px 15px;}
}
@media (max-width: 767px){
	#header{position: absolute;	}
	#header{background-color: none; padding-top: 10px; padding-bottom: 2px;}
	#header #logo{max-width: 60px; margin: 0 0 10px 0;}
	#header .col-md-10{padding-top: 12px;}
	#header.fixed-header{background-color: none;}
	#header .col-md-2, #sitenav{display: none!important;}
	#header .col-md-10{width: 100%; padding: 7px 0 0 0;}
	#landing-page h1{font-size: 3em;}
	#lang_sel_click{display: block; float: right; clear: both; margin-bottom: 15px; margin-right: 0;}
	#landing-page{padding-top: 75px; min-height: inherit;}
	.landingpage-btn{font-size: 18px; height: 65px; line-height: 65px;}
}
@media (max-width: 480px){
	#landing-page h1{font-size: 2.2em;}
	#landing-page h1 small{color: inherit;}
}