/*<Helpers*/
	/*list reset*/
	#menu ul, #menu ul li, .row-slider ul, .row-slider ul li, footer nav ul, footer nav ul li, .breadcrumb ul, .breadcrumb ul li, .alert ul, .alert li,
	ul.nice-list, ul.nice-list li, .panel-summary ul, .panel-summary li, .reservation-panels, .reservation-panels li, ul.cascade-list, ul.cascade-list li,
	ul.socials, ul.socials li
	{ margin: 0; padding: 0; list-style: none; background: url(none); }
/*>Helpers*/

/*<Globals*/
* { box-sizing: border-box; }

.clearfix:after, .alert:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .alert { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .clearfix, * html .alert { height:1%; }
.clearfix, .alert { display:block; }
.cleaner { display: block; overflow: hidden; clear: both; height: 0; line-height: 0; font-size: 0; }

h2 { font: normal normal 20px/24px Oswald; }

.color-green { color: #00cc33; }
.color-red { color: #f00; }

#map-canvas { height: 100%; margin: 0px;padding: 0px;height: 500px; }

.form-group { margin-top: 6px; }
.form-group > label { display: block; margin: 0 0 6px; }
input[type="text"], input[type="password"], select { width: 100%; height: 34px; padding: 8px 10px; border: 1px solid #ccc; display: inline-block; font: normal normal 14px/18px Arial; background: url(none); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
input[type="text"].input-validation-error, input[type="password"].input-validation-error, select.input-validation-error { border-color: #f00; }
.field-validation-error { display: inline-block; color: #f00; margin-left: 6px; }
.form-control .field-validation-error { margin-left: 0; }
.form-control { width: 400px; display: inline-block; }
.form-control.short { width: 200px; }
.button-line { margin: 15px 0 0; }
.form-group-dt { width: 400px; }
.form-group-dt .form-control { width: 31%; float: left; }
.form-group-dt .form-control + .form-control { margin-left: 3.5% }

.checkable { position: relative; font-size: 12px; line-height: 16px; padding: 2px 0 2px 23px; display: inline-block; min-height: 20px; cursor: pointer; }
.checkable + .checkable { margin-left: 2px; }
.checkable:before { position: absolute; top: -1px; left: 0; display: block; content:'\F401'; font-family: Ionicons; font-size: 20px; line-height: 1; }
.checkable.checked:before { content:'\F120'; }

.checkable-list .checkable { display: block; width: auto; }
.checkable-list .checkable + .checkable { margin-left: 0; }

.button { font: normal normal 26px/30px Oswald; padding: 14px 16px; margin: 0; display: inline-block; text-decoration: none; background-color: #55a4d0; color: #fff; text-align: center; transition: background-color 1s; }
a.button, button, input[type="submit"], input[type="button"] { cursor: pointer; }
.button.button-small { font-size: 15px; line-height: 19px; padding: 9px 10px;   }
.button.button-white { background-color: #fff; color: #000; }
.button.button-red { background-color: #f00; }
.button.button-black-small { background-color: #000; padding: 10px; font-size: 12px; line-height: 14px;  }
a.button:hover,
a.button:active,
a.button:focus,
input.button:hover,
input.button:active,
input.button:focus { background-color: #1c4d68; }
a.button.button-red:hover,
a.button.button-red:active,
a.button.button-red:focus,
input.button.button-red:hover,
input.button.button-red:active,
input.button.button-red:focus { background-color: #1c4d68; }
a.button.button-black-small:hover,
a.button.button-black-small:active,
a.button.button-black-small:focus,
input.button.button-black-small:hover,
input.button.button-black-small:active,
input.button.button-black-small:focus { background-color: #555; }

.numbers > span,
.numbers > a,
.number { height: 22px; width: 22px; background: #fff; color: #000; display: inline-block; text-align: center; font-size: 16px; line-height: 22px; font-weight: bold; vertical-align: middle; }
.numbers > a { cursor: pointer; }

.add-remove .ion { font-size: 18px; cursor: pointer; vertical-align: middle; color: #373836; }

.alert,
.message { display: block; margin: 10px 0; padding: 7px 10px; }
.alert-danger,
.message-danger { background: #f00; color: #fff; }
.alert-info,
.message-info { background: #8fbc8f; color: #fff; }
.alert-success { background: #00cc33; color: #fff; }

.message.low { padding: 4px; }
.message { display: inline-block; margin: 0; white-space: nowrap; }
.message + .message { margin-left: 4px; }

ul.nice-list { font-size: 12px; line-height: 16px; margin: 0; }
ul.nice-list li { padding-left: 14px; position: relative; }
ul.nice-list li + li { margin-top: 5px; }
ul.nice-list li:before { content:"\f125"; font-family: Ionicons; display: block; position: absolute; left: 0; top: 0; font-size: 9px; font-weight: bold; }

ul.cascade-list { margin: 15px 0; }
ul.cascade-list li { padding-left: 0; margin: 5px 0; font-weight: bold; }
ul.cascade-list li:nth-child(2) { padding-left: 5%; }
ul.cascade-list li:nth-child(3) { padding-left: 10%; }
ul.cascade-list li:nth-child(4) { padding-left: 15%; }
ul.cascade-list li:nth-child(5) { padding-left: 20%; }
ul.cascade-list li:nth-child(6) { padding-left: 25%; }
ul.cascade-list li:nth-child(7) { padding-left: 30%; }
ul.cascade-list li:nth-child(8) { padding-left: 35%; }
ul.cascade-list li:nth-child(9) { padding-left: 40%; }
ul.cascade-list li:nth-child(10) { padding-left: 45%; }


.hidden  { display: none !important; }
.hiddener { width: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; display: block !important; overflow: hidden !important; line-height: 0 !important; font-size: 0 !important; }

.modal { display: none; }

.table { margin: 10px 0; width: 100%; }
.table a { color: #000; }
.table a:hover { text-decoration: none; }
.table th,
.table td { padding: 3px 5px; border: 1px solid #ccc; }
.table thead th,
.table thead td { background: #666666; color: #fff; border: 0 none; }
.table td.thin { width: 1%; }

.line-through { position: relative; text-align: center; }
.line-through > span { padding: 0 30px; background: #fff; display: inline-block; position: relative; z-index: 2 }
.line-through:before { content: ' '; display: block; height: 1px; width: 100%; position: absolute; left: 0; top: 50%; background: #666; z-index: 1; }
h2.line-through { text-transform: uppercase; }
/*>Globals*/

/*<Components*/
.bx-wrapper,
.bx-wrapper * { box-sizing: content-box; }
.bx-wrapper .bx-controls-direction a { z-index: 999; }
.bxslider { margin: 0; }

.sidr ul li a > span { padding-left: 0; padding-right: 0; }
/*>Components*/

/*<Layout*/
.row { padding: 0 28px; }
.row .col { width: 100%; }
html, body { height: 100%; min-height: 100%; }
body { /*background: url(Images/background.jpg) no-repeat center fixed;*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; font: normal normal 14px/1.2 'Arial CE', Arial, Helvetica, sans-serif; }
header.row { height: 138px; position: relative; z-index: 2; }
header .logo { position: absolute; top: 10px; left: 25px; display: block; }
.container { margin: 0 auto; background-color: #fff; text-align: left; min-height: 100%; /*-webkit-box-shadow: 0px 0px 10px 0px #888; -moz-box-shadow: 0px 0px 10px 0px #888; box-shadow: 0px 0px 10px 0px #888;*/ }
#sidr { text-align: left; }
#menu { position: absolute; top: 87px; width: 100%; left: 0; padding: 0 28px 0 177px; }
#menu > ul { position: relative; }
#menu > ul > li { margin-right: 2px; float: left; position: relative; white-space: nowrap; }
#menu > ul > li > a,
#menu > ul > li > span { display: block; height: 30px; padding: 0 5px; text-decoration: none; color: #000; font: normal normal 16px/30px Oswald; float: left; text-transform: uppercase; }
#menu > ul > li > span { cursor: default; }
#menu > ul > li:hover > a,
#menu > ul > li:hover > span,
#menu > ul > li.active > a,
#menu > ul > li.active > span { color: #666; }
#menu > ul > li.expandable > a:after,
#menu > ul > li.expandable > span:after { content: "\f123"; font-family: Ionicons; margin-left: 6px; font-size: 10px; vertical-align: middle; font-weight: bold; }
#menu > ul > li > ul { display: none; overflow: hidden; padding: 5px 0; }
#menu ul li:hover ul { display: block; position: absolute; top: 30px; left: -10px; background: #fff; }
#menu ul li ul li { display: block; float: none; }
#menu ul li ul li a { line-height: 18px; font-size: 14px; height: auto; background: url(none); float: none; padding: 5px 15px; display: block; color: #000; text-decoration: none; transition: background-color 600ms; }
#menu ul li ul li a:hover,
#menu ul li ul li.active a { color: #55a4d0; }
#menu ul.login { float: right; }
#menu ul.login > li:hover > a,
#menu ul.login > li:hover > span,
#menu ul.login > li.active > a,
#menu ul.login > li.active > span { color: #444; }
#menu ul.login > li > a { color: #666; }
#menu ul.login > li > a:hover { color: #444; }
#menu ul.login li:hover ul { left: auto; right: -10px; }
#menu ul.socials { float: right; font-size: 0; line-height: 0; margin-right: 20px; }
#menu ul.socials li { display: inline-block; }
#menu ul.socials li a { width: 30px; margin-left: 15px; display: block; font-size: 20px; line-height: 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background-color: #55a4d0; text-align: center; color: #fff; text-decoration: none; transition: background-color,color 600ms; }
#menu ul.socials li a > span { display: none; }
#menu ul.socials li a:hover { background-color: #d3e7f2; color: #55a4d0; }
#toggle-menu { position: absolute; top: 87px; right: 28px; display: none; height: 30px; background-color: #666; padding: 0 5px; text-decoration: none; color: #fff; font: normal normal 16px/30px Oswald; transition: background-color 1s; float: left; }
#toggle-menu:hover { background-color: #222; }
footer.row { background-color: #000; color: #fff; padding-top: 13px; padding-bottom: 13px; font-size: 12px; line-height: 14px; }
footer .copy { float: left; margin: 0; }
footer a { color: #fff; }
footer nav { float: right; font-size: 0; line-height: 0; }
footer nav ul li { display: inline; }
footer nav ul li a { font-size: 12px; line-height: 14px; text-decoration: none; }
footer nav ul li a:hover { text-decoration: underline; }
footer nav ul li:before { content: '|'; display: inline; margin: 0 5px; font-size: 12px; line-height: 14px; }
footer nav ul li:first-child:before { display: none; }
.row-slider { height: 427px; position: relative; overflow: hidden; }
.row-slider ul { width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.row-slider ul li { width: 100%; height: 100%; position: absolute; }
.row-slider ul li img { width: 100%; height: auto; }
.row-slider .button { position: absolute; top: 53%; right: 28px; }
.row-slider .button.button-white { top: 20%; font-size: 20px; }
.row-slider .button.button-red { top: 32%; }

#swu-loop.video-js {padding-top: 43.75%}
#swu-loop .vjs-fullscreen {padding-top: 0px}

.row-countdown { background-color: #55a4d0; color: #fff; padding-top: 27px; padding-bottom: 27px; min-height: 78px; font: normal normal 20px/24px Oswald; position: relative; }
.row-countdown p { margin: 0; }
.row-countdown p span { position: absolute; top: 27px; }
.row-countdown p span:first-child { right: 62.5%; text-align: right; }
.row-countdown p span:last-child { left: 62.5%; text-align: left; }
.row-countdown p:before { content: '\f402'; font-size: 178px; overflow: hidden; text-align: center; line-height: 158px; font-family: Ionicons; width: 158px; height: 158px; background-color: #55a4d0; display: block; position: absolute; left: 50%; top: 50%; margin: -79px 0 0 -79px; -webkit-border-radius: 79px; -moz-border-radius: 79px; border-radius: 79px; }
.row-title { margin: 50px 0 35px; }
.row-title h2 { font-size: 24px; line-height: 28px; }
.row-info .col { width: 22%; margin-left: 17%; float: left; color: #55a4d0; }
.row-info .col:first-child { margin-left: 0; }
.row-info .col .ion { font-size: 43px; line-height: 43px; text-align: center; width: 100%; color: #55A4D0; text-decoration: none; }
.row-info .col h2 { margin: 11px 0 15px; text-align: center; text-transform: uppercase; }
.row-info .col h2 a {  text-decoration: none; color: #55A4D0;}
.row-info .col p { margin: 0 0 10px; color: #000; }
.row-info .col a { color: #000; text-decoration: underline; }
.row-info .col a:hover { text-decoration: none; }
.row-about { padding-top: 14px; padding-bottom: 14px; color: #fff; position: relative; background-color: #55a4d0; }
.row-about .col { width: 33%; margin-left: 0.5%; float: left; }
.row-about .col:first-child { margin-left: 0; }
.row-about h2 { margin: 0; }
.mosaic { width: 100%; display: block; overflow: hidden; text-decoration: none; position: relative; }
.mosaic img { float: left; width: 33.33333%; height: auto; }
.mosaic > span { position: absolute; top: 50%; margin-top: -29px; left: 50%; display: block; }
.mosaic > span > span { margin-left: -50%; display: block; white-space: nowrap; padding: 14px 16px; font: normal normal 26px/30px Oswald; background: #fff; float: left; color: #000; transition: background-color 1s; }
.mosaic > span > span:after { content:"\f10a"; font-family: "Ionicons"; width: 17px; height: 17px; margin-left: 7px; display: inline-block; line-height: 17px; font-size: 15px; background-color: #f00; text-align: center; color: #fff; vertical-align: middle; }
.mosaic:hover > span > span { background-color: #ccc; }
.row-reserve { text-align: center; padding-top: 28px; padding-bottom: 50px; }
.row-reserve h2 { color: #55a4d0; font: normal normal 32px/38px Oswald; margin: 0 0 18px; }
.row-banner { position: relative; padding: 0; }
.row-banner img { width: 100%; height: auto; display: block; }
.row-banner h2,
.row-banner p { position: absolute; left: 45px; padding: 10px 15px; }
.row-banner h2 { top: 5%; font-size: 26px; line-height: 31px; color: #fff; }
.row-banner p { background: #55a4d0; top: 30%; color: #fff; font: normal normal 15px/18px Oswald; }

.row-sidebar { padding-left: 257px; }
.row-sidebar aside { width: 196px; float: left; margin-left: -212px; background: #f7f7f7; padding: 10px 15px; }
.row-sidebar article { float: left; width: 100%; padding: 0 0 25px; }
aside h3 { margin: 20px 0 5px; font: normal bold 18px/22px Oswald; }
aside h3 + p { margin-top: 5px; }
aside h3:first-child { margin-top: 5px; }
aside a { color: #000; text-decoration: none; }
aside a:hover { text-decoration: underline; }
aside a.button:hover { text-decoration: none; }
.breadcrumb h3 { margin-top: 5px; }
.breadcrumb ul { font-size: 12px; line-height: 16px; margin-top: 15px; }
.breadcrumb ul li { margin-top: 5px; padding-left: 14px; position: relative; }
.breadcrumb ul li:before { content:"\f125"; font-family: Ionicons; display: block; position: absolute; left: 0; top: 0; font-size: 9px; font-weight: bold; }

article h1,
article h2,
article h3 { margin: 15px 0; font-family: Oswald; }
article h1,
article h2 { color: #55a4d0; }
article h3 { color: #ff0000; }
article img.pull-left { float: left; margin: 0 20px 0 0; }
article img.pull-right { float: right; margin: 0 0 0 20px; }
article img { max-width: 100%; }
/*>Layout*/

/*<Pages*/
.panel {  }
.panel .panel-title,
.panel .panel-title-left,
.panel .panel-title-right { padding: 5px 10px; margin: 0; color: #000; font: normal normal 18px/20px Oswald; }
.panel .panel-title-left { float: left; }
.panel .panel-title-right { float: right; }
.panel .panel-content { background: #f7f7f7; padding: 10px 10px 15px; clear: both; position: relative; }
.panel .panel-footer { background: #373836; color: #fff; padding: 5px 10px; font-size: 16px; line-height: 20px; font-weight: bold; }

.panel-summary { margin-bottom: 23px; }
.panel-summary .panel-content { padding: 10px 10px 1px 10px; background: #d3e7f2; color: #000; }
.panel-summary h4 { margin: 0 0 10px; font: normal normal 16px/20px Oswald; }
.panel-summary ul { margin-bottom: 15px; }
.panel-summary li { width: 33.33333%; padding: 0 10px 0 25px; float: left; position: relative; }
.panel-summary li:before { content: "\F36A"; font-family: Ionicons; display: block; position: absolute; left: 0; top: 0; font-size: 20px; line-height: 1; }
.panel-summary .packages li:before { content: "\f318" }
.panel-summary li h5 { margin: 0; font-size: 16px; font-weight: bold; line-height: 19px; margin-bottom: 4px; }
.panel-summary li p { font-size: 12px; line-height: 1.2; margin: 2px 0; }
.panel-summary li p.summary { font-size: 16px; line-height: 1.2; font-weight: bold; }
.panel-summary .numbers { margin: -2px 0 4px; }
.panel-summary .remove { padding: 5px 10px; font: normal normal 16px/20px Oswald; background: #f7f7f7; color: #666; position: absolute; top: -30px; right: 0; cursor: pointer; transition: background-color 1s; }
.panel-summary .remove:before { content: "\F252"; font-family: Ionicons; height: 20px; margin-right: 5px; font-size: 18px; line-height: 20px; display: block; float: left; overflow: hidden; }
.panel-summary .remove:hover { background-color: #e0e0e0; }
.panel-summary .panel-footer { background: #55a4d0; }

.panel-identity { margin-bottom: 23px; }
.panel-identity .panel-content { padding-bottom: 10px; background: #d3e7f2; color: #000; }
.panel-identity .table th,
.panel-identity .table td { border: 2px solid #d3e7f2; margin: 1px; }
.panel-identity .table th { background: #55a4d0; color: #fff; width: 1%; white-space: nowrap; }
.panel-identity .table td { width: 99%; border-bottom-color: #55a4d0; }
.panel-identity .table tbody tr:last-child td { border-bottom-color: #d3e7f2; }

.panel-filter { margin: 0 0 23px 0; }
.panel-filter .panel-content { padding: 2px 0; }
.panel-filter .filters { margin-left: -45px; }
.panel-filter .form-group { width: 33.33333%; float: left; padding: 0 0 0 55px; }
.panel-filter .form-group > label { width: 50%; float: left; text-transform: uppercase; max-width: 85px; }
.panel-filter .form-group > .checkable-list { float: left; width: 50%; }

.reservation-panels { margin: 0 0 23px -45px; }
.reservation-panels li { width: 33.333333%; float: left; padding: 0 0 0 45px; }

.panel-boat .panel-content { padding-bottom: 7px; }
.panel-boat .panel-content table { margin-bottom: 10px; }
.panel-boat .panel-content table th { padding: 0 5px 0 0; vertical-align: top; font: normal normal 16px/20px Oswald; }
.panel-boat .panel-content table td { padding-top: 2px; }
.panel-boat .panel-title-right { font-family: Arial; font-weight: bold; padding-left: 5px; padding-right: 5px; background-color: #f00; }
.panel-boat .panel-title-right.active { background-color: #00cc33; }
.panel-boat .cabins { margin: 5px 0 0; }
.panel-boat .cabins h4 { margin: 0 0 5px; color: #666; font: normal normal 16px/1.2 Oswald; }
.panel-boat .cabins .numbers a,
.panel-boat .cabins .numbers span { color: #fff; }
.panel-boat .cabins-free .numbers a { background-color: #55a4d0; }
.panel-boat .cabins-free .numbers a.selected { background-color: #00cc33; }
.panel-boat .cabins-reserved .numbers span { background-color: #f00; }
.panel-boat .panel-footer { font-size: 14px; font-family: Oswald; font-weight: normal; }

.panel-package .panel-content { padding-bottom: 7px; }
.panel-package .panel-content { font-size: 12px; line-height: 1.2; }
.panel-package .panel-content p { margin: 5px 0 10px; }
.panel-package .panel-content .add-remove .ion { margin-right: 2px; }
.panel-package .number { background-color: #00cc33; color: #fff; }
.panel-package .panel-footer { font-size: 14px; font-family: Oswald; font-weight: normal; }
.panel-package table { margin: 10px 0; width: 100%; }
.panel-package table a:hover { text-decoration: none; }
.panel-package table th,
.panel-package table td { padding: 3px 5px; border: 1px solid #ccc; }
.panel-package table tr th { border-color: #666; text-align: center; background-color: #EAEAEA; }
.panel-package table tr td:last-child { text-align: right; }
.multi-package-item { margin-top: 10px; padding-top: 5px; border-top: 1px solid #666; }
.multi-package-item:first-child { margin-top: 0; padding-top: 0; border-top: 0 none; } 
.multi-package-item:last-child { padding-bottom: 5px; } 
.multi-package-item p { font-weight: bold; }
.multi-package-item p span { display: inline-block; float: right; color: #666; font-weight: normal; }
.multi-package-item .price { float: right; line-height: 22px; }

/*>Pages*/

@media screen and (min-width: 1401px) {
	.container { width: 1280px; }
	.row-slider { height: 558px; }
}
@media screen and (max-width: 1400px) {
	.container { width: 980px; }
	.row-slider .button.button-white { top: 16%; }
}
@media screen and (max-width: 1023px) {
	.container { max-width: 645px; width: auto; }
	.socials { right: 28px; }
	#toggle-menu { display: block; }
	#menu { display: none; }
	footer .copy,
	footer nav { float: none; text-align: center; }
	footer .copy { margin-bottom: 5px; }
	.row-slider { height: 261px; }
	.row-slider .button { top: 62%; }
	.row-slider .button.button-white { top: 10%; }
	.row-slider .button.button-red { top: 36%; }
	.row-banner h2 { font-size: 20px; line-height: 24px; }
	.row-info { padding-top: 50px; }
	.row-info .col { margin-left: 0; float: none; width: auto; padding-top: 10px; padding-bottom: 5px; }
	.row-about .col { width: auto; margin-left: 0; float: none; text-align: center; }
	.reservation-panels li { width: auto; float: none; margin-bottom: 10px; }
	.panel-filter .form-group { width: auto; float: none; padding-top: 10px; clear: both; }
}
@media screen and (max-width: 639px) 
{
	.row-slider { height: 139px; }
	.row-slider .button { display: none; }
	.row-countdown p:before { display: none; }
	.row-countdown p { text-align: center; }
	.row-countdown p span:first-child,
	.row-countdown p span:last-child { right: auto; left: auto; text-align: center; display: block; position: static; }
	.row-info { padding-top: 20px; }
	.row-banner h2,
	.row-banner p { position: static; top: auto; left: auto; padding-left: 28px; padding-right: 28px; }
	.row-banner h2 { color: #000; }
	.row-sidebar { padding-left: 28px; }
	.row-sidebar aside { width: auto; float: none; margin-left: 0; }
	.row-sidebar article { float: none; width: 100%; }
	.mosaic > span > span { font-size: 20px; }
}