/*@font-face {
    font-family: 'Antipasto Pro';
    src: url('../fonts/AntipastoPro-Regular.eot');
    src: local('Antipasto Pro Regular'), local('AntipastoPro-Regular'),
        url('../fonts/AntipastoPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AntipastoPro-Regular.woff2') format('woff2'),
        url('../fonts/AntipastoPro-Regular.woff') format('woff'),
        url('../fonts/AntipastoPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Antipasto Pro';
    src: url('../fonts/AntipastoPro-Thin.eot');
    src: local('Antipasto Pro Thin'), local('AntipastoPro-Thin'),
        url('../fonts/AntipastoPro-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AntipastoPro-Thin.woff2') format('woff2'),
        url('../fonts/AntipastoPro-Thin.woff') format('woff'),
        url('../fonts/AntipastoPro-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}*/

/* legal shit for the egg heads */
.cwcookiecontainer p {
    padding-top: 18px !important;
}

.cwcookielaw .cwallowcookies,
.cwcookielaw .cwcookiesmoreinfo {
    padding: 10px 6px 6px 6px !important;
    font-size: 18px !important;
    text-align: center;
}

div#legal {
    background: #fff;
    padding: 20px;
}

@font-face {
    font-family: 'Antipasto Pro';
    src: url('../fonts/AntipastoPro-Light.eot');
    src: local('Antipasto Pro Light'), local('AntipastoPro-Light'),
        url('../fonts/AntipastoPro-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AntipastoPro-Light.woff2') format('woff2'),
        url('../fonts/AntipastoPro-Light.woff') format('woff'),
        url('../fonts/AntipastoPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
} 

html, body {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}

body {
    color: #444444;
    font-family: 'Arial Narrow', Arial, Verdana, sans-serif;
    font-stretch: condensed;
    font-size: 18px;
    -webkit-text-size-adjust: 100%;
    background-color: #f6f6f6;
    background-image: url(../../../images/layout/page-background1.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

div#wrapper {
	width: 100%;
	min-height: 100%;
	margin: 0;
	position: relative;
}

div#header {
    background-color: #fff;
}

div#header div#topbar {
    background-color: #cb99c9;
    color: #fff;
    padding: 6px 20px;
    text-align: right;
}

div#header div#topbar a {
    color: #fff;
}

div#header div#book {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 107px;
    background-image: url(../../../images/layout/header.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 100% 100%;
}

div#header div#book .custom {
    padding: 42px 90px 0 30px;
    font-size: 32px;
}

div#header div#book a {
    color: #333;
}

div#header div#language {
    position: absolute;
    top: 50px;
    right: 25px;
}

div#header div#language div.mod-languages img {
    width: 32px;
}

div#header div#menu {
    padding: 18px 0;
}

div#slider,
div#slider img {
    width: 100%;
    position: relative;
}

div#slider img {
    border-bottom: 10px solid #fff;
}

div#content {
    width: 80%;
    min-height: 70vh;
    margin: 50px auto;
    padding-bottom: 50px;
}

div#footer {
    /*position: absolute;
    bottom: 0;*/
    width: 100%;
    z-index: 20;
    background-color: #cb99c9;
    text-align: center;
    color: #fff;
    padding: 5px 0;
}

div#footer a {
    color: #fff;
    font-size: 20px;
}

div#privacy {
    margin-bottom: 5px;
}

/* Navigation */
div#MenBt {
	display: none;
}

/***** Main Menu ****/
/* ---------------------------------------
   Reset list items
--------------------------------------- */
div.moduletable_menu ul,
div.moduletable_menu ul li,
div.moduletable_menu ul li ul,
div.moduletable_menu ul li ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.moduletable_submenu {
	display: none;
}

ul.nav.menu.mod-list {
    padding-left: 80px;
}

/* ------------------------------
   Position the main and sub items
----------------------------------- */
#menu .moduletable_menu {
    text-align: center;
}

div.moduletable_menu ul li {
	width: auto;
	display: inline-block;
	list-style-type: none;
	margin-top: 3px;
	padding: 0 25px !important;
	line-height: 30px;
	-webkit-transition: background 0.75s linear;
    -moz-transition: background 0.75s linear;
    -ms-transition: background 0.75s linear;
    -o-transition: background 0.75s linear;
    transition: background 0.75s linear;
}

div.moduletable_menu ul li.active a,
div.moduletable_menu ul li:hover a {
    text-decoration: underline;
    text-underline-offset: 5px;
    color: #cb99c9;
}

div.moduletable_menu ul ul,
div.moduletable_menu ul li ul li {
	 width: 100%;
}

