@charset "utf-8";

body, html {
  height: 100%;
}

.clear, .content-wrapper {
    clear: both;
}

header, footer-nav, footer, article, section, hgroup, aside {
    display: block;
}

img {
    border: none;
}

/* TAGS */

body {
    color: #37424a;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    min-width:300px;
}

/*
@media screen and (max-width: 960px)
{
body {
    font-size:95%;
}
}
*/

input, select, textarea {
    color: #37424a;
    font-family: 'Montserrat', sans-serif;
}

a {
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    color: #2ca6bd;
}

.hide {
    display:none;
}

a:hover {
    color: #343551;
}

a img:hover {
    opacity:0.6;
     transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

p {
    margin:0 0 15px 0;
    line-height:1.55em;
}

h1,h2,h3,h4 {
    color:#37424a;
}

h1 {
    margin: 0 0 10px 0;
    font-size: 2.6em;
    clear:both;
}

h2 {
    margin: 0 0 10px 0;
    font-size: 1.7em;
    font-weight: 600;
}

h3 {
    margin: 0 0 10px 0;
    font-size: 1.6em;
    font-weight:700;
}

h4 {
    margin: 0 0 15px 0;
    font-weight:800;
    font-size:1.2em;
}

ul {
    padding: 0px;
    margin: 0 0 10px 18px;
}

p.button {
    padding-top:20px;
}

a.button {
    padding: 15px 35px;
    background-color:#2ca6bd;
    color:#FFF;
    text-transform:uppercase;
    text-align:center;
    text-decoration:none;
    font-weight:700;
    border:solid 2px #fff;
}

a.button:hover {
    background-color:#204d61;
    color:#fff;
}

.line {
    clear: both;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: #dc202d;
    margin-bottom: 20px;
    padding-top:10px;
}

.pop-up {
    display: none;
    width: 650px;
    padding: 15px 30px;
}

span.star-rating {
    font-size: 15px;
    display: block;
    float: left;
    margin: 3px 0 0 1px;
    width: fit-content;
}

span.star-rating i {
    margin: 0 3px 0 0;
}



/* PANEL CSS */

.panel {
    width: 100%;
    clear: both;
    margin:0 auto;
    padding:50px 0 40px 0;
    box-sizing: border-box;
    background-color: #fff;
}

@media screen and (max-width: 600px) {
    .panel {
        padding:20px 0 10px 0;
    }
}

.panel.head {
    padding:0;
    margin:0;
}

.panel.grey {
    background-color:#eeeef0;
}


/* END PANEL CSS */


/* CONTENT WRAPPER */

.content-wrapper {
    max-width: 1360px;
    width:100%;
    margin: 0 auto;
    text-align:center;
    padding: 0 10px;
    box-sizing: border-box;
}

.content-wrapper.wide {
    max-width: 2000px;
}

.content-wrapper>h2 {
    text-align:center;
    padding-bottom:10px;
}

.content-wrapper>p {
    padding-bottom:20px;
}


/* Responsive Styles 
@media screen and (max-width: 1140px)
{
.content-wrapper,header {
    width:96%;
    padding:inherit 2%;
}
}
*/

/* END CONTENT WRAPPER */


/* HEADER */

header {
    width:100%;
    margin: 0 auto;
    box-sizing:border-box;
    text-transform:uppercase;
    font-weight:400;
    font-size:0.9em;
    transition: all .5s ease-in-out;
}

header.open {
    position: fixed;
    top: 0;
    z-index: 9999;
}

header .panel#contact-and-links {
    background-color:#fff;
    padding: 4px 0;
}

header .panel#contact-and-links .content-wrapper {
    text-align: left;
}

header #contact-and-links #open-hours-message-short {
    display: none;
}

header #contact-and-links #header-links {
    float: right;
    text-align: right;
}

header #contact-and-links #header-links a {
    margin: 0 10px;
}

header #contact-and-links #header-links a:last-of-type {
    margin: 0 0 0 10px;
}

