/* Booking Form

************************/



.booking-form-wrap {

	position: relative;

	width: 100%;

	text-align: left;

	margin: 0;

	padding: 0 0 7px;

	background: url(../images/black-angle.png) 0 100% repeat-x;

}

.booking-form-inner {

	padding: 0 33px 40px 9px;

	background: #1b1b1b;

}

.booking-form-wrap h2 {

	margin: 0 -33px 25px -9px;

	padding: 21px 30px 17px;

	background: #a12f19 url(../images/booking-title-tail.gif) 0 0 repeat-x;

	color: #fff;

	font-weight: bold;

	font-size: 20px;

	font-family: 'Lora', serif;

	line-height: 1.2;

	text-transform: uppercase;

	letter-spacing: -1px;

}

.booking-form fieldset {

	padding: 0;

	margin: 0;

	border: none;

	font-size: 0;

}

.booking-form  .row-item {

	position:relative;

	z-index:1;

}

.booking-form  .row-element {

	position: relative;

	display: inline-block;

	margin-bottom: 33px;

	margin-left: 21px;

	vertical-align: top;

	font-size: 12px;

}

	.booking-form  .row-element.alt {

		margin-left: 9px;

	}

.booking-form  .row-submit {

	text-align: right;

}

.booking-form  p {margin-bottom:10px; padding:0;}

.booking-form .field-name {

	display: none;

	color: #666;

}

.booking-form  select {

	background: #353535;

	border: none;

	outline: none !important;

	color: #666;

	font-size: 12px;

	height: 29px;

	line-height: 29px;

	padding: 5px 3px;

	width:85px;

	margin:0;

}

	.booking-form  #selectList {width: 187px;}

.booking-form  select option {padding:2px 5px;}

	.booking-form  select#selectedList {width: 272px;}



.booking-form  input[type="text"],

.booking-form  input[type="email"],

.booking-form  input[type="tel"],

.booking-form  input[type="date"] {

	width: 167px;

	height: 17px;

	padding: 7px 10px;

	margin: 0;

	background: #353535;

	color: #666;

	border: none;

	font-size: 12px;

	line-height: 17px;

	border-radius: 4px;

}

.booking-form input[type="text"]::-webkit-input-placeholder,

.booking-form input[type="email"]::-webkit-input-placeholder,

.booking-form input[type="tel"]::-webkit-input-placeholder,

.booking-form input[type="date"]::-webkit-input-placeholder {

	color: #666;

}

.booking-form input[type="text"]:-moz-placeholder,

.booking-form input[type="email"]:-moz-placeholder,

.booking-form input[type="tel"]:-moz-placeholder,

.booking-form input[type="date"]:-moz-placeholder {

	color: #666;

}

.booking-form input[type="text"]::-moz-placeholder,

.booking-form input[type="email"]::-moz-placeholder,

.booking-form input[type="tel"]::-moz-placeholder,

.booking-form input[type="date"]::-moz-placeholder {

	color: #666;

	opacity: 1;

}

.booking-form input[type="text"]:-ms-input-placeholder,

.booking-form input[type="email"]:-ms-input-placeholder,

.booking-form input[type="tel"]:-ms-input-placeholder,

.booking-form input[type="date"]:-ms-input-placeholder {

	color: #666;

}

.booking-form  input[type="text"]:focus,

.booking-form  input[type="email"]:focus,

.booking-form  input[type="tel"]:focus{

	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff;

	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff;

	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff;

}

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}

input[type="date"]::-webkit-calendar-picker-indicator {

	display:none;

	-webkit-appearance: none;

	margin: 0;

}

.booking-form  input.hasDatepicker {

	position: relative;

	z-index: 9;

	padding-right: 31px;

	width: 146px;

	cursor: pointer;

}

.booking-form input.hasDatepicker,

.booking-form input._datepicker {

	background: #353535 url(../images/datapicker-icon.png) 100% 0 no-repeat !important;

}