div.moduletable_menu ul li ul {
	position: absolute;
	z-index: 2;
	width: 230px;
}

/* The links of the main items */
div.moduletable_menu ul li a, span.nav-header {
    color: #666666;
    display: block;
    padding: 4px 0;
    text-decoration: none;
    font-size: 26px;
    font-family: 'Antipasto Pro';
    text-transform: uppercase;
    font-weight: 300;
}

span.nav-header {
    cursor: pointer;
}

div.moduletable_menu ul li a:hover {
	color: #cb99c9;
}
/* ---------------------------------
   Subitems
---------------------------------- */
/* Background */
div.moduletable_menu ul li ul li {
	background-color: transparent;
	-webkit-transition: background-color 0.3s ease-in;
	-moz-transition: background-color 0.3s ease-in;
	-o-transition: background-color 0.3s ease-in;
	-ms-transition: background-color 0.3s ease-in;
	transition: background-color 0.3s ease-in;
}

/* Links normal */

/* 1e level */
div.moduletable_menu ul li ul li a,
div.moduletable_menu ul li.active ul li a,

/* 2e level */
div.moduletable_menu ul li ul li ul li a,
div.moduletable_menu ul li.active ul li.active ul li a,

/* 3e level */
div.moduletable_menu ul li ul li ul li ul li a,
div.moduletable_menu ul li.active ul li.active ul li.active ul li a {
	color: #7c7c7c;
	display: block;
	padding: 10px 16px;
	text-decoration: none;
}

/* Links hover and active */

/* 1e level */
div.moduletable_menu ul li ul li a:hover,
div.moduletable_menu ul li.active ul li.active a,

/* 2e level */
div.moduletable_menu ul li ul li ul li a:hover,
div.moduletable_menu ul li ul li ul li ul li a:hover,

/* 3e level */
div.moduletable_menu ul li.active ul li.active ul li.active a,
div.moduletable_menu ul li.active ul li.active ul li.active ul li.active a {
	text-shadow: none;
	color: #373737;
}

div.moduletable_menu ul li ul li a:hover {
	border-top: 0px solid #ff0000 !important;
	border-bottom: 0;
}

/* -------------------------------------------
   Display and hide the submenus
-------------------------------------------- */
div.moduletable_menu ul li ul {
    left: -999em;
    opacity: 0;
}

div.moduletable_menu ul li:hover ul {
    left: auto;
    filter: alpha(opacity=50);
        opacity: 1;
        -webkit-transition: opacity .8s ease-in-out;
        -moz-transition: opacity .8s ease-in-out;
        -ms-transition: opacity .8s ease-in-out;
        -o-transition: opacity .8s ease-in-out;
        transition: opacity .8s ease-in-out;
}

/* -------------------------------------------------------------------------
    Position the last subitems
-------------------------------------------------------------------------- */
div.moduletable_menu ul li.item-169 ul {
    left: -999em;
}

div.moduletable_menu ul li:hover.item-169 ul {
    left: -68px;
}

/* --------------------------------------------
   CSS for multi level subitems
--------------------------------------------- */

/* From the second level */
div.moduletable_menu ul li ul li ul,
div.moduletable_menu ul li:hover ul li ul {
    left: -999em;
}

div.moduletable_menu ul li:hover ul li:hover ul {
    left: auto;
    margin: -31px 0 0 255px;
}

/* From the third level */
div.moduletable_menu ul li ul li ul li ul,
div.moduletable_menu ul li:hover ul li ul li ul,
div.moduletable_menu ul li:hover ul li:hover ul li ul {
    left: -999em;
}

div.moduletable_menu ul li:hover ul li:hover ul li:hover ul {
    left: auto;
    margin: -22px 0 0 181px;
}

/* ---------------------------------------
   Reset list items
--------------------------------------- */

div.moduletable_menu ul,
div.moduletable_menu ul li,
div.moduletable_menu ul li ul,
div.moduletable_menu ul li ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menu {
	margin-top: 20px;
}

/* ------------------------------
   Position the sub items
----------------------------------- */
div.moduletable_menu ul li ul {
	position: absolute;
	z-index: 2;
}

/* ---------------------------------
   Subitems
---------------------------------- */
/* Background */
div.moduletable_menu ul li ul li {
	background-color: #fff;
	padding: 0 10px!important;
    border-bottom: 1px solid #eee;
}

div.moduletable_menu ul li ul li:hover {
	background-color: #F7E7EE;
}
/* Links normal */

/* 1e level */
div.moduletable_menu ul li ul li a,
div.moduletable_menu ul li.active ul li a,

