@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700,900,300, );
@charset "utf-8";
/* CSS Document */
/*
PALETTE:

*/
body {
    font-family: 'Lato', sans-serif;
    font-size:14px;
    color:#959595;
}
a {
   color:#959595;
   outline: none!important;
}
a:hover {
    text-decoration: none;
}

.intro-text {
  font-size: 18px;
}
/*========== TEXT HELPERS ==========*/
h1 {
  font-size: 26px;
  font-weight: 600;
}
.main-title {
  color: #75BED1;
  margin:0 0 20px;
  font-weight: 400;
}
.baige {
  color: #FADCA8!important;
}
.blue {
  color: #75bed1;
}
.yellow-text {
  color:#F1BC56!important;
}
.nowrap {
  white-space: nowrap;
}
.content-image {
  margin:0 0 15px 30px;
  width: 100%;
  max-width: 100%;
  float: right;
}
.coverlink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*========== FORMs ==========*/
.form-control {
  border-radius: 0;
  box-shadow: none;
  font-size: 16px;
}
.form-control:focus {
  box-shadow: none;
}
.form-control::-webkit-input-placeholder {
   color: #bbb;
}
.form-control:-moz-placeholder { /* Firefox 18- */
   color: #bbb;  
}
.form-control::-moz-placeholder {  /* Firefox 19+ */
   color: #bbb;
}
.form-control:-ms-input-placeholder {  
   color: #bbb;  
}
.form-horizontal .control-label {
  text-align: left;
  color:#75bed1;
  font-weight: 400;
  font-size: 16px;
}

