@import url(//fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(//fonts.googleapis.com/css?family=Raleway:500,700);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700);
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	letter-spacing: 0.5px;
	line-height: 1.42857143;
	color: #333333;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
}


@media (min-width: 1199px) {

	.container {
		width: 1120px;
	}

}

.container > p > span {
	font-family: 'Open Sans', sans-serif!important;
}
.container > p:first-child > span {
	font-size: 26px!important;
}
.container > p:not:first-child > span {
	font-size: 18px!important;
}

a {
	color: #42a8e2;
	outline: none;
	text-decoration: none;
    -webkit-transition: color .25s ease,background .25s ease;
	-moz-transition: color .25s ease,background .25s ease;
	-ms-transition: color .25s ease,background .25s ease;
	-o-transition: color .25s ease,background .25s ease;
	transition: color .25s ease,background .25s ease;
}
a:focus, a:hover {
	color: #298edd;
	outline: none;
	text-decoration: underline;
}
a:focus {
	outline: 0 auto -webkit-focus-ring-color;
	outline-offset: 0;
}

header {
	width: 100%;
	background: #fff;
	padding: 10px 0;
	box-shadow: 0px -5px 15px rgba(0,0,0,0.2);
	position: relative;
	z-index: 5;
}
header .logo-wrapper {
	width: 140px;
	height: auto;
	margin: 0 auto;
}
header .logo-wrapper img{
	width: 100%;
}

