/*
|-----------------------------------------------------------------------------------------------------------
| FONTS - fonts.com
|-----------------------------------------------------------------------------------------------------------
   font-family:'Prelo W04 SemiBold', sans-serif;
   font-family:'Prelo W04 Bold', sans-serif;
   font-family:'Prelo W01 Medium', sans-serif;
   font-family:'Prelo W01 Book', sans-serif;
   font-family:'Prelo W04 ExtraBold', sans-serif;
   
   -- embedded fonts --
   font-family:'journalregular', cursive;
*/

@font-face {
    font-family: 'journalregular';
    src: url('/includes/public/fonts/journal-webfont.eot');
    src: url('/includes/public/fonts/journal-webfont.eot?#iefix') format('embedded-opentype'),
         url('/includes/public/fonts/journal-webfont.woff') format('woff'),
         url('/includes/public/fonts/journal-webfont.ttf') format('truetype'),
         url('/includes/public/fonts/journal-webfont.svg#journalregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*
|-----------------------------------------------------------------------------------------------------------
|                                         MOBILE FIRST STYLING
|-----------------------------------------------------------------------------------------------------------
*/

/*
|-----------------------------------------------------------------------------------------------------------
| GLOBAL TAG STYLES
|-----------------------------------------------------------------------------------------------------------



global classes: sv-form, sv-button

*/


body{
  font-size: 18px;
  line-height: 30px;
  color: #1e1e1e;
  font-family:'Prelo W01 Medium', sans-serif;
  height: auto !important;
  overflow-x: hidden;
  background: #fafafa;
}

body .row,
.custom-row{
  max-width: 1020px;
}
.custom-row{
   margin:0 auto;
}
.row .row{
   margin-left: -10px;
   margin-right: -10px;
}
body .columns,
[class*="block-grid-"]>li{
   padding-left: 10px;
   padding-right: 10px;
}

ul,
ol,
dl {
  list-style-position: inside;
  margin-left: 0 !important;
}


/** panels **/
.panel_page{
   position: relative;
   width: 100%;
}
.panel_custom_one_col.full-width .panel-row{
   max-width: 100%;
}
.panel_custom_one_col.full-width .panel-col{
  padding: 0;
}
.panel_custom_one_col.intro-text{
  text-align: center;
}
.panel_custom_three_col{
  padding-top: 30px;
  padding-bottom: 30px;
}
.panel_custom_container.max-text{
  position: relative;
  padding-bottom: 55px;
  margin-bottom: 30px;
}
.panel_custom_container.max-text .content-container{
  position: relative;
  width: 100%;
  max-height: 360px;
  overflow: hidden;
}
.panel_custom_container.max-text.medium .content-container{ max-height: 720px; }
.panel_custom_container.max-text.large .content-container{ max-height: 1080px; }
.panel_custom_container.max-text .content-container::after{
  content: '';
  position: absolute;
  left:0;
  bottom:0;
  width:100%;
  height:100%;
  max-height: 90px;
  /*background-image: -moz-linear-gradient(transparent, rgba(250,250,250,1));
  background-image: -webkit-linear-gradient(transparent, rgba(250,250,250,1));
  background-image: -ms-linear-gradient(transparent, rgba(250,250,250,1));
  background-image: linear-gradient(transparent, rgba(250,250,250,1));*/

  background: -moz-linear-gradient(top,  rgba(250,250,250,0) 0%, rgba(250,250,250,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(250,250,250,0) 0%,rgba(250,250,250,1) 100%);
  background: linear-gradient(to bottom,  rgba(250,250,250,0) 0%,rgba(250,250,250,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fafafa', endColorstr='#fafafa',GradientType=0 );

  opacity: 1;
}
.panel_custom_container.full-height .content-container::after{
  display: none !important;
  opacity: 0;
}
.panel_custom_container.full-height .content-container{
  max-height: 100% !important;
}
.panel_custom_container.max-text .read-more-wrapper{
  position: absolute;
  left: 0;
  bottom: 0;
  width:100%;
  text-align:center;
}
.panel_custom_container.max-text .read-more::before{
  content: 'read more';
}
.panel_custom_container.max-text.full-height .read-more::before{
  content: 'read less';
}
.panel_custom_container.max-text .read-more::before,
.panel_custom_container.max-text.full-height .read-more::before{
  display: none;
}
.panel_custom_container.max-text .read-more span::before{
  content: 'read more';
  display: block;
}
.panel_custom_container.full-height .read-more span::before{
  content: 'read less';
}

a{
   color: #14b4eb;
}
p a:hover {
}
p a{

}



h1,h2,h3,h4,h5,h6{
   padding: 0;
   margin: 0;
   color: #1e1e1e;
   font-family:'Prelo W04 Bold', sans-serif;
}
h1{
   font-size: 30px;
   line-height: 32px;
   font-family:'Prelo W01 Medium', sans-serif;
   color: #002e6d;
   margin-bottom: 10px;
}
h2{
   font-size: 24px;
   line-height: 24px;
   text-transform: uppercase;
   color: #002e6d;
   margin-bottom: 5px;
}
h3{
   color: #666;
   font-size: 16px;
   line-height: 24px;
   font-family:'Prelo W04 Bold', sans-serif;
   margin-bottom: 5px;
}
h4{
   font-size: 16px;
   line-height: 24px;
}
h5{
  font-size: 15px;
  line-height: 22px;
}
h6{
  font-size: 14px;
  line-height: 20px;
}

p{
  font-size: 16px;
  line-height: 24px;
  color: #1e1e1e;
  font-family:'Prelo W01 Medium', sans-serif;
  margin-bottom: 30px;
}


.clear{
   clear:both;
}



/*
|-----------------------------------------------------------------------------------------------------------
| HEADER SECTION
|-----------------------------------------------------------------------------------------------------------
*/
.panel_custom_header{
  position: relative;
  width: 100%;
  min-height: 50px;
  z-index: 9999;
}
.panel_custom_header .header-top{
  background: #FFF;
}
.panel_custom_header .header-top-right{
  position: relative;
  width: 100%;
  padding-right: 35px;
}
.panel_custom_header .header-widget{
  position: relative;
  z-index: 700;
}
.panel_custom_header .logo{
  position: absolute;
  top: 0;
  height: 50px;
   padding: 8px 10px;
}
.panel_custom_header .logo img{
  max-height: 100%;
  height: 100%;
  max-height: 55px;
}

.header-phone{
  position: relative;
}
.header-phone a{
  width: 35px;
  height: 50px;
  display: block;
  font-size: 18px;
  line-height: 50px;
  color: #1e1e1e;
  text-align: center;
}
.header-phone .fa{
  line-height: 50px;
}

/*
|-----------------------------------------------------------------------------------------------------------
| HEADER SEARCH
|-----------------------------------------------------------------------------------------------------------
*/
.header-search .header-search-toggle{
  position: relative;
  z-index: 700;
  width: 35px;
  height: 50px;
  background-image: url('/includes/public/assets/icon-search.png');
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;

  transition: all ease .5s;
}
.header-search .header-search-toggle::after{
  content: '';
  position: absolute;
  top: 15px;
  left: 0;
  width: 1px;
  height: 20px;
  background:#e6e6e6;
}
/* drop down */
.header-search .search-drop-wrapper{
  position: absolute;
  z-index: 700;
  top: 50px;
  left: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  transition: all ease .5s;
}
.header-search .search-dropdown {  
  padding: 20px 10px;
  background-color: #FFF;
}
.header-search .search-dropdown .search-row{
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.header-search .search-dropdown .submit{
  width: 100%;
  max-width: 105px;
  margin: 0 auto;
}

/** open **/
.header-search.open .header-search-toggle{
  background-image: url('/includes/public/assets/icon-search-close.png');
}
.header-search.open .search-drop-wrapper {
  height: 130px;
}

/*
|-----------------------------------------------------------------------------------------------------------
| BOOKING
|-----------------------------------------------------------------------------------------------------------
*/
.custom_booking{
   width: 100%;
   display: none;
}
.custom_booking .booking-drop-wrapper{
  width: 100%;
  overflow: hidden;
}
.custom_booking .booking-dropdown {  
  padding-bottom: 20px;
  background-image: url('/includes/public/assets/pattern-arrows.png');
  background-position: left top;
}

.custom_booking .booking-dropdown .booking-row{
  width: 100%;
  margin: 0 auto;
  padding:0 5px;
  overflow: hidden;
}
.custom_booking .booking-dropdown .columns{
  padding:0 5px;
}
 .custom_booking .booking-dropdown .inputs-wrapper{
  width: 100%;
 }
.custom_booking .booking-dropdown input[type="text"]{
  border: none;
}
.custom_booking .booking-dropdown input[type="submit"]{
  max-width: 150px;
  margin: 0 auto;
  border-color: #c31432;
  color: #c31432;
}

/** header **/
.panel_custom_header .custom_booking{display:block;}
.panel_custom_header .custom_booking .booking-drop-wrapper{
  position: absolute;
  left: 0;
  height: 0;
  transition: all ease .5s;
}
.panel_custom_header .custom_booking .booking-dropdown { 
  background: #c31432;
}
.panel_custom_header .custom_booking .booking-dropdown input[type="submit"]{
  border-color: #FFF;
  color: #FFF;
}

/** toggle **/
.header_booking{width:100%;}
.header_booking .booking-toggle{
  height: 50px;
  background: #c31432;
  text-transform: uppercase;
  color: #f5f6f7;
  line-height: 50px;
  font-size: 16px;
  font-family:'Prelo W04 SemiBold', sans-serif;
  cursor: pointer;
}
.header_booking .booking-toggle span{
  float: left;
  height: 50px;
  padding: 0 10px;
  font-size: 14px;
}
.header_booking .booking-toggle span .fa{
  line-height: 50px;
}
.header_booking .booking-toggle span.down-arrow{
  font-size: 12px;
  transition: all ease .35s;

  -ms-transform: rotate(0); /* IE 9 */
  -webkit-transform: rotate(0); /* Chrome, Safari, Opera */
  transform: rotate(0);
}

/** open **/
.header_booking.open .booking-toggle span.down-arrow{
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}
.header_booking.open .booking-drop-wrapper {
  height: 120px;
}


/*
|-----------------------------------------------------------------------------------------------------------
| HEADER SLIDESHOW
|-----------------------------------------------------------------------------------------------------------
*/
.slideshow_container {
   /*float: left;*/
   position: relative;
   width: 100%;
   margin-bottom: 30px;
   overflow: hidden;
}
.slideshow_container a{color: inherit;}
.slideshow_container .slideshow{
  position: relative;
}
.slideshow_container .swoosh{
    position: absolute;
    bottom: -6px;
    left: 50%;
    width: 100%;
    min-width: 1200px;
    opacity: .2;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.slideshow_container .slideshow .image{
  position: relative;
  height: 0;
  padding-bottom: 62.5%;
}
.slideshow_container .slideshow .image img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.slideshow_container .slideshow .gradient{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 200px;
  background-image: -moz-linear-gradient(transparent, rgba(30,30,30,1) 100%);
  background-image: -webkit-linear-gradient(transparent, rgba(30,30,30,1) 100%);
  background-image: -ms-linear-gradient(transparent, rgba(30,30,30,1) 100%);
  background-image: linear-gradient(transparent, rgba(30,30,30,1) 100%);
}

@media (max-width: 1025px) {
  .slideshow_container .slideshow .gradient{
    background-image: -moz-linear-gradient(transparent, rgba(30,30,30,.6) 100%);
    background-image: -webkit-linear-gradient(transparent, rgba(30,30,30,.6) 100%);
    background-image: -ms-linear-gradient(transparent, rgba(30,30,30,.6) 100%);
    background-image: linear-gradient(transparent, rgba(30,30,30,.6) 100%);
  }  
}

.slideshow_container .slideshow .slide-int{
    position: absolute;
    bottom: 40px;
    text-align: center;
    color: #FFF;
    font-size: 40px;
    line-height: 40px;
    font-family:'journalregular', cursive;
}
.slideshow_container .slideshow .credit{
  position: absolute;
  z-index: 100;
  right: 0;
  bottom: 20px;
  width: 20px;
  font-size: 8px;
  line-height: 0;
  font-family:'Prelo W04 SemiBold', sans-serif;
  color: #FFF;
  white-space: nowrap;

  -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}

/** home **/
.slideshow_container .custom_header_slideshow_homepage {visibility: hidden;}
.slideshow_container .custom_header_slideshow_homepage .slideshow{opacity: 0; margin-bottom:0;}
.slideshow_container .custom_header_slideshow_homepage .slideshow.slick-initialized{opacity: 1;}


/** nav **/
.slideshow_container .slideshow .slick-dots{
  position: absolute;
  z-index: 100;
  bottom: 20px;
  left: 0;
  width: 100%;
  margin: 0;
  text-align: center;
  line-height: 0;
}
.slideshow_container .slideshow .slick-dots li{
  display: inline-block;
  padding:0 10px;
  height: auto;
  width: auto;
  margin: 0;
}
.slideshow_container .slideshow .slick-dots li span{
  display: block;
  width: 12px;
  height: 12px;
  background: #FFF;
  border-radius: 50%;
  cursor: pointer;
}
.slideshow_container .slideshow .slick-dots li.slick-active span{
  background: #14b4eb;
}

/*
|-----------------------------------------------------------------------------------------------------------
| ADDTHIS
|-----------------------------------------------------------------------------------------------------------
*/
.shareButtons{
  position: relative;
  width:40px;
  height:40px;
  margin-left: -40px;
  text-align: center;
}
.shareButtons .share-toggle{
  position: relative;
  z-index: 10;
  width:40px;
  height:40px;
  background: #1e1e1e;
  color: #FFF;
  cursor:pointer;

  transition: all ease .5s;
}
html.touch .shareButtons .share-toggle{
    height:39.5px;
}
.shareButtons.open .share-toggle{
  background: #14b4eb;
}
.shareButtons .fa{
  line-height:40px;
}
.shareButtons .addthis_toolbox{
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 40px;
  overflow:hidden;
  padding-right: 40px;
  white-space: nowrap;
  font-size: 0;

  -ms-transform: translateX(100%); /* IE 9 */
  -webkit-transform: translateX(100%); /* Chrome, Safari, Opera */
  transform: translateX(100%);

  transition: all ease .5s;
}
.shareButtons.open .addthis_toolbox{
  -ms-transform: translateX(0); /* IE 9 */
  -webkit-transform: translateX(0); /* Chrome, Safari, Opera */
  transform: translateX(0);
  overflow: hidden;
}
.shareButtons .addthis_toolbox a{
  display: inline-block;
  width:40px !important;
  height:40px;
  color: #FFF;
  background: #14b4eb;
  font-size: 14px;
  padding: 0;
  margin: 0;
  line-height: 14px;
  float:none;
}

/*
|-----------------------------------------------------------------------------------------------------------
| FOOTER SECTION
|-----------------------------------------------------------------------------------------------------------
*/
.footerWrapper a{color: inherit;}
.footerWrapper{
  position: relative;
   padding-top: 16px;
  padding-bottom: 25px;
  background: #14b4eb;
  color: #FFF;
  font-size: 14px;
  line-height: 20px;
  font-family:'Prelo W04 SemiBold', sans-serif;
  text-align: center;
}

.footerWrapper .social{
  position: relative;
  z-index: 1;
  width: 100%;
  font-size: 0;
  margin-bottom: 20px;
}
.footerWrapper .social .border{
    position: absolute;
    left: 0;
    top:0;
    bottom:0;
    width: 100%;
    height: 2px;
    margin: auto;
    background: #5bcbf1;
}
.footerWrapper .social .items{
  display: inline-block;
  position: relative;
  background: #14b4eb;
  overflow: hidden;
}
.footerWrapper .social .item{
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 47px;
  height: 47px;
  margin: 0 10px;
  border: 2px solid #FFF;
  border-radius: 50%;
  font-size: 25px;

  transition: all ease .45s;
}
.footerWrapper .social .item .fa{
  line-height: 47px;
}

.footerWrapper .footer-info{
  margin-bottom: 16px;
}
.footerWrapper .footer-info span{
  padding:0 2px;
}
.contentRender_name_plugins_common_button {
  text-align: center;
}
.footerWrapper .contentRender_name_plugins_common_button{
  display: inline;
}

/* weather */
.footerWrapper .weather{
  display: inline-block;
  font-size: 18px;
  line-height: 18px;
}
.footerWrapper .weather .icon{
  position: relative;
  width: 34px;
  height: 20px;
  margin-right: 14px;
}
.footerWrapper .weather .icon img{
  position: absolute;
  bottom: -6px;
  left: 0;
}
.footerWrapper .weather span.divider{
  padding:0 12px;
}
/* lang-links */
.footerWrapper .lang-links{
  margin:20px 0;
  font-size: 0;
}
.footerWrapper .lang-links .item{
  display: inline-block;
  margin:0 5px;
}

.footerWrapper .book-link{
  position: relative;
  top: 18px;
  margin-left: 40px;
  color: #FFF !important;
}
html.touch .footerWrapper .book-link{
  top: 2px;
}
.footerWrapper .book-link span{
  border-color: #FFF;
}
.footerWrapper .book-link::before{
  display: none;
}

.footerWrapper .bottom-links{
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
}
.footerWrapper .bottom-links .copy{
  display: block;
}


/* form */
.sv-form .shared-selects,
.sv-form select,
.sv-form input[readonly],
.sv-form input{
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  margin: 0 0 10px;
  padding: 0 10px;
  border: 2px solid #dcdcdc;
  background: #FFF;
  box-shadow: none;
  font-family:'Prelo W04 SemiBold', sans-serif;
  font-size: 16px;
  line-height: 40px;
  color: #828282;
}
.sv-form input.input-date{
  background-image: url('/includes/public/assets/icon-cal.png');
  background-position: right 10px center;
  background-repeat: no-repeat;
}
.sv-form .shared-selects,
.sv-form select{
  -moz-appearance: none;
  background-image: url('/includes/public/assets/icon-arrow-down.png');
  background-position: right 10px center;
  background-repeat: no-repeat;
  text-align: left;
  color: #1e1e1e;
}

.sv-form input.input-submit{
  line-height: 16px;
  background: transparent;
  border-color: #14b4eb;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #14b4eb;
  cursor: pointer;
  text-align: center;
  padding: 0;
}



/* buttons */
.sv-button::before,
.sv-button > div,
.sv-button{
  position: relative;
  z-index: 1;
  display: inline-block;
  min-height: 40px;
  text-transform: uppercase;
  color: #14b4eb !important;
  font-family:'Prelo W04 Bold', sans-serif;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 1px;
  overflow: hidden;
  cursor: pointer;
  vertical-align: middle;
  background-color: #fff;
}
.sv-button span{
  display: block;
  padding: 11px 11px 9px;
  border: 2px solid #14b4eb;
  height: 40px;
}

/** red **/
.sv-button.red::before,
.sv-button.red{
  color: #c31432 !important;
}
.sv-button.red span{
  border-color: #c31432;
}
.sv-button.red:not(.no-hover)::before{
  background: #c31432;
}

.sv-button:not(.no-hover)::before,
.sv-button:not(.no-hover) > div{
  content: 'View More';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  padding: 13px 11px 9px;
  color: #FFF !important;
  background: #14b4eb;
  transition: all ease .5s;
}
.sv-button:hover::before,
.sv-button:hover > div {
  left: 0;
}

/*
|-----------------------------------------------------------------------------------------------------------
| MEDIA QUERIES
|
| tablet: min-width: 641px
| custom tablet : min-width: 768px
| desktop : min-width: 1025px;
|-----------------------------------------------------------------------------------------------------------
*/

/*** Tablet ***/
@media only screen and (min-width: 641px) {
  /** header **/
  .panel_custom_header .header-top-right{padding-right: 85px;}
  .header-search .header-search-toggle::after{background: transparent;}
  .panel_custom_header .logo{height: 56px;padding-left: 28px;}

  /** search **/
  .header-search .search-dropdown .search-row{max-width: 510px;}
  .header-search .search-dropdown .input-wrapper{float: left; width: 100%; padding-right: 115px;}
  .header-search .search-dropdown .submit{float: left; margin-left: -105px;}

  /** booking **/
  .custom_booking{display:block;}
  .header_booking .booking-toggle{ 
    position: absolute; 
    top: 0;
    right: 130px;
    width: auto;
    padding: 0 8px;
  }
  .custom_booking .booking-dropdown{padding: 40px 18px 30px;}
  .custom_booking .booking-dropdown .booking-row{max-width: 820px;}
  .custom_booking .booking-dropdown .input-submit{ padding: 0;}
  .custom_booking .booking-dropdown .inputs-wrapper{padding-right: 150px;}
  .custom_booking .booking-dropdown .submit{margin-left: -150px; max-width: 150px;}


  /** slideshow **/
  .slideshow_container {margin-bottom: 50px;}
  .slideshow_container .slideshow .image{padding-bottom: 40.04%;}
  .slideshow_container .slideshow .credit{
    bottom: 30px;
    font-size: 10px;
  }
  .slideshow_container .slideshow .slide-int{font-size: 63px; line-height: 80px;}

  /*** footer ***/
  .footerWrapper{padding-top: 30px;}
  /* social */
  .footerWrapper .social{margin-bottom: 30px;}
  .footerWrapper .social .items{padding:0 20px;}

  .footerWrapper .footer-widgets{
    width: 100%;
    max-width: 425px;
    margin:0 auto 25px;
  }
  .footerWrapper .weather{float: left;}
  .footerWrapper .lang-links{float: right; margin:0;}
  .footerWrapper .bottom-links .copy{display: inline-block; margin-right: 30px;}
  
  .sv-form input.input-date,
  .sv-form select{background-position: right 18px center;}

  h1{font-size: 36px; line-height: 38px; margin-bottom: 20px;}
  h2{font-size: 30px; line-height: 32px; margin-bottom: 10px;}
  h3{font-size: 18px; line-height: 36px;}
  p{
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 35px;
  }
  
  .row .row{
     margin-left: -20px;
     margin-right: -20px;
  }
  body .columns,
  [class*="block-grid-"]>li{
     padding-left: 20px;
     padding-right: 20px;
  }

  .panel_custom_three_col{
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .sidebar_container .panel_custom_two_even .panel-col{width:50%;}

  .panel_custom_container.max-text {margin-bottom:50px;}
  .panel_custom_container.max-text .content-container{max-height:250px;}
  .panel_custom_container.max-text.medium .content-container{max-height:500px;}
  .panel_custom_container.max-text.large .content-container{max-height:750px;}

   /** override foundation visibility classes: chrome doesn't break properly using 'em' within breakpoints  OR WE COULD NOT USE THEM**/
   body .hide-for-small-only,body .show-for-small-up,body .hide-for-small,body .hide-for-small-down,body .show-for-medium-only,body .show-for-medium-up,body .show-for-medium,body .show-for-medium-down,body .hide-for-large-only,body .hide-for-large-up,body .hide-for-large,body .show-for-large-down,body .hide-for-xlarge-only,body .hide-for-xlarge-up,body .hide-for-xlarge,
   body .show-for-xlarge-down,body .hide-for-xxlarge-only,body .hide-for-xxlarge-up,body .hide-for-xxlarge,body .show-for-xxlarge-down {
   display:inherit!important;}

   body .show-for-small-only,body .hide-for-small-up,body .show-for-small,body .show-for-small-down,body .hide-for-medium-only,body .hide-for-medium-up,body .hide-for-medium,body .hide-for-medium-down,body .show-for-large-only,body .show-for-large-up,body .show-for-large,body .hide-for-large-down,body .show-for-xlarge-only,body .show-for-xlarge-up,
   body .show-for-xlarge,body .hide-for-xlarge-down,body .show-for-xxlarge-only,body .show-for-xxlarge-up,body .show-for-xxlarge,body .hide-for-xxlarge-down {
   display:none!important;}
}

/*** Custom Tablet ***/
@media only screen and (min-width: 768px) {

  
}

/*** Desktop ***/
@media only screen and (min-width: 1025px) {

  /** header **/
  .panel_custom_header .header-top-right{padding: 16px 0 13px;}
  .panel_custom_header .header-top-right .header-top-link{
    height: 50px; 
  }
  .panel_custom_header .header-top-right .header-top-link a{
    display: block;
    height: 50px; 
    padding-right:  20px; 
    line-height: 50px;
    font-size: 14px;
    font-family:'Prelo W04 Bold', sans-serif;
    color: #1e1e1e;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  .panel_custom_header .header-bottom{min-height: 50px;background-color: #14b4eb;}

  .panel_custom_header .logo{height: 75px;padding-top: 11px;padding-left: 24px;}

  /** search **/
  .header-search .header-search-toggle{width: 52px;}
  .header-search .header-search-toggle::after{top:13px;width:2px;background: #1e1e1e;}
  .header-search .search-drop-wrapper{top: 78px;}

  /** booking **/
  .header_booking{width: auto;}
  .header_booking .booking-toggle{ position: static; right: 0; }

  /** slide show **/
  .slideshow_container {margin-bottom: 60px;}

  /* form */
  .sv-form select,
  .sv-form input{padding: 0 20px;}

  /*** footer ***/

  /* footer social **/
  .footerWrapper .social .item::before{
    content: '';
    position: absolute;
    z-index: -1;

    top: -2px;
    left: -2px;
    padding: 2px; /** offset **/

    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff;

    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);

    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;

    transition: all ease .45s;
  }
  /** hover **/
  .footerWrapper .social .item:hover{
    border-color: transparent;
    color: #13b4eb;
  }
  .footerWrapper .social .item:hover::before{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }


  .sidebar_container .panel_custom_two_even .panel-col{width:100%;}

  .panel_custom_container.max-text {padding-bottom:0;}
  .panel_custom_container.max-text .content-container{max-height:100%;}
  .panel_custom_container.max-text .content-container::after,
  .panel_custom_container.max-text .read-more-wrapper{display: none;}
  
  /** desktop toggle **/
  .panel_custom_container.max-text.max-desktop {padding-bottom: 55px;}
  .panel_custom_container.max-text.max-desktop .content-container{max-height:190px;}
  .panel_custom_container.max-text.max-desktop.medium .content-container{max-height:380px;}
  .panel_custom_container.max-text.max-desktop.large .content-container{max-height:570px;}
  .panel_custom_container.max-text.max-desktop .read-more-wrapper,
  .panel_custom_container.max-text.max-desktop .read-more::before,
  .panel_custom_container.max-text.max-desktop .content-container::after,
  .panel_custom_container.max-text.full-height.max-desktop .read-more::before{display:block;}

   /** override foundation visibility classes: chrome doesn't break properly using 'em' within breakpoints OR WE COULD NOT USE THEM **/
   body .hide-for-small-only,body .show-for-small-up,body .hide-for-small,body .hide-for-small-down,body .hide-for-medium-only,body .show-for-medium-up,body .hide-for-medium,body .hide-for-medium-down,body .show-for-large-only,body .show-for-large-up,body .show-for-large,body .show-for-large-down,body .hide-for-xlarge-only,body .hide-for-xlarge-up,body .hide-for-xlarge,body .show-for-xlarge-down,body .hide-for-xxlarge-only,
   body .hide-for-xxlarge-up,body .hide-for-xxlarge,body .show-for-xxlarge-down {
   display:inherit!important;
   }

   body .show-for-small-only,body .hide-for-small-up,body .show-for-small,body .show-for-small-down,body .show-for-medium-only,body .hide-for-medium-up,body .show-for-medium,body .show-for-medium-down,body .hide-for-large-only,body .hide-for-large-up,body .hide-for-large,body .hide-for-large-down,body .show-for-xlarge-only,
   body .show-for-xlarge-up,body .show-for-xlarge,body .hide-for-xlarge-down,body .show-for-xxlarge-only,body .show-for-xxlarge-up,body .show-for-xxlarge,body .hide-for-xxlarge-down {
   display:none!important;
   }

}




/********************************************
  WIDGETS
********************************************/
/*
|-----------------------------------------------------------------------------------------------------------
| IMAGE BOX
|-----------------------------------------------------------------------------------------------------------
*/
.custom_imagebox a{color: inherit;}
.custom_imagebox{
  display: block;
  margin-top: 15px;
  margin-bottom: 30px;
  padding: 20px 5px;
  background: #FFF;
  border: 1px solid #e6e6e6;
}
.custom_imagebox .image{
  position: relative;
  margin-top: -35px;
  margin-bottom: 15px;
}
.custom_imagebox .image img{
  width: 100%;
}
.custom_imagebox .image .play-btn{
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 72px;
  color: #FFF;

  -ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
    transform: translateY(-50%);
}
.custom_imagebox .title{
  margin-bottom: 10px;
  color: #f58223;
  font-size: 40px;
  line-height: 42px;
  font-family:'journalregular', cursive;
}
.custom_imagebox .desc{
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 27px;
  font-family:'Prelo W04 SemiBold', sans-serif;
}
.custom_imagebox .link-holder{
  text-align: center;
}

@media only screen and (min-width: 641px) {  
  .custom_imagebox {margin-top: 30px; margin-bottom: 50px; padding: 20px 10px 30px; display: block;}
  .custom_imagebox .image{margin-top: 25px;}
  .custom_imagebox .title{font-size: 63px; line-height: 70px; margin: 0;}
  .custom_imagebox .desc{margin-bottom: 20px;}
  .custom_imagebox .link-holder{text-align: left;}
}
@media only screen and (min-width: 1025px) {
  .custom_imagebox{margin-top: 0; margin-bottom: 60px; margin-right: 0px; padding: 40px 0;}
  .custom_imagebox .image{margin: 0 10px 0 0; padding: 0; width: auto;}
  .custom_imagebox .link-holder{text-align: center;}
  .custom_imagebox .info{padding: 0px; margin-left: 10px; margin-right: -10px} /** this wrapper keeps parent padding **/
 .custom_imagebox .info-int{position:relative; min-height: 294px;} /** this wrapper keeps parent padding **/
  .custom_imagebox .info-content{
    position: absolute;
    width: 100%;
    top:50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%); /* IE 9 */
      -webkit-transform: translate(-50%,-50%); /* Chrome, Safari, Opera */
      transform: translate(-50%,-50%);
  }
}
@media only screen and (max-width: 641px) {  
.custom_imagebox .image{margin-top: 0px;}
}
/*
|-----------------------------------------------------------------------------------------------------------
| HIGHLIGHTS
|-----------------------------------------------------------------------------------------------------------
*/
.custom_highlights a{color: inherit;}
.custom_highlights {
  text-align: center;
  margin-bottom: 10px;
}
.custom_highlights .top{
  margin-bottom: 15px;
  padding: 20px 0 0;
  border-top: 2px solid #e6e6e6;
}
.custom_highlights .item{
  position: relative;
  margin-bottom: 20px;
}
.custom_highlights .item-int{
  overflow: hidden;
  background: #1e1e1e;
  color: #FFF;
}
.custom_highlights .image{
  position: relative;
  opacity: 1;
    transition: all ease .5s;
}
.custom_highlights .image img{
  width: 100%;
}
.custom_highlights .image::after{
  content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100px;
    background-image: -moz-linear-gradient(transparent, rgba(30,30,30,1));
    background-image: -webkit-linear-gradient(transparent, rgba(30,30,30,1));
    background-image: -ms-linear-gradient(transparent, rgba(30,30,30,1));
    background-image: linear-gradient(transparent, rgba(30,30,30,1));
}
.custom_highlights .info {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  padding-bottom: 14px;
}
.custom_highlights .text {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin-top: 0;
    padding: 0 42px;
    transition: all ease .5s;
}
.custom_highlights .title{
  padding: 0 42px;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 22px;
  font-family:'Prelo W04 Bold', sans-serif;
}
.custom_highlights .title span{
  font-family:'Prelo W01 Book', sans-serif;
}

@media only screen and (min-width: 641px) {
  .custom_highlights .top{margin-bottom: 25px;padding-top: 45px;}
  .custom_highlights .items div.item:nth-child(odd) {clear: left;}
  /*.custom_highlights .item{margin-bottom: 40px;}*/
  .custom_highlights .info {padding-bottom: 18px;}
}
@media only screen and (min-width: 1025px) {
  .custom_highlights {margin-bottom: 20px;}
  .custom_highlights .top{margin-bottom: 35px;padding-top: 50px;}
  .custom_highlights .info {
    top: 90%; /** remove comment, here for notes - extranet css - this solution gets into trouble when text goes to 2 or 3 lines */
    bottom: 0;
    bottom: initial;
    padding-bottom: 0;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all ease .5s;
  }

  .custom_highlights .desc{
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 24px;
    font-family:'Prelo W04 SemiBold', sans-serif;
  }

  /** hover **/
  .custom_highlights .item:hover .image{
    opacity: .4;
  }
  .custom_highlights .item:hover .info {
      top: 50%;
  }
  .custom_highlights .item:hover .text {
      max-height: 200px;
      margin-top: 20px;
      opacity: 1;
  }
}
/*
|-----------------------------------------------------------------------------------------------------------
| FEATURED BOX
|-----------------------------------------------------------------------------------------------------------
*/
.custom_featuredbox a{color: inherit;}
.custom_featuredbox{
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  padding-bottom: 10px;
  background-image: url(/includes/public/assets/pattern-arrows-blue.png);
  background-position: left top;
  text-align: center;
}
.custom_featuredbox .top{
  margin-bottom: 15px;
  padding: 20px 0 0;
}
.custom_featuredbox h2,
.custom_featuredbox h3{
  color: #FFF;
  font-family: 'Prelo W01 Medium', sans-serif;
}
.custom_featuredbox .item{
  margin-bottom: 20px;
}
.custom_featuredbox .item-int{
  background: #FFF;
  width: 100%;
}
.custom_featuredbox .image img{
  width: 100%;
}
.custom_featuredbox .info{
  padding: 15px 10px;
}
.custom_featuredbox .title{
  margin-bottom: 6px;
  font-size: 45px;
  line-height: 40px;
  font-family:'journalregular', cursive;
  color: #f58223;
}
.custom_featuredbox .desc{
  margin-bottom: 15px;
  width: 100%;
  font-size: 16px;
  line-height: 18px;
  font-family:'Prelo W04 SemiBold', sans-serif;
  /*white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;*/
}
.custom_featuredbox .link-holder{
  width: 100%;
  height: 40px;
}

@media only screen and (min-width: 641px) {
  .custom_featuredbox{margin-bottom: 50px;padding-bottom: 30px;}
  .custom_featuredbox .top{margin-bottom: 25px;padding-top: 45px;}

  /* equal heights */
  .custom_featuredbox .items{
    /*display: -webkit-flex;
    display: flex;*/
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .custom_featuredbox .item{
    display: -webkit-flex;
    display: flex;

    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .custom_featuredbox{margin-bottom: 60px;padding-bottom: 40px;}
  .custom_featuredbox .top{margin-bottom: 35px;padding-top: 50px;}
}
/*
|-----------------------------------------------------------------------------------------------------------
| SOCIAL HUB
|-----------------------------------------------------------------------------------------------------------
*/
@media only screen and (min-width: 641px) {
  .panel_custom_socialhub{
    text-align: center;
    margin-bottom: 50px;
  }
  .panel_custom_socialhub .top{margin-bottom: 25px;}
  .panel_custom_socialhub .tabs a{color: inherit;}
  .panel_custom_socialhub .tabs{
    width: 100%;
    font-size: 0;
    text-align: center;
  }
  .panel_custom_socialhub .tab{
    display: inline-block;
    padding: 0 20px;
  }
  .panel_custom_socialhub .tab a{
    display: block;
    width: 170px;
    border: 2px solid #3e719b;
    font-size: 16px;
    color: #3e719b;
    font-family:'Prelo W04 SemiBold', sans-serif;
    text-transform: uppercase;
    outline: none;
    letter-spacing: 1px;
    transition: all .25s ease;
  }
  .panel_custom_socialhub .tab a span{
    padding-right: 10px;
  }
  .panel_custom_socialhub .tab a.facebook,
  .panel_custom_socialhub .tab.facebook a{
    color:  #3a5897;
    border-color: #3a5897;
  }
  .panel_custom_socialhub .tab.active a{
    background: #3e719b;
    color: #FFF;
  }
  .panel_custom_socialhub .tab.active a.facebook,
  .panel_custom_socialhub .tab.facebook.active a{
    background: #3a5897;
  }

  .panel_custom_socialhub .panes,
  .panel_custom_socialhub .tabs-content{margin-bottom: 0;}
  .panel_custom_socialhub .panes .pane,
  .panel_custom_socialhub .tabs-content .content{padding:30px 0 0;}
  .panel_custom_socialhub .panes .pane,
  .panel_custom_socialhub .tabs-content .content{display: none;}
  .panel_custom_socialhub .panes .pane.active,
  .panel_custom_socialhub .tabs-content .content.active{display: block;}

  /* instagram */
  .panel_custom_socialhub .instagram-content + .hashtag a {
    font-family:'journalregular', cursive;
    font-size: 52px;
    color: #f58223;
  }
  .panel_custom_socialhub .instagram-content .item {margin-bottom: 40px;}
  .panel_custom_socialhub .instagram-content .item img{width: 100%;}
  .panel_custom_socialhub .hash,
  .panel_custom_socialhub .hash a{
    font-size: 54px;
    line-height: 50px;
    font-family:'journalregular', cursive;
    color: #f58223;
  }
}
@media only screen and (min-width: 1025px) {
  .panel_custom_socialhub{margin-bottom: 60px;}
  .panel_custom_socialhub .top{margin-bottom: 35px;}
}
/*
|-----------------------------------------------------------------------------------------------------------
| IMAGE BOX STANDARD
|-----------------------------------------------------------------------------------------------------------
*/
.custom_imagebox_standard  a{
  color: inherit;
  text-shadow: 0px 0px 10px rgba(0,0,0,.4);
}
.custom_imagebox_standard {
}
.custom_imagebox_standard .item{
  margin-bottom: 20px;
}
.custom_imagebox_standard .item-int{
  position: relative;
  overflow: hidden;
  background: #1e1e1e;
}
.custom_imagebox_standard .image{
  opacity: 1;
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transition: all ease .5s;
}
.custom_imagebox_standard .image img{
  width: 100%;
}
.custom_imagebox_standard .info{
  position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    z-index: 2;
    padding: 0 10px;
    text-align: center;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);

    color: #FFF;
}
.custom_imagebox_standard .title{
  font-family: "Prelo W04 Bold",sans-serif;
  font-size: 22px;
  line-height: 20px;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.custom_imagebox_standard .title span{
  font-family:'Prelo W01 Book', sans-serif;
}
.custom_imagebox_standard .desc{
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  font-size: 16px;
  line-height: 18px;
  transition: all ease .5s;
}
.custom_imagebox_standard .desc a{
  color: #14b4eb;
}
.custom_imagebox_standard .desc-int{
  padding-bottom: 14px;
}
.custom_imagebox_standard .border{
  background-image: url(/includes/public/assets/border.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 7px;
}
/** sidebar **/
.sidebar_container .custom_imagebox_standard{
  width: 100%;
  margin: 0 0 30px;
}

@media only screen and (min-width: 641px) {
  .custom_imagebox_standard .item{margin-bottom: 0;}
  .sidebar_container .custom_imagebox_standard{margin-bottom:40px;}
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .sidebar_container .custom_imagebox_standard {
    float: left;
    width: 50%;
  }
}

@media only screen and (min-width: 1025px) {
  /* hover */
  .custom_imagebox_standard .item:hover .desc{
    max-height: 200px;
      opacity: 1;
  }
  .custom_imagebox_standard .item:hover .image {
      opacity: .5;
      transform: scale(1.1);
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
  }
}
/*
|-----------------------------------------------------------------------------------------------------------
| DTN
|-----------------------------------------------------------------------------------------------------------
*/
#dtnContainer{
  margin-bottom: 20px;
}
#dtnContainer img{
  width: 100%;
}
#dtnContainer a{
  color: inherit;
}
#dtnContainer .dtnad-int{
  position: relative;
  width: 100%;
}
#dtnContainer .dtn-overlay{
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(transparent, rgba(30,30,30,1));
  background: -webkit-linear-gradient(transparent, rgba(30,30,30,1));
  background: -ms-linear-gradient(transparent, rgba(30,30,30,1));
  background: linear-gradient(transparent, rgba(30,30,30,1));
}
#dtnContainer .dtn-info{
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 35px;
  width: 100%;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  font-family:'Prelo W04 Bold', sans-serif;
  font-size:22px;
  line-height: 22px;
  padding-bottom: 8px;
}
#dtnContainer .dtn-title{
  letter-spacing: 3px;
}
#dtnContainer .dtn-subtitle{
  font-size: 14px;
  font-family:'Prelo W01 Book', sans-serif;
  color: #f58223;
}
/** sidebar **/
.sidebar_container #dtnContainer{
  width: 100%;
  margin: 0 0 30px;
}
@media only screen and (min-width: 641px) {
  #dtnContainer{margin-bottom: 0;}
  .sidebar_container #dtnContainer{margin-bottom:40px;}
}

/** dtn spot light **/
#dtnSpotlight a{
  color:inherit;
}
#dtnSpotlight .top{
  position: relative;
  width: 100%;
  text-align: center;
  margin-bottom:10px;
}
#dtnSpotlight .border{
  position: absolute;
    left: 0;
    top: 7px;
    bottom: 0;
    width: 100%;
    height: 2px;
    margin: auto;
    background: #e6e6e6;
}
#dtnSpotlight .top-title{
  position: relative;
  padding:0 10px;
  font-size:40px;
  line-height:35px;
  font-family:'journalregular', cursive;
  color: #f58223;
  text-align: center;
  background: #fafafa;
}
#dtnSpotlight .top-title span{
  position: relative;
  z-index: 1;
  padding: 0 20px;
  background-color: #fafafa;
}
#dtnSpotlight .dtnad{
  margin-right: auto;
  margin-left: auto;
  margin-bottom:15px;
  max-width: 215px;
}
#dtnSpotlight .image{
  position: relative;
  z-index:1;
  max-width:120px;
}
#dtnSpotlight .info{
  width:100%;
  margin-left:-120px;
  padding-left: 135px;
}
#dtnSpotlight .title{
  margin-bottom: 5px;
  font-size:20px;
  line-height:20px;
  font-family:'Prelo W04 Bold', sans-serif;
  color: #f58223;
}
#dtnSpotlight .desc{
  font-size:16px;
  line-height:16px;
  font-family:'Prelo W04 Bold', sans-serif;
  color: #666;
}

@media only screen and (max-width: 640px) {
  /** side bar **/
  .sidebar_container #dtnSpotlight .dtnad{width:100%;}
  #dtnSpotlight .dtnad { max-width: 100%; }
}
@media only screen and (min-width: 641px) {
  #dtnSpotlight{margin-bottom:15px;}
  #dtnSpotlight .top{margin-bottom:20px;}
  #dtnSpotlight .top-title{padding:0 34px; font-size:54px; line-height:70px;}
  #dtnSpotlight .image{max-width:100%;}
  #dtnSpotlight .info{width:100%;margin:0;padding:15px 0 0;}
}
@media only screen and (min-width: 1025px) {
  /** side bar **/
  .sidebar_container #dtnSpotlight {border-bottom: 1px solid #e6e6e6; margin-bottom: 40px;}
  .sidebar_container #dtnSpotlight .dtnad {width: inherit;}
  .sidebar_container #dtnSpotlight .top{margin-bottom:10px;}
  .sidebar_container #dtnSpotlight .top-title{padding:0 10px;font-size:40px;line-height:35px;}
  .sidebar_container #dtnSpotlight .image{max-width:120px;}
  .sidebar_container #dtnSpotlight .info{margin-left:-120px;padding-left: 135px; padding-top: 0;}
}