﻿

body {
	margin: 0px;
	padding: 0px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
	font-size: 16px;
	line-height: 24px;
	color: #4b4d4d;
}

.nav-top
{
	background-color:#0D5760 !important;
	color:#FFFFFF;
}



a {
	color: #384d50;
	text-decoration: none;
	outline: 0 !important;
	webkit-transition: all 300ms ease;
      -moz-transition: all 300ms ease;
       -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
           transition: all 300ms ease;
}
img {
	border: none;
	/*display: block;*/
}
h1, h2, h3, h4, h5, h6 {
	font-family: Montserrat,Arial,Verdana,sans-serif;
    font-style: normal !important;
}
h1 {
	font-size: 30px !important;
	line-height: 30px !important;
	margin-top: 0 !important;
}
h2 {
	font-size: 23px;
	margin-top: 0 !important;
}
p {
	font-size: 16px;
	line-height: 26px;
	padding: 10px 0;
}
.wrapper {
	width: 100%;
	height: 100%;
	position: relative;
}
#header { margin-bottom: 20px; }
#header .text-right {
	font-family: Montserrat,Arial,Verdana,sans-serif;
	font-size: 15px;
	color: #fff;
}
#header .text-right h1 { margin-bottom: 0; }
#header .text-right a {
	font-family: Montserrat,Arial,Verdana,sans-serif;
	color: #fff;
}
#header .header-right {
	margin-right: 15px;
}
#header .btn-back {
	font-family: Montserrat,Arial,Verdana,sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #384d50 !important;
	border-radius: 0 0 10px 10px;
	background: url(img/arrow-left.png) no-repeat left;
	background-position: 8px 8px;
	background-color: rgba(255,255,255,.7);
	padding: 6px 10px 6px 20px;
	margin-bottom: 20px;
	display: inline-block;
}



.logo {
	border-radius: 0 0 10px 10px;
	padding: 5px;
	max-width:200px;
	margin:0px auto;
}

.nav-icons
{
	font-size:25px;
}

.nav-contacts
{
	color:#fdb734;
	padding-top:5px;
}
.nav-contacts a
{
	margin-right:13px;
	color:#fdb734;
}
.nav-icons a
{
	margin-right:13px;
	color:#FFFFFF;
}
.nav-icons a:hover, .nav-contacts a:hover
{
	color:#FFFFFF;
}

.logo a { outline: 0 }
.logo img { margin: 0 auto; }
.btn {
	font-size: 25px;
	text-transform: uppercase;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 13px 20px;
	display: inline-block ;
	border: 2px #fff solid ;
	color: #fff;
	width: auto;
}
.content-wrapper {
	position: relative;
	padding-bottom: 75px;
}
.main-content {
	padding: 15px;
	padding-top:0px;
	margin-top: 0px;
}
.content {
	padding: 0 0 0 20px;
}
aside {
	float: right;
}
aside.sidebar {
	width: 100%;
}
.form.amend-search {
	padding: 20px;
	position: relative;
	top: -223px;
	right:-16px;
	background:#F0F0F0;
	border:1px solid #0F4D55;
}
.form-wrapper {
	padding: 30px;
	margin-bottom: 20px;
	border: #0F4D55 0px solid;
	padding-top:0px;

}
.form-wrapper:after {
	content: ' ';
	height: 0;
	clear: both;
	visibility: hidden;
	display: block;
}
.form h2 {

	margin-bottom: 30px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 300;
	letter-spacing: 0px;
	color: #184546;
	font-size: 40px;
}
.form label {
	font-family: Montserrat,Arial,Verdana,sans-serif;
	font-size: 16px;
	color: #384d50;
	font-weight: normal !important;
	margin-bottom: 2px !important;
	display: block;
	clear: both;

}
.form label span {
	font-size: 12px;
}
.form .left {
	width: 48%;
	float: left;
	clear: both;
}
.form .right {
	width: 48%;
	float: right;
}

