/*
Theme Name: LevYerushalayimRTL6
Description: A custom them for Lev Yerushalayim
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-header, custom-menu, featured-images
Text Domain: levyerushalayim
*/

@import url("http://fonts.googleapis.com/earlyaccess/alefhebrew.css");

*{
	font:'Alef Hebrew';
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	background: transparent;
}
article, aside, figure, footer, header, hgroup, nav, section, time {
	display: block;
} 
a {
	text-decoration: none; 
	color: inherit;
}
a:hover {
	text-decoration: underline; 
	color: #e9bd76;
}
body{
	font-family: 'Alef Hebrew', sans-serif;
	color: #000;	
}
h1{
	font-size: 4em;
	padding: 1% 0.5%;
}
h2{
	font-size: 1.9em;
	padding: 1%;
}
h3{
	font-size: 1.4em;
	padding: 0.5%;
}
p{
	font-size: 1.2em;
	padding: 0.5%;
}

.inner-image {
	width: 100%;
	height: auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	margin-top: 100px;
}
.inner-image img{
	width: 100%;
	height: auto;
}

.no-inner-image {
	width: 100%;
	height: 115px;
	position: relative;
}

#outerWrapper{
	width: 100%;
}

#header {
	background: #000;
	color: #fff;
    position: fixed;
    top: 0;
    width: 100%;
	display: block;
	z-index: 9999;
}

.logged-in #header {
	top: 32px;
}

#header .top-header {
	width: 100%;
	margin: 6px 0 14px 0;
	padding: 0 10px 0 0;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	text-align: right;
}
#header .top-header:before,
#header .top-header:after {
    content: "";
    display: table;
} 
#header .top-header:after {
    clear: both;
}
#header .top-header a{
	padding: 0 5px;
	border-left: 1px solid #fff;
}
#header .top-header a:first-child{
	border-left: none;
}

/* === FOR CENTERING CONTENT === */
.innerContent{
	width: 1000px;
	margin: 0 auto;
}
.innerContent:before,
.innerContent:after {
    content: "";
    display: table;
} 
.innerContent:after {
    clear: both;
}

/* === HEADER WIDGETS */
#header-widgets{
	margin: 5px 15px 0 25px;
	text-align: right;
}

/* --- MENU --- */
nav.mainMenu {
	padding: 5px;	
	float: right;
	margin: 25px 0 10px 10px;
}
nav.mainMenu ul{
	list-style: none;
}
nav.mainMenu ul li{
	display: inline-block;
	position: relative;
	float: left;
	border-right: 1px solid #fff;
}
nav.mainMenu ul li:last-child{
	border: none;
}
nav.mainMenu ul li a{
	text-decoration: none;
	line-height: 20px;
	color: #fff;	
	padding: 0 10px;
	font-size: 1.5em;
}
nav.mainMenu li.current-menu-item a { 
	color: #e9bd76; 
}

nav.mainMenu ul li a:hover{
	color: #e9bd76;	
	text-decoration: underline;
}
nav.mainMenu ul li a:focus{
	color: #e9bd76;	
	text-decoration: underline;
}
/* drop down menu */
nav.mainMenu li ul {
    display: none;
    position: absolute;
    background: #000;
    z-index: 99999;
    width: 200px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
nav.mainMenu li:hover > ul {
    display: block;
}

nav.mainMenu li ul li {
    float: none;
    width: 100%;
	border-right: none;
	text-align: center;
}

nav.mainMenu li ul li a {
    height: 30px;
    line-height: 30px;
}

nav.mainMenu li ul ul {
    background: #000;
    top: 0;
    left: 100%;
}

.openrespmenu { display: none; }

/* === LOGO === */
.logo{
	float: left;
	margin: 0 20px 10px 27px;
	width: 213px;
	height: 47px;
}

/* --- SEARCH --- */
input#s {
	width: 210px;
	height: 25px;
	margin: 10px;
	background: #fff;
    background-repeat: no-repeat;
    text-indent: 20px;
	border: 1px solid #ddddd7;
}

/* === STICKY POST === */
.sticky-post {
	background-color: #333;
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.04em;
	padding: 0.25em 0.5em;
	position: absolute;
	top: 0;
	text-transform: uppercase;
}

/* === GALLERY CAPTION === */
.gallery-caption {
	color: #707070;
	display: block;
	line-height: 1.5;
	padding: 0.5em 0;
}

/* === BYPOSTAUTHOR === */
.bypostauthor > article .fn:after {
	content: "\f304";
	position: relative;
	top: 5px;
	left: 3px;
}

