@charset "UTF-8";
/**
 * Main stylesheet
 *
 * @package			WordPress
 * @subpackage		TrendPress
 * @author			Trendwerk
 * @license			GPL v2
 * 
 */
 
 
/*TL: per 29-7*/
body.agenda p a{display:inline}
 
 
 /**
 * tbv google maps
 */
 #map-canvas{height:100%;margin:0;padding:0}
 
 
 
div#content a{display:inline} 
 
/**
 * @section Variables
 *
 * Defines recurring colors and fonts
 */
/**
*@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,700,600,400);
*@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
*@import url(https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic);
*/
/**
 * @section Import
 *
 * Import other SASS files
 */
/**
 * @section Mixins
 *
 * Mixins allow you to embed all the properties of a class into another class 
 * by simply including the class name as one of its properties. It’s just like 
 * variables, but for whole classes. Mixins can also behave like functions, 
 * and take arguments.
 *
 * @package   		WordPress
 * @subpackage 		TrendPress
 * @author    		Trendwerk
 * @license   		GPL v2
 * 
 */
/**
 * @section 	Mixins
 * @subsection Animate 
 */
/**
 * @section    Mixins
 * @subsection Border radius (single)
 */
/**
 * @section    Mixins
 * @subsection Border radiusses (multiple)
 */
/**
 * @section    Mixins
 * @subsection Border-box
 */
/**
 * @section    Mixins
 * @subsection Box-shadow
 */
/**
 * @section    Mixins
 * @subsection Collumns
 */
/** 
 * @section    Mixins
 * @subsection Elipsis
 */
/**
 * @section    Mixins
 * @subsection Font Awesome
 * 
 * website: http://fontawesome.io/icons/
 * cheatsheet: http://fortawesome.github.io/Font-Awesome/cheatsheet/
 */
/**
 * @section    Mixins
 * @subsection Horizontal gradient
 */
/**
 * @section    Mixins
 * @subsection Opacity
 */
/**
 * @section    Mixins
 * @subsection Placeholder
 */
/**
 * @section    Mixins
 * @subsection User select
 */
/**
 * @section    Mixins
 * @subsection Sprites
 */
/**
 * @section    Mixins
 * @subsection Vertical gradient
 */
/* circle */
/* blur */
/**
 * @section Reset
 *
 * Resets all elements to render everything the same in all browsers
 *
 * @package   		WordPress
 * @subpackage 		TrendPress
 * @author    		Trendwerk
 * @license   		GPL v2
 * 
 */
a img {
  border: none;
  text-decoration: none; }

body {
  margin: 0; }

fieldset,
input {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0; }
  fieldset:focus,
  input:focus {
    outline: none; }

img,
video,
iframe {
  display: block; }

iframe {
  border: 0; }

nav#menu ul input[type="text"],
nav#menu ul select,
section input[type="text"],
section select {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  border: 1px solid #E3E4E9;
  color: #98A4B5;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  height: 40px;
  min-width: 220px;
  padding: 0 10px;
  /* webkit */
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased; }
  nav#menu ul input[type="text"]:focus,
  nav#menu ul select:focus,
  section input[type="text"]:focus,
  section select:focus {
    color: #88919E;
    outline: none; }
nav#menu ul select,
section select {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url("../../img/sprite-x2.png");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 1000px 1000px;
  padding-right: 40px; }
nav#menu ul button,
nav#menu ul input[type="submit"],
section button,
section input[type="submit"] {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #FFF926;
  border: none;
  cursor: pointer;
  color: #B27100;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 40px;
  padding: 0 28px;
  text-transform: uppercase; }
  nav#menu ul button:hover,
  nav#menu ul input[type="submit"]:hover,
  section button:hover,
  section input[type="submit"]:hover {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    outline: none; }
  nav#menu ul button:active, nav#menu ul button:focus,
  nav#menu ul input[type="submit"]:active,
  nav#menu ul input[type="submit"]:focus,
  section button:active,
  section button:focus,
  section input[type="submit"]:active,
  section input[type="submit"]:focus {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.6);
    outline: none; }

select::-ms-expand {
  display: none; }

/**
 * @section Grid
 * 
 * This document contains the grid classes wich can be used as @includes on 
 * elements that need to algin to a grid. This section uses the 960px grid for
 * smaller screens and a 1140px grid for larger screens. If the width is below
 * 960px the grid elements will stretch to 100% of the container width.
 *
 * @package   		WordPress
 * @subpackage 		TrendPress
 * @author    		Trendwerk
 * @license   		GPL v2
 * 
 */
/**
 * @section     Grid
 * @subsection 	Variables
 */
/**
 * @section     Grid
 * @subsection 	Wrapper and inner
 */
.container {
  clear: both;
  float: left;
  margin: 10px 0;
  width: 100%; }
  .container .container-inner {
    margin: 0 auto;
    position: relative;
    width: 960px; }
    @media (min-width: 1200px) {
      .container .container-inner {
        width: 1140px; } }
    @media (max-width: 980px) {
      .container .container-inner {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 40px;
        width: 100%; } }
    @media (max-width: 640px) {
      .container .container-inner {
        padding: 0 20px; } }

/**
 * @section    Grid
 * @subsection Columns
 */
/**
 * @section Typography
 * 
 * Defines the styling of text elements
 *
 * @package   		WordPress
 * @subpackage 		TrendPress
 * @author    		Trendwerk
 * @license   		GPL v2
 * 
 */
/**
 * @section    Typography
 * @subsection Render settings
 */
html {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none; }
  html ::-moz-selection {
    background: #889aac;
    color: #FFF; }
  html ::selection {
    background: #889aac;
    color: #FFF; }

/**
 * @section    Typography
 * @subsection Content
 */
body {
  color: #88919E;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  line-height: 30px; }

/* headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #556779;
  font-family: "Montserrat", sans-serif;
  margin: 0;
  text-transform: uppercase; }

h1#page-title {
  font-size: 20px;
  margin-bottom: 20px; }

h2 {
  font-size: 18px;
  margin-top: 40px;
  margin-bottom: 10px; }

h3 {
  font-size: 15px;
  margin-top: 40px;
  margin-bottom: 10px; }

/* paragraphs */
p {
  color: #88919E; }

/* links */
a {
  -webkit-transition: all 0.14s ease-in-out;
  -moz-transition: all 0.14s ease-in-out;
  -o-transition: all 0.14s ease-in-out;
  -ms-transition: all 0.14s ease-in-out;
  transition: all 0.14s ease-in-out;
  color: #00A8C6;
  display: block;
  text-decoration: none; }
  a.cta {
    background: #22a9c5;
    color: #FFF;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    line-height: 40px;
    padding: 0 23px;
    text-transform: uppercase; }
    a.cta:active, a.cta:focus, a.cta:hover {
      background-color: #88919E !important; }
  a.all {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 10px 10px;
    width: 940px;
    background: #f5f6fa;
    color: #556779;
    float: left;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 70px;
    margin-top: -10px;
    text-align: center;
    text-transform: uppercase; }
    @media (max-width: 980px) {
      a.all {
        clear: both;
        margin: 0;
        width: 100%; } }
    @media (min-width: 1200px) {
      a.all {
        width: 1120px; } }
    a.all:active, a.all:focus, a.all:hover {
      background-color: #00A8C6;
      color: #FFF; }
  a.more-link {
    color: #00A8C6; }
    a.more-link:active, a.more-link:focus, a.more-link:hover {
      text-decoration: underline; }
    a.more-link:after {
      content: "\f054";
      display: inline-block;
      font-family: fontawesome;
      font-size: 9px;
      padding-left: 4px; }

/* tooltip */
.tooltip {
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  background-color: #FFF;
  color: #556779;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  height: 16px;
  line-height: 16px;
  position: relative;
  text-align: center;
  width: 16px; }
  .tooltip:active, .tooltip:focus, .tooltip:hover {
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFF;
    cursor: pointer; }
    .tooltip:active:after, .tooltip:active:before, .tooltip:focus:after, .tooltip:focus:before, .tooltip:hover:after, .tooltip:hover:before {
      display: block; }
  .tooltip:before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 30px;
    color: #FFF;
    content: attr(data-tip);
    display: none;
    height: auto;
    margin-left: -90px;
    padding: 10px;
    position: absolute;
    text-align: left;
    width: 200px;
    z-index: 999999; }
  .tooltip:after {
    border: solid transparent;
    border-top-color: rgba(0, 0, 0, 0.5);
    border-width: 8px;
    bottom: 14px;
    content: "";
    display: none;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    pointer-events: none;
    height: 0;
    width: 0; }

/**
 * @section    Layout
 *
 * Defines the default layout for a regular page, archive and post (e.g. position, 
 * size, margin, etc...)
 *
 *
 * @package   		WordPress
 * @subpackage 		TrendPress
 * @author    		Trendwerk
 * @license   		GPL v2
 * 
 */
/**
 * @section    Layout
 * @subsection Default
 */
/* top */
#top {
  height: 100px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0; }
  #top a#logo img {
    float: left;
    margin-top: 24px;
    margin-left: 10px;
    width: 215px; }
  #top p {
    float: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 100px;
    margin-top: 0;
    margin-right: 10px;
    margin-bottom: 0; }
    #top p span {
      color: #00A8C6;
      font-weight: 600; }
    #top p a {
      display: inline;
      font-weight: 600; }
      #top p a:active, #top p a:focus, #top p a:hover {
        text-decoration: underline; }
  #top #mobile-nav-toggle,
  #top #mobile-nav-search {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #00A8C6;
    color: #FFF;
    cursor: pointer;
    display: none;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    position: absolute;
    text-align: center;
    top: 30px;
    width: 35px;
    z-index: 999; }
    #top #mobile-nav-toggle.active, #top #mobile-nav-toggle:active, #top #mobile-nav-toggle:focus, #top #mobile-nav-toggle:hover,
    #top #mobile-nav-search.active,
    #top #mobile-nav-search:active,
    #top #mobile-nav-search:focus,
    #top #mobile-nav-search:hover {
      background-color: #556779; }
  #top #mobile-nav-search {
    right: 70px; }
    #top #mobile-nav-search:before {
      font-family: FontAwesome;
      content: "\f002"; }
  #top #mobile-nav-toggle {
    right: 30px; }
    #top #mobile-nav-toggle:before {
      font-family: FontAwesome;
      content: "\f0c9"; }

/* menu */
#menu {
  border-bottom: 4px solid #f5f6fa;
  height: 50px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0; }
  #menu .container-inner {
    position: relative; }
    #menu .container-inner #search {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
      background-color: #f5f6fa;
      float: right;
      height: 30px;
      margin-top: 8px;
      margin-right: 10px;
      width: 160px; }
      #menu .container-inner #search form {
        margin-left: 10px; }
      #menu .container-inner #search input[type="submit"] {
        cursor: pointer;
        color: #88919E;
        float: left;
        font-family: FontAwesome;
        height: 30px;
        text-align: center;
        width: 20px;
        -webkit-font-smoothing: antialiased; }
        #menu .container-inner #search input[type="submit"]:active, #menu .container-inner #search input[type="submit"]:focus, #menu .container-inner #search input[type="submit"]:hover {
          color: #556779; }
      #menu .container-inner #search input[type="text"] {
        color: #98A4B5;
        float: left;
        font-family: "Open Sans", sans-serif;
        font-size: 13px;
        height: 30px;
        padding-left: 5px;
        width: 100px; }
        #menu .container-inner #search input[type="text"]:-moz-placeholder {
          color: #98A4B5; }
        #menu .container-inner #search input[type="text"]::-moz-placeholder {
          color: #98A4B5; }
        #menu .container-inner #search input[type="text"]:-ms-input-placeholder {
          color: #98A4B5; }
        #menu .container-inner #search input[type="text"]::-webkit-input-placeholder {
          color: #98A4B5; }
        #menu .container-inner #search input[type="text"]:focus:-moz-placeholder {
          color: #88919E; }
        #menu .container-inner #search input[type="text"]:focus::-moz-placeholder {
          color: #88919E; }
        #menu .container-inner #search input[type="text"]:focus:-ms-input-placeholder {
          color: #88919E; }
        #menu .container-inner #search input[type="text"]:focus::-webkit-input-placeholder {
          color: #88919E; }

/* breadcrumbs */
#breadcrumbs {
  margin-top: 0;
  padding-top: 10px; }
  #breadcrumbs p {
    color: #AFB7BF;
    font-size: 13px;
    line-height: 30px;
    padding: 0 10px; }
    #breadcrumbs p a {
      color: #AFB7BF;
      display: inline;
      text-decoration: none; }
      #breadcrumbs p a:active, #breadcrumbs p a:focus, #breadcrumbs p a:hover {
        color: #00A8C6;
        text-decoration: underline; }

/* section#main */
#main #content {
  padding-right: 45px; }
  #main #content img {
    float: left;
    margin: 10px 30px 10px 0; }
  #main #content #widget-gallery {
    margin-bottom: 40px; }
    #main #content #widget-gallery img {
      margin-top: 0; }