/* 2e level */
div.moduletable_menu ul li ul li ul li a,
div.moduletable_menu ul li.active ul li.active ul li a,

/* 3e level */
div.moduletable_menu ul li ul li a,
div.moduletable_menu ul li.active ul li a,
div.moduletable_menu ul li ul li ul li a,
div.moduletable_menu ul li.active ul li.active ul li a,
div.moduletable_menu ul li ul li ul li ul li a,
div.moduletable_menu ul li.active ul li.active ul li.active ul li a {
    display: block;
    color: #7c7c7c;
    font-size: 18px;
    text-decoration: none;
    padding: 4px 4px;
    text-align: left;
    line-height: 36px;
}

div.moduletable_menu ul li ul li a:hover {
 border-top: 0px solid #ff0000 !important;
}

/* -------------------------------------------
   Display and hide the submenus
-------------------------------------------- */
div.moduletable_menu ul li ul {
    left: -999em;
    padding: 0 !important;
}

div.moduletable_menu ul li:hover ul {
	left: auto;
    margin-left: 0;
    z-index: 99;
}

/* -------------------------------------------------------------------------
    Position the last subitems
-------------------------------------------------------------------------- */
div.moduletable_menu ul li.item-169 ul {
    left: -999em;
}

div.moduletable_menu ul li:hover.item-169 ul {
    left: -68px;
}

/* --------------------------------------------
   CSS for multi level subitems
--------------------------------------------- */

/* From the second level */
div.moduletable_menu ul li ul li ul,
div.moduletable_menu ul li:hover ul li ul {
    left: -999em;
}

div.moduletable_menu ul li:hover ul li:hover ul {
	left: auto;
}

/* From the third level */
div.moduletable_menu ul li ul li ul li ul,
div.moduletable_menu ul li:hover ul li ul li ul,
div.moduletable_menu ul li:hover ul li:hover ul li ul {
    left: -999em;
    
}

div.moduletable_menu ul li:hover ul li:hover ul li:hover ul {
    left: auto;
    margin: -22px 0 0 181px;
}

/* Submenu */
div#submenu .moduletable_menu {
	text-align: center;
}

div#submenu li a {
    font-size: 13px;
    padding: 0;
}

/* Content */
h1, h2, h3, h4, h5, h6 {
	color: #32b8bf;
	font-weight: normal;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 26px;
}

p, #content li {
    margin: 0 0 1em;
    text-align: justify;
    font-size: 1.2em;
}

body#contact p {
    text-align: left;
}

a {
 color: #cb99c9;
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

a:focus {
 border: 0;
 text-decoration: none;
 outline: none;
}

#content li { margin-bottom: 0.5em; padding-left: 10px; }

ol, ul {
    list-style: none outside none;
}

#content ol, #content ul {
    list-style-type: square;
    margin: 0 0 14px 20px;
}

.clear {
	clear: both;
}

div.left {
  width: 46%;
  float: left;
  padding: 2%;
}

div.right {
	width: 46%;
	float: right;
	padding: 2%;
}

body#contact div.left {
    width: 54%;
}

body#contact div.right {
    width: 38%;
}

div.left img {
    width: 100%;
    border: 1px solid #333;
}

.bottom {
    clear: both;
}

/* Homepage */
h1.home {
    position: absolute;
    bottom: 120px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #fff;
    font-size: 60px;
    font-family: 'Antipasto Pro';
}

.ani-con {
    position: relative;
    margin-bottom: 100px;
}

.ani-con.two {
    margin-bottom: 200px;
}

.ani-con img {
    width: 45%;
    border-bottom: 20px solid #cb99c9;
    padding-bottom: 5px;
    background-color: #fff;
}

body#info img#ani-one-img {
    border-bottom: 20px solid #f6f25c;
}

h1#ani-one-hl, h2#ani-one-hl {
    font-size: 32px;
    margin: 0 0 20px 0;
    text-align: left;
}

.ani-con span {
    display: block;
    background: #fff;
    padding: 20px;
    border: 1px solid #cfcfcf;
    position: absolute;
    width: 65%;
    top: 150px;
    box-shadow: 2px 2px 4px #d1d1d1;
}

.ani-con.one span {
	right: 0;
}

.ani-con.two {
    text-align: right;
}

.ani-con.two span {
    left: 0;
}

.ani-con.two.info span {
    position: relative;
}

/* Villa */
.page-wrapper {
    position: relative;
    /*min-height: 80vh;*/
}

img.main {
    width: 70%;
    padding: 5px;
    border: 1px solid #dbdbdb;
    z-index: 1;
    background: #fff;
}