.booking-form  input[type="submit"] {

	margin: 0;

	padding: 0 17px;

	height: 31px;

	background: url(../images/submit-tail.gif) 0 0 repeat-x #a22f19;

	color: #fff;

	text-transform: uppercase;

	font-family: 'Lora', serif;

	font-size: 11px;

	line-height: 31px;

	font-weight: bold;

}

.booking-form  input[type="submit"]:hover {

	background: #a22f19;

}

.booking-form  .alert  {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 9999;

	overflow: hidden;

	display: none;

	padding: 0px 16px;

	margin: 0;

	font-size: 11px;

	line-height: 31px;

	border-radius: 2px

}

.booking-form  .alignright {margin:15px 34px 0 0;}



/* Single Booking form */

.single-booking {

	margin-bottom: 25px;

}

	.single-booking .booking-form  .row-element {

		margin-left: 10px;

		margin-bottom: 15px;

	}

	.single-booking .booking-form-inner {

		padding: 0 10px 30px;

	}

	.single-booking .booking-form-wrap h2 {

		margin: 0 -10px 15px;

	}

	.single-booking .booking-form  input[type="text"],

	.single-booking .booking-form  input[type="email"],

	.single-booking .booking-form  input[type="tel"],

	.single-booking .booking-form  input[type="date"] {

		width: 150px;

		height: 17px;

		padding: 7px 10px;

		margin: 0;

		background: #353535;

		color: #666;

		border: none;

		font-size: 12px;

		line-height: 17px;

		border-radius: 4px;

	}

	.single-booking .jClever.default .small .jClever-element-select-wrapper {

		width: 170px !important;

	}



.meta-list {

	margin-bottom: 25px;

}



.zIndex9 {z-index:9 !important;}

.zIndex10 {z-index:10 !important;}



#message {

	padding:20px;

	color:#000;

}

.booking-form  h3 {

	padding-left: 20px;

}

#message h3 {

	padding-left: 20px;

}

#message h4 {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:bold;

	line-height:1.25;

	text-transform:uppercase;

	margin:0 0 8px;

}

	#message h5 {

		font-family: Arial, Helvetica, sans-serif;

		font-size: 12px;

		font-weight: normal;

		margin: 0;

	}





/* Reservation Data */

.reservation-form-container {

	overflow:hidden;

	position:relative;

}

.reservation-form-inside {overflow:hidden;}

.reservation-form-container p {}

.reservation-form-user {

	width:550px;

	position:relative;

	overflow:hidden;

}

	.reservation-form-user  label {display:block;}

	.reservation-form-user span.wpcf7-form-control-wrap {display:inline-block;}

	.reservation-form-user  input[type="text"] {width:228px;}

	.reservation-form-user > p {

		margin:0 20px 10px 0;

		float:left;

	}

	.reservation-form-user .area {

		width:auto;

		margin-right:0;

		float:none;

		clear:both;

	}

	.reservation-form-user .area textarea {

		width:498px;

		max-width:498px;

		min-width:498px;

		margin:0;

	}

	.reservation-form-user .captcha {

		width:auto;

		margin-right:0;

		margin-bottom:20px;

		float:none;

		clear:both;

	}

	.reservation-form-user .captcha  input[type="text"] {width:105px;}

	.reservation-form-user .submit {

		width:auto;

		margin:0;

		padding:20px 0 0;

		float:none;

		clear:both;

	}

	.reservation-form-user input[type="checkbox"] {border:none; height:auto; padding:0;}



/* Custom form elements

***************************************/

.jClever.default {

	margin: 0px;

	padding: 0px;

}

.jClever.default .hidden {

	opacity: 0;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);

	position: absolute;

}

.jClever.default .jClever-element {

	outline: none;

	position: relative;

}

.jClever.default .select-row-item .jClever-element {

	float:left;

	margin-left:5px;

}

.jClever.default .select-row-item .jClever-element:first-child {margin:0;}

.jClever.default .jClever-element.error {}

.jClever.default .jClever-element * {

	outline: none;

}

.jClever.default .row-item {

   vertical-align: middle;

}

.jClever.default .row-item>label {

	display:-moz-inline-box; display:inline-block; *zoom: 1; *display:inline;

	vertical-align: middle;

	color:#000;

}