/* footer#navigation */
#navigation {
  background: #3c4753;
  color: #AFB7BF;
  font-size: 13px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 40px 0; }
  #navigation h3 {
    color: #C5C8CC; }
  #navigation p {
    color: #AFB7BF; }
  #navigation a {
    color: #AFB7BF; }
    #navigation a:active, #navigation a:focus, #navigation a:hover {
      color: #00A8C6;
      text-decoration: none; }
  #navigation .widget {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 10px 10px;
    width: 220px;
    float: left; }
    @media (max-width: 980px) {
      #navigation .widget {
        clear: both;
        margin: 0;
        width: 100%; } }
    @media (min-width: 1200px) {
      #navigation .widget {
        width: 265px; } }
    #navigation .widget.contact-info-widget address {
      font-style: normal; }
    #navigation .widget.contact-info-widget span {
      display: block;
      margin-bottom: 25px; }
      #navigation .widget.contact-info-widget span a {
        display: inline; }
    #navigation .widget.about-widget {
      margin-top: -18px; }
      #navigation .widget.about-widget:before {
        background-image: url("/assets/img/sprite-x1.png");
        background-repeat: no-repeat;
        background-position: 0px 0px;
        content: "";
        float: left;
        height: 49px;
        margin-bottom: 15px;
        margin-left: -10px;
        width: 180px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2) {
          #navigation .widget.about-widget:before {
            background-image: url("/assets/img/sprite-x2.png") !important;
            background-position: 0px x 2 0px x 2 !important;
            background-size: 1000px 1000px !important; } }
      #navigation .widget.about-widget p {
        clear: both;
        display: block;
        line-height: 25px; }
        #navigation .widget.about-widget p a {
          color: #00A8C6;
          display: inline-block; }

/* footer#bottom */
#bottom {
  color: #AFB7BF;
  font-size: 13px;
  margin: 0; }
  #bottom a {
    color: #AFB7BF; }
    #bottom a:active, #bottom a:focus, #bottom a:hover {
      color: #00A8C6;
      text-decoration: underline; }
  #bottom p {
    color: #AFB7BF;
    float: left;
    margin-top: 10px;
    margin-bottom: 0; }
  #bottom ul {
    float: left;
    margin: 0 0 0 30px;
    padding: 0; }
    #bottom ul:first-child {
      margin-left: 0; }
      #bottom ul:first-child li {
        padding-left: 15px; }
    #bottom ul li {
      float: left;
      line-height: 50px;
      list-style-type: none;
      padding-left: 25px; }
      #bottom ul li:first-child {
        padding-left: 0; }
    #bottom ul.social {
      margin-top: 3px; }
      #bottom ul.social li {
        padding-left: 15px; }
        #bottom ul.social li a i.fa-twitter {
          font-size: 20px; }
        #bottom ul.social li a i.fa-facebook {
          font-size: 19px; }
        #bottom ul.social li a i.fa-google-plus {
          font-size: 18px; }

/**
 * @section Templates
 *
 * Defines the template specific styling
 *
 * @package   		WordPress
 * @subpackage 		TrendPress
 * @author    	 	Trendwerk
 * @license   		GPL v2
 *
 */
/** 
 * @section    Templates
 * @subsection home
 */
#content {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 10px 10px;
  width: 620px; }
  @media (max-width: 980px) {
    #content {
      clear: both;
      margin: 0;
      width: 100%; } }
  @media (min-width: 1200px) {
    #content {
      width: 740px; } }

.home .content-filter {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 10px 10px;
  width: 940px; }
  @media (max-width: 980px) {
    .home .content-filter {
      clear: both;
      margin: 0;
      width: 100%; } }
  @media (min-width: 1200px) {
    .home .content-filter {
      width: 1120px; } }
  .home .content-filter h2 {
    color: #FFF;
    margin-top: 0; }
/*    
*.home #menu ul li.current a {
*  background: #22a9c5;
*  color: #FFF; }
*/

#menu ul li.currentHard a {
  background: #22a9c5;
  color: #FFF; }

.home #navigation {
  margin-top: 0; }
.home #main aside {
  margin-top: 50px; }

/** 
 * @section    Templates
 * @subsection Rederijen Overview
 */
.rederijen-overview #content {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 10px 10px;
  width: 940px; }
  @media (max-width: 980px) {
    .rederijen-overview #content {
      clear: both;
      margin: 0;
      width: 100%; } }
  @media (min-width: 1200px) {
    .rederijen-overview #content {
      width: 1120px; } }

/** 
* @section    Templates
* @subsection Agenda
*/
.agenda #content {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 10px 10px;
  width: 940px; }
  @media (max-width: 980px) {
    .agenda #content {
      clear: both;
      margin: 0;
      width: 100%; } }
  @media (min-width: 1200px) {
    .agenda #content {
      width: 1120px; } }
  .agenda #content .agenda-filter {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 10px 10px;
    width: 940px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #00A8C6;
    clear: both;
    display: block;
    margin: 0;
    padding: 30px 40px;
    width: 100%; }
    @media (max-width: 980px) {
      .agenda #content .agenda-filter {
        clear: both;
        margin: 0;
        width: 100%; } }
    @media (min-width: 1200px) {
      .agenda #content .agenda-filter {
        width: 1120px; } }
    .agenda #content .agenda-filter label {
      color: #FFF;
      display: inline-block;
      font-family: "Open Sans", sans-serif;
      font-size: 14px;
      padding-right: 5px;
      text-transform: none; }
    .agenda #content .agenda-filter select {
      background-color: #FFF;
      margin-right: 18px;
      min-width: inherit;
      width: 210px; }
      .agenda #content .agenda-filter select#year {
        width: 130px; }
    .agenda #content .agenda-filter button {
      float: right; }
.agenda #agenda-results h2 {
  margin-left: 10px; }
.agenda #agenda-results .result {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 10px 10px;
  width: 940px;
  background-color: #f5f6fa;
  display: block;
  float: left;
  padding: 10px 30px; }
  @media (max-width: 980px) {
    .agenda #agenda-results .result {
      clear: both;
      margin: 0;
      width: 100%; } }
  @media (min-width: 1200px) {
    .agenda #agenda-results .result {
      width: 1120px; } }
  .agenda #agenda-results .result h3 {
    margin: 12px 0;
    padding: 0; }
    .agenda #agenda-results .result h3:before {
      content: "\f073";
      font-family: fontawesome;
      padding-right: 8px; }
  .agenda #agenda-results .result p.adress {
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #00A8C6; }
    .agenda #agenda-results .result p.adress:before {
      content: "\f041";
      font-family: fontawesome;
      color: #556779;
      padding-right: 5px;
      font-size: 14px; }
    .agenda #agenda-results .result p.adress span {
      letter-spacing: 0.05em;
      font-weight: 500; }

/** 
 * @section    Templates
 * @subsection Cruiseinfo
 */
.cruiseinfo #content {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 10px 10px;
  width: 940px; }
  @media (max-width: 980px) {
    .cruiseinfo #content {
      clear: both;
      margin: 0;
      width: 100%; } }
  @media (min-width: 1200px) {
    .cruiseinfo #content {
      width: 1120px; } }

/**
 * @section Widgets
 *
 * Defines the  styling of widgets
 *
 * @package   		WordPress
 * @subpackage 		TrendPress
 * @author    		Trendwerk
 * @license   		GPL v2
 * 
 */
/**
 * @section    Widget
 * @subsection Widget styling
 */
aside {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 10px 10px;
  width: 300px; }
  @media (max-width: 980px) {
    aside {
      clear: both;
      margin: 0;
      width: 100%; } }
  @media (min-width: 1200px) {
    aside {
      width: 360px; } }

.widget {
  font-size: 14px;
  float: left;
  margin-top: 30px;
  width: 100%; }
  .widget h2 {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 10px; }
  .widget h3 {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 10px; }
  .widget:first-child {
    margin-top: 0; }
  .widget ul {
    margin: 0;
    padding: 0; }
    .widget ul li {
      list-style-type: none; }
      .widget ul li a {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .widget .grade,
  .widget .date {
    color: #00A8C6;
    display: inline-block;
    margin-right: 10px; }
  .widget iframe {
    width: 100%; }

#widget-filter {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #00A8C6;
  padding: 20px;
  width: 100%; }
  #widget-filter h3 {
    color: #FFF; }
  #widget-filter span {
    clear: both;
    float: left;
    height: 50px;
    width: 100%; }
  #widget-filter label {
    color: #FFF;
    float: left;
    font-size: 14px;
    line-height: 45px;
    width: 115px; }
  #widget-filter input[type="text"],
  #widget-filter select {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #FFF;
    display: block;
    font-size: 14px;
    float: left;
    min-width: inherit;
    width: 200px !important; }
  #widget-filter button {
    float: right;
    margin-right: 5px;
    width: 200px; }

.links-container ul {
  margin: 0;
  padding: 0; }
  .links-container ul li {
    border-bottom: 1px solid #CCC;
    list-style-type: none; }
    .links-container ul li:active, .links-container ul li:focus, .links-container ul li:hover {
      border-bottom-color: #00A8C6; }
  .links-container ul a {
    color: #88919E; }
    .links-container ul a:active, .links-container ul a:focus, .links-container ul a:hover {
      color: #00A8C6; }

#widget-gallery .gallery-image {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 2px solid #FFF;
  float: left;
  margin: 0 5px 5px 0;
  height: 59px;
  padding: 2px;
  position: relative;
  width: 82px; }
  #widget-gallery .gallery-image:active, #widget-gallery .gallery-image:focus, #widget-gallery .gallery-image:hover {
    border-color: #00A8C6; }
  #widget-gallery .gallery-image.active {
    border-color: #00A8C6; }
  #widget-gallery .gallery-image img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    height: auto;
    margin-top: 0;
    width: 100%; }
  #widget-gallery .gallery-image.video a:after {
    color: #FFF;
    content: "\f144";
    font-family: FontAwesome;
    font-size: 55px;
    height: 50px;
    left: 50%;
    line-height: 50px;
    margin: -25px 0 0 -25px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 50px; }
  #widget-gallery .gallery-image.video:active a:after, #widget-gallery .gallery-image.video:focus a:after, #widget-gallery .gallery-image.video:hover a:after {
    color: #00A8C6; }

#widget-picture img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-left: 4px;
  max-width: 100%; }

#widget-destination,
#widget-contact {
  font-size: 13px; }
  #widget-destination iframe,
  #widget-contact iframe {
    float: left;
    clear: both;
    margin-bottom: 10px;
    height: 260px;
    width: 100%; }
  #widget-destination p,
  #widget-contact p {
    margin: 0;
    line-height: 25px; }
    #widget-destination p span,
    #widget-contact p span {
      color: #556779;
      float: left;
      font-weight: 700;
      width: 120px; }
    #widget-destination p.destination-subparts a,
    #widget-contact p.destination-subparts a {
      display: inline; }

#widget-ships h4,
#widget-arrivals h4,
#widget-weather h4 {
  display: block;
  margin-bottom: 15px; }
#widget-ships .row,
#widget-arrivals .row,
#widget-weather .row {
  font-size: 13px;
  float: left;
  line-height: 30px;
  text-transform: uppercase;
  width: 100%; }
  #widget-ships .row:nth-child(even),
  #widget-arrivals .row:nth-child(even),
  #widget-weather .row:nth-child(even) {
    background: #f5f6fa; }
  #widget-ships .row.row-title p,
  #widget-arrivals .row.row-title p,
  #widget-weather .row.row-title p {
    color: #556779;
    font-size: 14px;
    font-weight: 700;
    text-transform: none; }
  #widget-ships .row p,
  #widget-arrivals .row p,
  #widget-weather .row p {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 0 8px;
    margin: 0;
    width: 120px; }

#widget-ships .row p {
  width: 50%; }

#widget-news .row {
  clear: both;
  font-size: 13px;
  float: left;
  line-height: 30px;
  text-transform: none;
  width: 100%; }
  #widget-news .row:nth-child(even) {
    background: #f5f6fa; }
  #widget-news .row.row-title p {
    color: #556779;
    font-weight: 700;
    text-transform: none; }
  #widget-news .row p {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 0 8px;
    margin: 0;
    width: 360px;
    clear: both; }
  #widget-news .row a:hover {
    color: #00677a; }

#widget-video {
  position: relative; }
  #widget-video video {
    background: black;
    float: left;
    height: 260px;
    width: 100%;
    z-index: 1; }
  #widget-video p {
    color: #FFF;
    left: 10px;
    position: absolute;
    top: -10px;
    text-transform: uppercase; }

#widget-details {
  font-size: 13px; }
  #widget-details ul {
    float: left;
    margin: 0;
    padding: 0; }
    #widget-details ul li {
      clear: both;
      float: left;
      list-style-type: none;
      margin-bottom: 9px; }
      #widget-details ul li span.definition,
      #widget-details ul li span.description {
        color: #556779;
        float: left;
        line-height: 1.5; }
      #widget-details ul li span.definition {
        font-weight: 700;
        width: 140px; }
      #widget-details ul li span.description {
        width: 160px; }

