html {
	background: white;
	margin: 0;
	padding: 0;
	width: 100%;
}
body {
	margin: 0;
	padding: 0;
	font: 15px Helvetica, Geneva, Verdana, Arial, sans-serif;
	color: #436C88;
	width: 100%;
	background: white;
	height: 100%;
    position: relative;
	min-width: 1000px;
}

.contentStyle{
	font-family: "Open sans", Helvetica, Geneva, Verdana, Arial, sans-serif;
}


a,
a:visited,
a:link {
	font-weight: normal;
	color: rgb(20, 65, 96);
	color: #7f9fc8;
	text-decoration: none;
	transition: 0.2s all;
}
a:hover,
a:visited {
	color: #436C88;
	color: #7f9fc8;
}
a:active,
a:hover {
	color: #666;
}
.clear {
	display: block;
	clear: both;
}
h1,
h2,
.h1,
.h2 {
	font-size: 1em;
	color: #436C88;
	font-weight: normal;
	margin: 0;
}
h1,
.h1 {
	margin-top: 0;
}
h2,
.h2 {
	margin: 0;
	font-weight: normal;
}
h2,
h3,
h4,
h5 {
	margin-bottom: 5px;
}
h3,
.h3 {
	font-size: 1.4em;
	color: black;
	font-weight: normal;
}
h4,
h5 {
	font-size: 1.2em;
	color: #999;
}
table,
tr,
td {
	border: 0;
	border-color: transparent;
}
fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
input,
textarea {
	-webkit-appearance: none;
}
img {
	border: 0 !important;
}
.head-email a,
.head-phone {
	color: #444;
	font-family: Open sans;
	font-size: 15px;
}
.container {
	max-width: 1300px;
	min-width: 1000px;
	margin: 0 auto;
	position: relative;
	padding: 0 12px;
	box-sizing: border-box;
}
.container--small{
	max-width: 800px;
}
#fullpage-booking .container {
	max-width: 1200px;
	min-width: 1000px;
}

#fullpage-booking #header .container,
#fullpage-booking .footer .container {
	max-width: 1200px !important;
	min-width: 1000px !important;
	width: unset;
}
.title {
	font-size: 2em;
	margin: 10px 0;
}
.relative {
	position: relative;
}
a.tour-link {
	color: white;
	text-decoration: none;
}
.block {
	display: block;
}

/** Header **/

#header .languages-container {
	float: right;
	position: relative;
	width: 112px;
	margin-top: 5px;
	margin-left: 20px;
	cursor: pointer;
	z-index: 700;
}
#header .selected-language {
	border: 0;
	color: #436C88;
	font-size: 0.9em;
	text-transform: capitalize;
	height: 20px;
	line-height: 24px;
	padding: 3px 4px;
	/* border: 1px solid rgb(29, 35, 134); */
	background: url(/templates/images/arrow.png) no-repeat;
	background-position: 85px center;
	background-repeat: no-repeat;
}
.current-language {
	background-image: url(/templates/images/idioma.png);
	background-position: 79% center;
	background-repeat: no-repeat;
}
#header .languages {
	display: none;
	/* border: 1px solid #9d8640; */
	background: white;
	/* background: rgba(0,0,0,0.7); */
	padding: 3px;
	position: absolute;
	width: 93%;
	border: 1px solid rgb(20, 65, 96);
	text-indent: 10px;
}
#header .container {
	height: 108px;
}
#header .languages li a {
	display: block;
	color: #144160;
	text-decoration: none;
	line-height: 24px;
	padding: 0 1px;
	padding-left: 13px;
}
#header .languages li a:hover {
	color: black;
	text-decoration: underline;
}
#header .languages .active {
	display: none;
}
#header {
	border-bottom: 5px solid rgba(255, 255, 255, .3);
	margin-bottom: -5px;
	z-index: 999;
	position: relative;
	height: 105px;
}
#content-fullpage #header{
	border-bottom: 2px solid #f3f3f3;
}
#content-ubication #header {
	background: white;
}
#logo {
	float: left;
	padding: 0;
	padding-top: 10px;
	position: absolute;
    overflow: hidden;
}
#nav {
	text-align: right;
	font-size: 1.1em;
	position: absolute;
	bottom: 17px;
	right: 12px;
}
#nav ul {
	margin-bottom: 0;
}

#nav ul li {
	display: inline;
	margin: 0 7px;
}
#nav ul li.active a {
	color: #7f9fc8;
}
#nav ul li.active a:before {
	width: 100%;
	background: #7f9fc8;
}
#nav ul li:last-child {
	margin-right: 0;
}
.headerNavigation ul li a:before,
#nav>ul>li>a:before {
	content: "";
	width: 0%;
	height: 1px;
	position: absolute;
	background: #7f9fc8;
	bottom: -3px;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}
.headerNavigation ul li a:hover:before,
#nav>ul>li:hover a:before {
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: -3px;
}
#nav ul li a {
	color: #436C88;
	position: relative;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
	
}

#fullpage-booking #nav ul li a {
	font-size: 1.063em;
	
}
#header #nav ul li a:hover {
	text-decoration: none;
	/* color: #144160;*/
}
.slogan {
	position: absolute;
	left: 52px;
	bottom: 15px;
	color: #999;
	font-family: "Georgia";
	font-style: italic;
	letter-spacing: 3.1px;
	font-size: 0.85em;
}

#checkin,
#checkout {
	background: url(/templates/images/calendar.png);
	background-repeat: no-repeat;
	background-position: right;
}

#main {
	margin-top: -5px;
	position: relative;
	padding-bottom: 20px;
	min-height: 300px;
}
#content-home #main {
	padding-bottom: 0;
}
#content-home > .page > #main > .container {
	padding-top: 40px;
	padding: 80px 12px 50px;
}
#content-home #titles {
	display: table;
	padding-bottom: 40px;
}
.home-titles {
	display: table-cell;
	width: 35%;
	padding: 0 50px 0 0;
	font-size: 2.5em;
	text-align: left;
	vertical-align: middle;
	font-family: "Georgia";
	/* background: url(/templates/images/background-ab.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 100px center; */
}
#content-home #fx-page-title span {
	color: #7d9bc3;
}
#content-home .tripadvisor-text {
	text-transform: uppercase;
	font-size: 2em;
	font-weight: normal;
	line-height: 30px;
	color: #144160;
}
#content-home .tripadvisor-text span {
	font-weight: 800;
	font-size: 0.9em;
}
#content-home .home-title {
	margin-bottom: 30px;
}

#content-home .content {
	font-size: 1.1em;
	font-weight: normal;
	padding-right: 700px;
}
#content-home .featured-image-home img {
	width: 100%;
	padding: 5px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	box-sizing: border-box;
	background: white;
	box-shadow: 0 0 5px rgb(213, 213, 213);
}
#content-home #fx-page-title {
	color: #144160;
	font-weight: normal;
	font-size: 3.5em;
	line-height: 53px;
	max-width: 560px;
}
#content-home .home-content-left {
	vertical-align: top;
	padding-right: 50px;
}

/********************   BOOKING *****************/
.booking-bar {
    position: absolute;
    width: 100%;
    bottom: 0;
    overflow: hidden;
}

.form-booking {
    min-width: 990px;
    font-size: 1.1em;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    max-width: 1024px;
    text-align: initial;
    position: initial;
}

.booking-bar .form-booking div {
    background: none;
    display: inline-block;
    color: white;
    margin: 0px 7px;
    text-transform: uppercase;
    overflow: hidden;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: normal;
}
.booking-bar .form-booking fieldset {
    padding: 0;
}
.title-booking {
    text-transform: capitalize !important;
    font-size: 1.5em;
    line-height: 54px;
    color: #819ec6 !important;
}
.booking-bar .title-booking span {
    color: #144160;
}
.booking-bar .form-booking label {
    color: #144160;
    font-weight: normal;
    margin-right: 15px;
}
.booking-bar #checkin, .booking-bar #checkout {
    width: 110px;
    padding: 5px 0px 5px 10px;
    position: relative;
    top: 0px;
    background: url(/templates/images/calendar.png);
    background-repeat: no-repeat;
    background-position: 100px;
    background-color: #FFFFFF !important;
    font-weight: normal;
    color: #819ec6;
    font-family: "Open sans";
    border: 1px solid rgba(129, 158, 198, 0.37);
    cursor: pointer;
    font-size: 1em;
}
#adults {
    width: 110px;
    padding: 4px 5px 4px 5px;
    position: relative;
    top: 0px;
    /* margin-left: 10px; */
    font-weight: normal;
    /* margin-right: 10px; */
    color: #819ec6;
    font-family: "Open sans";
    border: 1px solid rgba(129, 158, 198, 0.37);
    cursor: pointer;
    font-size: 1em;
}
.booking-bar .submit-booking {
    min-width: 225px;
    max-width:300px;
    padding-top: 0;
    padding-bottom: 0 !important;
    font-size: 1em;
    border: none;
    text-shadow: 1px 1px 0px #819ec6;
    border-radius: 1px;
    background: #144160!important;
    background-repeat: no-repeat !important;
    background-position: 102% 49% !important;
    cursor: pointer;
    margin-right: 0px!important;
    background-size: 16px !important;

}
.booking-bar #submit-button {
    height: 54px;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    background: #144160;
    color: white !important;
    border: none;
    border-radius: 0px;
    font-size: 1.1em;
    font-family: Open sans;
    text-shadow: none !important;
    padding: 10px 15px 10px 10px;
    padding-right: 60px;
    background-image: url(/templates/images/arrow-booking.png);
    background-repeat: no-repeat;
    background-position: 92%;
    cursor: pointer;
    font-weight: normal;
    width:100%;
}
#content-offer #submit-button {
    text-transform: uppercase;
    background: #144160;
    color: white !important;
    border: none;
    border-radius: 3px;
    font-size: 1em;
    font-family: 'Open sans';
    cursor: pointer;
    font-weight: normal;
    width: 100%;
}
/********************************************************************/
.paquetes {
	font-size: 2em;
	color: #17425d;
	margin-bottom: 20px;
	margin-top: 20px;
}
.container.offer {
	display: block !important;
	box-sizing: border-box;
}
.offers {
	border-bottom: 1px solid #E2E7F0;
	padding: 40px 0 75px 0;
}
.offers--smMrgBot{
	padding-bottom: 80px;
	padding-top: 80px;
}
.offers__content {
    text-align: center;
    width: 800px;
    margin: -40px auto 55px;
}
.offers__rooms{
	margin: -12px;
	padding: 0 12px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.offers__rooms .room{
	padding: 20px 10px;
    width: 49.3% !important;
    margin: 0;
	box-sizing: border-box;
}
.offers .content{
	width: 100%;
	padding: 0!important;
	margin-top: 0;
	margin-bottom: 40px;
}
.offers .content p{
	margin-top: 10px;
}
.pack {
	/* float: left; */
	background: white;
	width: 22.41%;
	margin-right: 3.3%;
	display: table-cell;
}
.separate-cell {
	display: table-cell;
	width: 3.5%;
}
.pack.last-square {
	margin-right: 0;
}
.pack .pack-title {
	padding: 30px;
	text-align: center;
    background: rgb(245, 248, 253);
}
.pack .pack-title h3 {
	font-weight: normal !important;
	margin: 0;
}
.pack .pack-title h3 a {
	color: #17425d;
	font-weight: normal !important;
	font-size: 1.2em;
	text-decoration: none;
}
section.full360 {
	width: 100%;
	height: 300px;
	background: url(/templates/images/360.jpg);
	background-size: cover;
	background-position: center center;
	overflow: hidden;
}
section.full360 .overlay {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2);
}
.newsletter {
	padding: 40px 0 60px;
	background-color: #f7f7f7;
    border-top: 1px solid #eee;
}
#content-home .featured-image-home {
	float: right;
	width: 53%;
}
.newsletter-box input {
	width: 180px !important;
	float: none !important;
	border: 0;
	padding: 10px;
	background: white;
	border-radius: 3px;
	margin: 0 2px;
	border: 1px solid rgba(131, 159, 198, 0.25);
	color: rgb(21, 66, 96);
}
.newsletter-box {
	width: 830px;
	margin: 0px auto;
}
.newsletter-box form{
	text-align: center;
}
.news-title {
	text-align: center;
	padding-top: 0px;
	font-size: 3.7em;
	text-transform: none;
	color: #154260;
	font-weight: normal;
	margin-bottom: 20px;
}
.news-content {
	text-align: center;
	color: #154260;
	margin-top: -10px;
	margin-bottom: 20px;
	font-size: 1.1em;
	font-weight: normal;
}
.newsletter-box input[type="submit"] {
	background: #154260;
	color: white;
	text-transform: uppercase;
	font-family: Open Sans;
	font-weight: bold;
	font-size: 0.8em;
	height: 39px;
	border-radius: 3px;
	letter-spacing: 1px;
	line-height: 14px;
	vertical-align: middle;
	margin-top: -3px;
	width: auto !important;
	padding: 10px 20px;
}
::-webkit-input-placeholder {
	color: rgba(21, 66, 96, 0.65);
}
:-moz-placeholder {
	/* Firefox 18- */
	color: rgba(21, 66, 96, 0.65);
}
::-moz-placeholder {
	/* Firefox 19+ */
	color: rgba(21, 66, 96, 0.65);
}
:-ms-input-placeholder {
	color: rgba(21, 66, 96, 0.65);
}
.column:first-child {
	width: auto;
}
.column {
	float: left;
	width: 35.5%;
	margin-right: 2%;
}
#inside-footer {
	color: #d1b355;
	min-width: 1000px;
	max-width: 1300px;
	padding: 20px 12px;
	margin: 0 auto;
	padding: 40px 12px;
}
.footer .dark {
	background: transparent url(/templates/images/footer-dark.png) repeat-x top center;
	line-height: 21px;
	height: 42px;
	width: 100%;
}
#footer-contact {
	width: 980px;
	margin: 0 auto;
	padding: 0 20px;
	color: #d1b355;
	padding: 12px;
	font-size: 0.9em;
	height: 18px;
}
#footer-contact span {
	float: left;
}
#left-links {
	width: 260px;
	margin-left: 0;
	margin-right: 20px;
	float: left;
}
#right-links {
	width: 670px;
	float: right;
}
.row-links {
	float: left;
	margin-right: 40px;
}
.last-links {
	margin-right: 0px;
}
.first-links {
	margin-left: 20px;
}
.footer-logos {
	padding: 20px 20px 15px 20px;
	overflow: hidden;
	text-align: center;
}
.footer-logos > div{
	display: inline-block;
}
.logos-wrapper {
	background: white;
	position: relative;
}
.i-facebook {
	background: transparent url(/templates/images/icon_facebook.png) no-repeat center center;
}
.i-twitter {
	background: transparent url(/templates/images/icon_twitter.png) no-repeat center center;
}
.fb-like-box {
	margin-top: 14px;
}
.pull-right {
	float: right;
	margin: 0;
}
a {
	text-decoration: none;
}
.column .first {
	min-height: 222px;
}
.column li {
	margin-bottom: 4px;
}
.column li a {
	color: #436C88;
}
.column li a:hover {
	color: darkblue;
	text-decoration: none;
}
.footer h3,
.footer-title,
.footer .newsletter .title {
	color: rgb(21, 66, 96);
	font-size: 18px;
	line-height: 22px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 12px;
	padding-bottom: 2px;
	padding-top: 8px;
}
.footer-title,
.footer .newsletter .title {
	text-transform: uppercase;
	font-size: 1.4em;
	border-bottom: 1px solid #F0F0F0;
	font-weight: normal;
}
.footer-title {
	text-transform: capitalize;
	font-family: "PlayFair display";
	padding-bottom: 10px;
}
.row-fluid li {
	margin-bottom: 8px;
	font-size: 0.9em;
	color: #d1b355;
}
.row-fluid li a {
	color: #FFF;
}
.vlist {
	margin-bottom: 20px;
}
.middle-links {}
.fillet {
	width: 100%;
}



.footer-logos img {
	max-width: 158px;
	height: auto;
	margin: 0 15px;
	vertical-align: middle;
}
.legals .languages-list .languages li {
	display: inline;
	margin: 0 5px;
}
.legals .languages-list .languages li a {
	color: #9d8640;
}
.legal-notice {
	color: #999;

}
.legals .languages-list .languages .active a {
	color: #cbcbcb;
}
.square-title.paquetes {
	margin-top: 50px;
}

.head-phone {
	background: url(/templates/images/tlf-icon.png);
	padding-left: 22px;
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: left center;
}
.head-email {
	background: url(/templates/images/mail.png);
	padding-left: 20px;
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: 0px center;
}
.packimg img {
	width: 100%;
	display: block;
}

#logo img{
	width: 200px;
}
#content-home .home-titles h1 {
	padding-left: 11px;
	font-size: 0.7em;
	color: #436C88;
}
.logoh1 {
	width: 90%;
}
.overlay .label span {
	display: block;
	background: url(/templates/images/arrow-tour.png);
	background-repeat: no-repeat;
	background-position: 62px;
	padding-bottom: 35px;
	-webkit-filter: drop-shadow(1px 1px 10px black);
}
.overlay .label {
	font-size: 2.5em;
	color: white;
	text-shadow: 0 0 10px black;
	/* width: 240px; */
	text-align: center;
	/* left: 50%; */
	/* position: absolute; */
	/* margin-left: -120px; */
	/* margin-top: 115px; */
	position: relative;
	padding: 100px 0 80px;
	height: 118px;
	text-transform: uppercase;
	font-family: Open sans;
	font-weight: bold;
	font-size: 2em;
}
article.room {
	margin-bottom: 20px;
	width: 31%;
}
article.room .caption {
	color: black;
	font-size: 1.2em;
	margin-top: 3px;
	text-transform: initial;
}
article.room img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
article.room.right {
	margin-right: 0;
}
article.room.suite {
	width: 100% !important;
	margin-right: 0;
}
.top-titles {
	height: 250px;
}
.top-titles .fullpage-titles {
	position: absolute;
	left: 12px;
	bottom: 30px;
	color: white;
	text-shadow: 1px 1px 1px black;
	font-size: 3em;
}
.top-titles .fullpage-titles h1,
.top-titles .fullpage-titles h2 {
	color: white;
}
.top-titles .fullpage-titles h2 {
	font-size: 0.8em;
}

