@charset "UTF-8";
.top img {
  width: 100%;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

body {
  background: #eee;
}

.dropdown-menu a {
  color: #fff!important;
}
/* Carousel base class */
.carousel {
  margin-bottom: 60px;
}

#myCarousel {
  margin-top: 0;
  background: #111;
}

#myCarousel .carousel-inner,
#myCarousel .item {
  height: 100%;
}

#myCarousel .item {
  overflow: hidden;
  background: #111;
}

#myCarousel .item > a,
#myCarousel .carousel-media-link {
  display: block;
  width: 100%;
  height: 100%;
}

#myCarousel .item > a > img,
#myCarousel .item > a > .image2,
#myCarousel .carousel-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.image1 {
  display: block;
}

.image2 {
  display: none !important;
}

.shortcut-image {
  margin: auto;
  max-width: 250px;
  box-shadow: 0 1px 2px 0 #222;
}

.marketing img, .aboutUs img {
  box-shadow: 0 1px 2px 0 #222;
}

.lead {
  font-style: italic;
}
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
/* Special class on .container surrounding .navbar, used for positioning it into place. */
#navbar {
  text-align: center;
  font-size: 130%;
}
.navbar-default {
  background: #222;
  border: none;
  box-shadow: 0 1px 2px 0 #333;
}
.shortcuts p {
  font-style: italic;
  font-size: 110%;
}
.navbar-wrapper {
  height: 90px;
}

.navbar-header img {
  height: 77px;
}
.nav-main {
  margin-top: 10px;
  clear: right;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-3, .marketing .col-lg-6 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing .col-lg-3 p, .marketing .col-lg-6 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */
.divider {
  margin: 30px 0 20px; /* Space out the Bootstrap <hr> more */
  border-bottom: 1px solid #ddd;
}
.featurette-divider {
  margin: 50px 0; /* Space out the Bootstrap <hr> more */
  border-bottom: 1px solid #ddd;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
  
  .aboutUs .featurette-heading {
    font-size: 32px;
  }
}

@media (min-width: 992px) {
  .aboutUs .featurette-heading {
    margin-top: -5px;
  }
}
@media (min-width: 1200px) {
  .featurette-heading {
    margin-top: 120px;
  }
  .navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover { 
	 background-color: #009dcc;
    color: #fff
  }
  .dropdown-menu {
    border: none;
    background: #009dcc;
    box-shadow: 0px 1px 1px 0 #333;
  }
  .dropdown-menu * {
    font-size: 110%;
  }
  .dropdown-menu li a:hover {
      background: #31b0d5;
  }
}


@media (max-width: 1200px) {
  #myCarousel {
    margin-top: 0;
  }
  .carousel-caption {
    padding: 5px;
    bottom: 40px;
  }
  .carousel-caption p {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.2;
  }
  .carousel-caption h1 {
    margin-top: 5px;
    font-size: 30px;
  }

	.carousel-indicators {
		bottom: 0
	}
  
   .navbar-brand img {
     margin-top: -13px;
     height: 40px
   }
.navbar-wrapper {
  height: 31px;
}
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
    }
    .navbar-nav>li {
        float: none;
    }
    .collapse.in{
        display:block !important;
    }
   #flags {
     margin-left: 0;
   }
  #flags li a {
    padding: 15px;
  }
  #flags.nav {
    margin: 0;
  }
}
.default-logo {
  display: block;
}
.mobile-logo {
  display: none;
}
@media (max-width: 500px) {
  
  .default-logo {
    display: none!important;
  }
  .mobile-logo {
    display: block!important;
  }
}
#flags.navbar-header {
  float: right!important;
}
#flags.navbar-right {
  float: right !important;
}
#flags.navbar-nav {
  float: right!important;
}
#flags.navbar-nav>li {
  float: left!important;
}



@media (max-width: 960px) {

/* Carousel base class */
.carousel {
position: relative;
height: 250px;
} 
.carousel .item {
  height: 250px;
}

#myCarousel .carousel-video {
    height: 250px;
}

.carousel-inner > .item.img1 a > img {
    position:absolute;
    right:0;
    left:50%;
    margin-left:-480px; /* Half the width of the image */
    height:250px;
    max-width:none;
    width:auto;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
}/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

.image1 {
  display: none !important;
}

.image2 {
  display: block !important;
}
}