#widget-agenda ul {
  margin-bottom: 10px; }
  #widget-agenda ul li a {
    color: #88919E; }
    #widget-agenda ul li a span {
      margin-right: 20px; }
    #widget-agenda ul li a:active, #widget-agenda ul li a:focus, #widget-agenda ul li a:hover {
      color: #00A8C6; }

/**
 * @section Parts
 *
 * Defines the styling for recurring template parts
 *
 *
 * @package   		WordPress
 * @subpackage 		TrendPress
 * @author    		Trendwerk
 * @license   		GPL v2
 *
 */
.clear {
  clear: both; }

/* section#slider */
#slider {
  height: 650px;
  margin-top: 0;
  overflow: hidden;
  position: relative;
  /* the pager */
  /* the div's containing the images */
  /* the content */
  /* smaller sliders */ }
  #slider #slider-pager {
    margin-top: -30px;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 999999999; }
    #slider #slider-pager #slider-previous,
    #slider #slider-pager #slider-next {
      background: #FFF;
      cursor: pointer;
      height: 90px;
      position: absolute;
      width: 60px;
      z-index: 999999; }
      #slider #slider-pager #slider-previous:before,
      #slider #slider-pager #slider-next:before {
        content: "";
        height: 18px;
        left: 50%;
        margin: -9px 0 0 -6px;
        position: absolute;
        top: 50%;
        width: 13px; }
      #slider #slider-pager #slider-previous:active, #slider #slider-pager #slider-previous:focus, #slider #slider-pager #slider-previous:hover,
      #slider #slider-pager #slider-next:active,
      #slider #slider-pager #slider-next:focus,
      #slider #slider-pager #slider-next:hover {
        background-color: #22a9c5; }
    #slider #slider-pager #slider-previous {
      left: 0; }
      #slider #slider-pager #slider-previous:before {
        background-image: url("/assets/img/sprite-x1.png");
        background-repeat: no-repeat;
        background-position: -9px -63px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2) {
          #slider #slider-pager #slider-previous:before {
            background-image: url("/assets/img/sprite-x2.png") !important;
            background-position: -9px x 2 -63px x 2 !important;
            background-size: 1000px 1000px !important; } }
      #slider #slider-pager #slider-previous:active:before, #slider #slider-pager #slider-previous:focus:before, #slider #slider-pager #slider-previous:hover:before {
        background-image: url("/assets/img/sprite-x1.png");
        background-repeat: no-repeat;
        background-position: -9px -111px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2) {
          #slider #slider-pager #slider-previous:active:before, #slider #slider-pager #slider-previous:focus:before, #slider #slider-pager #slider-previous:hover:before {
            background-image: url("/assets/img/sprite-x2.png") !important;
            background-position: -9px x 2 -111px x 2 !important;
            background-size: 1000px 1000px !important; } }
    #slider #slider-pager #slider-next {
      right: 0; }
      #slider #slider-pager #slider-next:before {
        background-image: url("/assets/img/sprite-x1.png");
        background-repeat: no-repeat;
        background-position: -32px -63px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2) {
          #slider #slider-pager #slider-next:before {
            background-image: url("/assets/img/sprite-x2.png") !important;
            background-position: -32px x 2 -63px x 2 !important;
            background-size: 1000px 1000px !important; } }
      #slider #slider-pager #slider-next:active:before, #slider #slider-pager #slider-next:focus:before, #slider #slider-pager #slider-next:hover:before {
        background-image: url("/assets/img/sprite-x1.png");
        background-repeat: no-repeat;
        background-position: -32px -111px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2) {
          #slider #slider-pager #slider-next:active:before, #slider #slider-pager #slider-next:focus:before, #slider #slider-pager #slider-next:hover:before {
            background-image: url("/assets/img/sprite-x2.png") !important;
            background-position: -32px x 2 -111px x 2 !important;
            background-size: 1000px 1000px !important; } }
  #slider #slideshow .slide {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    float: left;
    height: 650px;
    position: relative;
    width: 100%; }
    #slider #slideshow .slide .fancybox {
      -webkit-transition: none 0.5s ease-in-out;
      -moz-transition: none 0.5s ease-in-out;
      -o-transition: none 0.5s ease-in-out;
      -ms-transition: none 0.5s ease-in-out;
      transition: none 0.5s ease-in-out;
      background-image: url("/assets/img/sprite-x1.png");
      background-repeat: no-repeat;
      background-position: -100px -65px;
      bottom: 20px;
      right: 10%;
      height: 40px;
      position: absolute;
      width: 60px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2) {
        #slider #slideshow .slide .fancybox {
          background-image: url("/assets/img/sprite-x2.png") !important;
          background-position: -100px x 2 -65px x 2 !important;
          background-size: 1000px 1000px !important; } }
      #slider #slideshow .slide .fancybox:active, #slider #slideshow .slide .fancybox:focus, #slider #slideshow .slide .fancybox:hover {
        background-image: url("/assets/img/sprite-x1.png");
        background-repeat: no-repeat;
        background-position: -100px -115px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2) {
          #slider #slideshow .slide .fancybox:active, #slider #slideshow .slide .fancybox:focus, #slider #slideshow .slide .fancybox:hover {
            background-image: url("/assets/img/sprite-x2.png") !important;
            background-position: -100px x 2 -115px x 2 !important;
            background-size: 1000px 1000px !important; } }
  #slider .container-inner {
    position: relative; }
    #slider .container-inner .container-inner-inner {
      left: -95px;
      position: absolute;
      top: 350px;
      width: 100%;
      z-index: 999999999; }
      #slider .container-inner .container-inner-inner #slider-content {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin: 10px 10px;
        width: 460px;
        background: #FFF;
        float: right;
        margin-right: 30px;
        padding: 40px;
        width: 510px; }
        @media (max-width: 980px) {
          #slider .container-inner .container-inner-inner #slider-content {
            clear: both;
            margin: 0;
            width: 100%; } }
        @media (min-width: 1200px) {
          #slider .container-inner .container-inner-inner #slider-content {
            width: 550px; } }
        #slider .container-inner .container-inner-inner #slider-content h1 {
          font-size: 20px;
          font-weight: 400; }
        #slider .container-inner .container-inner-inner #slider-content p {
          margin-bottom: 0; }
  #slider.small {
    height: 450px;
    margin-bottom: 0;
    padding-bottom: 0; }
    #slider.small #slider-pager {
      margin-top: -45px; }
    #slider.small #slideshow .slide {
      height: 450px; }

/* section#links */
#links {
  background: #f5f6fa;
  margin-top: 50px;
  margin-bottom: 0;
  padding: 50px 0 50px 0; }
  #links .widget {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 10px 10px;
    width: 220px; }
    @media (max-width: 980px) {
      #links .widget {
        clear: both;
        margin: 0;
        width: 100%; } }
    @media (min-width: 1200px) {
      #links .widget {
        width: 265px; } }
    #links .widget .more-link {
      margin-top: 20px; }

/* rating */
#rating {
  float: right;
  margin: 0 0 35px 35px;
  text-align: center;
  width: 150px; }
  #rating #rating-current {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f5f6fa;
    float: left;
    padding: 30px 0 0 0;
    height: auto;
    width: 100%; }
    #rating #rating-current #rating-circle {
      -webkit-border-radius: 999px;
      -moz-border-radius: 999px;
      border-radius: 999px;
      background-color: #FFF;
      color: #00A8C6;
      font-family: "Lora", serif;
      font-size: 35px;
      font-weight: 700;
      line-height: 90px;
      margin: 0 auto;
      text-align: center;
      width: 90px; }
    #rating #rating-current #rating-total {
      font-size: 13px; }
  #rating a.cta {
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    line-height: 50px;
    padding: 0;
    text-transform: uppercase; }

/* reviews */
#reviews {
  margin-top: 0px; }
  #reviews h2 {
    margin-top: 0;
    margin-left: 10px; }
  #reviews .review {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 10px 10px;
    width: 940px;
    background: #f5f6fa;
    clear: both;
    float: left;
    height: auto;
    margin-top: 20px;
    padding: 30px; }
    @media (max-width: 980px) {
      #reviews .review {
        clear: both;
        margin: 0;
        width: 100%; } }
    @media (min-width: 1200px) {
      #reviews .review {
        width: 1120px; } }
    #reviews .review:first-child {
      margin-top: 0; }
    #reviews .review h3 {
      margin-top: 0;
      padding-bottom: 10px; }
    #reviews .review .review-circle {
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      border-radius: 100%;
      -webkit-border-radius: 999px;
      -moz-border-radius: 999px;
      border-radius: 999px;
      background-color: #FFF;
      color: #00A8C6;
      font-family: "Lora", serif;
      font-size: 35px;
      font-weight: 700;
      line-height: 90px;
      margin: 0 auto;
      text-align: center;
      width: 90px;
      font-size: 30px;
      float: left; }
    #reviews .review ul {
      border-right: 1px solid #CCC;
      font-size: 13px;
      float: left;
      margin: 0 45px 0 30px;
      padding: 0;
      width: 320px; }
      #reviews .review ul li {
        color: #556779;
        float: left;
        line-height: 1.8;
        list-style-type: none;
        font-weight: 700;
        width: 160px; }
        #reviews .review ul li span {
          color: #88919E;
          float: left;
          font-weight: normal;
          width: 110px; }
      @media (max-width: 620px) {
        #reviews .review ul {
          clear: both;
          margin: 20px 0 0 0;
          width: 100%; } }
    #reviews .review .quote {
      font-style: italic;
      float: left;
      margin: 0;
      line-height: 1.8;
      width: 390px; }
      #reviews .review .quote span {
        color: #556779;
        display: block;
        font-family: "Montserrat", sans-serif;
        font-style: normal;
        font-size: 15px;
        font-weight: 700;
        margin-top: 15px; }

/* cabins */
#cabins {
  margin-top: 0px; }
  #cabins .cabin {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 10px 10px;
    width: 940px;
    background: #f5f6fa;
    clear: both;
    float: left;
    height: auto;
    margin-top: 20px;
    padding: 30px;
    width: 100%; }
    @media (max-width: 980px) {
      #cabins .cabin {
        clear: both;
        margin: 0;
        width: 100%; } }
    @media (min-width: 1200px) {
      #cabins .cabin {
        width: 1120px; } }
    #cabins .cabin:first-child {
      margin-top: 0; }
    #cabins .cabin .left {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      margin: 0;
      padding: 0 20px 0 0;
      width: 33.3%; }
      #cabins .cabin .left h3 {
        margin: 0;
        font-size: 17px; }
      #cabins .cabin .left .cabin-details p {
        font-size: 15px;
        font-weight: normal;
        margin: 0;
        padding: 0; }
      #cabins .cabin .left ul {
        float: left;
        font-size: 13px;
        padding: 0;
        width: 100%; }
        #cabins .cabin .left ul li {
          color: #556779;
          float: left;
          line-height: 2.5;
          list-style-type: none;
          font-weight: 700;
          width: 50%; }
          #cabins .cabin .left ul li:before {
            content: "\f00c";
            font-family: fontawesome;
            padding-right: 8px; }
          #cabins .cabin .left ul li span {
            color: #88919E;
            font-weight: normal; }
    #cabins .cabin .right {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-left: 1px solid #CCC;
      float: right;
      margin: 0;
      padding: 0;
      width: 66.6%; }
      #cabins .cabin .right img {
        display: inline-block;
        padding: 0 0 25px 25px;
        width: 125px; }
      #cabins .cabin .right .summary {
        float: left;
        font-style: italic;
        font-size: 15px;
        line-height: 1.8;
        margin: 0;
        padding: 0 25px; }
  @media (max-width: 820px) {
    #cabins .cabin .left {
      border-right: none;
      float: left;
      margin: 0;
      padding: 0;
      width: 100%; }
      #cabins .cabin .left .cabin-details,
      #cabins .cabin .left .title {
        float: left;
        width: 50%; }
      #cabins .cabin .left ul {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
        -moz-column-gap: 40px;
        -webkit-column-gap: 40px;
        column-gap: 40px;
        border-top: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
        height: auto !important;
        margin-top: 20px;
        margin-bottom: 30px;
        padding: 20px 0 10px 0;
        width: 100%; }
    #cabins .cabin .right {
      border-left: none;
      width: 100%; }
      #cabins .cabin .right img {
        padding-left: 0;
        padding-right: 25px; }
      #cabins .cabin .right p.summary {
        margin: 0;
        padding: 0; } }

/* pager */
#pager {
  clear: both;
  float: left;
  margin-top: 40px;
  margin-bottom: 25px;
  text-align: center;
  width: 100%; }
  #pager span {
    background: #f5f6fa;
    color: #88919E;
    display: inline-block;
    font-size: 15px;
    line-height: 50px;
    margin-left: 5px;
    margin-bottom: 10px;
    padding: 0 20px; }
    #pager span:first-child {
      margin-left: 0; }
    #pager span:active, #pager span:focus, #pager span:hover {
    cursor: pointer;
      background-color: #00A8C6;
      color: #FFF !important; }
    #pager span i {
      font-weight: 700; }
    #pager span.current {
      color: #556779;
      font-weight: 700; }