/* === BLACK BOXES === */
.top-slider-content{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 2%;
	margin-left: 55%;
}
.top-slider-content img{
	width: 358px; 
	height: 112px;
}
.top-slider-content-mobile{
	display: none;
}
.check-in{
	width: 358px; 
	height: 112px;
	background: #000;	
	margin-bottom: 10px;
}
.top-slider-item{
  position: absolute;
  top: 20%;
  /*left: 15%;*/
  z-index: 2;
  /*right: 0;*/
  /*left: 15%;*/
  /*margin: 0 auto;*/
  width:28%;
  float: left;
}
.button{
	background: #000;
	margin-bottom: 5px;
	color: #fff;
	text-align: center;
	display: none;
}
.button a{
	padding: 5px;
	line-height: 40px;
	font-weight: bold;
}
.button a:hover{
	color: #e9bd76;
}

/* === BREADCRUMBS === */
ul#crumbs:before,
ul#crumbs:after {
    content: "";
    display: table;
} 
ul#crumbs:after {
    clear: both;
}
ul#crumbs{
	list-style: url('images/breadcrumb.png');
}
ul#crumbs li:first-child{
	list-style: none;
}
ul#crumbs li{
	position: relative;
	float: left;
	margin: 10px;
}
ul#crumbs li a{
	padding-right: 5px;
}

/* === CONTENT ARTICLE === */
.contentArticle{
	width: 76%;
	margin: 2%;
	float: left;
	position: relative;
}
.contentArticle article{
	margin-bottom: 5%;
}
.page .contentArticle{
	width: 98%;
	margin: 2% 2% 2% 0;
}
.single .contentArticle{
	width: 96%;
	margin: 2%;
}
.frontpage-content {
	width: 96%;
	margin: 2%;
}
.frontpage-content:before,
.frontpage-content:after {
    content: "";
    display: table;
} 
.frontpage-content:after {
    clear: both;
}

/* === PAGE ALL ROOMS CONTENT === */
.page-rooms-content{
	width: 100%;
	/*margin: 5% 0;*/
	position: relative;
}
.page-rooms-content  .page-rooms-description{
	width: 69%;
	float: right;
	padding: 0 1% 1% 0%;
	margin: 5% 0;
}
.page-rooms-button {
	width: 26%;
	float: left;
	background: #000;
	color: #fff;
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
	margin: 5.8% 0 1%;
}
.page-rooms-button p{
	line-height: 40px;	
	padding-right: 10px;
}
.page-rooms-content:before,
.page-rooms-content:after {
    content: "";
    display: table;
} 
.page-rooms-content:after {
    clear: both;
}

/* Slider on all rooms page */
.page-template-page-all-rooms .owl-rooms{
	max-width: 960px;
	height: auto;
	display: block;
	clear: both;
	margin: 0 auto 10px auto;
}
.page-template-page-all-rooms  .owl-rooms .owl-item img{
  display: block;
  width: 100%;
  height: auto;
}
.page-template-page-all-rooms .owl-rooms .owl-controls{
	top: 40%;
}
.page-template-page-all-rooms  .contentArticle .customNavigation{
	top: 5%;
}
.rooms_slideshow{
	position: relative;
}
.page-template-page-all-rooms #owl-demo .owl-nav{
	display: none;
}
.page #owl-demo .owl-nav{
	display: none;
}
.error404 #owl-demo .owl-nav{
	display: none;
}
.page-template-page-all-rooms .customNavigation{
	display: none;
}
.page-template-page-all-rooms .rooms_slideshow .customNavigation{
	display: block;
}
.page .customNavigation{
	display: none;
}
.error404 .customNavigation{
	display: none;
}

/* Slider on around the hotel page */
.page-template-page-around-the-hotel .owl-rooms{
	max-width: 960px;
	height: auto;
	display: block;
	clear: both;
	margin: 0 auto 10px auto;
}
.page-template-page-around-the-hotel  .owl-rooms .owl-item img{
  display: block;
  width: 100%;
  height: auto;
}
.page-template-page-around-the-hotel .owl-rooms .owl-controls{
	top: 40%;
}
.page-template-page-around-the-hotel  .contentArticle .customNavigation{
	top: 30%;
}
.page-template-page-around-the-hotel .rooms_slideshow .customNavigation{
	display: block;
}

