@import url(normalize.css);
@import url(jcarousel.css);
@import url(fancybox.css);

* {
	outline: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
	position: relative;
    font-size: 1em;
	font-family: 'Roboto', sans-serif;
    line-height: 1.4;
	background: url(body.jpg) no-repeat center top fixed;
}

a {
	text-decoration: none;
	color: #23aee8;
}

a:hover {
	color: rgba(35, 174, 232, .7);
}

h1,h2,h3,h4 {
    font-family: 'Roboto Slab';
	font-weight: 400;
}

h1 {
	margin: .4em 0;
    font-size: 28px;
	line-height: 30px;
}

h2 {
	margin-top: 0;
}

h3 {
    font-size: 16px;
	line-height: 19px;
}

h4 {
    margin: .6em 0;
    font-size: 14px;
	line-height: 16px;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

button,
input,
select {
	vertical-align: middle;
}

#wrapper {
	text-align: left;
	background: url(wrapper.png) repeat-x fixed;
}

.wrap {
	z-index: 2;
	position: relative;
	margin: 0 auto;
	width: 1000px;
}

/* Header
----------------------------------------------------------- */

header#header {
	background: url(header.png) no-repeat center top;
}

header#header .wrap {
	z-index: 99;
	height: 190px;
}

header ul {
	margin: 0;
	padding: 0;
}

header li {
	list-style: none;
}

header .wrap {
	position: relative;
}

#logo {
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	width: 256px;
	height: 57px;
	overflow: hidden;
	text-indent: -999em;
	background-image: url(logo.svg);
	background-repeat: no-repat;
	background-size: 256px 57px;
}

/* Languages */

#langs {
	position: absolute;
	top: 13px;
	left: 600px;
	height: 22px;
}

#langs li {
	float: left;
}

#langs a,
#langs strong {
	display: block;
	width: 22px;
	height: 22px;
	line-height: 22px;
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
	color: rgba(0, 0, 0, .5);
}

#langs a:hover {
	color: #23aee8;
}

#langs strong {
	margin: 0 2px;
	font-weight: 400;
	color: #fff;
	background: #23aee8;
	border-radius: 11px;
}

/* Talk To */

#talkto {
	position: absolute;
	top: 37px;
	right: 30px;
	font-size: 9px;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .7);
}

/* Phone */

#phone {
	z-index: 9999;
	position: absolute;
	top: 8px;
	right: 0;
}

#phone > li > a {
	z-index: 999;
	position: relative;
	display: block;
	padding: 0 0 0 10px;
	width: 195px;
	height: 30px;
	line-height: 30px;
	font-weight: 300;
	font-size: 24px;
	color: #fff;
}

#phone .ui-menu-icon {
	display: inline-block;
	position: absolute;
	top: 3px;
	right: 10px;
	font-size: 24px;
	line-height: 24px;
	color: #fff;
	-webkit-transform: rotate(90deg);
	-moz-transform:    rotate(90deg);
	-ms-transform:     rotate(90deg);
	-o-transform:      rotate(90deg);
	transform:         rotate(90deg);
}

#phone .ui-menu-icon:before {
	content: "›";
}

#phone > li > a.ui-state-focus,
#phone > li > a.ui-state-active,
#phone a.ui-state-focus .ui-menu-icon,
#phone a.ui-state-active .ui-menu-icon {
	color: #23aee8;
}

#phone .ui-menu {
	top: -34px !important;
	left: 0 !important;
	padding: 34px 0 7px 0;
	width: 195px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .32);
}

#phone .ui-menu li {
	padding: 3px 10px;
	font-size: 12px;
	color: #555;
}

#phone .ui-menu li:last-child {
	margin: 7px 0 0 0;
}

/* Search site */

#search-site {
	position: absolute;
	top: 47px;
	left: 555px;
	width: 222px;
}

#search-site input[type="text"] {
	outline: 0;
	padding: 0 6px;
	width: 100%;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	background: #fff;
	border: solid 2px #23aee8;
	border-radius: 13px;
	box-shadow: none;
}

#search-site input[type="submit"] {
	position: absolute;
	right: 5px;
	top: 4px;
	width: 16px;
	height: 16px;
	background: transparent url(ico16.png) no-repeat 0 -500px;
	border: 0;
}

/* Special links */

#speclinks {
	position: absolute;
	top: 47px;
	right: 10px;
}

#speclinks a {
	display: inline-block;
	font-size: 12px;
	height: 12px;
	line-height: 12px;
	color: #fff;
	color: rgba(255, 255, 125, .9);
}

#speclinks a:hover {
	color: #ffff7d;
}

/* Social */

#head-social {
	position: absolute;
	top: 105px;
	right: 10px;
}

/* Nav */

nav#nav {
	z-index: 99;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 30px;
	height: 25px;
}

nav > ul {
	width: 100%;
}

nav > ul > li {
	position: relative;
	display: table-cell;
	text-align: center;
	vertical-align: top;
}

nav > ul > li > a {
	display: inline-block;
	margin: 0 auto;
	padding: 2px 15px;
	height: 25px;
	font: 16px 'Roboto Slab';
	text-transform: uppercase;
	white-space: nowrap;
	color: #222;
	color: rgba(0, 0, 0, .8);
}

nav > ul > li > a.on {
	background-color: #81c2ea;
	background-color: rgba(35, 174, 232, .32);
}

nav > ul > li > a.ui-state-focus,
nav > ul > li > a.ui-state-active {
	background-color: #fff;
	box-shadow: 0 10px 10px rgba(0, 0, 0, .32);
}

nav li .ui-menu {
	position: absolute !important;
	top: 25px !important;
	left: auto !important;
	padding: 10px 0;
	width: 300px;
	font-size: 12px;
	text-align: left;
	background: #fff;
	box-shadow: 0 10px 10px rgba(0, 0, 0, .32);
}

nav li#menu-destinations .ui-menu {
	width: 450px;
}

nav li#menu-deals > a {
	color: #c00;
}

nav li#menu-deals > a:before {
	content: "%";
	display: inline-block;
	margin: 0 3px 0 0;
	width: 16px;
	height: 16px;
	font: 700 16px/16px 'Roboto';
	text-align: center;
	color: #fff;
	border-radius: 8px;
	background-color: #f00;
	background-image: -webkit-linear-gradient(bottom, #f00, #900);
	   background-image: -moz-linear-gradient(bottom, #f00, #900);
	    background-image: -ms-linear-gradient(bottom, #f00, #900);
	        background-image: linear-gradient(bottom, #f00, #900);
}

nav li .ui-menu li {
	display: inline-block;
	padding: 3px 10px;
	width: 50%;
	vertical-align: top;
}

nav li#menu-destinations .ui-menu li {
	width: 32%;
}

nav li .ui-menu li:last-child {
	display: block;
	margin: 7px 0 0 0;
}

nav li#menu-destinations .ui-menu li:last-child {
	display: inline-block;
	margin: 0;
}

nav li .ui-menu li .on {
	font-weight: 700;
}

nav a.home {
	width: 60px;
	background: url(./svg/ico-home-dark.svg) no-repeat center top;
	background-size: 24px 24px;
	text-indent: -999em;
	overflow: hidden;
	opacity: .75;
}

/* Outer
----------------------------------------------------------- */

#outer {
	z-index: 2;
	position: relative;
}

#side {
	float: left;
	width: 240px;
	overflow: hidden;
}

#body {
	float: right;
	padding: 0 0 20px 0;
	width: 740px;
	overflow: hidden;
}

/* Search */