.form-booking {
  margin-top: 30px;
}
textarea {
  resize: vertical;
}
/*========== BTNS ==========*/
.btn {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    border-radius: 2px;
}
.btn-blue {
  background-color: #73BED1;
  color: #fff;
}
.btn-blue:hover {
  background-color:#5ea9bc;
  color: #fff;
}
.btn-yellow {
  background-color: #F1BC56;
  color: #fff;
}
.btn-yellow:hover {
  background-color:#e2ad47;
  color: #fff;
}
/*========== GLOBAL HELPERS ==========*/
.container {
    position: relative;
}
.page-content {
  padding: 30px 0;
}
nav ul {
  list-style: outside none none;
  margin-bottom: 0;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.xs-spacer {
  float: left;
  margin: 15px 0;
  width: 100%;
}
.nopadding {
  padding:0!important;
}

/*========== LOGIN & ADMIN BAR ==========*/
.login-page{background:#f8f8f8}#login{margin:auto;padding:80px 0 0;width:320px}#login img{margin:0 12px 30px}#login form{border:1px solid #ddd;border-radius:6px;box-shadow:1px 1px 6px rgba(0,0,0,.1);padding:24px;background:#FFF}#login input{height:34px;margin:0 0 13px}#login label{float:none;color:#777;font-size:14px}#login input{width:100%;font-size:14px;box-sizing:border-box}#login form p{margin:0 0 20px;font-size:13px}#login a{border-bottom:1px dotted #ccc}.login-btn{background:#FdC074;width:100%;padding:10px 0;color:#FFF;transition:background-color .25s linear;border-radius:6px;border:none}.login-btn:hover{background:#F1B468}.form-input{position:relative}#email-message:empty,#password-message:empty{opacity:0;transition:all 0s ease 0s}#email-message{position:absolute;left:300px;top:30px;white-space:nowrap}#password-message{position:absolute;left:300px;top:6px;white-space:nowrap}.warning{background-color:#e74c3c;border-radius:4px;box-shadow:2px 2px 2px rgba(0,0,0,.2);color:#fff;font-size:12px;margin-left:10px;opacity:1;padding:4px 8px;transition-duration:.5s}#adminbar{background-color:#106489;box-shadow:1px 1px 4px rgba(0,0,0,.3);font:13px/34px Lato,sans-serif;height:34px;min-width:990px;position:relative;width:100%;z-index:6}.admin-bar-menu{list-style:none}.admin-bar-menu>ul{margin:0;padding:0}.admin-bar-menu ul li{float:left}#admin-bar-site-name{background-color:#ff7d34}#admin-bar-site-name:hover>a{background-color:#FF8D4D;color:#FFF}.admin-bar-menu ul li a{display:block;height:34px;padding:0 8px;color:#FFF;text-decoration:none}.admin-bar-menu>ul>li:hover>a{color:#FF8D4D;background-color:#14729c}.admin-bar-menu ul ul{display:none;position:absolute}.admin-bar-menu ul li:hover>ul{display:block;width:110px;background-color:#106489;margin:0;padding:0}.admin-bar-menu ul li>ul>li:hover a{color:#FF8D4D;background-color:#14729c}.admin-bar-menu ul ul li{float:left;position:relative;width:110px}.admin-bar-main{float:left}.admin-bar-account{float:right}.admin-bar-account .user{float:left}.admin-bar-account .user:hover{background-color:#14729C}.admin-bar-account .user:hover a{color:#ff8d4d}.admin-bar-account .username{display:block;text-align:right;color:#FFF;margin:0 10px}.admin-bar-account ul li{float:left;margin:0 0 0 25px}.admin-bar-account .icons{float:left}.admin-bar-account .icons li{margin:0}.syrup-sml{background-image:url(http://icandydesign.com/syrup-assets/sprites.png);background-position:0 -76px;background-repeat:no-repeat;height:34px;padding:0 0 0 80px}#contact-message{display:none}


/*========== COOKIE NOTICE ==========*/
#cookie-notice-container{
    width:100%;
    position:fixed;
    bottom:0;
    background-color:#F1BC56;
    color: #fff;
    padding:10px 0;
    font-size:12px;
}
#cookie-notice-container p{
    margin-bottom: 0;
}
#cookie-notice-container a{
    color: #fff;
    text-decoration: underline;
}
#cookie-notice-container .btn {
  display: block !important;
  margin-top: 5px;
  width: 100%;
  border-radius: 0;
  background-color: #fff;
  color: #F1BC56;
}
#cookie-notice-container .btn:hover {
  color: #F1BC56;
}
/* Outdated Browser Notice */
#browser-notice-container{
    width:100%;
    background-color:#175caa;
    padding:10px 0;
    z-index:9;
    color:#fff;
}
#browser-notice-container p{
    width:990px;
    margin: 0 auto;
    font-size:18px;
    text-align:center;
    color:#fff;
}
#browser-notice-container a{
  color:#fff;
  text-decoration: underline;
}
#browser-notice-container button{
  margin: 0 10px;
  color:#fff;
}
#browser-notice-container i{
  margin-right:5px;
}


/*========== HEADER ==========*/
.navbar {
    border:none;
    margin-bottom: 0;
    border-radius: 0;
    border-bottom: 8px solid #F1BC56;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#40aac4+0,73bed3+100 */
    background: #40aac4; /* Old browsers */
    background: -moz-linear-gradient(top,  #40aac4 0%, #73bed3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#40aac4), color-stop(100%,#73bed3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #40aac4 0%,#73bed3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #40aac4 0%,#73bed3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #40aac4 0%,#73bed3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #40aac4 0%,#73bed3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40aac4', endColorstr='#73bed3',GradientType=0 ); /* IE6-9 */

}
#main-nav {
    width: 100%;
}
.mob-header .navbar {
    background-color: #fff;
}
.mob-header .navbar-nav {
  margin: 0 -15px;
}
.mob-header .navbar-nav > li > a {
  color: #fff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #F1BC56;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background-color: #F1BC56;
  color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  color: #F1BC56;
}
.dropdown.open {
    background-color: #4dabc3;
}
.mob-header .navbar-brand {
  height: auto;
  left: 10px;
  padding: 0;
  position: absolute;
  top: 10px;
}
.navbar-toggle {
  border: none;
  float: right;
  margin-bottom: 8px;
  margin-right: 15px;
  margin-top: 8px;
  padding: 9px 10px;
  position: relative;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: transparent;
}
.navbar-default .navbar-toggle.collapsed .icon-bar {
  background-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #F1BC56;
}
.navbar-collapse {
  box-shadow: none;
  border-top: 0;
}
.mob-tel {
  color: #fff;
  padding: 6px 0;
  position: absolute;
  right: 60px;
  text-align: center;
  top: 8px;
  width: 32px;
}