.item {
	display: inline-block;
	cursor: pointer;
	width: 24%;
	height: auto;
}
#gallery-container {
	/*margin-top: 25px;*/
	border-left: 1px solid white;
}
.checkin-box label,
.pax-boxs label {
	display: inline;
	padding-bottom: 6px;
	display: block !important;
	color: rgb(21, 66, 96);
	font-weight: normal;
	padding: 0;
	padding-bottom: 6px;
}
#offer-form .pax-boxs label {
	padding-bottom: 0;
}
#offer-apartment .pax-boxs label {
	padding-bottom: 0;
}
.cat-hotel .title {
	padding-top: 10px;
	border-top: 1px solid #eee;
}
#category-hotel #fx-page-content img {
	width: 100% !important;
}
.cat-hotel-item .item-content {
	padding-left: 430px;
}
.cat-hotel-item .featured-photo {
	float: left;
	width: 400px;
}
.cat-hotel-item .sub-title {
	font-size: 1.1em;
	/* padding: 8px 0px; */
	margin-top: 4px;
	margin-bottom: 10px;
}
.featured-photo img:first-child {
	margin-top: 4px;
}
.featured-photo img {
	margin-bottom: 20px;
}
.cat-thumbs.cycle-slideshow img {
	display: none;
}
blockquote {
	font-style: italic;
	padding-left: 0;
	border: 0;
	color: #1B2CAE;
	margin: 0 0 10px 0;
	font-size: 1.4em;
}
.titles {
	text-align: center;
	width: 100%;
	font-size: 4em;
	padding: 50px 0 30px;
}
.titles--left{
	text-align: left;
}
.titles h1 {
	color: #144160;
	line-height: 1.1;
	margin-bottom: 10px;
}
.titles h2 {
	font-family: "Open sans";
	font-weight: normal !important;
	font-size: 0.5em;
	color: #7f9fc8;
}
.pull-left {
	float: left;
}
.pull-right {
	float: right;
}

/*--Leadform--*/

.leadform .two>div {
	float: left;
	margin-right: 4%;
	width: 48%;
}
.leadform .two>div.last {
	margin-right: 0;
}
.leadform .two {
	overflow: auto;
}
.sidebar .leadform .form-title,
.sidebar .title {
	color: rgb(20, 65, 96);
	font-weight: normal;
	font-size: 1.5em;
	padding-right: 0px;
	line-height: 24px;
}
#costa-brava .sidebar {
	background: none;
}

#content-ubication {
	font-weight: normal;
}
.sidebar {
	width: 300px;
	height: 100%;
	background: rgb(245, 248, 253);
	padding: 20px;
	color: rgb(20, 65, 96);
	box-sizing: border-box;
	border-radius: 2px;
	/* position: relative;
	z-index: 100; */
}
.leadform fieldset {
	padding: 0;
}
.leadform h3 {
	margin: 0;
	margin-bottom: 20px;
}
.leadform label {
	display: none;
}
.leadform input,
.leadform textarea {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background: white;
	margin-bottom: 15px;
	border: 1px solid #ECECEC;
	color: #747474;
	-webkit-box-shadow: inset 0 0px 5px rgba(240, 240, 240, 0.62);
	-moz-box-shadow: inset 0 0px 5px rgba(240, 240, 240, 0.62);
	box-shadow: inset 0 0px 5px rgba(240, 240, 240, 0.62);
	padding: 8px 12px;
}
.leadform #submit {
	background: #154260;
	color: white;
	border: none;
	border-radius: 2px;
	font-weight: bold;
	font-size: 1em;
	font-family: Open Sans;
	margin-bottom: 0;
	text-transform: uppercase;
	cursor: pointer;
	box-shadow: none;
}
.sidebar .sub-offers li {
	margin-bottom: 10px;
}
.sidebar .sub-offers li a {
	color: white;
}
.leadform #submit:hover {
	background: #819ec6;
}
.leadform textarea {
	height: 120px;
	font-family: inherit;
	box-shadow: inset 0 0px 3px rgba(195, 195, 195, 0.62);
}
.has-right-sidebar {
	padding-right: 340px;
	margin-bottom: 20px;
}
.leadform input[type="checkbox"] {
	width: 20px;
	float: left;
	margin-top: 3px;
	border: 0 !important;
	-webkit-appearance: checkbox;
}
.lopd a {
	color: rgb(165, 165, 165);
	font-weight: normal;
}
.two input {
	color: rgb(48, 88, 115) !important;
	background-color: white !important;
	width: 100% !important;
	text-indent: 8px;
	background-position: 95% center !important;
}
.two label {
	display: block;
	margin-bottom: 5px;
	font-weight: normal;
}
.two > div {
    width: 48%!important;
    display: inline;
    /* display: inline!important; */
    float: left;
}
.two > div:first-child {
    margin-right: 4%;
}
.two input{
	text-indent: 0;
}
.home-slideshow {
	background: #eeeeee;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#fullpage-booking .home-slideshow {
	background: url("/fxthumb?src=/media/hotel/aaiguablava.jpg&w=2000&h=250") no-repeat 0 0;
	background-size: cover;
}

.home-slideshow__titles {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.home-slideshow__title * {
    color: #ffffff !important;
    text-shadow: 1px 1px 1px black;
}

/*---*/

.pax-box.guests label {
	margin-bottom: 5px;
}

/*Conenciones*/

#category-convenciones .sidebar-slideshow-left {
	float: left;
	position: relative;
	width: 475px;
}
#category-convenciones .sidebar-slideshow-left #slideshow img {
	width: 100%;
}
#category-convenciones #nav-slideshow li {
	float: left;
	/* margin: 6px; */
	margin-right: 2px;
	margin-bottom: 2px;
	width: 93px;
}
#category-convenciones #nav-slideshow li img {
	display: block;
	width: 100%;
}
#category-convenciones #nav-slideshow li:nth-child(5n) {
	margin-right: 0;
}
#category-convenciones .next-slide,
#category-convenciones .prev-slide {
	top: 166px;
	margin-top: -20px;
	position: absolute;
}
#category-convenciones .prev-slide {
	background: url(/templates/images/arrow-left.png) no-repeat;
	z-index: 9999;
	cursor: pointer;
	left: 20px;
	width: 20px;
	height: 30px;
}
#category-convenciones .next-slide {
	background: url(/templates/images/arrow-right.png) no-repeat;
	z-index: 9999;
	cursor: pointer;
	right: 20px;
	width: 20px;
	height: 30px;
}
#category-convenciones .title {
	border-top: 1px solid rgb(68, 68, 68);
}
#category-convenciones .convenciones-item .item-content {
	overflow: hidden;
	padding: 0 20px;
	font-weight: normal;
}
#category-convenciones .convenciones-item .prev-slide,
#category-convenciones .convenciones-item .next-slide {
	top: 50%;
}

/*---*/


/*--Ubication--*/

#content-ubication .route {}
#content-ubication .title-route {
	font-size: 1.3em;
	padding: 10px 0;
}
#content-ubication .route {
	margin: 30px 0;
	border-top: 1px solid rgb(68, 68, 68);
	padding: 10px 0;
}

/*---*/


/*--Rooms--*/

#rooms .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .15);
}
#rooms .titles {
	text-align: center;
	width: 100%;
	font-size: 4em;
	padding: 50px 0 30px;
}
#rooms .titles h1 {
	color: #144160;
}
#rooms .titles h2 {
	font-family: "Open sans";
	font-weight: normal !important;
	font-size: 0.5em;
	color: #7f9fc8;
	margin-top: -5px;
}
.home-slideshow {
	/*height: 200px !important;*/
}
#rooms .top-titles {
	height: 200px;
}
#rooms .content.rooms {
	max-width: 1100px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 30px;
	min-width: 950px;
	margin-top: -10px;
}
#rooms .caption span {
	/* display: block; */
	/*font-family: "Playfair Display";*/
	/*text-transform: initial;*/
	/*font-size: 1.4em;*/
	color: rgb(20, 65, 96);
}
#rooms article.room .caption {
	color: black;
	font-size: 26px;
	margin-top: 3px;
	text-align: left;
	margin-bottom: 20px;
	color: rgb(127, 159, 200);
	font-weight: normal;
	font-family: "Playfair Display";
}
#rooms article.room {
	width: 48.5%;
}
#rooms .room a:hover {
	text-decoration: none;
}
#rooms .services {
	padding: 10px 0;
	margin-bottom: -20px;
	border-top: 1px solid #eee;
	text-align: center;
}
#rooms .services li:after{
	display: none;
}
#rooms .sidecontent.rooms h3 {
	font-size: 2.5em;
	color: rgb(20, 65, 96);
}
#rooms .sidecontent.rooms {
	font-weight: normal;
	font-size: 1.05em;
	font-family: "Open sans";
}

/*#rooms .sidecontent.rooms ul li {
  width: 50%;
  text-align: left;
  float: left;
  box-sizing: border-box;
}*/

#rooms .sidecontent.rooms ul li {
	width: 32%;
	text-align: left;
	float: left;
	box-sizing: border-box;
	width: 32%;
	text-align: left;
	float: left;
	box-sizing: border-box;
	padding-left: 21px;
	background-image: url(/templates/images/check.png);
	background-repeat: no-repeat;
	background-position: 1px 5px;
}
#rooms .sidecontent.rooms ul {
	/* background: white; */
	list-style: none;
	list-style-type: none;
	width: 65%;
	margin: 0 auto;
	padding: 15px;
	overflow: auto;
	/* border: 1px solid #eee; */
}
#rooms .sidecontent.rooms ul {
	padding: 15px 60px;
	box-sizing: border-box;
}

/*#rooms .sidecontent ul li:after {
  content: ".";
  position: absolute;
  left: 0;
  font-size: 2em;
   height: 2px;
  top: -21px;
  color: rgb(56, 69, 165);
}
*/

/*#rooms section.services {
	background: rgb(246, 251, 255);
	padding: 10px 0 40px 0;
	margin-bottom: -20px;
	border-top: 1px solid #eee;
}*/

/*#rooms .sidecontent.rooms ul:after {
  content: "";
  display: block;
  clear: both;
}
*/

#rooms .room img {
	aspect-ratio: 4/3;
	box-sizing: border-box;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}



/* ------------------- Content Text-Gallery ------------------ */


#content-text-gallery .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .15);
}
#content-text-gallery .titles {
	text-align: center;
	width: 100%;
	font-size: 4em;
	padding: 30px 0;
}
#content-text-gallery .titles h1 {
	color: #144160;
}
#content-text-gallery .titles h2 {
	font-family: "Open sans";
	font-weight: normal !important;
	font-size: 0.5em;
	color: #7f9fc8;
	margin-top: -5px;
}
.home-slideshow {
	/*height: 200px !important;*/
}
#content-text-gallery .top-titles {
	height: 200px;
}
#content-text-gallery .content.rooms {
	max-width: 1100px;
	margin: 0 auto;
	text-align: center;
	font-size: 1.05em;
	font-weight: normal;
	padding-bottom: 30px;
	min-width: 950px;
	margin-top: -10px;
}
#content-text-gallery .caption span {
	/* display: block; */
	font-family: "Playfair Display";
	text-transform: initial;
	font-size: 1.4em;
	color: rgb(20, 65, 96);
}
#content-text-gallery article.room .caption {
	color: black;
	font-size: 1.3em;
	margin-top: 3px;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 20px;
	color: rgb(127, 159, 200);
	font-weight: normal;
	font-family: "Open sans";
}
#content-text-gallery article.room {
	width: 48.5%;
}
#content-text-gallery .room a:hover {
	text-decoration: none;
}
#content-text-gallery .services {
	background: rgb(246, 251, 255);
	padding: 10px 0;
	margin-bottom: -20px;
	border-top: 1px solid #eee;
	text-align: center;
}
#content-text-gallery .sidecontent.rooms h3 {
	font-size: 2.5em;
	color: rgb(20, 65, 96);
}
#content-text-gallery .sidecontent.rooms {
	font-weight: normal;
	font-size: 1.05em;
	font-family: "Open sans";
}

#content-text-gallery .share-buttons {
    width: 930px;
    margin: 0 auto;
    padding-left: 255px;
    box-sizing: border-box;
    margin-bottom: 30px;
}

#content-text-gallery .fb-like span {
	vertical-align: initial !important;
}

#content-text-gallery .sidecontent.rooms ul li {
	width: 32%;
	text-align: left;
	float: left;
	box-sizing: border-box;
	width: 32%;
	text-align: left;
	float: left;
	box-sizing: border-box;
	padding-left: 21px;
	background-image: url(/templates/images/check.png);
	background-repeat: no-repeat;
	background-position: 1px 5px;
}
#content-text-galelry .sidecontent.rooms ul {
	/* background: white; */
	list-style: none;
	list-style-type: none;
	width: 65%;
	margin: 0 auto;
	padding: 15px;
	overflow: auto;
	/* border: 1px solid #eee; */
}
#content-text-gallery .sidecontent.rooms ul {
	padding: 15px 60px;
	box-sizing: border-box;
}

#content-text-gallery section.services {
	background: rgb(246, 251, 255);
	padding: 10px 0 40px 0;
	margin-bottom: -20px;
	border-top: 1px solid #eee;
}

#content-text-gallery .room img {
	min-height: 241px;
	box-shadow: 0 0 5px rgb(213, 213, 213);
	padding: 5px;
	box-sizing: border-box;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
#content-text-gallery .room:hover img {
	box-shadow: 0 0 5px rgb(171, 171, 171);
}

#content-text-gallery .fb-comments-container {
    position: relative;
    margin-top: 100px;
}

#content-text-gallery .related-title {
	color: #154260;
	text-align: center;
}

#content-text-gallery span.gamma-next {
	background: url(/templates/images/next-flecha.png);
    background-size: 100%;
    background-repeat: no-repeat;
    opacity: 0.6;
}

#content-text-gallery span.gamma-prev {
	background: url(/templates/images/prev-flecha.png);
    background-size: 100%;
    background-repeat: no-repeat;
    opacity: 0.6;
}

#content-text-gallery span.gamma-prev:hover,
#content-text-gallery span.gamma-next:hover {
	opacity: 1;
}
#content-text-gallery .related-title {
    color: #154260;
    text-align: left;
    font-size: 1.2em;
    margin-top: -30px;
    margin-bottom: 50px;
}

/*--Fullpage form slideshow --*/

#fullpage-form-slideshow .sidebar-slideshow-left {
	float: left;
	position: relative;
	width: 475px;
}
#fullpage-form-slideshow .sidebar-slideshow-left #slideshow img {
	width: 100%;
}
#fullpage-form-slideshow div#fx-page-content {
	padding-left: 500px;
}
#fullpage-form-slideshow #nav-slideshow li {
	float: left;
	/* margin: 6px; */
	margin-right: 2px;
	margin-bottom: 2px;
	width: 93px;
}
#fullpage-form-slideshow #nav-slideshow li img {
	display: block;
	width: 100%;
}
#fullpage-form-slideshow #nav-slideshow li:nth-child(5n) {
	margin-right: 0;
}
#fullpage-form-slideshow .next-slide,
#fullpage-form-slideshow .prev-slide {
	top: 166px;
	margin-top: -20px;
	position: absolute;
}
#fullpage-form-slideshow .prev-slide {
	background: url(/templates/images/arrow-left.png) no-repeat;
	z-index: 9999;
	cursor: pointer;
	left: 20px;
	width: 20px;
	height: 30px;
}
#fullpage-form-slideshow .next-slide {
	background: url(/templates/images/arrow-right.png) no-repeat;
	z-index: 9999;
	cursor: pointer;
	right: 20px;
	width: 20px;
	height: 30px;
}

/*--Gallery --*/

#gallery .photo-gallery .photo {
	/* float: left;
  width: 25%;
  margin: 0 0 -1px 0;
  cursor: pointer;
  overflow: hidden;
  position: relative;

  box-sizing: border-box;
  border: 0.07em solid white;
  border-bottom: 2px solid white;*/
	float: left;
	width: 25%;
	margin: 0 0 -1px 0;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	/* padding: 0.5px;*/
	box-sizing: border-box;
	/* padding-bottom: 2px;*/
}
span.border-div {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border: 1px solid white;
	margin-top: -2px;
	margin-left: -2px;
	z-index: 100;
	margin-right: -8px;
}
#gallery .photo-gallery .photo img,
.photos .photo img,
#content-fullpage-slideshow .thumb img {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	display: block;
}
#gallery .photo-gallery .photo:hover img,
.photos .photo:hover img,
#content-fullpage-slideshow .thumb:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#gallery .photo-gallery .photo img {
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	width: 100%;
	height: auto;
	display: block;
	border: 0;
	/* padding: 1px; */
	min-height: 150px;
}

/*--Content Fullpage SLideshow--*/

#content-fullpage-slideshow .titles h1 {
	text-align: left;
}
#content-fullpage-slideshow .breadcrumbs li {
	display: inline-block;
}
#content-fullpage-slideshow .content {
	margin: 0 auto;
	padding-bottom: 30px;
	text-align: left;
}
#content-fullpage-slideshow .left {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding-right: 15px;
}
#content-fullpage-slideshow .right {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding-left: 15px;
	max-width: 650px;
	overflow: hidden;
	margin-bottom: 30px;
}
#content-fullpage-slideshow .thumb {
	float: left;
	width: 47%;
	box-sizing: border-box;
	margin: 1.5% 1.5% 1.5% 1.5%;
	overflow: hidden;
}
#content-fullpage-slideshow .thumb img {
	width: 100%;
}
#content-fullpage-slideshow .other-rooms {
	padding-top: 30px;
	background: rgb(246, 251, 255);
	border-top: 1px solid #eee;
}
#content-fullpage-slideshow .related-room {
	float: left;
	width: 31%;
	margin-right: 2.5%;
	margin-bottom: 2.5%;
}
#content-fullpage-slideshow .related-room.last {
	margin-right: 0;
}
#content-fullpage-slideshow .related-room img {
	width: 100%;
	box-shadow: 0 0 5px rgb(213, 213, 213);
	padding: 5px;
	box-sizing: border-box;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
#content-fullpage-slideshow .related-room:hover img {
	box-shadow: 0 0 5px rgb(171, 171, 171);
}

/*#content-fullpage-slideshow .caption span {
   display: block;
  text-transform: initial;
  font-size: 1.4em;
  color: rgb(20, 65, 96);
}*/


