body {
    margin-top: 77px;
    background-color: #0c2576;
    color: #333;
}

.right-col, .left-col {
background: #e6e6e6;
    padding: 10px;
}
.right-col {
    background: url("../images/bg-main.gif") no-repeat scroll right bottom #e6e6e6;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Oswald', sans-serif;
    color: #0c2576;
    text-shadow: 2px 2px #CCCCCC;
}
.blue-heading {
    color: #fff;
    background: #0c2576;
    padding: 10px;
    text-shadow: 2px 2px #08184d;
}
a.btn {
    font-family: 'Oswald', sans-serif;
}
/* Nav Bar */
.navbar {
  background: #08184d;
    border-top: solid 10px #ccc;
    border-bottom: none;
}
.navbar-nav {
    margin: 0 -15px;
}
.navbar-inverse .navbar-toggle {
    border-color: #ccc;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #3989c8;
    color: #fff;
}
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    border-right: solid 1px #fff;
}
.navbar-inverse .navbar-nav > li > a:hover {
    background: #666;
}
.navbar-inverse .navbar-nav > a:hover, .navbar-inverse .navbar-nav > a:focus {
    background-color: #3989c8;
    color: #fff;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #666;
    color: #fff;
}
.navbar-nav > li > .dropdown-menu, .navbar-nav .open .dropdown-menu {
    background: #666;
    border: none;
    color: #fff;
}
 .dropdown-menu > li > a {
    color: #fff;
    }
.navbar-toggle-up {
    border-image: none;
    border-style: solid none none;
    border-width: 1px medium medium;
    float: none;
    font-size: 10px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}