#search {
	margin-bottom: 20px;
	padding: 12px;
	text-shadow: 1px 1px rgba(255, 255, 255, .74);
	background: #fff;
	background: rgba(255, 255, 255, .98);
	box-shadow: 0 0 10px rgba(0, 0, 0, .32);
}

body.home #search {
	margin: 0;
	padding: 10px 20px;
	display: inline-block;
	width: 456px;
	vertical-align: top;
}

#search .title {
	margin: 0 0 10px 0;
	font-size: 18px;
}

#search form {
	font-size: 13px;
}

body.home #search .search-title {
	font-size: 24px;
}

body.home #search .col {
	display: inline-block;
	width: 46.6%;
	vertical-align: top;
}

body.home #search .col:nth-child(odd) {
	margin: 0 12px 0 0;
}

body.home #search .col:nth-child(even) {
	margin: 0 0 0 12px;
}

#search p {
	margin: 0 0 10px 0;
	color: #555;
}

#search .col label {
	display: block;
	margin: 0 0 4px 0;
	color: #555;
}

#search .row {
	padding: 0 0 10px 0;
}

.search-footer {
	height: 28px;
}

.search-footer .toggler {
	float: left;
	width: 40%;
	font-size: 11px;
	line-height: 13px;
}

body.home .search-footer .toggler {
	margin: 7px 0 0 0;
}

.search-footer .btn1 {
	float: right;
}

#search.toggle-on .search-more {
	display: none
}

#search.toggle-off .search-more {
	display: block;
}

#search.toggle-on .toggler:before {
	content: '+ more ';
	text-transform: capitalize;
}

#search.toggle-off .toggler:before {
	content: '– less ';
	text-transform: capitalize;
}

/* Welcome */

body.home #welcome {
	float: right;
	display: inline-block;
	margin: 0 0 0 20px;
	padding: 10px 20px;
	width: 520px;
	height: 269px;
	vertical-align: top;
	text-shadow: 1px 1px rgba(255, 255, 255, .6);
	background: rgba(255, 255, 255, .98);
	box-shadow: 0 0 10px rgba(0, 0, 0, .32);
}

#welcome h1 {
	margin-top: 0;
}

#welcome h1 .light {
	display: block;
	font: 200 24px 'Roboto';
	color: #555;
}

#welcome h1 .light {
	display: block;
	font: 200 24px 'Roboto';
	color: #555;
}

#welcome h1 .dark {
	display: block;
}

#welcome p {
	font-weight: 300;
	font-size: 14px;
	line-height: 18px;
	text-align: justify;
}

/* Deals */

#deals {
	margin: 25px 0;
	height: 310px;
}

#deals .tab {
	float: left;
	margin: 0;
	padding: 0;
	width: 110px;
}

#deals .tab li {
	margin: 0 0 5px 0;
	list-style: none;
}

#deals .tab a {
	display: block;
	outline: 0;
	padding: 10px;
	font: 19px/22px 'Roboto Slab';
	list-style: none;
	text-align: right;
	color: #fff;
	background-color: #f00;
	background-image: -webkit-linear-gradient(bottom, #f00, #900);
	   background-image: -moz-linear-gradient(bottom, #f00, #900);
	    background-image: -ms-linear-gradient(bottom, #f00, #900);
	        background-image: linear-gradient(bottom, #f00, #900);
}

#deals .tab a:hover,
#deals .tab .ui-tabs-active a {
	background: #23aee8;
}

#deals .tab .ui-tabs-active a {
	z-index: 999;
	display: block;
	position: relative;
	box-shadow: -10px 0 10px rgba(0, 0, 0, .12);
}

/** carousel **/

#deals .carousel-wrapper {
	float: left;
	width: 890px;
	background: #23aee8;
	box-shadow: 0 0 10px rgba(0, 0, 0, .32);
}

#deals .carousel {
	margin: 0 auto;
	width: 780px;
	min-height: 304px;
}

#deals .carousel li {
	margin: 11px 22px 11px 0;
	width: 178px;
}

#deals .carousel-control-prev,
#deals .carousel-control-next {
    top: 127px;
}

/* Side */

/** Newsletter **/

#newsletter {
	margin-bottom: 20px;
	padding: 12px;
	text-shadow: 1px 1px rgba(255, 255, 255, .74);
	background: #fff;
	background: rgba(255, 255, 255, .98);
	box-shadow: 0 0 10px rgba(0, 0, 0, .32);
}

#newsletter .title {
	margin: 0 0 10px 0;
	padding: 0 0 0 30px;
	font-size: 14px;
	line-height: 16px;
	background: url(ico24.png) no-repeat 0 -100px;
}

#newsletter input[type="text"] {
	width: 60%;
}

/** Promo **/

#promo .offerv {
	margin: 0 0 20px 0;
}

#promo .offerv > div {
	height: auto;
}

#promo .offerv .head {
	padding-bottom: 0;
	background: transparent;
}

#promo .offerv .body {
	padding-top: 7px;
}

#promo .offerv .title {
	padding: 5px;
	height: auto;
	background: #23aee8;
}

/** Menu **/

#menu {
	margin: 0 0 20px 0;
}

#menu h3 {
	padding: 6px 24px 6px 12px;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	background: #23aee8;
	border-bottom: solid 1px rgba(255, 255, 255, .98);
}

#menu h3.all {
	background: #ed6411;
	border: 0;
}

#menu .ui-accordion-header-icon {
	top: 4px;
}

#menu .ui-accordion-header-active .ui-accordion-header-icon {
	top: 2px;
}

#menu ul {
	margin: 0;
	padding: 2px 12px;
	list-style: none;
	background: #fff;
	background: rgba(255, 255, 255, .98);
	box-shadow: 0 0 10px rgba(0, 0, 0, .32);
}

#menu li {
	padding: 6px 0;
	font-size: 12px;
	line-height: 15px;
	border-bottom: solid 1px #ddd;
}

#menu li * {
	display: inline-block;
	vertical-align: top;
}

#menu .star {
	float: right;
}

#menu li .on {
	font-weight: 700;
}

#menu li.more {
	margin: 4px 0 0 0;
}

#menu li:last-child {
	border: 0;
}

/* Path */

#path {
	clear: both;
	display: inline-block;
	padding: 18px 20px;
	font-size: 12px;
	color: #555;
	background: #d2effb;
}

#path * {
	display: inline-block;
	color: #555;
}

#path a:after {
	content: "\00a0\00a0\00a0›\00a0\00a0";
}

/* Content */

#contetnt {
	clear: both;
	z-index: 9;
	position: relative;
	padding: 0 20px 20px 20px;
	background: #fff;
	background: rgba(255, 255, 255, .96);
	box-shadow: 0 0 10px rgba(0, 0, 0, .32);
}

#contetnt p {
	font-size: 13px;
}

/** Title **/

#title {
	position: relative;
	margin: 0 -20px;
	min-height: 115px;
	padding: 20px 20px 0 20px;
	background: -webkit-linear-gradient(bottom, #fff 0, #d9f1fb);
	   background: -moz-linear-gradient(bottom, #fff 0, #d9f1fb);
		background: -ms-linear-gradient(bottom, #fff 0, #d9f1fb);
}

#title h1 {
	margin: 0;
	text-shadow: 1px 1px rgba(255, 255, 255, .75);
}

#title h1 span {
	display: inline-block;
	vertical-align: top;
}

#title h1 .star {
	margin: 0 0 0 5px;
}

#title p {
	font-size: 13px;
	text-shadow: 1px 1px rgba(255, 255, 255, .75);
}

#title .rate {
	margin: 10px 0 0 0;
}

#title .price {
	z-index: 1;
	position: absolute;
	top: 10px;
	right: 20px;
}

