﻿body {
	margin: 0px;
	padding: 0px;
	font-family: 'Athiti', sans-serif !important;
	font-weight: 300 !important;
	font-size: 16px;
	line-height: 24px;
	color: #406150;
	background: url(img/bg.jpg) no-repeat;
	background-position: top center;
	background-size: 100%;
}
a {
	color: #b6d055;
	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: 'Athiti', sans-serif !important;
	font-weight: 300 !important;
	font-style: normal;
}
h1 {
	font-size: 30px !important;
	line-height: 30px !important;
	margin-top: 0 !important;
}
h2 {
	font-size: 24px !important;
	line-height: 24px !important;
	margin-top: 0 !important;
}
p {
	font-size: 16px;
	line-height: 26px;
	padding: 10px 0;
}
hr {
	height: 1px;
	border-top: 1px solid #b6d055 !important;
	background-color: #b6d055 !important;
	margin: 30px auto !important;
	border: 0;
}
.wrapper {
	width: 100%;
	height: 100%;
	position: relative;
}
#header { margin: 20px 0; }
#header .text-right {
	font-size: 18px;
}
#header .text-right h1 {
	margin-bottom: 0;
}
#header .text-right a {
	color: #406150;
}
#header .text-right a:hover {
	color: #9d9500;
	text-decoration: none;
}
#header .header-right {
	margin-right: 15px;
}
#header .btn-back {
	font-family: 'Athiti', sans-serif !important;
	text-transform: uppercase;
	color: #406150 !important;
	border-radius: 4px;
	background-color: #b6d055;
	border: #fff 1px solid;
	padding: 6px 10px;
	margin-bottom: 20px;
	display: block;
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.4);
}
#header .btn-back:hover {
	text-decoration: none;
	background-color: #c2d673;
}
#header .btn-back i {
	float: left;
	margin-top: 5px;
}
.btn-amend {
	font-size: 30px;
	color: #b6d055 !important;
	text-transform: uppercase;
	text-align: center;
	background-color: #406150;
	padding: 6px 30px;
	border: #b6d055 1px solid;
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.4);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	display: block;
	margin-top: 15px;
	cursor: pointer;
}
.btn-amend:hover {
	color: #406150 !important;
	background-color: #b6d055;
	text-decoration: none !important;
}
/*overlay*/
.search-overlay {
	display: none;
	position: fixed;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #b6d055;
	overflow: auto;
	z-index: 99;
	padding: 8px 15px;
}
.search-overlay h1 {
	font-size: 36px !important;
	color: #406150;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 0;
	border-top: #406150 1px solid;
	border-bottom: #406150 1px solid;
}
.search-overlay .wrap {
    margin: 0 auto;
    width: 450px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
}
.search-overlay .btn-close {
	color: #406150 !important;
}
.btn-open, .btn-close {
    color: #dffc7c !important;
    font-size: 30px;
    text-transform: uppercase;
    text-decoration: none;
    outline: 0;
    cursor: pointer;
}
.btn-open:hover, .btn-close:hover {
	text-decoration: none;
	color: #fff !important;
}
.search-overlay .form input[type='submit'] {
	font-size: 24px;
	line-height: 24px !important;
	text-transform: uppercase !important;
	border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	padding: 10px 20px !important;
	margin-top: 20px !important;
	display: block !important;
	white-space: pre-wrap;
	border: 1px #fff solid  !important;
	background-color: #406150;
	color: #fff;
	-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;
	width: 100%;
	webkit-transition: all 300ms ease;
      -moz-transition: all 300ms ease;
       -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
           transition: all 300ms ease;
}
.search-overlay .form input[type='submit']:hover {
	color: #b6d055 !important;
	background-color: #406150 !important;
}
.logo {
	margin-top: 10px;
}
.logo a { outline: 0 }
.btn {
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	padding: 10px 20px !important;
	display: inline-block !important;
	color: #fff;
	width: auto;
	-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);
}
.content-wrapper {
	position: relative;
	padding-bottom: 75px;
}
.main-content {
	background: #fff;
	margin-top: 10px;
	padding: 40px;
	border: #b6d055 1px solid;
}
.main-content .btn-amend {
	width: 300px;
	margin: 60px auto 20px;
	text-align: center;
}
.col-centered {
    float: none !important;
    margin: 0 auto;
}
.footnote {
    padding:20px 0 20px 20px;
    font-size:12px;
    font-style: italic;
}
aside {
	float: right;
}
aside.sidebar {
	width: 100%;
}
.form.amend-search {
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	padding: 20px;
	position: relative;
	top: -25px;
	-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);
	background: rgba(166,199,223,1);
	background: -moz-linear-gradient(top, rgba(166,199,223,1) 0%, rgba(215,230,241,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(166,199,223,1)), color-stop(100%, rgba(215,230,241,1)));
	background: -webkit-linear-gradient(top, rgba(166,199,223,1) 0%, rgba(215,230,241,1) 100%);
	background: -o-linear-gradient(top, rgba(166,199,223,1) 0%, rgba(215,230,241,1) 100%);
	background: -ms-linear-gradient(top, rgba(166,199,223,1) 0%, rgba(215,230,241,1) 100%);
	background: linear-gradient(to bottom, rgba(166,199,223,1) 0%, rgba(215,230,241,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c7df', endColorstr='#d7e6f1', GradientType=0 );
}
.form-wrapper:after {
	content: ' ';
	height: 0;
	clear: both;
	visibility: hidden;
	display: block;
}
.form h2 {
	margin-bottom: 10px;
}
.form label {
	font-size: 16px;
	color: #406150;
	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;
	display: block;
	padding: 6px 4px 4px;
	margin-bottom: 10px;
	border: #406150 1px solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 100%;
	clear: both;
}
.form select {
	line-height: 30px;
}
.form input[type='submit'] {
	font-size: 24px;
	text-transform: uppercase !important;
	border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	padding: 10px 20px !important;
	margin-top: 20px !important;
	display: block !important;
	border: 1px #fff solid  !important;
	background-color: #fff;
	color: #31ab63;
	-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;
	width: 100%;
	webkit-transition: all 300ms ease;
      -moz-transition: all 300ms ease;
       -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
           transition: all 300ms ease;
}
.form input[type='submit']:hover {
	color: #406150 !important;
	background-color: #c2d673 !important;
}
.form .lookup-address {
	color: #fff;
	padding: 8px 30px 8px 15px;
	background: url(img/arrow-next.png) no-repeat;
	background-position: 95%;
	background-color: #406150;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-decoration: none;
	float: right;
	margin-bottom: 10px;
}
.form .lookup-address:hover {
	color: #b6d055;
}
.form.booking {
	font-size: 16px;
	color: #406150;
}
.form.booking h2 {
	color: #406150 !important;
	margin: 0 !important;
}
.form.booking h6 {
	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-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;
}
.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-size: 24px;
	line-height: 28px;
	text-transform: none !important;
	color: #406150;
	background-color: #b6d055;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 20px 0;
	width: 100%;
	clear: both;
}
.choose input[type='submit']:hover {
	color: #fff;
	background-color: #1a703d;
	text-decoration: none;
}
.terms a { color: #406150; text-decoration: underline; }
.terms a:hover { color: #406150; text-decoration: none; }
.form.booking .divider,
.divider {
	border-top: #b6d055 1px solid;
	border-bottom: #b6d055 1px solid;
	height: 5px;
	margin: 20px 0;
	display: block;
	clear: both;
}
.secure-payment h2 {
	background: url(img/ico-securepayment.png) no-repeat left;
	padding: 10px 10px 10px 40px;
	float: left;
}
.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: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	position: relative;
	margin-bottom: 10px;
}
.pay:after, .card:after {
	content: ' ';
	height: 0;
	clear: both;
	visibility: hidden;
	display: block;
}
.pay label,
.card label {
	font-size: 22px;
	line-height: 24px !important;
	margin: 0 !important;
	color: #999999;
	display: block;
	width: 100%;
	padding: 15px;
	float: left;
}
.pay label span {
	font-size: 16px;
	line-height: 21px;
	display: block;
	margin-top: 10px;
}
.card label span {
	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: #31ab63 2px solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position: relative;
	margin-bottom: 10px;
}
.pay.selected label {
	font-size: 22px;
	margin: 0 !important;
	color: #31ab63;
	display: block;
	width: 100%;
	background: url(img/ico-check1.png) no-repeat;
	background-position: 98%;
	padding: 15px;
}
.pay.selected label span {
	font-size: 16px;
	display: block;
	margin-top: 10px;
}
.pay.selected .circle {
	background-color: #fff;
	border: #31ab63 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: #31ab63;
}
.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: #295f89;
	margin: 30px 0 60px 0;
}
.terms h2 {
	background: url(img/ico-terms.png) no-repeat left;
	padding: 10px 0 10px 50px;
}
.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: #b6d055 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: #406150;
	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-size: 16px;
	line-height: 18px;
	color: #406150;
	list-style: none;
	background: url(img/ico-check.png) no-repeat;
	background-position: 0 5px;
	padding: 6px 5px 6px 30px;
}
.btns {
	margin: 0 0 20px;
}
.btns:after {
	content: ' ';
	height: 0;
	clear: both;
	visibility: hidden;
	display: block;
}
.btn-container {
	clear: both;
	text-align: center;
}
.your-selection {
	font-size: 32px;
	line-height: 32px;
	color: #406150;
	text-align: center;
	text-transform: uppercase;
	background-color: #b6d055;
	padding: 20px 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	position: relative;
	width: 50%;
	display: block;
	margin: 0 auto;
}