@media (min-width: 961px) {
  #myCarousel {
    height: 32vw;
    min-height: 420px;
    max-height: 620px;
  }

  #myCarousel .item {
    height: 32vw;
    min-height: 420px;
    max-height: 620px;
  }
}

@media (max-width: 992px) {
  #myCarousel {
    margin-bottom: 10px;
  }
  .featurette-heading {
    margin-top: 0;
  }
  .featurette-divider {
    margin: 20px 0;
  }
}
@media (max-width: 660px) {
  .carousel-caption {
    left: 0;
    right: 0;
    bottom: 25px;
  }
  .carousel-control {
    z-index: 1000;
  }
  .carousel-caption p {
    font-size: 16px;
  }
  .carousel-caption h1 {
    margin-top: 5px;
    font-size: 25px;
  }
  .carousel-caption .btn {
    font-size: 15px;
  }

  .carousel-indicators {
    bottom: -10px
  }
}

@media (max-width: 768px) {
  #myCarousel {
    margin-top: 20px;
  }
}

.playedWithUs div {
  margin-bottom: 10px;
  height: 130px;
line-height: 130px;
}

.playedWithUs img {
  box-shadow: none;
  border: none;
  max-width: 100%;
}
footer {
    margin-top: 20px;
        background: #222;
	padding-top:12px;
	box-shadow:0 -1px 3px 0 #000;
  color: #ccc
}
footer img {
  margin-top: 3px;
  margin-left: 5px;
}

#map {
  margin-top: 20px;
  padding: 15px;
    width: 100%;
    height:300px;
    border:1px solid #ccc;
  font-style: normal;
}

#map img {
  box-shadow: none;
}
.contact {
  line-height: 2;
}

.contact h2 {
  margin-bottom: 30px;
}
.mediaAboutUs img {
  max-width: 100%;
}
#links div {
  padding: 15px;
}

#links img {
  box-shadow: 0 1px 2px 0 #222;
}
#links img:hover {
  box-shadow: 0 1px 2px 1px #000;
}