#title .price .price-include {
	margin-left: 40px;
}

#title .btn1 {
	position: absolute;
	bottom: 10px;
	right: 20px;
}

/** Promos **/

.promos {
	margin: 0;
	padding: 0;
	list-style: none;
}

.promo {
	margin: 0 0 10px 0;
	color: #fff;
}

.promo a {
	color: #fff;
}

.promo .title {
	padding: 7px;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	background: #23aee8;
}

.promo .decription {
	padding: 7px 7px 0 7px;
	font-size: 12px;
	background: #333;
}

.promo .location {
	padding: 3px 7px 7px 7px;
	font-weight: 700;
	font-size: 12px;
	background: #333;
}

.promo .location span {
	display: inline-block;
	margin: 0 5px 0 0;
}

.promo .more {
	position: relative;
	margin: -2px 0 0 0;
}

/** Page **/

#page h3 {
	margin: 0 0 2px 0;
	padding: 10px 12px;
	font-size: 22px;
	color: #fff;
	background: #333;
	cursor: pointer;
}

#page h3:hover {
	background: #555;
}

#page .ui-accordion-header-icon {
	top: 8px;
}

#page .ui-accordion-header-active .ui-accordion-header-icon {
	top: 6px;
}

#page .container {
	margin: 0 0 10px 0;
}

#page .container p {
	font-size: 13px;
}

#page .map {
	width: 380px;
}

#page .map .foot {
	padding: 8px 12px;
	font-size: 11px;
	color: #fff;
	background: #333;
}

#page .map .foot a {
	display: inline-block;
	margin: 0 10px 0 0;
	color: #fff;
}

#page .map .foot a:hover {
	color: #ddd;
}

#page .map .foot a:before {
	content: "|\00a0\00a0\00a0";
	color: #666;
}

#page .map .foot a:first-child:before {
	content: "";
}

#page .floatr .connected-carousels {
    margin: 10px 0;
}

/** Forum **/

.forum-tree {
	margin: 0 0 20px 0;
	padding: 0;
	min-height: 100px;
	list-style: none;
}

.forum-tree li {
	margin: 0 0 7px 0;
	padding: 10px 10px 0 10px;
	border: solid 1px #e5e5e5;
	border-radius: 2px;
}

.forum-tree .head {
	float: left;
	width: 20%;
	font-size: 11px;
}

.forum-tree .head .user a {
	font-weight: bold;
}

.forum-tree .head .time {
	display: block;
	color: #777;
}

.forum-tree .body {
	margin: 0 0 1em 20%;
	font-weight: 300;
	font-size: 13px;
	line-height: 18px;
}

.forum-tree .body p {
	margin-top: 0;
}

.vote .question {
	display: inline-block;
	font-weight: 700;
	font-size: 11px;
	line-height: 16px;
	vertical-align: top;
	color: #888;
}

.vote .result a {
	display: inline-block;
	margin: 0 0 0 20px;
	font-size: 11px;
	line-height: 16px;
	vertical-align: top;
}

.forum-board {
	margin: 20px 0;
}

.forum-board .tarea {
	width: 60%;
}

.forum-board .tarea textarea {
	height: 100%;
}

.forum-board .inputs input,
.forum-board .inputs .captcha {
	margin: 0 0 10px 0;
}

/** Prices & Tables **/

.oldf {
	margin: 0 0 20px 0;
	padding: 10px 10px 0 10px;
	background: #fff;
	border: solid 1px #e5e5e5;
	border-radius: 2px;
}

.oldf .col {
	vertical-align: bottom !important;
}

.oldf.search-field {
	margin: 20px 0;
	padding: 15px;
}

.oldf.search-field input[type="text"] {
	width: 60%;
}

.oldf label {
	display: block;
	margin: 0 0 3px 0;
	font-size: 12px;
	color: #777;
}

.pricelist {
	margin: 10px 0;
	width: 100%;
	border: solid 1px #e5e5e5;
}

.pricelist label {
	vertical-align: middle;
}

.pricelist th {
	text-align: left;
}

.pricelist thead th {
	padding: 8px 10px;
	font-size: 13px;
	line-height: 16px;
	color: #4a859d;
	background: #e5f7ff;
}

.pricelist tbody th,
.pricelist tbody td {
	padding: 8px 10px;
	font-size: 12px;
	line-height: 16px;
	color: #777;
	border-top: solid 1px #eee;
}

.pricelist tbody td {
	font-weight: 300;
	color: #777;
}

.pricelist tbody tr:hover {
	background: #f5f5f5;
}

.pricelist tbody .extra {
	display: block;
	font-weight: 400;
	font-size: 11px;
	opacity: .75;
}

/*** Dark table ***/

.pricelist.dark {
	border: 0;
}

.pricelist.dark thead th {
	color: #fff;
	background: #333;
}

.pricelist.dark tbody th,
.pricelist.dark tbody td {
	border-top: 0;
	border-bottom: solid 1px #eee;
}

.pricelist.dark tbody td:first-child {
	border-left: solid 1px #e5e5e5;
}

.pricelist.dark tbody th:first-child,
.pricelist.dark tbody td:first-child {
	border-left: solid 1px #e5e5e5;
}

.pricelist.dark tbody td:last-child {
	border-right: solid 1px #e5e5e5;
}

/*** Omen ***/

.pricelist.omen {
	border-color: #ddd;
}

.pricelist.omen thead th {
	padding: 8px 10px;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	border: solid 1px #ddd;
}

.pricelist.omen tbody td {
	text-align: center;
	border-left: solid 1px #eee;
}

/** Hotel book date **/

.hotel-book-date > .cols {
	background: #e5e5e5;
	border-radius: 3px;
}

.hotel-book-date > .cols > .col {
	padding: 6px 10px !important;
	font-size: 12px;
	line-height: 16px;
}

.hotel-book-date .col:last-child {
	text-align: right;
}

/** Reviews **/

.rate-bar {
	margin: 0 0 20px 0;
}

.rate-bar .head,
.rate-bar .body {
	margin: 0 0 10px 0;
}

.rate-bar .head .title {
	font-size: 24px;
	line-height: 26px;
}

.rate-bar .head .title strong {
	color: #ef6d14;
}

.rate-bar .head .allpoints {
	color: #777;
}

.rate-bar .head .average {
	font-style: italic;
	font-size: 13px;
	color: #555;
}

.rate-bar .body .title {
	margin: 0 0 10px 0;
	font-size: 13px;
}

/** Webcams **/

.webcams {
	margin: 0;
	padding: 0;
	list-style: none;
}

.webcam {
	margin: 0 0 15px 0;
	padding: 15px 0 0 0;
	box-shadow: inset 0 6px 5px -5px rgba(0, 0, 0, .12);
}

.webcam .head {
	margin: 0 0 15px 0;
}

.webcam .description {
	font-size: 11px;
	text-transform: uppercase;
	color: #555;
}

.webcam .body {
	text-align: center;
}

/** News **/

article.news {
	margin: 0 0 15px 0;
	padding: 15px 0 0 0;
	box-shadow: inset 0 6px 5px -5px rgba(0, 0, 0, .12);
}

article .meta {
	display: inline-block;
	padding: 10px;
	font-weight: 300;
	font-size: 12px;
	line-height: 16px;
	color: #555;
	background: #fff;
	border: solid 1px #e5e5e5;
	border-radius: 2px;
}

article p,
article ol,
article ul {
	font-size: 13px;
}

/** Contact bar **/

.contact-bar {
	display: table;
	margin: 20px 0 0 0;
	padding: 0;
	width: 100%;
	list-style: none;
	background: #d3effa;
}