.form input[type='text'],
.form input[type='email'],
.form input[type='number'],
.form select,
.form textarea{
	font-size: 16px;
	line-height: 20px;
	color: #A5A5A5;
	display: block;
	padding: 6px 4px 4px;
	margin-bottom: 10px;
	border: #cdc8d4 1px solid;

	width: 100%;
	clear: both;
}
.form select {
	line-height: 30px;
}
.form input[type='submit'] {
	font-family: Montserrat,Arial,Verdana,sans-serif;
	font-size: 24px;
	text-transform: uppercase !important;
	padding: 10px 20px !important;
	margin-top: 20px !important;
	border: 1px #00a0e4 solid  !important;
	background-color: #fff;
	color: #0F4D55;
	outline: 0;
	width: 100%;

}
.form input[type='submit']:hover {
	background-color: #0F4D55;
	color: #fff;
}
.form .lookup-address {
	color: #fff;
	padding: 8px 30px 8px 15px;
	background: url(img/arrow-next.png) no-repeat;
	background-position: 95%;
	background-color: #3d4266;

	text-decoration: none;
	float: right;
	margin-bottom: 10px;
}
.form .lookup-address:hover {
	background-color: #07385c;
}
.form .lookup-guest {
	color: #fff;
	padding: 8px 30px 8px 15px;
	background: url(img/arrow-next.png) no-repeat;
	background-position: 95%;
	background-color: #384d50;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-decoration: none;
	float: right;
	margin-bottom: 10px;
}
.form .lookup-guest:hover {
	background-color: #07385c;
}
.form.booking {
	font-size: 16px;
	color: #384d50;
	margin-top: 20px;
}
.form.booking h2 {
	color: #384d50 !important;
	margin: 0 !important;
}
.form.booking h6 {
	font-family: Montserrat,Arial,Verdana,sans-serif;
	font-size: 18px !important;
	margin-top: 20px;
}
.form.booking p { margin: 0 0 10px 0 !important; }
.form.booking input,
.form.booking textarea {
	padding: 6px 8px;
	margin: 15px 0;
}
.form.booking .left,.form.booking .right { width: 49%; }
.form.booking input[type=checkbox],
input[type=checkbox] {
  position:absolute;
  z-index:-1000;
  left:-1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height:1px;
  width:1px;
  margin:-1px;
  padding:0;
  border:0;
}
.form.booking input[type=checkbox] + label.css-label,
.form.booking input[type=checkbox] + label.css-label.clr,
input[type=checkbox] + label.css-label,
input[type=checkbox] + label.css-label.clr {
  padding-left:40px;
  display:inline-block;
  line-height:15px;
  background-repeat:no-repeat;
  background-position: 0 0;
  vertical-align:middle;
  cursor:pointer;
}
.form.booking input[type=checkbox]:checked + label.css-label,
.form.booking input[type=checkbox] + label.css-css-label.chk,
input[type=checkbox]:checked + label.css-label,
input[type=checkbox] + label.css-css-label.chk {
  background-position: 0 -27px;
}
.form.booking label.css-label,
label.css-label {
	font-family: Montserrat,Arial,Verdana,sans-serif;
  font-size: 16px !important;
  font-weight: normal;
  line-height: 21px !important;
  background-image:url(img/checkbox.png);
  height: 27px;
  max-height: 27px;
  background-repeat: no-repeat;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 6px 0 !important;
}
.form.booking .subscribe,
.terms {
	margin: 20px 0 30px 0;
}
.choose {
	font-size: 16px;
	line-height: 28px;
	color: #444444;
	margin-top: 10px;
}
.choose .promocode {
	width: 48%;
	float: right;
	margin: 10px 0 20px 0;
	color: #444444;
}
.choose .promocode label {
	float: left;
	display: inline-block;
	color: #444444;
}
.choose .promocode input[type='text'] {
	float: right;
	width: 35%;
	clear: none
}
.choose input[type='submit'] {
	font-family: Montserrat,Arial,Verdana,sans-serif;
	font-size: 24px;
	line-height: 28px;
	color: #fff;
	background-color: #5c89b5;
	border-color:#5c89b5 !important;
	/*border-radius: 4px;*/
	text-transform: uppercase;
	margin: 20px 0;
	width: 40%;

}
.choose input[type='submit']:hover {
	color: #fff;
	background-color: #b2dcf6;
	text-decoration: none;
	border-color:#b2dcf6 !important;
}