/*========== FOOTER ==========*/
footer {
    background-color: #42AAC3;
    color: #fff;
    font-size: 16px;
}
footer a{
    color: #fff;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
footer a:hover{
    color: #FADCA8;
}
footer .fa {
    color: #FADCA8;
}
footer h4 {
  color:  #F8DEAB;
  font-size: 20px;
  margin: 0 0 15px;
  font-weight: 600;
}
footer hr {
  background:#A2D6E3;
  border: 0 none;
  color: #A2D6E3;
  font-size: 0;
  height: 1px;
  margin: 15px 0;
}
.ftr-top {
    padding: 30px 0 0;
}
.ftr-top .ftr-tel {
    font-family: 'Bree Serif', serif;
    font-size: 24px;
    text-align: right;
    margin-bottom: 10px;
}
.ftr-bottom {
    padding: 15px 0;
}
.ftr-menu ul {
    float: right;
}
.ftr-menu ul li {
    float: left;
}
.ftr-menu ul li a{
    display: block;
    padding: 0 15px;
}
.ftr-menu ul li:last-child a {
    padding-right: 0px;
}
.ftr-signature {
    background-color:#3E9DB9;
    padding:20px 0;
    font-size: 12px;
}
.syrup-text, .icd-text {
    position: relative;
}
.icd-text {
    float: left;
    padding-left:40px;
}
.syrup-text { 
    padding-right:60px;
    float: right;
}
.ftr-icon {
    position: absolute;
    display: block;
    background: url('/images/site/sprites.png') no-repeat;
}
.ftr-icon.syrup {
  background-position: 0 -27px;
  height: 25px;
  right: -5px;
  top: -2px;
  width: 54px;
}
.ftr-icon.icd{
    background-position: 0 0;
    width: 32px;
    height: 25px;
    left: 0;
  top: -4px;
}

.blue {
  color: #75bed1;
}
.yellow-text {
  color:#F1BC56!important;
}
/*========== HOME ==========*/
.homeContact {
  text-align: center;
  margin: 20px 0 10px;
}
.homeContact .telNo {
  color:#F1BC56;
  font-size: 20px;
  margin:0 0 15px;
}
.homeContact .telNo a{
  color: #75bed1;
  white-space:nowrap;
}
.homeContact .btnContainer{
  
}
.homeContact .btnContainer .btn {
  display: block;
  font-size: 20px;
}
.homeContact .btnContainer + .btnContainer {
  margin:10px 0 0;
}
.home-item-container {
  display: inline-block;
  width: 100%;
  margin: 15px 0;
}
.home-item-container .featured-item h4 {
    border-radius: 0 0 3px 3px;
}
.item-container {
  display: inline-block;
  width: 100%;
  margin: 15px 0 30px;
}

.home-featured-item {
  padding:30px 0;
  border-bottom:1px solid #D4ECF0;
}
.home-featured-item .btn {
  display: block;
  font-size: 16px;
}
.home-featured-item:last-child {
  border:none;
}
.home-featured-item .home-featured-title, .home-featured-item .home-featured-title a {
  font-size: 20px;
  color:#75BED1;
  margin-top: 0;
  margin-bottom: 20px;
}
.home-featured-item .p {
  margin-bottom: 0;
}
.home-featured-item .btn {
  margin-top: 20px;
}


.featured-item {
  margin-top: 15px;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}
.featured-item .featured-content {
  padding:10px;
  border-top: 8px solid #F1BC56;
  color: #fff;
background: #3aa8c3; /* Old browsers */
background: -moz-linear-gradient(top,  #3aa8c3 1%, #60b6cd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#3aa8c3), color-stop(100%,#60b6cd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3aa8c3 1%,#60b6cd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3aa8c3 1%,#60b6cd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3aa8c3 1%,#60b6cd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3aa8c3 1%,#60b6cd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aa8c3', endColorstr='#60b6cd',GradientType=0 ); /* IE6-9 */
width:100%;
}
.featured-item .featured-content h4{
  margin:0;
}
/*========== CATEGORY ==========*/
.sort-header {
    width: 100%;
    display: table;
    margin: 0 0 30px;
}
.cat-content {
    margin: 30px 0 0;
}

/*========== EVENT ==========*/

/*========== ARTICLE ==========*/
.page-content.article {
  padding-top: 60px;
}
.breadcrumb-container {
  position: absolute;
  right: 15px;
  top: 5px;
  font-size: 14px;
}
.breadcrumb {
  background-color: #fff;
  margin: 0;
}
.breadcrumb > li + li::before {
  color: #ccc;
  content: "> ";
  padding: 0 5px;
}
.content-info {
  margin: 0 0 15px;
}
#related-items {
  margin: 60px 0 0;
}
.related-products {
}

.faq-panel {
  margin-bottom: 0;
}
.faq-panel .panel-default {
  border-bottom: none;
  border-left: medium none;
  border-right: medium none;
  box-shadow: none;
  border-radius: 0;
}
.faq-panel .panel-body {
  padding:30px 0;
}
.faq-panel .panel-heading {
  background-color: #fff;
  padding: 0;
}
.faq-panel .panel-title a {
  color: #929292;
  display: block;
  font-size: 22px;
  padding: 20px 0;
}
.faq-panel .panel-title a:focus, .faq-panel .panel-title a:active {
  text-decoration: none;
} 

/*FAQ section*/
.faq {
  margin: 0 0 30px;
}
.faq:last-child {
  margin-bottom: 0;
}
.faq-q {
  color: #42aac3;
  display: block;
  font-size: 20px;
  margin-bottom: 10px;
}

/*quote section*/
.art-quote {
  margin-bottom: 60px;
}
.article-quote {
  font-size: 20px;
  display: block;
  text-align: center;
  position: relative;
}
.article-quote::before {
  position: absolute;
  content: "\201C";
  left: 20px;
  top: -35px;
  font-size: 100px;
  color: #fff;
  display: none;
}
.article-quote::after {
  position: absolute;
  content: "\201D";
  right: 20px;
  bottom: -100px;
  font-size: 100px;
  color: #fff;
  display: none;
}
.quote-name {
  display: block;
  text-align: center;
  margin-top: 30px;
}
.back-quote, .next-quote {
  cursor: pointer;
  color: #fff;
  transition-duration:200ms
;}
.back-quote:hover, .next-quote:hover {
  color: #42AAC3;
}

.art-lower {
    background-image: url('/images/site/yellow-banner.jpg');
    min-height: 100px;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 60px 0;
    color: #fff;
}

.art-lower h4 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 22px;
}