/* cruises & fleet */
#cruises,
#fleet {
  margin-top: 0px; }
  #cruises h2,
  #fleet h2 {
    margin-left: 10px; }
  #cruises #cruise-container,
  #cruises #fleet-container,
  #fleet #cruise-container,
  #fleet #fleet-container {
    margin-left: 10px; }
  #cruises .cruise,
  #cruises .fleet,
  #fleet .cruise,
  #fleet .fleet {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 10px 10px;
    width: 300px;
    float: left; }
    @media (max-width: 980px) {
      #cruises .cruise,
      #cruises .fleet,
      #fleet .cruise,
      #fleet .fleet {
        clear: both;
        margin: 0;
        width: 100%; } }
    @media (min-width: 1200px) {
      #cruises .cruise,
      #cruises .fleet,
      #fleet .cruise,
      #fleet .fleet {
        width: 360px; } }
    #cruises .cruise:first-child,
    #cruises .fleet:first-child,
    #fleet .cruise:first-child,
    #fleet .fleet:first-child {
      margin-left: 0; }
    #cruises .cruise .cruise-image img,
    #cruises .cruise .fleet-image img,
    #cruises .fleet .cruise-image img,
    #cruises .fleet .fleet-image img,
    #fleet .cruise .cruise-image img,
    #fleet .cruise .fleet-image img,
    #fleet .fleet .cruise-image img,
    #fleet .fleet .fleet-image img {
      clear: both;
      display: block;
      float: left;
      height: auto;
      margin-bottom: 20px;
      width: 100%; }
    #cruises .cruise .cruise-content,
    #cruises .cruise .fleet-content,
    #cruises .fleet .cruise-content,
    #cruises .fleet .fleet-content,
    #fleet .cruise .cruise-content,
    #fleet .cruise .fleet-content,
    #fleet .fleet .cruise-content,
    #fleet .fleet .fleet-content {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background: #f5f6fa;
      padding: 30px 30px 0 30px; }
      #cruises .cruise .cruise-content h3,
      #cruises .cruise .fleet-content h3,
      #cruises .fleet .cruise-content h3,
      #cruises .fleet .fleet-content h3,
      #fleet .cruise .cruise-content h3,
      #fleet .cruise .fleet-content h3,
      #fleet .fleet .cruise-content h3,
      #fleet .fleet .fleet-content h3 {
        font-size: 17px;
        margin-top: 0;
        margin-bottom: 0; }
      #cruises .cruise .cruise-content p,
      #cruises .cruise .fleet-content p,
      #cruises .fleet .cruise-content p,
      #cruises .fleet .fleet-content p,
      #fleet .cruise .cruise-content p,
      #fleet .cruise .fleet-content p,
      #fleet .fleet .cruise-content p,
      #fleet .fleet .fleet-content p {
        margin: 0 0 10px 0; }
        #cruises .cruise .cruise-content p.ship-class,
        #cruises .cruise .fleet-content p.ship-class,
        #cruises .fleet .cruise-content p.ship-class,
        #cruises .fleet .fleet-content p.ship-class,
        #fleet .cruise .cruise-content p.ship-class,
        #fleet .cruise .fleet-content p.ship-class,
        #fleet .fleet .cruise-content p.ship-class,
        #fleet .fleet .fleet-content p.ship-class {
          margin: 0 0 25px 0; }
        #cruises .cruise .cruise-content p.shipname,
        #cruises .cruise .fleet-content p.shipname,
        #cruises .fleet .cruise-content p.shipname,
        #cruises .fleet .fleet-content p.shipname,
        #fleet .cruise .cruise-content p.shipname,
        #fleet .cruise .fleet-content p.shipname,
        #fleet .fleet .cruise-content p.shipname,
        #fleet .fleet .fleet-content p.shipname {
          font-size: 14px; }
          #cruises .cruise .cruise-content p.shipname a,
          #cruises .cruise .fleet-content p.shipname a,
          #cruises .fleet .cruise-content p.shipname a,
          #cruises .fleet .fleet-content p.shipname a,
          #fleet .cruise .cruise-content p.shipname a,
          #fleet .cruise .fleet-content p.shipname a,
          #fleet .fleet .cruise-content p.shipname a,
          #fleet .fleet .fleet-content p.shipname a {
            display: inline-block;
            margin: 0;
            padding: 0; }
    #cruises .cruise ol,
    #cruises .fleet ol,
    #fleet .cruise ol,
    #fleet .fleet ol {
      border-bottom: 1px solid #E3E4E9;
      margin: 0 0 20px 0;
      padding: 0 0 30px 0; }
      #cruises .cruise ol li,
      #cruises .fleet ol li,
      #fleet .cruise ol li,
      #fleet .fleet ol li {
        color: #556779;
        font-weight: 700;
        list-style-type: none;
        display: block; }
        #cruises .cruise ol li span,
        #cruises .fleet ol li span,
        #fleet .cruise ol li span,
        #fleet .fleet ol li span {
          color: #88919E;
          font-weight: 400; }
          #cruises .cruise ol li span.review-circle,
          #cruises .fleet ol li span.review-circle,
          #fleet .cruise ol li span.review-circle,
          #fleet .fleet ol li span.review-circle {
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            border-radius: 100%;
            -webkit-border-radius: 999px;
            -moz-border-radius: 999px;
            border-radius: 999px;
            background-color: #FFF;
            color: #00A8C6;
            font-family: "Lora", serif;
            font-size: 35px;
            font-weight: 700;
            line-height: 90px;
            margin: 0 auto;
            text-align: center;
            width: 90px;
            display: inline-block;
            font-size: 40px;
            float: none;
            margin: 10px 0;
            text-align: center; }
    #cruises .cruise .cruise-price,
    #cruises .cruise .more-ship-info,
    #cruises .fleet .cruise-price,
    #cruises .fleet .more-ship-info,
    #fleet .cruise .cruise-price,
    #fleet .cruise .more-ship-info,
    #fleet .fleet .cruise-price,
    #fleet .fleet .more-ship-info {
      float: left;
      margin-bottom: 30px;
      width: 100%; }
      #cruises .cruise .cruise-price p,
      #cruises .cruise .more-ship-info p,
      #cruises .fleet .cruise-price p,
      #cruises .fleet .more-ship-info p,
      #fleet .cruise .cruise-price p,
      #fleet .cruise .more-ship-info p,
      #fleet .fleet .cruise-price p,
      #fleet .fleet .more-ship-info p {
        color: #00A8C6;
        font-size: 20px;
        font-family: "Montserrat", sans-serif;
        float: left;
        font-weight: 500;
        margin-top: 10px; }
      #cruises .cruise .cruise-price a.cta,
      #cruises .cruise .more-ship-info a.cta,
      #cruises .fleet .cruise-price a.cta,
      #cruises .fleet .more-ship-info a.cta,
      #fleet .cruise .cruise-price a.cta,
      #fleet .cruise .more-ship-info a.cta,
      #fleet .fleet .cruise-price a.cta,
      #fleet .fleet .more-ship-info a.cta {
        background: #22a9c5;
        font-weight: 500;
        color: #FFF;
        float: left;
        margin-top: 5px; }
  #cruises .all,
  #fleet .all {
    margin-top: 30px; }

/* Additional styling for fleet.php */
#fleet {
  text-align: center; }
  #fleet p.sub-title {
    margin: 5px 10px;
    padding: 0;
    text-align: left; }
  #fleet h2 {
    text-align: left;
    margin-bottom: 0; }
  #fleet .fleet .fleet-content .more-ship-info {
    margin-top: 25px; }
    #fleet .fleet .fleet-content .more-ship-info a.cta {
      width: 100%;
      padding: 0;
      display: inline-block;
      text-align: center;
      float: none;
      margin-top: 15px; }
  #fleet .fleet .fleet-content ol {
    border-bottom: none; }
    #fleet .fleet .fleet-content ol li {
      clear: both;
      display: block;
      float: left;
      width: 100%; }