span.main-desc {
    display: block;
    position: relative;
    /* top: 50%; */
    /* right: 0; */
    background-color: rgba(255,255,255,0.9);
    padding: 20px;
    border: 1px solid #cfcfcf;
    width: 70%;
    box-shadow: 2px 2px 4px #d1d1d1;
    float: right;
    margin-top: -100px;
    z-index: 2;
}

span.main-desc img {
    width: 100%;
}

/*Sub pages */
.page-wrapper h1 {
    margin-top: 0;
}

body#bedroom #content {
	padding-bottom: 0;
}

body#bedroom .page-wrapper h1 {
    margin-left: 0;
}

body#bedroom .page-wrapper {
    width: 60%;
    margin: 0 auto;
}

body#bedroom img {
    width: 100%;
    margin-bottom: 20px;
}

body#bedroom #footer {
    position: relative;
}

img.develop {
    width: 100%;
}

/* Amenities */
div#amenities {
    width: 70%;
    margin: 0 auto;
    display: grid;
    column-gap: 5px;
    row-gap: 5px;
    grid-template-columns: 50% 50%;
}

div#amenities li {
    list-style-image: url(../../../images/layout/square-check-solid.svg);
    text-align: left;
    margin: 0;
    line-height: 25px;
}

div#amenities li::marker {
    font-size: 48px;
}

/* Info */
.info.one,
.info.two,
.info.three,
.info.four {
    position: relative;
    margin-bottom: 100px;
    background-size: 45%;
    background-repeat: no-repeat;
    text-align: right;
    min-height: 400px;
}

.info.two,
.info.four {
    text-align: right;
}

.info.one {
	background-image: url(../../../images/content/villa-sea-shell-01.jpg);
}

.info.two {
    background-image: url(../../../images/content/villa-sea-shell-02.jpg);
    background-position: right top;
}

.info.three {
	background-image: url(../../../images/content/villa-sea-shell-03.jpg);
}

.info.four {
	background-image: url(../../../images/content/villa-sea-shell-04.jpg);
	background-position: right top;
}

.info h1, .info h2 {
    font-size: 32px;
    margin: 0 0 20px 0;
    text-align: left;
}

.info.two h2,
.info.four h2 {
    left: 15%;
}

.info.one span, .info.two span, .info.three span, .info.four span {
    display: inline-block;
    background: #fff;
    padding: 20px;
    border: 1px solid #cfcfcf;
    width: 60%;
    box-shadow: 2px 2px 4px #d1d1d1;
    margin: 100px 0 0 30%;
}

.info.two span,
.info.four span {
	margin: 100px 35% 0 0;
}

.info h3 {
    text-align: left;
}

/* Photos */
body#photo div#content {
    background: #fff;
    padding: 20px;
}

/* Location */
div.left img.map {
    border: 1px solid #dbdbdb;
}

.border {
    background: #fff;
    padding: 0 20px;
    border: 1px solid #cfcfcf;
    box-shadow: 2px 2px 4px #d1d1d1;
}

/* Iframe pages */
.contentpane iframe {
    min-height: 80vh;
}

/* Booking */
div#ff_formdiv1 {
    width: 50%;
    margin: 0 auto;
    background: #fff;
    padding: 20px;
}

section input[type='text'],
.bfQuickMode section textarea,
.bfQuickMode section select {
    margin-bottom: 9px;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 10px 1%;
    color: #555;
    width: 98%;
    min-width: 98%;
    font-size: 18px;
    font-family: arial;
}

.bfQuickMode section textarea {
	height: 120px;
	padding-top: 10px;
}

.bfQuickMode input#ff_elem31,
.bfQuickMode input#ff_elem32 {
    width: 25%;
    min-width: 25%;
}

.bfQuickMode button#ff_elem31_calendarButton,
.bfQuickMode button#ff_elem32_calendarButton {
    width: 20%;
}

.button, [type="submit"] {
    border: 1px solid #aaa;
    padding: 0.4em 0.8em !important;
    font-size: 16px;
    line-height: 1.3 !important;
    color: #717171;
    background-color: #F5F5F5;
    font-weight: normal !important;
    float: none !important;
    margin: 5px;
}

button#bfSubmitButton {
    background: #cb99c9;
    color: #fff;
    border: 0;
    width: 100%;
    margin: 10px 0;
    padding: 10px 0 !important;
    font-weight: bold !important;
}

/* Sitemap */
div#osmap {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 60px;
}

div#osmap li a {
    font-size: 16px;
}

div#osmap h2 {
	display: none;
}