/*#content-fullpage-slideshow .related-room .caption {
  color: black;
  font-size: 1.5em;
  margin-top: 3px;
  text-align: left;
  margin-bottom: 20px;
  color: rgb(20, 65, 110);
  font-weight: normal;
  font-family: "Playfair Display";
}*/

#content-fullpage-slideshow .other-rooms {
	padding-top: 30px;
	background: rgb(249, 249, 249);
	border-top: 1px solid #eee;
	margin-bottom: -20px;
	border-bottom: 1px solid #eee;
}
#content-fullpage-slideshow .cat-title {
	font-family: "Playfair Display";
	font-size: 2.5em;
	text-align: center;
	color: #144160;
	margin-bottom: 35px;
}
#content-fullpage-slideshow .titles h2 {
	text-align: left;
}

/*---*/


/*--Category offers --*/

.offers--apartments {
	padding-bottom: 130px;
  margin-bottom: -91px;
	margin-top: 40px;
}

.lista-ofertas .oferta.expired {
	display: none;
}
.lista-ofertas .oferta {
	float: left;
	width: 24%;
	overflow: hidden;
	margin-right: 1%;
	height: 422px;
}

/*#category-offers #main {
  padding: 50px 0;
}*/

#category-offers .oferta-content {
	color: #555;
	padding: 5px 0;
}
#main .lista-ofertas .oferta a {
	text-decoration: none !important;
}
#category-offers #header,
#apartaments #header,
#gallery #header,
#category-jobs #header {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
}
#category-offers .titles {
	text-align: center;
	width: 100%;
	font-size: 4em;
	padding: 45px 0;
}
#category-offers .titles h1 {
	color: #144160;
}
#category-offers .titles h2 {
	font-family: "Open sans";
	font-weight: normal !important;
	font-size: 0.5em;
	color: #7f9fc8;
	margin-top: -5px;
}
.oferta-photo {
	position: relative;
	overflow: hidden;
}
.oferta-photo img {
	width: 100%;
	object-fit: cover;
	height: 100%;
	display: block;
	min-height: 190px;
	-webkit-transform: matrix(1.005, 0, 0, 1.005, 0, 0);
	-moz-transform: matrix(1.005, 0, 0, 1.005, 0, 0);
	-ms-transform: matrix(1.005, 0, 0, 1.005, 0, 0);
	transform: matrix(1.005, 0, 0, 1.005, 0, 0);
	-webkit-transition: all 0.5s cubic-bezier(0.63, 0.045, 0.34, 1);
	-moz-transition: all 0.5s cubic-bezier(0.63, 0.045, 0.34, 1);
	-ms-transition: all 0.5s cubic-bezier(0.63, 0.045, 0.34, 1);
	transition: all 0.5s cubic-bezier(0.63, 0.045, 0.34, 1);
}
.pack:hover .oferta-photo img,
.oferta:hover .oferta-photo img {
	-webkit-transform: matrix(1.1, 0, 0, 1.1, -8.50803560736819, -2.57981540284752);
	-moz-transform: matrix(1.1, 0, 0, 1.1, -8.50803560736819, -2.57981540284752);
	-ms-transform: matrix(1.1, 0, 0, 1.1, -8.50803560736819, -2.57981540284752);
	transform: matrix(1.1, 0, 0, 1.1, -8.50803560736819, -2.57981540284752);
}
span.offer-from-price {
	position: absolute;
	bottom: 0;
	padding: 10px 15px;
	background: rgb(20, 65, 96);
	color: #7d9bc3;
	font-size: 1.1em;
}
span.offer-from-price .from-price {
	color: white;
	font-weight: bold;
}
#content-ubication .route .route-inputs>div input {
	width: 180px !important;
	float: none !important;
	border: 0;
	padding: 10px;
	background: white;
	border-radius: 3px;
	margin: 0 2px;
	border: 1px solid rgba(131, 159, 198, 0.25);
	color: rgb(21, 66, 96);
}
#content-ubication .route .route-inputs>div input[type="submit"] {
	background: #154260;
	color: white;
	text-transform: uppercase;
	font-family: Open Sans;
	font-weight: bold;
	font-size: 0.8em;
	border-radius: 3px;
	letter-spacing: 1px;
	line-height: 14px;
	vertical-align: middle;
	margin-top: -3px;
	width: auto !important;
	padding: 10px 20px;
}
#content-ubication .route .route-inputs>div {
	display: inline-block;
	margin: 0 5px;
}
#content-ubication .route .route-inputs>div input {
	vertical-align: middle;
}
#content-ubication .title-route {
	margin-right: 15px;
	font-size: 1.2em;
}

/*--Content Apartment --*/

#content-apartament .photo {
    float: left;
    width: 20%;
    padding: 1px;
    box-sizing: border-box;
    min-height: 176px;
    overflow: hidden;
}
#content-apartament .photo.last {
	margin-right: 0;
}
#content-apartament .photo img {
	width: 100%;
	display: block;
}
#content-apartament #wrapper {
	padding: 0 20px 20px 20px;
	background: white;
}

/*#content-apartament .container {
  padding-left: 0;
}*/

#content-apartament .container h2 {
	font-size: 1.6em;
	color: #666;
	margin-top: 0;
	text-shadow: 1px 1px 1px whitesmoke;
	display: none;
}
#content-apartament .content,
#content-apartament .side-content {
	margin-top: 20px;
}
#content-apartament .content {
	font-size: 1.1em;
}
#content-apartament .content p,
#content-apartament .side-content p {
	font-size: 1.1em;
	color: black;
	text-shadow: 1px 1px 1px whitesmoke;
}
#content-apartament .side-content ul li {
	font-size: 1.1em;
}
#content-apartament .side-content ul {
	margin: 10px 0;
}
#content-apartament .featured-image {
	position: relative;
}
#content-apartament .caption {
	position: absolute;
	bottom: 0;
	height: auto;
	padding: 2%;
	background: rgba(255, 255, 255, .8);
	width: 649px;
	bottom: 100%;
	overflow: hidden;
	box-sizing: border-box;
	margin-bottom: 50px;
}
#content-apartament .caption ul li:nth-last-child(2),
#content-apartament .caption ul li:last-child{
	padding-right: 320px;
}

.caption .leadform {
	position: absolute;
	top: 0;
	left: 627px;
	width: 356px;
}
#content-apartament .container h1 {
	font-size: 2.4em;
	color: black;
	text-shadow: 1px 1px 1px whitesmoke;
}
#content-apartament .featured-image img {
	width: 100%;
	max-width: none !important;
}
#content-apartament .booking-btn {
	position: absolute;
	bottom: 20px;
	padding: 15px 35px 15px 25px;
	background: white;
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	border: none;
	color: black;
	border-radius: 1px;
	background: url(/templates/images/_flechita2.png), linear-gradient(to top, #FDB109 3%, #ffda89 100%);
	background-repeat: no-repeat;
	background-position: 95% 54%;
	cursor: pointer;
	text-transform: uppercase;
	border-radius: 3px;
	background-position: 93%;
}
#content-apartament .side-content {}
#content-apartament .booking-form label {
	display: block;
	font-size: 1.1em;
	margin-bottom: 3px;
	margin-top: 10px;
}
#content-apartament .booking-form input[type="text"] {
	width: 95%;
	padding: 5px 5px!important;
	border: 1px solid #d2d2d2;
	color: #747474;
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
}
#content-apartament .booking-form input[type="submit"] {
	width: 100%;
	border: 0;
	background: rgb(245, 200, 89);
	padding: 8px;
	font-size: 1.1em;
	margin-top: 10px;
	cursor: pointer;
}
#content-apartament .booking-form {
	display: none;
	position: absolute;
	right: 201px;
	background: rgba(245, 245, 245, 0.9);
	padding: 20px;
	border: 1px solid #ddd;
	bottom: 20px;
}

/* Apartments */

#apartaments .photo {
	float: left;
	margin-right: 5px;
	width: 19.4%;
	min-height: 176px;
	margin-bottom: 2px;
	overflow: hidden;
}
#apartaments .photo.last {
	margin-right: 0;
}
#apartaments .photo img {
	height: 100%;
}
#apartaments .leadform.bodas {
	float: right;
	width: 28%;
	margin-right: -89px;
	margin-bottom: 45px;
	padding-left: 30px;
	margin-top: 85px;
}
#apartaments .form-container {
	padding: 20px;
	border: 1px solid #ddd;
}
.leadform.bodas .form-container {
	min-height: 350px;
}
#apartaments .leadform.bodas .form-container h3 {
	font-weight: normal;
	font-size: 1.8em;
	margin-bottom: 20px;
}
#apartaments .leadform.bodas .form-container {
	min-height: 350px;
}
#apartaments .leadform.bodas .form-container > div {}
#apartaments .leadform.bodas .form-container input {
	width: 95%;
	padding: 5px 5px!important;
}
#apartaments .leadform.bodas .form-container label {
	display: block;
	margin-top: 7px;
	margin-bottom: 3px;
}
#apartaments .pax-boxs.guests {
	width: auto;
	margin-right: 0;
}

/*#apartaments .checkin-box {
  width: 47.1%;
  margin-right: 15px;
}*/

#apartaments .pax-boxs.guests {
	width: 45.5%;
	margin-right: 0;
}
#apartaments .form-container fieldset {
	padding: 0;
}
#apartaments .leadform.bodas .form-container textarea {
	border: 1px solid #ccc !important;
	width: 97.4% !important;
}
#apartaments .content {
	margin-top: 20px;
	height: 105px;
	margin-bottom: 11px;
	max-width: 900px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 20px;
}
#apartaments #main {
	padding-bottom: 100px;
}
#apartaments #accept_legal {
	float: left !important;
	width: auto !important;
	margin: 11px 0;
}
#apartaments .lopd a {
	color: #436C88 !important;
	line-height: 35px;
	margin-left: 5px;
}

/*#apartaments #submit {
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  width: 100%;
  text-transform: capitalize;
  border: none;
  color: black;
  text-shadow: 1px 1px 0px #FFCA54;
  padding: 5px 25px 5px 15px !important;
  border-radius: 1px;
  background: #ffda89;
  background: url(/templates/images/_flechita2.png), -moz-linear-gradient(top, #ffffff 0%, #c58d11 3%, #ffda89 100%);
  background: url(/templates/images/_flechita2.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(3%,#c58d11), color-stop(100%,#ffda89));
  background: url(/templates/images/_flechita2.png), -webkit-linear-gradient(top, #ffffff 0%,#c58d11 3%,#ffda89 100%);
  background: url(/templates/images/_flechita2.png), -o-linear-gradient(top, #ffffff 0%,#c58d11 3%,#ffda89 100%);
  background: url(/templates/images/_flechita2.png), -ms-linear-gradient(top, #ffffff 0%,#c58d11 3%,#ffda89 100%);
  background: url(/templates/images/_flechita2.png), linear-gradient(to bottom, #ffffff 0%,#c58d11 3%,#ffda89 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c58d11', endColorstr='#ffda89',GradientType=0 );
  background-repeat: no-repeat;
  background-position: 95% 54%;
  height: 35px;
}
*/

#apartaments .content p {
	font-size: 1.1em;
}
#apartaments .featured-image {
	width: 68%;
	margin-right: 29%;
	overflow: hidden;
	height: 400px;
}
#apartaments .featured-image img {
	max-width: none !important;
}
#apartaments .leadform.bodas .form-container h3 {
	font-weight: normal;
	font-size: 1.6em;
	margin-bottom: 20px;
}
#apartaments .apartment-types-container .type-apartment {
	float: left;
	width: 49%;
	margin-right: 2%;
	position: relative;
}
#apartaments .apartment-types-container .type-apartment:hover {
	box-shadow: 0 0 1px #ddd;
}
#apartaments .apartment-types-container .type-apartment:last-child {
	margin-right: 0;
}
#apartaments .apartment-types-container .type-apartment img {
	min-height: 300px;
	width: 100%;
}
#apartaments .type-apartment .apartment-text-box {
	bottom: 84px;
	left: 20px;
}
#apartaments .type-apartment .apartment-text-box a,
#apartaments .type-apartment .apartment-text-box a h3 {
	font-weight: normal;
	color: #17425d;
	font-size: 1.3em;
	text-decoration: none;
	margin-top: -6px;
}
#apartaments .type-apartment .reservar,
.type-apartment .more-info {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: black;
}
#apartaments .type-apartment .reservar:hover {
	background: #fc0;
	background: url(/templates/images/_flechita2.png), linear-gradient(to top, #FDB109 3%, #ffda89 100%);
	background-repeat: no-repeat;
	background-position: 94% 52%;
}

.type-apartment .more-info a {
	color: rgb(20, 65, 96) !important;
	padding: 12px 30px 12px 25px;
	display: block;
	text-decoration: none;
}
#apartaments .type-apartment .box-info {
	padding: 18px 23px 16px 23px;
	margin-top: -3px;
	border: 1px solid #ECEBEB;
	background: rgb(245, 248, 253);
}
#apartaments .type-apartment .reservar {
	text-transform: uppercase;
	float: right;
}
#apartaments .type-apartment .reservar a {
	background: #154260;
	color: white !important;
	text-transform: uppercase;
	font-family: Open Sans;
	font-weight: bold;
	font-size: 0.8em;
	height: 21px;
	border-radius: 3px;
	letter-spacing: 1px;
	line-height: 22px;
	vertical-align: middle;
	margin-top: -2px;
	width: auto !important;
	padding: 10px 20px;
	text-shadow: none;
}
#apartaments .type-apartment .more-info a {
	color: black;
	padding-left: 0;
	text-shadow: none;
	padding: 0;
}
#apartaments .type-apartment .more-info a span {
	padding-left: 5px;
}
#apartaments .apartment-description {
	min-height: 15px;
	color: #444;
	font-size: 1.05em;
	margin-top: 7px;
	font-family: Open Sans;
	font-weight: normal;
}
@media (max-width: 1150px) {
	.type-apartment .apartment-text-box a,
	.type-apartment .apartment-text-box a h3 {
		font-size: 1.2em;
	}
}

/*-- Restaurant--*/

#category-restaurant .featured-photos {
	width: 400px;
	float: left;
}
#category-restaurant .featured-photos .cat-thumbs img {
	float: left;
	margin-bottom: 20px;
}
#category-restaurant .item-content,
#convenciones-restaurant .item-content {
	padding-left: 420px;
}
#category-restaurant .item-content h5 {
	color: #444;
}
#category-restaurant .item-content h5 {
	display: block;
	font-family: "Open sans";
	font-weight: normal !important;
	/* font-size: 0.5em; */
	color: #7f9fc8;
	text-transform: uppercase;
}
#category-restaurant .title {
	border-top: 1px solid #F0F0F0;
	margin-top: 0;
}

#category-restaurant .restaurant-item .featured-photo {
	float: left;
	width: 400px;
	height: 230px;
	padding-right: 20px;
	overflow: hidden;
}
#category-restaurant .restaurant-item .featured-photo picture img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.related-room .caption span {
	font-family: "Playfair Display";
	text-transform: initial;
	font-size: 1.4em;
	color: rgb(20, 65, 96);
	display: inline;
	margin-right: 6px;
	display: inline;
}
.related-room .caption {
	font-size: 1.0em;
	margin-top: 3px;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 20px;
	color: rgb(127, 159, 200);
	font-weight: normal;
	font-family: "Open sans";
}
.related-room a {
	text-decoration: none;
}


#content-offer #main {
	padding-bottom: 40px;
}
#content-offer .booking-bar {
	position: relative !important;
	height: auto !important;
}
#content-offer .price {
	margin-top: 10px;
	color: rgb(20, 65, 96);
	text-align: right;
}
#content-offer .title {
	margin-bottom: 20px;
	color: rgb(48, 88, 115);
}
.table-row {
	display: table-row;
}
.with-height {
	height: 20px;
}
.table {
	display: table;
}
/*.other-rooms .related-room .image:hover img {
	opacity: 0.7;
}*/
.footer .column {
	text-align: center;
}
#fullpage-form-slideshow #main {
	padding-bottom: 100px;
}
#category-restaurant .event_date {
	background: url(/templates/images/calendar.png);
	background-repeat: no-repeat;
	background-position: 85px;
}
#category-restaurant .event_time {
	background: url(/templates/images/clock.png);
	background-repeat: no-repeat;
	background-position: 85px;
	background-size: 17px;
}
.date-box label {
	display: block;
	margin-bottom: 5px;
}
#costa-brava .sidebar {
	position: relative;
	z-index: 99999;
}
#costa-brava #submit-button {
	margin: 0 !important;
	padding: 8px 12px;
	display: block;
	width: 100%;
}
#costa-brava #main {
	padding-top: 30px;
}
#costa-brava .sidebar-title {
	color: rgb(20, 65, 96);
	font-weight: normal;
	font-size: 1.5em;
	padding-right: 20px;
	line-height: 24px;
	margin-bottom: 20px;
}
#costa-brava #fx-page-content {
	padding-right: 330px;
}
#costa-brava .featured-photo img {
	margin-bottom: 0;
}
#content-bodas-galleria .checkin-box label {
	padding-bottom: 6px;
}

#rooms .room-list .room .relative{
	overflow: hidden;
	aspect-ratio: 4/3;
	box-shadow: 0 0 5px rgb(213, 213, 213);
}
#rooms .room-list .room .relative.big{
	padding-bottom: 27%;
}
#rooms .room-list .room .relative img{
	position: absolute;
}
.prev-images {
	display: none;
}
html[lang="ru"] #content-home .form-booking .title-booking {
	font-size: 1.2em;
}
.costa-brava-item .featured-photo,
.cat-hotel-item .featured-photo,
.restaurant-item .featured-photo,
.convenciones-item .featured-photo {
	float: left;
	width: 400px;
	height: 230px;
	padding-right: 20px;
	overflow: hidden;
}
#costa-brava .item-content,
#category-hotel .item-content,
#category-restaurant .item-content,
#convenciones-restaurant .item-content {
	padding-left: 420px;
	font-weight: normal;
}
#costa-brava .content {
	font-weight: normal;
}

/*--Costa Brava--*/