/* suites and rederij-results */
#suites,
#rederijen-results {
  margin-top: 0px; }
  #suites h2,
  #rederijen-results h2 {
    margin-left: 10px; }
  #suites .suite,
  #suites .rederij,
  #rederijen-results .suite,
  #rederijen-results .rederij {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 10px 10px;
    width: 940px;
    background: #f5f6fa;
    clear: both;
    float: left;
    height: auto;
    margin-top: 20px;
    padding: 30px 30px 0 0; }
    @media (max-width: 980px) {
      #suites .suite,
      #suites .rederij,
      #rederijen-results .suite,
      #rederijen-results .rederij {
        clear: both;
        margin: 0;
        width: 100%; } }
    @media (min-width: 1200px) {
      #suites .suite,
      #suites .rederij,
      #rederijen-results .suite,
      #rederijen-results .rederij {
        width: 1120px; } }
    #suites .suite h3,
    #suites .rederij h3,
    #rederijen-results .suite h3,
    #rederijen-results .rederij h3 {
      font-size: 17px;
      margin-top: 0;
      margin-bottom: 10px; }
      #suites .suite h3 a,
      #suites .rederij h3 a,
      #rederijen-results .suite h3 a,
      #rederijen-results .rederij h3 a {
        display: inline-block;
        margin: 0;
        padding: 0; }
    #suites .suite p,
    #suites .rederij p,
    #rederijen-results .suite p,
    #rederijen-results .rederij p {
      margin: 0 0 10px 0; }
    #suites .suite #rating,
    #suites .rederij #rating,
    #rederijen-results .suite #rating,
    #rederijen-results .rederij #rating {
      margin-top: -60px; }
    #suites .suite .suite-image,
    #suites .suite .rederij-image,
    #suites .rederij .suite-image,
    #suites .rederij .rederij-image,
    #rederijen-results .suite .suite-image,
    #rederijen-results .suite .rederij-image,
    #rederijen-results .rederij .suite-image,
    #rederijen-results .rederij .rederij-image {
      float: left;
      margin: -30px 40px 0 0;
      overflow: hidden;
      position: relative; }
      #suites .suite .suite-image .rederij-previous,
      #suites .suite .suite-image .rederij-next,
      #suites .suite .suite-image .suite-previous,
      #suites .suite .suite-image .suite-next,
      #suites .suite .rederij-image .rederij-previous,
      #suites .suite .rederij-image .rederij-next,
      #suites .suite .rederij-image .suite-previous,
      #suites .suite .rederij-image .suite-next,
      #suites .rederij .suite-image .rederij-previous,
      #suites .rederij .suite-image .rederij-next,
      #suites .rederij .suite-image .suite-previous,
      #suites .rederij .suite-image .suite-next,
      #suites .rederij .rederij-image .rederij-previous,
      #suites .rederij .rederij-image .rederij-next,
      #suites .rederij .rederij-image .suite-previous,
      #suites .rederij .rederij-image .suite-next,
      #rederijen-results .suite .suite-image .rederij-previous,
      #rederijen-results .suite .suite-image .rederij-next,
      #rederijen-results .suite .suite-image .suite-previous,
      #rederijen-results .suite .suite-image .suite-next,
      #rederijen-results .suite .rederij-image .rederij-previous,
      #rederijen-results .suite .rederij-image .rederij-next,
      #rederijen-results .suite .rederij-image .suite-previous,
      #rederijen-results .suite .rederij-image .suite-next,
      #rederijen-results .rederij .suite-image .rederij-previous,
      #rederijen-results .rederij .suite-image .rederij-next,
      #rederijen-results .rederij .suite-image .suite-previous,
      #rederijen-results .rederij .suite-image .suite-next,
      #rederijen-results .rederij .rederij-image .rederij-previous,
      #rederijen-results .rederij .rederij-image .rederij-next,
      #rederijen-results .rederij .rederij-image .suite-previous,
      #rederijen-results .rederij .rederij-image .suite-next {
        background: #22a9c5;
        cursor: pointer;
        height: 40px;
        width: 40px;
        position: absolute;
        bottom: 0;
        z-index: 99999; }
        #suites .suite .suite-image .rederij-previous:active, #suites .suite .suite-image .rederij-previous:focus, #suites .suite .suite-image .rederij-previous:hover,
        #suites .suite .suite-image .rederij-next:active,
        #suites .suite .suite-image .rederij-next:focus,
        #suites .suite .suite-image .rederij-next:hover,
        #suites .suite .suite-image .suite-previous:active,
        #suites .suite .suite-image .suite-previous:focus,
        #suites .suite .suite-image .suite-previous:hover,
        #suites .suite .suite-image .suite-next:active,
        #suites .suite .suite-image .suite-next:focus,
        #suites .suite .suite-image .suite-next:hover,
        #suites .suite .rederij-image .rederij-previous:active,
        #suites .suite .rederij-image .rederij-previous:focus,
        #suites .suite .rederij-image .rederij-previous:hover,
        #suites .suite .rederij-image .rederij-next:active,
        #suites .suite .rederij-image .rederij-next:focus,
        #suites .suite .rederij-image .rederij-next:hover,
        #suites .suite .rederij-image .suite-previous:active,
        #suites .suite .rederij-image .suite-previous:focus,
        #suites .suite .rederij-image .suite-previous:hover,
        #suites .suite .rederij-image .suite-next:active,
        #suites .suite .rederij-image .suite-next:focus,
        #suites .suite .rederij-image .suite-next:hover,
        #suites .rederij .suite-image .rederij-previous:active,
        #suites .rederij .suite-image .rederij-previous:focus,
        #suites .rederij .suite-image .rederij-previous:hover,
        #suites .rederij .suite-image .rederij-next:active,
        #suites .rederij .suite-image .rederij-next:focus,
        #suites .rederij .suite-image .rederij-next:hover,
        #suites .rederij .suite-image .suite-previous:active,
        #suites .rederij .suite-image .suite-previous:focus,
        #suites .rederij .suite-image .suite-previous:hover,
        #suites .rederij .suite-image .suite-next:active,
        #suites .rederij .suite-image .suite-next:focus,
        #suites .rederij .suite-image .suite-next:hover,
        #suites .rederij .rederij-image .rederij-previous:active,
        #suites .rederij .rederij-image .rederij-previous:focus,
        #suites .rederij .rederij-image .rederij-previous:hover,
        #suites .rederij .rederij-image .rederij-next:active,
        #suites .rederij .rederij-image .rederij-next:focus,
        #suites .rederij .rederij-image .rederij-next:hover,
        #suites .rederij .rederij-image .suite-previous:active,
        #suites .rederij .rederij-image .suite-previous:focus,
        #suites .rederij .rederij-image .suite-previous:hover,
        #suites .rederij .rederij-image .suite-next:active,
        #suites .rederij .rederij-image .suite-next:focus,
        #suites .rederij .rederij-image .suite-next:hover,
        #rederijen-results .suite .suite-image .rederij-previous:active,
        #rederijen-results .suite .suite-image .rederij-previous:focus,
        #rederijen-results .suite .suite-image .rederij-previous:hover,
        #rederijen-results .suite .suite-image .rederij-next:active,
        #rederijen-results .suite .suite-image .rederij-next:focus,
        #rederijen-results .suite .suite-image .rederij-next:hover,
        #rederijen-results .suite .suite-image .suite-previous:active,
        #rederijen-results .suite .suite-image .suite-previous:focus,
        #rederijen-results .suite .suite-image .suite-previous:hover,
        #rederijen-results .suite .suite-image .suite-next:active,
        #rederijen-results .suite .suite-image .suite-next:focus,
        #rederijen-results .suite .suite-image .suite-next:hover,
        #rederijen-results .suite .rederij-image .rederij-previous:active,
        #rederijen-results .suite .rederij-image .rederij-previous:focus,
        #rederijen-results .suite .rederij-image .rederij-previous:hover,
        #rederijen-results .suite .rederij-image .rederij-next:active,
        #rederijen-results .suite .rederij-image .rederij-next:focus,
        #rederijen-results .suite .rederij-image .rederij-next:hover,
        #rederijen-results .suite .rederij-image .suite-previous:active,
        #rederijen-results .suite .rederij-image .suite-previous:focus,
        #rederijen-results .suite .rederij-image .suite-previous:hover,
        #rederijen-results .suite .rederij-image .suite-next:active,
        #rederijen-results .suite .rederij-image .suite-next:focus,
        #rederijen-results .suite .rederij-image .suite-next:hover,
        #rederijen-results .rederij .suite-image .rederij-previous:active,
        #rederijen-results .rederij .suite-image .rederij-previous:focus,
        #rederijen-results .rederij .suite-image .rederij-previous:hover,
        #rederijen-results .rederij .suite-image .rederij-next:active,
        #rederijen-results .rederij .suite-image .rederij-next:focus,
        #rederijen-results .rederij .suite-image .rederij-next:hover,
        #rederijen-results .rederij .suite-image .suite-previous:active,
        #rederijen-results .rederij .suite-image .suite-previous:focus,
        #rederijen-results .rederij .suite-image .suite-previous:hover,
        #rederijen-results .rederij .suite-image .suite-next:active,
        #rederijen-results .rederij .suite-image .suite-next:focus,
        #rederijen-results .rederij .suite-image .suite-next:hover,
        #rederijen-results .rederij .rederij-image .rederij-previous:active,
        #rederijen-results .rederij .rederij-image .rederij-previous:focus,
        #rederijen-results .rederij .rederij-image .rederij-previous:hover,
        #rederijen-results .rederij .rederij-image .rederij-next:active,
        #rederijen-results .rederij .rederij-image .rederij-next:focus,
        #rederijen-results .rederij .rederij-image .rederij-next:hover,
        #rederijen-results .rederij .rederij-image .suite-previous:active,
        #rederijen-results .rederij .rederij-image .suite-previous:focus,
        #rederijen-results .rederij .rederij-image .suite-previous:hover,
        #rederijen-results .rederij .rederij-image .suite-next:active,
        #rederijen-results .rederij .rederij-image .suite-next:focus,
        #rederijen-results .rederij .rederij-image .suite-next:hover {
          background-color: #88919E; }
        #suites .suite .suite-image .rederij-previous:before,
        #suites .suite .suite-image .rederij-next:before,
        #suites .suite .suite-image .suite-previous:before,
        #suites .suite .suite-image .suite-next:before,
        #suites .suite .rederij-image .rederij-previous:before,
        #suites .suite .rederij-image .rederij-next:before,
        #suites .suite .rederij-image .suite-previous:before,
        #suites .suite .rederij-image .suite-next:before,
        #suites .rederij .suite-image .rederij-previous:before,
        #suites .rederij .suite-image .rederij-next:before,
        #suites .rederij .suite-image .suite-previous:before,
        #suites .rederij .suite-image .suite-next:before,
        #suites .rederij .rederij-image .rederij-previous:before,
        #suites .rederij .rederij-image .rederij-next:before,
        #suites .rederij .rederij-image .suite-previous:before,
        #suites .rederij .rederij-image .suite-next:before,
        #rederijen-results .suite .suite-image .rederij-previous:before,
        #rederijen-results .suite .suite-image .rederij-next:before,
        #rederijen-results .suite .suite-image .suite-previous:before,
        #rederijen-results .suite .suite-image .suite-next:before,
        #rederijen-results .suite .rederij-image .rederij-previous:before,
        #rederijen-results .suite .rederij-image .rederij-next:before,
        #rederijen-results .suite .rederij-image .suite-previous:before,
        #rederijen-results .suite .rederij-image .suite-next:before,
        #rederijen-results .rederij .suite-image .rederij-previous:before,
        #rederijen-results .rederij .suite-image .rederij-next:before,
        #rederijen-results .rederij .suite-image .suite-previous:before,
        #rederijen-results .rederij .suite-image .suite-next:before,
        #rederijen-results .rederij .rederij-image .rederij-previous:before,
        #rederijen-results .rederij .rederij-image .rederij-next:before,
        #rederijen-results .rederij .rederij-image .suite-previous:before,
        #rederijen-results .rederij .rederij-image .suite-next:before {
          content: "";
          position: absolute;
          left: 50%;
          margin: -10px 0 0 -10px;
          height: 20px;
          top: 50%;
          width: 20px; }
      #suites .suite .suite-image .rederij-previous,
      #suites .suite .suite-image .suite-previous,
      #suites .suite .rederij-image .rederij-previous,
      #suites .suite .rederij-image .suite-previous,
      #suites .rederij .suite-image .rederij-previous,
      #suites .rederij .suite-image .suite-previous,
      #suites .rederij .rederij-image .rederij-previous,
      #suites .rederij .rederij-image .suite-previous,
      #rederijen-results .suite .suite-image .rederij-previous,
      #rederijen-results .suite .suite-image .suite-previous,
      #rederijen-results .suite .rederij-image .rederij-previous,
      #rederijen-results .suite .rederij-image .suite-previous,
      #rederijen-results .rederij .suite-image .rederij-previous,
      #rederijen-results .rederij .suite-image .suite-previous,
      #rederijen-results .rederij .rederij-image .rederij-previous,
      #rederijen-results .rederij .rederij-image .suite-previous {
        left: 0; }
        #suites .suite .suite-image .rederij-previous:before,
        #suites .suite .suite-image .suite-previous:before,
        #suites .suite .rederij-image .rederij-previous:before,
        #suites .suite .rederij-image .suite-previous:before,
        #suites .rederij .suite-image .rederij-previous:before,
        #suites .rederij .suite-image .suite-previous:before,
        #suites .rederij .rederij-image .rederij-previous:before,
        #suites .rederij .rederij-image .suite-previous:before,
        #rederijen-results .suite .suite-image .rederij-previous:before,
        #rederijen-results .suite .suite-image .suite-previous:before,
        #rederijen-results .suite .rederij-image .rederij-previous:before,
        #rederijen-results .suite .rederij-image .suite-previous:before,
        #rederijen-results .rederij .suite-image .rederij-previous:before,
        #rederijen-results .rederij .suite-image .suite-previous:before,
        #rederijen-results .rederij .rederij-image .rederij-previous:before,
        #rederijen-results .rederij .rederij-image .suite-previous:before {
          background-image: url("/assets/img/sprite-x1.png");
          background-repeat: no-repeat;
          background-position: -49px -60px; }
          @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2) {
            #suites .suite .suite-image .rederij-previous:before,
            #suites .suite .suite-image .suite-previous:before,
            #suites .suite .rederij-image .rederij-previous:before,
            #suites .suite .rederij-image .suite-previous:before,
            #suites .rederij .suite-image .rederij-previous:before,
            #suites .rederij .suite-image .suite-previous:before,
            #suites .rederij .rederij-image .rederij-previous:before,
            #suites .rederij .rederij-image .suite-previous:before,
            #rederijen-results .suite .suite-image .rederij-previous:before,
            #rederijen-results .suite .suite-image .suite-previous:before,
            #rederijen-results .suite .rederij-image .rederij-previous:before,
            #rederijen-results .suite .rederij-image .suite-previous:before,
            #rederijen-results .rederij .suite-image .rederij-previous:before,
            #rederijen-results .rederij .suite-image .suite-previous:before,
            #rederijen-results .rederij .rederij-image .rederij-previous:before,
            #rederijen-results .rederij .rederij-image .suite-previous:before {
              background-image: url("/assets/img/sprite-x2.png") !important;
              background-position: -49px x 2 -60px x 2 !important;
              background-size: 1000px 1000px !important; } }
      #suites .suite .suite-image .rederij-next,
      #suites .suite .suite-image .suite-next,
      #suites .suite .rederij-image .rederij-next,
      #suites .suite .rederij-image .suite-next,
      #suites .rederij .suite-image .rederij-next,
      #suites .rederij .suite-image .suite-next,
      #suites .rederij .rederij-image .rederij-next,
      #suites .rederij .rederij-image .suite-next,
      #rederijen-results .suite .suite-image .rederij-next,
      #rederijen-results .suite .suite-image .suite-next,
      #rederijen-results .suite .rederij-image .rederij-next,
      #rederijen-results .suite .rederij-image .suite-next,
      #rederijen-results .rederij .suite-image .rederij-next,
      #rederijen-results .rederij .suite-image .suite-next,
      #rederijen-results .rederij .rederij-image .rederij-next,
      #rederijen-results .rederij .rederij-image .suite-next {
        right: 0; }
        #suites .suite .suite-image .rederij-next:before,
        #suites .suite .suite-image .suite-next:before,
        #suites .suite .rederij-image .rederij-next:before,
        #suites .suite .rederij-image .suite-next:before,
        #suites .rederij .suite-image .rederij-next:before,
        #suites .rederij .suite-image .suite-next:before,
        #suites .rederij .rederij-image .rederij-next:before,
        #suites .rederij .rederij-image .suite-next:before,
        #rederijen-results .suite .suite-image .rederij-next:before,
        #rederijen-results .suite .suite-image .suite-next:before,
        #rederijen-results .suite .rederij-image .rederij-next:before,
        #rederijen-results .suite .rederij-image .suite-next:before,
        #rederijen-results .rederij .suite-image .rederij-next:before,
        #rederijen-results .rederij .suite-image .suite-next:before,
        #rederijen-results .rederij .rederij-image .rederij-next:before,
        #rederijen-results .rederij .rederij-image .suite-next:before {
          background-image: url("/assets/img/sprite-x1.png");
          background-repeat: no-repeat;
          background-position: -66px -60px; }
          @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2) {
            #suites .suite .suite-image .rederij-next:before,
            #suites .suite .suite-image .suite-next:before,
            #suites .suite .rederij-image .rederij-next:before,
            #suites .suite .rederij-image .suite-next:before,
            #suites .rederij .suite-image .rederij-next:before,
            #suites .rederij .suite-image .suite-next:before,
            #suites .rederij .rederij-image .rederij-next:before,
            #suites .rederij .rederij-image .suite-next:before,
            #rederijen-results .suite .suite-image .rederij-next:before,
            #rederijen-results .suite .suite-image .suite-next:before,
            #rederijen-results .suite .rederij-image .rederij-next:before,
            #rederijen-results .suite .rederij-image .suite-next:before,
            #rederijen-results .rederij .suite-image .rederij-next:before,
            #rederijen-results .rederij .suite-image .suite-next:before,
            #rederijen-results .rederij .rederij-image .rederij-next:before,
            #rederijen-results .rederij .rederij-image .suite-next:before {
              background-image: url("/assets/img/sprite-x2.png") !important;
              background-position: -66px x 2 -60px x 2 !important;
              background-size: 1000px 1000px !important; } }
      #suites .suite .suite-image p,
      #suites .suite .rederij-image p,
      #suites .rederij .suite-image p,
      #suites .rederij .rederij-image p,
      #rederijen-results .suite .suite-image p,
      #rederijen-results .suite .rederij-image p,
      #rederijen-results .rederij .suite-image p,
      #rederijen-results .rederij .rederij-image p {
        bottom: -3px;
        color: #FFF;
        font-family: "Montserrat", sans-serif;
        font-size: 15px;
        margin: 7px 12px;
        position: absolute;
        right: 50px;
        z-index: 99999; }
  #suites ul,
  #rederijen-results ul {
    margin: 0;
    padding: 0; }
    #suites ul li,
    #rederijen-results ul li {
      color: #556779;
      float: left;
      font-size: 13px;
      list-style-type: none;
      line-height: 25px;
      padding-right: 10px; }
      #suites ul li:first-child,
      #rederijen-results ul li:first-child {
        padding-left: 0; }
      #suites ul li.without,
      #rederijen-results ul li.without {
        color: #AFB7BF;
        text-decoration: line-through; }