@media screen and (max-width: 600px) {
    header #contact-and-links .telephone-number {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    header #contact-and-links #open-hours-message-short {
        display: inline;
    }
    header #contact-and-links #open-hours-message {
        display: none;
    }
}

header .panel#logo-and-navigation {
    background-color:#37424a;
    padding:12px 0 6px;
}


.open .panel#logo-and-navigation {
    background-color:#4e575d;
}

header #logo-and-navigation #logo {
    width: 100%;
    max-width: 280px;
    float: left;
    box-sizing: border-box;
    margin-right: 15px;
}

header #logo-and-navigation #logo img {
    width: 100%;
    height: auto;
}

/* END HEADER */

.panel.sub-navigation {
    margin: 40px 0 0;
    padding: 0;
}


.panel.sub-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: solid 1px #2ca6bd;
    height: 26px;
}

.panel.sub-navigation ul li {
    float: left;
    margin-right: 15px;
    height: 37px;
    font-size: 0.9em;
    text-transform: uppercase;
}

.panel.sub-navigation ul li a {
    display: block;
    padding: 4px 7px;
    height: 38px;
    box-sizing: border-box;
    transition: all 0s ease-in-out;
}

.panel.sub-navigation ul li.active a, .panel.sub-navigation ul li a:hover {
    background-color: #2ca6bd;
    color: #fff;
    background-image: url(/images/navigation-arrow.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}

@media screen and (max-width: 450px) {
    .panel.sub-navigation ul li {
        margin-right: 2px;
    }
}

@media screen and (max-width: 390px) {
    .panel.sub-navigation ul li {
        margin-right: 0;
        text-transform: none;
    }
}

@media screen and (max-width: 330px) {
    .panel.sub-navigation ul li {
        font-size: 0.85em;
    }
}

/* BOXED LINK */

a.borderbox
{
    text-align:center;
    border: 1px solid #666;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding:10px 30px;
    text-decoration:none;
    clear:both;
    font-size:1.2em;
}

/* END BOXED LINK */

/* HOMEPAGE BANNER */

.panel#homepage-banner {
    height:500px;
    background: none;
}

.panel#homepage-banner .content-wrapper {
    text-align: left;
    padding: 160px 0 0;
}

.panel#homepage-banner h1 {
    margin-bottom:0px;
    font-weight:400;
    color:#fff;
    text-align: center;
}

.panel#homepage-banner p {
    font-size:1.8em;
    margin-bottom:35px;
}

#video-banner {
    width: 100%;
    max-width: 2000px;
    margin:0 auto;
    height: 700px;
    top: -100px;
    z-index: -1;
    object-fit: cover;
    position: fixed;
}

@media screen and (max-width: 960px) {

    .panel#homepage-banner {
        height:400px;
        background: none;
    }
    
    .panel#homepage-banner .content-wrapper {
        text-align: left;
        padding: 110px 0 0;
    }

    #video-banner {
        height: 600px;
        top: 0;
    }
}

/* END HOMEPAGE BANNER PANEL */



/* PAGES BANNER */

.panel.banner {
    width:100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
    box-sizing:border-box;
    margin:0 auto;
    padding:0;
    max-width: 1390px;
}

.banner .content-wrapper {
    width:100%;
    padding:0;
    margin:0;
    max-width:100%!important;
}

.banner .textoverlay {
    margin-top:400px;
    background-image: url(/images/banner-overlay.png);
    background-repeat: repeat;
    background-position: left top;
    width:100%;
    box-sizing:border-box;
    text-align:left;
    color:#FFF;
    padding:15px 0;
}

.banner .text-wrap {
    margin: 0 auto;
    padding: 0 25px;
    width: 100%;
    box-sizing: border-box;
}

.banner .content-wrapper .text-wrap h1 {
    margin:0;
    padding:0;
    font-weight:700;
    font-size:2.2em;
    width:100%;
    float: left;
    color: #fff;
}

.banner .content-wrapper .text-wrap h1 strong {
    display: block;
    float: left;
    margin-right: 8px;
}

