/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------PloriYachting.com CSS - CONTENTS-------------------------------------------------*/
/*
Filename: main.css
Site: Plori Yachting
version: 0.1
Created: 2017/01/30
Author: Nick Melas
Description: Default styles for all site pages
*/ 
/* ## Font Glossary */
/*
Gilroy
Playfair Display SC
*/

/* ## Colors
text - 334659
Blue - 394e5f
Light Blue - 0099b5
*/

/* 1. GENERAL PURPOSE CLASSES */
/* 2. HEADER PART */
/* 3. FOOTER PART  */
/* 4. Main Website */
/* 5. Home Page */

/* 100. Plugins Rewrites */

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------General Purpose Classes {1. GENERAL PURPOSE CLASSES}---------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*
	Fluid Baseline Grid v1.0.0
	Base stylesheet with CSS normalization, typographic baseline grid and progressive responsiveness
*/
/* HTML5 DECLARATIONS */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog {display: block}
audio[controls],canvas,video {display: inline-block; *display: inline; zoom: 1}
/* BASE */
html { height: 100%; -webkit-text-size-adjust: 100%;width:100%!important;margin:0;float:left;padding:0;} /* Force scrollbar in non-IE and Remove iOS text size adjust without disabling user zoom */
body { font-family: Gilroy, Arial, sans-serif; font-size: 16px; line-height: 1em; margin: 0; background: #ffffff; color: #5f697a; min-height: 100%; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;width:100%;overflow-x:hidden; } /* Improve default text rendering, handling of kerning pairs and ligatures */
body, button, input, select, textarea {font: 100%/1.5; } /* IE7 and older can't resize px based text */
p, blockquote, q, pre, address, hr, code, samp, dl, ol, ul, form, table, fieldset, menu, img {margin: 0 ; padding: 0}
/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 0 0 20px; line-height: 1.3em; font-weight: normal; font-family: 'Playfair Display SC', 'Times New Roman', serif; }
h1, .h1 { font-size: 48px; }
h2, .h2 { font-size: 48px; }
h3, .h3 { font-size: 22px; }
h4, .h4 { font-size: 20px; }
h5, .h5 { font-size: 16px; }
h6, .h6 { font-size: 14px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { color: #334659; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover { color: #177b8e; }
p, ul, blockquote, pre, td, th, label { margin: 0; } 
p { line-height: 1.4em; margin-bottom: 10px; }
small, p.small {margin: 0; font-size: 0.875em; line-height: 1.7142857142857142857142857142857em; margin-bottom: 1.7142857142857142857142857142857em} /* 14px / 24px */
/* CODE */
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word} /* Allow line wrapping of 'pre' */
pre, code, kbd, samp {font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em; }
/* TABLES */
table {border-collapse: collapse; border-spacing: 0; margin-bottom: 1.5em}
th {text-align: left}
tr, th, td {padding-right: 1.5em; }
/* FORMS */
form {margin: 0}
fieldset {border: 0;padding: 0; margin-bottom: 20px; }
textarea {overflow: auto; vertical-align: top}
legend {margin-bottom: 10px; }
button, input, select, textarea {vertical-align: baseline; *vertical-align: middle;outline:none; border-radius: 0; } /* IE7 and older */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }
button, input {line-height: normal; *overflow: visible}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: button}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; background: transparent; }
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance:textfield; }
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0}
input[type="text"] {letter-spacing: 0px;}
/* QUOTES */
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
blockquote, q, cite {font-style: italic}
blockquote {padding-left: 1.5em; border-left: 3px solid #ccc;}
blockquote > p {padding: 0;}
.articleBody blockquote { padding: 20px; background: #f9f9f9; margin-bottom: 30px; }
/* LISTS */
ul, ol {list-style-position: inside; padding: 0}
li ul, li ol {margin: 0 1.5em;}
ul li , ol li {list-style-type:none;}
dl dd {margin-left: 1.5em}
dt {}
/* HYPERLINKS */
a, a:focus { text-decoration: none; color: #0099b5; outline:none; transition: color 0.3s; outline: 0; }
a:hover,
a:active { color: #177b8e; text-decoration: none; }
a:hover, a:active {outline:none} /* Better CSS Outline Suppression */
a:hover span {text-decoration: none;}
/* MEDIA */
figure {margin: 0}
img, object, embed, video {max-width: 100%;	_width: 100%} /* Fluid images */
img {border: 0;	-ms-interpolation-mode: bicubic} /* Improve IE's resizing of images */
svg:not(:root) {overflow: hidden} /* Correct IE9 overflow */
/* ABBREVIATION */
abbr[title], dfn[title] {border-bottom: 1px dotted #333; cursor: help}
/* MARKED/INSERTED/DELETED AND SELECTED TEXT */
ins, mark {text-decoration: none}
mark {}
ins {}
del {text-decoration: line-through}
/*::-moz-selection { color: #000000; text-shadow: none} /* selected text */
/*::selection { color: #000000; text-shadow: none} /* selected text */
/* OTHERS */
strong, b, dt { font-weight: bold; }
dfn {font-style: italic}
var, address {font-style: normal}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline} /* Position 'sub' and 'sup' without affecting line-height */
sup {top: -0.5em} /* Move superscripted text up */
sub {bottom: -0.25em} /* Move subscripted text down */
span.amp{font-style:italic;font-size:110%;line-height:0;position:relative;vertical-align:baseline} /* Best available ampersand */
/* MICRO CLEARFIX HACK */
.cf:before, .cf:after, .clearfix:before, .clearfix:after {content:"";display:table} /* For modern browsers */
.cf:after, .clearfix:after {clear:both}
.cf {zoom:1} /* For IE 6/7 (trigger hasLayout) */
/* DEFAULT MOBILE STYLE */
.OuterWrap {width: 98%; margin: 0 auto}
.desktopHide { display: none; }
/* Center page without wrapper */
/* 12 col grid */
.g1,.g2,.g3, .span3, .g4, .g5, .g55,.g6,.g7,.g8,.g9,.g10,.g11,.g12 { display:block; position: relative; float:left; box-sizing: border-box; }
.g12 { width: 100%; }
.g11 { width: 91.666%; }
.g10 { width: 83.333%; }
.g9 { width: 75%; }
.g8 { width: 66.666%; padding: 0; }
.g7 { width: 58.333%; }
.g6 { width: 50%; }
.g5 { width: 41.666%; }
.g4 { width: 33.333%; padding: 0; padding-left: 80px; }
.span3,
.g3 { width: 25%; }
.g2 { width: 16.666%; }
.g1 { width: 8.333%; }
.g12Full {width:100%;float: left;}

.hidden {display:none;}
/*alignment*/
.alignLeft {text-align: left}
.alignRight {text-align: right}
.alignCenter {text-align: center}
.alignBottom { vertical-align: bottom; }
/*floation*/
.floatRight {float:right;}
.floatLeft {float:left;}
/*borders*/
.Noborder  {border:0;}
.NoborderBtm {border-bottom:none;}
/*paddings*/
.NoPadding {padding:0;}
.NoPaddingTop {padding-top:0!important;}
.PB20 {padding-bottom:20px;}
/*margins*/
.NOmargin {margin:0;}
.MT5 {margin-top:5px;}
.MT10 {margin-top:10px;}
.MT15 {margin-top:15px!important;}
.MT20 {margin-top:20px!important;}
.MT30 {margin-top:30px!important;}
.MT35 {margin-top:35px;}
.MT40 {margin-top:40px;}
.MT50 {margin-top:50px;}
.MB5 {margin-bottom:5px;}
.MB10 {margin-bottom:10px;}
.MB20 {margin-bottom:20px;}
.MB25 {margin-bottom:25px;}
.MB50 {margin-bottom:50px !important;}
.ML50 {margin-left:50px;}
.NomarginTop {margin-top:0;}
.NomarginBtm {margin-bottom:0;}
/*colors*/
.grey { color: #5f697a; }
.blue { color: #204fa1; }
.lightBlue { color: #e0efff; }
.midBlue { color: #81a9d5; }

/*-------------------------------*/
/* TEMPLATE GLOBALS */
/*-------------------------------*/

/*--Wrappers--*/
.pageWrapper { width: 100%; float: left; margin: 0; padding: 0; transition: transform 0.3s; -webkit-transition: -webkit-transform 0.3s; position: relative; background: #ffffff; box-sizing: border-box; }
.mainWrapper { width: 100%; box-sizing: border-box; max-width: 1280px; margin: 0 auto; padding: 0 25px; }
header, section, footer { width: 100%; float: left; }

article p { }
.medium { }

/*--Button Styles--*/
button,
.BT1 { padding: 20px 50px; border: none; font-size: 24px; color: #ffffff; text-transform: uppercase; background: #0099b5; display: inline-block; transition: all 0.5s ease-out; font-family: Gilroy, Arial; font-weight: 900; }

button:hover,
.BT1:hover { background: #334659; color: #ffffff; }

input[type="button"], input[type="reset"], input[type="submit"],
#button7,
.BT2 { padding: 10px 30px; font-size: 18px; border: none; color: #ffffff; text-transform: uppercase; background: #0099b5; display: inline-block; transition: all 0.5s ease-out; font-family: Gilroy, Arial; font-weight: 900; }

input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover,
#button7:hover,
.BT2:hover { background: #334659; }

a.BT3,
.BT3 { color: #ffffff; border: 1px solid #ffffff; display: inline-block; box-sizing: border-box; transition: all 0.4s ease-out; padding: 1.2em 3em; font-size: 16px; font-weight: 100; }
a.BT3:hover,
.BT3:hover { background: #ffffff; color: #204fa1; }

a.BT4,
.BT4 { position: relative; font-family: "Gilroy", Arial, sans-serif; color: #394e5f; border: none; display: inline-block; box-sizing: border-box; transition: all 0.4s ease-out; padding: 0 30px 0 0; font-size: 15px; font-weight: 900; }
a.BT4:after,
.BT4:after { content: ''; position: absolute; right: 0; top: 3px; width: 23px; height: 11px; background: url(../images/arrow.svg) no-repeat top left; }
a.BT4:hover,
.BT4:hover { color: #0099b5; }

.readmore { text-align: right; line-height: 1em; }
.readmore .BT4:after { display: none; }
.readmore .BT4 svg { margin-left: 3px; }
.readmore .BT4 svg * { transition: all 0.4s ease-out; }
.readmore .BT4:hover svg * { fill: #0099b5; }

.page-header + .icons,
.items-row .icons { display: none; }


/*--Spacers--*/
hr { }

/*--Tables--*/
.tableDiv { display: table; }
.tableCell { display: table-cell; }


/*--Forms--*/
.fieldWrapper { position: relative; }
input,
select { width: 100%; box-sizing: border-box; height: 50px; padding: 11px 10px; font-size: 16px; background: #fafafa; border: 1px solid #e6e6e6; color: #666; border-radius: 0; font-family: Gilroy, Arial, sans-serif; }
input:-webkit-autofill { background-color: #ffffff !important; }
textarea { width: 100%; box-sizing: border-box; padding: 20px; min-height: 200px; font-size: 16px; background: #fafafa; border: 0; color: #666; border: 1px solid #e6e6e6; }
input:-webkit-autofill { background-color: #ffffff !important; }
::placeholder { color: #bbb; }

label,
.ui label { text-align: left; margin-bottom: 10px; display: block; }
.field.required label:after {content: '*';display: inline-block;margin-left: 3px;color: #d68a8a;font-size: 16px;line-height: 16px;vertical-align: top; font-family: arial; }
.ui .field { margin-bottom: 30px; position: relative; }
.ui .ui.pointing.label { position: absolute; bottom: -35px; left: 0; z-index: 1; }

.ui.black.button.BT1 { padding: 20px 50px; border: none; font-size: 24px; color: #ffffff; text-transform: uppercase; background: #0099b5; display: inline-block; transition: all 0.5s ease-out; font-family: Gilroy, Arial; font-weight: 900; border-radius: 0; line-height: 16px; }
.ui.black.button.BT1:hover { background: #334659; color: #ffffff; }

/*--Notice--*/

/*-- Tooltip --*/
.tooltip { visibility: hidden; opacity: 0; position: absolute; left: 50%; bottom: 100%; margin-bottom: 10px; width: auto; background: #ffffff; white-space: nowrap; padding: 8px 9px 7px 8px; color: #777776; border: 1px solid #dcdcdc; font-size: 13px; box-shadow: 0 2px 16px -10px;  z-index: 9; transition: all 0.2s; box-sizing: border-box; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-family: Roboto, Arial; }
.tooltip:after { content: ''; position: absolute; width: 10px; height: 10px; bottom: -6px; left: 50%; margin-left: -6px; background: #ffffff; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.tooltipWrapper { position: relative; }
.tooltipWrapper:hover .tooltip { visibility: visible; opacity: 1; }



/*--Breadcrumb--*/
.breadcrump { }
.breadcrump li{ }
.breadcrump li:after { }
.breadcrump li:last-child:after { }
.breadcrump li a { }
.breadcrump li span { }

/*--Overlay Box--*/

/*-- System messages --*/
#system-message-container { position: relative; }
#system-message-container .alert { margin-bottom: 40px; }
#system-message-container h4 { margin-bottom: 10px; }
#system-message-container .alert-message { line-height: 1.4em; }
#system-message-container .alert button { background: transparent; color: #aaaaaa; font-size: 30px; border: none; height: auto; padding: 0; text-align: center; transition: all 0s; line-height: 30px; }
#system-message-container .alert button,
#system-message-container a.close { position: absolute; top: 0; right: 10px; font-size: 30px; line-height: 30px; cursor: pointer; }
#system-message-container .alert { padding: 20px 40px 20px 20px; border: 1px solid transparent; box-sizing: border-box; }
#system-message-container .alert.alert-error,
#system-message-container .alert.alert-warning { background: #eed4d4; border-color: #926464; }
#system-message-container .alert.alert-error h4,
#system-message-container .alert.alert-warning h4,
#system-message-container .alert.alert-error button,
#system-message-container .alert.alert-error a.close,
#system-message-container .alert.alert-warning a.close { color: #926464; }
#system-message-container .alert.alert-notice  { background: #eeeeee; border-color: #aaaaaa; }
#system-message-container .alert.alert-notice h4,
#system-message-container .alert.alert-notice a.close { color: #aaaaaa; }

/*-- Back to top --*/
.backToTop { position: fixed; bottom: 20px; right: 20px; box-sizing: border-box; background: rgba(255,255,255,0.8); opacity: 0; visibility: hidden; transition: all 0.4s ease-out; text-align: center; border: 1px solid #c1ac8c; border-radius: 50%; z-index: 9; backface-visibility: hidden; }
.backToTop a { line-height: 64px; width: 60px; height: 60px; display: block; }
.backToTop i { font-size: 32px; transition: color 0.4s ease-out; }
.backToTop:hover { background: #c1ac8c; }
.backToTop:hover i { color: #ffffff; }
html.scrolled .backToTop { visibility: visible; opacity: 1; }

/*-- Stars --*/
.stars { display: inline-block; margin: 0 20px; }
.stars svg { width: 28px; height: 28px; margin: 0 2px; }
.stars svg path { fill: #dddddd; }
.stars svg.gold path { fill: #d4aa00; }

/*-- Map --*/
#map { height: 580px; width: 100%; }

/*-- Tabs --*/
.tabs { margin-top: 10px; }
.tabs li { display: none; }
.tabs li.active { display: block; }
.tabsWrapper { position: relative; }
.tabSelect { position: absolute; top: 30px; left: 0; width: calc(100% - 30px); margin: 0 15px; display: none; border: 1px solid #eeeeee; box-shadow: 2px 2px 10px -3px #000000; padding: 5px; background: #ffffff; }
.tabSelect li { display: block; padding: 5px 10px; border-top: 1px solid #eeeeee; cursor: pointer; }
.tabSelect li:first-child { border-top: none; }
.tabSelect li.active { font-weight: bold; }
.workingHours span.tabSelectTitle { font-weight: 300; font-size: 12px; }
.workingHours span.tabSelectTitle span { font-weight: bold; cursor: pointer; }

/*-- Working Hours --*/
.workingHours { font-family: 'Roboto Slab'; }
.workingHours strong,
.workingHours span { font-weight: bold; display: inline-block; }
.workingHours i { margin-left: 5px; }
.workingHours .tabs span { width: 40px; }
.workingHours p,
.workingHours div { border-bottom: 1px solid #eeeeee; margin-bottom: 5px; padding-bottom: 5px; }
.workingHours p:last-child,
.workingHours div:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }

/* Share */
.sharePage { margin-top: 40px; }
.sharePage h4,
.sharePage ul,
.sharePage li { display: inline-block; }
.sharePage li { margin: 0 5px; font-size: 20px; }
.sharePage li a { color: #5f697a; }
.sharePage li a:hover { color: #177b8e; }


/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------2. HTML , BODY--------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

.mainContent { padding-top: 380px; }
.mainContent > .mainWrapper > .g8 { padding-left: 25px; }
.mainContent > .mainWrapper > .mainRight > .g4 { padding-right: 25px; }
.mainContent > .mainWrapper > .g12 { padding-left: 25px; padding-right: 25px; }
.footer > .mainWrapper { padding-left: 15px; padding-right: 15px; }
.catImgWrapper { position: relative; }
.noCatImgWrapper .catImgWrapper { background: none; height: 100px; }
.noCatImgWrapper .catImgWrapper:after { background: none; }
.homeSliderWrapper:after,
.catImgWrapper:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 200px; z-index: 1; 
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 );
}

/*--Cross Items--*/
.crossItems { margin: 40px 0; display: flex; flex-direction: column; }
.crossItems .crossItem {width: 100%; display: flex; }
.crossItems .itemImg,
.crossItems .itemText { width: 50%; flex: 1 1 50%; }
.crossItems .itemImg { position: relative; overflow: hidden;z-index: 1;}
.crossItems .itemImg img { position: absolute;top: 0;left: 0;width: 100%;height: 100%; object-fit: cover; transition: all 0.4s ease-out;transform: scale(1); overflow: hidden; }
.crossItems .itemImg:hover img { transform: scale(1.05); }
.crossItems .itemText { box-sizing: border-box; padding: 40px 20px 40px 50px; }
.crossItems .buttonWrapper { margin-top: 20px; padding-left: 50px; }
.crossItems .crossItem:nth-child(even) .itemImg { order: 2; }
.crossItems .crossItem:nth-child(even) .itemText { order: 1; }
.crossItems .crossItem:nth-child(even) .itemText,
.crossItems .crossItem:nth-child(even) .buttonWrapper { padding: 40px 50px 40px 20px; }

/*-- Outro Section --*/
.outro .moduletable.section { width: 100%; box-sizing: border-box; max-width: 1420px; margin: 80px auto 0; padding: 0 10px; }
.outro .moduletable.section h2 { margin-bottom: 30px; }
.outro .moduletable.section div { font-size: 24px; line-height: 1.6em; }
.outro .moduletable.section small { font-size: 16px; }

/*-- Mobile Menu --*/
.mobileMenu { display: none; position: fixed; top: 20px; right: 20px; height: 24px; width: 40px; z-index: 1000; transition: top 0.4s ease-out; }
.mobileMenu div { position: absolute; width: 100%; height: 1px; background: #ffffff; transition: all 0.4s ease-out; left: 0; transform: rotate(0deg); }
.mobileMenu div:nth-child(1) { top: 0; }
.mobileMenu div:nth-child(2) { top: 12px; }
.mobileMenu div:nth-child(3) { top: 24px; }
html.openMenu .mobileMenu div:nth-child(1) { top: 12px; transform: rotate(45deg); }
html.openMenu .mobileMenu div:nth-child(2) { top: 12px; width: 0; left: 50%; }
html.openMenu .mobileMenu div:nth-child(3) { top: 12px; transform: rotate(-45deg); }

/*-- Top Tile --*/
.topTitle { position: absolute; top: 0; left: 0; width: 100%; height: 350px; padding-top: 200px; box-sizing: border-box; background: rgba(51,70,89,1);}
.topTitle img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; opacity: 0.8;}
.topTitle h1 { position: relative; z-index: 2; color: #ffffff; text-shadow: 0 0 20px #000000; padding-bottom: 30px; }
.topTitle h1:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; max-width: 250px; height: 20px; background: url(../images/rope-w.svg) repeat-x top left; background-size: auto 19px; }

/* Image Background */
.imgBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

/* Modal */
.modalWrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; background: #000000cc; display: none; align-items: center; justify-content: center; }
.modalWrapper.active { display: flex; }
.modalWrapper .modal { display: none; }
.modalWrapper .modal.active { display: block; }
.modalWrapper .closeModal { position: absolute; top: 0; right: 0; width: 64px; height: 64px; background: #334659; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2; transition: 0.4s; }
.modalWrapper .closeModal:hover { background: #0099b5; }
.modalWrapper .closeModal:before,
.modalWrapper .closeModal:after { content: ''; width: 20px; height: 2px; background: #ffffff; transform: translateX(10px) rotate(45deg); transition: 0.4s; pointer-events: none; }
.modalWrapper .closeModal:after { transform: translateX(-10px) rotate(-45deg); }
.modalWrapper .closeModal:hover:before { transform: translateX(10px) rotate(315deg); }
.modalWrapper .closeModal:hover:after { transform: translateX(-10px) rotate(-315deg); }

.newsletterPopup { width: 90%; height: 90%; max-width: 800px; max-height: 800px; position: relative; color: #ffffff; box-sizing: border-box; padding: 40px; display: flex; align-items: flex-end; }
.newsletterPopup .text { position: relative; z-index: 2; }



/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------3. HEADER--------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.mainHeader { position: fixed; top: 0; left: 0; width: 100%; height: 72px; box-sizing: border-box; padding: 0; background: rgba(51,70,89,0.8); z-index: 999; transition: all 0.4s ease-out; border-bottom: 1px solid rgba(255,255,255,0.2); }

.popup { position: relative; display: inline; cursor: default; }
.popupWrapper { visibility: hidden; opacity: 0; position: absolute; left: 50%; top: 100%; transform: translateY(-20px) translateX(-50%); transition: all 0.4s ease-out; margin-top: 10px; }
.popupWrapper:before {content: '';position: absolute;top: -6px;left: 50%;margin-left: -6px;width: 12px;height: 12px;transform: rotate(45deg);background: #ffffff;border: 1px solid #5f697a;z-index: 10;border-width: 1px 0 0 1px;}
.popup:hover .popupWrapper { visibility: visible; opacity: 1; transform: translateY(0) translateX(-50%); }
.popupContent { border: 1px solid #5f697a; background: #ffffff; padding: 10px 15px; border-radius: 10px; font-size: 14px; color: #5f697a; white-space: nowrap; z-index: 9; line-height: 1.4em; box-shadow: 3px 3px 10px -4px #000000; text-align: left; }

.moduletable.mainlogo { float: left; margin-top: 10px; position: relative; z-index: 1000; }
.mainlogo p { margin: 0; }
.mainlogo a .blue { transition: all 0.4s ease-out; }
.mainlogo a:hover .blue { fill: #e0efff; }
.mainlogo svg { display: inline-block; vertical-align: top; }
#yacht { transition: all 0.5s ease-in; margin: 0 4px 0 0; position: relative; z-index: 2; width: 80px; height: 80px; }
.scrolled #yacht { width: 50px; height: 50px; }

.mainHeader .mainWrapper { position: relative; }
nav.mainmenu { position: absolute; right: 25px; }
nav.mainmenu li { display: inline-block; position: relative; }
nav.mainmenu li a { display: block; font-size: 17px; padding: 28px 15px; color: #ffffff; font-weight: 500; text-shadow: 2px 2px 5px rgba(0,0,0,0.3); position: relative; text-transform: uppercase; letter-spacing: -0.5px; }
nav.mainmenu li a:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 1px; background: #bbeaf3; transition: all 0.4s ease-out; }
nav.mainmenu li a:hover:after { width: 100%; left: 0; }
nav.mainmenu li.current a,
nav.mainmenu li a:hover { color: #bbeaf3; }
nav.mainmenu li.item-277 { margin-left: 20px; }
nav.mainmenu li.item-277 a { background: #0099b5; padding: 20px 40px; transition: all 0.3s; } 
nav.mainmenu li.item-277 a:after { display: none; }
nav.mainmenu li.item-277 a:hover { color: #334659; background: #ffffff; } 
nav.mainmenu li.parent ul { position: absolute; top: 100%; left: 0; background: rgba(51,70,89,0.9); margin: 0; opacity: 0; visibility: hidden; transition: all 0.4s ease-out; min-width: 250px; }
nav.mainmenu li.parent:hover ul { opacity: 1; visibility: visible; }
nav.mainmenu li.parent ul li { display: block; white-space: nowrap; }

/* html.scrolled .mainHeader,
html.scrolled nav.mainmenu li.parent ul { background: rgba(51,70,89,.6); } */

body.noCatImgWrapper .mainHeader { border-bottom: 1px solid #c1ac8c; background: rgba(255,255,255,0.95); }
body.noCatImgWrapper .mainlogo .colorBlue { fill: #7495b1; }
body.noCatImgWrapper nav.mainmenu li a { color: #7495b1; }
body.noCatImgWrapper nav.mainmenu li:hover a,
body.noCatImgWrapper nav.mainmenu li.current a { color: #c1ac8c; }
body.noCatImgWrapper nav.mainmenu li.item-141 a { color: #ffffff; }
body.noCatImgWrapper .catImgWrapper:after,
body.noCatImgWrapper .catImg { display: none; }

.introBg { background: #476b8c url(../images/introBg.png) center center no-repeat; background-size: cover; height: 300px; margin-bottom: 50px; position: relative; }
.introBg.darker:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); }

.mainRight > .g4 { padding-left: 60px; padding-right: 0; }
.mainRight .moduletable.homeZones { padding: 0; }
.mainRight .moduletable.zone6 h2 { padding-bottom: 20px; line-height: 62.4px; font-size: 40px; }

.item-page.g8 + .g4 iframe.windyMap { padding-left: 50px; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------- 4. FOOTER --------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.footer { background: #111920; color: #bac2c9; padding: 50px 0 0; box-sizing: border-box; margin-top: 150px; font-size: 0; }

.footer a { color: #bac2c9; }
.footer a:hover { color: #0099b5; }

.footer .g3,
.footer .g6 { margin-bottom: 50px; float: none; display: inline-block; vertical-align: top; font-size: 16px; line-height: 1.2em; padding-left: 10px;  }
.footer .g3.withIcon { padding-left: 55px; }
.footer .typcn { position: absolute; top: -14px; left: 10px; font-size: 40px; line-height: 1em; }

.footer .socialMenu li { margin-right: 5px; display: inline-block; }
.footer .socialMenu a {  display: block; text-decoration: inherit; width: 46px; height: 46px; background: #bac2c9; position: relative; overflow: hidden; text-indent: 9999px; white-space: nowrap; transition: all 0.3s ease-out; }
.footer .socialMenu a:before {
  font-family: 'typicons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 46px;
  height: 46px;
  font-size: 46px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  color: #111920;
  position: absolute; top: 0; left: 0; text-indent: 0; line-height: 46px;
}
.footer .socialMenu a[href*="facebook.com"]:hover { background: #3B5998; } 
.footer .socialMenu a[href*="facebook.com"]:before { content: '\e0e5'; } 
.footer .socialMenu a[href*="instagram.com"]:hover { background: #8a3ab9; } 
.footer .socialMenu a[href*="instagram.com"]:before { content: '\e0ed'; } 
.footer .socialMenu a[href*="youtube.com"]:hover { background: #FF0000; } 
.footer .socialMenu a[href*="youtube.com"]:before { content: '\e0fd'; } 

.footer .subscribe .ui.form .field>label { display: none; }
.footer .subscribe .ui.form .field { width: calc(100% - 200px); display: inline-block; vertical-align: top; }
.footer .subscribe .ui.form input[type=text] { height: 46px; border-radius: 0; border: none; font-family: Gilroy, Arial, sans-serif; font-size: 16px; }
.footer .subscribe .ui.button { display: inline-block; font-size: 15px; padding: 15px 30px 15px; color: #ffffff; font-weight: 500; position: relative; text-transform: uppercase; background: #bac2c9; border-radius: 0; vertical-align: top; transition: background 0.4s ease-out; font-family: Gilroy, Arial, sans-serif; font-size: 16px; }
.footer .subscribe .ui.button:hover { background: #0099b5; }
.footer .subscribe .ui.pointing.label { margin-top: -6px; position: absolute; left: 0; top: 100%; }

.footer .footerLogo { padding-left: 10px; }

.footerMenu { margin-top: 60px; }
.footerMenu li { display: inline-block; }
.footerMenu li:after { content: '|'; margin: 0 5px; }
.footerMenu li:last-child:after { display: none; }

.fotterBottom { background: #0a0f13; padding: 40px 0 20px; color: #bac2c9; }
.fotterBottom .g12 { display: flex; justify-content: space-between; }
.footerCopyright {font-size: 14px; color: #bac2c9; }

#mc2_add { width: auto; font-size: 15px; padding: 15px 30px 15px; color: #ffffff; font-weight: 500; position: relative; text-transform: uppercase; background: #bac2c9; border-radius: 0; vertical-align: top; transition: background 0.4s ease-out; font-family: Gilroy, Arial, sans-serif; font-size: 16px; }
#mc2_add:hover { background: #0099b5; }
form[name="mailchimp2"] { display: flex; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------- 5. Home Page --------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.homePage .pageWrapper { padding-top: 0; }
.homePage .footer { margin: 0; }
.homePage .mainContent { padding: 0; }
.homePage .main { display: none; }

.homeSliderWrapper { position: relative; }
.homeSliderDescWrapper { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); }
.homeSlider { position: relative; z-index: 1; }
.homeSlider .banneritem { width: 100%; }
.homeSlider .banneritem div.img { width: 100%; height: 100vh; background-size: cover; background-position: center center; }
.homeSlider .banneritem div.img:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,0.25); display: none; }
.homeSlider .owl-nav { position: absolute; top: 50%; left: 0; width: 100%; height: 0; }
.homeSlider .owl-prev,
.homeSlider .owl-next { position: absolute; top: 50%; width: 40px; height: 100px; }
.homeSlider .owl-prev { left: 10px; }
.homeSlider .owl-next { right: 10px; } 
.bannerText {position: absolute;top: 50%;left: 50%;color: #ffffff;z-index: 2;text-align: left;backface-visibility: hidden;width: auto; max-width: 1280px; transform: translateX(-50%) translateY(-50%); text-align: left; white-space: pre; }

.bannerText * { backface-visibility: hidden; font-family: Gilroy, Arial; font-weight: 900; } 
.bannerText h2 { font-size: 80px; position: relative; padding-bottom: 25px; margin-bottom: 0; }
.bannerText h2:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; max-width: 250px; height: 20px; background: url(../images/rope-w.svg) repeat-x top left; background-size: auto 19px; }
.bannerText h3 { font-size: 48px; }
.bannerText .buttonWrapper { margin-top: 20px; text-align: center; }
 
.homeSlider .banneritem .img:before { content: ''; position: absolute; width: 100%; height: 50%; top: 25%; left: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 );    
}

.homeSliderWrapper2 { position: relative; }
.homeSliderWrapper2 .homeSlider .banneritem div.img { overflow: hidden; position: relative; }
.homeSliderWrapper2 video { width: 100%; height: 100%; object-fit: cover; }

.moduletable.homeZones { padding: 60px 0; }
.moduletable.homeZones h2 { font-size: 48px; }

.moduletable.zone2 { font-size: 18px; padding-top: 0; padding-bottom: 0; color: #334659; width: 100%; }
.moduletable.zone2 .custom { display: flex; align-items: stretch; align-content: center; max-width: 100%; padding: 0; }
.moduletable.zone2 h2 { font-size: 30px; padding-bottom: 25px; position: relative; }
.moduletable.zone2 h2:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; max-width: 350px; height: 10px; background: url(../images/rope-b.svg) repeat-x top left; background-size: auto 10px; }
.moduletable.zone2 .moto { color: #0099b5; font-size: 16px; margin-bottom: 5px; }
.moduletable.zone2 .buttonWrapper { margin-top: 50px; }
.moduletable.zone2 img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.moduletable.zone2 .g6:nth-child(2) { padding: 80px 25px 80px 30px; box-sizing: border-box; max-width: 640px; } 

.moduletable.zone3 { background: #394e5f; color: #ffffff; text-align: center; }
.moduletable.zone3 .latestnews { display: flex; }
.moduletable.zone3 li { flex: 1 1; }
.moduletable.zone3 h2 { margin-bottom: 60px; }
.moduletable.zone3 h3 { font-family: Gilroy, Arial, sans-serif; font-size: 24px; text-transform: uppercase; }
.moduletable.zone3 a { color: #ffffff; }
.moduletable.zone3 a:hover { color: #0099b5; }
.moduletable.zone3 .img {max-width: 128px;margin: 0 auto;margin-bottom: 60px;}
.moduletable.zone3 .img a { display: block; width: 100%; padding-top: 100%; position: relative; }
.moduletable.zone3 .img img {position: absolute;top: 50%;left: 50%;width: 100%;height: auto;transform: translateX(-50%) translateY(-50%);max-width: 128px;}
.moduletable.zone3 .buttonWrapper { margin-top: 60px; }

.moduletable.zone4 { padding: 0; font-size: 30px; text-align: right; }
.moduletable .custom.homeZones.zone4 {padding: 100px 30px 200px;max-width: 1280px;background-size: auto 100%;background-position: top left;background-repeat: no-repeat;margin: 0 auto;}
.moduletable.zone4 .bold { color: #0099b5; font-weight: 900; font-size: 20px;}
.moduletable.zone4 .custom {
    min-height: 50vh;
    background-repeat: no-repeat;
    background-size: auto 100%;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: center;
}
 
.moduletable.zone5 { background: #0099b5; color: #ffffff; text-align: center; }
.moduletable.zone5 h2 { margin-bottom: 60px; }
.moduletable.zone5 h3 { font-family: Gilroy, Arial, sans-serif; font-size: 24px; text-transform: uppercase; }
.moduletable.zone5 a { color: #ffffff; }
.moduletable.zone5 a:hover { color: #334659; }
.moduletable.zone5 .buttonWrapper { margin-top: 60px; }
.moduletable.zone5 ul.categories-module { position: relative; z-index: 1; } 
.moduletable.zone5 ul.categories-module > li { width: 50%; left: 0; top: 0; position: absolute; }
.moduletable.zone5 ul.categories-module > li img { opacity: 0.6; transition: all 0.7s ease-out; backface-visibility: hidden; }
.moduletable.zone5 ul.categories-module > li.active img,
.moduletable.zone5 ul.categories-module > li:hover img { opacity: 1; }
.moduletable.zone5 ul.categories-module > li:hover img { opacity: 1 !important; }
.moduletable.zone5 ul.categories-module > li:nth-child(1) { position: relative; float: left; margin-bottom: 15%; z-index: 3; }
.moduletable.zone5 ul.categories-module > li:nth-child(2) { top: 15%; left: 25%; z-index: 2; }
.moduletable.zone5 ul.categories-module > li:nth-child(3) { top: 30%; left: 50%; z-index: 1; }
.moduletable.zone5 .title { width: 50%; text-align: center; margin-top: 10px; }
.moduletable.zone5 .title span { display: inline-block; position: relative; padding-bottom: 20px; }
.moduletable.zone5 .title span:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: url(../images/rope-w.svg) repeat-x top left; background-size: auto 10px; }

.moduletable.zone5 ul.categories-module > li:nth-child(3) div { width: 100%; }
.moduletable.zone5 ul.categories-module > li.active { z-index: 8; }
.moduletable.zone5 ul.categories-module:hover > li.active img { opacity: 0.6; }
.moduletable.zone5 ul.categories-module:hover > li:nth-child(1).active { z-index: 3; }
.moduletable.zone5 ul.categories-module:hover > li:nth-child(2).active { z-index: 2; }
.moduletable.zone5 ul.categories-module:hover > li:nth-child(3).active { z-index: 1; }
.moduletable.zone5 ul.categories-module > li:hover { z-index: 9 !important; }
.moduletable.zone5 ul.categories-module ul { width: 50%; margin: 0; padding: 0 10px; box-sizing: border-box; }
.moduletable.zone5 ul.categories-module li:last-child ul { width: 100%; }
.moduletable.zone5 li li {display: inline;line-height: 1.3em;}
.moduletable.zone5 li li:after { content: ' | '; opacity: 0.5; }
.moduletable.zone5 li li:last-child:after { display: none; content: ''; }
.moduletable.zone5 .BT1 { color: #394e5f; background: #ffffff; }
.moduletable.zone5 .BT1:hover { color: #ffffff; background: #394e5f; }

.moduletable.zone6 { text-align: center; margin-bottom: 50px; padding-left: 15px; padding-right: 15px; }
.latestnews.zone6 { margin: 0 -10px; width: calc(100% + 20px); }
.latestnews.zone6 .g4,
.latestnews.zone6 .g3 { padding: 0 10px; }
.moduletable.zone6 h2 { position: relative; padding-bottom: 30px; margin-bottom: 50px; display: inline-block; }
.moduletable.zone6 h2:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: url(../images/rope-b.svg) repeat-x top left; background-size: auto 10px; }

.moduletable.zone6 .itemWrapper { margin-bottom: 40px; }
.moduletable.zone6 h3 { font-size: 18px; }
.moduletable.zone6 .cat { margin: 15px 0 5px; }
.moduletable.zone6 .cat a { color: #0099b5; font-size: 14px; text-transform: uppercase; }
.moduletable.zone6 .img { overflow: hidden; position: relative; padding-bottom: 75%; }
.moduletable.zone6 .img img { transform: scale(1); transition: transform 0.3s ease-out; display: block; width: 100%; height: 100%; position: absolute; object-fit: cover; backface-visibility: hidden; }
.moduletable.zone6 .img:hover img { transform: scale(1.1); }
.moduletable.zone6 .readmore { text-align: center; }
.moduletable.zone6 .buttonWrapper { margin-top: 20px; }

.zone7 h2 { position: relative; padding-bottom: 30px; margin-bottom: 50px; display: inline-block; }
.zone7 h2:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: url(../images/rope-b.svg) repeat-x top left; background-size: auto 10px; }
.zone7 .moto { color: #0099b5; font-size: 16px; margin-bottom: 5px; }

.zone7 { text-align: center; background: #eeeeee; padding: 60px 20px; font-size: 22px; }
.zone7 article {text-align: left;position: relative;padding: 0 130px;}
.zone7 article .text:before {content: '\201C';position: absolute;font-family: "Times New Roman", serif;font-size: 400px;left: -130px;top: -100px;color: #dddddd;line-height: 1;font-weight: bold;z-index: 1; }
.zone7 .providerLogo { width: 75px; height: auto;  font-family: 'Roboto Slab', Arial, sans-serif; font-size: 16px; font-weight: 300; white-space: nowrap; } 
.zone7 .top { display: flex; align-items: center; margin-bottom: 40px; color: #444444; }
.zone7 .top .title { font-size: 30px; margin: 0; }
.zone7 .text { position: relative; z-index: 1; min-height: 150px; }
.zone7 .top,
.zone7 .text p { position: relative; z-index: 2; font-size: 0.8em; }
.zone7 .providerLogo span { display: inline-block; vertical-align: middle; } 
.zone7 .providerLogo img { width: 75px; height: auto; vertical-align: middle; margin-left: 10px; } 
.zone7 .owl-carousel .owl-item .providerLogo img { display: inline-block; }
.zone7 .owl-dots { margin: 1em 0 30px; }

.zone7 .owl-nav { position: absolute; bottom: 0; left: 50%; width: 100%; text-align: center; height: 0; display: flex; justify-content: space-between; }
.zone7 .owl-prev svg { transform: rotate(180deg); }
.zone7 .owl-carousel .owl-dots .owl-dot { background: #394e5f; }
.zone7 .owl-carousel button.owl-dot:hover,
.zone7 .owl-carousel button.owl-dot.active { background: #bbbbbb; }


/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------- 6. Categories ------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

.catImg { width: 100%; height: 400px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.headerWrapper { margin: 30px 0; }
.headerWrapper .tags span { display: inline-block; position: relative; padding-bottom: 22px; margin-bottom: 10px; color: #666666; }
.headerWrapper .tags span:after { content: ''; position: absolute; width: 60px; height: 1px; background: #666666; bottom: 0; left: 0; }

.articleBody { margin-bottom: 40px; }
.articleBody h2 { margin-bottom: 10px; }


/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------- 7. Article ------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

.blog .category-desc img { float: left; width: 45%; margin: 0 20px 20px 0; }
.blog  .itemsWrapper { display: grid; grid-template-columns: auto auto auto; grid-gap: 40px; margin-top: 60px; }
.blog  .itemsWrapper   > div.items-row { margin-bottom: 60px; }

.page-header h2,
.blog .items-row .page-header h2,
h2 .subheading-category { position: relative; margin: 0 0 20px; padding-bottom: 20px ; display: block; }
h2 .subheading-category { margin: 0 0 30px; }
.page-header h2:after,
.blog .items-row .page-header h2:after,
h2 .subheading-category:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; max-width: 350px; height: 10px; background: url(../images/rope-b.svg) repeat-x top left; background-size: auto 10px; }

.item-image { margin-bottom: 1em; }
.item-image img { width: 100%; height: auto; }
.blog .items-row .page-header h2 { font-size: 40px; }
.blog .items-row .page-header h2 a { color: #5f697a;  }
.blog .items-row .page-header h2 a:hover { color: #0099b5;  }
.item-page .pull-left.item-image { margin: 0 20px 20px 0; width: 50%; }
.pull-right.item-image { width: 45%; margin-left: 5%; }
.item-page .pull-left.item-image img { width: 100%; }
.item-page.g8 { padding-left: 0; }
.item-page.g8 + .g4 { padding-right: 0; }

.blog .items-leading { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 40px; margin-top: 60px; }
.blog .items-leading > div.items-row { margin-bottom: 60px; }
.blog .items-leading .item-image {  margin-bottom: 20px; overflow: hidden;}
.blog .items-leading .item-image a {display: block; }
.blog .items-leading .item-image img { transform: scale(1); transition: transform 0.3s ease-out; display: block; backface-visibility: hidden; }
.blog .items-leading .item-image a:hover img { transform: scale(1.1); }

.page-header > h3 { font-size: 40px; position: relative; margin: 0 0 20px; /* padding-bottom: 20px */; display: block; margin: 0 0 30px; }
/* .page-header > h3:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; max-width: 350px; height: 10px; background: url(../images/rope-d.svg) repeat-x top left; background-size: auto 10px; } */
.items-row .pull-left.item-image { margin: 0 20px 20px 0; width: 50%; }
.items-row .pull-left.item-image img { width: 100%; }

.category-img { margin-bottom: 20px; overflow: hidden;}
.category-img a {display: block; }
.category-img img { transform: scale(1); transition: transform 0.3s ease-out; display: block; backface-visibility: hidden; }
.category-img a:hover img { transform: scale(1.1); }
.cat-children .readmore a { padding: 0; }
.cat-children .category-desc p { display: inline; }
.childList h4 { margin-bottom: 10px; }
.childList li { display: inline-block; margin: 0 0 10px; vertical-align: top; }
.childList li:after { content: '|'; display: inline-block; margin: 0 10px; color: #0099b5; }
.childList li:last-child:after{ display: none; }

.cat-children { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 40px; margin-top: 60px; }
.cat-children .category-desc img { width: 100%; }
.cat-children h3.item-title { font-size: 40px; position: relative; margin: 0 0 20px; /* padding-bottom: 20px */; display: block; margin: 0 0 30px; }
/* .cat-children h3.item-title:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; max-width: 350px; height: 10px; background: url(../images/rope-d.svg) repeat-x top left; background-size: auto 10px; } */
.categoryDescImg { margin-bottom: 30px; display: inline-block; }

.blog .items-row { margin-bottom: 60px; }

.articleHeader { font-size: 40px; font-weight: 900; color: #ffffff; margin: -130px 0 60px; text-shadow: 3px 3px 10px #000000; }


.articleBody h2 { margin: 40px 0 20px; }
.articleBody h2:first-child { margin: 0 0 20px; }
.articleBody h3 { margin: 0 0 20px; }
.articleBody h4 { margin: 10px 0; }
.crossItem ul,
.articleBody ul,
.blog .item ul { margin: 10px 0 40px; }
.crossItem li,
.articleBody li,
.blog .item li { list-style: none; margin: 10px 0; position: relative; line-height: 1.4em; padding: 0 20px; }
.crossItem li:before,
.articleBody li:before,
.blog .item li:before { content: ''; display: inline-block; margin-right: 10px; width: 6px;height: 6px;background: #666666;border-radius: 50%; vertical-align: middle; margin-left: -15px; }
.articleBody li li:before { background: transparent; border: 1px solid #666666; }
.articleBody .profilePic { float: left; margin: 0 20px 20px 0; }
.articleBody .profilePic img { width: 200px; border-radius: 50%; }
.articleBody .leftImg { float: left; margin: 0 20px 20px 0; }
.articleBody .horizontalUL li { display: inline-block; }

.articleBody .isIncluded ul,
.articleBody .isNotIncluded ul { position: relative; padding: 20px 0; }
.articleBody .isIncluded ul:before,
.articleBody .isNotIncluded ul:before { content: ''; position: absolute; width: calc(100% - 20px); height: 1px; left: 0; top: 10px; }
.articleBody .isIncluded ul:before { background: #9ef3d3; }
.articleBody .isNotIncluded ul:before { background: #f39e9e; }
.articleBody .isIncluded li,
.articleBody .isNotIncluded li { padding: 0 30px 0 25px; }
.articleBody .isIncluded li:before,
.articleBody .isNotIncluded li:before {content: '';display: inline-block;margin-right: 10px;width: 16px;height: 16px;background: url(../images/check.svg) top center no-repeat;border-radius: 0;vertical-align: top;margin-left: -25px;margin-top: 3px;}
.articleBody .isNotIncluded li:before { background-image: url(../images/cancel.svg); }

.articleBody table,
.articleBody tbody,
.articleBody tr,
.articleBody td { height: auto !important; width: auto !important; }
.articleBody td { vertical-align: top; }
.articleBody img { margin-top: 10px; }
.articleBody table img { min-width: 50px; }
.articleBody table { margin-bottom: 40px; }
.articleBody table ul { margin: 0; }

.articleBody .youtubeIframe,
.articleBody .vimeo,
.item-page .vimeo,
.iframeWrapper { position: relative; padding-bottom: 56.25%; margin: 1em 0; float: left; width: 100%; }
.articleBody .youtubeIframe iframe,
.articleBody .vimeo iframe,
.item-page .vimeo iframe,
.iframeWrapper iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; }

.menoumeskafos .articleBody .pull-left { width:calc(50% - 20px); margin: 0 20px 20px 0; }
.menoumeskafos .articleBody .pull-right { width:calc(50% - 20px); margin: 0 0 20px 20px; }
.menoumeskafos .articleBody .pull-right { width:calc(50% - 20px); margin: 0 0 20px 20px; }
.menoumeskafos .articleBody p { clear: both; }

.fieldsWrapper { float: left; width: 100%; }
.fieldsWrapper h3 { margin: 0; font-size: 24px; }
.fields-container { float: left; width: 100%; margin: 0; }
.field-entry  { margin: 0; }
.field-value { display: none; padding: 10px 20px; border: 1px solid #dddddd; border-bottom: 0; border-top: 0; }
.field-label { display: block; padding: 10px; background: #e9e9e9; border: 1px solid #dddddd; border-bottom: 0; cursor: pointer; transition: all 0.3s; font-size: 18px; }
.field-entry.last .field-label,
.field-entry.last .field-value { border-bottom: 1px solid #dddddd; }
.field-entry:hover > .field-label,
.field-entry.active  > .field-label { background: #334659; color: #ffffff; }
.field-entry.active  > .field-value { display: block; }
.field-entry.active.last .field-label { border-bottom: 0; }
.field-entry.active  > .field-value br { display: block; width: 100%; height: 1px; background: #eee; content: ''; margin: 10px 0; }


.photosWrapper { margin: 40px 0 0; float: left; width: 100%; }
.photosWrapper .photos { display: block; padding: 0; border: none; position: relative; float: left; width: 100%; } 
.photosWrapper .owl-stage-outer { overflow: hidden; float: left; width: 100%; }
.photosWrapper .owl-item { float: left; width: 100%; padding-top: 80vh; position: relative; }
.photosWrapper .owl-item img { width: 100%; max-width: none; height: 100%; top: 0; left: 0; object-fit: contain; position: absolute; }
.photosWrapper .owl-nav { position: absolute; top: 50%; left: 0; width: 100%; height: 0; }
.photosWrapper .owl-prev,
.photosWrapper .owl-next { position: absolute; width: 50px; height: 50px; top: 50px; margin-top: -100px; overflow: hidden; text-indent: -9999px; opacity: 0.6; transition: all 0.4s ease-out; cursor: pointer; }
.photosWrapper .owl-prev:hover,
.photosWrapper .owl-next:hover { opacity: 1; }
.photosWrapper .owl-prev:before,
.photosWrapper .owl-next:before,
.photosWrapper .owl-prev:after,
.photosWrapper .owl-next:after { content: ''; position: absolute; width: 25px; height: 5px; background: #ffffff; box-shadow: 2px 2px 10px -2px #000000; }
.photosWrapper .owl-prev:before {transform: rotate(-45deg);top: 15px; left: 15px; }
.photosWrapper .owl-next:before {transform: rotate(45deg);top: 15px; right: 15px; }
.photosWrapper .owl-prev:after {transform: rotate(45deg);top: 30px; left: 15px; }
.photosWrapper .owl-next:after {transform: rotate(-45deg);top: 30px; right: 15px; }

.photosWrapper .owl-prev { left: 0; }
.photosWrapper .owl-next { right: 0; }

.photosGrid { width: calc(100% + 20px); margin: 0 -10px; }
.photosGrid .row { float: left; width: 100%; }
.photosGrid .item { float: left; box-sizing: border-box; padding: 10px; width: 25%; }
.photosGrid .row:nth-child(odd) .item:first-child { width: 50%; }
.photosGrid .row:nth-child(even) .item:nth-child(3) { width: 50%; float: right; }
.photosGrid .item a { width: 100%; display: block; position: relative; padding-bottom: 75%; }
.photosGrid .row:nth-child(odd) .item:first-child a,
.photosGrid .row:nth-child(even) .item:nth-child(3) a { padding-bottom: calc(75% + 5px); }
.photosGrid .item a img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; }

.pager.pagenav { margin: 40px 0; }
.pager.pagenav:before, .pager.pagenav:after {content:"";display:table} /* For modern browsers */
.pager.pagenav:after{clear:both}
.pager.pagenav .previous { float: left; }
.pager.pagenav .next { float: right; }
.pager.pagenav .previous a,
.pager.pagenav .next a { font-family: "Roboto Condensed"; color: #81a9d5; border: none; display: inline-block; box-sizing: border-box; transition: all 0.4s ease-out; padding: 0; font-size: 18px; font-weight: bold; }
.pager.pagenav .previous a:hover,
.pager.pagenav .next a:hover { color: #204fa1; }

.pager.pagenav .icon-chevron-right:before { content: "\f054"; margin-left: 5px; }
.pager.pagenav .icon-chevron-left:before { content: "\f053"; margin-right: 5px; }
.pager.pagenav .icon-chevron-left,
.pager.pagenav .icon-chevron-right { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.destinationsPage .g8 { width: 100%; }
.destinationsPage .destination.g8 { width: 66.666%; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------- 8. Contact Page ------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

p span.required { display: inline-block; margin-left: 3px; color: #d68a8a; font-size: 28px; line-height: 1; vertical-align: text-top; font-family: arial; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------- 9. About` ------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

.mainRight .zone6 .g4  { width: 100%; margin-bottom: 40px; }



/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------- 10. Services ------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

.services .items-row .pull-left.item-image { width: 128px; }
.services .item-image,
.services .items-row .item-image { margin-bottom: 20px; width: 128px; }
.services .topHeader { 
    position: absolute;
    top: -380px;
    left: 0;
    width: 100vw;
    height: 350px;
    overflow: hidden;
    margin-left: -44%;
}
.services .mainContent { padding-top: 380px; }
.services .topHeader h2 {
    position: absolute;
    top: 150px;
    left: 20%;
    z-index: 2;
    color: #ffffff;
}
.services .page-header h2:after,.services  .blog .items-row .page-header h2:after, .services h2 .subheading-category:after {
        background: url(../images/rope-w.svg) repeat-x top left;
        background-size: auto 10px;
}



/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------- 12. Search ------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

.searchPage .page-title { padding: 0 10px; font-size: 40px; font-weight: 900; color: #ffffff; margin: -130px 0 60px; text-shadow: 3px 3px 10px #000000; }
.search .btn-toolbar { margin-bottom: 20px; }
.search .btn-toolbar .fieldWrapper { width: calc(100% - 200px); float: left; }
.search .btn-toolbar .buttonWrapper { width: 200px; float: left; }
.search .btn-toolbar .buttonWrapper .BT2 { width: 200px; }
.search fieldset > div { margin-bottom: 10px; line-height: 1.4em; }
.finder.searchPage h1 { font-size: 40px; font-weight: 900; color: #ffffff; margin: -130px 0 60px; text-shadow: 3px 3px 10px #000000; }
.search-results.searchPage li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #999999; }
.search-results.searchPage .result-title { margin-bottom: 10px; }
.search-results.searchPage .result-title a { font-weight: bold; font-size: 24px; color: #204fa1; }
.search-results.searchPage .result-title a:hover { color: #81a9d5; }
.small.result-url.searchPage { display: none; }


/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------- 13. Gallery ------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

.jg-bootone .well { margin: 0; }
.jg-category-header h1 { font-size: 40px; font-weight: 900; color: #ffffff; margin: -130px 0 60px; text-shadow: 3px 3px 10px #000000; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------- 14. Faq ------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

.item-page.faq > .page-header { font-size: 40px; font-weight: 900; color: #ffffff; margin: -130px 0 60px; text-shadow: 3px 3px 10px #000000; }
.item-page.faq .filterGroupTitle { font-weight: bold; font-size: 20px; pointer-events: none; margin-bottom: 10px; display: block; }
.item-page.faq .filterGroup { margin-bottom: 40px; line-height: 1.4em; }
.faq .articleBody h4 { font-weight: bold; margin: 40px 0 10px; color: #81a9d5; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------- 15. Book Page ------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

#solidres { width: 100%; max-width: 1280px; margin: 0 auto; box-sizing: border-box; padding: 0 15px 60px; }
#solidres .rating { color: #d4aa00; }
.reservation_asset_item h1 { color: #1f3e6f; font-size: 48px; line-height: 1em; margin: 0 0 60px; }
.reservation_asset_item .reservation_asset_subinfo { line-height: 1.4em; color: #666666; }
.reservation_asset_item .tab-content { border: none; }
.btn .fa-search { display: none; }
.wizzard { border-radius: 0; }
#solidres .wizard ul li .chevron { right: 0; }
.pageWrapper .tariff-box select { background: #ffffff; }
.btn .fa-arrow-right { float: right; margin-left: 10px; }
.coupon .input-append { display: flex; }
.help-inline { display: inline-block; margin-top: 5px; font-size: 12px; font-family: 'Roboto Slab', Arial, sans-serif; }
.help-inline.rejected { color: #ff0000; }
.popover { padding: 10px; background: #ffffff; border: 1px solid #eeeeee; position: absolute; top: 0; left: 100%; font-size: 12px; box-shadow: 0 0 10px -5px #000000; margin-left: 5px; }
.popover:after { content: ''; position: absolute; top: 50%; left: -8px; width: 16px; height: 16px; border-top: 1px solid #eeeeee; border-left: 1px solid #eeeeee; transform: rotate(-45deg); z-index: 2; background: #ffffff; margin-top: -8px; }
.popover h3 { font-size: 14px; margin: 0 0 10px; padding: 0; }
.popover h3:after { display: none; }
#solidres .btn-group { display: flex; justify-content: flex-end; flex-wrap: wrap; }
#solidres .btn-group .btn { margin: 0 5px; padding: 7px 20px 9px; }
.confirmation table { float: left; width: 100%; }
#reservation-confirmation-box { line-height: 2em; }
.payment_method_wrapper input[type="radio"].payment_method_radio { vertical-align: middle; margin-right: 10px; }
.payment_method_radio + span { vertical-align: middle; }
#solidres .alert { line-height: 2em; }
#solidres button { padding: 10px 30px; font-size: 18px; }
.datefield { border-radius: 0; font-size: 16px; padding: 11px 10px; }
.datefield i { margin-top: 0; }
.ui-state-disabled span,
.ui-widget-content .ui-state-disabled span,
.ui-widget-header .ui-state-disabled span { text-decoration: none; }
.ui-widget-header,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { color: #0099b5;}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active { background: #0099b5;}
#solidres .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { font-size: 14px; }
.starting_from,
.tariff_suffix { display: none; }
.wizard ul li.active .badge { color: #ffffff; padding: 0 6px; }
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default { background: #eee; border: 1px solid #eee; text-align: center; padding: 10px; color: #777;}
.checkin_datepicker_inline_module .ui-datepicker td { pointer-events: none; }
.checkin_datepicker_inline_module .ui-datepicker td:nth-child(6) { pointer-events: auto; }
.checkin_datepicker_inline_module .ui-datepicker td:nth-child(6) .ui-state-default,
.checkin_datepicker_inline_module .ui-datepicker td:nth-child(6) .ui-widget-content .ui-state-default { background: #0099b5; color: #ffffff; }

.checkout_datepicker_inline_module .ui-datepicker td { pointer-events: none; }
.checkout_datepicker_inline_module .ui-datepicker td:nth-child(5) { pointer-events: auto; }
.checkout_datepicker_inline_module .ui-datepicker td:nth-child(5) .ui-state-default,
.checkout_datepicker_inline_module .ui-datepicker td:nth-child(5) .ui-widget-content .ui-state-default { background: #0099b5; color: #ffffff; }
.ui-state-active, .ui-widget-content .ui-state-active { background: #000000 !important; }

#solidres table { width: 100%; }
.form-group { margin-bottom: 15px; }
.form-group label { margin-bottom: 5px; }

button.btn-success,
button.roomtype-reserve-exclusive,
.wizard ul li.complete .badge,
.wizard ul li.active .badge  { background: #00b572; }
button.btn-success:hover,
button.roomtype-reserve-exclusive:hover { background: #345933; }
.wizard ul li.complete,
.wizard ul li.active  { color: #00b572; }
.wizard ul li.complete .badge { color: #ffffff; padding: 0 6px; }
#asset-checkavailability-form { border: 1px solid #d4d4d4; }
#sr-checkavailability-form-asset-1 button { width: 100%; }

#solidres .btn-group .btn.btn-success { display: none; }
#solidres .btn-group .reservation-navigate-back + .btn.btn-success { display: inline-block; }
.searchBoat select[name="room_type_id"],
#room_num_row_1 select {
    height: 42px;
    background: #ffffff;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}
.searchBoat { padding-left: 50px; }
.searchBoat .span12,
#room_num_row_1 .span12 { position: relative; }
.roomType .span12:after,
#room_num_row_1 .span12:after { content: '\f07d'; position: absolute; bottom: 15px; right: 15px; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.searchBoat .row-fluid { margin-bottom: 10px; }
.searchBoat .datefield { margin-bottom: 0; }
#solidres .photosWrapper .owl-item { padding: 0; }
#solidres .photosWrapper .owl-item img {width: 100%;height: auto;top: auto;left: auto;object-fit: none;position: static;}


#solidres .span1,#solidres .span2,#solidres .span3,#solidres .span4,#solidres .span5,#solidres .span6,#solidres .span7,#solidres .span8,#solidres .span9,#solidres .span10,#solidres .span11,#solidres .span12 { display:block; position: relative; padding-left: 10px; padding-right: 10px; float:left; box-sizing: border-box; }
#solidres .span12 { width: 100%; }
#solidres .span11 { width: 91.666%; }
#solidres .span10 { width: 83.333%; }
#solidres .span9 { width: 75%; }
#solidres .span8 { width: 66.666%; }
#solidres .span7 { width: 58.333%; }
#solidres .span6 { width: 50%; }
#solidres .span5 { width: 41.666%; }
#solidres .span4 { width: 33.333%; }
#solidres .span3 { width: 25%; }
#solidres .span2 { width: 16.666%; }
#solidres .span1 { width: 8.333%; }
#solidres .row-fluid {width:100%;float: left;}

#solidres .control-group  { margin-bottom: 10px; }

#solidres .button-row-top .btn-group { display: none; }
#solidres .roomtype_name { color: #0099b5; }
#solidres .roomtype_name .label-default { background-color: #0099b5; text-shadow: none; font-size: 13px; color: #fff; padding: 2px 5px; font-family: 'Gilroy'; font-weight: bold; vertical-align: middle; }

.btn.btn-success.disabled,
.btn.btn-success:disabled { opacity: 0.4; cursor: not-allowed; }
.acceptNotice { visibility: hidden; margin-top: 5px; font-size: 11px; color: red; }
.btn.btn-success.disabled:hover + .acceptNotice,
.btn.btn-success:disabled:hover + .acceptNotice { visibility: visible; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------- 100. Plugins Rewrites ------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

.galleryCats > li { padding: 10px; }
.galleryCats h3 { font-size: 24px; }
.galleryCats .thumbnail ul.unstyled { margin: 0; text-align: center; }
.gallery .text-muted { display: none; }
.galleryCats > li .thumbnail > a { position: relative; display: block; overflow: hidden; width: 100%; height: 0; padding-top: 150.29%; background-size: cover; background-repeat: no-repeat; transition: transform 0.4s ease-out; transform: scale(1); background-position: center center; }
.galleryCats > li .thumbnail > a:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 0.4s ease-out; background: #000000; opacity: 0; }
.galleryCats > li:hover .thumbnail:hover > a  { transform: scale(1.05); }

.galleryCats > li:hover .thumbnail > a:after { opacity: 0.4; }
.galleryCats > li .thumbnail { position: relative; overflow: hidden; }
.galleryCats > li .caption { position: absolute; bottom: 0; width: 100%; padding: 40px 20px 20px; box-sizing: border-box; pointer-events: none;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 );
}
.galleryCats > li .caption a { color: #ffffff; }

.categoryImgs { float: left; width: calc(100% + 20px); opacity: 0; transition: opacity 0.4s; margin-left: -10px; }
.categoryImgs.loaded { opacity: 1; }
.categoryImgs li { float: left; width: 33.333%; padding: 0 10px 20px; box-sizing: border-box; }
.categoryImgs li a { display: block; box-sizing: border-box; padding: 0; overflow: hidden; position: relative; line-height: 1; }
.categoryImgs li a:after { content: "\f00e"; position: absolute; left: 50%; top: 50%; transition: opacity 0.4s ease-out; opacity: 0; color: #ffffff; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 40px; text-rendering: auto; -webkit-font-smoothing: antialiased;width: 40px;height: 40px; margin: -20px 0 0 -20px; text-shadow: 2px 2px 10px rgba(0,0,0,0.3); }
.categoryImgs li img { width: 100%; height: auto; transition: transform 0.4s ease-out; transform: scale(1); display: block; backface-visibility: hidden; }
.categoryImgs li a:hover:after { opacity: 0.4; }
.categoryImgs li a:hover img { transform: scale(1.05); }

.jg-bootone .headerWrapper.well,
.mainWrapper .jg-category-description { text-align: left; }

/* Windy Maps */
iframe.windyMap { width: 100%; box-sizing: border-box; float: right; margin: 20px 0 40px; }

/* CHRONOFORMS */
#ftr-button3 { width: 100%; padding: 10px 0; }
.gtooltip-content { padding: 1px 20px; max-width: 200px; }
.chronoforms6_credits { display: none !important; }

/* Weather */
.mainRight p.weather_k1_city { font-size: 18px; }
.mainRight .kw_logo { display: none; }
.mainRight span.weather_k1_day { font-weight: bold; }
.mainRight .weather_k1_icon { width: 48px; margin: 5px 0; height: 48px; line-height: 48px; display: inline-block; }
.mainRight .weather_k1_icon img { width: 100%; }
.mainRight .weather_k1_forecasts > div.block { padding: 10px 12px; }

/* Solidres Carousel */
.carousel { position: relative; }
.carousel-inner { position: relative; padding-bottom: 80.6%; }
.carousel-inner .item,
.carousel-inner .item img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.carousel-inner .item { visibility: hidden; opacity: 0; transition: 0.4s; }
.carousel-inner .item.active { visibility: visible; opacity: 1; }
.carousel-inner .item img { object-fit: cover; }
.asset-row .carousel-control, .room .carousel-control { top: 50%; left: 5px; margin-top: -12px; line-height: 22px; }
.carousel-control.right { left: auto; right: 5px; }

/* Owl Carousel */
.owl-dots { width: 100%; height: 0; text-align: center; }
.owl-dots .owl-dot { display: inline-block; width: 10px; height: 10px; background: #ffffff; border: 1px solid #aaaaaa; opacity: 0.5; margin: 0 5px; border-radius: 50%; cursor: pointer; }
.owl-dots .owl-dot.active { opacity: 1; }

/* Cookies */
.jb-accept.blue { display: inline-block; padding: 1em 2em; }
#jbcookies.modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.92); z-index: 9999; color: #ffffff; display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; padding: 5%; }
#jbcookies.hide { display: none; }
#jbcookies > * { width: 100%; }
#jbcookies ul { margin: 2em 0; padding: 0 0 0 1em; list-style: disc; line-height: 1.4em; }
#jbcookies ul li { list-style: disc; margin: 0 0 1em; }
#jbcookies .close { display: none; }
#jbcookies .modal-footer { margin-top: 2em; }
footer .bottom { padding: 1em; background: #0a0f13; color: #bac2c9; }
.bottom .jb-cookie-decline { text-align: center; }
.bottom .jb-accept.blue { border: none; background: #0099b5; display: inline-block; transition: all 0.5s ease-out; font-family: Gilroy, Arial; border-radius: 0; }
.bottom .jb-cookie.blue p a,
.bottom .jb-decline.link { color: #0099b5; }
.bottom .jb-cookie.bottom.blue .jb-cookie-bg.white,
.bottom .jb-cookie.bottom.blue .jb-cookie-bg.black { border-color: #0099b5; }

/* Convert Forms */
.articleBody .convertforms .cf-content-wrap,
.articleBody .convertforms .cf-form-wrap { padding: 0; }

.enquiryForm.modal { width: 80%; position: relative; }
.enquiryForm .convertforms { background: #111920; color: #ffffff; width: 100%; height: 80vh; overflow: hidden; overflow-y: auto; }
.enquiryForm .convertforms .cf-label,
.enquiryForm h2 { color: #ffffff; }
.half { width: 50%; }

/* 	Daterange Picker */
.pignose-calendar-wrapper-overlay { z-index: 999999; }
.pignose-calendar-wrapper { position: fixed; z-index: 999999; }
.pignose-calendar .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sat,
.pignose-calendar .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sun { color: #5f697a; }
.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-sat a { color: #49c4d0; }
.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-sun a { color: #49c4d0; }

/* Cloudflare Consent */
.cf_modal_container .cf_modal { background: #111920; color: #bac2c9; }

/* BLUEBELL */
.bluebell svg { width: 100px; height: auto; }
.bluebell a { text-decoration: none; }
.bluebell path { fill: #bac2c9; }
#logo-red { fill: #e62821; }
#logo-green { fill: #194b3c; }

.fb-like { float: right; margin-top: 20px; }

/* GREEK */
body.menoumeskafos .main { font-family: 'Open Sans', Arial, sans-serif; font-weight: 300; }
.menoumeskafos h1, .menoumeskafos h2, .menoumeskafos h3, .menoumeskafos h4, .menoumeskafos h5, .menoumeskafos h6, .menoumeskafos .h1, .menoumeskafos .h2, .menoumeskafos .h3, .menoumeskafos .h4, .menoumeskafos .h5, .menoumeskafos .h6 { font-family: 'Roboto Slab', 'Times New Roman', serif; }