/* popular destinations */
#popular-destination-overview {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 10px 10px;
  width: 940px;
  border: 1px solid #E3E4E9;
  margin-left: 0; }
  @media (max-width: 980px) {
    #popular-destination-overview {
      clear: both;
      margin: 0;
      width: 100%; } }
  @media (min-width: 1200px) {
    #popular-destination-overview {
      width: 1120px; } }
  #popular-destination-overview #destination-iframe {
    background-color: #f5f6fa;
    float: left;
    height: 370px;
    overflow: hidden;
    width: 620px; }
  #popular-destination-overview #destination-list {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #E3E4E9;
    float: left;
    height: 370px;
    padding: 30px 0 0 30px;
    width: 318px; }
    #popular-destination-overview #destination-list h2 {
      font-size: 17px;
      margin-top: 0; }
    #popular-destination-overview #destination-list ul {
      list-style-type: none;
      margin: 0;
      padding: 0 30px 0 0; }
      #popular-destination-overview #destination-list ul li {
        font-size: 13px; }
        #popular-destination-overview #destination-list ul li a {
          border-bottom: 1px solid #E3E4E9;
          color: #556779;
          display: block; }
          #popular-destination-overview #destination-list ul li a:active, #popular-destination-overview #destination-list ul li a:focus, #popular-destination-overview #destination-list ul li a:hover {
            color: #00A8C6; }
        #popular-destination-overview #destination-list ul li:last-of-type a {
          border-bottom: 0; }
        #popular-destination-overview #destination-list ul li.current a {
          font-weight: 700; }
  @media (max-width: 740px) {
    #popular-destination-overview {
      margin-bottom: 30px; }
      #popular-destination-overview #destination-iframe {
        clear: both;
        width: 100% !important; }
      #popular-destination-overview #destination-list {
        clear: both;
        width: 100% !important; } }

/* destination subs */
#destinations-sub {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 10px 10px;
  width: 940px;
  margin-left: 0;
  margin-top: 40px; }
  @media (max-width: 980px) {
    #destinations-sub {
      clear: both;
      margin: 0;
      width: 100%; } }
  @media (min-width: 1200px) {
    #destinations-sub {
      width: 1120px; } }
  #destinations-sub #destination-filter {
    font-size: 15px; }
    #destinations-sub #destination-filter .label {
      float: left;
      margin-right: 20px;
      margin-top: 5px; }
  #destinations-sub .destination-sub {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #f5f6fa;
    clear: both;
    float: left;
    height: auto;
    margin-top: 20px;
    overflow: hidden;
    padding: 0 30px 0 0;
    position: relative;
    width: 100%; }
    #destinations-sub .destination-sub:last-of-type {
      margin-bottom: 40px; }
    #destinations-sub .destination-sub h2 {
      margin-top: 0;
      margin-bottom: 10px; }
    #destinations-sub .destination-sub .destination-image {
      float: left;
      margin-right: 20px;
      width: 265px;
      height: 265px; }
      #destinations-sub .destination-sub .destination-image img {
        display: block;
        margin-top: 0 !important; }
    #destinations-sub .destination-sub .destination-info {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      margin-right: 20px;
      padding-right: 20px;
      padding-left: 20px;
      padding-top: 30px;
      width: 386px; }
      #destinations-sub .destination-sub .destination-info h2 a:hover {
        color: #007d93; }
      #destinations-sub .destination-sub .destination-info p {
        font-size: 14px;
        margin: 0; }
        #destinations-sub .destination-sub .destination-info p a:hover {
          color: #007d93; }
    #destinations-sub .destination-sub .destination-sights {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      height: 210px;
      margin-top: 30px;
      position: relative;
      overflow: auto;
      width: 219px; }
      #destinations-sub .destination-sub .destination-sights ul {
        list-style-type: none;
        margin: 0;
        padding: 0; }
        #destinations-sub .destination-sub .destination-sights ul li {
          color: #556779;
          font-size: 13px; }
          #destinations-sub .destination-sub .destination-sights ul li:before {
            content: "\f00c";
            display: inline-block;
            font-family: fontawesome;
            padding-right: 5px; }

/* properties list */
.properties-list {
  float: left;
  font-size: 13px;
  margin: 20px 0;
  width: 33.333%; }
  .properties-list h3 {
    margin-top: 0;
    margin-bottom: 20px; }
  .properties-list ul {
    list-style-type: none;
    margin: 0 0 40px 0;
    padding: 0; }
    .properties-list ul li {
      line-height: 1.5;
      padding-bottom: 10px;
      padding-right: 20px; }

/* news articles */
#news-articles #news,
#news-articles #articles {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 10px 10px;
  width: 460px; }
  @media (max-width: 980px) {
    #news-articles #news,
    #news-articles #articles {
      clear: both;
      margin: 0;
      width: 100%; } }
  @media (min-width: 1200px) {
    #news-articles #news,
    #news-articles #articles {
      width: 550px; } }
  #news-articles #news h3,
  #news-articles #articles h3 {
    clear: both;
    display: block;
    font-size: 18px; }
  #news-articles #news article,
  #news-articles #articles article {
    background-color: #f5f6fa;
    clear: both;
    float: left;
    margin: 0 0 20px 0;
    padding: 20px 0;
    width: 100%; }
    #news-articles #news article figure,
    #news-articles #articles article figure {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      height: 60px;
      margin: 0;
      padding: 0 30px 20px 20px;
      width: 28%; }
      #news-articles #news article figure img,
      #news-articles #articles article figure img {
        display: block;
        margin: 0;
        width: 100%; }
    #news-articles #news article .article-content,
    #news-articles #articles article .article-content {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-right: 20px;
      float: left;
      width: 72%; }
      #news-articles #news article .article-content h4,
      #news-articles #articles article .article-content h4 {
        font-size: 15px;
        line-height: 1.5;
        margin-bottom: 0;
        padding-bottom: 0; }
      #news-articles #news article .article-content .meta,
      #news-articles #articles article .article-content .meta,
      .meta {
        color: #AFB7BF;
        font-size: 12px;
        margin: 5px 0; }
      #news-articles #news article .article-content .excerpt,
      #news-articles #articles article .article-content .excerpt {
        font-size: 14px;
        line-height: 25px;
        margin: 0; }
@media (max-width: 1200px) {
  #news-articles #news article .article-content,
  #news-articles #articles article .article-content {
    padding-left: 30px; }
  #news-articles #news article figure,
  #news-articles #articles article figure {
    padding-right: 0; } }
@media (max-width: 980px) {
  #news-articles #news article figure,
  #news-articles #articles article figure {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    width: 102px; }
  #news-articles #news article .article-content,
  #news-articles #articles article .article-content {
    width: 80%; } }
@media (max-width: 760px) {
  #news-articles #news article,
  #news-articles #articles article {
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 10px; }
    #news-articles #news article:first-of-type,
    #news-articles #articles article:first-of-type {
      padding-top: 30px; }
    #news-articles #news article:last-of-type,
    #news-articles #articles article:last-of-type {
      padding-bottom: 30px; }
  #news-articles #news article figure,
  #news-articles #articles article figure {
    display: none; }
  #news-articles #news article .article-content,
  #news-articles #articles article .article-content {
    width: 100%; } }