/* disabled due to something in select dosn't allow for background to be manipulated
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	text-indent: 1px;
	text-overflow: '';
	
	overflow: hidden;
	background: url(//theresort.co.il/en/assets/images/icons/icon-caret-48x48.png)!Important;
	background-repeat: no-repeat;
	background-position: right 9px;
	background-size: 24px;
	background-color: rgba(0,0,0,0.05);
} */
header #language {
	background-color: #fff;
	border: 1px solid lightgrey;
	border-radius: 0;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	-webkit-box-shadow: none;
	box-shadow: none;
	width: 160px;
	position: absolute;
	top: 0;
	right: 10px;
}
header #language option {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}
.hero-wrapper {
	position: relative;
	background-image: url(../images/hero-our-rooms-1600x500-02-gray.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 160px;
}
.hero-wrapper:after {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.8);
	content: '';
}
.hero-wrapper .page-heading {
	color: #298edd;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 2px 3px rgba(0,0,0,0.1);
	position: absolute;
	z-index: 4;
	margin: 0;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.page-heading:after,
.hru-center:after {
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -15px;
	width: 30px;
	content: "";
	background: #298edd;
	height: 2px;
}


.footer {
	border-top: 1px solid rgba(0,0,0,0.2);
	color: rgba(0,0,0,0.8);
	font-family: 'Montserrat', sans-serif;
	font-size: 90%;
	margin-top: 80px;
	padding: 50px 0;
	text-align: center;
	width: 100%;
}




.ekko-lightbox .modal-dialog {
    max-width: 815px !important;
    max-height: 542px !important;
}
button.Zebra_DatePicker_Icon_Inside {
	top: 12px!important;
	left: 113px!important;
}



form[action="step_1.php"] .table {
	margin-top: 40px;
}
form[action="step_1.php"] .table>tbody>tr>td:first-child {
	padding-top: 20px;
}
/*
form[action="step_1.php"] .table>tbody>tr:nth-of-type(odd) {
	background-color: rgba(0,0,0,0.01);
}
form[action="step_1.php"] .table>tbody>tr:nth-of-type(even) {
	background-color: rgba(0,0,0,0.035);
}
*/
form[action="step_1.php"] .table>thead>tr>th {
	vertical-align: middle;
	background-color: rgba(0,0,0,0.03);
	border-top: 1px solid rgba(0,0,0,0.04);
	border-bottom: 1px solid rgba(0,0,0,0.04);
}
form[action="step_1.php"] .table>tbody>tr {
	background-color: #fff;
	
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}	
form[action="step_1.php"] .table>tbody>tr:hover {
	background-color: rgba(41,142,221,0.07);
}		
form[action="step_1.php"] .table>tbody>tr:last-child:hover {
	background-color: #fff;
}


.breadcrumbs {
    text-align: center;	
}
.breadcrumbs .step-name-wrapper a {
	color: rgba(1,31,70,1);
	/*text-decoration: underline;*/
}
.breadcrumbs .step-name-wrapper a:hover, 
.breadcrumbs .step-name-wrapper a:focus {
	color: #298edd;
}
.breadcrumbs .step-wrapper {
	margin: 0 20px;
    text-align: center;	
}
.breadcrumbs .step-name-wrapper {
	color: rgba(1,31,70,1);
	font-size: 18px;
}
.breadcrumbs li:nth-child(odd){
	width: 19%;
}
.breadcrumbs .li-sep {
	vertical-align: super;
}
.breadcrumbs .hr span {
	opacity: 0.5;
	font-style: italic;
}

.breadcrumbs li.active .step-name-wrapper {
	color: #298edd;
	text-decoration: underline;
}	
	
	
	
/* Bootstrap overrides */
.breadcrumbs {
	background-color: #fff;
	border-top: 0 solid #ddd;
	border-bottom: 0 solid #ddd;
	margin: 40px 0;
}
/*.modal-backdrop.in {
	filter: alpha(opacity=90);
	opacity: .9;
}*/
.form-control {
	width: 100%;
	height: auto;
	padding: 10px 15px;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	background-color: #fff;
	opacity: 1;
}
.form-group,
.form-group label {
	margin-right: 10px;
}

input.coupon {
	display: inline-block;
	height: auto;
	padding: 8px 15px;
	width: 100%;
	line-height: 1.42857143;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
input.coupon:focus {
	outline: none;
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}


input[type="button"] {
	border-radius: 4px;
}


a.btn-primary,
input[type="button"],
input[type="reset"],
input[type="submit"],
button[type="reset"],
button[type="submit"] {
	background-color: rgba(41,142,221,0.7)!important;
	border: 1px solid rgba(41,142,221,0.2)!important;
	color: #fff;
	font-size: 14px;
	padding: 10px 15px!important;
	text-transform: uppercase;
	text-shadow: 0 0 0 transparent;
	background-image: initial;
	background-image: initial;
	background-image: initial;
	background-image: initial;
	
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

a.btn-primary:hover,
a.btn-primary:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
button[type="reset"]:hover,
button[type="reset"]:focus,
button[type="submit"]:hover,
button[type="submit"]:focus {
	background-color: rgba(41,142,221,1)!important;
	border: 1px solid rgba(41,142,221,1)!important;
	color: #fff;
	outline: none;
}

div.text-center > a.btn-primary {
	margin-top: 20px;
	font-size: 16px;
	padding: 12px 25px!important;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
	padding: 15px;
}
.table>tfoot>tr>td {
  border-top: 1px solid #fff;
  border-bottom: 1px solid rgba(0,0,0,0.03);
}

.modal-content {
	background-color: transparent;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 0 solid transparent;
	border: 0 solid rgba(0,0,0,0);
	-webkit-box-shadow: initial;
	box-shadow: initial;
}
.modal-header {
	border-bottom: 0 solid transparent;
}
.modal-header .close {
	color: #fff;
	filter: alpha(opacity=100);
	opacity: 1;
	font-family: serif;
	font-size: 22px;
	border-radius: 50%;
	background-color: rgba(255,255,255,0.3);
	width: 25px;
	height: 25px;
	position: absolute;
	z-index: 101;
	top: 53px;
	right: 0;
}
.modal-header .modal-title {
	color: #fff;
}

.ekko-lightbox-nav-overlay a {
	text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
	opacity: 1;
	
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

table.MsoTableGrid {
	margin-top: 20px;
	width: 100%;
}
table.MsoTableGrid  td {
	padding: 15px!important;
}




@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {

	form[action="index.php"] button[type="submit"] {
		margin-top: 15px;
	}

}


@media (min-width: 768px) {

	.modal-content {
		-webkit-box-shadow: initial;
		box-shadow: initial;
	}
	
	
}



/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {

	li.active .step-name-wrapper {
		text-transform: uppercase;
		font-weight: bold;
	}

	.breadcrumbs li:nth-child(odd) {
		width: 100%;
		display: block;
	}
	
	.form-group, .form-group label {
		margin-right: 0;
	}
	button.Zebra_DatePicker_Icon_Inside {
		left: 91%!important;
	}
	
	form[action="index.php"] button[type="submit"],
	.Zebra_DatePicker_Icon_Wrapper > input#startdate,
	.Zebra_DatePicker_Icon_Wrapper > input#enddate {
		width: 100%!important;
	}
	
	/* CHOOSE ROOMS: display block table heading */
	form[action="step_1.php"] {
		width: 100%;
	}
	form[action="step_1.php"] .table>thead>tr>th {
		display: block;
		text-align: right!important;
		width: 100%!important;
	}
	form[action="step_1.php"] > .table>tbody>tr>td {
		display: block;
		width: 100%!important;
	}
	form[action="step_1.php"] > .table>tbody>tr>td>a{
		display: block;
		width: 100%;
		height: auto;
	}
	form[action="step_1.php"] > .table>tbody>tr>td>a>img{
		width: 100%!important;
		height: auto!important;
	}
	
	
	/* ENTER YOUR DETAILS: display block table heading */
	.container > .breadcrumbs ~ .table>tbody>tr>td {
		display: block;
		padding: 5px;
		width: 100%!important;
	}
	
	
	/* CONFIRM YOUR RESERVATION: display block table heading */	
	form[action="step_3.php"] .table>thead>tr>th {
		display: block;
		text-align: left!important;
		width: 100%!important;
	}
	form[action="step_3.php"] > .table>tbody>tr>td,
	table.MsoTableGrid >tbody>tr>td	{
		display: block;
		text-align: left!important;
		width: 100%!important;
	}
	input.coupon,
	select.coupon_data,
	input.apply,
	input.discount,
	input.couponprice {
		display: block;
		width: 100%!important;
	}
	form[action="step_3.php"] > button[type="submit"]{
		display: block;
		margin-left: 15px;
		margin-right: 15px;
		width: 90%!important;
	}
	form[action="step_3.php"] > .checkbox {
		margin-top: 40px!important;
		padding: 0 15px;
	}
	form[action="step_3.php"] > .checkbox,
	form[action="step_3.php"] > .checkbox > label,
	form[action="step_3.php"] > table>tbody>tr>td > input {
		width: 100%!important;
	}
	
	
	
	
}