.banner .content-wrapper .text-wrap p {
    margin:0;
    padding:0;
    width: 60%;
    float: left;
    color: #fff;
}

.banner .content-wrapper .text-wrap #banner-gallery {
    width: 40%;
    margin: 0;
    padding: 4px 0 0;
    float: right;
    text-align: right;
}

@media screen and (max-width: 1390px) {

    .banner .text-wrap {
        padding: 0 10px;
    }

    .banner .textoverlay {
        margin-top:350px;
    }
}

@media screen and (max-width: 600px) {

    .banner .content-wrapper .text-wrap p {
        width: 100%;
        padding: 5px 0;
    }
    
    .banner .content-wrapper .text-wrap #banner-gallery {
        width: 100%;
        float: left;
        text-align: left;
        font-size: 0.8em;
    }

    .banner .textoverlay {
        margin-top: 300px;
    }    
}

.banner .content-wrapper .text-wrap #banner-gallery .location-gallery {
    display: none;
}

.banner .content-wrapper .text-wrap #banner-gallery .location-gallery:nth-child(1) {
    display: inline;
}

.banner .content-wrapper .text-wrap #banner-gallery a {
    color: #fff;
    font-size: 0.9em;
    margin-right: 50px;
}

.banner .content-wrapper .text-wrap #banner-gallery a i {
    font-size: 1.4em;
    margin: 0 0 0 5px;
    position: absolute;
}

/* END PAGES BANNER */


/* BREADCRUMBS */

ul#breadcrumbs {
    width:100%;
    font-size: 0.9em;
    margin: 0 auto;
    padding: 0 10px;
    height: 30px;
    max-width:1360px;
    box-sizing: border-box;
}

ul#breadcrumbs li {
    float:left;
    list-style-type:none;
    padding: 10px 0;
    color:#fff;
}

ul#breadcrumbs li a {
    color:#fff;
    text-decoration:underline;
}

ul#breadcrumbs i {
    padding: 0 13px 0 15px;
}

ul#breadcrumbs li.home {
    background:none;
    padding-left: 0;
}

/* END BREADCRUMBS */

.panel#hotel-rooms, .panel#facilities, .panel#restaurants {
    display: none;
}

/* INTRO */

.panel.intro {
    background-color:#fff;
}

.panel.intro .content-wrapper {
    width:44%;
    margin:3% 13%;
    padding:3% 13%;
    background-color:#f8f8f8;
    text-align:left;
}

.panel.intro h2 {
    text-align:center;
    margin-bottom:30px;
}


.panel.intro ul {
    margin:0;
    padding:0;
}

.panel.intro li {
    list-style:none;
    margin:0 0 20px 30px;
}

.panel.intro i {
    margin-left:-30px;
    width:30px;
    color:#204d61;
    font-size:1.2em;
}

.panel.intro p.button {
    text-align:center;
}

@media screen and (max-width: 1200px)
{
.panel.intro .content-wrapper {
    width:68%;
    margin:4% 8%;
    padding:4% 8%;
}
}

@media screen and (max-width: 600px)
{
.panel.intro .content-wrapper {
    width:84%;
    margin:2% 4% 4%;
    padding:4%;
}

.panel.intro h2 {
    font-size:1.8em;
}
}

/* END INTRO */





/* PAGE CONTENT */

.panel.pagecontent {
    width:100%;
    padding:40px 0;
    margin:0;
}

.panel.pagecontent .content-wrapper {
    text-align:left;
}

.panel.pagecontent .content-wrapper h2 {
    text-align:center;
    margin-bottom:40px;
}

.panel.pagecontent span#feedback {
    display:block;
    background-color:#f8f8f8;
    width:100%;
    padding:30px;
    color:#000;
    text-align:center;
    margin-top:30px;
    box-sizing:border-box;
    clear:both;
}

.panel.pagecontent span#feedback img {
    margin-bottom:20px;
}