.art-lower .form-control {
    border: none;
    font-size: 16px;
    border-radius: 3px;
}

.art-lower textarea.form-control {
    resize: vertical;
}

.art-lower .form-control:focus {
    box-shadow: none;
    border: none;
}

.art-lower .btn {
    font-size: 18px;
}

/*========== SLICES ==========*/
.slice {
min-height:100px;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 30px 0;
}
.slice-heading {
  font-size: 28px;
  margin-bottom: 30px;
  margin-top: 0;
}
.slice-sub-heading {
font-size: 20px;
}
.slice p{
  font-size: 16px;
}
.slice .btn {
  background-color: #F1BC56;
  color: #fff;
border-radius: 3px;
font-size: 18px;
transition-duration:200ms;
margin-top: 10px;
}
.slice-btn i{
margin-left: 10px;
}

/*========== CTA ==========*/
.cta {
    background: #E8E8E8;
    padding: 15px 0;
    color: #616161;
    font-size: 20px;
}
.cta .cta-link a{
    color: #616161;
}
.cta .cta-link .btn{
  margin-top: 10px;
  display: block;
  font-size: 16px;
}


/*========== SYSTEM CTA's ==========*/
.cta.home-welcome .cta-link {
  margin-top: 10px
}
.cta.home-welcome .cta-link a{
  color: #fff;
  font-size: 16px;
  position: relative;
  display: block;
  margin-top: 5px;
}
.cta-link {
  text-align: left;
  margin-top: 10px;
}
.cta .cta-link.social a{
  color: #fff;
  font-size: 35px;
}
.cta.footer-cta a, .cta.footer-cta a i{ 
  color: #fff!important;
}


