body {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    line-height: 24px;
    font-family: "Poppins", serif !important;
    font-style: normal !important;
    color: #263748;
    background: url(img/Background.png)repeat-y;
    background-position: top center;
    background-size: 100%;
}

a {
    color: #00aeef;
    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;

}
h1 {

}

h2, h3, h4 {
    font-style: normal !important;
}
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;
}
.wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}
#header { margin-bottom: 20px; }
#header .text-right {
    font-size: 18px;
    color: #263748;
}
#header .text-right h1 {
    margin-bottom: 0;
}
#header .text-right a {
    color: #263748;
}
#header .header-right {
    margin-right: 15px;
}
#header .btn-back {
    font-style: normal !important;

    font-size: 16px;
    text-transform: uppercase;
    color: #fff !important;
    border-radius: 0 0 10px 10px;
    background-color: #263748;
    padding: 6px 10px 6px 20px;
    margin-bottom: 20px;
    display: inline-block;
}
.logo {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    padding: 5px;
}
.logo a { outline: 0 }
.logo img { margin: 0 auto; }
.btn {
    font-size: 25px;
    text-transform: uppercase !important;
    padding: 13px 20px !important;
    display: inline-block !important;
    border: 1px #fff solid  !important;
    color: #fff;
    width: auto;

}
.content-wrapper {
    position: relative;
    padding-bottom: 75px;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 75%, rgba(159,189,213,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(75%, rgba(255,255,255,0.75)), color-stop(100%, rgba(159,189,213,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 75%, rgba(159,189,213,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 75%, rgba(159,189,213,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 75%, rgba(159,189,213,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 75%, rgba(159,189,213,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9fbdd5', GradientType=0 );
}
.main-content {
    background: #fff;
    padding: 20px;
    margin-top: 20px;
    border-radius: 50px;
}
.content {
    padding: 0 0 0 20px;
}
.footnote {
    padding:20px 0 20px 20px;
    font-size:12px;
    font-style: italic;
    color:#FFF;
}
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 {

}
.form-wrapper:after {
    content: ' ';
    height: 0;
    clear: both;
    visibility: hidden;
    display: block;
}
.form h2 {
    color: #102542;
    margin-bottom: 10px;
}
.form label {
    font-style: normal !important;
    font-size: 16px;
    color: #102542;
    margin-bottom: 2px !important;
    display: inline !important;
    font-weight: normal !important;
}
.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: #102542;
    display: block;
    padding: 10px 15px;
    margin-bottom: 10px;
    border-radius: 25px;
    width: 100%;
    clear: both;
    border: 1px solid #D0D1D5;
}
.form select {
    line-height: 30px;
}
.form input[type='submit'] {
    font-style: normal !important;

    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 #31ab63 solid  !important;
    background-color: #31ab63;
    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;
}
.form input[type='submit']:hover {
    background-color: #31ab63;
    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: #102542;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-decoration: none;
    float: right;
    margin-bottom: 10px;
}
.form .lookup-address:hover {
    background-color: #07385c;
}
.form.booking {
    font-size: 16px;
    color: #102542;
}
.form.booking h2 {
    color: #102542 !important;
    margin: 0 !important;
    font-style: normal;

}
.form.booking h6 {
    font-style: normal !important;

    font-size: 18px !important;
    margin-top: 20px;
}
.form.booking p { margin: 0 0 10px 0 !important; }
.form.booking input,
.form.booking textarea {

}
.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-style: normal !important;*/

/*    font-size: 16px !important;*/
/*    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;
    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-style: normal !important;

    font-size: 24px;
    line-height: 28px;
    text-transform: none !important;
    color: #fff;
    background-color: #31ab63;
    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: #31ab63; text-decoration: underline; }
.terms a:hover { color: #31ab63; 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 {
    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: 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-style: normal !important;

    font-size: 22px;
    line-height: 24px !important;
    margin: 0 !important;
    color: #999999;
    display: block;
    width: 100%;
    padding: 15px;
    float: left;
}
.pay label span {
    font-style: normal !important;

    font-size: 16px;
    line-height: 21px;
    display: block;
    margin-top: 10px;
}
.card label span {
    font-style: normal !important;

    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-style: normal !important;
    font-size: 22px;
    margin: 0 !important;
    color: #102542;
    display: block;
    width: 100%;
    background: url(img/ico-check1.png) no-repeat;
    background-position: 98%;
    padding: 15px;
}
.pay.selected label span {
    font-style: normal !important;

    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: #102542;
    margin: 30px 0 60px 0;
}
.terms h2 {
   margin-bottom: 10px;
}
.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 #B6E2DA;
    border-color: #B6E2DA;
}
.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: #1686ca 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: #2e638c;
    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-style: normal !important;

    font-size: 16px;
    line-height: 18px;
    color: #2d628b;
    list-style: none;
    background: url(img/ico-check.png) no-repeat;
    background-position: 0 5px;
    padding: 6px 5px 6px 30px;
}
.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-style: normal !important;

    font-size: 32px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    background-color: #31ab63;
    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: #31ab63;
    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-style: normal !important;

    font-size: 22px;
    line-height: 18px;
    text-transform: uppercase;
    color: #31ab63;
    border: #31ab63 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: #31ab63;
    color: #fff;
    text-decoration: none
}
.btns .btn-prev span,
.btns .btn-next span {
    font-style: normal !important;

    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: #31ab63;
    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: #31ab63;
    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: #a8cae2;
    margin: 10px 0 30px 0 !important;
}
.notfound h2 {
    font-style: normal !important;

    line-height: 24px !important;
    color: #102542;
    margin: 0 0 30px 0 !important;
}
.notfound .close-matches {
    max-width: 80%;
    margin: 20px auto;
    padding: 10px 5px;
    font-style: normal !important;

    font-size: 24px;
    line-height: 26px;
    color: #31ab63;
    border: #31ab63 2px solid;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
}
/* unit group */
.unit-group {
    font-style: normal !important;

    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.loch { background-color: #e3ddae; }

.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: #102542;
    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: #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: #102542;
}
.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;
}
.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-style: normal !important;

    font-size: 16px;
    line-height: 18px;
    color: #2d628b;
    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 {
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 15px;
    margin-top: 10px;
    background-color: #d7e6f1;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    display: inline-block;
    clear: both;
    outline: 0;
}
.unit .content .see-details:hover {
    color: #fff;
    background-color: #2d628b;
}
.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-style: normal !important;

    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 {
    font-style: normal !important;

    font-size: 24px;
    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: 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-style: normal !important;

    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: #9dc2dc;
    border: #b8d2e5 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: #b8d2e5;
}
.action .page li.arrow.finished {
    background-color: #7fd199;
}
/* holiday summary */
.holiday-summary {
    color: #102542;
    margin-bottom: 30px;
    border-radius: 50px 50px 50px 50px;
    border: #EBEBEB 1px solid;
    border-top: 0;

}
.holiday-summary h2 {
    color: #fff;
    text-align: center;
    background-color: #102542;
    border-radius: 50px 50px 0px 0px;
    padding: 30px;
    font-style: normal;

}
.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-style: normal !important;
    font-weight:500;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0;
}
.holiday-summary .group ul {
    margin: 0;
    padding: 0;
}
.holiday-summary .group ul li {
    font-style: normal !important;

    font-size: 14px;
    margin: 5px 0;
    list-style: none;
    vertical-align: middle;
    clear: both;
}
.holiday-summary .group ul li span {
    font-style: normal !important;

    float: right;
}
.holiday-summary .group ul li a {
    display: inline-block;
    vertical-align: middle;
}
.holiday-summary .total-cost {
    font-size: 18px;
    color: #fff;
    text-align: center;
    border-radius: 30px;
    background-color: #102542;
    padding: 20px;
}


.holiday-summary .total-cost span {

    font-style: normal;
    font-size: 20px;
    display: block;
}
/* block */
.block {
    background-color: #F4F4F4;
    width: 100%;
    padding: 30px;
    margin-bottom: 30px;
    display: table;
    border-radius: 30px;
}
.block .img img { width: 100%; }
.block h2 {
    color: #102542;
    margin-bottom: 10px !important;
}
.block h4 {
    font-style: normal !important;

    font-size: 21px;
    color: #737373;
}
.block p {
    color: #102542;
    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: #102542;
    background-color: #fff;
    padding: 10px;
    margin: 0px auto;
    margin-top: 8px;
    border-radius: 33px;
    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 {
    font-style: normal !important;
      padding: 3px 12px 3px 12px;
    border: 0;
    border-radius: 6px;
    background-color:  #2571A8;
    color: #FFF;
    display: table-cell;
    vertical-align: middle;
}
.block .bar .btn-add:hover {
    background-color: #1D5984
}
.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: 3px 10px 3px 0;
    display: inline-block;
}
.bckto-availability {
    font-size: 18px;
    color: #102542;
    text-decoration: none;
    background: url(img/ico-arrowback.png) no-repeat;
    background-color: #d7e6f1;
    background-position: 10px;
    padding: 6px 10px 6px 40px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    display: inline-block;
    margin-top: 10px;
}
.bckto-availability:hover {
    background-color: #a0c4df;
    text-decoration: none;
}
.continue-booking,
.paynow {
    font-style: normal !important;

    font-size: 18px;
    color: #003B49;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #FFC422;
    padding:20px;
    display: inline-block;
    float: right;
    margin-bottom: 20px;
    border: 0px !important;
    border-radius:40px;
}
.continue-booking:hover,
.paynow:hover {
    color: #003B49;
    background-color: #F2B201;
    text-decoration: none;
}
.return {
    font-style: normal !important;

    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: #31ab63;
    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: #102542#102542;
}
.confirmation h1 {
    font-size: 35px;
    text-align: center;
}
.confirmation h3 {
    font-style: normal !important;

    font-size: 28px !important;
    margin: 5px 0 !important;
}
.confirmation h4 {
    font-style: normal !important;

    font-size: 26px !important;
    margin: 5px 0 !important;
}
.confirmation .name {
    font-size: 20px;
}
.print-confirmation {
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    background: url(img/btn-arrow-right.png) no-repeat;
    background-color: #31ab63;
    background-position: 95%;
    background-size:20px;
    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 {
    color: #fff;
    background-color: #1a703d;
    text-decoration: none;
}
.booking-reference {
    font-size: 18px;
    line-height: 21px;
    color: #fff;
    text-align: center;
    background-color: #296089;
    padding: 15px 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-top: 10px;
}
.booking-reference span {
    font-style: normal !important;

    font-size: 35px;
    line-height: 35px;
    display: block;
}
.booking-information {
    margin: 35px 0;
}
.booking-info {
    font-size: 18px;
}
.booking-info strong {
    font-style: normal !important;

    text-transform: uppercase;
    display: block;
}
table.booking-info {
    width: 100%;
    font-size: 18px;
    margin: 20px 0;
}
table.booking-info thead {
    font-style: normal !important;

    text-transform: uppercase;
}
table.holiday-details {
    font-size: 18px;
    width: 100%;
}
table.holiday-details strong {
    font-style: normal !important;

    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: #1686ca 1px solid;
    color: #102542;
    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: 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-style: normal !important;

    font-size: 24px !important;
    line-height: 28px !important;
    margin: 20px 0 30px 0 !important;
}
.modalDialog.continue .btn {
    font-style: 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%; }
.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: #102542 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-style: normal !important;

    font-size: 16px;
    line-height: 18px;
    display:inline;
    color: #2d628b;
    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: 58px;
    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
    opacity: 1 !important;
    outline: 0 !important;
    font-size: 13px !important;
}
.close:hover {
    opacity: .5 !important;
}
#footer {
    background-color: #263748;
    padding: 20px 0 40px 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: right;
}
#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 h2 {
    margin: 0;
}
#footer .info {
    font-style: normal !important;

    font-size: 18px;
}
#footer .info a {
    font-style: normal !important;

    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-style: normal !important;

    font-size: 12px;
    text-align: center;
    padding: 50px 10px 10px 10px;
    clear: both;
}

.clear { clear: both; }

.luxury
{
    display: none !important;
}

.mid
{
    display: none !important;
}

.flash-flash-sale {
    font-size: 12px;
    color: #fff;
    padding: 1px;
    margin: 5px 0;
    width: auto;
    text-align: center;
    background-color: #f99c49;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}


#leaveModal {
}

#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: 600;
	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-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; }