.jClever.default .row-item>.jClever-element {

	display:-moz-inline-box; display:inline-block; *zoom: 1; *display:inline;

	vertical-align: middle;

}



label.field {

	display:inline-block;

	padding:0 18px 0 5px;

	color:#fff;

}



/* SELECT */

.jClever.default .jClever-element-select-wrapper {

	position: relative;

	width: 187px !important;

	border: none;

	cursor: pointer;

	background: #353535;

	color: #666;

	border-radius: 4px;

	-webkit-transition: all .25s ease;

	   -moz-transition: all .25s ease;

	    -ms-transition: all .25s ease;

	     -o-transition: all .25s ease;

	        transition: all .25s ease;

}

	.jClever.default .jClever-element-select-wrapper:hover {

		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;

		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff;

		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;

	}

	.jClever.default .small .jClever-element-select-wrapper {width: 90px !important;}

.jClever.default .jClever-element-select-wrapper select {

	display: none;

}

.jClever.default .jClever-element select {

	display: none;

}

.jClever.default .jClever-element-select-center {

	white-space: nowrap;

	overflow: hidden;

	display: block;

	line-height: 17px;

	padding: 7px 5px;

	position:relative;

	z-index:1;

}

.jClever.default .jClever-element-select-right {

	position: absolute;

	top: 0px;

	right: 0px;

	z-index: 2;

	display: inline-block;

	overflow: hidden;

	width: 30px;

	height: 31px;

	text-align: center;

	font-weight: bold;

	line-height: 31px;

	cursor: pointer;

	border-left: 1px solid #1b1b1b;

	background: url(../images/select-right.png) 0 0 no-repeat;

	border-radius: 0 2px 2px 0;

}

.jClever.default .jClever-element-select-right span {

	display: none;

}

.jClever.default .jClever-element-select-list-wrapper {

	position: absolute;

	border: none;

	width: 100%;

	padding: 0px;

	margin: 0px;

	top: 100%;

	left: 0;

	background: #eee;

	display: none;

	height: 120px;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

}

.jClever.default .jClever-element-select-list {

	white-space: nowrap;

	padding: 0px;

	margin: 0px;

}

.jClever.default .jClever-element-select-list>li {

	list-style-type:none;

	padding: 0px 0 0px 10px;

	margin: 3px 0;

	color:#6C6D6F;

}

.jClever.default .jClever-element-select-list>li.active {

	font-weight: bold;

}

.jClever.default .jClever-element-select-list>li:hover {

	/*font-weight: bold;*/

	color: #FF3610;

}

.jClever.default .jClever-element-select-list>li:first-child {

	display:none;

}

.jClever.default .jClever-element-select-list>li>span {

	overflow: hidden;

	width: 100%;

	display: block;

	position: relative;

	height: 100%;

	white-space: normal;

}

.jClever.default .jClever-element-select-list>li>span>i {

	font-style: normal;

}



/* CHECKBOX */

.jClever.default .jClever-element-checkbox-twins {

	display: block;

	width: 15px;

	height: 15px;

	background: url(images/checkbox.png) no-repeat left bottom;

}

.jClever.default .jClever-element-checkbox-twins.checked {

	background-position: left top;

}





/* RADIO */

.switches {margin-top:15px !important;}

.jClever.default .jClever-element-radio-twins {

	display: block;

	width: 13px;

	height: 13px;

	background: url(images/radio.png) no-repeat 100% 0;

}

.jClever.default .jClever-element-radio-twins.checked {

	background-position: 0 0;

}



/* BUTTON */

.jClever.default button.styled {

	background: none;

	border: 0px;

	padding: 0px;

	margin: 0px;

	cursor: pointer;

}

.jClever.default button.styled>span {

	display:-moz-inline-box; display:inline-block; *zoom: 1; *display:inline;

	border: 1px solid #c0c0c0;

}

.jClever.default button.styled:hover>span {

	background: #c0c0c0;

	color: #fff;

}

.jClever.default button.styled>span>span {

	display:-moz-inline-box; display:inline-block; *zoom: 1; *display:inline;

	padding: 5px 15px;

}