.contact-bar li {
	display: table-cell;
	padding: 8px 12px;
	font-weight: 300;
	font-size: 14px;
}

.contact-bar li:hover {
	background: rgba(255, 255, 255, .25);
}

/** View more bar **/

.viewmore-bar {
	margin: 20px 0 0 0;
	padding: 0;
}

.viewmore-bar dt {
	margin: 10px 0 5px 0;
	padding: 0;
	font: 16px 'Roboto Slab';
}

.viewmore-bar dd {
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 0;
	font-weight: 300;
	font-size: 13px;
	line-height: 16px;
	white-space: nowrap;
}

.viewmore-bar dd:after {
	content: "|";
	color: #ccc;
}

.viewmore-bar dd a {
	display: inline-block;
	margin: 0 5px 0 0;
}

/** Social Badge **/

#social-badge {
	z-index: 1;
	position: absolute;
	top: 0;
	right: -72px;
	padding: 0 10px;
	list-style: none;
	width: 72px;
	text-align: center;
	font-size: 11px;
	background: #d3effa;
}

#social-badge li {
	padding: 10px 0;
	border-bottom: solid 1px rgba(0, 0, 0, .1);
}

#social-badge li:hover {
	background: rgba(255, 255, 255, .2);
}

#social-badge li:last-child {
	border: 0;
}

#social-badge .ico24 {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 24px;
	height: 24px;
	text-indent: -999em;
	overflow: hidden;
}

/* Book (8.1)
----------------------------------------------------------- */

.book {
	margin: 0 0 15px 0;
	padding: 15px;
	font-size: 12px;
	background: #fff;
	border: solid 1px #ddd;
	border-radius: 3px;
}

.book-opt {
	margin: 0 0 15px 0;
}

.book p,
.book h4 {
	margin: 0 0 1em 0;
}

.book-title h3 {
	margin: 0 0 1em 0;
}

.book fieldset {
	padding: 15px 0;
	box-shadow: inset 0 6px 5px -5px rgba(0, 0, 0, .12);
}

.book .row {
	margin-bottom: 10px;
}

/* form */

.book-form > .col {
	display: inline-block;
	margin-bottom: 15px;
	width: 47%;
	vertical-align: top;
}

.book-form > .col:nth-child(odd) {
	margin-right: 15px;
}

.book-form .col > label,
.book-form .col > .label {
	display: block;
	margin: 0 0 5px 0;
}

.book-form .cols {
	margin: 0;
}

.book-form .cols .col {
	vertical-align: baseline;
}

.book-form .cols .col label {
	color: #777;
}

.book-form .cols .cols .col {
	padding-left: 8px;
}

.book-form .cols .cols .col:first-child {
	padding-left: 0;
}

.book-form .cols .cols select {
	width: 50px;
	background-position: 84% -690px;
}

.book-total {
	clear: both;
	display: block;
	padding: 5px 15px;
	font: 18px 'Roboto Slab';
	text-align: center;
	color: #f7742c;
	border: dashed 1px #333;
	border-radius: 3px;
}

/* board */

.book-board .cols {
	margin: 0;
}

/* payment */

.book-payment ul,
.book-payment li {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.book-payment label {
	display: block;
}

.book-payment span {
	vertical-align: middle;
}

.book .submit{
	text-align: right;
}

.book-opt tr.subtotal td {
	font-weight: bold;
	font-size: 15px;
	color: #222;
	background: #e5e5e5;
}

.book-opt tr.subtotal td.descr {
	text-align: right;
}

/* switcher */

.book .book-form.switch-on {
	display: none;
}

.book .book-form.switch-on.switch-off {
	display: block;
}

.book .switcher.switch-on:before {
	content: '+ ';
}

.book .switcher.switch-on.switch-off:before {
	content: '– ';
}

/* Offers
----------------------------------------------------------- */

.offers,
.offervs {
	padding: 0;
	list-style: none;
}

/* Vertical */

.offerv > div  {
	display: block;
	height: 280px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .12);
}

.offerv > div:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, .42);
}

.offerv > div > span {
	display: block;
	padding: 10px;
}

.offerv .head {
	padding-bottom: 5px;
	background: url(offerv.png) no-repeat left bottom;
}

.offerv .head .thumb {
	display: block;
	position: relative;
}

.offerv .head span,
.offerv .body span {
	display: block;
}

.offerv .title {
	padding: 6px 16px 0 0;
	font-weight: 300;
	font-size: 16px;
	line-height: 18px;
	height: 40px;
	overflow: hidden;
	color: #fff;
}

.offerv .title a {
	color: #fff;
}

.offerv .location {
	margin: 0 0 2px 0;
	font-weight: 300;
	font-size: 11px;
	line-height: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #777;
}

.offerv .description {
	font-size: 11px;
	line-height: 14px;
	color: #555;
}

/* Horizontal */

.offers {
	margin: 0 0 20px 0;
}

.offer {
	display: table;
	margin: 0 0 15px 0;
	padding: 15px 0 0 0;
	width: 100%;
	box-shadow: inset 0 6px 5px -5px rgba(0, 0, 0, .12);
}

.offer .head,
.offer .body {
	display: table-cell;
	vertical-align: top;
}

.offer .head {
	padding: 0 15px 0 0;
	width: 200px;
}

.offer .head > a {
	position: relative;
	display: block;
}

.offer .subhead {
	position: relative;
}

.offer .title {
	z-index: 9;
	position: relative;
	margin: 0 200px 5px 0;
	font-size: 20px;
	line-height: 23px;
}

.offer .title.moff {
	margin-right: 0;
}

.offer .title a,
.offer .title span {
	margin: 0 5px 0 0;
}

.offer .subtitle {
	font-size: 14px;
	color: #555;
}

.offer .toolbar {
	margin: 0 0 5px 0;
	font-size: 11px;
	line-height: 14px;
}

.offer .toolbar a {
	display: inline-block;
	margin: 0 10px 0 0;
}

.offer .toolbar .location {
	text-transform: uppercase;
	letter-spacing: 1px;
}

.offer .toolbar .location:after {
	content: "\00a0|";
	color: #ccc;
}

.offer .toolbar .type {
	padding: 0 3px;
	text-transform: uppercase;
	color: #fff;
	background: #23aee8;
	background: rgba(35, 174, 232, .7);
}

.offer .toolbar .type:hover {
	background: #23aee8;
}

.offer .description {
	margin: 15px 0 10px 0;
	font-weight: 300;
	font-size: 12px;
	line-height: 16px;
	color: #555;
}

.offer .time {
	display: block;
	font-size: 11px;
	color: #888;
}

/* Price*/

.price {
	display: inline-block;
	padding: 1px 5px 4px 50px;
	min-height: 50px;
	font-weight: 300;
	text-align: right;
	color: #fff;
	background: linear-gradient(
		45deg,
		transparent 0%,
		transparent 25%,
		#23aee8 25%,
		#23aee8 100%
	)
}

.offer .price {
	z-index: 99;
	position: absolute;
	top: -5px;
	right: 0;
	max-width: 250px;
}

.price > span,
.price .price-all {
	display: block;
	margin: 0 0 2px 0;
}

.price .price-value {
	font-size: 14px;
	line-height: 20px;
}

.price .price-value strong {
	font-weight: 300;
	font-size: 20px;
}

.price .price-all,
.price .price-include {
	font-size: 11px;
	line-height: 12px;
}

.price .price-all {
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
}

.price .price-all:hover {
	color: #fff;
}

/* Foot */

.offer .foot {
	display: table;
	width: 100%;
}

.offer .foot .btn1,
.offer .foot .btn2 {
	float: right;
}