/*========== CONTACT PAGE ==========*/
.contact-sub-title {
  margin-top: 0;
}
#map-canvas {
    width: 100%;
    height: 250px;
}
#contact-form {
  margin-top: 15px;
}

.contactBox {
  position:relative;
  padding-left:40px;
  font-size:1.5rem;
  margin-top:20px;
}
.contactBox:last-child {
  margin-bottom:40px;
}
.contactBox::before {
  position:absolute;
  content: "";
  border-radius:20px;
  font-family: 'FontAwesome';
  height: 28px;
  width: 28px;
  font-size: 20px;
  padding:4px 0;
  text-align: center;
  color: #F1BC56;
  left: 0;
  top: -8px;
}
.contactBox.address::before {content:"\f015";}
.contactBox.tel::before {content:"\f095";}
.contactBox.email::before {content:"\f0e0"; font-size:16px; top:-3px;}
.contactBox.fax::before {content:"\f02f";}
.contactBox p {
  margin:0;
}
.contactBox a {
  color: $bodycolor;
}


/*========== SEARCH PAGE ==========*/
.search-item {
  margin-bottom: 30px;
}

/*========== PAGE ==========*/


/* Small Devices, Tablets IPAD*/
@media only screen and (min-width : 768px) {
  html {
    min-height: 100%;
    position: relative;
  }
body {
    margin-bottom: 468px;
}
h1 {
  font-size: 34px;
}
.intro-text {
  font-size: 20px;
}
.page-content {
  padding: 50px 0;
}


/*========== COOKIE NOTICE ==========*/
#cookie-notice-container .btn {
  display: inline-block !important;
  width: auto;
  float: right;
  margin-top: 0;

}
#cookie-notice-container P {
  font-size: 16px;
}

/*========== FOOTER ==========*/
footer {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
}
footer h4 {
  font-size: 22px;
}
.cta.footer-cta {
  text-align: center;
}

/*========== HOME ==========*/
.homeContact-container {
  border-bottom:10px solid #F7DDAA;
  padding:30px 0;
}
.homeContact {
  margin: 0;
  display: table;
  table-layout:fixed;
  width: 100%;
}
.homeContact .telNo, .homeContact .btnContainer{
  display: table-cell;
  vertical-align: middle;
}
.homeContact .telNo {
  width: 40%;
  font-size: 22px;
  text-align: left;
}
.homeContact .telNo a{
  font-weight: 600;
  margin-left: 5px;
}
.homeContact .btnContainer{
  text-align: right;
  padding-right: 15px;
}
.homeContact .btnContainer .btn {
  font-size: 20px;
}
.homeContact .btnContainer + .btnContainer {
  margin:10px 0 0;
  padding-right: 0;
  padding-left: 15px;
}