/*input`s*/

.jClever.default .input-type-text {

	border: 1px solid #c0c0c0;

	line-height: 20px;

	padding: 0 4px;

	color: #c0c0c0;

}



/* textarea`s */

.jClever.default form.jClever textarea {

	border: 1px solid #c0c0c0;

	padding: 0 4px;

	color: #c0c0c0;

	resize: none;

}



/* file input */

.jClever.default .jClever-element-file {

	width: 300px;

	height: 27px;

	overflow: hidden;

}

.jClever.default .jClever-element .hidden-file {

	opacity: 0;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);

	position: absolute;

	left: 0px;

	width: 300px;

	padding: 0px;

	line-height: 20px;

	height: 25px;

	line-height: 25px;

	margin-left: -218px;

	font-size: 20px;

}

.jClever.default .jClever-element .jClever-element-file-name {

	display: block;

	width: 198px;

	height: 25px;

	float: left;

	border-bottom: 1px solid #c0c0c0;

	line-height: 25px;

	overflow: hidden;

	background: url(images/file-input.png) repeat-y right top;

}



.jClever.default .jClever-element .jClever-element-file-button {

	display: block;

	width: 100px;

	height: 25px;

	float: left;

	background: url(images/file.png) no-repeat left top;

	margin: 3px 0 0 0;

}

.jClever.default .input-file-helper {

	width: 100px;

	height: 25px;

	position: absolute;

	top: 0px;

	right: 0px;

	overflow: hidden;

}



.jClever.default .jClever-element.focused .jClever-element-file-name {

	-moz-box-shadow: inset 0 0 5px #000; /* Для Firefox */

	-webkit-box-shadow: inset 0 0 5px #000; /* Для Safari и Chrome */

	box-shadow: inset 0 0 5px #000; /* Параметры тени */

}



.jClever.default .jClever-error-label {

	position: absolute;

	left: 0px;

	top: 0px;

	margin-left: 100%;

	color: #fff;

	width: 100%;

	padding: 5px;

	background: #EA1010;

	display: none;

}

.jClever.default .jClever-element.error .jClever-error-label {

	display:-moz-inline-box; display:inline-block; *zoom: 1; *display:inline;

}



/* ScrollPane style */

.jspContainer

{

	overflow: hidden;

	position: relative;

	padding: 0;

}



.jspPane

{

	position: absolute;

}



.jspVerticalBar

{

	position: absolute;

	top: 0;

	right: 2px;

	width: 15px;

	height: 100%;

}



.jspHorizontalBar

{

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 16px;

	background: red;

}



.jspVerticalBar *,

.jspHorizontalBar *

{

	margin: 0;

	padding: 0;

}



.jspCap

{

	display: none;

}



.jspHorizontalBar .jspCap

{

	float: left;

}



.jspTrack

{

	background: none;

	position: relative;

}



.jspDrag

{

	position: relative;

	top: 0;

	left: 0;

	cursor: pointer;

	background: #1b1b1b;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

}



.jspHorizontalBar .jspTrack,

.jspHorizontalBar .jspDrag

{

	float: left;

	height: 100%;

}



.jspArrow-item

{

	background: #50506d;

	text-indent: -20000px;

	display: block;

	cursor: pointer;

}



.jspArrow-item.jspDisabled

{

	cursor: default;

	background: #80808d;

}



.jspVerticalBar .jspArrow-item

{

	height: 16px;

}



.jspHorizontalBar .jspArrow-item

{

	width: 16px;

	float: left;

	height: 100%;

}



.jspVerticalBar .jspArrow-item:focus

{

	outline: none;

}



.jspCorner

{

	background: #eeeef4;

	float: left;

	height: 100%;

}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */

* html .jspCorner

{

	margin: 0 -3px

}



/* Adaptive styles */

@media (min-width: 1200px) {

	.booking-form  #selectList {width: 240px;}

	.booking-form  input[type="text"],

	.booking-form  input[type="email"],

	.booking-form  input[type="tel"] {

		width: 220px;

	}

	.booking-form input.hasDatepicker {

		width: 202px;

	}

	.jClever.default .jClever-element-select-wrapper {

		width: 240px !important;

	}

}