.terms a { color: #5c89b5; text-decoration: underline; }
.terms a:hover { color: #006ba1; text-decoration: none; }
.form.booking .divider,
.divider {
	border-top: #eee 1px solid;
	border-bottom: #eee 1px solid;
	height: 5px;
	margin: 20px 0;
	display: block;
	clear: both;
}
.secure-payment h2 {

}
.geotrust { float: right; }
.secure-payment div,
.secure-payment-fields div {
	display: block;
	margin: 15px 0 !important;
}
.secure-payment-fields div:after {
	content: ' ';
	height: 0;
	visibility: hidden;
	clear: both;
	display: block;
}
.secure-payment-fields label {
	width: 130px;
	margin-top: 5px;
	float: left;
	display: inline-block;
}
.secure-payment-fields div .from-date { margin: 0 !important;}
.secure-payment-fields div .from-date label {
	width: auto;
	margin-right: 5px;
}
.secure-payment-fields div .from-date div {
	float: left;
	padding-right: 20px;
	margin: 0 !important;
}
.secure-payment-fields input[type='text'],
.secure-payment-fields select {
	width: 82%;
	margin: 0 !important;
	display: inline-block !important;
	float: left;
	clear: none;
}
.secure-payment-fields input[type='number'] {
	width: 60px;
	margin: 0 !important;
	display: inline-block !important;
	float: left;
	clear: none;
}
.secure-payment-fields input[type='text'].cv2 { width: 115px; float: left;}
.secure-payment-fields {
	margin-bottom: 30px;
	padding-top: 10px;
	clear: both;
}
.from-date {
	float: left;
	display: inline-block;
}
.pay-wrapper {
	clear: both;
	margin: 20px 0 30px 0;
}
.pay-wrapper .left {
	width: 49%;
	float: left;
}
.pay-wrapper .right {
	width: 49%;
	float: right;
}
.pay, .card {
	border: #f7f7f7 2px solid;
	background-color: #f7f7f7;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position: relative;
	margin-bottom: 10px;
}
.pay:after, .card:after {
	content: ' ';
	height: 0;
	clear: both;
	visibility: hidden;
	display: block;
}
.pay label,
.card label {
    font-family: "PT Sans",sans-serif;
	font-size: 22px;
	line-height: 24px !important;
	margin: 0 !important;
	color: #999999;
	display: block;
	width: 100%;
	padding: 15px;
	float: left;
}
.pay label span {
    font-family: "PT Sans",sans-serif;
	font-size: 16px;
	line-height: 21px;
	display: block;
	margin-top: 10px;
}
.card label span {
    font-family: "PT Sans",sans-serif;
	font-size: 16px;
	line-height: 21px;
	display: block;
	margin-top: 30px;
	clear: both;
}
.card label h4 {
	font-size: 20px !important;
	margin: 13px 0 13px 0 !important;
}
.pay input[type=radio],
.card input[type=radio] {
  display: none;
}
.pay input[type=radio] + label.pay-label,
.card input[type=radio] + label.card-label {
  padding-left: 20px;
  display:inline-block;
  line-height:15px;
  vertical-align:middle;
  cursor: pointer;
}
.pay .circle {
	background-color: #fff;
	border: #999999 2px solid;
	width: 25px;
	height: 25px;
	display: block;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	margin: 0 10px 20px 0;
	float: left;
}
.card .ico-card {
	float: left;
	margin-right: 5px;
	background: url(img/card.png) no-repeat center;
	width: 79px;
	height: 53px;
}
.pay.selected,
.card.selected {
	border: #0F4D55 2px solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position: relative;
	margin-bottom: 10px;
}
.pay.selected label {
    font-family: "PT Sans",sans-serif;
	font-size: 22px;
	margin: 0 !important;
	color: #384d50;
	display: block;
	width: 100%;
	background: url(img/ico-check1.png) no-repeat;
	background-position: 98%;
	padding: 15px;
}
.pay.selected label span {
    font-family: "PT Sans",sans-serif;
	font-size: 16px;
	display: block;
	margin-top: 10px;
}
.pay.selected .circle {
	background-color: #fff;
	border: #384d50 5px solid;
	width: 20px;
	height: 20px;
	display: block;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	margin: 0 10px 25px 5px;
	float: left;
}
.card.selected label {
	color: #384d50;
}
.card.selected .ico-card {
	background: url(img/card-selected.png) no-repeat;
}
.billing-ad h2 {
	background: url(img/ico-pinpoint.png) no-repeat left;
	padding: 10px 0 10px 40px;
}
.billing-ad .left input,
.billing-ad .right input {
	margin: 0;
}
.terms {
	color: #384d50;
	margin: 30px 0 20px 0;
}
.terms h2 {

}
.form.booking input:required, .form.bookingtextarea:required {
	background: #fff url(img/red_asterisk.png) no-repeat right;
	background-position: 99%;
	box-shadow: none;
}
.form.booking input:required:valid, .form.booking textarea:required:valid {
	background: #e8f5e3 url(img/ico-correct.png) no-repeat right;
	background-position: 99%;
    box-shadow: 0 0 5px #009e11;
    border-color: #009e11;
}
.form.booking input:focus:invalid, .form.booking textarea:focus:invalid {
	background: #f8e7e7 url(img/ico-wrong.png) no-repeat right;
	background-position: 99%;
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535;
}
.sidebar .book { margin-bottom: 20px; }
.include,
.sidebar .book {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: #384d50 1px solid;
	padding: 5px;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
}
.include h2,
.sidebar .book h2 {
	color: #384d50;
	padding: 10px 5px 0;
}
.sidebar .book h2 { font-size: 20px !important; }
.include img { width: 100%; }
.sidebar .book img { width: 98%; margin: 0 auto;}
.include ul.list,
.sidebar .book ul.list {
	margin: 10px 0;
	padding: 0;
}
.include ul.list li,
.sidebar .book ul.list li {
    font-family: "PT Sans",sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #384d50;
	list-style: none;
	background: url(img/ico-check.png) no-repeat;
	background-position: 0 5px;
	padding: 6px 5px 6px 30px;
}

/*Star Act - Nov 2017 */
.star-act {
    width:100%;
    display:inline-block;
    background-color: #a12262;
    color:#fff;
    font-size:20px;
    padding: 13px 25px 15px 30px;
    box-sizing: border-box;
	-webkit-border-radius: 10px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
}
.star-act h2 {
    font-size:30px;
    font-family: "PT Sans",sans-serif;
    margin:0 0 5px;
}
.star-act p {padding:0; margin:0;}
.star-act img {
    float:right;
    margin: 0 0 0 15px;
}

.btns {
	margin: 20px 0;
}
.btns:after {
	content: ' ';
	height: 0;
	clear: both;
	visibility: hidden;
	display: block;
}
.btn-container {
	clear: both;
	text-align: center;
}
.your-selection {
    font-family: "PT Sans",sans-serif;
	font-size: 32px;
	line-height: 32px;
	color: #fff;
	text-align: center;
	background-color: #0F4D55;
	padding: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position: relative;
	width: 30%;
	display: block;
	margin: 0 auto;
}
.your-selection span {
	font-size: 16px;
	line-height: 21px;
	display: block;
	padding: 0 10px;
	margin: 5px 0;
	position: relative;
	z-index: 1;
}
.your-selection .arrow {
	background: url(img/arrow-down.png) no-repeat center;
	background-position: 8px 23px;
	background-color: #0F4D55;
	padding: 10px;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	width: 42px;
	height: 42px;
	position:absolute;
	bottom: -15px;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}
.btns .btn-prev {
	float: left;
	width: 32%;
}
.btns .btn-next {
	float: right;
	width: 32%;
}
.btns .btn-prev,
.btns .btn-next {
    font-family: "PT Sans",sans-serif;
	font-size: 22px;
	line-height: 18px;
	text-transform: uppercase;
	color: #0F4D55;
	border: #0F4D55 1px solid;
	margin-top: 20px;
	padding: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	display: block;
}
.btns .btn-prev:hover,
.btns .btn-next:hover {
	background-color: #0F4D55;
	color: #fff;
	text-decoration: none
}
.btns .btn-prev span,
.btns .btn-next span {
    font-family: "PT Sans",sans-serif;
	font-size: 16px;
	line-height: 16px;
	display: inline-block;
	text-transform: none;
}
.btns .btn-prev {
	text-align: right;
}
.btns .btn-next {
	text-align: left;
}
.btns .btn-prev .arrow {
	background: url(img/arrow-prev.png) no-repeat center;
	background-color: #0F4D55;
	padding: 10px;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	width: 36px;
	height: 36px;
	float: left;
}
.btns .btn-next .arrow {
	background: url(img/arrow-next.png) no-repeat center;
	background-color: #0F4D55;
	padding: 10px;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	width: 36px;
	height: 36px;
	float: right;
}
/* not found */
.notfound {
	text-align: center;
	margin: 40px 0;
}
.notfound img {
	margin: 0 auto;
}
.notfound h1 {
	font-size: 30px !important;
	line-height: 34px !important;
	color: #e03636;
	margin: 10px 0 30px 0 !important;
}
.notfound h2 {
    font-family: "PT Sans",sans-serif;
	line-height: 24px !important;
	color: #384d50;
	margin: 0 0 30px 0 !important;
}
.notfound .close-matches {
	max-width: 80%;
	margin: 20px auto;
	padding: 10px 5px;
    font-family: "PT Sans",sans-serif;
	font-size: 24px;
	line-height: 26px;
	color: #0F4D55;
	border: #0F4D55 2px solid;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
}
/* unit group */
.unit-group {
    font-family: "PT Sans",sans-serif;
	color: #384d50;
	overflow: hidden;
	display: table;
	width: 100%;
}
.unit-group.budget { background-color: #fff; }
.unit-group.mid { background-color: #fff; }
.unit-group.luxury { background-color: #fff; }
.unit-group.upgrade { background-color: #fff; }

.unit-group .unit-wrapper {
	border: #b2dcf6 1px solid;
}
.unit-group .unit-wrapper .right {

}

.unit-group.budget .unit-wrapper {
	border: #DFDCC4 5px solid;
}



.unit-group.budget .unit-wrapper .right {

}
.unit-group .unit-header {
	color: #384d50;
	position: relative;
}
.unit-group.upgrade .unit-header,.unit-group.upgrade .unit-header .title h2 { color: #fff !important; }
.unit-group.upgrade .unit-wrapper {
	border: #20864a 1px solid;
}
.unit-group.upgrade .unit-wrapper .right {
	border-left: #0F4D55 1px solid;
}
.unit-group .unit-header .title h2 {
	margin: 0;
}
.unit-group .unit-header {
	font-size: 16px;
}
.amend-search .hide-show,
.unit-group .hide-show,
.holiday-summary .hide-show {
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: none;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 15px;
	background-color: #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #384d50;
}
.amend-search .hide-show:hover,
.unit-group .hide-show:hover {
	background-color: #384d50;
	color: #fff;
}
.amend-search .hide-show {
	position: absolute;
	right: 10px;
	top: 20px;
	display: none;
}
.holiday-summary .hide-show {
	position: absolute;
	right: 25px;
	top: 20px;
	display: none;
}
.accordion-toggle {cursor: pointer;}
.accordion-content {display: none;}
.accordion-content.default {display: block;}
#summary-container { margin-bottom: 20px}
.unit-wrapper {
	clear: both;
	background-color: #fff;
	margin-bottom: 20px;
}
.unit-wrapper:after,.unit-wrapper .unit:after {
	content: ' ';
	height: 0;
	clear: both;
	visibility: hidden;
	display: block;
}
.unit-wrapper .unit {
	padding: 15px 5px 15px 15px;
	width: 65%;
	display: table-cell;
	position: relative;
}
.unit-wrapper .unit .look-at {
	font-size: 12px;
	line-height: 12px;
	color: #e03636;
}

.unit-wrapper .unit h2 {
	color: #384d50;
	font-size: 27px;
	font-family: "PT Sans",sans-serif !important;
}

.unit .img {
	width: 35%;
	float: left;
}
.unit .img img {
	width: 100%;
}
.unit .content {
	width: 63%;
	float: right;
	padding: 0;
}
.unit .icons {
	margin: 0;
	padding: 0;
}
.unit .icons li {
	list-style: none;
	display: inline-block;
	border: #b2dcf6 1px solid;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 2px;
}
.unit .content p {
	padding: 5px 0;
	margin: 0;
	line-height: 21px;
	color: #384d50;
}
.unit .content ul.list {
	margin: 0;
	padding: 0;
}
.unit .content ul.list li {
    font-family: "PT Sans",sans-serif;
	font-size: 16px;
	line-height: 18px;
	display:inline;
	color: #384d50;
	list-style: none;
	width: 50%;
	height: 40px;
	float:left;
	background: url(img/ico-check.png) no-repeat;
	background-position: 0 5px;
	padding: 6px 0 5px 30px;
}
.unit .content ul.list:after {
	content: ' ';
	height: 0;
	clear: both;
	visibility: hidden;
	display: block;
}
.unit .content .see-details {
	font-family: Montserrat,Arial,Verdana,sans-serif;
	text-decoration: none;
	padding: 0 15px;
	margin-top: 10px;
	color: #FFFFFF;
	background-color: #384d50;
	border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	display: inline-block;
	clear: both;
	outline: 0;
}
.unit .content .see-details:hover {
	color: #fff;
	background-color: #384d50;
}
.unit-wrapper .right {
	width: 25%;
	display: table-cell;
	position: relative;
	border-left: 5px solid #DFDCC4;
	padding-left: 5px;
	padding-right: 5px;
}
.unit-wrapper .right .price {
	font-size: 16px;
	line-height: 16px;
	color:#384d50;
}


.unit-wrapper .right .price span {
    font-family: "PT Sans",sans-serif;
	font-size: 33px;
	line-height: 34px;
	display: block;
}




.unit-wrapper .right .date {
	font-size: 14px;
	line-height: 16px;
	margin-top: 10px;
}
.unit-wrapper .right .date span {
	text-transform: uppercase;
	display: block;
}
.unit-wrapper .right .book,.btn-upgrade {
	font-family: Montserrat,Arial,Verdana,sans-serif;
	text-decoration: none;
	/*border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;	*/
	margin: 5px 0 !important;
	display: block;
	color: #fff;
	text-align: center;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);
	outline: 0;
	margin: 0 auto;
}
.unit-wrapper .right .book {
	font-size: 17px;
	line-height: 24px;
	background-color: #002e5d;
	border: 1px #002e5d solid  !important;
	padding-top: 15px;
	padding-bottom: 15px;
}


.unit-wrapper .right .book:hover {
	border: 1px #384d50 solid  !important;
	color: #fff;
	background-color: #384d50;
}
.btn-upgrade {
	font-size: 12px;
	line-height: 12px;
	padding: 10px 5px !important;
	background-color: #00345b;
	border: 1px #00345b solid  !important;
}
.btn-upgrade:hover {
	border: 1px #00345b solid  !important;
	color: #00345b;
	background-color: transparent;
	text-decoration: none;
}
.flash {
	font-size: 18px;
	color: #fff;
	padding: 1px;
	margin: 5px 0;
	width: auto;
	text-align: center;
	background-color: #e03636;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
/* action page */
.action {
	margin: 40px 0;
	text-align: center;
}
.action .page {
	margin: 0;
	padding: 0;
}
.action .page li {
    font-family: "PT Sans",sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #fff;
	text-align: center;
	background-color: #e2e2e2;
	border: #eaeaea 5px solid;
	padding: 40px 0;
	width: 120px;
	height: 120px;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	list-style: none;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;

}
.action .page li.active {
	background-color: #384d50;
	border: #99d6d9 5px solid;
}
.action .page li.finished {
	background: url(img/ico-finish.png) no-repeat center;
	background-position: center 10px;
	background-color: #66bc81;
	border: #7fd199 5px solid;
}
.action .page li.arrow {
	background: #eaeaea url("img/arrow-next.png") no-repeat scroll center center;
	border: 0;
    border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
    height: 45px;
    width: 45px;
    padding: 10px;
}
.action .page li.arrow.active {
	background-color: #384d50;
}
.action .page li.arrow.finished {
	background-color: #7fd199;
}
/* holiday summary */
.holiday-summary {

	margin-bottom: 30px;
}


.holiday-summary h2 {
	color: #fff;
	text-align: center;
	background-color: #111442;
	padding: 20px 0;
	font-family: Montserrat,Arial,Verdana,sans-serif;
    font-style: normal !important;
    font-weight: 400 !important;
}


.summary-container {
	padding: 0 15px;
}
.holiday-summary .arrival {
	font-size: 16px;
	padding-top: 10px;
}
.holiday-summary .group {
	margin-top: 20px;
}
.holiday-summary .group label {
    font-family: "PT Sans",sans-serif;
	font-weight: normal;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0;
}
.holiday-summary .group ul {
	margin: 0;
	padding: 0;
}
.holiday-summary .group ul li {
    font-family: "PT Sans",sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 5px 0;
	list-style: none;
	vertical-align: middle;
	clear: both;
}
.holiday-summary .group ul li span {
    font-family: "PT Sans",sans-serif;
	float: right;
}
.holiday-summary .group ul li a {
	display: inline-block;
	vertical-align: middle;
}

.holiday-summary .total-cost {
	font-size: 18px;

	text-align: center;

}


.holiday-summary .total-cost span {
    font-family: "PT Sans",sans-serif;
	font-size: 34px;
	display: block;
}
/* block */
.block {
	width: 100%;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	display: table;
}
.block .img img { width: 100%; }
.block h2 {
	color: #007177;
	margin-bottom: 10px !important;
}
.block h4 {
    font-family: "PT Sans",sans-serif;
	font-size: 21px;
	color: #737373;
}
.block p {
	color: #464646;
	margin: 0 !important;
	padding: 0 !important;
}
.block .left {
	padding: 3px;
	display: table-cell;
	vertical-align: middle;
}
.block .right { text-align: right; display: table-cell; vertical-align: middle; }
.block .bar p {
	font-size: 14px;
	line-height: 18px;
	color: #ffffff;
}
.block .bar.recommended {
	background-color: #26a65b !important;
	color: #fff !important;
}
.block .bar {
	font-size: 18px;
	color: #333;
	background-color: #FFFFFF;
	padding: 10px;
	margin-top: 8px;
	width: 100%;
	clear: both;
	display: table;
	border: 1px solid #DFDCC4;
}
.block .bar:after {
	content: ' ';
	height: 0;
	clear: both;
	visibility: hidden;
	display: block;
}
.block .bar input[type='number'] {
	color: #adadad;
	width: 90px;
	padding: 2px 0 2px 10px;
	border: #adadad 1px solid;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	vertical-align: middle;
	margin-right: 10px;
}
.block .bar .btn-add {
	font-family: Montserrat,Arial,Verdana,sans-serif;
	color: #0F4D55;
	text-transform: uppercase;
	padding: 3px 12px 3px 12px;
	border: 0;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4);
	background-color:  #f4f4f4;
	display: table-cell;
    vertical-align: middle;
    webkit-transition: all 300ms ease;
      -moz-transition: all 300ms ease;
       -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
           transition: all 300ms ease;
}
.block .bar .btn-add:hover {
	background-color: #e7e7e7;
}
.block.petfriendly-gray {
	background-color: #e2e2e2 !important;
}
.block.petfriendly-gray h2 {
	color: #999999 !important;
}
.block.petfriendly-gray .bar {
	color: #fff;
	background-color: #999999;
}
.block.petfriendly-red {

}
.block.petfriendly-red h2 {

}
.block.petfriendly-red .bar {
	color: #fff;
	background-color: #d2281e;
}
.block.petfriendly-red .bar input[type='number'] {
	color: #d2281e;
	border: #efb5b5 1px solid;
}
.block.petfriendly-gray h2, .block.petfriendly-red h2 {
	margin-bottom: 5px !important;
}
.block.petfriendly-gray p, .block.petfriendly-red p {
	color: #464646;
	margin: 15px 0 !important;
}
.block .bar .recommended-txt {
	background: url(img/ico-like.png) no-repeat left;
	padding: 3px 0 3px 35px;
	margin: 3px 10px 3px 0;
	display: inline-block;
}
.bckto-availability {
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #b2dcf6;
	background-position: 10px;
	padding: 10px;
	display: inline-block;
	margin-top: 10px;
}
.bckto-availability:hover {
	background-color: #006ba1;
	color: #FFFFFF;
	text-decoration: none;
}
.continue-booking,
.paynow {
	font-family: Montserrat,Arial,Verdana,sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	background: #be873c;
	border: 2px solid #be873c;
	padding: 10px;
	display: inline-block;
	float: right;
	margin-bottom: 20px;
}
.continue-booking:hover,
.paynow:hover {
	color: #fff;
	border-color: #c7934c;
	background: #845e2a;
	text-decoration: none;
}
.return {
	font-family: Montserrat,Arial,Verdana,sans-serif;
	font-size: 24px;
	line-height: 26px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	background: url(img/btn-arrow-right.png) no-repeat;
	background-color: #0F4D55;
	background-position: 96%;
	padding: 12px 50px 12px 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4);
	display: inline-block;
	margin: 20px 15px;
}
.return:hover {
	color: #fff;
	background-color: #1a703d;
	text-decoration: none;
}
.paynow { padding-right: 70px !important; }
.paynow img {
	float: left;
	margin-right: 15px;
}
/* confirmation */
.confirmation {
	padding: 0 50px;
	color: #384d50;
}
.confirmation h1 {
	font-size: 35px;
	text-align: center;
}
.confirmation h3 {
	font-family: Montserrat,Arial,Verdana,sans-serif;
	font-size: 28px !important;
	margin: 5px 0 !important;
}
.confirmation h4 {
	font-family: Montserrat,Arial,Verdana,sans-serif;
	font-size: 26px !important;
	margin: 5px 0 !important;
}
.confirmation .name {
	font-size: 20px;
}
.print-confirmation {
	font-size: 18px;
	color: #007177;
	text-decoration: none;
	background: url(img/ico-arrowright.png) no-repeat;
	background-color: #c0e6e8 ;
	background-position: 95%;
	padding: 6px 35px 6px 15px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	display: inline-block;
	margin-top: 10px;
	width: 100%;
}
.print-confirmation:hover {
	background-color: #99d6d9;
	text-decoration: none;
}
.booking-reference {
	font-size: 18px;
	line-height: 21px;
	color: #fff;
	text-align: center;
	background-color: #384d50;
	padding: 15px 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-top: 10px;
}
.booking-reference span {
	font-family: Montserrat,Arial,Verdana,sans-serif;
	font-size: 35px;
	line-height: 35px;
	display: block;
}
.booking-information {
	margin: 35px 0;
}
.booking-info {
	font-size: 18px;
}
.booking-info strong {
	font-family: Montserrat,Arial,Verdana,sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	display: block;
}
table.booking-info {
	width: 100%;
	font-size: 18px;
	margin: 20px 0;
}
table.booking-info thead {
	font-family: Montserrat,Arial,Verdana,sans-serif;
	text-transform: uppercase;
}
table.holiday-details {
	font-size: 18px;
	width: 100%;
}
table.holiday-details strong {
	font-family: Montserrat,Arial,Verdana,sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}
table.holiday-details .price {
	font-size: 25px;
}
.important-info {
	background-color: #f2f2f2;
	padding: 20px 30px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.important-info h3 {
	text-transform: uppercase;
	text-align: center;
}
/* modal */
.modalDialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in;
    -moz-transition: opacity 300ms ease-in;
    transition: opacity 300ms ease-in;
    pointer-events: none;
}
.modalDialog:target {
    opacity:1;
    pointer-events: auto;
}
.modalDialog > div,
.modalDialog.continue > div {
    max-width: 965px;
    position: relative;
    margin: 2% auto;
    padding: 30px 30px 20px 30px;
    -webkit-box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3);
    box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3);
    border: #384d50 1px solid;
    color: #384d50;
    background: #fff;
}
.modalDialog.continue > div {
    max-width: 600px !important;
    padding: 20px !important;
    text-align: center;
}
.modalDialog.continue img { margin: 0 auto;}
.modalDialog div:after,
.modalDialog.continue div:after {
	content: ' ';
	height: 0;
	clear: both;
	visibility: hidden;
	display: block;
}
.modalDialog h2 {
	font-size: 23px !important;
	line-height: 32px;
	margin-bottom: 15px !important;
}
.modalDialog.continue h1 {
	font-size: 41px !important;
	line-height: 46px !important;
	margin: 10px 0 !important;
}
.modalDialog.continue h2 {
	font-family: Montserrat,Arial,Verdana,sans-serif;
	font-size: 24px !important;
	line-height: 28px !important;
	margin: 20px 0 30px 0 !important;
}
.modalDialog.continue .btn {
	font-family: Montserrat,Arial,Verdana,sans-serif;
	font-weight: normal !important;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #0F4D55 !important;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4);
	display: block;
	width: 100%;
}
.modalDialog.continue .btn.back {
	font-size: 21px;
	background: url(img/btn-arrow-left.png) no-repeat;
	background-position: 5px 18px;
	padding: 16px 10px 16px 30px !important;
	border: none !important;
}
.modalDialog.continue .btn.continue {
	font-size: 18px;
	line-height: 21px;
	background: url(img/btn-arrow-right.png) no-repeat;
	background-position: 235px 18px;
	padding: 10px 30px 10px 10px  !important;
	border: none !important;
	text-align: left
}
.modalDialog.continue .btn.back:hover,
.modalDialog.continue .btn.continue:hover {
	color: #fff;
	background-color: #1a703d !important;
	text-decoration: none;
}
.modalDialog .left,
.modalDialog .right {
	width: 49%;
}
.modalDialog .left { float: left; }
.modalDialog .right { float: right; }
.modalDialog .main-img img { width: 100%; }
.modalDialog .thumbnails {
	margin: 15px 0 0;
	padding: 0;
	-moz-column-count: 3;
    -moz-column-gap: 15px;
    -webkit-column-count: 3;
    -webkit-column-gap: 15px;
    column-count: 3;
    column-gap: 15px;
}
.modalDialog .thumbnails li {
	list-style: none;
	/*display: inline-block;*/
	margin-bottom: 10px;

}
.modalDialog .thumbnails li img {
	width: 100%;
}
.modalDialog .icons {
	margin: 0;
	padding: 0;
}
.modalDialog .icons li {
	list-style: none;
	display: inline-block;
	border: #384d50 1px solid;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 2px;
}
.modalDialog ul.list {
	margin: 0;
	padding: 0;
}
.modalDialog ul.list li {
	font-family: Montserrat,Arial,Verdana,sans-serif;
	font-size: 17px;
	margin-left: 25px;
	color: #4b4d4d;
	font-weight: 300;
}


.modalDialog p
{
	font-size: 17px;
}

.close {


    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
    opacity: 1 !important;
    outline: 0 !important;
}
.close:hover {
	opacity: .5 !important;
}
#footer {
	background-color: #b2dcf6;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-image: url(img/tree.png);
	padding: 20px 0 40px 0;
	color: #384d50;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);
	position: relative;
	z-index: 1;
}
#footer ul.awards {
	margin: 0;
	padding: 0;
	float: left;
}
#footer ul.awards li {
	list-style: none;
	display: inline-block;
	margin: 5px 0;
	vertical-align: middle;
}
#footer .info {
	margin: 10px 0 10px 20px;
	float: left;
	display: block;
}
#footer .info h2 {
	margin: 0;
}
#footer .info {
	font-family: Montserrat,Arial,Verdana,sans-serif;
}
#footer .info a {
	font-family: Montserrat,Arial,Verdana,sans-serif;
	color: #fff;
}
#footer .security {
	width: 270px;
	float: right;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #fff;
	padding: 10px;
}
#footer .security img {
	float: left;
	margin-left: 5px;
}
#footer .security ul.cards {
	margin: 0;
	padding: 0;
}
#footer .security ul.cards li {
	list-style: none;
	display: inline-block;
}
#footer .security ul.cards li img {
	margin: 0 2px;
}
.copyright {
	font-size: 12px;
	font-family: Montserrat,Arial,Verdana,sans-serif;
	text-align: left;
	padding: 20px 10px 10px 10px;
	clear: both;
	font-weight: bold;
}
.clear { clear: both; }