.panel.pagecontent span#feedback strong {
    display:block;
    clear:both;
    margin-top:25px;
}

.panel.pagecontent form {
    text-align:left;
}

.panel.pagecontent .content-wrapper h3 {
    margin-top:40px;
}

.panel .content-wrapper img.imgleft {
    float:left;
    margin:0 2% 0 0;
}

.panel .content-wrapper img.imgright {
    float:right;
    margin:0 0 0 20px;
}

.panel.pagecontent iframe {
    width: 100%;
}

/* END PAGE CONTENT */


/* START PLANNING PANEL */

.panel.pagecontent .content-wrapper .box.startplan {
    background-color:#e0e0e1;
    box-sizing:border-box;
    padding:30px 20px;
}

.panel.pagecontent .content-wrapper .box.startplan p strong {
    color:#37424a;
    font-size:1.4em;
}

.panel.pagecontent .content-wrapper .box.startplan a.button {
    border:none;
    margin-top:40px;
}


/* END START PLANNING PANEL */

/* WHY CHOOSE */

.panel.whychoose {
    padding: 0;
    margin: 0;
    overflow: hidden;
    height: 105px;
}

.panel.whychoose .box {
    box-sizing:border-box;
    text-align:center;
    padding:0;
    min-width:180px;
}

.panel.whychoose .box img {
    padding-top:5px;
    width:56px;
    height:auto;
}

.panel.whychoose .box p {
    color:#37424a;
}


/* END WHY CHOOSE */


/* DESTINATION LIST */

.panel.destination-list ul li {
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    margin-bottom: 20px;
}

.panel.destination-list ul li a {
    padding: 180px 0 20px;
    width: 100%;
    display: block;
    background-image: url(/images/banner-overlay.png);
}

.panel.destination-list ul li a:hover {
    background: none;
}

.panel.destination-list ul li a em {
    letter-spacing: 0.06em;
    font-style: normal;
    font-size: 0.9em;
    color: #94d4e0;
    text-transform: uppercase;
}

.panel.destination-list ul li a strong {
    clear: both;
    font-size: 1.3em;
    display: block;
    color: #FFF;
    margin-top: 3px;
}

/*

.panel.destination-list ul {
    margin:0;
    padding:0;
}



.panel.destination-list ul li strong {
    background-color:#eeeef0;
    display:block;
    color:#37424a;
    padding:12px 0 0;
    font-weight:700;
    margin-top:40px;
    height:30px;
}

.panel.destination-list.grey ul li strong {
    background-color:#fff;
}

*/

/* END DESTINATION LIST */





/* GUIDE LIST */

.panel.guidelist ul {
    margin:0;
    padding:0;
    text-indent:0;
    background-color:#096;
}

.panel.guidelist ul li {
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    margin-bottom:25px;
    width:32%;
    float:left;
    margin-right:2%;
    box-sizing:border-box;
    list-style:none;
    overflow: hidden;
}

.panel.guidelist ul li:nth-child(3n) {
    margin-right:0;
}

.panel.guidelist ul li a {
    padding-top:180px;
    width:100%;
    display: table;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    vertical-align: middle;
}

.panel.guidelist ul li strong {
    background-color:#eeeef0;
    display: table-cell;
    color:#37424a;
    padding: 0;
    font-weight:700;
    margin-top:40px;
    height:40px;
    overflow: hidden;
    vertical-align: middle;
}

.panel.guidelist.grey ul li strong {
    background-color:#fff;
}

@media screen and (max-width: 940px) {

    .panel.guidelist ul li {
        width: 49%;
        margin-right: 0;
    }

    .panel.guidelist ul li:nth-child(3n) {
        margin-right: 0;
    }

    .panel.guidelist ul li:nth-child(odd) {
        margin-right: 2%;
    }
}