/* === OTHER OPTIONS PAGE AND AROUND THE HOTEL 2 COLUMNS=== */
.other_options_right{
	width: 49%;
	float: right;
	margin-left: 1%;
	margin-top: 3%;
	line-height: 15px;
}
.other_options_right img{
	max-width: 100%;
	height: auto;
}
.other_options_left{
	width: 49%;
	float: left;
	margin-right: 1%;
	margin-top: 3%;
	line-height: 15px;
}
.other_options_left img{
	max-width: 100%;
	height: auto;
}

/* === SIDEBAR === */
#sidebar{
	float: right;
	width: 20%;
}

/* === POSTS BOXES === */
.box{
	width: 30%;
	margin: 0.5% 1.6666%;
	float: left;
	text-align: left;
	border-top: 1px dashed #6e6e6e;
}
.box img{
	width: 100%;
	height: auto;
	display: block;
}
#text-2,#text-3{
	max-width:890px;
	font-size:1.2em;
	line-height:24px;
}
.frontpage-content > div:nth-child(-n+3){
	border: none;
}
.entry p{
	color: #000;
	text-align: left;
	line-height:20px;
	font-size:1.2em;
}

.entry p a{
	padding: 10px;
	color: #000;
}
.box:before,
.box:after {
    content: "";
    display: table;
} 
.box:after {
    clear: both;
}

/* === FIRST CONTENT AREA === */
#first-content-area{
	width: 98%;
	padding: 1%;
	background: #d1d2d4;
	text-align: center;
	color: #000;
	position: relative;
	line-height: 15px;
}
#first-content-area .innerContent{
	max-width: 870px;
}
.page-template-page-around-the-hotel #first-content-area{
	text-align: left;
}

/* === FOOTER === */
#footer{
	width: 100%;
	background: #000;
	color: #fff;
	text-align: center;
	position: relative;
}
#footer-sidebar{
	max-width: 870px;
	margin: 0 auto;
	display: block;
}
#footer-sidebar aside .textwidget{
	padding: 5px;
}
#logo_footer{
	margin: 1% 0 2% 0;
}

nav.footer_menu {
	width: 100%;
	margin: 10px auto;
	display: block;
}
nav.footer_menu ul{
	list-style: none;
}
nav.footer_menu ul li{
	display: inline-block;
	border-right: 1px solid #fff;
}
nav.footer_menu ul li:last-child{
	border: none;
}
nav.footer_menu ul li a{
	text-decoration: none;
	line-height: 20px;
	color: #fff;	
	padding: 0 10px;
}
nav.footer_menu ul li a:hover{
	color: #e9bd76;	
	text-decoration: underline;
}
nav.footer_menu ul li a:focus{
	color: #e9bd76;	
	text-decoration: underline;
}
nav.footer_menu ul li ul{
	display: none;
}

#copyright{
	display: block;
	width: 100%;
	text-align: center;
	border-top: 1px solid #d1d2d4;
	padding: 10px 0;
}

/* === OWL CAROUSEL === */
/*
#owl-demo .item img{
	max-height: 650px !important;
}
.page-template-page-all-rooms .owl-rooms .owl-item img{
	max-height: 450px !important;
}
.owl-pagination{
	display: none;
}
.owl-controls{
	position: absolute;
	top: 60%;
	left: 0;
	right: 0;
	margin: 0 auto;
	max-width: 1000px;
	max-height: 85px;
}
.owl-theme .owl-controls .owl-nav div.owl-prev{
	float: left;
	background: url(images/arrow_left.png) no-repeat center center;
	width: 55px;
	height: 85px;
	opacity: 1;
	border-radius: 0;
}
.owl-theme .owl-controls .owl-nav div.owl-next{
	float: right;
	background: url(images/arrow_right.png) no-repeat center center;
	width: 55px;
	height: 85px;
	opacity: 1;
	border-radius: 0;
}

.customNavigation{
	position: absolute;
	left: 0;
	right: 0;
	top: 28%;
	bottom: 0;
	margin: auto;
	width: 71px;
	height: 78px;
    text-align: center;
}
.customNavigation .stop{
	width: 71px;
	height: 78px;
	background: url(images/stop-button.png) no-repeat center center;
	display: inline-block;
}
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.customNavigation a:hover{
	cursor: pointer;
	display: block;
}
*/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

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

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

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

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* 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: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 13px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

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

.owl-carousel-general {
	width: 100%;
	position: relative;
	margin-top: 115px;
}

.owl-carousel-general .owl-carousel {
	width: 100%;
}