/* Modal */
#leaveModal {
	color: #384d50 !important;
}
#leaveModal .modal-header{
	border-bottom: 0;

	position: relative;
}
#leaveModal .modal-body {
	padding: 1em 4em;
}
#leaveModal .close {
	position: absolute;
	right: 10px;
	z-index: 1;
}
#leaveModal .title {
	color: #384d50;
	font-size: 30px;
	font-weight: bold;
	padding-bottom: 5px;
}
#leaveModal .modal-dialog {
	width: 440px;
}
#leaveModal span:nth-child(1) {
	margin-bottom: 6px;
}
#leaveModal span {
	color: #384d50;
	display: block;
	font-weight: 300;
	font-size: 18px;
}
#leaveModal .modal-input,
#leaveModal .modal-input input{
	color: #384d50;

	position: relative;
}
.modal-input label {
	font-weight: 300 !important;
}
.success-icon {
	position: absolute;
	top: 30px;
	right: 6px;
}
#leaveModal .btn-group {
	display: flex !important;
	margin-top: 10px !important;
}
#leaveModal .btn-bottom {
	font-size: 11px;
	white-space: pre-line;
	width: 48%;
}
#leaveModal .btn-bottom:nth-child(1) {
	background: #fff;
	border: 1px solid #2e638c !important;
	color: #2e638c;
	margin-right: 7px;
	text-align: center;

}
#leaveModal .btn-bottom:nth-child(2) {
	background: #0F4D55;
	border: 1px solid #0F4D55 !important;
	color: #fff;
	text-align: left;

}
#leaveModal .btn-bottom:nth-child(2) img{
	position: absolute;
	top: 1em;
	right: 4px;
	width: 23px;
}
#trigger { display: none; }