#costa-brava .costa-brava-item .title {
	color: black;
	font-size: 1.3em;
	margin-top: 3px;
	text-transform: uppercase;
	text-align: left;
	margin-top: 20px;
	color: rgb(127, 159, 200);
	font-weight: normal;
	font-family: "Open sans";
}
#costa-brava .costa-brava-item .title span {
	/* display: block; */
	font-family: "Playfair Display";
	text-transform: none;
	font-size: 1.4em;
	color: rgb(20, 65, 96);
}
#costa-brava .costa-brava {
	/*padding-right: 350px;*/
}
#costa-brava .sidebar,
#costa-brava-item .sidebar {
	background: none;
}
#costa-brava .sidebar li a,
#costa-brava-item .sidebar li a {
	color: #7f9fc8;
}
#costa-brava .sidebar li,
#costa-brava-item .sidebar li {
	margin-bottom: 12px;
}
#costa-brava .sidebar{
	z-index: 1;
	height: 100%;
	position: relative;
	float: right;
	right: 12px;
	border-left: 1px solid rgb(242, 242, 242);
	padding-top: 0;
    height:auto;
}
#costa-brava-item .sidebar{
	border-left: 1px solid rgb(242, 242, 242);
}
#costa-brava #main,
#costa-brava-item #main {
	padding-bottom: 0;
}
#costa-brava #main .relative,
#costa-brava-item .relative {
	padding-bottom: 20px;
}
#costa-brava #fx-page-content {
	padding-right: 350px;
}
#costa-brava .relative,
#costa-brava-item .relative {
	min-height: 390px;
}
input[type="submit"]:hover{
	cursor: pointer;
	background-color: #819ec6 !important;
}
.costa-brava-item,
.cat-hotel-item,
.restaurant-item,
.convenciones-item {
	padding-bottom: 20px;
}
.costa-brava-item .title,
.cat-hotel-item .title,
.restaurant-item .title,
.convenciones-item .title {
	font-size: 1.8em;
	margin-bottom: 5px;
	border-top: 1px solid #F0F0F0;
	padding-top: 10px;
	color: rgb(20, 65, 96);
}
.booking-btn:hover {
	background-color: #819ec6 !important;
}
#costa-brava .titles,
#costa-brava-item .titles {
	text-align: left;
}
@media (max-width: 1100px) {
	#content-home .content {
		font-size: 1.1em;
		font-weight: normal;
		padding-right: 554px;
	}
	#content-apartament .leadform,
	#apartaments .leadform {
		height: 445px !important;
	}
	#apartaments .leadform {
		height: 450px !important;
	}
}
@media (max-width: 1300px) {
	.instalaciones .content-instalaciones + img {
		width: 405px;
	}
	#category-convenciones .convenciones-item .item-content {
		overflow: hidden;
		padding: 0 20px;
		font-weight: normal;
		float: left;
		padding: 0;
	}
}


#current_language {
	display: none;
}
.selected-language .language-es {
	background-image: url(/templates/images/flag_es.png);
}
.selected-language .language-ca {
	background-image: url(/templates/images/flag_ca.png);
}
.selected-language .language-en {
	background-image: url(/templates/images/flag_en.png);
}
.selected-language .language-de {
	background-image: url(/templates/images/flag_de.png);
}
.selected-language .language-fr {
	background-image: url(/templates/images/flag_fr.png);
}
.selected-language .language-ru {
	background-image: url(/templates/images/flag_ru.png);
}
.selected-language .language-nl {
	background-image: url(/templates/images/flag_nl.png);
}
#nav ul.languages li {
	background-position: 2px center;
	background-repeat: no-repeat;
	padding-left: 16px;
	font-size: 0.95em;
}
#header .selected-language {
	background-image: url(/templates/images/idioma.png);
	background-position: 30px center;
	background-repeat: no-repeat;
	height: 12px;
}
#header .languages-container {
	float: right;
	position: relative;
	width: 94px;
	margin-top: 12px;
	margin-left: 20px;
	cursor: pointer;
	z-index: 700;
	background: none !important;
}
#header .languages {
	display: none;
	/* border: 1px solid #9d8640; */
	background: white;
	/* background: rgba(0,0,0,0.7); */
	padding: 3px;
	position: absolute;
	width: auto;
	border: 1px solid rgb(215, 215, 215);
	text-indent: 10px;
	padding: 7px 11px;
	left: -8px;
	top: 22px;
}
.title-overlay {
	position: absolute;
	bottom: 0;
	height: 100px;
	width: 100%;
	background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.87) 0%, rgba(255, 255, 255, 0.0) 107%);
	background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.87) 0%, rgba(255, 255, 255, 0.0) 107%);
	background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.87) 0%, rgba(255, 255, 255, 0.0) 107%);
	background: linear-gradient(bottom, rgba(0, 0, 0, 0.87) 0%, rgba(255, 255, 255, 0.0) 107%);
}
#content-bodas-galleria .titles {
	padding: 20px 0;
}
.booking-bottom .booking-bar.new-bar {
	top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#content-fullpage .form-title {
	color: rgb(20, 65, 96);
	font-weight: normal;
	font-size: 1.5em;
	padding-right: 0px;
	line-height: 24px;
	margin-top: 0;
	margin-bottom: 12px;
}
#content-bodas-galleria #main {
	padding-bottom: 50px;
}
#category-restaurant #main {
	padding-bottom: 0;
}
#category-offers #main {
	padding-bottom: 50px;
}
#rooms .room-list {
	padding-bottom: 50px !important;
	margin: -12px;
	padding: 0 12px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#category-hotel .content {
	max-width: 1100px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 30px;
	min-width: 950px;
}
#category-hotel .offers{
	border-bottom: none;
}
#category-hotel .offers ._blockTitles{
	margin-bottom: 20px;
}
#category-hotel .offers .contentStyle{
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 50px;
}
#category-hotel .cat-hotel-item .title {
	padding-top: 10px;
	border-top: none;
	font-size: 2.7em;
	color: rgb(20, 65, 96);
}
#category-hotel .cat-hotel-item .sub-title {
	font-size: 1.3em;
	margin-bottom: 30px;
	font-family: "Open Sans";
	color: rgb(127, 159, 200);
	font-weight: normal;
}
#category-hotel .cat-hotel-item .item-content {
	font-weight: normal;
	font-size: 1.05em;
}
#category-hotel blockquote {
	color: #436C88;
	font-size: 1.05em;
}

#category-hotel .cat-hotel {
	background: #f7f7f7;
	border-top: 1px solid #eee;
}

#content-bodas-galleria .home-slideshow {
	background-position: center !important;
	background-size: cover !important;
}
#content-bodas-galleria .titles {
	text-align: left;
}
#content-bodas-galleria .photo {
	margin-top: 20px;
}
#content-bodas-galleria .photo {
	float: left;
	/*margin-right: 5px;
  width: 19.4%;*/
	margin-right: 2%;
	width: 23%;
	min-height: 176px;
	margin-bottom: 2px;
	overflow: hidden;
}
#content-bodas-galleria .photo.last {
	margin-right: 0;
}
#content-bodas-galleria .photo img {
	height: 175px;
}
#content-bodas-galleria .titles {
	width: 98%;
	box-sizing: border-box;
	padding-right: 330px;
}
#content-bodas-galleria .titles h1 {
	color: #FFF;
	text-shadow: 1px 1px 1px black;
}
#content-bodas-galleria .titles h2 {
	color: #FFF;
	text-shadow: 1px 1px 1px black;
}
#content-bodas-galleria .sidebar {
	margin-top: -120px;
}
#content-bodas-galleria .content {
	padding-top: 20px;
}
#content-bodas-galleria .checkin-box,
#content-bodas-galleria .pax-boxs {
	width: 48%!important;
	display: inline!important;
	float: left;
}
#content-bodas-galleria .checkin-box {
	margin-right: 2%;
}
#content-bodas-galleria .checkin-box input,
#content-bodas-galleria .pax-boxs input {
	/*width: 48%!important;*/
}
#content-bodas-galleria .checkin-box label,
#content-bodas-galleria .pax-boxs label {
	display: inline;
}
#content-bodas-galleria .home-slideshow .container {
	height: 400px;
}
#content-home .instalaciones {
	padding-top: 30px;
	margin-bottom: 120px;
}
#content-home .instalaciones__container {
	display: flex;
	justify-content: space-between;
	box-sizing: border-box
}

#content-home .instalaciones__item {
	position: relative;
  	width: 28%;
  	padding: 5px;
}

#content-home .instalaciones__item .side-content {
	position: relative;
	z-index: 1111;
	height: 100%;
    width: 100%;
    background-color: #00000075;
    color: #ffffff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
		font-family: 'Playfair Display', Georgia, Times, Times New Roman, serif;
		font-size: 18px;
}

#content-home .instalaciones__item img{
	position: relative;
  width: 100%;
	height: 100%;
	object-fit: cover;
}
#content-home .content-instalaciones {
}
#content-home .trip {
	box-shadow: 0 0 9px rgb(202, 202, 202);
	padding: 26px 0px;
	background: white;
	margin-top: -12px;
	height: 430px;
	position: relative;
	width: 240px;
}
#content-home .trip:before,
.trip:after {
	position: absolute;
	right: -10px;
}
#content-home .trip:before {
	content: " ";
	top: 0px;
	width: 10px;
	background: url(/templates/images/pliegue.png);
	background-repeat: no-repeat;
	height: 16px;
	background-size: 12px;
}
#content-home .trip:after {
	content: " ";
	bottom: -2px;
	width: 9px;
	background: url(/templates/images/pliegue-bottom.png);
	background-repeat: no-repeat;
	height: 13px;
	background-size: 11px;
}
#content-home #tripadvisor-content {
	margin-left: 0px;
	margin-left: 0px;
	top: -26px;
	position: relative;
}
#content-home .content-instalaciones + img {
	padding-top: 30px;
}
#content-home .instalaciones .side-content p {
	font-size: 1.1em;
}
#content-home .instalaciones .side-content ul li {
	margin: 8px 0;
}
#content-home .instalaciones .title {
	margin-bottom: 14px;
}
#content-home .overlay .tour-img {
	background-position: 0px 41px !important;
}
#content-offer .titles {
	text-align: left !important;
}
#content-offer #offer-image {
	width: 450px;
}
#content-offer #offer-image img {
	width: 100%;
}


#content-offer .price span {
	font-size: 2em;
	color: rgb(48, 88, 115);
}
#content-offer .home-slideshow {
	height: 400px !important;
}
#content-ubication #map_canvas {
	width: 100%;
	display: block !important;
	height: 400px;
	margin-bottom: 20px;
	text-align: center;
}
#content-ubication .content h3,#content-job .content h3 {
	font-size: 1.4em;
	line-height: 1.5em;
	color: #144160;
	font-weight: normal;
}
#content-ubication .titles{
	text-align: left;
}
#content-ubication .titles h1 {
	font-size: 0.7em;
}
#costa-brava-item .booking-bottom img {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	filter: blur(3px);
}
#costa-brava-item .booking-bottom {
	position: relative;
}




#content-home .instalaciones__item.instalaciones__item--serviceBlocks{
	width: 40%;
	min-width: 460px;
}
.serviceBlocks{
	display: flex;
	flex-wrap: wrap;
	height: 100%;
}
.serviceBlock{
	width: 50%;
}
.serviceBlock__imgInner{
	
	width: 38px;
}
.serviceBlock__img{
	display: inline-block;
	vertical-align: middle;
}
.serviceBlock__label{
	display: inline-block;
}
.serviceBlock:not(:last-child){
	padding-bottom: 10px;
}
/*--------- Icons ---------*/
.bg-sprite{
    background-image: url('/templates/images/css_sprites-blue.png');

}
.bg-sprite.bg-bath {
        width: 37px;
    height: 33px;
    background-position: -100px -110px;
    background-size: 267px;
}
.bg-sprite.bg-bell {
    width: 20px; height: 14px;
    background-position: -140px -186px;
}
.bg-sprite.bg-eat {
    width: 35px; height: 35px;
    background-position: -253px -10px;
}
.bg-sprite.bg-icon_calendar {
    width: 20px; height: 22px;
    background-position: -253px -65px;
}
.bg-sprite.bg-icon_facebook {
    width: 10px; height: 18px;
    background-position: -294px -10px;
}
.bg-sprite.bg-icon_instagram {
    width: 17px; height: 17px;
    background-position: -103px -186px;
}
.bg-sprite.bg-icon_select {
    width: 12px; height: 26px;
    background-position: -10px -235px;
}
.bg-sprite.bg-icon_world {
    width: 16px; height: 16px;
    background-position: -42px -235px;
}
.bg-sprite.bg-keys {
    width: 18px; height: 19px;
    background-position: -253px -187px;
}
.bg-sprite.bg-newspaper {
        width: 34px;
    height: 29px;
    background-position: -8px -162px;
    background-size: 277px;
}
.bg-sprite.bg-park {
    width: 35px; height: 35px;
    background-position: -131px -71px;
}
.bg-sprite.bg-phone {
    width: 22px; height: 19px;
    background-position: -61px -186px;
}
.bg-sprite.bg-ping_pong {
    width: 33px;
    height: 33px;
    background-position: -162px -49px;
    background-size: 261px;
}
.bg-sprite.bg-pool {
    width: 34px;
    height: 35px;
    background-position: -94px -8px;
    background-size: 227px;
}
.bg-sprite.bg-promotion {
    width: 21px; height: 20px;
    background-position: -253px -107px;
}
.bg-sprite.bg-running {
    width: 35px;
    height: 35px;
    background-position: -8px -107px;
    background-size: 260px;
}
.bg-sprite.bg-spa {
    width: 35px;
    height: 35px;
    background-position: -55px -111px;
    background-size: 267px;
}
.bg-sprite.bg-tennis {
    width: 32px; height: 32px;
    background-position: -195px -114px;
}
.bg-sprite.bg-view {
    width: 34px;
    height: 25px;
    background-position: -134px -6px;
    background-size: 221px;
}
.bg-sprite.bg-world {
    width: 20px; height: 20px;
    background-position: -253px -147px;
}
.bg-sprite.bg-image_bedroom {
    width: 101px; height: 101px;
    background-position: -10px -10px;
}
.bg-sprite.bg-parking {
    background: url('/templates/images/aparcamiento.png') no-repeat 50% 50% / cover;
    width: 34px; height: 34px;
}
.bg-sprite.bg-wifi {
    background: url('/templates/images/wifi.png') no-repeat 50% 50% / cover;
    width: 34px; height: 34px;
}
.bg-sprite.bg-salon {
    background: url('/templates/images/salon.png') no-repeat 50% 50% / cover;
    width: 34px; height: 34px;
}
