.owl-carousel-general .owl-carousel .item {
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.owl-carousel-general .owl-carousel .item img{
	width: 100%;
	height: auto;
	/*min-height:600px;
	height: 650px;
	min-height: 200px;*/
}

.page-template-page-all-rooms .owl-carousel-general .owl-carousel .item {
	width: 100%;
	min-height: auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.page-template-page-all-rooms .owl-carousel-general .owl-carousel  .item img{
	width: 100%;
	min-height: auto;
	/*min-height:600px;
	height: 650px;
	min-height: 200px;*/
}

.page-template-page-around-the-hotel .owl-carousel-general .owl-carousel .item {
	width: 100%;
	min-height: auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.page-template-page-around-the-hotel .owl-carousel-general .owl-carousel  .item img{
	width: 100%;
	min-height: auto;
	/*min-height:600px;
	height: 650px;
	min-height: 200px;*/
}

.page-template-page-what-in-the-hotel .owl-carousel-general .owl-carousel .item {
	width: 100%;
	min-height: auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.page-template-page-what-in-the-hotel .owl-carousel-general .owl-carousel  .item img{
	width: 100%;
	min-height: auto;
	/*min-height:600px;
	height: 650px;
	min-height: 200px;*/
}

.owl-carousel-general .owl-carousel .owl-controls {
	width: 970px;
	/*margin-top: 340px;*/
	/*margin-top: 25%;*/
	transform: translateY(-80%);
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	top: 80%;
	right: 0;
	left: 0;
}

.owl-carousel-general .owl-carousel .owl-controls .owl-nav {}

.owl-carousel-general .owl-carousel .owl-controls .owl-nav .owl-prev {
	width: 72px;
	height: 93px;
	background: url("images/arrow_left.png") no-repeat;
	float: left;
}

.owl-carousel-general .owl-carousel .owl-controls .owl-nav .owl-next {
	width: 72px;
	height: 93px;
	background: url("images/arrow_right.png") no-repeat;
	float: right;
}

.owl-carousel-general .owl-carousel-container {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}

.owl-carousel-container img{
	width: 360px;
	height: 52px;
	display: none;
}

.owl-carousel-general .owl-carousel-container .carousel-box {
	width: 360px;
	height: 236px;
	background: #000;
	color: #fff;
	/*margin-top: 40px;*/
	margin-top: 2%;
	position: relative;
	z-index: 1;
	float: left;
}

.owl-carousel-general .owl-carousel-container .carousel-box img {
	display: block;
}

.owl-carousel-general .owl-carousel-container .carousel-box img:nth-child(2) {
	margin-top: 5px;
}

/*.owl-carousel-general .owl-carousel-container .stop-button {
	width: 71px;
	height: 78px;
	background: url("images/stop-button.png") no-repeat;
	margin-right: auto;
	margin-left: auto;
	position: absolute;*/
	/*top: 340px;*/
	/*top: 0;
	margin-top: 33%;
	right: 0;
	left: 0;
	cursor: pointer;
	display: none;
}*/

.owl-carousel-general .stop-button {
	width: 71px;
	height: 78px;
	background: url("images/stop-button.png") no-repeat;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	/*top: 340px;*/
	top: 80%;
	transform: translateY(-80%);
	/*margin-top: 33%;*/
	right: 0;
	left: 0;
	cursor: pointer;
	display: none;
	z-index: 999;
}

.owl-carousel-general .stop-button.active {
	display: block;
	z-index: 1;
}

.owl-carousel-general .play-button {
	width: 71px;
	height: 78px;
	background: url("images/play_button.png") no-repeat;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	/*top: 340px;*/
	top: 80%;
	transform: translateY(-80%);
	/*margin-top: 33%;*/
	right: 0;
	left: 0;
	cursor: pointer;
	display: none;
	z-index: 999;
}

.owl-carousel-general .play-button.active {
	display: block;
	z-index: 1;
}

/*
.owl-carousel-general.page-all-rooms {
	margin-top: 0;
}

.owl-carousel-general.page-all-rooms .owl-carousel .owl-controls {
	margin-top: 280px;
}

.owl-carousel-general.page-all-rooms .owl-carousel-container .stop-button,
.owl-carousel-general.page-all-rooms .owl-carousel-container .play-button {
	top: 290px;
}
*/


/***** === RESPONSIVE DESIGN === *****/


/* === MAX WIDTH 1250PX === */
@media screen and (max-width: 1250px) {
	.innerContent{
		width: 80%;
	}
	.top-slider-content{
		margin-left: 45%;
	}
	.top-slider-content img{
		width: 100%;
		height: auto;
	}
	.check-in {
		width: 100%;
		height: auto;
	}
	.owl-carousel-general .owl-carousel .owl-controls {
		width: 90%;
	}
	.owl-carousel-general .owl-carousel-container {
		width: 90%;
	}
}

/* === MAX WIDTH 1080PX === */
@media screen and (max-width: 1080px) {
	.innerContent{
		width: 90%;
	}
	.top-slider-content{
		margin-left: 25%;
	}

	/* === OWL CAROUSEL === */
	.owl-controls{
		top: 70%;
		width: 90%;
		height: auto;
	}
	.customNavigation{
		top: 60%;
	}
}

/* === MAX WIDTH 952PX === */
@media screen and (max-width: 952px) {
	/*
	.top-slider-content{
		margin-left: 25%;
	}
	.owl-controls{
		top: 75%;
	}
	.customNavigation{
		top: 30%;
	}
	.page-template-page-all-rooms  .contentArticle .customNavigation{
		top: 7%;
	}
	.owl-theme .owl-controls .owl-nav div.owl-prev{
		width:35px;
		height: 54px;
		background: url(images/arrow_left_mobile.png) no-repeat;
		margin: 0;
		padding: 0;
	}
	.owl-theme .owl-controls .owl-nav div.owl-next{
		width:35px;
		height: 54px;
		background: url(images/arrow_right_mobile.png) no-repeat;
		margin: 0;
		padding: 0;
	}	
	.customNavigation .stop{
		width: 41px;
		height: 45px;
		background: url(images/stop-button-mobile.png) no-repeat center center;
	}	
	.customNavigation{
		top: 50%;
		width: 41px;
		height: 45px;
	}
	*/
}

/* === MAX WIDTH 923PX === */
@media screen and (max-width: 923px){

}
.some-text-here {
	display: none;
}
.popup-offer {
	display: none;
}
/* === MAX WIDTH 800PX === */
@media screen and (max-width: 800px) {
	.popup-offer {
		background: #fff;
		position: absolute;
		border-radius: 4px;
		z-index: 999999;
		display: none;
	}
	.popup-offer.active {
		display: block;
		/*padding-top:39px;*/
	}
	.popup-offer .popup-offer-close {
		background: orange;
		display: block;
		padding: 5px 10px;
		color: #fff;
		position: absolute;
		top: 125px;
		margin-top:90px;
		right: 10px;
	}
	.owl-carousel-general {
		margin-top: 100px;
	}
	.owl-carousel-general .owl-carousel-container .carousel-box {
		display: none;
	}
	
	.owl-carousel-container img{
		width: 290px;
		height: 74px;
		margin: 0 auto;
		display: block;
		position: absolute;
		z-index: 999;
		top: 70px;
		left: 0;
		right: 0;
	}
	
	.some-text-here {
		width: 250px;
		height: 60px;
		/*line-height: 60px;*/
		
		text-align: center;
		background: #000;
		/*margin-top: 120px;*/
		/*margin: 450px auto 10px auto;
		margin: 60% auto 10px auto;*/
		margin: 0 auto;
		border-radius: 4px;
		display: block;
		position: relative;
		z-index: 1;
		color: #fff;
		font-size: 16px;
		/*float: left;*/
	}
	/* === POSTS BOXES === */
	.box{
		width: 46%;
		margin-top: 20px;
	}
	.box img{
		width: 96%;
	}
	.frontpage-content > div:nth-child(3){
		border-top: 1px dashed #6e6e6e;
	}
	/* === responsive menu === */
     .openrespmenu {
        width: 85px;
        height: 50px;
        background: url(images/respmenuicon.png) no-repeat center center;
        display: block !important;
        float: right;
		margin: 10px 10px 5px 0;
        -webkit-transition: all 0.5s cubic-bezier(.71, .48, .37, .94);
    	-moz-transition: all 0.5s cubic-bezier(.71, .48, .37, .94);
	    transition: all 0.5s cubic-bezier(.71, .48, .37, .94);
    }

    .mobilenavopen {
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	    filter: alpha(opacity=100);
    	opacity: 1 !important;
    	z-index: 99999 !important;
    }

    .openrespmenuactive {
	    width: 75px !important;
	}

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

	nav.mainMenu {
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transition: all 0.5s cubic-bezier(.71, .48, .37, .94);
    	-moz-transition: all 0.5s cubic-bezier(.71, .48, .37, .94);
	    transition: all 0.5s cubic-bezier(.71, .48, .37, .94);
	    height: auto;
	    min-height: 90px;
	    z-index: 1;
	    position: absolute;
	    top: 90px;
		left: 50%;
	    background: #000;
	    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2);
	    width: 40% !important;
	}
	
	nav.mainMenu ul li{
	    width: 100%;
	    float: none;	
		border: none;
	} 

	nav.mainMenu ul li a {
	    height: 40px;
	    line-height: 40px;
	    text-align: center;
	}
	
	nav.mainMenu li ul li{
		width: 70%;
	}
	
	/* OWL CAROUSEL CONTROLS */
	.owl-carousel-general .owl-carousel-container {
		top: 60%;
		transform: translateY(-60%);
		z-index: 999;
	}
	
	.owl-carousel-general .owl-carousel .owl-controls {
		transform: translateY(-40%);
		top: 40%;
	}
	
	.owl-carousel-general .owl-carousel .owl-controls .owl-nav .owl-prev {
		width: 35px;
		height: 54px;
		background: url("images/arrow_left_mobile.png") no-repeat;
	}

	.owl-carousel-general .owl-carousel .owl-controls .owl-nav .owl-next {
		width: 35px;
		height: 54px;
		background: url("images/arrow_right_mobile.png") no-repeat;
	}
	
	.owl-carousel-general .stop-button {
		width: 35px;
		height: 54px;
		background: url("images/stop-button-mobile.png") no-repeat;
		top: 40%;
		transform: translateY(-40%);
	}

	.owl-carousel-general .play-button {
		width: 35px;
		height: 54px;
		background: url("images/play_button_mobile.png") no-repeat;
		top: 40%;
		transform: translateY(-40%);
	}
	
	/* === OTHER OPTIONS PAGE === */
	.other_options_right{
		width: 98%;
		float: none;
		margin: 3% 1%;
		/*margin-top: 3%;*/
	}
	
	.other_options_left{
		width: 98%;
		float: none;
		margin: 3% 1%;
		/*margin-top: 3%;*/
	}
	
	/* === FOOTER === */

	#logo_footer{
		display: none;
	}

	nav.footer_menu {
		display: none;
	}
	
}

@media screen and (max-width: 781px) {
	.logged-in #header {
		top: 46px;
	}
}

/* === MAX WIDTH 610PX === */
@media screen and (max-width: 610px){
	.owl-carousel-general .owl-carousel-container {
		top: 70%;
		transform: translateY(-70%);
		height: 20%;
	}
	
	.owl-carousel-container img{
		width: 40%;
		height: 84%;
		top: 50px;
	}
	
	.some-text-here {
		width: 50%;
		height: 40px;
		font-size: 1em;
	}
	
}

/* === MAX WIDTH 400PX === */
@media screen and (max-width: 400px){
	.innerContent{
		width: 94%;
		margin: 0 3%;
	}

	.logo{
		width: 190px;
		height: 43px;
		margin: 10px 20px 10px 0;
	}
	
	.check-in{
		display: none;
	}
	
	/*.top-slider-item{
	left: 0;
	top: 10%;
	}*/
	.top-slider-content{
		margin: 18% auto 0 auto;
		float: none;
				z-index: 9999;
	}
	.top-slider-item{
		left: 0;
		right: 0;
		top: 30%;
		margin: 0 auto;		
	}
	.top-slider-item img{
		z-index: 9999;
	}
	.button{
		display: block;
	}
	
	/* === HEADER WIDGETS */
	#header-widgets{
		display: none;
	}
		
	/* === responsive menu === */
     .openrespmenu {
        width: 43px;
        height: 25px;
        background: url(images/respmenuicon-mobile.png) no-repeat center center;
		margin: 0 10px 20px 0;
		z-index: 1;
    }
	
	nav.mainMenu {
		top: 90px;
		margin-left: -10px;
	}
	
	.owl-carousel-container img{
		top: 40px;
	}
	
	.some-text-here {
		width: 40%;
		height: 30px;
		font-size: 0.8em;
	}
}

/* === 1550px - 1750px === */
@media screen and (min-width: 1751px) and (max-width: 1920px) {
	/*
	.customNavigation{
		top: 22%;
	}
	*/

/* === 1550px - 1750px === */
@media screen and (min-width: 1550px) and (max-width: 1750px) {
	/*
	.customNavigation{
		top: 25%;
	}
	*/
}