/*
Author       : My_life_design
Template Name: Flyway - Tour & Travel Agency Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START SERVICE DESIGN
    05. START WHY CHOOSE DESIGN
    06. START SPECIAL PACKAGE DESIGN
    07. START TOP DEALS DESIGN
    08. START DEALS & DISCOUNT DESIGN
    09. START GALLERY DESIGN
    10. START BLOG DESIGN
    11. START TESTIMONIAL DESIGN
    12. START COMPANY PARTNER LOGO
    13. START CONTACT DESIGN
    14. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
font-family: 'Rubik', sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 28px;
background:#fff;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin-top: 0px; 
  font-family: 'Jost', sans-serif;
  color: #333;
  font-weight: 400;
}
a {
font-family: 'Jost', sans-serif;
text-decoration: none;
transition: all 0.2s ease 0s;
}
a:hover {
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
    margin-bottom: 0;
}
ul,
li {
    margin: 0;
   /*  padding: 0; */
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}

.status-mes {
    width: 46px;
    height: 46px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -23px 0 0 -23px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 8px solid #4e3c0d;
    border-right: 8px solid #4e3c0d;
    border-bottom: 8px solid #4e3c0d;
    border-left: 8px solid #fafafa;
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 10000;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.status-mes h4 {
color: #f7f7f7;
position:relative;
font-size:24px;
margin-top: 30px;
text-transform: capitalize;
letter-spacing: 1px;
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
.section-padding {
	padding-bottom:80px;
	padding-top: 90px;
}
/*START SECTION TITLE DESIGN*/
.section-title{margin-bottom:30px;}
.section-title  h4{
font-family: 'Joti One', cursive;
color:#4e3c0d;
font-size: 50px;
}
.section-title h2 {
	font-size: 40px;
	font-weight: 600;
	margin-top: 0;
	position: relative;
	text-transform: capitalize;
	font-family: 'Rubik', sans-serif;
}
@media only screen and (max-width:736px) { 
.section-title  h2  {font-size:40px;}
}
@media only screen and (max-width:480px) { 
	.section-title  h2  {font-size:30px;}
	.section-padding {
		padding-bottom: 0;
		padding-top: 40px;
	}
	.our_gallery {
		padding-top: 40px !important;
	}
}
.section-title-white{color:#fff;position:relative;}
.section-title  p{
padding: 0 10px;
width: 75%;
margin: auto;	
}
@media only screen and (max-width:736px) { 
	.section-title  p{
	padding: 0 10px;
	width: 90%;
	margin: auto;	
	}
	.section-padding {
		padding-bottom: 10px;
		padding-top: 40px;
	}

}
@media only screen and (max-width:480px) { 
.section-title  p{
padding: 0 10px;
width: 90%;
margin: auto;	
}
}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #4e3c0d none repeat scroll 0 0;
border-radius: 30px;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
color: #fff;
cursor: pointer;
font-size: 22px;
height: 50px;
line-height: 45px;
opacity: 1;
position: fixed;
right: 5px;
text-align: center;
transition: all 0.2s ease 0s;
width: 50px;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
.scroll-to-next {
    position: absolute;
    z-index: 100;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    width: 26px;
    height: 60px;
    line-height: 80px;
    border-radius: 25px;
    border: 1px solid #8f8d8d;
    text-align: center;
    transition: all .4s;
    color: #fff;
    transition: border .5s ease;
}
/*END SCROLL TO TOP*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.site-logo img{
	width: 200px;
	height: auto;
	transition: all 0.5s ease 0s;
}

.navbar-fixed .site-logo img{
	width: 75px;
	transition: all 0.5s ease 0s;
}

.navbar-fixed a.text-white i {
	color: #3B5998;
}

.bg-faded {
	background-color:transparent;
	transition: all 0.5s ease 0s;
}

.bg-notfaded {
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgba(0, 0, 0, .7)),
	color-stop(1, rgba(0, 0, 0, 0))
	);
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);
	transition: all 0.5s ease 0s;
}

@media only screen and (max-width:1200px) { 
	.site-logo img{
		width: 150px;
	}
}

@media only screen and (max-width:500px) { 
	.site-logo img{
		width: 70px;
	}
}

.navbar-fixed {
    z-index: 999;
    position: fixed;
    width: 100%;
	padding:0;
    top: 0;
    -webkit-animation: fadeInDown 800ms;
    animation: fadeInDown 800ms;
    -webkit-backface-visibility: hidden;
    border-radius: 0px;
    background: rgba(255,255,255,0.85);
	backdrop-filter: blur(7px);
	box-shadow: 0px 60px 60px rgba(0,0,0,0.1);
}

@media only screen and (max-width:767px) { 
.bg-faded {background-color:rgba(0,0,0,.8);}

.navbar-fixed {background: #232a34;}
}
#navigation{
	padding: 20px 0;
}
@media only screen and (max-width:767px) { 
	#navigation{
		padding: 25px 0;
	}
}

@media screen and (max-width:480px){
#navigation{
	padding: 25px 0;
}
}
#navigation.navbar-fixed {
	padding: 15px 0;
}
.header_right {
	display: flex;
	flex-basis: auto;
}
#main-menu{
	margin-top: 20px;
}
#main-menu ul{
	list-style-type: none;
}
#main-menu ul li{
	display: inline-block;
	padding:0px 12px;
	position: relative;
}
#main-menu ul li a {
	color: #fff;
	font-size: 16px;
	text-transform: capitalize;
	font-weight:500;
	transition: .3s;
}
@media only screen and (max-width:991px) {
#main-menu ul li{padding:0px 4px;} 
#main-menu ul li a {font-size: 12px;}
}

#navigation.navbar-fixed #main-menu ul li a{
	color: #000;
}
#navigation.navbar-fixed #main-menu ul li a:hover,
#navigation.navbar-fixed #main-menu ul li a:focus,
#main-menu ul li a:hover,
#main-menu ul li a:focus{
	color:#4e3c0d;
}

.slicknav_nav_icon{
	color: #fff;
	font-size: 24px;
}
.slicknav_menu .slicknav_icon::before {
	background: transparent;
	width: 1.125em;
	height: 0.875em;
	display: block;
	content: "\e68e";
	position: absolute;
	font-family: 'themify';
	color: #fff;
	font-size: 20px;
}
#mobile_menu{display: none;}
@media only screen and (max-width:767px) { 
.navbar-default {
padding: 10px!important;
}
.navbar-collapse{
margin-top: 15px;
}

#navigation ul li a{ 
position: inherit;
color: #333;

}

#navigation ul li ul ,
#navigation ul li ul li ul{
opacity: 1;
position: inherit;
top: 0;
transition: all 0.3s ease 0s;
z-index: 1;
visibility: visible;
background: #fff none repeat scroll 0 0;
box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.05);
padding: 15px;
left: 0;
background: #f5f5f5;
list-style: none;
width: 100%;
}



#navigation ul li ul.sub-menu li{
z-index: 1;
}

#navigation ul li:hover ul.sub-menu{
top:0;
opacity:1;
z-index:999;
visibility:visible;
}
#main-menu{
display: none;
}	
#mobile_menu{
display: block;
width: 100%;
}
.slicknav_nav ul li a{
color: #fff !important;
	font-size: 16px;
	text-transform: capitalize;
	font-weight: 600;
}
	
}
@media only screen and (max-width:767px) { 
  .navbar-brand {
    padding-top: 20px;
  }
.slicknav_menu {
	font-size: 16px;
	box-sizing: border-box;
	background: transparent;
	padding: 0;
	margin-top: 10px;
}  
}
@media only screen and (max-width:480px) { 
.slicknav_menu {
	margin-top: 0;
}
}
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

@media only screen and (max-width:767px) { 
	#fw_al_007 {margin-top: 73px; height: 280px;}
	#fw_al_007 > .carousel-inner > .carousel-item > img,
	#fw_al_007 > .carousel-inner > .carousel-item > a > img{
	  opacity: 0.6;
	  margin: auto;
	  width: auto !important;
	  height: 300px !important;
	}

	.podstrona-obrazek > .carousel-inner > .carousel-item > img, .podstrona-obrazek > .carousel-inner > .carousel-item > a > img {
		width: auto !important;
		height: 280px !important;
	}
}

@media only screen and (max-width:480px) { 
	#fw_al_007 {margin-top: 65px; height: 250px;}
	#fw_al_007 > .carousel-inner > .carousel-item > img,
	#fw_al_007 > .carousel-inner > .carousel-item > a > img{
	  opacity: 0.6;
	  margin: auto;
	  width: auto !important;
	  height: 250px !important;
	}
	.podstrona-obrazek > .carousel-inner > .carousel-item > img, .podstrona-obrazek > .carousel-inner > .carousel-item > a > img {
		width: auto !important;
		height: auto !important;
	}
	.menu-obrazek > .carousel-inner > .carousel-item > img, .menu-obrazek > .carousel-inner > .carousel-item > a > img {
		width: auto !important;
		height: auto !important;
	}
}



.home_parallax{height: 700px;position:relative;}
.home_parallax:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  content: "";
  left: 0;
  top: 0;
}
.hero-text{padding-top:250px;}

.hero-text h1{	
color: #fff;
font-size: 70px;
font-weight: 700;
text-transform: uppercase;
}
@media only screen and (max-width:480px) { 
.hero-text h1{font-size:40px;}
}
@media only screen and (max-width:320px) { 
.slider-info h1{font-size:30px;}
}
.hero-text p{
	color:#fff;
	margin-bottom: 25px;	
}
@media only screen and (max-width:480px) { 
.hero-text p {
  color: #fff;
  margin: auto;
  width: 90%;
  margin-bottom: 25px;
}
}
.btn_one {
	background: #4e3c0d;
	border:2px solid #4e3c0d;
	color: #fff;
	padding: 10px 30px;
	border-radius: 30px;
	transition: 0.3s;
}
.btn_one:hover{
	background: none;
	border:2px solid #fff;
	color: #fff;
}
.home_video{height: 750px;position:relative;}
.home_video:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  content: "";
  left: 0;
  top: 0;
}
.html-video {
    top: 0%;
    left: 0%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slider-caption {
    position: absolute;
    top: 33%;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
video {min-width: 100%;height:100%; }
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 04.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*START COUNTER*/
.counter_area{position: relative; z-index: -1; background-color:#fff;}
.counter_area:before {

	bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.counter_feature{margin-bottom:250px;}
.counter{border-right: 1px solid #4166ee;}
.brnone{border-right: 0px;}
.counter_img img {
	width: 60px;
	float: left;
	margin-right:20px;
}
.counter h2 {
	color: #fff;
	overflow: hidden;
	font-size: 44px;
	font-weight: 600;
	margin-bottom: 0;
}
@media only screen and (max-width:480px) { 
.counter h2 {font-size: 30px;}
}
.counter h5{
color:#fff;
overflow: hidden;
}
@media only screen and (max-width:480px) { 
.counter h5 {font-size:18px;}
}
/*END COUNTER*/
.service_area {
	padding-bottom: 0;
	top: -200px;
    position: relative;
}
.service_bg {
	padding: 40px;
	padding-top: 40px;
	background-color: rgba(255, 255, 255, .9);
	background-image: url('/graphic/jano4.jpg');
	background-size: auto 75%;
	background-position: center bottom;
	background-repeat: no-repeat;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
	border-radius: 10px;
	margin-top:-130px;
	text-shadow: 0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white;
}
@media only screen and (max-width:480px) { 
	.service_bg {
		padding-top: 40px;
	}
}
@media only screen and (max-width:736px) { 
	.service_bg {
		padding-top: 40px;
		background-size: 100%;
	}
	.service_area {
		padding-bottom: 0;
		top: -145px;
		position: relative;
	}
	.counter_area {
		    background-size: 100% auto !important;
	}
	.contact {
		background-size: 115% !important;
		background-position: center bottom !important;
	}
}
.single_service {
	background: #f9fcff;
	background-image: url('/graphic/parzenica5.png');
	background-size: auto 90%;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	padding: 40px;
	border-radius: 3px;
	transition: 0.2s;
	border: 1px solid #eee;
	margin-left: -1px;
}

.single_service span.ikonka{
	font-size: 2rem;
	color: #4e3c0d;
	margin-right: 5px;
}

.single_service:hover{
background:#fff;
box-shadow:0px 60px 60px rgba(0,0,0,0.1);
z-index:100;
-webkit-transform: translate(0, -10px);
        transform: translate(0, -10px);
}
@media only screen and (max-width:480px) {
.single_service {padding:30px;}
}
.single_service img {
	width: 70px;
	display: block;
	margin-bottom: 30px;
}
.single_service h3 {
	font-weight: 600;
	font-size: 22px;
	padding-bottom: 15px;
}
.single_service p{margin-bottom: 0px; font-family: Rubik; color: #727272}

/*
* ----------------------------------------------------------------------------------------
* 04.END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 05.START WHY CHOOSE US DESIGN
 * ----------------------------------------------------------------------------------------
*/
.why_choose {position: relative;}
.why_choose:before {
    background:rgba(0, 0, 0, 0.3);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.single-choose {
background: #fff none repeat scroll 0 0;
border-radius: 4px;
padding: 30px 40px;
}
@media only screen and (max-width:812px) { 
.single-choose {margin-bottom:30px;}
}
.single-choose img {
	transition: all 0.3s ease 0s;
	width: 80px;
}
.single-choose h4 {
	font-size: 22px;
	font-weight: 600;
	margin-top: 20px;
	text-transform: capitalize;
	margin-bottom: 15px;
}
.single-choose p{}
/*
 * ----------------------------------------------------------------------------------------
 * 05.END WHY CHOOSE US DESIGN
 * ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 *  06.START SPECIAL PACKAGE DESIGN
 * ----------------------------------------------------------------------------------------
*/
.single_package {
	margin: 0 15px 20px;
	overflow: hidden;
	position: relative;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.03);
	border-radius: 4px;
}
.pack_image{
	position: relative;
	transition: .5s;
	overflow: hidden;
}
.pack_image:before,
.blog_image:before
{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	z-index: 1;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%);
	opacity: 0;
	transition: .5s;
}
.pack_image:hover:before{
	opacity: 1;
}
.pack_price{
	font-weight: 600;
	color: #4e3c0d;
	font-size:16px;
	position: absolute;
	top: 20px;
	left: 0;
	background-color: #fff;
	display: inline-block;
	z-index: 1;
	padding:0 10px 0 20px;
	border-radius: 0 20px 20px 0;
}
.package-hover .tour-rating {
	color: #fec42d;
	margin-bottom: 5px;
}

.single_package .package-hover {
	padding: 30px;
	background-color: rgba(255,255,255,0.75);
    backdrop-filter: blur(3px);
}

.single_package img{
	width: 100%;
	position: relative;
}

.single_package h5 {
	font-size: 18px;
	margin-bottom: 5px;
	text-transform: capitalize;
	font-weight: 600;
}
.single_package .rating{
	margin-bottom: 10px;
}
.tour-locaton{color: #392c2c;}
.single_package .time_zone {
	font-size: 13px;
	font-weight: 600;
	text-transform: capitalize;
	color: #fff;
	margin-bottom: 8px;
	background-color: #4e3c0d;
	padding: 2px 15px;
	display: inline-block;
	border-radius: 3px;
	margin-top: 15px;
}
/*
 * ----------------------------------------------------------------------------------------
 * 06.END SPECIAL PACKAGE DESIGN
 * ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 07.START TOP DEALS DESIGN
 * ----------------------------------------------------------------------------------------
 */
 .top_deals {
	padding-top: 20px;
}
.box{
    overflow: hidden;
    position: relative;
}
.box:after{
	content: "";
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.7);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: rotateY(-90deg);
    transform-origin: 50% -50% 0;
    visibility: hidden;
    transition: all 0.5s ease 0s;
}
.box:hover:after{
    transform: rotateY(0deg);
    visibility: visible;
    opacity:0.7;
}
.box img{
    width: 100%;
    height: auto;
}
.box .box-content{
    text-align: center;
    position: absolute;
    opacity: 0;
    z-index: 1;
    transform: translate(0%, 0%);
    transition: all 0.5s ease 0s;
	width: 90%;
	bottom: 20px;
	background-color: #fff;
	padding: 15px 20px;
}
.box:hover .box-content{
    opacity: 1;
    left: 50%;
    transform: translate(-50%, 0%);
}
.box .title{
	margin-bottom: 0px;
	font-family:'Joti One', cursive;
}
.box .title a {
	color: #1d293e;
	font-size: 20px;
	font-weight: 700;
	margin-top: 0;
	text-transform: capitalize;
	letter-spacing: 1px;
}
.port-cat a {
	font-size: 16px;
	color: #4e3c0d;
	text-transform: capitalize;
	letter-spacing: 0px;
	font-weight: 500;
}
.port-icon{
	position: absolute;
	right: 0;
	top: 0;
	background-color: #4e3c0d;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	z-index: 99;
	opacity: 1;
	display: inline-block;
	text-align: center;
	font-size: 14px;
}
.single-portfolio{
	border: 5px solid #222;
}
.portfolio-details-content{
	padding-top: 20px;
	border-top: 1px solid #ddd;
	margin-top: 20px;
}
.portfolio-details-content .port-title{
	font-size: 25px;
	margin-bottom: 10px;
}

.portfolio_btn{margin-top: 60px;}
.portfolio_btn a {
	border: 2px solid #fff;
	padding: 12px 40px;
	border-radius: 30px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	transition: 0.3s;
	background: #4e3c0d;
}
.portfolio_btn a:hover{
border: 2px solid #333;
background: #fff;
color: #333;
}

/*
 * ----------------------------------------------------------------------------------------
 * 07.END TOP DEALS DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
* ----------------------------------------------------------------------------------------
* 08.START DEALS & DISCOUNT DESIGN
* ----------------------------------------------------------------------------------------
*/

.single-deal {
	border-radius: 4px;
	overflow: hidden;
	margin: 15px;
	text-align: center;
}
.single-deal figure {
	position: relative;
	text-align: center;
	margin: 0;
}
.single-deal figure:before{
	position: absolute;
	content: '';
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.single-deal figure img {
    position: relative;
    display: block;
    width: 100%;
	
}
.tour-rating{
	font-size: 15px;
	margin-top: 0px;
	color: #fec42d;
}
.single-deal figcaption {
	overflow: hidden;
	padding: 15px 20px;
	text-align: left;
	background-color: transparent;
	transition: .2s;
	position: absolute;
	z-index: 11;
	bottom: 0;
	left: 0;
	color: #fff;
	width: 100%;
}

.single-deal h4{
	margin-bottom: 7px;
	font-size:22px;
	text-align: left;
	transition: .2s;
	color: #fff;
}
.single-deal h4 i{

}
.single-deal p{
	margin-bottom: 0;
	font-size: 18px;
}

/*START SINGLE TOUR DETAILS*/
.single_tour_details{margin-bottom: 40px;}
.single_tour_details img{width:100%;}
.single_tour_details h2 {
	font-weight: 500;
	text-transform: capitalize;
	margin: 20px 0;
}
.single_tour_details p{}

.tour_contact_info {
	background: #E6F2FF;
	margin-bottom:30px;
	padding: 40px;
}
.profile_info {
line-height:35px;
}
.profile_info .th {
	font-weight: 700;
	width: 90px;
	margin-right: 50px;
	display: block;
	float: left;
	color: #333;
}
.profile_info .td {
	overflow: hidden;
	display: block;
	font-size: 14px;
}


.book_now{margin-bottom: 30px;}
.book_now h4 {
	border-bottom: 1px solid #eee;
	font-weight: 600;
	margin-bottom: 15px;
	padding-bottom: 15px;
	text-transform: capitalize;
}
.tour_video{margin-bottom: 15px;}
.tour_video h4{
	border-bottom: 1px solid #eee;
	font-weight: 600;
	margin-bottom: 15px;
	padding-bottom: 15px;
	text-transform: capitalize;
}
.tour_video iframe {
	width: 100%;
	height: 300px;
}
.map_tour{margin-bottom: 15px;}
.map_tour h4{
	border-bottom: 1px solid #eee;
	font-weight: 600;
	margin-bottom:15px;
	padding-bottom: 15px;
	text-transform: capitalize;
}
.map_tour iframe{
	width: 100%;
	height: 300px;
}
.book_now input {
background: #fff none repeat scroll 0 0;
border-color: currentcolor currentcolor #eee;
border-style: none none solid;
border-width: 0 0 1px;
box-shadow: none;
color: #333;
height: 45px;
padding: 10px;
}
.book_now input:hover,
.book_now input:focus {
border-color: currentcolor currentcolor #4e3c0d;
border-style: none none solid;
border-width: 0 0 1px;
    box-shadow: none;
    outline: 0 none;
}

/*END SINGLE TOUR DETAILS*/
/*
* ----------------------------------------------------------------------------------------
* 08.END DEALS & DISCOUNT DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 09.START GALLERY DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_gallery {
	padding-top: 0;
	background-image: url('/graphic/jano2.jpg'), url('/graphic/jano3.jpg');
	background-size: auto 100%;
	background-position: right bottom, left bottom;
	background-repeat: no-repeat, no-repeat;
}
.product-grid{
    background-color: #fff;
    text-align: center;
	margin:0;
	padding: 3px;
    transition: all 0.3s ease 0s;
}
.product-grid:hover{ box-shadow: -5px -5px rgba(0,0,0,0.05); }
.product-grid .product-image{
    padding: 10px;
    overflow: hidden;
    position: relative;
}
.product-grid .product-image a.image{ display: block; }
.product-grid .product-image img{
   box-shadow: 3px 3px 5px rgba(0,0,0,.1)!important;
   width: auto;
    transition: all 0.5s ease 0s;
}
.product-grid:hover .product-image img{ opacity: 0.6; }
.product-grid .product-view{
    opacity: 0;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    left: 50%;
    top: 40%;
    transition: all 0.3s ease 0s;
}
.product-grid:hover .product-view{
    opacity: 1;
    top: 50%;
}
.product-grid .product-view a {
	color: #333;
	background-color: #fff;
	font-size: 16px;
	padding: 10px 30px;
	border-radius: 30px;
	display: block;
	transition: all 0.3s ease 0s;
}
.product-grid .product-view a:hover{
color: #4e3c0d; 

}
@media screen and (max-width: 990px){
  /*  .product-grid{ margin: 0 0 30px; } */
	.our_gallery {
		background-position: center center;
	}
	.contact {
		background-position: center center;
	}
}
/*
* ----------------------------------------------------------------------------------------
* 09.END GALLERY DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 10.START BLOG DESIGN
 * ----------------------------------------------------------------------------------------
 */
.blog_section{padding-bottom:50px;padding-top: 0px;}
.single_home_blog {
	overflow: hidden;
	margin-bottom: 30px;
}
.post-img {}
.post-img img {
	float: left;
	width: 180px;
	margin-right: 30px;
	overflow: hidden;
}

.tile2 {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
  z-index:0;
  position: relative;
  height:100%;
  width:100%;
}

.tile2:hover { 
	animation: scale 0.5s;
}

@keyframes scale {
	0% {transform: scale(0.95); }
	50% {transform: scale(1); }
	100% {transform: scale(0.95); }
}

.tile2:hover:after {
	content:'';
	top:0;
	transform:translateX(100%);
	position: absolute;
	height:100%;
	width:100%;
	z-index:1;
	animation: slide 0.5s;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(74,168,46,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(74,168,46,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(74,168,46,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(74,168,46,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(74,168,46,0) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(74,168,46,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#004aa82e',GradientType=1 ); /* IE6-9 */
}

@keyframes slide {
	0% {transform:translateX(-100%);}
	100% {transform:translateX(100%);}
}

.scale-tile2 {
  transform: scale(0.95);
}


.post-img-moj img {
	float: left;
	max-width: 500px;
	margin-right: 30px;
	overflow: hidden;
}
.post-content {}
.post-content h2 {margin-bottom: 15px;}
.post-content h2 a {
	color: #333;
	font-weight: 600;
	transition: 0.3s;
	font-size: 26px;
}
.post-content h2 a:hover{color:#4e3c0d;}
.post-content p {margin-bottom: 15px;overflow: hidden;}
.post-content span {
	display: inline-block;
	margin-right: 20px;
	color: #333;
	font-weight: 500;	
}
.post-content span i{margin-right:10px;}
/*BLOG PAGES DESIGN*/
.blog-page{background:#E6F2FF;;}

.post-slide-blog{
background: #fff none repeat scroll 0 0;
border-radius:10px;
box-shadow: 0 10px 40px -10px rgba(0,64,128,.08);
margin-bottom: 30px;
overflow: hidden;
padding: 40px;
}
.blog-img img {
	position: relative;
	height: 350px;
	width: 100%;
}
@media only screen and (max-width:768px) { 
.blog-img img{width:100%;}
}
.blog-img a {
	position: absolute;
	left: 4%;
	top: 5%;
	background: #4e3c0d;
	padding: 3px 15px;
	border-radius: 4px;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
}
@media only screen and (max-width:768px) { 
.blog-img a {
	top: 5%;
	left: 6%;
}
}
.post-slide-blog h2 {
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 20px;
}
.post-slide-blog h2 a{color:#1d293e;}
.post-slide-blog h2 a:hover{color:#4e3c0d;}
.post-slide-blog span {
	text-transform: capitalize;
	padding-right: 10px;
	margin-bottom: 15px;
	display: inline-block;
	font-weight: 600;
	margin-top: 20px;
}
.post-slide-blog span a{color:#4e3c0d;}
.post-slide-blog > a{margin-bottom: 0px;}
.post-slide-blog p{margin-bottom: 30px;}

.main_btn{
	border: 2px solid #fff;
	padding: 12px 40px;
	border-radius: 30px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	transition: 0.3s;
	background: #4e3c0d;
}
.main_btn:hover{
border: 2px solid #333;
background: #fff;
color: #333;
}

/*START PAGINATION*/
ul.blog_pagination li a {
	border: 1px solid #eee;
	border-radius: 30px;
	color: #1d293e;
	display: block;
	font-size: 22px;
	font-weight: 500;
	background: #fff;
	height: 60px;
	line-height: 60px;
	margin: 5px;
	text-align: center;
	width: 60px;
}
ul.blog_pagination li a:hover {
    color: #fff;
    background: #4e3c0d;
    border: 1px solid #4e3c0d;
}
ul.blog_pagination li.active a {
	border: 1px solid #eee;
	border-radius: 30px;
	color: #fff;
	display: block;
	font-size: 22px;
	font-weight: 500;
	background: #1d293e;
	height: 60px;
	line-height: 60px;
	margin: 5px;
	text-align: center;
	width: 60px;
}
/*END PAGINATION*/
/*START BLOG SIDEBAR DESIGN*/
.contact_form_blog{padding-top:0px!important;}
.blog_sidebar_title {
	border-bottom: 1px solid #eee;
	color: #1d293e;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: x;
	margin-bottom: 15px;
	margin-top: 0;
	padding-bottom: 10px;
	text-transform: capitalize;
}
.blog_search, .latest_blog, .advertisement_post, .video_post, .categories, .tag, .banner {
	margin-bottom: 30px;
	background: #fff;
	padding: 30px 30px;
	border-radius:10px;
	border-top: 3px solid #4e3c0d;
	box-shadow:0 10px 40px -10px rgba(0,64,128,.2);
}
.tag{overflow: hidden;}
@media only screen and (max-width:768px) { 
    .blog_search { margin-top: 60px }
}
.blog_search{}
.blog_search input {
background: #E6F2FF none repeat scroll 0 0;
border: 1px solid #E6F2FF;
border-radius: 0;
color: #282828;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
height: 50px;
}
.blog_search input:focus{border: 1px solid #4e3c0d;}
.single_latest_blog {
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.single_latest_blog h4 {
	color: #666;
	font-size: 15px;
	font-weight: 500;
	line-height: 28px;
	margin: 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single_latest_blog:hover h4 { color: #4e3c0d }
.single_latest_blog span { color: #161616 }
.single_upcoming_event {margin-bottom: 20px;}
.single_upcoming_event h4 {
	color: #1d293e;
	font-size: 17px;
	font-weight: 600;
	line-height: 28px;
	margin: 10px 0 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single_upcoming_event:hover h4 { color: #4e3c0d }
.single_upcoming_event span i{margin-right:5px;color: #4e3c0d }
.single_upcoming_event span { color: #777 }
.categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.categories ul li { }
.categories ul li a {
	color: #1d293e;
	display: block;
	font-size: 14px;
	padding: 5px 0;
	font-family: Rubik;
	font-weight: 400;
}
.categories ul li a:hover { color: #4e3c0d }
.categories ul li a i { margin-right: 10px }
.video_post iframe {
    width: 100%;
    height: 100%;
    border: medium none;
}
.tag a {
	border: 2px solid #E6F2FF;
	border-radius: 3px;
	color: #1d293e;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: 600;
	margin: 6px 4px;
	padding: 3px 15px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background: #E6F2FF;
}
.tag a:hover {
    background: #4e3c0d;
    color: #fff;
    border: 2px solid #4e3c0d;
}
/*END BLOG SIDEBAR DESIGN*/
/*START BLOG SINGLE PAGE DESIGN*/
.bc_left {
	padding-left: 30px;
	font-style: italic;
	font-weight: 600;
}
.bc_bottom{margin-bottom:30px;}
.single_blog_post { margin-bottom: 60px }
.single_blog_post img {
    width: 750px;
    height: 455px;
}
.blog_post_text h4 { margin: 30px 0 }
.author_part {
	margin-bottom: 30px;
	overflow: hidden;
	margin-top: 60px;
}
.single_author {
	background: #fff none repeat scroll 0 0;
	padding: 40px;
	border-radius: 10px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.08);
	overflow: hidden;
}
.author_part img {
	border: 4px solid #4e3c0d;
	border-radius: 100px;
	float: left;
	height: 120px;
	margin-right: 20px;
	width: 120px;
}
.author_part h4 {text-transform: uppercase;
font-size: 16px;
font-weight:700;
letter-spacing: 1px; }
.author_part p { margin-bottom: 0 }
.blog_head_title {
border-bottom: 1px solid #eee;
margin: 0 0 30px;
padding-bottom: 10px;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
}
.comments_part {
    margin-bottom: 60px;
}
.single_comment {
    margin-bottom: 30px;
    background: #fff;
    padding: 40px;
	border-radius: 10px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.08);
	overflow: hidden;
}
.single_comment_mbnone { margin-bottom: 0px }
.single_comment img {
    border: 4px solid #4e3c0d;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-right: 20px;
    width: 120px;
}
.single_comment h4 { font-size: 16px;
font-weight:700;
letter-spacing: 1px;
text-transform: uppercase;}
.single_comment p { margin-bottom: 0 }
.comment-box {
	background: #fff;
	padding: 40px;
	border-radius: 10px;
}
.comment_form input, .comment_form textarea  {}

.comment_form textarea {}
@media only screen and (max-width:768px) { 
    .comment_form textarea { width: 100% }
}
/*END BLOG SINGLE PAGE DESIGN*/

/*
 * ----------------------------------------------------------------------------------------
 * 10.END BLOG DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
/*
 * ----------------------------------------------------------------------------------------
 * 11.START TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
*/
.testimonial-demo {position: relative;}
.testimonial-demo:before {
    background:rgba(0, 0, 0, 0.4);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.testimonial {
	background: #fff;
	padding: 30px;
	border-radius: 5px;
	margin:0px 15px;
}
.testimonial .pic{
    float: left;
    width:100px;
    height:100px;
    margin-right: 15px;
	margin-bottom: 90px;
}
.testimonial .pic img {
	width: 100%;
	height: auto;
	border-radius: 100px;
}
.testimonial_content{}
.testimonial_content h3 {
	font-weight: 600;
	font-size: 20px;
}
.testimonial_content i{color:#4e3c0d;}
.testimonial_content p{overflow: hidden;margin-top: 10px;}
.testimonial_content small {
	font-weight: 500;
	color: #333;
	font-size: 14px;
	margin-top: 8px;
	display: block;
}

.owl-theme .owl-controls .owl-page span{
    border: 2px solid #4e3c0d;
    background: #fff;
    opacity: 1;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page:hover span{
    background: #4e3c0d;
}
@media only screen and (max-width: 767px){
    .testimonial{
        padding: 20px;
        text-align: center;
    }
    .testimonial .pic{
        display: block;
        position: static;
        margin: 0 auto 15px;
    }
}
.owl-theme .owl-controls .owl-page { display: inline-block }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer }
.owl-theme .owl-controls .owl-page span {
	background-color: #4e3c0d !important;
	border-radius: 20px;
	display: block;
	height: 6px;
	margin: 5px 3px;
	width: 6px;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #fff }
.owl-theme .owl-controls {
  display: block !important;
  margin-top:10px;
  text-align: center;
}
/*
 * ----------------------------------------------------------------------------------------
 * 11.END TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 12.START COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
.partner-logo {

  position: relative;
  padding: 100px 0;
}
.partner { text-align: center }
.partner.owl-theme .owl-controls {display: none!important;}
.partner .owl-item img {max-height: 80px;}
/*
* ----------------------------------------------------------------------------------------
*  12.END COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 13.START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact_area {
background:#eeebe2 ;
}
.contact {
background:#fff;
padding: 80px;
background-image: url('/graphic/jano1.jpg');
	background-size: auto 99%;
	background-position: right bottom;
	background-repeat: no-repeat;
}

.contact input {
background: rgba(255,255,255,0.7) none repeat scroll 0 0;
border-color: #aaa;
border-style: solid;
border-width: 1px;
box-shadow: none;
color: #333;
height: 45px;
padding: 10px;
}
.contact textarea {
	background: rgba(255,255,255,0.7) none repeat scroll 0 0;
border-color: #aaa;
border-style: solid;
border-width: 1px;
    border-radius: 3px;
    box-shadow: none;
    padding: 10px;
    color: #333;
    height: 200px;
}
.contact input:hover,
.contact input:focus {
border-color: currentcolor currentcolor #4e3c0d;
border-style: none none solid;
border-width: 0 0 1px;
    box-shadow: 3px 3px 3px rgba(0,0,0,.5);
    outline: 0 none;
}
.contact textarea:hover,
.contact textarea:focus {
    border-color: currentcolor currentcolor #4e3c0d;
border-style: none none solid;
border-width: 0 0 1px;
    box-shadow: 3px 3px 3px rgba(0,0,0,.5);
    outline: 0 none;
}
.success {
    background: #fff none repeat scroll 0 0;
    color: #42c0d9;
    font-weight: 700;
    padding: 20px;
    text-align: center;
}
.before_contact_address {
  background-image: url('/graphic/parzenica.png');
	background-size: 80% auto;
	background-position: center center;
	background-repeat: no-repeat;
	border-bottom: 5px solid white;
}
.contact_address {
  padding-left: 100px;
  padding-top: 100px;

}
@media only screen and (max-width:768px) { 
.contact_address {
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 30px;
}
}
.contact_address h3 {
	margin: 0 0 20px;
	text-transform: capitalize;
	font-weight: 600;
}
.contact_address p{
margin-bottom:30px;
}
.contact_address ul { list-style: none }
.contact_address ul li {
    font-size: 16px;
    margin-bottom: 15px;
}
.contact_address ul li i {
background: #4e3c0d none repeat scroll 0 0;
border-radius: 30px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
color: #fff ;
font-size: 18px;
height: 45px;
line-height: 45px;
margin-right: 20px;
text-align: center;
width: 45px;
}
.btn-contact-bg {
background: #4e3c0d   none repeat scroll 0 0 !important;
border: 1px solid #4e3c0d  !important;
color: #fff !important;
font-family: montserrat,sans-serif;
font-size: 14px;
padding: 10px 30px !important;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #333!important;
    border: 1px solid #333!important;
    color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 13.END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.map iframe {
	width: 100%;
	height: 550px;
	border: 0px;
	margin-bottom: -9px;
}
/*
* ----------------------------------------------------------------------------------------
* 14.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
padding: 30px 0;
background-color:#4e3c0d;
    border-top: 5px solid #fff;
    position: relative;
}
.footer:before {
	background: rgba(255,255,255,.8);
	bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.footer_logo{}
.footer_logo img{width: 300px;}
.social_profile {
margin-top:20px;
margin-bottom:30px;
overflow: hidden;
}
.social_profile ul{
list-style: outside none none;
margin: 0;
padding: 0;
text-align:center;
}
.social_profile ul li{display: inline-block;}
.social_profile ul li a {
	text-align: center;
	border: 0px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin-right: 10px;
	font-size: 16px;
	color: #fff;
	display: block;
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 30px;
	background: #3B5998;
}
@media only screen and (max-width:768px) { 
.social_profile ul li a{margin-right:10px;margin-bottom:10px;}
}
@media only screen and (max-width:480px) { 
.social_profile ul li a{
	width:40px;
	height:40px;
	line-height:40px;
}
}
.social_profile ul li a:hover{
color:#3B5998;
}
.f_facebook:hover{background:#fff;}
.f_twitter:hover{background:#1A90D9;}
.f_instagram:hover{background:#FF5252;}
.f_linkedin:hover{background:#0e76a8;}
/*END SOCIAL PROFILE CSS*/
.copyright p {
	font-weight: 500;
	text-transform: capitalize;
	text-align: center;
}
/*
* ----------------------------------------------------------------------------------------
* 14.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 15.START SECTION TOP CONTENT DESIGN
* ----------------------------------------------------------------------------------------
*/
.section-content {
	background: #4e3c0d;
	padding-top: 150px;
	padding-bottom: 100px;
}
.section-blog-title {
	color: #fff;
	font-weight: 600;
}

/*
* ----------------------------------------------------------------------------------------
* 15.END SECTION TOP CONTENT DESIGN
* ----------------------------------------------------------------------------------------
*/

.wdol {
    cursor: pointer;
    position: absolute;
    bottom: 15px;
    left: 50%;
	margin-left: -15px;
	z-index: 2;   
}

@keyframes wdol {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.wdol span {
	font-size: 2.2rem;
	color: white;
    animation: wdol 1s;
    animation-iteration-count: infinite;
}

.podstrona-obrazek {
  overflow: hidden;
  max-height: 600px;
  position: relative;
  background: #000000;
}

.podstrona-obrazek .carousel-item {
	max-height: 600px;
}

.menu-obrazek {
  overflow: hidden;
  max-height: 300px;
  position: relative;
  background: #000000;
}

.menu .carousel-item {
	max-height: 300px;
}



h3.noclegi {
    color: #4e3c0d;
    font-size: 43px;
    font-weight: 400;
    text-shadow: none;
    font-style: normal;
    position: relative;
    padding-bottom: 2px;
    display: inline-block;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'Joti One', cursive;
}

h3.noclegi::before {
    content: "";
    top: 50%;
    height: 3px;
    width: 75px;
    right: 100%;
    display: block;
    margin-top: -2px;
    position: absolute;
    margin-right: 0.5em;
    border-bottom: 2px solid #4e3c0d;
}


h3.noclegi::after {
    content: "";
    top: 50%;
    left: 100%;
    height: 3px;
    width: 75px;
    display: block;
    margin-top: -2px;
    margin-left: 0.5em;
    position: absolute;
    border-bottom: 2px solid #4e3c0d;
}

.parzenica {
	position: relative;
	z-index: 1;
	margin-top: -100px;
	max-width: 150px;
}

@media only screen and (max-width:767px) { 
  .parzenica {
    max-width: 75px;
	margin-top: -57px;
	}
	h3.noclegi {
	 font-size: 23px;
	}
	h3.noclegi::before,h3.noclegi::after {
		width: 45px;
	}
	.menu-obrazek > .carousel-inner > .carousel-item > img,
	.menu-obrazek > .carousel-inner > .carousel-item > a > img,
	.podstrona-obrazek > .carousel-inner > .carousel-item > img,
	.podstrona-obrazek > .carousel-inner > .carousel-item > a > img{
	  opacity: 0.6;
	  margin: auto;
	  width: auto !important;
	  max-height: 300px;
	}
}

.margin0 {
	margin: 0;
}

.margin3 {
	margin: 3px;
}

.wprawo {
	padding: 10px 0; 
	cursor: pointer;
}

.tresc_wiecej {
	font-size: 0.8em;
}

.ukryte {
	display: none;
}

.grecaptcha-badge {
	bottom: 75px !important;
}

.napodstronie {
	padding-top: 0;
	background-image: url('/graphic/jano2.jpg'), url('/graphic/jano3.jpg');
	background-size: auto auto,auto auto;
	background-position: right bottom, left bottom;
	background-repeat: no-repeat, no-repeat;
}

.napodstronie > .container {
	background-image: url('/graphic/parzenica3.svg');
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
}

.bon {
    position: absolute;
    bottom: 15px;
    right: 15px;
	z-index: 2;   
}

.bon img {
    max-width: 130px; 
}

img.shadow-sm {
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

	.menu-obrazek > .carousel-inner > .carousel-item > img,
	.menu-obrazek > .carousel-inner > .carousel-item > a > img,
	.podstrona-obrazek > .carousel-inner > .carousel-item > img,
	.podstrona-obrazek > .carousel-inner > .carousel-item > a > img{
	  opacity: 0.6;
	  margin: auto;
	  width: 100%
	}

#rev_slider_15_1 .dione.tparrows {
    border: none !important;
    border-radius: 0 !important;
    width: 100px !important;
    height: 184px !important;
    background-image: url('/graphic/parzenica2.svg');
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

#rev_slider_15_1 .dione.tparrows:focus, #rev_slider_15_1 .dione.tparrows:hover {

	background-size: 75%;
}

#rev_slider_15_1 .dione.tparrows:before {
    top: 37% !important;
    font-size: 15px !important;
}

a.gflag {vertical-align:middle;font-size:24px;padding:0 3px;background-repeat:no-repeat;background-image:url(//gtranslate.net/flags/24.png);}
a.gflag img {border:0;margin-top: -10px}
a.gflag:hover {background-image:url(//gtranslate.net/flags/24a.png);}
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
#google_translate_element2 {display:none!important;}
div.flagaimg {padding:2px; border: none !important;}
a.glink img {
    margin-right: 10px !important;
}

.top-bar {
	position: absolute;
	z-index: 1031;
	width: 100%;
}

.top-bar i {
	line-height: 32px;
}

h3.jost {
    font-size: 23px;
    font-weight: 400;
    font-family: 'Joti One', cursive;
}

html:lang(pl) .tlumacz, html:lang(auto) .tlumacz {display: none}
html:lang(en) .tlumacz2, html:lang(de) .tlumacz2, html:lang(fr) .tlumacz2, html:lang(es) .tlumacz2, html:lang(ar) .tlumacz2, html:lang(uk) .tlumacz2, html:lang(ru) .tlumacz2 {display: none}