/*#costa-brava-item .booking-bottom .booking-bar {
	background: none;
	position: absolute;
	width: 100%;
	top: 50%;
	overflow: hidden;
	height: 53px;
	margin-top: -37px;
}
#costa-brava-item html[lang="ru"] .booking-bottom .booking-bar .form-booking .submit-booking {
	width: 245px;
}*/
.tour-text,
.tour-img {
	margin: 0;
	position: absolute;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.overlay .tour-img {
	display: block;
	background: url(/templates/images/arrow-tour.png);
	background-repeat: no-repeat;
	background-position: 3px 41px;
	padding-bottom: 35px;
	padding: 23px;
	-webkit-filter: drop-shadow(1px 1px 10px black);
	left: 100%;
	margin-top: 20px;
}
.overlay .tour-text {
	right: 100%;
}
.full360.active-effect .tour-img {
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
}
.full360.active-effect .tour-text {
	right: 50%;
	-webkit-transform: translate(50%, 0%);
	-moz-transform: translate(50%, 0%);
	-ms-transform: translate(50%, 0%);
	transform: translate(50%, 0%);
}

/*.full360 .backstretch img {
  -webkit-transition: scale 30s;
  -o-transition: scale 30s;
  -moz-transition: scale 30s;
  transition: scale 30s;
  width: 100%;
}
.full360:hover .backstretch img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2));
}*/

section.full360 {
	/*width: 110%;*/
}
.column {
	width: 23%!important;
	margin-right: 2.6%!important;
}
.column-last {
	margin-right: 0!important;
}

#header .languages li a {
	display: block;
	color: #144160;
	text-decoration: none;
	line-height: 24px;
	padding: 0 1px;
	padding-left: 3px;
	font-size: 0.9em;
}
.checkin-box label {
	padding: 0;
}
@media(max-width: 1300px) {
	img.Hotel.con.encanto.en.la.Costa.Brava.pull-right {
		width: 405px;
	}
}
@media (max-width: 1290px) {
	#nav {
		font-size: 0.95em;
	}
}
@media (max-width: 1210px) {
	#nav {
		font-size: 0.85em;
	}
}
@media (max-width: 1040px) {
	#nav {
		font-size: 0.8em;
	}
}
.languages-container:hover .languages {
	display: block !important;
}
#header .languages-container {
	padding-bottom: 20px;
}
#fullpage-form-slideshow .photos {
	margin-top: 20px;
}
#fullpage-form-slideshow .photo {
	margin-top: 20px;
}
#fullpage-form-slideshow .photo {
	float: left;
	margin-right: 1%;
	width: 19%;
	min-height: 174px;
	margin-bottom: -10px;
	overflow: hidden;
}
#fullpage-form-slideshow .photo.last {
	margin-right: 0;
}
#fullpage-form-slideshow .photo img {
	height: 175px;
	width: 100%;
	object-fit: cover;
}
#category-convenciones .content h3 {
	display: block;
	font-family: "Open sans";
	font-weight: normal !important;
	/* font-size: 0.5em; */
	color: #7f9fc8;
}
#nav {
	width: 80%;
}
#category-restaurant .content h3,
#content-fullpage .content h3 {
	display: block;
	font-family: "Open sans";
	font-weight: normal !important;
	/* font-size: 0.5em; */
	color: #7f9fc8;
}
#category-convenciones .convenciones-item {
	float: left;
	width: 50%;
}
#category-convenciones .convenciones {
    margin-top: 60px;
}
#category-convenciones .convenciones .title{
    margin: 0;
    font-size: 24px;
    font-family: "Open sans", Helvetica, sans-serif;
    font-weight: normal;
    color: #7f9fc8;
}
#category-convenciones .title {
	border: 0;
}
#category-convenciones .photo {
	margin-top: 20px;
}
#category-convenciones .photo {
	float: left;
	margin-right: 1%;
	width: 19%;
	min-height: 176px;
	margin-bottom: 10px;
	overflow: hidden;
}
#category-convenciones .photo.last {
	margin-right: 0;
}
#category-convenciones .photo img {
	height: 175px;
}
#offer-apartment .sidebar {
	margin-top: -120px;
}
#offer-apartment .titles h2{
	text-align: left;
}
.close {
	position: absolute;
	right: -8px;
	top: -6px;
	border-radius: 50px;
	background: #436C88;
	/* padding: 3px 6px; */
	width: 20px;
	border: 1px solid white;
	height: 20px;
	font-size: 1em;
	color: white;
	text-align: center;
	box-shadow: -1px 1px 5px rgb(97, 97, 97);
	cursor: pointer;
}
.apartments-closed, .apartments-closed-winter {
	display: none;
	font-size: 1.2em;
	color: white;
	padding: 25px;
	height: 365px;
	box-sizing: border-box;
	width: 260px;
	margin: 0 auto;
	background: rgb(21, 66, 96);
	border: 1px solid white;
	outline: 9px solid rgb(21, 66, 96);
	margin-top: 10px;
}
.apartments-closed, .apartments-closed-winter {
	height: 453px;
}
#apartaments .content {
	margin-top: 20px;
	height: auto !important;
	margin-bottom: 11px;
	font-weight: normal;
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 20px;
}
#apartaments .booking-btn {
	padding: 10px 25px;
	background: white;
	font-size: 1.1em;
	font-family: Open sans;
	text-transform: capitalize;
	border: none;
	color: white;
	border-radius: 1px;
	width: auto;
	background: rgb(21, 66, 96);
	background-repeat: no-repeat;
	background-position: 95% 54%;
	cursor: pointer;
	text-transform: uppercase;
	border-radius: 3px;
	padding-right: 52px;
	display: inline-block;
	background-image: url(/templates/images/arrow-booking.png);
}
#apartaments .caption {
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
#apartaments .leadform {
	display: none;
	position: absolute;
	bottom: 46px;
	right: 0;
	background: rgba(255, 255, 255, .8);
	padding: 20px;
	width: 280px;
	height: 437px;
}
#apartaments .leadform input,
#apartaments .leadform textarea {
	margin-bottom: 6px !important;
}
#apartaments .leadform textarea {
	height: 100px !important;
}
#apartaments div.apartment {
	height: 100px !important;
}
#apartaments .pax-boxs label {
	padding-bottom: 0;
	padding-left: 2px;
}
#apartaments .form-title {
	display: none;
}
#apartaments .close {
	position: absolute;
	right: -8px;
	top: -6px;
	border-radius: 50px;
	background: #436C88;
	/* padding: 3px 6px; */
	width: 20px;
	border: 1px solid white;
	height: 20px;
	font-size: 1em;
	color: white;
	text-align: center;
	box-shadow: -1px 1px 5px rgb(97, 97, 97);
	cursor: pointer;
}
#apartaments .apartments-closed, #apartaments .apartments-closed-winter {
	display: none;
	font-size: 1.2em;
	color: white;
	padding: 25px;
	height: 365px;
	box-sizing: border-box;
	width: 260px;
	margin: 0 auto;
	background: rgb(21, 66, 96);
	border: 1px solid white;
	outline: 9px solid rgb(21, 66, 96);
	margin-top: 10px;
	line-height: 1.5;
}
#apartaments .lopd a {
	color: rgb(86, 86, 86);
}
#apartaments .leadform {
	display: none;
	position: fixed;
	top: 50%;
	background: rgba(255, 255, 255, .8);
	padding: 20px;
	width: 280px;
	height: 445px;
	left: 50%;
	margin-top: -234px;
	margin-left: -160px;
	z-index: 99999999;
}
#apartaments .overlay-apartamento {
	position: fixed;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	top: 0;
	left: 0;
	z-index: 80000;
	display: none;
}
#content-apartament .booking-btn {
	position: absolute;
	left: 323px;
	bottom: 20px;
	padding: 10px 25px;
	background: white;
	font-size: 1.1em;
	font-family: Open sans;
	text-transform: capitalize;
	border: none;
	color: white;
	border-radius: 1px;
	width: auto;
	background: rgb(21, 66, 96);
	background-repeat: no-repeat;
	background-position: 95% 54%;
	cursor: pointer;
	text-transform: uppercase;
	border-radius: 3px;
	width: 300p !important;
	padding-right: 52px;
	display: inline-block;
	background-image: url(/templates/images/arrow-booking.png);
}
html[lang="en"] #content-apartament .booking-btn {
	left: 394px;
}
html[lang="es"] #content-apartament .booking-btn {
	left: 323px;
}
html[lang="ca"] #content-apartament .booking-btn {
	left: 323px;
}
html[lang="fr"] #content-apartament .booking-btn {
	left: 345px;
}
html[lang="de"] #content-apartament .booking-btn {
	left: 360px;
}
html[lang="ru"] #content-apartament .booking-btn {
	left: 389px;
}

/*.featured-image .caption.opened {
  width: 100% !important;
}*/

#content-apartament .caption {
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
#content-apartament .leadform {
	display: none;
	position: absolute;
	/* bottom: 46px; */
	right: 0;
	background: rgba(255, 255, 255, .8);
	padding: 20px;
	width: 280px;
	min-height: 400px;
}
#content-apartament .leadform {
	display: none;
	position: fixed;
	top: 45%;
	background: rgba(255, 255, 255, .8);
	padding: 20px;
	width: 280px;
	min-height: 400px;
	left: 50%;
	margin-top: -234px;
	margin-left: -160px;
	z-index: 99999999;
}
#content-apartament .overlay-apartamento {
	position: fixed;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	top: 0;
	left: 0;
	z-index: 80000;
	display: none;
}
#content-apartament .leadform input,
#content-apartament .leadform textarea {
	margin-bottom: 6px !important;
}
#content-apartament .leadform textarea {
	height: 100px;
}
#content-apartament .form-title {
	display: none;
}
#content-apartament div.apartment {
	height: 100px !important;
}
#content-apartament .children-box label {
	display: block !important;
}
#content-apartament .leadform label {
	color: rgb(21, 66, 96);
	padding-left: 2px;
}
#content-apartament .pax-boxs label {
	padding-bottom: 0;
}
#content-apartament .apartments-closed, #content-apartament .apartments-closed-winter {
	display: none;
	font-size: 1.2em;
	color: white;
	padding: 25px;
	height: 365px;
	box-sizing: border-box;
	width: 260px;
	margin: 0 auto;
	background: rgb(21, 66, 96);
	border: 1px solid white;
	outline: 9px solid rgb(21, 66, 96);
	margin-top: 10px;
}
#content-apartament .lopd a {
	color: rgb(86, 86, 86);
}
#content-apartament .close {
	position: absolute;
	right: -8px;
	top: -6px;
	border-radius: 50px;
	background: #436C88;
	/* padding: 3px 6px; */
	width: 20px;
	border: 1px solid white;
	height: 20px;
	font-size: 1em;
	color: white;
	text-align: center;
	box-shadow: -1px 1px 5px rgb(97, 97, 97);
	cursor: pointer;
}
.thank-message * {
	color: rgb(20, 65, 96) !important;
}
.thank-message__title {
	font-size: 1.3em;
	display: block !important;
	margin-bottom: 10px;
}
#content-apartament .featured-image {
	min-height: 1px;
}
#content-apartament .side-content {
	margin-bottom: 50px;
}
ul li h3 {
	font-size: 1em;
	color: black;
	font-weight: normal;
	font-family: inherit;
	text-align: left;
}
#content-bodas-galleria .photographer-weddings {
	margin-top: 40px;
	font-size: 1.2em;
	font-weight: normal;
}

@media(min-width:1900px) {

}
@media(max-width:1025px) {
    #content-bodas-galleria .sidebar {
        margin-top:-200px;
    }
}


.gP {
	display: none !important;
}
iframe[name="google_conversion_frame"] {
    display: none;
}

#category-hotel .cat-hotel .title {
    padding-left: 430px;
    text-align: left;
}

#category-hotel .featured-photo{
	overflow: visible;
}
#category-hotel .gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 0;
}

#category-hotel .gallery a {
    justify-content: space-between;
}
#category-hotel .featured-photo img:first-child {
     margin-top: 0px;
}
#category-hotel .featured-photo img {
    margin-bottom: 10px;
}
.photo-cover{
	width: 100%;
	height: 450px;
	position: relative;
	background-size: cover;
	background-position: center center;
}

#content-home .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .15);
}


._roomBlocks{
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: space-between;
	margin: -10px;
}
._roomBlocks > *{
	width: 49.3% !important;
	padding: 20px 10px;
	margin: 0 !important;
	box-sizing: border-box;
}

#content-home article.room .caption,
._roomBlocks article.room .caption{
	color: black;
	font-size: 26px;
	margin-top: 3px;
	
	text-align: left;
	color: rgb(127, 159, 200);
	font-weight: normal;
	font-family: "Playfair Display";
	text-transform: initial;
}
#content-home article.room .caption span,
._roomBlocks article.room .caption span {
	/* display: block; */
	/*font-family: "Playfair Display";*/
	text-transform: initial;
	
	color: rgb(20, 65, 96);
}
#content-home article.room,
._roomBlocks article.room{
    width: 30.5%;
}
#content-home .room a:hover,
._roomBlocks .room a:hover{
	text-decoration: none;
}
#content-home .services {
	background: rgb(246, 251, 255);
	padding: 10px 0;
	margin-bottom: -20px;
	border-top: 1px solid #eee;
	text-align: center;
}
#content-home .sidecontent.rooms h3 {
	font-size: 2.5em;
	color: rgb(20, 65, 96);
}
#content-home .sidecontent.rooms {
	font-weight: normal;
	font-size: 1.05em;
	font-family: "Open sans";
}

#content-home .sidecontent.rooms ul li {
	width: 32%;
	text-align: left;
	float: left;
	box-sizing: border-box;
	width: 32%;
	text-align: left;
	float: left;
	box-sizing: border-box;
	padding-left: 21px;
	background-image: url(/templates/images/check.png);
	background-repeat: no-repeat;
	background-position: 1px 5px;
}
#content-home .sidecontent.rooms ul {
	/* background: white; */
	list-style: none;
	list-style-type: none;
	width: 65%;
	margin: 0 auto;
	padding: 15px;
	overflow: auto;
	/* border: 1px solid #eee; */
}
#content-home .sidecontent.rooms ul {
	padding: 15px 60px;
	box-sizing: border-box;
}
#content-home section.services {
	background: rgb(246, 251, 255);
	padding: 10px 0 40px 0;
	margin-bottom: -20px;
	border-top: 1px solid #eee;
}

.room__image {
    aspect-ratio: 4/3;
    box-shadow: 0 0 5px rgb(213, 213, 213);
    box-sizing: border-box;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    position: relative;
    overflow: hidden;
    position: relative;
    padding: 5px;
}
.room__image:after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	pointer-events: none;
	transition: .3s;
	border: solid 8px white;
	box-sizing: border-box;
	opacity: 0;
}

.room__image:hover:after{
	/*opacity: 1;*/
}
.room__image:hover img{
	transform: scale(1.05);
}
#content-home .room img,
._roomBlocks .room img {
	transition: all 0.4s;
}
/*#content-home .room:hover img,
#rooms .room:hover img,
._roomBlocks .room:hover img {
    opacity: 0.7;
    box-shadow: 0 0 5px rgb(171, 171, 171);
    transition: 0.3s all;
}*/
#content-home .paquetes span {
    display: block;
    font-family: "Open Sans";
    font-weight: normal;
    color: #7fa1d3;
	font-size: 0.55em;
}
#content-home .paquetes {
    text-align: center;
    padding-bottom: 30px;
	font-size: 3em;
}
.booking-bar.new-bar {
    position: absolute;
    width: 850px;
    bottom: 20px;
    overflow: hidden;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    box-sizing: border-box;
}
.booking-bar .form-booking div {
    background: none;
    display: inline-block;
    margin: 0px 1px;
    text-transform: uppercase;
    overflow: hidden;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: normal;
    background: white;
    padding: 5px 10px;
    box-sizing: border-box;
}
.booking-bar #submit-button {
    height: auto !important;
    box-sizing: border-box;
    padding: 7px 30px 7px 10px;
    position: relative;
    top: -3px;
    font-size: 1.05em;
    background-size: 23px;
}
.booking-bar #checkin, .booking-bar #checkout {
    border: 0 !important;
    width: 140px;
    background-position: 119px;
    text-align: right;
    padding-right: 35px;
    box-sizing: border-box;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    color: #144160;
    background-image: url(/templates/images/calendar2.png)
}
.booking-bar.new-bar .booking-input #adults {
    padding: 3px 0px 5px 10px;
    position: relative;
    top: 0px;
    background-color: #FFFFFF !important;
    font-weight: normal;
    color: #144160;
    font-family: "Open sans";
    border: 1px solid rgba(129, 158, 198, 0.37);
    cursor: pointer;
    font-size: 1em;
    /* -webkit-appearance: none; */
    border: 0 !important;
    height: 33px;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.booking-bar .submit-booking:hover, .booking-bar .submit-booking:hover input {
    background-color: #819ec6 !important;
}

select.ui-datepicker-month {
    width: 90px !important;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
}
.booking-bar .form-booking div {
    width: 24.3%;
    position: relative;
    height: 45px;
}
.booking-bar .form-booking label {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    color: #7d9bc3;
}
section.no-newsletter {
    background: rgba(113, 157, 199, 0.17);
    height: 2px;
}

html[lang="de"] .booking-bar .form-booking label, html[lang="en"] .booking-bar .form-booking label, html[lang="ru"] .booking-bar .form-booking label {
    font-size: 0.85em;
}
html[lang="ru"] #content-home #fx-page-title {
    font-size: 2em !important;
    line-height: 1em !important;
}

.booking-bar.new-bar{
	box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.5);
}

/*----- content-text-gallery -----*/
#content-text-gallery .gamma-description{
	display: none;
}
#content-text-gallery .gamma-gallery img{
	transition: 0.2s all;
}
#content-text-gallery .gamma-gallery img:hover{
	transition: 0.2s all;
	opacity: 0.7;
}




/*.overlay-gradient-bottom{
	position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(95, 95, 95, 0.4), transparent);
    z-index: 5;
}*/


.img-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    transition: 0.5s;
}

.lopd {
	display: block;
	margin-bottom: 20px;
}
div#accept_legal {
    font-size: 0.9em;
    text-align: center;
    margin-bottom: 15px;
    margin-top: -15px;
}







/* ============================================================
   KEY
/* ============================================================

    00. Reset
    01. Global classes - default
    02. Global classes - custom
    03. Grid
    04. Colors
    05. Fonts
    06. Forms
    07. Buttons
    08. Separators
    09. Parallax Background
    10. Animated effects
    11. Overlays
    12. Pages
    13. Includes and sections
    14. Animation
    15. Cookies
    16. Popup
    100. Media Queries
*/


/*
==========================================================================
01. Global classes - default
==========================================================================
*/

.container--600px{min-width:600px;width:600px;}
.container--max600px{max-width:600px;}
.container--800px{min-width:800px;width:800px;}
.container--max800px{max-width:800px;}
.container--900px{min-width:900px;width:900px;}
.container--max900px{max-width:900px;}
.container--1000px{min-width:1000px;width:1000px;}
.container--max1000px{max-width:1000px;}

._flex{
    display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
}
._flex--wrap{
    -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
}
._flex--center{
    -webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;
}
._flex--sides {
	-webkit-box-pack:space-between;-moz-box-pack:space-between;-webkit-justify-content:space-between;-ms-flex-pack:space-between;
	justify-content:space-between;
}