.blueimp-gallery,.blueimp-gallery>.slides>.slide>.slide-content {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	-moz-backface-visibility:hidden
}
.blueimp-gallery>.slides>.slide>.slide-content {
	margin:auto;
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	opacity:1
}
.blueimp-gallery {
	position:fixed;
	z-index:999999;
	overflow:hidden;
	background:#000;
	background:rgba(0,0,0,.9);
	opacity:0;
	display:none;
	direction:ltr;
	-ms-touch-action:none;
	touch-action:none
}
.blueimp-gallery-carousel {
	position:relative;
	z-index:auto;
	margin:1em auto;
	padding-bottom:56.25%;
	box-shadow:0 0 10px #000;
	-ms-touch-action:pan-y;
	touch-action:pan-y
}
.blueimp-gallery-display {
	display:block;
	opacity:1
}
.blueimp-gallery>.slides {
	position:relative;
	height:100%;
	overflow:hidden
}
.blueimp-gallery-carousel>.slides {
	position:absolute
}
.blueimp-gallery>.slides>.slide {
	position:relative;
	float:left;
	height:100%;
	text-align:center;
	-webkit-transition-timing-function:cubic-bezier(0.645,.045,.355,1);
	-moz-transition-timing-function:cubic-bezier(0.645,.045,.355,1);
	-ms-transition-timing-function:cubic-bezier(0.645,.045,.355,1);
	-o-transition-timing-function:cubic-bezier(0.645,.045,.355,1);
	transition-timing-function:cubic-bezier(0.645,.045,.355,1)
}
.blueimp-gallery,.blueimp-gallery>.slides>.slide>.slide-content {
	-webkit-transition:opacity .5s linear;
	-moz-transition:opacity .5s linear;
	-ms-transition:opacity .5s linear;
	-o-transition:opacity .5s linear;
	transition:opacity .5s linear
}
.blueimp-gallery>.slides>.slide-loading {
	background:url(../img/loading.gif) center no-repeat;
	background-size:64px 64px
}
.blueimp-gallery>.slides>.slide-loading>.slide-content {
	opacity:0
}
.blueimp-gallery>.slides>.slide-error {
	background:url(../img/error.png) center no-repeat
}
.blueimp-gallery>.slides>.slide-error>.slide-content {
	display:none
}
.blueimp-gallery>.prev,.blueimp-gallery>.next {
	position:absolute;
	top:50%;
	left:15px;
	width:40px;
	height:40px;
	margin-top:-23px;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:60px;
	font-weight:100;
	line-height:30px;
	color:#fff;
	text-decoration:none;
	text-shadow:0 0 2px #000;
	text-align:center;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	opacity:.5;
	cursor:pointer;
	display:none
}
.blueimp-gallery>.next {
	left:auto;
	right:15px
}
.blueimp-gallery>.close,.blueimp-gallery>.title {
	position:absolute;
	top:15px;
	left:15px;
	margin:0 40px 0 0;
	font-size:20px;
	line-height:30px;
	color:#fff;
	text-shadow:0 0 2px #000;
	opacity:.8;
	display:none
}
.blueimp-gallery>.close {
	padding:15px;
	right:15px;
	left:auto;
	margin:-15px;
	font-size:30px;
	text-decoration:none;
	cursor:pointer
}
.blueimp-gallery>.play-pause {
	position:absolute;
	right:15px;
	bottom:15px;
	width:15px;
	height:15px;
	background:url(../img/play-pause.png) 0 0 no-repeat;
	cursor:pointer;
	opacity:.5;
	display:none
}
.blueimp-gallery-playing>.play-pause {
	background-position:-15px 0
}
.blueimp-gallery>.prev:hover,.blueimp-gallery>.next:hover,.blueimp-gallery>.close:hover,.blueimp-gallery>.title:hover,.blueimp-gallery>.play-pause:hover {
	color:#fff;
	opacity:1
}
.blueimp-gallery-controls>.prev,.blueimp-gallery-controls>.next,.blueimp-gallery-controls>.close,.blueimp-gallery-controls>.title,.blueimp-gallery-controls>.play-pause {
	display:block;
	-webkit-transform:translateZ(0);
	-moz-transform:translateZ(0);
	-ms-transform:translateZ(0);
	-o-transform:translateZ(0);
	transform:translateZ(0)
}
.blueimp-gallery-single>.prev,.blueimp-gallery-left>.prev,.blueimp-gallery-single>.next,.blueimp-gallery-right>.next,.blueimp-gallery-single>.play-pause {
	display:none
}
.blueimp-gallery>.slides>.slide>.slide-content,.blueimp-gallery>.prev,.blueimp-gallery>.next,.blueimp-gallery>.close,.blueimp-gallery>.play-pause {
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
body:last-child .blueimp-gallery>.slides>.slide-error {
	background-image:url(../img/error.svg)
}
body:last-child .blueimp-gallery>.play-pause {
	width:20px;
	height:20px;
	background-size:40px 20px;
	background-image:url(../img/play-pause.svg)
}
body:last-child .blueimp-gallery-playing>.play-pause {
	background-position:-20px 0
}
*+html .blueimp-gallery>.slides>.slide {
	min-height:300px
}
*+html .blueimp-gallery>.slides>.slide>.slide-content {
	position:relative
}
.blueimp-gallery>.indicator {
	position:absolute;
	top:auto;
	right:15px;
	bottom:15px;
	left:15px;
	margin:0 40px;
	padding:0;
	list-style:none;
	text-align:center;
	line-height:10px;
	display:none
}
.blueimp-gallery>.indicator>li {
	display:inline-block;
	width:9px;
	height:9px;
	margin:6px 3px 0;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	border:1px solid transparent;
	background:#ccc;
	background:rgba(255,255,255,.25)center no-repeat;
	border-radius:5px;
	box-shadow:0 0 2px #000;
	opacity:.5;
	cursor:pointer
}
.blueimp-gallery>.indicator>li:hover,.blueimp-gallery>.indicator>.active {
	background-color:#fff;
	border-color:#fff;
	opacity:1
}
.blueimp-gallery-controls>.indicator {
	display:block;
	-webkit-transform:translateZ(0);
	-moz-transform:translateZ(0);
	-ms-transform:translateZ(0);
	-o-transform:translateZ(0);
	transform:translateZ(0)
}
.blueimp-gallery-single>.indicator {
	display:none
}
.blueimp-gallery>.indicator {
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
*+html .blueimp-gallery>.indicator>li {
	display:inline
}

.blueimp-gallery>.slides>.slide>.video-content>img {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	-moz-backface-visibility:hidden
}
.blueimp-gallery>.slides>.slide>.video-content>video {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.blueimp-gallery>.slides>.slide>.video-content>iframe {
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	height:100%;
	border:none
}
.blueimp-gallery>.slides>.slide>.video-playing>iframe {
	top:0
}
.blueimp-gallery>.slides>.slide>.video-content>a {
	position:absolute;
	top:50%;
	right:0;
	left:0;
	margin:-64px auto 0;
	width:128px;
	height:128px;
	background:url(../img/video-play.png) center no-repeat;
	opacity:.8;
	cursor:pointer
}
.blueimp-gallery>.slides>.slide>.video-content>a:hover {
	opacity:1
}
.blueimp-gallery>.slides>.slide>.video-playing>a,.blueimp-gallery>.slides>.slide>.video-playing>img {
	display:none
}
.blueimp-gallery>.slides>.slide>.video-content>video {
	display:none
}
.blueimp-gallery>.slides>.slide>.video-playing>video {
	display:block
}
.blueimp-gallery>.slides>.slide>.video-loading>a {
	background:url(../img/loading.gif) center no-repeat;
	background-size:64px 64px
}
body:last-child .blueimp-gallery>.slides>.slide>.video-content:not(.video-loading)>a {
	background-image:url(../img/video-play.svg)
}
*+html .blueimp-gallery>.slides>.slide>.video-content {
	height:100%
}
*+html .blueimp-gallery>.slides>.slide>.video-content>a {
	left:50%;
	margin-left:-64px
}
.calendar {
  width: 100%;
}
.calendar th ,.calendar td {
  text-align: center;
  font-size: 120%;
  height: 40px;
}
#nextMonth,#prevMonth {
	cursor:pointer;
	font-size:125%
}
#nextMonth:hover,#prevMonth:hover {
  color: #fff;
	background:#009dcc!important
}
td.full {
	background:#a00000
}
td.almostFull {
	background:#ff0;
	cursor:pointer
}
td.available {
	background: #5cb85c;
	color:#fff!important;
	cursor:pointer
}
td.available:hover {
	background:#009dcc
}
td.notAvailable {
	color:#999
}

.table td, .table th {
  line-height: 40px!important;
}

.table tfoot * {
  border: none!important;
}

.table tfoot {
  border-top: 2px solid #ddd;
}

.bs-callout{background: #fff;padding:20px;margin:20px 0 20px 1px;border:1px solid #ddd;border-left-width:5px;border-radius:3px}
.bs-callout h4{margin-top:0;margin-bottom:5px}
.bs-callout p:last-child{margin-bottom:0}
.bs-callout code{border-radius:3px}
.bs-callout+.bs-callout{margin-top:-5px}
.bs-callout-danger{border-left-color:#ce4844}
.bs-callout-danger h4{color:#ce4844}
.bs-callout-warning{border-left-color:#aa6708}
.bs-callout-warning h4{color:#aa6708}
.bs-callout-info{border-left-color:#009dcc}
.bs-callout-info h4{color:#009dcc}
.btn {
    font-style: italic;
}
label {
  font-weight: normal;
}

.steps-counter{border-top:1px solid #e1e1e1;position:relative;margin-top:60px;margin-bottom:35px;padding:0 5%}
@media (max-width:1200px){.steps-counter{padding:0}}
.steps-counter .step{margin-top:-23px;width:20%;float:left;text-align:center}
.steps-counter .step .counter{width:44px;height:44px;position:relative;border-radius:44px;background:#e0e0e0;color:#999;font-size:18px;font-weight:700;line-height:44px;text-align:center;margin:0 auto}
.steps-counter .step .counter:after{content:'';width:66px;height:66px;border-radius:66px;background:0 0;border:11px solid #eee;position:absolute;left:-11px;top:-11px}
.steps-counter .step .title{margin-top:11px;font-size:14px;position:relative;z-index:2;text-transform:uppercase;font-weight:700;color:#999}
@media (max-width:767px){.steps-counter .step .title{font-size:11px}}
.steps-counter .step.current .title{color:#009dcc}
.steps-counter .step.current .counter{background:#009dcc;color:#fff}

html {
  position: relative;
  min-height: 100%;
}
body {
  padding-bottom: 120px;
}
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.price-list .thumbnail, .price-list2 .thumbnail {
  padding-top: 20px;
  height: 330px;
  margin-bottom: 0;
  background: #eee;
  border-color: #ccc
}
.price-list .thumbnail:hover, .price-list2 .thumbnail:hover {
  background: #fff;
}
.price-list .thumbnail.promo, .price-list2 .thumbnail.promo {
  background: #ffee75;
}
.price-list2 .thumbnail {
  height: 520px;
}


.promo1 h4 {
  color: #009dcc
}