.offer .foot .rate {
	float: left;
	margin: 9px 0 0 0;
}

/* Offer home */

.offer-home {
	margin: 0 0 20px 0;
}

.offer-home h3 {
	display: inline-block;
	margin: 0 !important;
	padding: 10px 20px;
	background: #23aee8;
	color: #fff;
}

.offer-home h2 {
	margin: 0;
	padding: 0;
}

.offer-home .offers {
	margin: 0;
}

.offer-home .offer {
	margin: 0;
	padding: 20px;
	background: #fff;
}

.offer-home .subtitle {
	font-size: 12px;
}

.offer-home .subtitle .data:after {
	content: "| ";
	color: #ccc;
}

.offer-home .more {
	text-align: right;
}

.offer-home .more .btn2 {
	vertical-align: top;
}

/* bs coast */

.bs-coast-body {
	display: table;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .32);
}

.bs-coast-body .col {
	display: table-cell;
	padding: 0 20px 15px 20px;
	width: 50%;
	vertical-align: top;
}

.bs-coast-body .col:first-child {
	border-right: solid 1px rgba(0, 0, 0, .1);
}

.bs-coast-body h4 {
	font-size: 16px;
	line-height: 20px;
}

.bs-coast-body ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bs-coast-body li {
	display: inline-block;
	width: 49%;
	font-size: 13px;
	line-height: 18px;
	color: #999;
}

.bs-coast-body a,
.bs-coast-body span {
	display: inline-block;
	margin: 0 3px 0 0;
}

.bs-coast-body .deals {
	padding: 0 3px;
	font-size: 11px;
	text-transform: uppercase;
	color: #fff;
	background-color: #f00;
	background-image: -webkit-linear-gradient(bottom, #f00, #c00);
	   background-image: -moz-linear-gradient(bottom, #f00, #c00);
	    background-image: -ms-linear-gradient(bottom, #f00, #c00);
	        background-image: linear-gradient(bottom, #f00, #c00);
}

/* Footer
----------------------------------------------------------- */

footer#footer {
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff);
	   background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #fff);
		background: -ms-linear-gradient(top, rgba(255, 255, 255, 0), #fff);
}

/* SEO */

#seo {
	display: table;
	margin-bottom: 25px;
	background: #fff;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 0 10px rgba(0, 0, 0, .32);
}

#seo .col {
	display: table-cell;
	padding: 0 0 10px 0;
	vertical-align: top;
}

#seo .col:nth-child(even) {
	border-left: solid 1px rgba(0, 0, 0, .1);
	border-right: solid 1px rgba(0, 0, 0, .1);
}

#seo .col:hover {
	background: #fff;
}

#seo h3 {
	margin: 0;
	padding: 10px 20px 5px 20px;
	background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0), #daf1fb);
	   background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0), #daf1fb);
		background: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0), #daf1fb);
}

#seo dl {
	margin: 0;
	padding: 0 20px;
}

#seo dt {
	padding: 5px 0;
	font-size: 14px;
}

#seo dd.location {
	margin: 0 0 2px 0;
	font-weight: 300;
	font-size: 11px;
	line-height: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #777;
}

#seo dd.description {
	margin: 0 0 5px 0;
	font-size: 11px;
	line-height: 14px;
	color: #555;
}

/* Extras */

#xtras {
	display: table;
	margin-bottom: 25px;
}

#xtras .col {
	display: table-cell;
	width: 33.3%;
	vertical-align: top;
}

#xtras .col:nth-child(1) {
	padding: 0 10px 0 0;
}

#xtras .col:nth-child(2) {
	padding: 0 5px;
}

#xtras .col:nth-child(3) {
	padding: 0 0 0 10px;
}

.xtra {
	padding: 10px;
	height: 95px;
	overflow: hidden;
	background: #fff;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 0 10px rgba(0, 0, 0, .32);
}

.xtra:hover {
	background: #fff;
}

.xtra .thumb {
	float: left;
	margin: 0 10px 0 0;
}

.xtra h4 {
	margin-top: 0;
}

.xtra p {
	margin: 0;
	font-size: 11px;
	line-height: 14px;
}

/* Prefooter */

#prefooter {
	display: table;
	margin-bottom: 25px;
	padding: 20px 0;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .32);
}

#prefooter .col {
	padding: 0 20px;
	display: table-cell;
	vertical-align: top;
}

#prefooter .col:nth-child(even) {
	width: 40%;
	border-left: solid 1px rgba(0, 0, 0, .1);
	border-right: solid 1px rgba(0, 0, 0, .1);
}

#prefooter h3 {
	margin-top: 0;
}

#prefooter p {
	padding: 0 0 1em 0;
	font-size: 12px;
}

#prefooter ul {
	padding: 0;
	list-style: none;
}

.pf-newsletter form {
	height: 55px;
}

.pf-newsletter input[type="text"] {
	margin: 0 5px 0 0;
	width: 70%;
}

.pf-facebook {
	height: 91px;
}

.pf-facebook p {
	margin: 10px 0 0 0;
}

/* nav */

nav.footer-nav {
	margin-bottom: 25px;
	text-align: center;
}

nav.footer-nav a {
	display: inline-block;
	margin: 0 0 0 3px;
	padding: 0 10px;
	height: 12px;
	line-height: 12px;
	overflow: hidden;
	font-size: 11px;
	border-left: solid 1px #ccc;
}

nav.footer-nav a:first-child {
	border: 0;
}

.copyright {
	padding-bottom: 25px;
	text-align: center;
	opacity: .8;
}

.copyright p {
	margin: 0;
	font-size: 11px;
	line-height: 15px;
}

/* Buttons
----------------------------------------------------------- */

/* Button 1 - search and book */