/* mini pager */
.mini-pager {
  clear: both;
  float: left;
  margin-bottom: 20px;
  margin-top: 20px;
  width: 100%; }
  .mini-pager ul {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%; }
    .mini-pager ul li {
      display: inline-block; }
      .mini-pager ul li.current {
        color: #00A8C6;
        font-weight: 700; 
        cursor:default;}
      .mini-pager ul li{
        background-color: #f5f6fa;
        color: #00A8C6;
        display: inline-block;
        float: left;
        font-size: 12px;
        font-weight: 400;
        line-height: 30px;
        height: 30px;
        text-align: center;
        width: 30px; }
        .mini-pager ul li:active, .mini-pager ul li:focus, .mini-pager ul li:hover {
          background-color: #00A8C6;
          cursor:pointer;
          color: #FFF !important; }

/* cruise info filter */
.ship-filter,
.cruiseinfo-filter {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 10px 10px;
  width: 940px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #00A8C6;
  clear: both;
  display: block;
  margin: 0;
  padding: 30px 40px;
  width: 100%; }
  @media (max-width: 980px) {
    .ship-filter,
    .cruiseinfo-filter {
      clear: both;
      margin: 0;
      width: 100%; } }
  @media (min-width: 1200px) {
    .ship-filter,
    .cruiseinfo-filter {
      width: 1120px; } }
  .ship-filter label,
  .cruiseinfo-filter label {
    color: #FFF;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    padding-right: 5px;
    text-transform: none;
    min-width: 98px; }
  .ship-filter select,
  .cruiseinfo-filter select {
    background-color: #FFF;
    margin: 10px 45px 20px 0;
    min-width: inherit;
    width: 190px; }
  .ship-filter button,
  .cruiseinfo-filter button {
    float: right;
    margin-right: 52px;
    margin-top: 11px;
    width: 190px; }

/**
 * Stars
 */
span.stars {
  color: #AFB7BF;
  display: inline-block;
  font-weight: normal;
  font-size: 14px;
  padding: 0 5px; }
  span.stars em {
    display: none; }
  span.stars:before {
    color: #00A8C6;
    font-family: FontAwesome;
    font-size: 20px;
    letter-spacing: 5px; }
  span.stars.zero:before {
    content: "\f006 \f006 \f006 \f006 \f006"; }    
  span.stars.one:before {
    content: "\f005 \f006 \f006 \f006 \f006"; }
  span.stars.two:before {
    content: "\f005 \f005 \f006 \f006 \f006"; }
  span.stars.three:before {
    content: "\f005 \f005 \f005 \f006 \f006"; }
  span.stars.four:before {
    content: "\f005 \f005 \f005 \f005 \f006"; }
  span.stars.five:before {
    content: "\f005 \f005 \f005 \f005 \f005"; }



  span.stars.zeroplus:before {
    content: "\f006 \f006 \f006 \f006 \f006 \f067"; }    /*TL:erbij*/
  span.stars.oneplus:before {	
    content: "\f005 \f006 \f006 \f006 \f006 \f067"; }	/*TL:erbij*/
  span.stars.twoplus:before {
    content: "\f005 \f005 \f006 \f006 \f006 \f067"; }	/*TL:erbij*/
  span.stars.threeplus:before {
    content: "\f005 \f005 \f005 \f006 \f006 \f067"; }	/*TL:erbij*/
  span.stars.fourplus:before {
    content: "\f005 \f005 \f005 \f005 \f006 \f067"; }	/*TL:erbij*/
  span.stars.fiveplus:before {
    content: "\f005 \f005 \f005 \f005 \f005 \f067"; }	/*TL:erbij*/


/**
 * ship results
 */
.ship-results {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 10px 10px;
  width: 940px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media (max-width: 980px) {
    .ship-results {
      clear: both;
      margin: 0;
      width: 100%; } }
  @media (min-width: 1200px) {
    .ship-results {
      width: 1120px; } }
  .ship-results .ship-result {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f5f6fa;
    clear: both;
    float: left;
    padding: 0 20px;
    margin-bottom: 20px;
    width: 100%; }
    .ship-results .ship-result h2 {
      clear: both;
      float: left;
      margin-top: 20px;
      width: 100%; }
      .ship-results .ship-result h2 a {
        float: left;
        margin: 0;
        padding: 0; }
    .ship-results .ship-result .ship-result-content figure {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      margin: 0;
      padding: 10px 10px 10px 0;
      width: 20%; }
      .ship-results .ship-result .ship-result-content figure img {
        display: block;
        width: 100%; }
    .ship-results .ship-result .ship-result-content .ship-features {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      padding: 0 10px 30px 20px;
      width: 25%; }
      .ship-results .ship-result .ship-result-content .ship-features ul {
        list-style-type: none;
        margin: 0;
        padding: 0; }
        .ship-results .ship-result .ship-result-content .ship-features ul li {
          font-size: 14px; }
          .ship-results .ship-result .ship-result-content .ship-features ul li.true {
            color: #556779; }
          .ship-results .ship-result .ship-result-content .ship-features ul li.false {
            color: #AFB7BF;
            text-decoration: line-through; }
    .ship-results .ship-result .ship-result-content .ship-info {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      padding: 0 10px 30px 20px;
      width: 55%; }
      .ship-results .ship-result .ship-result-content .ship-info p {
        margin: 0; }

/**
 * Content filter
 */
.content-filter {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 10px 10px;
  width: 940px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #00A8C6;
  clear: both;
  display: block;
  float: left;
  margin: 0;
  padding: 30px 40px; }
  @media (max-width: 980px) {
    .content-filter {
      clear: both;
      margin: 0;
      width: 100%; } }
  @media (min-width: 1200px) {
    .content-filter {
      width: 1120px; } }
  .content-filter label {
    color: #FFF;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    min-width: 108px;
    padding-right: 5px;
    text-transform: none; }
  .content-filter input[type="text"],
  .content-filter input[type="date"],
  .content-filter select {
    background-color: #FFF;
    font-size: 13px;
    margin: 10px 45px 20px 0;
    min-width: inherit;
    width: 180px; }
  .content-filter button {
    float: right;
    margin-top: 10px;
    margin-right: 52px;
    margin-bottom: 10px;
    width: 180px; }

/*
 * @section Responsive
 *
 * Defines responsive layout
 *
 * @package   		WordPress
 * @subpackage 		TrendPress
 * @author    		Trendwerk
 * @license   		GPL v2
 *
 */
/** 
 * @section    Responsive
 * @subsection Large desktops
 */
@media (min-width: 1200px) {
  /**
   * Lay-out
   */
  #menu ul li a {
    padding: 0 20px; }
  #menu ul .filter button {
    display: inline-block;
    position: relative;
    top: -2px; }
  #menu #search {
    width: 220px !important; }

  /**
   * Parts
   */
  #slider .container-inner .container-inner-inner {
    left: -95px;
    position: absolute;
    top: 350px;
    width: 100%;
    z-index: 999999999; }

  #slider .container-inner .container-inner-inner #slider-content {
    margin-right: 10px;
    width: 510px; }

  #reviews .review .quote {
    width: 550px; }

  #cruises .cruise .cruise-price a.cta {
    float: right; }

  #popular-destination-overview #destination-iframe {
    width: 740px; }
  #popular-destination-overview #destination-list {
    width: 378px; }

  #destinations-sub .destination-sub .destination-image {
    height: 265px;
    width: 265px; }
  #destinations-sub .destination-sub .destination-info {
    width: 456px; }
  #destinations-sub .destination-sub .destination-sights {
    height: auto;
    margin-top: 70px;
    width: 329px; }
    #destinations-sub .destination-sub .destination-sights ul {
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2;
      -moz-column-gap: 20px;
      -webkit-column-gap: 20px;
      column-gap: 20px; }

  #cabins .cabin .right img {
    width: 175px; }

  .ship-results .ship-result .ship-result-content figure {
    width: 25%; }
  .ship-results .ship-result .ship-result-content .ship-features {
    width: 25%; }
  .ship-results .ship-result .ship-result-content .ship-info {
    width: 50%; }

  /**
   * Widgets
   */
  .widget h3 {
    font-size: 15px; }

  #widget-details ul li span.definition {
    width: 165px; }
  #widget-details ul li span.description {
    width: 195px; }

  #widget-gallery .gallery-image {
    height: 74px;
    width: 102px; } }
/** 
 * @section    Responsive
 * @subsection Small desktops
 */
@media (max-width: 1200px) {
  /**
   * Layout
   */
  #menu ul .filter form span {
    clear: both;
    display: block;
    float: left;
    margin-bottom: 10px;
    width: 100%; }
    #menu ul .filter form span label {
      width: 140px; }
    #menu ul .filter form span select#destination, #menu ul .filter form span select#from {
      width: 241px; }

  #menu ul .filter button {
    float: right;
    margin-right: 27px;
    margin-top: 0;
    position: relative;
    top: 20px;
    width: 195px; }

  /**
   * Parts
   */
  #filter-container .filter-option {
    margin: 0;
    width: 50%; }

  .content-filter span.select-wrap {
    float: left;
    width: 50%; }
  .content-filter input[type="text"],
  .content-filter input[type="date"],
  .content-filter select {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 10px;
    width: 260px; }
  .content-filter button {
    margin-right: 53px;
    margin-top: 10px;
    width: 260px; }

  #suites .suite .suite-image,
  #suites .suite .rederij-image,
  #suites .rederij .suite-image,
  #suites .rederij .rederij-image,
  #rederijen-results .suite .suite-image,
  #rederijen-results .suite .rederij-image,
  #rederijen-results .rederij .suite-image,
  #rederijen-results .rederij .rederij-image {
    margin-bottom: 80px; }

  /**
   * Tempates
   */
  .agenda #content .agenda-filter select {
    background-color: #FFF;
    margin: 0 18px 15px 0;
    min-width: inherit;
    width: 210px; }
    .agenda #content .agenda-filter select#year {
      width: 190px; }
  .agenda #content .agenda-filter button {
    float: right;
    margin-right: 18px;
    width: 210px; }

  /**
   * Widgets
   */
  #widget-ships .row-title,
  #widget-arrivals .row-title,
  #widget-weather .row-title {
    display: none; }
  #widget-ships .row,
  #widget-arrivals .row,
  #widget-weather .row {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 8px;
    width: 100%; }
    #widget-ships .row p,
    #widget-arrivals .row p,
    #widget-weather .row p {
      font-size: 12px;
      padding: 0 10px 0 0;
      width: auto; }

  #widget-weather .row-title {
    display: block; }
  #widget-weather .row p {
    width: 33%; }

  #widget-ships .row-title {
    display: block; }
  #widget-ships .row p {
    width: 50%; }

  #widget-filter h3 {
    margin-bottom: 0; }
  #widget-filter span {
    height: auto; }
  #widget-filter label.spacer {
    height: 10px; }
  #widget-filter input[type="text"],
  #widget-filter select {
    width: 100% !important; }
  #widget-filter button {
    float: left;
    margin-top: 10px;
    width: 100%; } }
/** 
 * @section    Responsive
 * @subsection Landscape
 */
@media (min-width: 980px) {
  #menu ul {
    float: left;
    margin: 0 0 0 10px;
    padding: 0; }
    #menu ul li {
      float: left;
      font-family: "Montserrat", sans-serif;
      font-style: 14px;
      font-weight: 400;
      list-style-type: none;
      text-transform: uppercase; }
      #menu ul li a {
        color: #88919E;
        display: block;
        float: left;
        height: 50px;
        line-height: 50px;
        margin: 0 2px;
        padding: 0 14px; }
        #menu ul li a:active, #menu ul li a:focus, #menu ul li a:hover {
          -webkit-border-top-right-radius: 3px;
          -webkit-border-bottom-right-radius: 0;
          -webkit-border-bottom-left-radius: 0;
          -webkit-border-top-left-radius: 3px;
          -moz-border-radius-topright: 3px;
          -moz-border-radius-bottomright: 0;
          -moz-border-radius-bottomleft: 0;
          -moz-border-radius-topleft: 3px;
          border-top-right-radius: 3px;
          border-bottom-right-radius: 0;
          border-bottom-left-radius: 0;
          border-top-left-radius: 3px;
          background-color: #00A8C6;
          color: #FFF; }
      #menu ul li.currentSoft a {
        -webkit-border-top-right-radius: 3px;
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -webkit-border-top-left-radius: 3px;
        -moz-border-radius-topright: 3px;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        -moz-border-radius-topleft: 3px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 3px;
        background: #f5f6fa; }
      #menu ul li.current:active a, #menu ul li.current:focus a, #menu ul li.current:hover a {
        background-color: #00A8C6;
        color: #FFF; }
      #menu ul li:first-child a {
        margin-left: 0; }
      #menu ul li .sub-menu {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #00A8C6;
        display: none;
        left: 0;
        padding: 40px;
        position: absolute;
        top: 50px;
        width: 100%;
        z-index: 999999; }
        #menu ul li .sub-menu li.sub-menu-item {
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          border-right: 1px solid #0092ad;
          float: left;
          margin: 0 2% 0 0;
          min-height: 220px;
          width: 23%; }
          #menu ul li .sub-menu li.sub-menu-item:last-of-type {
            border-right: none; }
          #menu ul li .sub-menu li.sub-menu-item li {
            clear: both;
            display: block;
            font-family: "Open Sans", sans-serif;
            float: left;
            font-size: 13px;
            margin: 0;
            padding: 0;
            text-transform: none;
            width: 100%; }
            #menu ul li .sub-menu li.sub-menu-item li a {
              color: #FFF;
              height: auto;
              line-height: 30px;
              margin: 0;
              padding: 0; }
              #menu ul li .sub-menu li.sub-menu-item li a:active, #menu ul li .sub-menu li.sub-menu-item li a:focus, #menu ul li .sub-menu li.sub-menu-item li a:hover {
                color: #FFF926; }
      #menu ul li .filter {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #00A8C6;
        display: none;
        left: auto;
        padding: 40px;
        position: absolute;
        left: 0;
        top: 50px;
        width: 100%;
        z-index: 999999; }
        #menu ul li .filter label {
          color: #FFF;
          display: inline-block;
          font-family: "Open Sans", sans-serif;
          font-size: 14px;
          padding-right: 10px;
          text-transform: none; }
        #menu ul li .filter select {
          background-color: #FFF;
          margin-right: 20px;
          min-width: inherit;
          width: 210px; }
          #menu ul li .filter select#days {
            width: 120px; }
          #menu ul li .filter select#from {
            width: 145px; }
        #menu ul li .filter input[type="text"] {
          background-color: #FFF;
          height: 38px;
          margin-right: 5px;
          min-width: inherit;
          width: 90px; }
      #menu ul li:active .filter,
      #menu ul li:active .sub-menu, #menu ul li:focus .filter,
      #menu ul li:focus .sub-menu, #menu ul li:hover .filter,
      #menu ul li:hover .sub-menu {
        display: block; }

  /**
   * Layout
   */
  .home .content-filter {
    display: none; } }
/** 
 * @section    Responsive
 * @subsection Landscape
 */