.home-item-container {
  margin: 15px 0 30px;
}
.home-item-container .featured-item:first-child {
  margin-top: 15px;
}


.featured-item {
  margin-bottom: 15px;
}


.featured-item .featured-img {
  margin-bottom: 50px;
}
.featured-item .featured-content {
  height: 100%;
  padding:10px;
  border-top: 8px solid #F1BC56;
  color: #fff;
  position: absolute;
top: 190px;
background: #3aa8c3; /* Old browsers */
background: -moz-linear-gradient(top,  #3aa8c3 1%, #60b6cd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#3aa8c3), color-stop(100%,#60b6cd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3aa8c3 1%,#60b6cd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3aa8c3 1%,#60b6cd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3aa8c3 1%,#60b6cd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3aa8c3 1%,#60b6cd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aa8c3', endColorstr='#60b6cd',GradientType=0 ); /* IE6-9 */
transition-duration: 500ms;
}
.featured-item .featured-content h4{
  margin: 0 0 20px;
  font-size: 20px;
}
.featured-item .featured-content h4 a{
  color: #fff;
}
.featured-item:hover .featured-content {
  top: 0;
}



.home-featured-item {
  padding:50px 0;
}
.home-featured-item .btn {
  display: inline-block;
  font-size: 16px;
}


/*========== CONTACT PAGE ==========*/
#map-canvas {
    width: 100%;
    height: 400px;
}

/*========== ARTICLE ==========*/
.art-quote {
  margin-bottom: 0px;
}
.article-quote {
  padding: 0 60px;
}
.article-quote::before {
  display: block;
}
.article-quote::after {
  display: block;
}


/*========== SLICES ==========*/
.slice {
  padding: 60px 0;
}
.slice-heading {
  font-size: 34px;
}


/*========== CTA ==========*/
.cta {
    font-size: 22px;
}
.cta .cta-link .btn{
  font-size: 25px;
  margin-top: 0px;
  display: inline-block;
}

/*========== SYSTEM CTA's ==========*/
.cta-link {
  text-align: right;
  margin-top: 0px;
}
.cta.home-welcome .cta-link {
  margin-top: -8px;
}
.cta.home-welcome .cta-link a{
  color: #fff;
  font-size: 16px;
  position: relative;
  display: inline-block;
}


/*========== PAGE ==========*/


/*========== CATEGORY ==========*/
.cat-content {
    margin: 50px 0 15px;
}