.exception
{	font-family: Montserrat,Arial,Verdana,sans-serif;
	font-size: 12px;
	list-style: none;
	background-position: 0 5px;
	padding: 6px 5px 6px 30px;
}

.MyAccountBox
{
background-color: #d9d6d6;
	padding: 20px 30px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.MyAccountBox h3 {
	text-transform: uppercase;
	text-align: center;
}

.footer-img img
{
	width:100%;
}


.parkchoose img
{
	display: inline-block !important;
	height: 230px;
	padding: 10px;
}

.unit-divide
{
	height: 1px;
	clear: both;
	background-color: #0F4D55;
	margin-top: 10px;
	margin-bottom: 10px;
}

.unit-group .unit-header .title
{
	text-align: center;
}

.amend-search
{
	background-color: #fff;
	padding: 10px;
	border: #b2dcf6 1px solid;

}

.amend-search select
{
	width: 99%;
}

#footer h3
{
	font-size: 16px;
}

#footer a
{
	color: #384d50;
}

.submit-update
{
	background-color: #5c89b5;
	border: 1px solid #5c89b5;
	color: #FFFFFF;
	margin-top: 10px;

}

.submit-update input[type='submit']:hover
{
	background-color: #006ba1;
	border: 1px solid #006ba1;
	color: #FFFFFF;
	margin-top: 10px;

}

.tent-info
{
	display: none;
	border: 1px solid #0F4D55;
	padding: 10px;
}

.tent-info i
{
	color: #0F4D55;
}

.foco-font {
    font-style: normal !important;
    font-weight: 400 !important;
    font-family: "foco", sans-serif !important;
}

.selectPadder
{
	padding: 10px 10px 10px 10px !important;
}


.amend-line-btm
{
	margin-bottom: 10px;
}

.align-left ul li
{
	text-align: left !important;
}


.bg_image
{
	background-image: url("img/bg.jpg");
	background-size: cover;
	min-height: 400px;
	background-position: center;
	margin-top: 0px;
	color: #ffffff;
}

.content-wrapper {
    position: relative;
    padding-bottom: 75px;
	background-color: #eeeeee;
}

.bg-booking1 {
	background-image: url(img/bg.jpg);
    background-size: cover;
    min-height: 500px;
    background-position: center;
    margin-top: 0px;
    padding-top: 50px;
}

.search-panel-bg {
	background: #E8E2D5;
}

.text-white-h2 {
	color: #fff !important;
	text-shadow: 1px 1px 3px #384d50;

}


.mt-10
{
    margin-top: 10px !important;
}

.mb-10
{
    margin-top: 10px !important;
}

.mt-5
{
    margin-top: 5px !important;
}