._imgBg,
._imgTagBg{position: relative; overflow: hidden;}
._imgBg > :first-child{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
._imgTagBg > :first-child {
    position: absolute;
    top: 50%;
    left: 50%;
    object-fit: cover;
	width: auto;
	height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 0;
}
._imgBg--hover
._imgTagBg--hover{
    overflow: hidden;
}
._imgBg--hover > :first-child{transition: 0.3s;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
._imgBg--hover > :first-child:hover{-webkit-transform: scale(1.03);-ms-transform: scale(1.03);-o-transform: scale(1.03);transform: scale(1.03);}
._imgTagBg--hover > :first-child{
    transition: 0.3s;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
._imgTagBg--hover > :first-child:hover{
    -webkit-transform: translate(-50%, -50%) scale(1.03);
    -ms-transform: translate(-50%, -50%) scale(1.03);
    -o-transform: translate(-50%, -50%) scale(1.03);
    transform: translate(-50%, -50%) scale(1.03);
}
._imgTagBg picture img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.text-left {text-align: left;}
.pad{padding: 15px;}
.pad-h{
	padding: 0 15px;
}

._mrgTop{margin-top: 15px;}
._mrgBot{margin-bottom: 15px;}
._mrgRight{margin-right: 15px;}
._mrgLeft{margin-left: 15px;}
._mrgV{margin-top:15px;margin-bottom:15px;}
._mrgH{margin-left: 15px;margin-right: 15px;}

._mrgTopBig{margin-top: 30px;}
._mrgBotBig{margin-bottom: 30px;}
._mrgRightBig{margin-right: 30px;}
._mrgLeftBig{margin-left: 30px;}
._mrgVbig{margin-top:30px;margin-bottom:30px;}
._mrgHbig{margin-left: 30px;margin-right: 30px;}

._pad{padding: 15px;}
._padTop{padding-top: 15px;}
._padBot{padding-bottom: 15px;}
._padRight{padding-right: 15px;}
._padLeft{padding-left: 15px;}
._padV{padding-top: 15px;padding-bottom: 15px;}
._padH{padding-left: 15px;padding-right: 15px;}
._padHsmall{padding-left: 10px;padding-right: 10px;}

._padBig{padding: 30px;}
._padTopBig{padding-top: 30px;}
._padBotBig{padding-bottom: 30px;}
._padRightBig{padding-right: 30px;}
._padLeftBig{padding-left: 30px;}
._padVbig{padding-top: 30px;padding-bottom: 30px;}
._padHbig{padding-left: 30px;padding-right: 30px;}

._noMrgTop{margin-top: 0 !important;}
._noMrgBot{margin-bottom: 0 !important;}
._noMrgRight{margin-right: 0 !important;}
._noMrgLeft{margin-left: 0 !important;}
._noMrgV{margin-top:0 !important;margin-bottom:0 !important;}
._noMrgH{margin-left: 0 !important;margin-right: 0 !important;}

._noPadTop{padding-top: 0 !important;}
._noPadBot{padding-bottom: 0 !important;}
._noPadRight{padding-right: 0 !important;}
._noPadLeft{padding-left: 0 !important;}
._noPadV{padding-top: 0 !important;padding-bottom: 0 !important;}
._noPadH{padding-left: 0 !important;padding-right: 0 !important;}

._table{
    display: table;
    width: 100%;
}
._tableCell{
    display: table-cell;
    vertical-align: middle;
    float: none !important;
}

._textCenter {text-align: center;}
._textRight {text-align: right;}
._textLeft {text-align: left;}
._textLower {text-transform: lowercase;}
._textUpper {text-transform: uppercase;}

/* prevent scroll */
body.noScroll {
    overflow: hidden;
}


._pageTitles__subtitle * {
    font-family: "Open sans";
    font-weight: normal;
    font-size: 30px;
    color: #7f9fc8;
}


.content,
.contentStyle {
	font-size: 1.1em;
	font-weight: normal;
}
.contentStyle p{
	margin: 0;
}
.contentStyle p:not(:last-child){
	margin-bottom: 15px;
}

.content a,
.contentStyle a{
	text-decoration: underline;
}
.content ul li,
.sidecontent ul li,
.item-content ul li,
.contentStyle ul li {
	padding-left: 20px;
	position: relative;
}
#fx-page-content ul li,
.sidecontent ul li,
.item-content ul li,
.contentStyle ul li {
	padding-left: 20px;
	position: relative;
}
.sidecontent,
.side-content {}
.content:not(.contentStyle--listTicks) ul li:after,
.sidecontent ul li:after,
.item-content ul li:after,
#fx-page-content:not(.contentStyle--listTicks) ul li:after,
.contentStyle:not(.contentStyle--listTicks) ul li:after {
    content: "·";
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 35px;
    display: inline-block;
    height: 100%;
    line-height: 0.35;
}

.contentStyle--listTicks ul li{
    background-image: url(/templates/images/check.png);
    background-position: left;
    background-repeat: no-repeat;
}
.contentStyle--listTicks ul li:after{
    display: none !important;
}

.contentStyle--cols ul{
	column-count: 2;
    column-gap: 20px;
}


._section{
    margin: 60px 0;
}
._section--small{
	margin: 30px 0;
}
._section--fullPad{
    margin: 0;
    padding: 60px 0;
}
._section--smallPad{
	margin: 0;
	padding: 30px 0;
}

/*--------- Colours ---------*/
._bgDefault{
    background-color: #f7f7f7;
}
._bgGray{
    background-color: #f7f7f7;
}


._section--noMrg{
	margin: 0;
}

._blockTitles{
	margin-bottom: 50px;
}
._blockTitles__title{
    font-size: 45px;
    color: #17425d;
    font-family: 'Playfair Display',Georgia, Times, Times New Roman,serif;
    display: block;
}
._blockTitles__subtitle {
    display: block;
    font-family: "Open Sans";
    font-weight: normal;
    color: #7fa1d3;
    font-size: 24.75px;
}

._blockTitle{
	text-transform: uppercase;
    font-size: 36px;
    color: #17425d;
    font-family: 'Playfair Display',Georgia, Times, Times New Roman,serif;
}

.servicesTitle{
    margin: 0;
    font-family: "Open sans", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.4em;
    color: #7f9fc8;
    margin-bottom: 20px;
}


._border{
	border-bottom: 1px solid #E2E7F0;
}


/*
==========================================================================
03. Grid
==========================================================================
*/

.row {
    margin-left: -15px;
    margin-right: -15px;
}
.row-small {
    margin-left: -8px;
    margin-right: -8px;
}

/* Floating */
.col-custom, .col-fifth, .col-half, .col-third, .col-two-third, .col-complete, .col-one, .col-two, .col-three, .col-four, .col-five, .col-six, .col-seven, .col-eight, .col-nine, .col-ten, .col-eleven, .col-complete {
	float: left;
	box-sizing: border-box;
}

/* Grid sizes */
.col-one {width: 4.66666666667%;}
.col-two {width: 13.3333333333%;}
.col-fifth {width: 19.5%;}
.col-three {width: 25%;}
.col-four {width: 30.6666666667%;}
.col-third {width: 33.333%;}
.col-five {width: 42.3333333333%;}
.col-six {width: 48%;}
.col-half {width: 50%;}
.col-seven {width: 56.6666666667%;}
.col-eight {width: 63.3333333333%;}
.col-two-third {width: 66.666%;}
.col-nine {width: 75.0%;}
.col-ten {width: 82.6666666667%;}
.col-eleven {width: 91.3333333333%;}
.col-complete { width: 100%;}
.col-block {display: inline-block; float: none !important; vertical-align: middle;}




/*
==========================================================================
06. Forms
==========================================================================
*/

/* Placeholder overrides */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    rgba(0, 0, 0, 0.7);
    font-size: 13.3px;
    font-family: Arial, sans-serif;
}
input:-moz-placeholder,
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    rgba(0, 0, 0, 0.7);
    opacity:  1;
    font-size: 13.3px;
    font-family: Arial, sans-serif;
}
input::-moz-placeholder,
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    rgba(0, 0, 0, 0.7);
    opacity:  1;
    font-size: 13.3px;
    font-family: Arial, sans-serif;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    rgba(0, 0, 0, 0.7);
    font-size: 13.3px;
    font-family: Arial, sans-serif;
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder { /* Microsoft Edge */
    color:    rgba(0, 0, 0, 0.7);
    font-size: 13.3px;
    font-family: Arial, sans-serif;
}

.checkbox-label{
    cursor: pointer;
    display: block !important;
    margin-bottom: 20px;
}
.checkbox-label #open-legal{
    text-decoration: underline;
}

/*--- Custom Checkbox --- */
/* Hide the browser's default checkbox */
.checkbox-label input {
    position: absolute;
    left: -999999px;
    opacity: 0;
    -webkit-appearance: checkbox;
}
.checkbox-label > span {
    vertical-align: middle;
    font-size: 1em;
}

/* Create a custom checkbox */
.checkmark,
.checkbox-text{
    vertical-align: middle;
}
.checkmark {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    background-color: #fff;
    cursor: pointer;
    transition: 0.2s all;
    margin-right: 5px;
    border: 1px solid rgb(236, 236, 236);
}
.checkmark:after {
    display: none;
    content: "✔";
    position: absolute;
    left: 4px;
    top: 0;
    color: #154260;
    font-weight: 900;
}

/* Show the checkmark when checked */
.checkbox-label input:checked ~ .checkmark:after {
    display: block;
}
/*--- END Custom Checkbox --- */

/* form errors */
.form-error.alert {
    font-size: 0.8em;
    transition: 0.2s all;
    margin-bottom: 10px;
    color: #fd5a5a;
}
.has-error input,
.error ~ .checkmark {
    border: 1px solid;
    border-color: #fd5a5a !important;
}


/*----- leadformNew -----*/
.leadformNew label {
	display: none;
    margin-bottom: 5px;
    font-size: 13.3px;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 2px;
}
.checkin-box label,
.checkout-box label,
.pax-boxs label,
.children-box label{
	display: block;
}
.leadformNew input:not([type="submit"]),
.leadformNew textarea{
	border: none;
	padding: 15px 12px !important;
	margin-bottom: 15px;
	width: 100%;
	box-sizing: border-box;
    border: 1px solid #ECECEC !important;
}

.leadformNew input#submit {
	background-color: #154260;
    color: #ffffff;
    text-transform: uppercase;
    cursor: pointer;
    padding: 15px 12px;
    margin-top: 10px;
    border: none;
    width: 100%;
}
.leadformNew input#submit:hover {
    background-color: #062438 !important;
}



/*
==========================================================================
12. Pages
==========================================================================
*/

/*----- content-ubication -----*/
.pac-logo:after{/* remove Google logo */
  display: none;
}


/*----- content-room -----*/
.roomPageCols{
	margin-bottom: 60px;
}
#content-room .titles{
    text-align: left;
    margin-bottom: 10px;
}
#content-room .left {
    float: left;
    width: 65%;
    box-sizing: border-box;
    padding-right: 80px;
}
#content-room .right {
    float: right;
    width: 35%;
    box-sizing: border-box;
    padding-left: 15px;
    max-width: 650px;
    overflow: hidden;
    margin-top: -3px;
}
#content-room .galleryFullpage {
    margin-bottom: 60px;
}
#content-room .other-rooms {
    margin-top: 20px;
    padding: 30px 0;
    background: rgb(249, 249, 249);
    border-top: 1px solid #eee;
    margin-bottom: -20px;
    border-bottom: 1px solid #eee;
}
#content-room .cat-title {
    font-family: "Playfair Display";
    font-size: 2.5em;
    text-align: left;
    color: #144160;
    margin-bottom: 25px;
}
#content-room .related-room {
    float: left;
    width: 33.3%;
    padding: 15px;
    box-sizing: border-box;
    margin: 0;
}
#content-room .related-room__inner{
	height: 315px;
	overflow: hidden;
}
#content-room .related-room .contentStyle {
    padding: 0 !important;
}
#content-room .related-room img {
    width: 100%;
    box-shadow: 0 0 5px rgb(213, 213, 213);
    box-sizing: border-box;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
#content-room .related-room{
	padding: 5px;
	overflow: hidden;
}
#content-room .related-room:hover img {
    transform: scale(1.05);
}
#content-room .photo-cover .booking-bar{
    display: none;
}
#content-room .photo-cover.fn-ontop--true .booking-bar{
    display: block;
}


/*----- content-home -----*/
.homeSubtitle{
    display: block;
    font-family: "Open Sans";
    font-weight: normal;
    color: #7fa1d3;
    font-size: 24.75px;
}

.content-instalaciones .title {
    color: #436C88;
    font-weight: normal;
}

/*----- apartaments -----*/
#apartaments .leadform{
	display: block;
	position: static;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto !important;
	background: none;
}
#apartaments div.apartment {
     height: auto !important;
}


/*----- fullpage-booking -----*/
#fullpage-booking iframe {
    max-width: 100% !important;
}


/*----- content-apartament -----*/

.contentWithSidebar:after, ._clearfix:after {content: "";visibility:hidden;display:block;height:0;clear:both;}

.contentWithSidebar{
	margin-left: -15px;
	margin-right: -15px;
    margin-bottom: 40px;
}
.contentWithSidebar > div{
	float: left;
	padding: 0 15px;
    box-sizing: border-box;
}
.contentWithSidebar__content{
	width: 70%;
}
.contentWithSidebar__sidebar{
	width: 30%;
}


.ratesTable {
    display: inline-block;
    background-color: #f5f8fd;
    color: #144160;
    padding: 20px 30px 13px;
    margin-top: 68px;
    text-align: left;
}
.ratesTable h3{
	margin-top: 0;
}
.ratesTable table {
    border-collapse: collapse;
}
.ratesTable table tr:last-child td{
	border-bottom: none;
}
.ratesTable table td {
    padding: 18px 0px;
    border-bottom: 1px solid #dbe7ef;
}
.ratesTable table tr td:first-child{
	padding-right: 50px;
}


/*----- gallery -----*/
#gallery #header{
	margin-bottom: 0;
}
#gallery #main{
	margin-top: 0;
}

#gallery .photo-btn-section {
    padding: 40px 0;
    text-align: center;
}
#gallery .photo{
    padding-bottom: 60%;
}


/*----- category-hotel -----*/
#category-hotel h1,
#category-jobs h1 {
	margin-bottom: 10px;
}

#category-hotel #main{
	padding-bottom: 0;
}
#category-hotel .cat-hotel-item:not(:first-child):before {
    content: "";
	display: block;
    width: 500px;
    height: 1px;
    background-color: rgb(224, 224, 224);
    margin: 60px auto 70px;
}
#category-hotel .cat-hotel-item .title,
#category-hotel .sub-title,
#category-hotel .cat-hotel-item--services .item-content{
	padding-left: 0;
}
#category-hotel .cat-hotel-item .title{
	margin-top: 0;
	padding-top: 0;
	line-height: 1;
	margin-top: -6px;
}
#category-hotel ._roomBlocks .room{
	margin-bottom: 40px;
}
#category-hotel ._roomBlocks .room .caption{
	margin-bottom: 0;
}

.hotelBeachSection{
	padding-bottom: 60px;
}






.cat-hotel-items{
	padding: 60px 0;
}
.cat-hotel-item{
	padding: 0;
	margin: 0;
}


.cat-hotel-item--services{
	margin-top: 30px;
}
.cat-hotel-item--services__cols{
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;
	display:flex;
}
.cat-hotel-item--services__col{
	width: 40%;
}
.cat-hotel-item--services__col:first-child{
	width: 60%;
	padding-right: 30px;
}
.cat-hotel-item__gallery{
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin: -3px;
}
.cat-hotel-item__gallery__col{
	width: 50%;
	padding: 3px;
	box-sizing: border-box;
}
.cat-hotel-item__img{
	display: block;
	height: 240px;
}



/*
==========================================================================
13. Includes and sections
==========================================================================
*/

/*----- _modal -----*/
._modal{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:-1;
    opacity:0;
    box-sizing: border-box;
    -moz-transition:z-index 0s .5s, opacity .5s, all .5s;
    -o-transition:z-index 0s .5s, opacity .5s, all .5s;
    -ms-transition:z-index 0s .5s, opacity .5s, all .5s;
    -webkit-transition:z-index 0s .5s, opacity .5s, all .5s;
    transition:z-index 0s .5s, opacity .5s, all .5s;
}
._modal--bg{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
._modal__overlay{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0, 0, 0, 0.9);
}
._modal__close{
    position: absolute;
    top: 5px;
    right: 5px;
    width: 27px;
    height: 27px;
    z-index: 2;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    box-sizing: border-box;
}
._modal__close svg{
    fill: #6f6f6f;
}
._modal__container{
    position: absolute;
    left: 15px;
    right: 15px;
    padding: 15px 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    max-height: 100%;
    overflow-y: auto;
}
._modal--r2l{
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
}
._modal--l2r{
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
}
._modal--t2b{
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
}
._modal--b2t{
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
}
._modal.active{
    z-index:2000;
    opacity:1;
    -moz-transform:translate(0);
    -ms-transform:translate(0);
    -o-transform:translate(0);
    -webkit-transform:translate(0);
    transform:translate(0);
    -moz-transition:z-index 0s 0s, opacity .5s, all .5s;
    -o-transition:z-index 0s 0s, opacity .5s, all .5s;
    -ms-transition:z-index 0s 0s, opacity .5s, all .5s;
    -webkit-transition:z-index 0s 0s, opacity .5s, all .5s;
    transition:z-index 0s 0s, opacity .5s, all .5s;
}


/*----- languagesModal -----*/
.languagesModal ._modal__container {
    width: 100%;
    max-width: 400px;
    padding: 30px 15px 20px;
    margin: 0 auto;
    background-color: #f5f8fd;
}
.languagesModal__title {
    font-family: 'Playfair Display',Georgia, Times, Times New Roman,serif;
    color: #144160;
    font-size: 28px;
    text-align: center;
    margin-bottom: 20px;
}
.languagesModal__langs > ul.languages {
    display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;
    justify-content:center;
    margin: -10px;
}
.languagesModal__langs > ul.languages li{
    padding: 10px;
}
.languagesModal__langs > ul.languages li.active{
    display: none;
}
.languagesModal__langs > ul.languages li a{
    display: block;
    padding: 10px;
}
.languagesModal__langs > ul.languages li img{
    width: 19px;
    height: 15px;
}


/*----- _imgBlockCols -----*/
._imgBlockCols{
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;
	display:flex;
}
._imgBlockCols__col:first-child{
	flex: 0 0 400px;
}
._imgBlockCols__col:last-child{
	padding-left: 20px;
}
._imgBlockCols__title{
	margin: 0;
	margin-bottom: 30px;
}
._imgBlockCols__title,
._imgBlockCols__title *{
	font-size: 42.5px;
    color: rgb(20, 65, 96) !important;
}
._imgBlockCols__img{
	display: block;
	height: 230px;
}


/*----- banner block -----*/
.banner-block{
	min-width: 1000px;
}
.banner-block .relative{
	height: 400px;
	overflow: hidden;
}
.banner-block .container{
	position: relative;
	height: 100%;
}
.banner-block .relative:hover .img-bg{
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
	transition: 0.5s all;
}
.banner-text {
	position: absolute;
	z-index: 10;
	top: 10px;
	left: 0;
	width: 100%;

	text-align: center;
	color: #fff;
	margin: 0 auto;
	text-shadow: 3px 3px 9px #5f5f5f;
	padding: 0 12px;
}
.banner-text .title {
	font-size: 2.7em;
	color: #fff;
	letter-spacing: 1px;
	font-weight: lighter;
	transition: 0.2s all;
}
.banner-text .description {
	font-size: 1.5em;
	line-height: 1.3em;
}


/*----- _hover -----*/
._hover{
    position: relative;
}
._hover:after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(255 255 255 / 0%);
	transition: 0.3s all;
}
._hover:hover:after{
	background-color: rgb(255 255 255 / 30%);
}


/*----- gallery-section -----*/
.gallery-section {
    padding-bottom: 60px;
}
.gallery-section__title {
	position: relative;
    margin-bottom: 20px;
	text-align: center;
}
.gallery-section__title:after {
	content: "";
    position: absolute;
	top: 55%;
    left: 0;
    right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
    background-color: #729eba;
    height: 1px;
}
.gallery-section__title h3 {
	position: relative;
    z-index: 10;
	display: inline-block;
    background-color: #ffffff;
    font-family: "Playfair Display", Helvetica, sans-serif;
    text-transform: initial;
    font-size: 2em;
    font-weight: normal;
    color: #729eba;
    margin: 0;
    padding: 0 10px;
}
.gallery-container__photo-padding{
	padding-right: 1px;
	padding-bottom: 1px;
}


/*----- tabCols -----*/
.tabCols{
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;
	justify-content:center;
}
.tabCols__col {
	position: relative;
	padding: 0 20px;
}
.tabCols__col:not(:last-child):after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 1px;
	background-color: #7f9fc8;
}
.tabCols__btn {
	color: #144160;
	text-transform: uppercase;
	font-family: "Open Sans", Helvetica, sans-serif;
	font-size: 16px;
	cursor: pointer;
	transition: 0.2s all;
}
.tabCols__btn:hover{
	text-decoration: underline;
}