.your-selection span {
	font-size: 16px;
	line-height: 21px;
	text-transform: none;
	display: block;
	padding: 0 10px;
	margin: 5px 0;
	position: relative;
	z-index: 1;
}
.your-selection .arrow {
	font-size: 16px;
	background-position: 8px 23px;
	background-color: #b6d055;
	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: 23%;
}
.btns .btn-next {
	float: right;
	width: 23%;
}
.btns .btn-prev,
.btns .btn-next {
	font-size: 22px;
	line-height: 18px;
	text-transform: uppercase;
	color: #406150;
	border: #406150 1px solid;
	margin-top: 20px;
	padding: 12px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	display: block;
}
.btns .btn-prev:hover,
.btns .btn-next:hover {
	background-color: #b6d055;
	color: #406150;
	text-decoration: none
}
.btns .btn-prev span,
.btns .btn-next span {
	font-size: 16px;
	line-height: 16px;
	display: block;
	text-transform: none;
}
.btns .btn-prev {
	text-align: right;
}
.btns .btn-next {
	text-align: left;
}
.btns .btn-prev i {
	font-size: 18px;
	text-align: center;
	background-color: #b6d055;
	padding: 10px;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	width: 36px;
	height: 36px;
	float: left;
}
.btns .btn-next i {
	font-size: 18px;
	text-align: center;
	background-color: #b6d055;
	padding: 10px 14px;
	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: #406150;
	margin: 10px auto 30px !important;
	width: 60%;
}
.notfound h2 {
	line-height: 24px !important;
	margin: 0 0 30px 0 !important;
}
.notfound .close-matches {
	color: #406150;
	font-size: 24px;
	line-height: 26px;
	text-align: center;
	text-transform: uppercase;
	background-color: #b6d055;
	padding: 10px 20px 15px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	position: relative;
	width: 60%;
	display: block;
	margin: 20px auto;
}
.notfound .close-matches span {
	position: relative;
	z-index: 1;
}
.notfound .close-matches .arrow {
	font-size: 16px;
	background-position: 8px 23px;
	background-color: #b6d055;
	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;
}
/* unit group */
.unit-group {
	color: #2d628b;
	padding: 15px;
	margin-top: 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	overflow: hidden;
	display: table;
	width: 100%;
}
.unit-group.budget { background-color: #ede2d1; }
.unit-group.mid { background-color: #e3e4e4; }
.unit-group.luxury { background-color: #e3ddae; }
.unit-group.upgrade { background-color: #31ab63; }

.unit-group .unit-wrapper {
	border: #636363 1px solid;
}
.unit-group .unit-wrapper .right {
	border-left: #636363 1px solid;
}
.unit-group.budget .unit-wrapper {
	border: #a3620a 1px solid;
}
.unit-group.budget .unit-wrapper .right {
	border-left: #a3620a 1px solid;
}
.unit-group .unit-header {
	color: #295f89;
	position: relative;
}
.unit-group.upgrade .unit-header { color: #fff; }
.unit-group.upgrade .unit-wrapper {
	border: #20864a 1px solid;
}
.unit-group.upgrade .unit-wrapper .right {
	border-left: #31ab63 1px solid;
}
.unit-group .unit-header .title h2 {
	margin: 0;
	text-transform: uppercase;
}
.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;
}
.amend-search .hide-show:hover,
.unit-group .hide-show:hover {
	background-color: #2d628b;
	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 {
	margin-top: 10px;
	clear: both;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #fff;
}
.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: 75%;
	display: table-cell;
	position: relative;
}
.unit-wrapper .unit .look-at {
	font-size: 12px;
	line-height: 12px;
	color: #e03636;
}
.unit-wrapper .unit h2 {
	color: #2e638b;
}
.unit {
	position: relative;
}
.unit:after {
	content: ' ';
	height: 0;
	clear: both;
	visibility: hidden;
	display: block;
}
.unit .img {
	max-width: 515px;
	float: left;
	border: #fff 1px solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.4);
}
.unit .img img {
	width: 100%;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.unit .description {
	font-size: 16px;
	width: 60%;
	position: absolute;
	right: 0;
	top: 0;
	margin: 20px 0;
	background-color: #fff;
	border: #406150 1px solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.unit .description .wrapper {
	position: relative;
    padding: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    height: 100%;
    z-index: 1;
}
.unit .description .wrapper:after {
	content: ' ';
	height: 0;
	visibility: hidden;
	clear: both;
	display: block;
}
.unit .description .left {
	width: 63%;
	float: left;
	min-height: 350px;
}
.unit .description .right {
	position: absolute;
	right: 0;
	width: 37%;
	height: 100%;
	background-color: #b6d055;
	border-left: #406150 1px solid;
}
.unit .content {
	padding: 15px 25px;
	text-align: center;
}
.unit .content h1,
.unit .content h2 {
	text-transform: uppercase;
	margin: 0 !important;
}

.unit .content h1
{
	font-size:26px;
}

.unit .content hr {
	height: 1px;
	width: 50%;
	margin: 5px auto !important;
	border: 0 !important;
	background-color: #b6d055 !important;
}
.unit .icons {
	margin: 0;
	padding: 0;
}
.unit .icons li {
	list-style: none;
	display: inline-block;
	border: #2e638b 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;
}
.unit ul.list {
	margin: 0;
	padding: 10px 0 0 0;
	clear: both;
}
.unit ul.list li {
	font-size: 16px;
	text-align: left;
	list-style: none;
	width: 50%;
	float: left;
	vertical-align: top;
	background: url(img/ico-check.png) no-repeat;
	background-position: 0 5px;
	padding: 6px 0 5px 30px;
}
.unit ul.list:after {
	content: ' ';
	height: 0;
	clear: both;
	visibility: hidden;
	display: block;
}
.unit .content .see-details {
	font-size: 18px !important;
	color: #406150;
	text-transform: uppercase;
	text-decoration: none;
	padding: 5px 30px;
	margin-top: 20px;
	background-color: #f6fae5;
	border: #406150 1px solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	display: inline-block;
	clear: both;
	outline: 0;
}
.unit .content .see-details:hover {
	background-color: #b6d055;
}
.unit .description .price,
.unit .description .date {
	margin-bottom: 10px;
}
.unit .description .date {
	font-size: 18px;
}
.unit .description .price span {
	font-size: 42px;
	line-height: 42px;
	display: block;
}
.unit .description .select {
	font-size: 30px;
	text-decoration: none;
	text-transform: uppercase !important;
	border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	border: #fff 1px solid;
	margin-top: 15px !important;
	padding: 7px;
	display: block !important;
	color: #fff;
	background-color: #406150;
	text-align: center;
	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);
	outline: 0;
	margin: 0 auto;
	width: 100%;
}
.unit .description .select:hover {
	color: #b6d055;
}
.unit-wrapper .right {
	padding: 15px;
	width: 20%;
	display: table-cell;
	position: relative;
}
.unit-wrapper .right .price {
	font-size: 16px;
	line-height: 16px;
}
.unit-wrapper .right .price span {
	font-size: 34px;
	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 {
	text-decoration: none;
	text-transform: uppercase !important;
	border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	margin: 5px 0 !important;
	display: block !important;
	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;
	width: 100%;
}
.unit-wrapper .right .book {
	font-size: 24px;
	line-height: 24px;
	background-color: #31ab63;
	border: 1px #31ab63 solid  !important;
	padding: 12px !important;
}
.unit-wrapper .right .book:hover {
	border: 1px #31ab63 solid  !important;
	color: #31ab63;
	background-color: transparent;
}
.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: 16px;
	text-transform: uppercase;
	color: #406150;
	padding: 4px;
	margin: 5px 0;
	width: auto;
	text-align: center;
	background-color: #fff;
	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-size: 18px;
	line-height: 18px;
	text-transform: uppercase;
	color: #406150;
	text-align: center;
	background-color: #e2e2e2;
	border: #eaeaea 5px solid;
	padding: 40px 0;
	width: 120px;
	height: 120px;
	list-style: none;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;

}
.action .page li.active {
	background-color: #b6d055;
	border: #f5ffc8 5px solid;
}
.action .page li.finished {
	background: url(img/ico-finish.png) no-repeat center;
	background-position: center 10px;
	background-color: #b6d055;
	border: #f5ffc8 5px solid;
}
.action .page li.arrow {
	background: #eaeaea url("img/arrow-next.png") no-repeat scroll center center;
	border: 0;
    height: 45px;
    width: 45px;
    padding: 10px;
}
.action .page li.arrow.active {
	background-color: #b6d055;
}
.action .page li.arrow.finished {
	background-color: #b6d055;
}
/* holiday summary */
.holiday-summary {
	color: #406150;
	border: #b6d055 2px solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	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);
	margin-bottom: 30px;
}
.holiday-summary h2 {
	color: #406150;
	text-align: center;
	background-color: #b6d055;
	padding: 20px 0;
}
.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-weight: normal;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0;
}
.holiday-summary .group ul {
	margin: 0;
	padding: 0;
}
.holiday-summary .group ul li {
	font-size: 14px;
	font-weight: normal;
	margin: 5px 0;
	list-style: none;
	vertical-align: middle;
	clear: both;
}
.holiday-summary .group ul li span {
	float: right;
}
.holiday-summary .group ul li a {
	display: inline-block;
	vertical-align: middle;
}

.holiday-summary .total-cost {
	font-size: 18px;
	color: #406150;
	text-align: center;
	background-color: #b6d055;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 5px 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.holiday-summary .total-cost span {
	font-size: 34px;
	display: block;
}
/* block */
.block {
	background-color: #b6d055;
	width: 100%;
	padding: 30px;
	margin-bottom: 30px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	display: table;
}
.block .img img { width: 100%; }
.block h2 {
	color: #406150;
	margin-bottom: 10px !important;
}
.block h4 {
	font-size: 21px;
	color: #737373;
}
.block p {
	color: #406150;
	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: #989898;
}
.block .bar.recommended {
	background-color: #26a65b !important;
	color: #fff !important;
}
.block .bar {
	font-size: 18px;
	color: #464646;
	background-color: #fff;
	padding: 10px;
	margin-top: 8px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 100%;
	clear: both;
	display: table;
}
.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 {
	color: #406150;
	text-transform: uppercase;
	background:  url(img/ico-arrow.png) no-repeat;
	background-position: 90% 50%;
	padding: 3px 22px 3px 12px;
	border: 0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	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 {
	background-color: #fae6e6 !important;
}
.block.petfriendly-red h2 {
	color: #efb5b5 !important;
}
.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-right: 10px;
	display: inline-block;
}
.bckto-availability {
	font-size: 18px;
	color: #406150;
	text-decoration: none;
	background: url(img/ico-arrowback.png) no-repeat;
	background-color: #b6d055;
	background-position: 10px;
	padding: 6px 10px 6px 40px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	display: inline-block;
	margin-top: 10px;
}
.bckto-availability:hover {
	background-color: #c2d673;
	text-decoration: none;
}
.continue-booking,
.paynow {
	font-size: 24px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	background: url(img/btn-arrow-right.png) no-repeat;
	background-color: #406150;
	background-position: 96%;
	padding: 12px 50px 12px 20px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	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;
	float: right;
	margin-bottom: 20px;
}
.continue-booking:hover,
.paynow:hover {
	color: #b6d055;
	text-decoration: none;
}
.return {
	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: #406150;
	background-position: 96%;
	padding: 12px 50px 12px 20px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	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: #b6d055;
	text-decoration: none;
}
.paynow { padding-right: 70px !important; }
.paynow img {
	float: left;
	margin-right: 15px;
}
/* confirmation */
.confirmation {
	padding: 0 50px;
}
.confirmation h1 {
	font-size: 35px;
	text-align: center;
}
.confirmation h3 {
	font-size: 28px !important;
	margin: 5px 0 !important;
}
.confirmation h4 {
	font-size: 26px !important;
	margin: 5px 0 !important;
}
.confirmation .name {
	font-size: 20px;
}
.print-confirmation {
	font-size: 18px;
	color: #406150;
	text-decoration: none;
	background: url(img/ico-arrowright.png) no-repeat;
	background-color: #b6d055;
	background-position: 95%;
	padding: 6px 35px 6px 15px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	display: inline-block;
	margin-top: 10px;
	width: 100%;
}
.print-confirmation:hover {
	background-color: #c2d673;
	text-decoration: none;
}
.booking-reference {
	font-size: 18px;
	line-height: 21px;
	color: #fff;
	text-align: center;
	background-color: #406150;
	padding: 15px 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-top: 10px;
}
.booking-reference span {
	font-size: 35px;
	line-height: 35px;
	display: block;
}
.booking-information {
	margin: 35px 0;
}
.booking-info {
	font-size: 18px;
}
.booking-info strong {
	text-transform: uppercase;
	font-weight: normal;
	display: block;
}
table.booking-info {
	width: 100%;
	font-size: 18px;
	margin: 20px 0;
}
table.booking-info thead {
	text-transform: uppercase;
}
table.holiday-details {
	font-size: 18px;
	width: 100%;
}
table.holiday-details strong {
	font-weight: normal;
	text-transform: uppercase;
}
table.holiday-details .price {
	font-size: 25px;
}
.important-info {
	background-color: #f7f7f7;
	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;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -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: #b6d055 1px solid;
    background: #fff;
}
.modalDialog > div {
                height: 85%;
                overflow-y: scroll;
}

.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: 28px !important;
	line-height: 32px !important;
	margin-bottom: 15px !important;
}
.modalDialog.continue h1 {
	font-size: 41px !important;
	line-height: 46px !important;
	margin: 10px 0 !important;
}
.modalDialog.continue h2 {
	font-size: 24px !important;
	line-height: 28px !important;
	margin: 20px 0 30px 0 !important;
}
.modalDialog.continue .btn {
	font-weight: normal !important;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #31ab63 !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%;
	border: #fff 1px solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.4);
}
.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: 0 0 10px 0;

    width: 100%;

    height: 80px;

    overflow:hidden;

    border: #fff 1px solid;

    border-radius: 4px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.4);

}