.btn1 {
	display: inline-block;
	padding: 5px 15px;
	overflow: hidden;
	font: 13px 'Roboto Slab';
	line-height: 18px !important;
	text-transform: uppercase;
	vertical-align: top;
	text-shadow: none;
	color: #fff;
	border: 0;
	border-radius: 2px;
	background-color: #ed6411;
	background: -webkit-linear-gradient(top, #f6a64c, #ea580e);
	   background: -moz-linear-gradient(top, #f6a64c, #ea580e);
		background: -ms-linear-gradient(top, #f6a64c, #ea580e);
	box-shadow: inset -1px -1px 1px #d7b199, 0 0 5px rgba(0, 0, 0, .1);
}

.btn1:hover {
	color: #fff;
	background: -webkit-linear-gradient(top, #fbba7d, #f7742c);
	   background: -moz-linear-gradient(top, #fbba7d, #f7742c);
		background: -ms-linear-gradient(top, #fbba7d, #f7742c);
}

.btn1:active {
	background: -webkit-linear-gradient(top, #f7742c, #f6a64c);
	   background: -moz-linear-gradient(top, #f7742c, #f6a64c);
		background: -ms-linear-gradient(top, #f7742c, #f6a64c);
}

/* Button 2 - list view more */

.btn2 {
	display: inline-block;
	padding: 0 35px 0 10px;
	line-height: 23px;
	font-size: 10px;
	text-transform: uppercase;
	color: #fff;
	color: rgba(255, 255, 255, .9);
	background: #23aee8 url(btn2.png) no-repeat 100% 50%;
}

.btn2:hover {
	color: rgba(255, 255, 255, 1);
	background-color: rgba(35, 174, 232, .7);
}

/* Button 3 - spacebar */

.btn3 {
	display: inline-block;
	padding: 15px;
	font-size: 14px;
	text-align: center;
	text-shadow: 1px 1px #fff;
	color: #555;
	border-radius: 2px;
	background-color: #f0f0f0;
	background: -webkit-linear-gradient(top, #f8f8f8, #f0f0f0);
	   background: -moz-linear-gradient(top, #f8f8f8, #f0f0f0);
		background: -ms-linear-gradient(top, #f8f8f8, #f0f0f0);
	box-shadow: inset -1px -1px 1px #ccc,
				0 0 5px rgba(0, 0, 0, .1);
}

.btn3:hover {
	color: #777;
	background: -webkit-linear-gradient(top, #fcfcfc, #f3f3f3);
	   background: -moz-linear-gradient(top, #fcfcfc, #f3f3f3);
		background: -ms-linear-gradient(top, #fcfcfc, #f3f3f3);
}

.btn3:active {
	background: -webkit-linear-gradient(top, #f0f0f0, #f3f3f3);
	   background: -moz-linear-gradient(top, #f0f0f0, #f3f3f3);
		background: -ms-linear-gradient(top, #f0f0f0, #f3f3f3);
}

/* Button 4 - article view more */

.btn4 {
	display: inline-block;
	padding: 0 5px;
	line-height: 13px;
	font-size: 10px;
	text-transform: uppercase;
	color: #fff;
	background: #23aee8;
	background-color: rgba(35, 174, 232, .7);
}

.btn4:after {
	content: "\00a0\00a0›";
	font-size: 13px;
}

.btn4:hover {
	color: #fff;
	background: #23aee8;
}

/* Button 5  */

.btn5 {
	position: relative;
	display: inline-block;
	margin: 0 2px 0 0;
	padding: 0 10px 0 30px;
	height: 22px;
	line-height: 22px;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	vertical-align: top;
	color: #fff;
	background-color: rgba(35, 174, 232, .7);
	border-radius: 10px;
}

.btn5:hover {
	color: #fff;
	background-color: rgba(35, 174, 232, 1);
}

.btn5:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 6px;
	width: 22px;
	height: 22px;
	background: url(./svg/ico-megafon.svg) no-repeat 0 2px;
	background-size: 18px 18px;
}

/* Icons
----------------------------------------------------------- */

/* 16px */

.ico16 {
	display: inline-block;
	padding-left: 22px;
	font-size: 12px;
	line-height: 18px;
	background-image: url(ico16.png);
	background-repeat: no-repeat;
}

.ico16.ico-phone {
	background-position: 0 0;
}

.ico16.ico-gsm {
	background-position: 0 -100px;
}

.ico16.ico-skype {
	background-position: 0 -200px;
}

.ico16.ico-mail {
	background-position: 0 -300px;
}

.ico16.ico-address {
	background-position: 0 -400px;
}

.ico16.ico-zoom {
	background-position: 0 -500px;
}

.ico16.ico-down {
	padding-left: 0;
	padding-right: 22px;
	background-position: 100% -694px;
}

.switch-off .ico16.ico-down {
	background-position: 100% -794px;
}

.ico16.ico-thumbup {
	color: #390;
	background-position: 0 -1300px;
}

.ico16.ico-thumbdown {
	color: #c00;
	background-position: 0 -1400px;
}

/* 24px */

.ico24 {
	display: inline-block;
	padding-left: 30px;
	line-height: 24px;
	background-image: url(ico24.png);
	background-repeat: no-repeat;
}

.ico24.ico-fb {
	background-position: 0 0;
}

.ico24.ico-mail {
	background-position: 0 -100px;
}

.ico24.ico-phone {
	background-position: 0 -200px;
}

.ico24.ico-gsm {
	background-position: 0 -300px;
}

.ico24.ico-skype {
	background-position: 0 -400px;
}

/* UI
----------------------------------------------------------- */

.ui-menu .ui-menu {
	display: none;
}

.ui-tooltip {
	padding: 4px 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	font-size: 12px;
	background: rgba(255, 255, 255, .98);
	border-radius: 2px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .32);
}

.ui-accordion-header {
	margin: 0;
	position: relative;
	cursor: pointer;
}

.ui-accordion-header-icon {
	position: absolute;
	right: 12px;
	font: 20px Arial;
	color: #fff;
}

.ui-accordion-header-icon:before {
	content: "+";
}

.ui-accordion-header-active .ui-accordion-header-icon:before {
	content: "–";
}

.ui-datepicker {
	z-index: 99 !important;
	display: none;
	position: relative;
	padding: 10px;
	width: auto !important;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .32);
}

.ui-datepicker-group {
	display: table-cell;
	width: 50%;
	vertical-align: top;
}

.ui-datepicker-group-first {
	padding: 0 10px 0 0;
}

.ui-datepicker-header {
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	background: #81c2ea;
	background: rgba(35, 174, 232, .32);
}

.ui-datepicker-title {
	display: inline-block;
}

.ui-datepicker-title select {
	margin: 0 2px;
}

.ui-datepicker-group-last .ui-datepicker-title {
	padding: 0 0 0 8px;
}

.ui-datepicker-prev,
.ui-datepicker-next {
	display: inline-block;
	width: 30px;
	height: 30px;
	overflow: hidden;
	text-indent: -999px;
	background: url(ico16.png) no-repeat 50% -991px;
	cursor: pointer;
	vertical-align: top;
}

.ui-datepicker-next {
	float: right;
	background: url(ico16.png) no-repeat 50% -891px;
}

.ui-datepicker-calendar {
	margin: 10px 0;
}

.ui-datepicker-calendar thead th {
	padding: 0 0 8px 0;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 11px;
	color: #555;
}

.ui-datepicker-calendar tbody td {
	padding: 0 4px 4px 0;
}

.ui-datepicker-calendar .ui-state-default {
	display: block;
	width: 24px;
	height: 24px;
	line-height: 22px;
	text-align: center;
	font-size: 12px;
	border: solid 1px #ddd;
	border-radius: 2px;
}

.ui-datepicker-calendar .ui-state-disabled .ui-state-default {
	color: #999;
	background: #eee;
	text-shadow: 1px 1px #fff;
}

.ui-datepicker-today .ui-state-default {
	color: #fff;
	background: #f7742c;
	border-color: #f7742c;
}

.ui-datepicker-calendar .ui-state-default:hover {
	color: #222;
	background: rgba(35, 174, 232, .24);
	border-color: rgba(35, 174, 232, .12);
}

.ui-datepicker-buttonpane {
	height: 23px;
}

.ui-datepicker-buttonpane .ui-datepicker-current {
	float: left;
	display: inline-block;
	margin: 7px 0 0 0;
	padding: 0;
	line-height: 10px;
	font-size: 10px;
	text-transform: uppercase;
	background: transparent;
	border: 0;
	border-bottom: dotted 1px #999;
}

.ui-datepicker-buttonpane .ui-datepicker-close {
	float: right;
	display: inline-block;
	padding: 0 35px 0 10px;
	line-height: 23px;
	font-size: 10px;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .9);
	border: 0;
	background: rgba(35, 174, 232, 1) url(btn2.png) no-repeat 100% 50%;
}

/** Toggler **/

.switch-on .switch-me {
	display: none
}

.switch-off .switch-me {
	display: block;
}

/* Form
----------------------------------------------------------- */

legend {
	font: 16px/20px 'Roboto Slab';
}

/* Select */

.select {
	width: 100%;
	height: 28px;
	line-height: 25px;
	overflow: hidden;
	border-radius: 2px;
	background-color: #e6e6e6;
	background: -webkit-linear-gradient(top, #fefefe, #e6e6e6);
	   background: -moz-linear-gradient(top, #fefefe, #e6e6e6);
		background: -ms-linear-gradient(top, #fefefe, #e6e6e6);
	box-shadow: inset -1px -1px 1px rgba(0, 0, 0, .1),
				0 0 0 1px rgba(0, 0, 0, .02),
				0 1px 3px 0 rgba(255, 255, 255, .5);
}
   
.select:hover {
	background: -webkit-linear-gradient(top, #fff, #f3f3f3);
	   background: -moz-linear-gradient(top, #fff, #f3f3f3);
		background: -ms-linear-gradient(top, #fff, #f3f3f3);
}

.select select {
	outline: 0;
	display: inline-block;
	padding: 7px 5px;
	width: 130%;
	font-size: 13px;
	line-height: 13px;
	color: #555;
	border: 0;
	background: transparent url(ico16.png) no-repeat 74% -690px;
	cursor: pointer;
	-webkit-appearance: none;
}

textarea,
input[type="text"] {
	padding: 6px;
	width: 100%;
	font-size: 13px;
	background: #fff;
	border: 0;
	border-radius: 2px;
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2), 0 0 0 1px rgba(0, 0, 0, .05);
}

textarea:focus,
input[type="text"]:focus {
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .4), 0 0 0 1px rgba(0, 0, 0, .2);
}

input.date {
	background: #fff url(ico16.png) no-repeat 97% -594px;
}

.error {
	margin: 0 0 10px 0;
	padding: 10px;
	font-size: 13px;
	text-align: center;
	color: #fff;
	background: #c00;
	background: rgba(200, 0, 0, .8);
	border-radius: 2px;
}

/** checkbox **/

input[type="checkbox"] {
    display: none;
}

input[type="checkbox"] + label {
	display: inline-block;
	margin: 0 12px 10px 0;
	color: #555;
}

input[type="checkbox"] + label span {
    display: inline-block;
	margin: 0 5px 0 0;
    width: 16px;
    height: 16px;
	vertical-align: top;
	background: #fff;
	border: 0;
	border-radius: 2px;
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2), 0 0 0 1px rgba(0, 0, 0, .05);
    cursor:pointer;
}

input[type="checkbox"]:checked + label span {
    background-image: url(ico16.png);
    background-position: 0 -1100px;
}

.feedback {
	font-size: 13px;
}

.feedback .col {
	width: 50%;
}

.feedback .row {
	margin: 0 0 10px 0;
}

.feedback .radio label span {
	display: inline-block;
	margin: 0 10px 0 0;
	vertical-align: middle;
}

.feedback.newsletter h2 {
	padding: 14px 60px;
	background: url(http://production.beachbulgaria.com/css/ico-nl2.png) no-repeat;
}

/* Useful
----------------------------------------------------------- */

.list-checks li {
	margin: 0 0 2px 0;
	padding: 0 0 0 22px;
	font-size: 12px;
	line-height: 16px;
	list-style: none;
	background: url(ico16.png) no-repeat 0 -1098px;
}

.list-inline {
	margin: 0 0 20px 0;
	padding: 0;
}

.list-inline li {
	display: inline-block;
	width: 33%;
}

/* results */

.list-results {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}

.list-results li {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: solid 1px #eee;
}

.list-results h2 {
	margin: 0 0 5px 0;
	font-size: 17px;
	line-height: 24px;
}

.list-results .location {
	margin: 0 0 5px 0;
	font-weight: 300;
	font-size: 11px !important;
	line-height: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #777;
}

.list-results .description {
	margin: 0;
	padding: 0;
	font-size: 12px !important;
	line-height: 16px;
	color: #555;
}

.title {
	font-family: 'Roboto Slab';
}

.spacebar a {
	display: block;
}

.tmark {
	display: inline-block;
	padding-right: 20px;
	background: url(ico16.png) no-repeat 100% -1500px;
	cursor:help;
}

.note {
	font-weight: 300;
	font-size: 11px !important;
	color: #555;
}

/** Columns **/

.cols {
	display: table;
	margin-bottom: 1em;
	width: 100%;
}

.cols .col {
	display: table-cell;
	padding: 0 0 0 20px;
	vertical-align: top;
}

.cols .col:first-child {
	padding: 0;
}

/** Floats **/

.floatr {
	float: right;
	display: inline-block;
	margin: 0 0 10px 20px;
}

.floatl {
	float: left;
	display: inline-block;
	margin: 0 10px 20px 0;
}

/** Stars **/

.star {
	display: inline-block;
	margin: 0 0 4px 0;
	width: 60px;
	height: 12px;
	overflow: hidden;
	text-indent: -999em;
	background: url(ico-star.png) 0 -1200px;
}

.star.s1 {
	width: 12px;
}

.star.s2 {
	width: 24px;
}

.star.s3 {
	width: 36px;
}

.star.s4 {
	width: 48px;
}

/** Rate **/

.rate {
	height: 10px;
	line-height: 10px;
	overflow: hidden;
	font-size: 11px;
}

.rate span {
	float: left;
	height: 10px;
}

.rate .scale {
	margin: 0 2px 0 0;
	width: 20px;
	background: #ccc;
	background: -webkit-linear-gradient(top, #ddd, #eee);
	   background: -moz-linear-gradient(top, #ddd, #eee);
		background: -ms-linear-gradient(top, #ddd, #eee);
	border-radius: 1px;
}

.rate .scale .glue {
	text-indent: -999em;
	background: #ef6d14;
	background: -webkit-linear-gradient(top, #f6a64c, #ea580e);
	   background: -moz-linear-gradient(top, #f6a64c, #ea580e);
		background: -ms-linear-gradient(top, #f6a64c, #ea580e);
	border-radius: 1px;
}

.rate .counter {
	margin: 0 0 0 2px;
}

/** Steps **/

.steps {
	display: table;
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}

.steps li {
	display: table-cell;
	width: 24%;
	list-style: none;
}

.steps li b {
	display: block;
	padding: 5px;
	margin: 0 5px 0 0;
	font-weight: normal;
	font: 17px 'Roboto Slab';
	text-align: center;
}

.steps li:last-child b {
	margin: 0;
}

.steps li.past b {
	color: #fff;
	background: #23aee8;
}

.steps li.present b {
	color: #fff;
	background: #f7742c;
}

.steps li.future b {
	color: #333;
	text-shadow: 1px 1px #f3f3f3;
	background: #e3e3e3;
}

.steps li:nth-child(1) b:before {
	content: "1. ";
}

.steps li:nth-child(2) b:before {
	content: "2. ";
}

.steps li:nth-child(3) b:before {
	content: "3. ";
}

.steps li:nth-child(4) b:before {
	content: "4. ";
}

/** Paging **/

.paging {
	margin: 0 0 15px 0;
	text-align: center;
}

.paging * {
	display: inline-block;
	margin: 0 3px;
	padding: 0 6px;
	min-width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	border-radius: 15px;
}

.paging a {
	background: #eee;
}

.paging strong {
	color: #fff;
	background: #23aee8;
}

.paging a:first-child,
.paging a:last-child {
	position: relative;
	background: transparent;
}

.paging a:first-child:before {
	position: absolute;
	top: 0;
	left: -5px;
	content: "‹";
}

.paging a:last-child:after {
	position: absolute;
	top: 0;
	right: -5px;
	content: "›";
}

/** Page tabs **/

.page-tabs .tab {
	margin: 0 15px;
	padding: 0;
	list-style: none;
}

.page-tabs .tab li {
	position: relative;
	display: inline-block;
	padding: 6px 16px;
	font-size: 14px;
}

.page-tabs .ui-tabs-active {
	z-index: 9;
	font-weight: 700;
	background: #fff;
	border: solid 1px #ddd;
	border-bottom-color: #fff;
}

.page-tabs .ui-tabs-panel {
	z-index: 1;
	position: relative;
	margin: -1px 0 0 0;
	background: #fff;
	border-top: solid 1px #ddd;
}

/** Badges **/

.badge-deals {
	position: absolute;
	top: 5px;
	left: 5px;
}

.badge-deals {
	position: absolute;
	top: 5px;
	left: 5px;
}

.badge-deals span {
	display: inline-block !important;
	margin: 0 3px 0 0;
	padding: 1px 4px;
	font-size: 11px;
	text-transform: uppercase;
	color: #fff;
}

.badge-deals-1 {
	background: #23aee8;
	background: rgba(35, 174, 232, .8);
}

.badge-deals-2 {
	background: #c00;
	background: rgba(204, 0, 0, .8);
}

.badge-deals-3 {
	background: #34c448;
	background: rgba(52, 196, 72, .8);
}

.badge-top {
	position: absolute;
	display: inline-block;
	top: 130px;
	left: 30px;
	right: 50px;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
	background: #fff;
	background: rgba(255, 255, 255, .8);
}

/** Vaucher (10.1) **/

.vaucher {
	margin: 20px 0;
	padding: 20px 20px 0 20px;
	background: #fff;
	border: dashed 3px #ccc;
}

.vaucher h3 {
	margin-top: 0;
}

.vaucher .floatl {
	margin-right: 20px;
}

/* Booking (13.+)
----------------------------------------------------------- */

/* Criteria */

.booking-criteria {
	margin: 0 0 10px 0;
	font-size: 13px;
}

.booking-criteria dt {
	display: inline-block;
	margin: 0 3px 5px 0;
	font-weight: bold;
}

.booking-criteria dd {
	display: inline-block;
	margin: 0 30px 5px 0;
}

/* Choice */

.booking-choice {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 14px;
	line-height: 20px;
	border-top: dotted 1px #ccc;
}

.booking-choice dt,
.booking-choice dd {
	float: left;
	margin: 0;
	padding: 5px 0;
	border-bottom: dotted 1px #ccc;
}

.booking-choice dt {
	width: 15%;
	color: #555;
	text-align: left;
}

.booking-choice dd {
	width: 85%;
}

/* Feedback
----------------------------------------------------------- */

#feedback {
	z-index: 999;
	position: fixed;
	top: 50%;
	right: -40px;
	letter-spacing: 1px;
	border-radius: 3px 3px 0 0;
	-webkit-transform: rotate(-90deg);
	   -moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		 -o-transform: rotate(-90deg);
			transform: rotate(-90deg);

}

/* SVG */

.s24 {
	content: "";
	display: inline-block;
	overflow: hidden;
	width: 24px;
	height: 24px;
	text-indent: -100em;
	text-align: left;
	vertical-align: top;
	background-position: -4px -4px;
	background-size: 30px 30px;
	background-repeat: no-repeat;
	border: 0 !important;
	opacity: .7;
}

.s24:hover {
	opacity: 1;
}

/** social **/

.vk {
	background-image: url(./svg/soc-vk.svg);
}

.vk.dark {
	background-image: url(./svg/soc-vk-dark.svg);
}

.fb {
	background-image: url(./svg/soc-fb.svg);
}

.fb.dark {
	background-image: url(./svg/soc-fb-dark.svg);
}

.tw {
	background-image: url(./svg/soc-tw.svg);
}

.tw.dark {
	background-image: url(./svg/soc-tw-dark.svg);
}

.gp {
	background-image: url(./svg/soc-gp.svg);
}

.gp.dark {
	background-image: url(./svg/soc-gp-dark.svg);
}

.yt {
	background-image: url(./svg/soc-yt.svg);
}

.yt.dark {
	background-image: url(./svg/soc-yt-dark.svg);
}

.in {
	background-image: url(./svg/soc-in.svg);
}

.in.dark {
	background-image: url(./svg/soc-in-dark.svg);
}

.ml {
	background-image: url(./svg/soc-ml.svg);
}

.ml.dark {
	background-image: url(./svg/soc-ml-dark.svg);
}

.ttip.help {
	white-space: nowrap;
	font-style: normal;
	font-weight: bold;
	cursor: help;
}

.ttip.help:after {
	content: "?";
	display: inline-block;
	margin: 0 0 0 3px;
	width: 12px;
	height: 12px;
	line-height: 12px;
	text-align: center;
	color: rgba(0, 0, 0, .5);
	background: rgba(255, 255, 255, .65);
	border-radius: 6px;
}

.red {
	color: #f00;
}

/* Stamp
----------------------------------------------------------- */

#stamp {
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 300px;
	text-align: left;
}

#stamp a {
	z-index: 1;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	height: 125px;
	overflow: hidden;
	text-indent: -100em;
	text-align: left;
	background-repeat: no-repeat;
	background-size: 120px 125px;
}

#stamp.ru a {
	background-image: url(stamp-ru.svg);
}

#stamp.bg a {
	background-image: url(stamp-bg.svg);
}

#stamp.en a {
	background-image: url(stamp-en.svg);
}

/* Ads
----------------------------------------------------------- */

#ads {
	z-index: 1;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

#ads a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0 auto;
	width: 1000px;
	text-indent: -100em;
	text-align: left;
}

#ads a:before,
#ads a:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 300px;
	text-indent: 0;
	background-repeat: no-repeat;
}

#ads a:before {
	left: -300px;
	background-position: left top;
}

#ads a:after {
	right: -300px;
	background-position: right top;
}

.ads-1:before,
.ads-1:after {
	background-image: url(../img/ads-1.png);
}

.ads-2:before,
.ads-2:after {
	background-image: url(../img/ads-2.png);
}

.ads-3:before,
.ads-3:after {
	background-image: url(../img/ads-3.png);
}

.ads-32:before,
.ads-32:after {
	background-image: url(../img/ads-32.png);
}

.ads-4:before,
.ads-4:after {
	background-image: url(../img/ads-4.png);
}

.ads-5:before,
.ads-5:after {
	background-image: url(../img/ads-5.png);
}

.ads-6:before,
.ads-6:after {
	background-image: url(../img/ads-6.png);
}

.ads-7:before,
.ads-7:after {
	background-image: url(../img/ads-7.png);
}

.ads-1bg:before,
.ads-1bg:after {
	background-image: url(../img/ads-1bg.png);
}

.ads-2bg:before,
.ads-2bg:after {
	background-image: url(../img/ads-2bg.png);
}

.ads-3bg:before,
.ads-3bg:after {
	background-image: url(../img/ads-3bg.png);
}

.ads-4bg:before,
.ads-4bg:after {
	background-image: url(../img/ads-4bg.png);
}

.ads-7bg:before,
.ads-7bg:after {
	background-image: url(../img/ads-7bg.png);
}

.ads-1ru:before,
.ads-1ru:after {
	background-image: url(../img/ads-1ru.png);
}

.ads-2ru:before,
.ads-2ru:after {
	background-image: url(../img/ads-2ru.png);
}

.ads-3ru:before,
.ads-3ru:after {
	background-image: url(../img/ads-3ru.png);
}

.ads-4ru:before,
.ads-4ru:after {
	background-image: url(../img/ads-4ru.png);
}

.ads-5ru:before,
.ads-5ru:after {
	background-image: url(../img/ads-5ru.png);
}

.ads-6ru:before,
.ads-6ru:after {
	background-image: url(../img/ads-6ru.png);
}

.ads-7ru:before,
.ads-7ru:after {
	background-image: url(../img/ads-7ru.png);
}

/* Clearfix */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}