/* Medium Devices, Desktops */
}
@media only screen and (min-width : 992px) {
.content-image {
  max-width: 400px;
}
.branded {
  width: auto;
}
body {
    margin-bottom: 391px;
}
.container {
  width: 990px!important;
}


/*========== HEADER ==========*/
.branded {
  position: absolute;
  top: 18px;
  z-index: 2;
}

.navbar {
}
.nav-container {
    float: right;
}
.nav-container > ul {
  display: table;
  float: none;
  height: 90px;
  margin-bottom: 0;
}
.nav-container > ul > li {
    display: table;
    float: left;
    height: 100%;
    vertical-align: middle;
    width: 110px;
}
.nav-container > ul > li > a {
    border-left: 1px solid #96CFE0;
    display: table-cell;
    padding: 0 15px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}
.nav-container > ul > li:hover > a {
    background-color:#2399B5;
    color: #fff;
}
.nav-container > ul > li:last-child > a {
    border-right: 1px solid #96cfe0;
}
.main-dropdown {
  opacity: 0;
  overflow: hidden;
  padding-top: 15px;
  position: absolute;
  right: 16px;
  top: 90px;
  visibility: hidden;
  width: 665px;
  z-index: 20;
}
.main-dropdown-content {
  background-color: #2399b5;
  color: #fff;
  float: left;
  padding: 30px 15px;
  width: 100%;
}

.main-dropdown-content h3, .main-dropdown-content h3 a{
  color: #fff;
  margin-top: 0;
  font-size: 18px;
  font-weight: 600;
}
.main-dropdown-content .btn-container {
  padding-left:8px;
  padding-right: 8px;
}
.main-dropdown-content .btn {
  margin-bottom: 16px;
}
.main-dropdown-content p {
  font-size: 13px;
  margin-bottom: 0;
}
.nav-container ul li:hover > .main-dropdown {
    opacity: 1;
    visibility: visible;
    overflow: visible;
}
.megamenu-hover {
    opacity: 1;
    visibility: visible;
    overflow: visible;
}
.nav-search, .nav-tel {
  width: 50px !important;
}
.nav-search > a, .nav-tel > a {
    cursor: pointer;
}
.nav-search > a:hover, .nav-tel > a:hover {
    color: #fff!important;
}
.tel-dropdown, .search-dropdown {
    position: absolute;
    right: 16px;
    top: 100%;
    background-color: #F1BC56;
    padding:10px;
    display: none;
    z-index: 10;
}
.nav-tel .fa-phone {
  margin-top: 8px;
}
.nav-tel.active > a, .nav-search.active > a {
    background-color:#F1BC56!important;
    color: #fff!important;
}
.tel-dropdown {
  color: #fff;
  display: none;
  font-size: 18px;
  font-weight: 600;
  padding: 14px 34px;
  z-index: 10;
}
.search-dropdown .form-control{
    box-shadow: none;
    border:none;
    border-radius: 0;
}
.search-dropdown .btn{
    background-color: transparent;
    color: #fff;
    font-size: 20px;
    padding: 0 5px 0 10px;
}


.homeContact .telNo {
  font-size: 28px;
}
.homeContact .telNo a{
  margin-left: 15px;
}

/*========== SYSTEM CTA's ==========*/
.cta.home-welcome .cta-link {
  text-align: right;
}
.cta.home-welcome .cta-link a:last-child{
  margin-left: 15px;
}
.cta.home-welcome {
  white-space: nowrap;
}
.cta.home-welcome .cta-link a{
  padding-left: 45px;
}
.cta.home-welcome .fa {
    font-size: 30px;
    left: 0;
    position: absolute;
    top: -5px;
}

.featured-item .featured-content {
  top: 165px;
}


/* Large Devices, Wide Screens */
}
@media only screen and (min-width : 1200px) {
  .container {
    width: 990px!important;
  }
  .no-point {
      pointer-events: none;
  }
}


@media only screen and (max-width : 768px) {
  .form-booking .btn{
    display: block;
    width: 100%;
  }
}



/*change navbar breakpoint to tablet instead of mobile*/
@media (max-width: 991px) {
.navbar .container {
    width: 100%;
}
.navbar-header {
    float: none;
    margin-left: -15px!important;
    margin-right: -15px!important;
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: inherit;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-left: -15px;
    margin-right: -15px;
}
.navbar-collapse {
    overflow-x: visible;
    padding-left: 15px!important;
    padding-right: 15px!important;
}
.navbar-collapse.collapse {
    overflow: hidden !important;
}
.navbar-collapse.in {
    overflow-y: auto!important;
}
.navbar-left,.navbar-right {
    float: none !important;
    margin-left:-15px;
    margin-right:-15px;
}
.navbar-toggle {
    display: block;
}
.navbar-collapse.in {
    overflow-y: auto;
}
.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-collapse.collapse {
    display: none!important;

}
.navbar-nav {
    float: none!important;
}
.navbar-nav>li {
    float: none;
}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.collapse.show{
    display:block !important;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 15px;
}
.navbar-nav .open .dropdown-menu {
    background-color: transparent;
    border: 0 none;
    box-shadow: none;
    float: none;
    margin-top: 0;
    position: static;
    width: 100%;
}
.dropdown-menu.show{
	position:relative;
	float:none;
}
}