@media screen and (max-width: 580px) {

    .panel.guidelist ul li {
        width: 100%;
        margin-right: 0;
    }
}

    /*
@media screen and (max-width: 1060px) {

    .panel.destination-list ul li,.panel.guidelist ul li {
        width:49%!important;
        margin-right:2%!important;
    }

    .panel.destination-list ul li:nth-child(1),.panel.guidelist ul li:nth-child(1)  {
        width:49%!important;
        margin-right:2%!important;
    }

    .panel.destination-list ul li:nth-child(1) a {
        padding-top:180px;
    }

    .panel.destination-list ul li:nth-of-type(even),.panel.guidelist ul li:nth-of-type(even) {
        margin-right:0!important;
    }

}

@media screen and (max-width: 600px)
{
.panel.destination-list ul li,.panel.guidelist ul li {
    width:100%!important;
    margin-right:0%!important;
}

.panel.destination-list ul li:nth-child(1),.panel.guidelist ul li:nth-child(1)  {
    width:100%!important;
    margin-right:0%!important;
}
}
    */

/* END GUIDE LIST */


/* TRAVEL GUIDE */

#travelguide ul.tabs {
    margin:0;
    padding:0;
    text-indent:0;
    line-height:1.55em;
    width:100%;
    overflow:hidden;
}

#travelguide ul.tabs li {
    list-style:none;
    width:8.3%;
    font-weight:bold;
    text-transform:uppercase;
    color:#fff;
    background-color:#0b1e46;
    float:left;
    padding:8px 4px;
    box-sizing:border-box;
    cursor:pointer;
    font-size:0.9em;
    border-right:solid 1px #fff;
}

#travelguide ul.tabs li em {
    font-style:normal;
}

@media screen and (max-width: 650px)
{
#travelguide ul.tabs li em {
    display:none;
}
}

#travelguide ul li.selected {
    color:#0b1e46;
    background-color:#e0e0e1;
}

.monthbox {
    width:100%;
    padding:20px;
    box-sizing:border-box;
    text-align:left;
    background-color:#e0e0e1;
    clear:both;
    margin-bottom:30px;
    display:none;
    overflow:hidden;
}

.monthbox:nth-child(2) {
    display:block;
}

#travelguide .monthbox ul {
    margin:0 0 0 20px;
    text-indent:0;
    line-height:1.55em;
    width:100%;
}

#travelguide .monthbox img {
    float:right;
    width:48%;
    max-width:300px;
    margin:0 0 20px 20px;
    height:auto;
}


/* END TRAVEL GUIDE */


iframe {
    width: 800px;
    height: 450px;
    max-width: 100%;
}

/* WEATHER FORECAST */

.panel.weatherlist p.head {
    text-align:left;
    font-weight:bold;
    font-size:1.2em;
    color:#37424a;
    margin-bottom:10px;
    padding-bottom:0;
}

.panel.weatherlist .scrollwrap {
    width:100%;
    overflow-x:auto;
    margin-bottom:30px;
}

.panel.weatherlist table {
    background-color:#e0e0e1;
    width:100%;
    font-size:0.9em;
}

.panel.weatherlist table th {
    background-color:#0b1e46;
    color:#fff;
    font-weight:bold;
    text-transform:uppercase;
}

.panel.weatherlist table th:nth-child(1),.panel.weatherlist table td:nth-child(1) {
    text-align:left;
    padding:7px;
}

.panel.weatherlist table tr:nth-of-type(odd) {
    border:solid 1px #d0d3dc;
}

.panel.weatherlist table tr:nth-of-type(odd) {
    background-color:#efedee;
}

.panel.weatherlist table td:nth-child(1) {
    color:#0b1e46;
}

.panel.weatherlist table td {
    padding:7px;
    color:#faa517;
    font-weight:600;
}

.panel.weatherlist table td em {
    font-style:normal;
    color:#009ddc;
}

/* WEATHER FORECAST */


/* START TP BANNER */

.panel.trustpilot {
    padding:45px 0 30px 0;
    text-align:center;
}

.content-wrapper#trustpilot {
    max-width:1200px;
}

.content-wrapper#trustpilot .threecol {
    font-size:1.1em;
}