@media (min-width: 768px) and (max-width: 979px) {

	.booking-form-inner {

		padding: 0 20px 20px 10px;

	}

	.booking-form-wrap h2 {

		margin: 0 -20px 15px -10px;

		padding: 15px 20px;

		font-size: 18px !important;

	}

	.booking-form .row-element {

		margin: 0 0 15px 12px !important;

		display: block;

		float: none;

	}

	.booking-form  input[type="text"],

	.booking-form  input[type="email"],

	.booking-form  input[type="tel"],

	.booking-form  input[type="date"],

	.booking-form  #selectList,

	.booking-form  select,

	.single-booking .booking-form  input[type="text"],

	.single-booking .booking-form  input[type="email"],

	.single-booking .booking-form  input[type="date"],

	.single-booking .booking-form  input[type="tel"] {

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		width: 100%;

		height: 31px;

	}

	.jClever.default .jClever-element-select-wrapper {

		width: 306px !important;

	}

	.jClever.default .small .jClever-element-select-wrapper {

		width: 148px !important;

	}

	.single-booking .jClever.default .jClever-element-select-wrapper,

	.single-booking .jClever.default .small .jClever-element-select-wrapper {

		width: 100% !important;

	}

}

@media (max-width: 767px) {

	.booking-form-inner {

		padding: 0 15px 20px;

	}

	.booking-form-wrap h2 {

		margin: 0 -15px 15px;

	}

	.booking-form .field-name {

		display: block;

	}

	.booking-form .row-element,

	.booking-form .row-element.alt,

	.single-booking .booking-form .row-element,

	.single-booking .booking-form .row-element.alt {

		display: block;

		float: none;

		margin: 0 0 10px;

	}

	.booking-form  input[type="text"],

	.booking-form  input[type="email"],

	.booking-form  input[type="tel"],

	.booking-form  input[type="date"],

	.booking-form  select,

	.booking-form  #selectList,

	.single-booking .booking-form  input[type="text"],

	.single-booking .booking-form  input[type="email"],

	.single-booking .booking-form  input[type="date"],

	.single-booking .booking-form  input[type="tel"]  {

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		width: 100%;

		height: 31px;

	}

	.booking-form select option:first-child {

		display: none;

	}

	.booking-form input[type="text"]::-webkit-input-placeholder,

	.booking-form input[type="email"]::-webkit-input-placeholder,

	.booking-form input[type="tel"]::-webkit-input-placeholder,

	.booking-form input[type="date"]::-webkit-input-placeholder {

		color: #353535;

	}

	.booking-form input[type="text"]:-moz-placeholder,

	.booking-form input[type="email"]:-moz-placeholder,

	.booking-form input[type="tel"]:-moz-placeholder,

	.booking-form input[type="date"]:-moz-placeholder {

		color: #353535;

	}

	.booking-form input[type="text"]::-moz-placeholder,

	.booking-form input[type="email"]::-moz-placeholder,

	.booking-form input[type="tel"]::-moz-placeholder,

	.booking-form input[type="date"]::-moz-placeholder {

		color: #353535;

		opacity: 1;

	}

	.booking-form input[type="text"]:-ms-input-placeholder,

	.booking-form input[type="email"]:-ms-input-placeholder,

	.booking-form input[type="tel"]:-ms-input-placeholder,

	.booking-form input[type="date"]:-ms-input-placeholder {

		color: #353535;

	}

	.jClever.default .jClever-element-select-wrapper,

	.jClever.default .small .jClever-element-select-wrapper {

		width: 100% !important;

	}

	.single-booking .jClever.default .jClever-element-select-wrapper,

	.single-booking .jClever.default .small .jClever-element-select-wrapper {

		width: 100% !important;

	}

	.row-submit {

		padding-top: 15px;

	}

	.wp-is-mobile .jClever.default .jClever-element-select-list>li:first-child {

		display: block;

	}

}

@media (max-width: 480px) {

	.booking-form-wrap h2 {

		font-size: 18px !important;

		line-height: 1.25 !important;

	}

}