/* Template */
.main {
  padding: 15px;
    background-color: #fff;
}
.show-grid {
    margin-bottom: 15px;
}
.logo {
    background: none repeat scroll 0 0 #0c2576;
    display: block;
    min-height: 220px;
}
.logo img {
    display: block;
    padding: 5% 10%;
    margin: 0 auto;
}
.navbar-brand {
    display: none;
}
.carousel-caption {
    left: 5%;
    padding-bottom: 0;
    right: 5%;
    bottom: 0;
}
.carousel h1, .carousel h2 {
    color: #fff;
    text-shadow: 2px 2px #0c2576;
}
.carousel-indicators {
    display: none;
}
#crosslinks {
    background: #e6e6e6;
    padding: 10px;
}
/* Home */
.boat-link {
    position: relative;
    display: block;
}
.boat-caption {
    background: none repeat scroll 0 0 #3589cc;
    border: 4px solid #fff;
    color: #fff;
    display: block;
    font-size: 18px;
    left: 0;
    padding: 12px;
    position: absolute;
    text-shadow: 2px 2px #666;
    top: 0;
    width: 100%;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
/* Boats */
.boatMap {
    width:100%;
    position:relative;
}
.boatMap img {
    display:block;
    width:100%;
}
.boatMap .hotspots {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;

}
.boatMap button {
    display:block;
    position:absolute;
    background:red;
    z-index:100;
    opacity:0.5;
    filter: alpha(opacity=80);
    border-radius:50%;
    width:25px;
    height:25px;
    padding: 0;
}
button.bavaria1, b.bavaria1 {
    left: 14%;
    top: 34%;
}
button.bavaria2, b.bavaria2 {
    left: 29%;
    top: 46%;
}
button.bavaria3, b.bavaria3 {
    left: 38%;
    top: 25%;
}
button.bavaria4, b.bavaria4 {
    left: 36%;
    top: 68%;
}
button.bavaria5, b.bavaria5 {
    left: 50%;
    top: 58%;
}
button.bavaria6, b.bavaria6 {
    left: 67%;
    top: 56%;
}
button.bavaria7, b.bavaria7 {
    left: 83%;
    top: 46%;
}
button.ovni1, b.ovni1 {
    left: 23%;
    top: 34%;
}
button.ovni2, b.ovni2 {
    left: 23%;
    top: 55%;
}
button.ovni3, b.ovni3 {
    left: 38%;
    top: 25%;
}
button.ovni4, b.ovni4 {
    left: 38%;
    top: 65%;
}
button.ovni5, b.ovni5 {
    left: 50%;
    top: 37%;
}
button.ovni6, b.ovni6 {
    left: 48%;
    top: 62%;
}
button.ovni7, b.ovni7 {
    left: 66%;
    top: 35%;
}
button.ovni8, b.ovni8 {
    left: 77%;
    top: 44%;
}
button.bavaria381, b.bavaria381 {
    left: 17%;
    top: 41%;
}
button.bavaria382, b.bavaria382 {
    left: 17%;
    top: 58%;
}
button.bavaria383, b.bavaria383 {
    left: 31%;
    top: 50%;
}
button.bavaria384, b.bavaria384 {
    left: 40%;
    top: 68%;
}
button.bavaria385, b.bavaria385 {
    left: 53%;
    top: 65%;
}
button.bavaria386, b.bavaria386 {
    left: 75%;
    top: 50%;
}
button.bavaria387, b.bavaria387 {
    left: 57%;
    top: 34%;
}
button.bavaria388, b.bavaria388 {
    left: 37%;
    top: 35%;
}
button.hanse1, b.hanse1 {
    left: 17%;
    top: 41%;
}
button.hanse2, b.hanse2 {
    left: 17%;
    top: 58%;
}
button.hanse3, b.hanse3 {
    left: 65%;
    top: 58%;
}
button.hanse4, b.hanse4 {
    left: 45%;
    top: 36%;
}
button.hanse5, b.hanse5 {
    left: 52%;
    top: 57%;
}
button.hanse6, b.hanse6 {
    left: 79%;
    top: 50%;
}
button.hanse7, b.hanse7 {
    left: 35%;
    top: 58%;
}
button.hanse8, b.hanse8 {
    left: 57%;
    top: 40%;
}
button.bavaria301, b.bavaria301 {
    left: 49%;
    top: 60%;
}
button.bavaria302, b.bavaria302 {
    left: 49%;
    top: 44%;
}
button.bavaria303, b.bavaria303 {
    left: 44%;
    top: 65%;
}
button.bavaria304, b.bavaria304 {
    left: 40%;
    top: 34%;
}
button.bavaria305, b.bavaria305 {
    left: 67%;
    top: 57%;
}
button.bavaria306, b.bavaria306 {
    left: 34%;
    top: 62%;
}

button.hanse458-1, b.hanse458-1 {
    left: 55%;
    top: 49%;
}
button.hanse458-2, b.hanse458-2 {
    left: 30%;
    top: 60%;
}
button.hanse458-3, b.hanse458-3 {
    left: 66%;
    top: 51%;
}
button.hanse458-4, b.hanse458-4 {
    left: 43%;
    top: 55%;
}
button.hanse458-5, b.hanse458-5 {
    left: 39%;
    top: 50%;
}
button.elan1, b.elan1 {
    left: 29%;
    top: 51%;
}
button.elan2, b.elan2 {
    left: 70%;
    top: 40%;
}
button.elan3, b.elan3 {
    left: 40%;
    top: 57%;
}
button.elan4, b.elan4 {
    left: 44%;
    top: 65%;
}
button.elan5, b.elan5 {
    left: 49%;
    top: 57%;
}
button.elan6, b.elan6 {
    left: 81%;
    top: 51%;
}
button.beneteau1, b.beneteau1 {
    left: 24%;
    top: 21%;
}
button.beneteau2, b.beneteau2 {
    left: 72%;
    top: 48%;
}
button.beneteau3, b.beneteau3 {
    left: 34%;
    top: 50%;
}
button.beneteau4, b.beneteau4 {
    left: 8%;
    top: 25%;
}
button.beneteau5, b.beneteau5 {
    left: 2%;
    top: 27%;
}
button.beneteau6, b.beneteau6 {
    left: 35%;
    top: 65%;
}
button.beneteau7, b.beneteau7 {
    left: 38%;
    top: 34%;
}
button.beneteau8, b.beneteau8 {
    left: 40%;
    top: 48%;
}
button.beneteau9, b.beneteau9 {
    left: 16%;
    top: 23%;
}
button.beneteau10, b.beneteau10 {
    left: 33%;
    top: 42%;
}
button.beneteau41, b.beneteau41 {
    left: 60%;
    top: 44%;
}
button.beneteau42, b.beneteau42 {
    left: 37%;
    top: 50%;
}
button.beneteau43, b.beneteau43 {
    left: 45%;
    top: 53%;
}
button.beneteau44, b.beneteau44 {
    left: 46%;
    top: 42%;
}
button.beneteau45, b.beneteau45 {
    left: 41%;
    top: 48%;
}
button.beneteau46, b.beneteau46 {
    left: 35%;
    top: 65%;
}
.boatMap button + p {
   background: none repeat scroll 0 0 #0c2576;
    color: #fff;
    left: 0;
    padding: 5px 10px;
    position: absolute;
    top: 0;
   display:none;
}

.boatMap p strong {
    display:block;
    padding:0;
    margin:0;
    font: bold 25px/30px;
}
.boatMap p {
    padding:0;
    margin:0;
}

.boatMap b {
    display:block; position:absolute; background:url(../images/trans.gif); z-index:200; opacity:0.2; filter: alpha(opacity=20); padding:1px;
-webkit-transition:0.75s;
-moz-transition:0.75s;
-o-transition:0.75s;
transition:0.75s;
}

.boatMap .hotspots div:hover b {width:0; padding:0;}
.boatMap .hotspots div:hover p {display:block;}
.boatMap .hotspots div:hover a {background:#fff; z-index:100; opacity:0.3; filter: alpha(opacity=30); border:1px solid #000;}

/* Cruising Area */
.cruiseMap {
    width:100%;
    position:relative;
}
.cruiseMap img {
    display:block;
    width:100%;
}
.cruiseMap .hotspots {
    width:100%;
    height:100%;
    position:absolute;
    display: block;
    left:0;
    top:0;

}
/*.cruiseMap button {
    display:block;
    position:absolute;
    background: #fff;
    z-index:100;
    opacity:0.75;
    filter: alpha(opacity=75);
    border-radius:5px;
    padding: 0;
} */

.cruiseMap button {
    display:block;
    position:absolute;
    background:red;
    z-index:100;
    opacity:0.5;
    filter: alpha(opacity=80);
    border-radius:50%;
    width:25px;
    height:25px;
    padding: 0;
}

.cruiseMap button + p {
   background: none repeat scroll 0 0 #0c2576;
    color: #fff;
    left: 0;
    padding: 5px 10px;
    position: absolute;
    top: 0;
   display:none;
}

.cruiseMap b {
    display:block; position:absolute; background:url(../images/trans.gif); z-index:200; opacity:1; filter: alpha(opacity=1); padding:1px;
-webkit-transition:0.75s;
-moz-transition:0.75s;
-o-transition:0.75s;
transition:0.75s;
}

.cruiseMap .hotspots div:hover b {width:0; padding:0;}
.cruiseMap .hotspots div:hover a { z-index:100;border:1px solid #000;}

.cruiseMap button.cruise1, b.cruise1 {
    left: 44%;
    top: 35.5%;
}
button.cruise2, b.cruise2 {
    left: 26%;
    top: 43%;
}
button.cruise3, b.cruise3 {
    left: 22.5%;
    top: 55.8%;
}
button.cruise4, b.cruise4 {
    left: 27.5%;
    top: 52%;
}
button.cruise5, b.cruise5 {
    left: 37.7%;
    top: 61.5%;
}
button.cruise6, b.cruise6 {
    left: 49%;
    top: 58.6%;
}
button.cruise7, b.cruise7 {
    left: 47%;
    top: 64.6%;
}
button.cruise8, b.cruise8 {
    left: 54%;
    top: 70%;
}
/* Boat Prices */
.pdflink {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #003366;
    display: block;
    float: right;
    line-height: 42px;
    text-align: center;
    width: 200px;
    padding: 3px;
}

/* Forms */
.mailing input, .mailing textarea {
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    border-radius: 5px;
    color: #0c2576;
    padding: 10px;
    width: 100%;
}
button {
    background: #666;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    font-family: 'Oswald', sans-serif;
    font-size: 1.4em;
}
button:hover {
    background: #555454;

}
.carousel {
    height: 220px;
    margin-bottom: 15px;
}
.carousel-caption {
    z-index: 10;
}
.carousel .item {
    background-color: #777;
    height: 220px;
}
.carousel-inner > .item > img {
    height: 220px;
    left: 0;
    min-width: 100%;
    position: absolute;
    top: 0;
}
/* Footer */
.footer {
    padding: 2em 1em;
    color: #fff;
}
.edash {
    color: #fff;
    font-style: italic;
    font-size: 0.9em;
    text-align: center;
}
.cdsfp {
    padding: 20px;
    border-top: solid 15px #fff;
}
.btt {
    position: absolute;
    right: 0;
}
/*!
 * Lightbox for Bootstrap 3 by @ashleydw
 * https://github.com/ashleydw/lightbox
 *
 * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
 */

.ekko-lightbox-container {
  position: relative;
}

.ekko-lightbox-nav-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}

.ekko-lightbox-nav-overlay a {
  z-index: 100;
  display: block;
  width: 49%;
  height: 100%;
  padding-top: 45%;
  font-size: 30px;
  color: #fff;
  text-shadow: 2px 2px 4px #000;
  opacity: 0;
  filter: dropshadow(color=#000000, offx=2, offy=2);
  -webkit-transition: opacity 0.5s;
     -moz-transition: opacity 0.5s;
       -o-transition: opacity 0.5s;
          transition: opacity 0.5s;
}

.ekko-lightbox-nav-overlay a:empty {
  width: 49%;
}

.ekko-lightbox a:hover {
  text-decoration: none;
  opacity: 1;
}

.ekko-lightbox .glyphicon-chevron-left {
  left: 0;
  float: left;
  padding-left: 15px;
  text-align: left;
}

.ekko-lightbox .glyphicon-chevron-right {
  right: 0;
  float: right;
  padding-right: 15px;
  text-align: right;
}

.ekko-lightbox .modal-footer {
  text-align: left;
}
/* ==========================================================================
  Lightbox Theme
   ========================================================================== */
.modal-backdrop.in {
  -webkit-opacity: 0.95;
  -moz-opacity: 0.95;
  opacity: 0.95;
  background-color: #333333;
}
.ekko-lightbox .modal-content {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
  background-color: transparent;
}
.ekko-lightbox .modal-header {
  border: 0;
  padding-left: 0;
  padding-right: 0;
    background: none;
}
.ekko-lightbox .modal-header .close {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  color: #fff;
  text-shadow: 0;
  font-weight: 100;
  margin-top: 5px;
}
.ekko-lightbox .modal-header .close:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.ekko-lightbox .modal-header h4.modal-title {
  font-weight: 100;
  color: #fff;
  padding: 0;
}
.ekko-lightbox .modal-body {
  padding: 0;
}
.ekko-lightbox .modal-footer {
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  border: 0;
  color: #fff;
  font-weight: 100;
  padding: 0;
}
.ekko-lightbox-nav-overlay a {
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  text-shadow: none;
}

/* Misc */
.btn-syc {
    background-color: #666;
    border-color: #555454;
    color: #fff;
}
.btn-syc:hover {
    background-color: #555454;
    border-color: #555454;
    color: #fff;
}
.white-text {
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
}
td, th {
    padding: 5px;
}
@media (max-width: 767px) {
    .navbar-inverse .navbar-brand {
        display: block;
        color: #fff;
    }
    .navbar-inverse .navbar-nav > li > a {
        border-top: solid 1px #fff;
        border-right: none;
    }
    .dropdown-menu > li > a, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
    border-top: solid 1px #fff;
    }
}


@media (max-width: 991px) {
      .logo {
      display: none;
      }
	  .hidden-mobile {
			display: none;
		}

}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (min-width: 991px) {
	.hidden-desktop {
		display: none;
	}
}

/* Calendar responsive */
.googleCalendar{
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 100%;
}

.googleCalendar iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
}