#trustpilot i {
    background-color:#299657;
    color:#fff;
    padding:5px 4px 4px 4px;
    border-radius:2px;
    margin:0 2px 0 0;
    font-size:1.1em;
}

.panel.trustpilot .threecol .box, span#trustpilot {
    margin-bottom:50px!important;
    background-color:#f9f9f9;
    border-top:solid 7px #1a7b48;
    padding:30px 2% 1% 2%;
    box-sizing:border-box;
    display:block;
}

#trustpilot .box {
    margin-bottom:25px;
}

#trustpilot p {
    color:#1a7b48;
    line-height:1.5em;
}

#trustpilot p strong {
    font-weight:300;
    font-size:1.3em;
    color:#1a7b48;
    font-style:italic;
}

#trustpilot p em {
    font-style:normal;
    font-size:0.9em;
}

@media screen and (max-width: 500px)
{
#trustpilot p:nth-child(2) {
    height:auto;
    overflow:visible;
}
}

/* END TP BANNER */


/* ENEWS BANNER */

.panel.enews {
    background-color:#b8995f;
    padding-bottom:0;
    padding-top:20px;
}

.panel.enews .content-wrapper {
    background-image:url(/images/enews-cover.png);
    background-repeat:no-repeat;
    background-position:top right;
    background-size:33% auto;
    max-width:1200px;
    color:#fff;
    margin-bottom:0;
    padding:30px 0 50px;
}

.panel.enews .content-wrapper h3 {
    color:#fff;
    font-size:2.2em;
}

.panel.enews .content-wrapper p {
    font-size:1.2em;
}

.panel.enews .content-wrapper a.button {
    background-color:#204d61;
}

@media screen and (max-width: 800px)
{
.panel.enews .content-wrapper {
    background-position:center right;
}

.panel.enews .content-wrapper h3 {
    color:#fff;
    font-size:1.7em;
}

.panel.enews .content-wrapper p {
    font-size:1em;
}
}

@media screen and (max-width: 650px)
{
.panel.enews .content-wrapper {
    background:none;
}
.panel.enews .twoonecol .box:nth-child(1) {
    width:100%;
}
.panel.enews .twoonecol .box:nth-child(2) {
    display:none;
}



}

/* END ENEWS BANNER */


/* FAQS / LICENCE */

.faqwrap {
    margin-bottom:30px;
}

.faqs.active {
    background-image: url(/images/arrow-up.jpg);
}

.faqs i {
    color:#ccc;
    width:30px;
    height:30px;
    box-sizing:border-box;
    padding-top:7px;
    text-align:center;
    display:block;
    background-color:#FFF;
    border-radius:100%;
    float:left;
    margin:-5px 15px 0 0;
}

.faqs h4 {
    font-size:1em;
    margin-bottom:10px;
    padding: 15px;
    cursor:pointer;
    background-color:#f5f7f6;
    text-transform:uppercase;
    font-weight:600;
    color:#6f6f6f;
}

.faqs p {
    color:#999;
}

.faqs span {
    display:none;
    padding-right: 30px;
}

.faqs.active span {
    display:block;
    padding-right: 30px;
}

/* END FAQS */

/* Hotel Listings */

.hotel-list .hotel-list-item.onethreecol {
    width: 100%;
    border-bottom: solid 1px #aebfc7;
    text-align: left;
    padding-top: 0;
    margin-bottom: 45px;
    padding-bottom: 35px;
}

.hotel-list .hotel-list-item span {
    display: block;
    width: 100%;
    font-size:0.9em;
}

.hotel-list .hotel-list-item span i {
    float: right;
}

.hotel-list .hotel-list-item a {
    display: none;
}

.hotel-list .hotel-list-item a:nth-child(1) {
    display: block;
    margin-bottom: 5px;
}

.hotel-list .hotel-list-item ul {
    margin: 0;
    list-style: none;
}

.hotel-list .hotel-list-item ul li {
    background-color: #8a97a1;
    color: #fff;
    border-radius: 3px;
    display: block;
    float: left;
    font-size: 0.9em;
    padding: 3px 7px; 
    margin: 0 7px 7px 0;
}