/*----- bookingText -----*/
.bookingText{
	color: #ffffff;
	margin-bottom: 20px;
	padding: 8px 20px;
	text-align: center;
	box-sizing: border-box;
}
.bookingText__inner {
	display: inline-block;
	position: relative;
	padding: 0 12px;
	font-family: 'Open Sans',Helvetica, Geneva, Verdana, Arial, sans-serif;
}
.bookingText__inner > span{
	display: block;
}
.bookingText__inner > span:last-child{
	font-weight: bold;
}
.bookingText__inner:before,
.bookingText__inner:after{
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #1b65ab;
	width: 10px;
	height: 1px;
}
.bookingText__inner:before{
	right: 100%;
}
.bookingText__inner:after{
	left: 100%;
}
.bookingContainer{
	background-color: white;
    border-radius: 2px;
    max-width: 1200px;
    min-height: 650px;
    margin: 0 auto !important;
    padding: 15px;
}

.bookingText--booking{
    border: none;
    color: #000000;
    text-transform: uppercase;
    margin: 10px 0;
    width: 100%;
}
.bookingText--booking:before,
.bookingText--booking:after{
    display: none;
}
.bookingText--booking .bookingText__inner > span {
    display: inline;
}


/*----- _dialogBox -----*/
._dialogBox{
	position: relative;
}
._dialogBox:before{
	content: "";
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.6);
	border: 1px solid rgba(255,255,255,0.6);
	-webkit-clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%, 438px 100%, 438px 100%, 412px 100%, 412px 100%);
	clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%, 438px 100%, 438px 100%, 412px 100%, 412px 100%);
	-webkit-clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%, 438px 100%, 438px calc(100% - 1px), 412px calc(100% - 1px), 412px 100%);
	clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%, 438px 100%, 438px calc(100% - 1px), 412px calc(100% - 1px), 412px 100%);
	box-sizing: border-box;
}
._dialogBox > span:first-child:before {
	content: "";
	position: absolute;
	top: 83%;
	top: calc(100% - 10px);
	left: 50%;
	-webkit-transform: translateX(-50%) rotate(135deg);
	-ms-transform: translateX(-50%) rotate(135deg);
	transform: translateX(-50%) rotate(135deg);
	display: block;
	width: 18px;
	height: 18px;
	border-color: rgba(255,255,255,0.6);
	border-style: solid;
	border-width: 1px 1px 0 0;
}
._dialogBox > span:first-child:after {
	content: "";
	position: absolute;
	top: 98%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 26px;
	height: 13px;
	-webkit-clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
	clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
	background-color: rgba(0,0,0,0.6);
	background-image: none;
}


/*----- slideshow -----*/
.slideshow{
    position: relative;
    width: 100%;
    height: 100%;
}
.slideshow__image{
    position: static;
}

.slideshow__image{
    display: block;
    width: 100%;
    height: 100%;
}

.slideshow__control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 150;
    width: 20%;
    cursor: pointer;
}
.slideshow__control.cycle-next{
    left: auto;
    right: 0;
}
.slideshow__control:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url(/templates/images/arrows/slider-left1.png);
    background-repeat: no-repeat;
    background-position: center;
}
.slideshow__control.cycle-next:before {
    left: auto;
    right: 0;
    -webkit-transform: translateY(-50%) scale(-1);
    -ms-transform: translateY(-50%) scale(-1);
    transform: translateY(-50%) scale(-1);
}


/*----- homeSlideshow -----*/
.homeSlideshow.topImage{
	-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;
    flex-direction:column;
	height: 80vh;
}
.homeSlideshow .topImage__bottom {
	position: relative;
	z-index: 200;
	margin: 0 auto;
}


/*----- blocks2 -----*/
.blocks2 *{
	box-sizing: border-box;
}
.block2{
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;
	display:flex;
	box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.05);
}
.block2:not(:last-child){
	margin-bottom: 40px;
}
.block2__img {
    background-color: rgb(243, 245, 247);
}
.block2__img > :first-child{
    width: 100%;
    height: 100%;
}
.block2:nth-child(even) .block2__img{
	order: 2;
}
.block2 > .block2__img{
    height: 320px;
    width: 46%;
}
.block2 > .block2__text{
    width: 54%;
}

.block2__title {
    font-size: 24px;
    text-transform: uppercase;
	margin: 0;
    margin-bottom: 20px;
    color: rgb(127, 159, 200);
    font-weight: normal;
    font-family: "Open sans";
}
.block2__text {
    padding: 20px;
}


/*--- block3 ---*/
.blocks3__row{
    margin: -15px;
}
.blocks3__col{
    width: 100%;
}
.block3 {
    display: block;
    text-align: center;
    transition: 0.5s all;

	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;
    display:flex;
    text-align: left;
}
.block3__img{	
	width: 40%;
    padding-bottom: 25%;
}
.block3__text{
    padding-left: 15px;
	width: 60%;
}
.block3__title{
	color: #154260;
    font-size: 28px;
    font-family: 'Playfair Display',Georgia, Times, Times New Roman,serif;
	margin: 0;
}
.block3__title a:hover {
    text-decoration: underline;
}
.block3__subtitle {
    margin-top: 10px;
}

.block3__content{
    margin-top: 10px;
}
.block3__btn {
    margin-top: 15px;
}

.block3__attr:not(:last-child) {
    margin-bottom: 10px;
}
.block3__attr > span:first-child {
    color: #347bbd;
}


/*----- callUs -----*/
.callUs__title{
    color: rgb(20, 65, 96);
    font-weight: 500;
    font-size: 1.5em;
    padding-right: 0px;
    line-height: 24px;
    font-family: 'Open Sans',Helvetica, Geneva, Verdana, Arial, sans-serif;
    margin-bottom: 20px;
}
.callUs__phone {
    font-size: 20px;
    background-image: url(/templates/images/icon-phone-blue.svg);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 30px;
		background-size: contain;
}
.alignTitle{
    margin-top: 40px;
}


/* .booking-bar.new-bar {
	z-index: 9999;
} */
.cycle-slideshow,
.slide {
    width: 100%;
    height: 80vh;
    overflow: hidden;
}



/*
==========================================================================
Parallax Background
==========================================================================
*/
section.parallax{
    background-color: transparent;
}
.parallax-bg-container {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.parallax-background{
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 1024px;
    background-size: cover;
    background-color: rgba(79, 76, 87, 0.7);
    background-attachment: fixed;
    position: relative;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
#content-home .home-title h1, #content-home .tripadvisor {
	opacity: 0;
}
#content-home .tripadvisor__image{
	text-align: left;
}
#content-home .home-title h1.animated, #content-home .tripadvisor.animated {
    opacity: 1;
}



/*----- promo-box--custom -----*/
.promo-box--custom .inside-promotion {
    margin-bottom: 30px;
    position: relative;
    text-align: center;
}
.promo-box--custom .inside-promotion .promo {
    background: #004285;
    color: #ffffff;
    width: 600px;
    margin: 0 auto;
    padding: 20px;
    outline: 5px solid #004285;
    border: 1px solid white;
}
.promo-box--custom .inside-promotion .promo #title {
    font-size: 1.5em;
    color: #ffffff;
}
.promo-box--custom .inside-promotion .promo #subtitle {
    color: #ffffff;
    font-size: 1.1em;
}
.promo-box--custom .inside-promotion .promo p {
    display: inline-block;
    width: 48%;
}
.promo-box--custom .inside-promotion a {
	text-decoration: underline;
}


/*----- sidebar -----*/
.sidebar.pull-down {
    margin-top:-40px;
}


/*----- fixedBooking -----*/
.booking-bar--dropdown{
	opacity: 0;
}
.booking-bar.fn-ontop--true{
	height: auto;
	overflow: initial;
	opacity: 1;
}
.booking-bar.fn-ontop--true:after {
    content: "";
    position: absolute;
    bottom: -5px;
    height: 5px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.4);
}
.booking-bar__logo,
.booking-bar__menu{
	display: none;
}
.booking-bar__logo img{
    width: 130px;
    max-height: 100%;
}
.booking-bar__menu{
	text-align: right;
}
.booking-bar__logoInner,
.menuIcon {
	position: absolute;
	top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
}
.booking-bar__logoInner{
	left: 20px;
	height: 45px;
}

.booking-bar.fn-ontop--true .form-booking{
	text-align: center;
}

#booking-input{
    background-color: rgba(20, 65, 96, 0.05);
}
.booking-bar.fn-ontop--true #checkin,
.booking-bar.fn-ontop--true #checkout,
.booking-bar.fn-ontop--true .booking-input #adults{
    background-color: transparent !important;
}
.booking-bar.fn-ontop--true .form-booking .booking-input{
    height: auto;
    width: auto;
    float: none;
    padding: 0 20px;
    margin-right: 0;
}
.booking-bar.fn-ontop--true .form-booking .booking-input:not(:first-child):not(:last-child){
	border-left: 1px solid #e6e6e6;
}
.booking-bar.fn-ontop--true .form-booking label{
	display: block;
    font-size: 11px;
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    text-align: left;
}
.booking-bar.fn-ontop--true #checkin,
.booking-bar.fn-ontop--true #checkout{
	display: block;
	position: static;
	-webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    text-align: left;
    background-image: url(/templates/images/calendar-light-blue.png);
}
.booking-bar.fn-ontop--true .booking-input #adults{
    position: static;
    padding: 0;
    margin: 0;
    transform: none;
    height: auto;
    width: auto;
    margin-left: -3px;
}

.booking-bar.fn-ontop--true .submit-booking{
	float: none;
    min-width: initial;
    padding: 0;
    background: none !important;
    text-align: left;
}
.booking-bar.fn-ontop--true #submit-button{
    position: static;
    background-image: none;
    padding: 13px 40px;
    width: auto;
    transition: 0.2s all;
    font-size: 14px;
}

/*----- menuSidebar -----*/
.menuSidebar {
    position: fixed;
    top: 65px;
    right: 0;
    -webkit-transform: translateX(100vw);
    -ms-transform: translateX(100vw);
    -o-transform: translateX(100vw);
    transform: translateX(100vw);
    z-index: 299;
    width: 450px;
    height: 100%;
    background-color: rgba(255, 255, 255, 1);
    padding: 30px 20px 30px 60px;
    box-sizing: border-box;
    transition: all 0.5s ease-out;
    border-top: 1px solid #e6e6e6;
}
.menuSidebar.menuSidebar--open{
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.menuSidebar > *:not(:first-child){
	border-top: 1px solid #e6e6e6;
	padding: 30px 0;
}

.menuSidebar__menu{
	margin-bottom: 40px;
}
.menuSidebar__menu li {
    margin: 15px 0;
}
.menuSidebar__menu li a {
    font-size: 20px;
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
}
.menuSidebar__menu li a:hover{
	color: #6f8db3;
}

.menuSidebar__phone {
    color: #144160;
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
}

.menuSidebar__languages .languages li {
    display: inline-block;
    margin-right: 15px;
    text-transform: uppercase;
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
}
.menuSidebar__languages .languages li a{
	color: #144160;
	font-weight: normal;
}
.menuSidebar__languages .languages li.active a{
	color: #6f8db3;
}


/*----- hideDesktop/hideTablet -----*/
.hideDesktop{
    display: none;
}

@media (max-width: 1100px){
    .hideDesktop{
        display: block;
    }
    .hideTablet{
        display: none;
    }
}


/*----- galleryFullpage -----*/
.galleryFullpage__row{
    margin-left: -4px;
    margin-right: -4px;
}
.galleryFullpage__col{
    float: left;
    width: 33.333%;
    padding: 4px;
    box-sizing: border-box;
}
.galleryFullpage__img{
    padding-bottom: 55%;
    position: relative;
    overflow: hidden;
}
.galleryFullpage__img a,
.galleryFullpage__img img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.galleryFullpage__img img{
	position: absolute;
    top: 50%;
    left: 50%;
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 0;
    transition: 0.5s all;
}

.galleryFullpage__img img:hover{
	-webkit-transform: translate(-50%, -50%) scale(1.05);
    -ms-transform: translate(-50%, -50%) scale(1.05);
    -o-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05);
}

.galleryFullpage--4cols .galleryFullpage__col{
	width: 25%;
}
.galleryFullpage--4cols .galleryFullpage__img{
	padding-bottom: 61%;
}


.galleryFullpage--pad1 .galleryFullpage__row{
    margin-left: -1px;
    margin-right: -1px;
}
.galleryFullpage--pad1 .galleryFullpage__col{
	padding: 1px;
}


/*----- socialBlock -----*/
.socialBlock {
    margin-top: 20px;
}
.socialIcon {
    display: inline-block;
    margin-right: 5px;
}
.socialIcon img {
    width: 18px;
}


/*----- box-info -----*/
.box-info__cols {
    display: table;
    width: 100%;
    margin-top: 20px;
}
.box-info__cols > div {
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
}
.box-info__left {
    width: 40%;
    font-size: 1.05em;
}
.box-info__right {
    width: 60%;
    text-align: right;
}
.box-info__price {
    margin-bottom: 10px;
}


/*----- footer -----*/

/* footer bottom */
.bottom-line {
    padding: 20px 0 30px;
    color: #7f9fc8;
    text-align: center;
    font-size: 14px;
}
.bottom-line,
.bottom-line a{
	color: #154260;
}
.copyright {
	padding-bottom: 20px;
}
.copyright p {
	margin: 0;
	padding: 0;
}
.copyright p,
.footer-conditions a{
	display: inline-block;
}
.copyright p:after,
.footer-conditions a:after{
	content: "|";
	margin: 0 5px;
}
.copyright p:last-child:after,
.footer-conditions a:last-child:after{
	display: none;
}


.footer{
	position: relative;
    padding: 40px 0;
    background-image: url(/templates/images/bg-footer-2.jpg);
    background-position: center;
    background-size: cover;
}
.footer:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(21, 66, 96, 0.85);
}
.footer,
.footer a{
	color: #ffffff;
	font-family: OpenSans, Helvetica, sans-serif;
	font-size: 14px;
}
.footer__row{
	margin-left: -12px;
	margin-right: -12px;
}
.footer__pad{
	padding: 0 12px;
}
.footer a{
	transition: 0.2s all;
}
.footer a:hover{
	color: #ececec;
	text-decoration: none;
}
.footer .container {
    position: relative;
    z-index: 1;
}
.footerAddress {
    margin: 10px 0 25px;
    line-height: 1.4;
}
.footerMenu:not(:last-child){
	margin-bottom: 25px;
}
.footerMenu li:not(:last-child) {
    margin-bottom: 15px;
}
#fullpage-booking .footerMenu ul {
  margin: 0;
}
.footerTitle{
    font-family: Playfair, Helvetica, sans-serif;
    font-size: 26px;
    line-height: 1;
    margin-bottom: 20px;
}
.footerTitle h3{
	margin: 0;
	padding: 0;
	border: none;
	line-height: inherit;
	font-size: inherit;
	color: inherit;
	font-weight: inherit;
}


/*----- menuSidebar -----*/
.booking-bar .form-booking div{
	float: left;
    margin: 0;
    margin-right: 0.93%;
}






.menuIcon {
	right: 20px;
	width: 40px;
    height: 28px;
    cursor: pointer;
}

.menuIcon span {
    position: absolute;
    top: 15px;
    right: 0;
    width: 30px;
    height: 3px;
    background-color: #7d9bc3;
    transition: all 0.6s ease-out;
}
.menuIcon span:before {
    content: '';
    position: absolute;
    top: -9px;
    right: 0;
    width: 30px;
    height: 3px;
    background-color: #7d9bc3;
    transition: all 0.6s ease-out;
}
.menuIcon span:after {
    content: '';
    position: absolute;
    top: 9px;
    right: 0;
    width: 30px;
    height: 3px;
    background-color: #7d9bc3;
    transition: all 0.6s ease-out;
}
.menuIcon--open span {
    position: absolute;
    background-color: transparent;
}
.menuIcon--open span:before {
    top: -4.5px;
    transform: rotate(225deg);
    background-color: #7d9bc3;
}
.menuIcon--open span:after {
    top: -4.5px;
    transform: rotate(-225deg);
    background-color: #7d9bc3;
}

.booking-bar.fn-ontop--true {
    position: fixed;
    top: 0;
    bottom: auto;
    left: 0;
    z-index: 500;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    width: 100%;
	padding: 10px 12px;
    background: none;
    background-color: #ffffff;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
}
.booking-bar.fn-ontop--true .booking-bar__container{
	max-width: 1300px;
    min-width: 1000px;
    margin: 0 auto;
    box-sizing: border-box;
}
.booking-bar.fn-ontop--true .booking-bar__logo,
.booking-bar.fn-ontop--true .booking-bar__menu{
	display: table-cell;
    width: 15%;
    box-sizing: border-box;
    overflow: hidden;
}
.booking-bar.fn-ontop--true .form-booking{
    width: 70%;
    min-width: 850px !important;
}


.booking-bar.fn-ontop--true #checkin,
.booking-bar.fn-ontop--true #checkout{
	width: 110px;
    background-position: 95%;
    padding: 0;
    padding-right: 35px;
}
.booking-bar.fn-ontop--true .submit-booking{
	min-width: initial;
}