@media (max-width: 980px) {
  /**
   * Layout
   */
  body {
    position: relative; }
    body.mobile-nav-active footer,
    body.mobile-nav-active section {
      opacity: 0.25;
      pointer-events: none; }

  #top {
    height: auto;
    padding-bottom: 30px; }
    #top a#logo {
      clear: both;
      float: left; }
      #top a#logo img {
        margin-left: 0; }
    #top p {
      clear: both;
      float: left;
      line-height: 1.5;
      margin-top: 10px;
      margin-right: 0;
      margin-left: 0; }
    #top #mobile-nav-toggle,
    #top #mobile-nav-search {
      display: block;
      top: 32px; }
    #top #mobile-nav-toggle {
      right: 20px; }
    #top #mobile-nav-search {
      right: 60px; }

  #menu {
    background-color: #556779;
    clear: both;
    float: left;
    height: auto;
    width: 100%; }
    #menu .container-inner {
      padding: 0; }
    #menu .main-navigation,
    #menu #search,
    #menu .sub-menu,
    #menu .filter {
      display: none; }
    #menu .filter {
      display: none !important; }
    #menu ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      #menu ul li {
        clear: both;
        display: block;
        float: left;
        height: 40px;
        line-height: 40px;
        text-align: center;
        width: 100%; }
        #menu ul li a {
          color: #FFF; }
        #menu ul li.current {
          background-color: #00A8C6;
          color: #FFF; }
        #menu ul li:active, #menu ul li:focus, #menu ul li:hover {
          background-color: #00A8C6;
          color: #FFF; }
    #menu .container-inner #search {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      background-color: transparent;
      height: 50px;
      padding: 0 20px;
      width: 100%; }
      #menu .container-inner #search form {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
        width: 100%; }
        #menu .container-inner #search form fieldset {
          position: relative; }
        #menu .container-inner #search form input[type="text"] {
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          background-color: #f5f6fa;
          font-size: 16px;
          height: 40px;
          margin: 0;
          padding: 0 0 0 35px;
          width: 100%; }
        #menu .container-inner #search form input[type="submit"] {
          font-size: 16px;
          margin: 0;
          left: 10px;
          padding: 0;
          position: absolute;
          top: 4px; }

  #breadcrumbs p {
    padding: 0; }

  #main #content {
    padding-right: 0; }

  #navigation,
  #links {
    padding-bottom: 20px; }
    #navigation .widget,
    #links .widget {
      clear: none;
      margin-bottom: 40px;
      padding-right: 5%;
      width: 50%; }
      #navigation .widget p,
      #links .widget p {
        margin-top: 0;
        margin-bottom: 0; }
      #navigation .widget:nth-child(3), #navigation .widget:nth-child(4),
      #links .widget:nth-child(3),
      #links .widget:nth-child(4) {
        margin-bottom: 20px; }

  /**
   * Widgets
   */
  aside {
    margin-bottom: 20px; }
    aside .widget {
      float: left;
      padding-right: 4%;
      width: 46%; }
      aside .widget:first-child {
        margin-top: 30px; }
      aside .widget:even {
        clear: left; }

  #widget-gallery,
  #widget-picture {
    display: none; }

  #widget-details ul li span.description {
    width: auto; }

  #widget-details ul li {
    margin-bottom: 5px; }

  /**
   * Parts
   */
  #reviews .review {
    margin-bottom: 30px; }

  #reviews .review ul {
    border-right: none; }

  #reviews .review .quote {
    margin-top: 25px;
    width: 100%; }

  #cabins .cabin {
    margin-bottom: 30px; }
    #cabins .cabin .left .cabins-details,
    #cabins .cabin .left .title {
      clear: both;
      width: 100%; }
    #cabins .cabin .left .title {
      margin-bottom: 5px; }
    #cabins .cabin .left .cabin-details p {
      font-size: 12px; }
    #cabins .cabin .left ul {
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2;
      -moz-column-gap: 40px;
      -webkit-column-gap: 40px;
      column-gap: 40px;
      height: auto;
      overflow: auto;
      width: 100%; }
      #cabins .cabin .left ul li {
        width: 100%; }
    #cabins .cabin .right img {
      padding: 0 15px 15px 0;
      width: 75px; }

  .ship-results .ship-result .ship-result-content figure {
    padding: 10px;
    width: 50%; }
  .ship-results .ship-result .ship-result-content .ship-features {
    padding: 10px;
    width: 50%; }
  .ship-results .ship-result .ship-result-content .ship-info {
    padding: 10px 10px 30px 10px;
    width: 100%; }

  #fleet p.sub-title {
    margin-bottom: 40px; }

  #rederijen-results .rederij,
  #suites .suite {
    margin-bottom: 30px;
    max-height: inherit;
    padding: 30px 30px 10px 30px; }
    #rederijen-results .rederij #rating,
    #suites .suite #rating {
      display: none; }
    #rederijen-results .rederij .rederij-image,
    #suites .suite .rederij-image {
      margin-bottom: 20px; }
    #rederijen-results .rederij .suite-image,
    #suites .suite .suite-image {
      margin-top: 0;
      margin-bottom: 20px; }

  #popular-destination-overview {
    margin-bottom: 30px; }
    #popular-destination-overview #destination-iframe {
      width: 66%; }
    #popular-destination-overview #destination-list {
      width: 33%; }
      #popular-destination-overview #destination-list h2 {
        font-size: 15px; }

  #destinations-sub .destination-sub {
    padding: 0; }
    #destinations-sub .destination-sub .destination-image {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      height: auto;
      margin: 0;
      padding: 20px;
      width: 25%; }
      #destinations-sub .destination-sub .destination-image img {
        height: auto;
        width: 100%; }
    #destinations-sub .destination-sub .destination-info {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0;
      padding: 20px;
      width: 40%; }
    #destinations-sub .destination-sub .destination-sights {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0;
      padding: 20px;
      width: 30%; }

  #fleet-container,
  #cruise-container {
    clear: both;
    float: left;
    margin-left: 0 !important;
    overflow: auto;
    width: 100%; }

  #cruises .cruise,
  #fleet .fleet {
    clear: none;
    float: left;
    margin: 0 20px 20px 0;
    max-width: 360px; }
    #cruises .cruise:first-child,
    #fleet .fleet:first-child {
      margin-left: 0; }
    #cruises .cruise:last-of-type,
    #fleet .fleet:last-of-type {
      margin-bottom: 0; }

  #cruises .cruise .cruise-price p, #cruises .cruise .cruise-price a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    text-align: center;
    width: 100%; }

  #rederijen-results .rederij,
  #suites .suite {
    padding: 30px; }

  #slider {
    height: 480px; }
    #slider .container-inner .container-inner-inner {
      left: 0;
      top: 100px; }
      #slider .container-inner .container-inner-inner #slider-content {
        float: none;
        left: 0;
        margin: 0 auto;
        position: relative;
        width: 50%; }
    #slider #slider-pager {
      margin-top: -40px; }

  /**
   * Templates
   */
  .home #main #content {
    margin-top: 0; }
  .home #main aside {
    margin-top: 0; }
  .home #main .content-filter {
    display: block;
    margin-top: 30px; }
  .home #main #widget-filter {
    display: none; }

  .content-filter {
    margin-bottom: 20px; }
    .content-filter input[type="text"],
    .content-filter input[type="date"],
    .content-filter select {
      margin: 10px 40px 10px 0;
      width: 220px; }
    .content-filter button {
      float: left;
      margin-right: 0;
      margin-left: 117px;
      width: 220px; }

  /** 
   * @section    Responsive
   * @subsection Agenda
   */
  .agenda #content .agenda-filter {
    padding: 20px; }
    .agenda #content .agenda-filter select {
      margin: 0 18px 15px 0;
      width: 210px; }
      .agenda #content .agenda-filter select#year {
        width: 130px; }
      .agenda #content .agenda-filter select#month {
        width: 150px; }
    .agenda #content .agenda-filter button {
      float: left;
      margin-left: 467px;
      width: 210px; } }
/** 
 * @section    Responsive
 * @subsection Custom
 */
@media (max-width: 910px) {
  .content-filter span.select-wrap {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px; }
  .content-filter label {
    font-size: 14px;
    min-width: 105px; }
  .content-filter input[type="text"],
  .content-filter input[type="date"],
  .content-filter select {
    width: 100%; }
  .content-filter button {
    float: left;
    margin: 40px 0 0 0;
    padding: 0;
    width: 47%; } }
/** 
 * @section    Responsive
 * @subsection Custom
 */
@media (max-width: 872px) {
  .agenda #content .agenda-filter select {
    margin: 0 18px 5px 0;
    width: 100%; }
    .agenda #content .agenda-filter select#month, .agenda #content .agenda-filter select#year {
      width: 100%; }
  .agenda #content .agenda-filter button {
    margin-right: 0px;
    margin-top: 25px;
    width: 220px;
    float: right; } }
/** 
 * @section    Responsive
 * @subsection Portrait
 */
@media (max-width: 640px) {
  /**
   * Layout
   */
  #top p {
    margin-top: 20px; }

  #menu .container-inner #mobile-nav-toggle {
    margin-top: -130px; }

  #menu .container-inner #mobile-nav {
    top: 0; }

  /**
   * Widgets
   */
  aside .widget {
    padding-right: 0;
    width: 100%; }

  #widget-facilities {
    height: 420px;
    overflow: auto;
    width: 95%; }
    #widget-facilities .column {
      border-right: none;
      height: auto !important;
      width: 100%; }

  /**
   * Parts
   */
  .home #slider {
    border-top: 4px solid #f5f6fa; }

  #slider {
    border-bottom: 4px solid #f5f6fa;
    height: auto;
    margin-bottom: 0;
    padding-bottom: 0; }
    #slider .container-inner .container-inner-inner {
      bottom: inherit;
      position: relative;
      top: inherit; }
      #slider .container-inner .container-inner-inner #slider-content {
        left: 0;
        padding: 40px 0 30px 0;
        width: 100%; }
    #slider #slideshow .slide {
      height: 260px; }
      #slider #slideshow .slide .fancybox {
        display: none; }
    #slider #slider-pager {
      display: none; }

  #slider.small {
    height: 240px; }
    #slider.small #slideshow .slide {
      height: 240px; }

  .content-filter {
    padding: 20px; }
    .content-filter span.select-wrap {
      padding-right: 0;
      width: 100%; }
    .content-filter button {
      margin-top: 20px;
      width: 100%; }

  #destinations-sub .destination-sub {
    padding: 0; }
    #destinations-sub .destination-sub .destination-image {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      height: auto;
      margin: 0;
      padding: 20px;
      width: 100%; }
      #destinations-sub .destination-sub .destination-image img {
        height: auto;
        max-width: 265px;
        width: 100%; }
    #destinations-sub .destination-sub .destination-info {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 20px;
      width: 100%; }
    #destinations-sub .destination-sub .destination-sights {
      margin: 0;
      height: auto;
      width: 100%; }

  .properties-list {
    margin-bottom: 0;
    width: 100%; }
    .properties-list h3 {
      margin-bottom: 10px; }
    .properties-list ul {
      margin-bottom: 0; }

  .ship-results .ship-result .ship-result-content figure {
    padding: 10px 0;
    width: 100%; }
  .ship-results .ship-result .ship-result-content .ship-features {
    padding: 10px 0;
    width: 100%; }
  .ship-results .ship-result .ship-result-content .ship-info {
    padding: 10px 0 30px 0;
    width: 100%; }

  .rederij .rederij-image,
  .rederij .suite-image,
  .suite .rederij-image,
  .suite .suite-image {
    clear: both;
    float: left;
    margin-top: 20px !important;
    margin-bottom: 30px !important;
    width: 100%; }
    .rederij .rederij-image .cycle-slideshow,
    .rederij .suite-image .cycle-slideshow,
    .suite .rederij-image .cycle-slideshow,
    .suite .suite-image .cycle-slideshow {
      max-width: 360px; } }
    @media (max-width: 640px) and (max-width: 470px) {
      .rederij .rederij-image .cycle-slideshow,
      .rederij .suite-image .cycle-slideshow,
      .suite .rederij-image .cycle-slideshow,
      .suite .suite-image .cycle-slideshow {
        width: 100%; }
        .rederij .rederij-image .cycle-slideshow .cycle-slide,
        .rederij .suite-image .cycle-slideshow .cycle-slide,
        .suite .rederij-image .cycle-slideshow .cycle-slide,
        .suite .suite-image .cycle-slideshow .cycle-slide {
          width: 100%; } }

@media (max-width: 640px) {
  #rederijen-results .rederij,
  #suites .suite {
    padding: 20px; }

  /**
   * Misc.
   */
  select {
    font-size: 16px !important; } }
/** 
 * @section    Responsive
 * @subsection Smartphone
 */
@media (max-width: 500px) {
  /**
   * Layout
   */
  aside .widget {
    padding-right: 0;
    width: 100%; }

  #bottom {
    padding-top: 10px; }
    #bottom p {
      float: left; }
    #bottom ul.sitemap {
      float: right;
      margin-left: 0; }
    #bottom ul li {
      padding-left: 10px; }
    #bottom ul.social {
      margin: -5px 0 25px -15px;
      text-align: center;
      width: 100%; }
      #bottom ul.social li {
        display: inline-block;
        float: none; }

  /**
   * Parts
   */
  #navigation .widget,
  #links .widget {
    padding-right: 0;
    width: 100%; }

  body section#cabins .cabin .left ul {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    height: 155px !important; } }
/** 
 * @section    Responsive
 * @subsection Custom
 */
@media (max-width: 480px) {
  /**
   * Layout
   */
  #top a#logo img {
    width: 184px; }

  #bottom ul,
  #bottom p {
    float: none;
    text-align: center;
    width: 100%; }
  #bottom ul li {
    display: inline-block;
    float: none; }

  /** 
   * Parts
   */
  #rating {
    margin: 0 0 35px 0;
    text-align: center;
    width: 100%; }
    #rating #rating-current {
      padding-bottom: 10px; }
    #rating #rating-current,
    #rating .cta {
      max-width: 240px; }

  #reviews .review {
    padding: 20px; }

  /**
   * Widgets
   */
  #widget-details li span {
    clear: both;
    width: 100%; }

  /** 
   * @section    Responsive
   * @subsection Rederijen Overview / Cruiseinfo
   */
  .rederijen-overview #content .rederijen-filter button,
  .rederijen-overview #content .cruiseinfo-filter button,
  .rederijen-overview #content .agenda-filter button,
  .cruiseinfo #content .rederijen-filter button,
  .cruiseinfo #content .cruiseinfo-filter button,
  .cruiseinfo #content .agenda-filter button,
  .agenda #content .rederijen-filter button,
  .agenda #content .cruiseinfo-filter button,
  .agenda #content .agenda-filter button {
    width: 100%; } }

/*# sourceMappingURL=style.css.map */