.modalDialog .thumbnails li img {

    width: 100%;

    height:auto;

}
.modalDialog .icons {
	margin: 0;
	padding: 0;
}
.modalDialog .icons li {
	list-style: none;
	display: inline-block;
	border: #2e638b 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-size: 16px;
	line-height: 18px;
	display:inline;
	list-style: none;
	width: 50%;
	float:left;
	background: url(img/ico-check.png) no-repeat;
	background-position: 0 5px;
	padding: 6px 0 5px 30px;
}
.close {
    /*background: url(img/ico-close.png) no-repeat;*/
    /*width: 52px;*/
    /*height: 52px;*/
    /*display: block;    */
    /*position: absolute;*/
    /*right: 15px;*/
    /*top: 15px;*/
    /*opacity: 1 !important;*/
    /*outline: 0 !important;*/
}
.close:hover {
	opacity: .5 !important;
}
#footer {
	background: url('img/footer-bg.jpg');
	padding: 60px 0;
	color: #fff;
	-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 0 20px;
	float: left;
	display: block;
}
#footer .info h1 {
	margin: 0;
}
#footer .info a {
	font-size: 18px !important;
	color: #b6d055;
	text-transform: uppercase;
	background: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.20);
    border: #b6d055 1px solid;
    margin-right: 20px;
}
#footer .info a:hover {
	color: #406150;
	background-color: #b6d055;
}
#footer .info {
	font-family: 'Athiti', sans-serif;
	font-size: 18px;
}
.info .btn {
	margin: 10px 0;
}
#footer .security {
	width: 270px;
	float: right;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #fff;
	padding: 10px;
	margin-top: 30px;
}
#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: 14px;
	padding: 50px 10px 10px 10px;
	clear: both;
}
.clear { clear: both; }

#leaveModal {
	font-family: "Open Sans", sans-serif;
}
#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: #406150;
	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: #406150;
	display: block;
	font-weight: 300;
	font-size: 18px;
}
#leaveModal .modal-input,
#leaveModal .modal-input input{
	color: #406150;

	position: relative;
}
.modal-input label {
	font-family: "Open Sans", sans-serif;
	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: #b6d055;
	border: 1px solid #fff !important;
	color: #406150;
	text-align: left;

}
#leaveModal .btn-bottom:nth-child(2) img{
	position: absolute;
	top: 1em;
	right: 4px;
	width: 23px;
}

#trigger { display: none; }