/*----- header -----*/
.header2 {
    padding: 40px 40px 10px;
    text-align: center;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
.header2 li.active > a{
    color: #819DC6;
}
.header2 li a:hover{
    color: #819DC6;
}

.headerLogo{
	height: 95px;
}
.headerLogo img{
	max-width: 290px;
}

.headerTop {
    position: absolute;
    top: 0;
    padding: 15px;
    color: #ffffff;
}
.headerTop--left{
	left: 0;
}
.headerTop--right{
	right: 0;
}
.locationLink {
	display: flex;
			align-items: flex-end;
			position: relative;
			padding-left: 24px;
}
.locationLink svg {
	height: 17px;
    width: 20px;
    position: absolute;
    left: 0;
    bottom: 2px;
}

.locationLink a {
	color: white;
	font-family: "Open Sans", Helvetica, sans-serif;
	color: #444;
  font-size: 15px;
	display: block;
	position: relative;
}
.header2--transparent .locationLink a {
	color: white;
	font-size: 16px;
	line-height: 16px;
	padding-bottom: 2px;
	margin-right: 30px;
}
.header2--transparent .locationLink a:before {
	content: "";
    width: 0%;
    height: 1px;
    position: absolute;
    bottom: -3px;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    transition: 0.3s all;
	background: #ffffff;
	
}
.header2--transparent .locationLink a:hover:before {
width: 100%;
}
.headerLanguages {
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;
	display:flex;
	-webkit-box-align:flex-end;-moz-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;
	align-items:flex-end;
}
.headerLanguages li {
    display: inline-block;
}
.headerLanguages li:not(:last-child){
	margin-right: 10px;
}
.headerLanguages li a {
    text-transform: uppercase;
    color: #9c9e9f;
    font-weight: normal;
    font-size: 14px;
}
.headerLanguages li.active a{
	font-weight: normal;
    color: #819DC6;
}
.headerLanguages li a:hover{
	color: #819DC6;
}

/*-- Nav --*/
.headerNavigation {
    margin-top: 15px;
}
.headerNavigation > ul{
    position: relative;
}
.headerNavigation > ul > li {
    display:inline-block;
    padding: 0 6px;
    font-size: 16.5px
}
.headerNavigation ul li a {
	position: relative;
    padding: 2px;
    color: #9c9e9f;
}
.headerNavigation ul li a:before {
	background: #ffffff;
}

/*-- header2--transparent --*/
.header2.header2--transparent{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 250;
    background-color: transparent;
    box-shadow: none;
}
.header2--transparent .headerLanguages li a,
.header2--transparent .headerNavigation > ul > li > a{
    color: white;
    font-family: "Open Sans", Helvetica, sans-serif;
}
.header2--transparent .headerLanguages li a:hover,
.header2--transparent .headerNavigation > ul > li > a:hover{
    color: #ffffff;
    text-decoration: none;
}


.header__top{
	position: absolute;
	top: 15px;
	right: 12px;
    display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;
    display:flex;
    -webkit-box-pack:flex-end;-moz-box-pack:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;
    justify-content:flex-end;
    -webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;
    align-items:center;
	color: #436C88;
}
.header__top > *:not(:last-child){
    margin-right: 20px;
}

.header__langs{
    width: 19px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}



/*----- topImage -----*/
.topImage{
	position:relative;
	padding:12px 12px 20px 12px;
	min-height:500px;
	height: 100vh;
    box-sizing: border-box;

	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:flex-end;-moz-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;
	align-items:flex-end;
}
.topImage .topImage__container {
    position: absolute;
    bottom: -77.5px;
    left: 0;
    z-index: 1;
    width: 100%;
}
.topImage__slides{
	bottom:0;
	left:0;
	position:absolute;
	right:0;
	top:0;
}
.topImage__slide{
	background-attachment:fixed;
	background-position:50% 0px;
	background-repeat:no-repeat;
	background-size:cover;
	bottom:0px;
	left:0px;
	position:absolute;
	right:0px;
	top:0px;
}


.topImage__bottom {
	width: 850px;
}
.topImage__bottom .booking-bar.new-bar:not(.fn-ontop--true){
	position: static;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

 .home-video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.video{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
}




/*
==========================================================================
15. Cookies
==========================================================================
*/
.CookiePolicyWrapper {
    position: relative;
    width: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid #eaeaea;
    font-size: 0.85em;
    font-weight: normal;
    text-align: center;
    box-sizing: border-box;
}
.CookiePolicyWrapper .CookiePolicy{
	min-width: 1000px;
    max-width: 1300px;
	padding: 12px;
    margin: 0 auto;
    box-sizing: border-box;
}
a#CookiePolicyAccept {
    font-weight: bold;
    outline: none;
    background-color: #154260;
    color: #fff;
    display: inline-block;
    padding: 8px 30px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-left: 20px;
    margin-top: 6px;
    text-decoration: none !important;
    transition: 0.2s all;
}
a#CookiePolicyAccept:hover{
    background-color: #819ec6;
}
a.cookie-link{
    color: #154260;
    text-decoration: underline;
}


/*
==========================================================================
16. Popup
==========================================================================
*/

/*----- popupCustom -----*/
#popup{
	display: none;
	position: relative;
    z-index: 2000;
}
.popupCustomOverlay{
    position: fixed;
    z-index:2000;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    background-color: rgba(0, 0, 0, 0.3);
}
.popupCustom{
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-box-shadow: 2px 2px 4px 1px rgba(0,0,0,.2);
    box-shadow: 2px 2px 4px 1px rgba(0,0,0,.2);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index:2001;
    padding: 50px 4px 20px 20px;
    background-color: #ffffff;
    border-radius: 3px;
	max-width: 90vw;
    max-height: 90vh;
    overflow: hidden;
    box-sizing: border-box;
}
.popupCustom__close{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 0px;
    line-height: 0;
    cursor: pointer;
    height:15px;
    width:15px;
}
.popupCustom__container{
    width: 600px;
    height: 400px;
    overflow: auto;
    padding-right: 16px;
}
.popupCustom__title{
    color:#6485b9;
    font-size:25px;
    font-weight:400;
    margin-bottom: 20px;
}

.popup--leadform .popupCustom{
	background-color: rgb(245, 248, 253);
}
.popup--leadform .popupCustom__container{
	width: auto;
	height: 70vh;
	overflow: auto;
}

#category-jobs .popup--leadform .popupCustom__container {
height: auto;
}

.form-post .popup--leadform .popupCustom__container{
	height: auto;
}


/*---- Jobs ----*/
#content-job .titles{
	font-size: 40px;
	padding: 0;
	padding-bottom: 10px;
}
#content-job .leadform h3{
	font-size: 26px;
}
.job-form-title {
    color: rgb(20, 65, 96);
    font-weight: normal;
    font-size: 20px;
    padding-right: 0px;
    line-height: 24px;
    font-family: 'Open Sans', Helvetica, Geneva, Verdana, Arial, sans-serif;
    padding-bottom: 20px;
    text
}
.form-upload label {
    display: flex;
    background: #7791B6;
    color: white;
    border: none;
    border-radius: 2px;
    font-size: 1em;
    font-family: Open Sans;
    margin-bottom: 0;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: none;
    height: 37px;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.form-upload label:hover{
	background: #85a3cd;
}
.leadform--jobs .checkbox-text a{
	color: #144160;
	text-decoration: underline;
}
.jobBlock a{
    text-decoration: none;
}
.form-upload input {
    width: 0.1px !important;
    height: 0.1px;
    opacity: 0;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

/*----- pop-up -----*/
.pop-up-leadform-overlay {
    display: none;
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}
.pop-up-leadform {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9999;
    padding: 30px;
    padding-right: 8px;
    background-color: #fff;
    width: 600px;
    height: 500px;
	max-width: 90vw;
    max-height: 90vh;
    box-sizing: border-box;
}
.close-pop-up-leadform {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.7em;
    line-height: 0.4;
    padding: 10px;
    cursor: pointer;
}
.pop-up-leadform ._contentStyle{
	text-align: left !important;
	overflow: auto;
    max-height: 100%;
    padding-right: 20px;
}


._bigImage_section{
	min-height: 500px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
._bigImage_section_image{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
._bigImage_section_image img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
._bigImage_section_content{
	padding: 40px 0;
	text-align: center;
	position: relative;
	color: white;
}
._bigImage_section_content a{
	color: white;
}
._bigImage_section_image:after{
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	pointer-events: none;
	background: rgba(0, 0, 0, .6);
}
._bigImage_section_content h3{
	color: white;
	font-size: 34px;
	padding-bottom: 20px;
	margin: 0;
}
._bigImage_section_content .contentStyle{
	padding: 60px 0;
}
._bigImage_section_links{
	padding-top: 40px;
}
._bigImage_section_links{
	display: flex;
	justify-content: center;
}
._bigImage_section_links li{
	padding: 0 20px;
	list-style: none;
	font-size: 20px;
	font-family: 'Playfair Display',Georgia, Times, Times New Roman,serif;
}
._bigImage_section_links li a:hover{
	text-decoration: underline;
}
._bigImage_section_links li:not(:first-child){
	border-left: 1px solid white;
}
/* Banner Gift Voucher */
#content-home .offers {
	border-bottom: 0;
}
.giftVoucher {
	position: relative; 
	width: 100%; 
	height: 500px; 
	margin: 20px 0 100px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.giftVoucher .giftVoucher-block {
	position: absolute; 
	top: 0; 
	bottom:0;
	left: 0;
	right: 0;
	background-color: transparent; 
	width: 500px;
	height: auto; 
	margin: 0 auto; 
	z-index: 100;
	padding: 0 40px 20px;
}
.giftVoucher .giftVoucher-block p.giftVoucher-block__title {
	text-align: center;
	color: #ffffff;
	font-size: 44px;
	font-family: 'Playfair Display',Georgia, Times, Times New Roman,serif;
	margin: 0;
	text-transform: capitalize;
}
.giftVoucher .giftVoucher-block__subtitle {
	color: #ffffff;
	font-size: 22px;
	text-align: center;
	line-height: 32px;
	margin: 30px 0;
}
.giftVoucher .giftVouvher__submit {
	padding-top: 20px;
}
.giftVoucher .giftVouvher__submit div {
	width: 200px;
	background-color: #ffffff;
	color: #144160;
	text-align: center;
	line-height: 47px;
	margin: 0 auto;
	box-shadow: 0px 1px 2px 1px rgb(0 0 0 / 10%);
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	border-radius: 2px;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.giftVoucher .giftVouvher__submit div:hover {
	background-color: #144160;
	color: #fff;
}
.giftVoucher .giftVoucher-block.animated {
    /* opacity: 1; */
}
.giftVoucher .giftVoucherBackground {
	position: absolute; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	width: 100%; 
	height: 100%; 
	z-index: 1;
	background-attachment: fixed;
}
.isTouchDevice .giftVoucher .giftVoucherBackground{
	background-attachment: initial!important;
}
.giftVoucher .giftVoucher-block {
	position: relative;
	opacity: 1;
}
.giftVoucher .giftVouvher__submit {
	position: static;
	bottom: 50px;
	left: 0;
	right: 0;
}

#rooms .giftVoucher {
	margin-top: 80px;
}
#content-room .giftVoucher {
	margin-top: 100px;
}
#category-convenciones .giftVoucher {
	margin-top: 60px;
}

#content-home .giftVoucher {
	margin-top: 60px;
}

/*
==========================================================================
100. Media Queries
==========================================================================
*/
@media (max-width: 1024px) {
	.parallax-background {
	    background-attachment: unset;
	    background-position: center center !important;
	    background-size: cover;
	}
}
@media (max-width: 1100px){
	.headerNavigation > ul > li {
	    padding: 0 4px;
	    font-size: 16px;
	}
}
@media (max-width: 1200px){
	#content-room .related-room__inner{
		height: 271px;
	}
	#content-room .related-room .cat-title{
		font-size: 2em;
		margin-bottom: 10px;
	}
	#content-room .related-room .contentStyle{
		font-size: 1em;
	}
	.menuIcon{
		position: relative;
		top: initial;
		left: initial;
		right: initial;
		-webkit-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}
	.booking-bar__logo{
		display: none !important;
	}
	.menuSidebar {
	    width: 350px;
	    padding: 30px 12px 30px 60px;
	}
}
@media (max-width: 1450px){
	.booking-bar__logoInner{
		position: relative;
		top: initial;
		left: initial;
		right: initial;
		-webkit-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}
}




#category-restaurant .title{
    border:none!important;
        text-transform:uppercase;
        font-size:36px;
}
#category-restaurant ul.breadcrumbs {
        margin-top: 40px;
    float: left;
    width: 70%;
}
#category-restaurant ul.breadcrumbs li {
    display:inline;
    padding-right:5px;
}
#category-restaurant ul.breadcrumbs li:after {
    content:'>';
    padding:0px 5px;
    color:#7f9fc8;
}
#category-restaurant ul.breadcrumbs li:last-child:after {
    content:'';
}
.h2style {
	display: block;
	font-family: "Open sans";
	font-weight: normal !important;
	font-size: 0.5em;
	color: #7f9fc8;
	
}
.two input {
	text-indent: 0;
}
#category-restaurant .titles {
    width: 70%;
    font-size: 4em;
    padding: 30px 0;
    float: left;

}
#category-restaurant .sidebar {
	width: 300px;
	height: 100%;
	background: none;
	padding: 0;
	color: rgb(20, 65, 96);
	box-sizing: border-box;
	border-radius: 2px;
	position: relative;
	z-index: 200;
}

#category-restaurant .content-cartas {
    float:left;
    width:25%;
    font-family: "Open sans";
    font-weight: normal;
}
#category-restaurant .cartas {
    float:right;
    width:70%;
    margin-top:125px;
    
}
#category-restaurant article.cartas-container {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    border-top: 1px solid #eee;
}
#category-restaurant .carta-box {
    float: left;
    position: relative;
    overflow: hidden;
    height: 0px;
    padding-bottom: 27%;
    margin-left:1.5%;
    width:30%;
    max-width:260px;
    opacity:0.9;
}
    #category-restaurant .carta-box:hover {
        transition:0.3s;
        opacity:1;
    }
#category-restaurant .title-carta h3 {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 60px;
    background: white;
    /* opacity: 0.8; */
    height: 30px;
    padding-top: 7px;
    border-bottom: 1px solid #17425d;
    border-top: 1px solid #17425d;
    color: #17425d;
    font-size: 16px;
}
#category-restaurant .restaurant-item{
    padding-bottom: 0;
}
#category-restaurant .restaurant-item .title {
    width: 550px;
    /* margin-top: -10px; */
    padding-top: 0px;
}
#category-restaurant #fx-page-content{
    min-height: 285px!important;
    float: left;
    width: 70%;
}
#category-restaurant .cartas-sons {
    float: left;
    width: 100%;
    margin-top: 40px;
}
#category-restaurant .cartas-sons .carta-box {
    margin-left:0px;
    margin-right:1.5%;
    padding-bottom:22%;
    width:18.5%;
}
.mrgTop20 {
    margin-top: 20px;
}
.mrgTop60 {
    margin-top: 60px;
}
.mrgBot60 {
	margin-bottom: 60px;
}
.mrgTop120 {
	margin-top: 120px;
}
.mrgBot120 {
margin-bottom: 120px;
}
#category-restaurant ul.breadcrumbs {
    margin-top: 0;
}



#category-restaurant .topImage {
	height: calc(100vh - 110px);
}
#category-restaurant .titles.headerRestaurant {
	width: 100%;
	position:absolute; 
	bottom: 0px;
	text-align: left;
	color: #ffffff;
	padding: 80px 0!important;
}
#category-restaurant .titles.headerRestaurant h1  {
	color: #ffffff;
}
#category-restaurant .titles.headerRestaurant .h2style {
	color: #ffffff;        	
}
.header__top {
	z-index: 100;
}


#category-restaurant .cartas-container .item-content {
	padding-left: 0;
	padding-right: 300px;
}
#category-restaurant .cartas-container .item-content {
	position: relative;
}
#category-restaurant .cartas-container .item-content .booking-btn.fn-popup {
	position: absolute;
	top: 65px;
	right: 0;
}
#category-restaurant .cartas-container .item-content .booking-btn {
	padding: 10px 50px;
	background: white;
	font-size: 1.1em;
	font-family: Open sans;
	text-transform: capitalize;
	border: none;
	color: white;
	border-radius: 1px;
	width: auto;
	background: rgb(21, 66, 96);
	background-repeat: no-repeat;
	background-position: 95% 54%;
	cursor: pointer;
	text-transform: uppercase;
	border-radius: 3px;
	padding-right: 52px;
	display: inline-block;
	background-image: url(/templates/images/arrow-booking.png);
	padding-right: 70px;
}

.checkbox input:not(:checked) ~ .checkbox__checkmark svg {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
}
.checkbox__checkmark svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    fill: #617A67;
    width: 75%;
    height: 75%;
    transition: 0.2s all;
}


@media (max-width: 1160px){
	#content-home .headerNavigation ul li a {
		font-size: 15px;
	}
}
@media (max-width: 1030px){
	#content-home .headerNavigation ul li a {
		font-size: 14px;
	}
}
@media (max-width: 1295px){
	#fullpage-booking .headerNavigation ul li a {
		font-size: 15px;
	}
}
#fullpage-booking #header .container {
	max-width: 1300px !important;
}

@media (min-width: 1200px) {
	.container {
		
	}
}


#content-apartament #main {
	padding-bottom: 75px;
}

#apartaments #main {
    padding-bottom: 80px;
}
@media (max-width: 1200px){
	#PSBookEngine{
		width: inherit!important;
		position: relative!important;
	}
	.bookingContainer {
		padding: 15px 0;
	}
}
#PSBookEngine .fw_be_list_cabecera {
	box-sizing: border-box !important;
}

#PSBookEngine #id_main_cont_bottom {
    width: 100% !important;
}

#fullpage-booking .footer,
#fullpage-booking .postFooter .fillet {
	display: none;
}

#fullpage-booking .postFooter .bottom-line,
#fullpage-booking .postFooter .bottom-line a {
	color: #ffffff;
    background-color: #1F4A7D;
}

.photo-cover {
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;
	display:flex;
	flex-direction: column;
	-webkit-box-pack:flex-end;-moz-box-pack:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;
	justify-content:flex-end;
	height: calc(100vh - 105px);
}
.photo-cover-title h1 {
color: #ffffff;
font-size: 60px;
}


.room__image:hover img,
.room .relative:hover img {
filter: brightness(1.1);
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;r
}

.oferta-photo img {
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}

.pack:hover .oferta-photo img, .oferta:hover .oferta-photo img,
#content-room .related-room:hover img,
.related-room:hover img {
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
filter:brightness(1.15)
}
#content-suite-especial .home-slideshow {
height: calc(100vh - 105px) !important;
}

#content-room .titles {
margin-bottom: 0 !important;
}

#content-suite-especial  .home-slideshow:after,
#content-room .photo-cover:after {
position: absolute;
content: "";
width: 100%;
height: 200px;
left: 0;
bottom: 0;
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5704875700280112) 100%);
}
#content-suite-especial   .headerHotel,
#content-room   .headerHotel {
z-index: 10;
}

.howToGet {
	padding-top: 5px;
}

.howToGet a{
	display: flex;
	align-items: center;
	text-decoration: underline;
	font-size: 16px;
	width: fit-content;
}

.howToGet a svg {
	height: 20px;
	width: 20px;
	margin-right: 10px;
}