@media screen and (max-width: 520px) {
    .hotel-list .hotel-list-item img {
		width:100%
	}
    .hotel-list .hotel-list-item span {
        margin-bottom: 20px;
    }
}

/* End Hotel Listings */


/* Trip Advisor */

.trip-advisor .wrap {
    width: 100%;
    border-radius: 3px;
    background-color: #d1e6de;
    padding: 20px 15px 10px;
    box-sizing: border-box;
}

.trip-advisor .wrap p {
    margin: 0 0 17px;
    padding: 0;
}

.trip-advisor .wrap p:nth-child(1) {
    text-align: center;
    margin: 0;
}

.trip-advisor ul {
    list-style: none;
    text-indent: 0;
    margin: 0 0 17px;
}

.trip-advisor ul li {
    padding: 0 0 5px;
    font-size: 0.9em;
}

.trip-advisor ul li img {
    float: right;
}

.trip-advisor .percentage-bg {
    width: 100px;
    height: 13px;
    background-color: #aebfc7;
    border-radius: 3px; 
    display: block;
    float: right;
    margin-top: 3px;
}

.trip-advisor .percentage-overlay {
    background-color: #00aa6c;
    height: 13px;
    position: absolute;
    display: block;
    border-radius: 3px; 
}

.panel.trip-advisor-reviews {
    max-width: 960px;
    width: 96%;
    padding: 4% 2%;
    text-align: left;
}

.trip-advisor-review {
    margin-bottom: 40px;
}

/* End Trip Advisor */


/* FOOTER */

footer {
    background-color: #37424a;
    color: #fff;
    clear: both;
    margin:0 auto;
    text-align:left;
}

footer .content-wrapper {
    text-align:left;
    padding:25px 10px 5px;
    max-width: 1360px;
    margin:0 auto;
    width:100%;
    box-sizing: border-box;
}

footer a.social {
    margin-right:10px;
    background-color:#2ca6bd;
    border-radius:100%;
    width:34px;
    height:34px;
    padding-top:8px;
    box-sizing:border-box;
    text-align:center;
    color:#fff;
    display:block;
    font-weight:normal;
    float:left;
}

footer a.social i {
    margin-top:1px;
    display:block;
}

footer .threecol {
    padding:0;
}

footer .threecol .box {
    padding:0 0 30px 0;
}

footer .threecol .box:nth-child(3) {
    padding:0;
}

footer a {
    color: #fff;
    text-decoration:none;
}

footer p {
    line-height:1.8em;
}

footer p strong {
    text-transform:uppercase;
    color:#fff;
    font-weight:600;
    margin-bottom:20px;
    display:block;
}

footer p>em {
    font-style:normal;
    font-weight:600;
}

footer ul {
    margin: 0;
    padding: 0;
}
footer ul li {
    margin: 0;
    padding: 0 0 5px 0;
    list-style:none;
}

footer ul li a {
    text-decoration:none;
}

footer a#top {
    display: block;
    width: 100%;
    clear:both;
    height: 25px;
    overflow:hidden;
    border-botttom: 10px solid #f4f5f7;
    clear:both;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #f4f5f7;
     transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;

}

footer a#top:hover  {
    border-bottom-color: #666;
}

footer a#top:hover em  {
    color:#fff;
    background-color:#666;    
}

footer a#top em {
    display:block;
    width: 60px;
    height:47px;
    padding-top:5px;
    background-color:#f4f5f7;    
    margin: 5px auto 0 auto;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius: 70px;
    font-style: normal;
    text-align:center;
    font-size: 0.9em;
    text-transform: uppercase;
    color: #252931;
    font-weight:bold;
}

footer #footer-terms {
    font-size: 0.8em;
    border-top: solid 1px #666;
}

footer #footer-terms a:hover {
    color: #fff;
    text-decoration: underline;
}


/* END FOOTER */