@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i");
h1, h2, h3, h4, h5, h6, a { color: #0a4474; text-decoration: none; }

img { max-width: 100%; }

p, ul, ol { font-size: 16px; line-height: 24px; }

@font-face { font-family: 'PlayfairDisplay'; font-style: italic; font-weight: 400; src: url("../fonts/PlayfairDisplay/Playfair-Display-Italic.woff") format("woff"), url("../fonts/PlayfairDisplay/Playfair-Display-Italic.ttf") format("truetype"), url("../fonts/PlayfairDisplay/Playfair-Display-Italic.woff2") format("woff2"); }
@font-face { font-family: 'PlayfairDisplay'; font-style: italic; font-weight: 700; src: url("../fonts/PlayfairDisplay/Playfair-Display-Bold-Italic.woff") format("woff"), url("../fonts/PlayfairDisplay/Playfair-Display-Bold-Italic.ttf") format("truetype"), url("../fonts/PlayfairDisplay/Playfair-Display-Bold-Italic.woff2") format("woff2"); }
@font-face { font-family: 'PlayfairDisplay'; font-style: italic; font-weight: 900; src: url("../fonts/PlayfairDisplay/Playfair-Display-Black-Italic.woff") format("woff"), url("../fonts/PlayfairDisplay/Playfair-Display-Black-Italic.ttf") format("truetype"), url("../fonts/PlayfairDisplay/Playfair-Display-Black-Italic.woff2") format("woff2"); }
@font-face { font-family: 'PlayfairDisplay'; font-style: normal; font-weight: 400; src: url("../fonts/PlayfairDisplay/Playfair-Display-Regular.eot"); src: url("../fonts/PlayfairDisplay/Playfair-Display-Regular.woff") format("woff"), url("../fonts/PlayfairDisplay/Playfair-Display-Regular.ttf") format("truetype"), url("../fonts/PlayfairDisplay/Playfair-Display-Regular.woff2") format("woff2"), url("../fonts/PlayfairDisplay/Playfair-Display-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/PlayfairDisplay/Playfair-Display-Regular.svg#PlayfairDisplay") format("svg"); }
@font-face { font-family: 'PlayfairDisplay'; font-style: normal; font-weight: 700; src: url("../fonts/PlayfairDisplay/Playfair-Display-Bold.woff") format("woff"), url("../fonts/PlayfairDisplay/Playfair-Display-Bold.ttf") format("truetype"), url("../fonts/PlayfairDisplay/Playfair-Display-Bold.woff2") format("woff2"); }
@font-face { font-family: 'PlayfairDisplay'; font-style: normal; font-weight: 900; src: url("../fonts/PlayfairDisplay/Playfair-Display-Black.woff") format("woff"), url("../fonts/PlayfairDisplay/Playfair-Display-Black.ttf") format("truetype"), url("../fonts/PlayfairDisplay/Playfair-Display-Black.woff2") format("woff2"); }
h1, h2, h3, h4, h5, h6, a { color: #0a4474; text-decoration: none; }

.sidebar.left { background: #f7f6f4; width: 325px; position: fixed; height: 100vh; top: 0; left: 0; overflow: auto; text-align: center; }
@media (max-width: 768px) { .sidebar.left { visibility: hidden; left: 0; opacity: 0; z-index: 6; transition: all .7s; top: 0; }
  html.menu-open .sidebar.left { transition: all .3s; left: 0; opacity: 1; visibility: visible; } }
@media (max-width: 480px) { .sidebar.left { top: 0px; width: 100%; } }
.sidebar.left .brand-container { max-width: 175px; margin: 20px auto; }
@media (max-width: 768px) { .sidebar.left .brand-container { display: none; } }
.sidebar.left .brand-container a { display: block; }
.sidebar.left .home-link { display: none; margin-top: 20px; }
@media (max-width: 768px) { .sidebar.left .home-link { display: block; } }
.sidebar.left .welcome { color: #0a4474; }
@media (max-width: 768px) { .sidebar.left .welcome { margin-top: 140px; }
  .sidebar.left .welcome a { text-decoration: underline; } }
@media (max-width: 768px) { .sidebar.left .boat-navigation { max-height: calc(100vh - 330px); overflow: auto; } }
.sidebar.left .boat-navigation h2 { margin-top: 20px; font-weight: 400; }
.sidebar.left .boat-navigation .list-options a { color: #FFF; font-weight: bold; background-color: #0a4474; padding: 10px 0; width: 120px; display: inline-block; }
.sidebar.left .boat-navigation .list-options a.current { background-color: #FFF; color: #0a4474; box-shadow: 0px 0px 0px 1px #0a4474 inset; }
.sidebar.left .boat-navigation .list-options + ul li { padding-right: 25px; }
.sidebar.left .boat-navigation #Form_PrintAllClaimsForm input { width: 244px; margin-top: 10px; }
.sidebar.left .boat-navigation ul.favorite-yachts li.empty-list { padding: 20px 10px; }
.sidebar.left .boat-navigation ul { list-style-type: none; padding: 0 20px; }
.sidebar.left .boat-navigation ul li { border-top: 1px solid rgba(10, 68, 116, 0.4); position: relative; }
.sidebar.left .boat-navigation ul li a { display: block; padding: 20px 10px; color: #0a4474; }
.sidebar.left .boat-navigation ul li.current { font-weight: 700; position: relative; }
.sidebar.left .boat-navigation ul li.current a:before { display: inline-block; content: ""; width: 0; height: 0; position: relative; left: -15px; top: 2px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #0a4474; }
.sidebar.left .boat-navigation ul li.unnoted { position: relative; }
.sidebar.left .boat-navigation ul li.unnoted:after { content: "!"; width: 20px; height: 20px; border-radius: 50%; background-color: red; color: #FFF; position: absolute; top: 50%; transform: translateY(-50%); right: 5px; text-align: center; font-weight: bold; line-height: 20px; }
.sidebar.left .boat-navigation ul li .favorite-button { position: absolute; right: 0; padding: 5px; top: 50%; transform: translateY(-50%); color: #0a4474; font-size: 20px; cursor: pointer; }
.sidebar.left a.signout-link { padding-top: 10px; padding-bottom: 10px; margin-top: 10px; opacity: .9; font-size: 15px; position: relative; width: 100%; left: 0; display: block; line-height: 30px; }
@media (max-width: 768px) { .sidebar.left a.signout-link { display: block; bottom: auto; position: relative; } }
.sidebar.left .contact { position: absolute; bottom: 0; left: 0; padding: 10px; width: 100%; text-align: left; }
@media (max-width: 768px) { .sidebar.left .contact { background: #ececec; bottom: 0px; } }
@media (max-width: 768px) { .sidebar.left .contact hr { display: none; } }
.sidebar.left .contact h4 { margin: 5px 0; }
@media (max-width: 768px) { .sidebar.left .contact h4 { display: inline-block; padding-left: 10px; } }
.sidebar.left .contact .image { display: inline-block; margin-right: 5px; }
@media (max-width: 768px) { .sidebar.left .contact .image { height: 60px; width: 60px; overflow: hidden; float: left; border-radius: 50%; } }
.sidebar.left .contact .details { display: inline-block; line-height: 26px; color: #0a4474; }
@media (max-width: 768px) { .sidebar.left .contact .details { padding-left: 10px; } }
.sidebar.left .contact .details a { color: #0a4474; }

@media (max-width: 768px) { .sidebar:not(.has-contact) .boat-navigation { max-height: none; } }

header { margin-left: 325px; height: 80px; padding: 10px; }
@media (max-width: 768px) { header { margin-left: 0; } }
header .mobile-logo { display: none; }
@media (max-width: 768px) { header .mobile-logo { display: none; position: absolute; left: 70px; top: 10px; max-width: 60px; z-index: 7; }
  header .mobile-logo img { max-width: 100%; } }
header #MobileMenu { display: none; }
@media (max-width: 768px) { header #MobileMenu { display: block; position: absolute; top: 20px; left: 10px; width: 40px; z-index: 7; }
  header #MobileMenu span { width: 40px; height: 4px; margin-bottom: 8px; background: white; display: block; position: relative; transform: none; transition: all .4s; opacity: 1; }
  html.menu-open header #MobileMenu span { opacity: 0; }
  html.menu-open header #MobileMenu span:first-child { transform: rotate(45deg) translate(8px, 12px); opacity: 1; background: #0a4474; }
  html.menu-open header #MobileMenu span:last-child { transform: rotate(-45deg) translate(5px, -10px); opacity: 1; background: #0a4474; } }
header #HeaderSearchForm { width: calc(100% - 150px); max-width: calc(100vw - 325px - 150px); }
@media (max-width: 768px) { header #HeaderSearchForm { width: 100%; max-width: 100%; max-width: 300px; visibility: hidden; opacity: 0; transition: all .1s; position: absolute; top: 65px; } }
@media (max-width: 768px) and (max-width: 480px) { header #HeaderSearchForm { margin-top: 10px; left: calc(50% - 150px); margin-left: 0; } }
@media (max-width: 768px) { html.menu-open header #HeaderSearchForm { visibility: visible; z-index: 6; width: 100%; max-width: 300px; position: absolute; top: 65px; float: none; transition: all 0.2s; opacity: 1; } }
@media (max-width: 768px) and (max-width: 480px) { html.menu-open header #HeaderSearchForm { margin-top: 10px; margin-left: 0; left: calc(50% - 150px); } }
@media (max-width: 768px) { html.menu-open header #HeaderSearchForm.scrolled { top: -10px; padding: 12px 0 20px 55px; left: 0px; max-width: 310px; background: #f7f6f4; z-index: 6; } }
header #HeaderSearchForm .search-dropdown-icon { display: none; }
header #HeaderSearchForm #Form_SearchForm { height: 60px !important; text-align: center; }
@media (max-width: 768px) { header #HeaderSearchForm #Form_SearchForm { height: 40px !important; } }
header #HeaderSearchForm fieldset { border: none; padding-right: 0 !important; }
header #HeaderSearchForm fieldset #Form_SearchForm_Search_Holder input { background: rgba(0, 0, 0, 0.4); border: none; border-radius: 5px; height: 40px !important; width: 100%; max-width: 800px; color: white; -webkit-appearance: none; }
@media (max-width: 1320px) { header #HeaderSearchForm fieldset #Form_SearchForm_Search_Holder input { width: 99%; } }
@media (max-width: 768px) { header #HeaderSearchForm fieldset #Form_SearchForm_Search_Holder input { height: 40px !important; width: 100%; border-radius: 0px !important; } }
header #HeaderSearchForm .Actions { position: relative !important; width: 40px !important; display: inline-block; top: -42px !important; right: -380px !important; }
@media (max-width: 1320px) { header #HeaderSearchForm .Actions { left: 45%; right: auto; } }
@media (max-width: 768px) { header #HeaderSearchForm .Actions { position: absolute !important; top: 8px !important; right: 0 !important; left: auto; } }
header #HeaderSearchForm .Actions input { font-size: 0 !important; color: transparent !important; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAADmwAAA5sBPN8HMQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAL3SURBVGiB7Zo7aBRRFIbPaIKlr5gYH6BJGos0Vj6IiIqgaGFEIuahVaxVCEHEwsKg1lZWYiGIIhqNRhBFItgLKbWwECOCGl9JdvezmDNkGWayc+femQlhfxguzO75H8zOvXfOrEgddWQCz6YYWC8iB0WkS0Q6RaRNRBr04zkR+SAi70VkQkTGPc/7YqPnHMAB4AVQIjlKwDiwr2j/ArQDz0PmXgHngF1AK7Baj1ZgN3AeeB0KPQa0FRWiB/ipRv4AV4G1BvVNwIjWAvwATmTpOcrEZaCiBu4Bmyy4NgMPlKsCXHLpdSHh6yo6Cww65B1UToARV7xxYv1V98KxDPi7gbJqnHLNH4i0AdMqMpyJiK9zseqe2ZKFwFMVuA9YrTc1dDzgoWo9ck2+X4l/ARuckkfrbQR+q+Zel8TB1bjmjLS25g3VfOyKsAWY0xu82Qlpct2yzmTrTOuXRZw7Kv5+6Y3neVPWDhNC92ETItIoIkdM66OC7NHxiYWvtBgNeUiMqCCdOk6ktpMeb0Me0gP4pjddkzWZuXaLatv/pKu2DY0OvJlqr1DtGdPaqJ9WgMwWwQSYNS2ICjKt4yo7L6mwRkfjJ8moIB917EhtJz3adfxsWhgVZFLHHantpEegObngtyIQFeSljt2p7aRHoDlmzbRItigrXZEWuWm865J0ZzCfA+21K6z1OlSrDGxzTV7Eg9Vo7Qpzgbwfdb9i0Z2pJZJX86ECGG/dTcWuVIUZcsTpAcPMd1DKwBkX3LWEs2rQVaMMnHbpO86A65bpd/z1KhxmIMscgZkkTewGPeKa2BXgNv4CeDIiTAnozzyMBurCn5ZnSY4Z4A6wPcTVExOmL5cwaqIZGABuAe+AKea3GZ/03E2gF/+lUBxPXJje3MK4AnAY+BcKUwHOFu3NGDFh8pnNXGOphTkUEyb7qdk1YsKUllqYfNYZl0gaZqG+1qKA53nPRKRP/D8gBFguIluLcWQJvTJ/9YpcKNqPFYDj5PU6u446fPwHMXDoWuIPZXYAAAAASUVORK5CYII=) !important; width: 30px; background-size: 30px !important; background-repeat: no-repeat !important; height: 30px; padding: 0 !important; min-width: 0 !important; }
header .notifications { float: right; width: 50px; height: 50px; border-radius: 50%; line-height: 50px; text-align: center; color: white; font-size: 24px; position: relative; margin-right: 20px; z-index: 4; }
@media (max-width: 768px) { header .notifications { position: absolute !important; top: 10px; right: 0px; z-index: 10; }
  html.menu-open header .notifications { z-index: 0; } }
header .notifications .show-notifications { cursor: pointer; }
header .notifications .show-notifications i { font-size: 32px !important; float: none !important; transition: all .4s; }
header .notifications .notification-icon { float: none !important; }
header .notifications .notification-counter { position: absolute; top: 2px; right: 2px; background: #cc3031; color: white; width: 20px; border-radius: 50%; height: 20px; line-height: 20px; text-align: center; font-size: 14px; }
header .notifications .notification-dropdown { opacity: 0; overflow: hidden; transition: all .4s; visibility: hidden; background: white; padding: 0px; width: 300px; position: absolute; top: 50px !important; right: 0; border: none !important; }
header .notifications .notification-dropdown.show { opacity: 1; visibility: visible; }
header .notifications .notification-dropdown .notification-items { padding-left: 0; margin: 0; }
header .notifications .notification-dropdown .notification-items .notification-item { list-style-type: none; font-size: 16px; font-weight: 700; display: block; padding: 5px 10px; text-align: left; line-height: 26px; color: #0a4474; font-weight: 400; }
header .notifications .notification-dropdown .notification-items .notification-item.Unread { font-weight: 700; background-color: white !important; }
header .notifications .notification-dropdown .notification-items .notification-item .notification-timesince { float: right; }
header .notifications .notification-dropdown .notification-items .notification-item:nth-child(odd) { background: #efefef; }
header .profile { float: right; background: white; width: 50px; height: 50px; border-radius: 50%; line-height: 50px; text-align: center; font-size: 24px; margin-right: 10px; }
@media (max-width: 768px) { header .profile { position: absolute; float: none; right: 0; display: none; } }

form { border: none; box-shadow: none; width: 100%; }
form fieldset { border: none; box-shadow: none; width: 100%; padding: 0; }
form fieldset .field { width: 100%; padding: 5px 0; }
form fieldset .field.readonly { clear: both; }
form fieldset .field.readonly:after { display: block; width: 100%; clear: both; position: relative; content: ""; }
form fieldset .field.readonly label, form fieldset .field.readonly .middleColumn { float: left; padding-right: 10px; line-height: 24px; }
form fieldset .field label.left { font-weight: 700; }
form fieldset .field .middleColumn input[type="text"], form fieldset .field .middleColumn input[type="email"], form fieldset .field .middleColumn input[type="password"], form fieldset .field .middleColumn textarea { min-height: 40px; background: #ebebeb; border: none; padding: 10px; width: 100%; box-sizing: border-box; font-family: serif; font-size: 18px; line-height: 25px; transition: all .4s; }
form fieldset .field .middleColumn input[type="text"]:focus, form fieldset .field .middleColumn input[type="email"]:focus, form fieldset .field .middleColumn input[type="password"]:focus, form fieldset .field .middleColumn textarea:focus { background: #dfdfdf; box-shadow: none; outline: none; }
form fieldset .field .middleColumn ul.optionset { padding-left: 0; }
form fieldset .field .middleColumn ul.optionset li { list-style-type: none; display: inline-block; }
@media (max-width: 480px) { form fieldset .field .middleColumn ul.optionset li { display: block; } }
form fieldset .field.ss-uploadfield .middleColumn { min-width: 100% !important; border-radius: 0px !important; background-image: none !important; border-color: #dfdfdf !important; margin-top: 10px; margin-bottom: 10px; }
form fieldset .field.ss-uploadfield .middleColumn .files li span.name { line-height: 24px; }
form fieldset .field.ss-uploadfield .middleColumn .files li .ss-uploadfield-item-remove { visibility: visible; float: right; border: none; font-size: 0; color: transparent; width: 32px; height: 32px; background-size: 26px !important; background-repeat: no-repeat !important; margin: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACnSURBVFhH7ZYxDsIwEARd8Sn4AzwKyEuBZ8Ae0jWO4TQ+UiDdSFNsJE+cLq0oJjnJu3x22rOj3JyH7F/u3uTm+Mt6Pj2fxoO/EjOKZJwidVhkz9cFVoHsxkRBujFRkG5MFKQbEwXpxkRBujFRkG5MFKQbEwXpxkRBujFRkG5MNvD/F/Cfz/17MQ7Szqb+ExfpXzHrWU6zk1dpXzGKf9POXKQ1imJAay8UYd+QLebMNgAAAABJRU5ErkJggg==); }
@media (max-width: 480px) { form fieldset .field.ss-uploadfield .middleColumn .files li { padding: 5px; min-height: 80px; }
  form fieldset .field.ss-uploadfield .middleColumn .files li .preview { width: 60px; height: 60px; position: absolute; }
  form fieldset .field.ss-uploadfield .middleColumn .files li .preview span { width: 60px; height: 60px; }
  form fieldset .field.ss-uploadfield .middleColumn .files li .preview span img { height: 100%; width: 100%; object-fit: cover; }
  form fieldset .field.ss-uploadfield .middleColumn .files li .ss-uploadfield-item-info { margin-left: 75px; }
  form fieldset .field.ss-uploadfield .middleColumn .files li .ss-uploadfield-item-info label.ss-uploadfield-item-name span.name { font-size: 14px; display: block; max-width: calc(100% - 35px); width: 100%; }
  form fieldset .field.ss-uploadfield .middleColumn .files li .ss-uploadfield-item-info label.ss-uploadfield-item-name span.size { font-size: 12px; font-family: sans-serif; padding: 0; }
  form fieldset .field.ss-uploadfield .middleColumn .files li .ss-uploadfield-item-info label.ss-uploadfield-item-name .ss-uploadfield-item-status { float: none; max-width: 100%; clear: both; text-align: left; font-size: 12px; padding: 0; }
  form fieldset .field.ss-uploadfield .middleColumn .files li .ss-uploadfield-item-info .ss-uploadfield-item-actions { position: relative; top: -15px; }
  form fieldset .field.ss-uploadfield .middleColumn .files li .ss-uploadfield-item-info .ss-uploadfield-item-actions button.ss-uploadfield-item-remove { float: right; border: none; font-size: 0; color: transparent; width: 32px; height: 32px; background-size: 26px !important; background-repeat: no-repeat !important; margin: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACnSURBVFhH7ZYxDsIwEARd8Sn4AzwKyEuBZ8Ae0jWO4TQ+UiDdSFNsJE+cLq0oJjnJu3x22rOj3JyH7F/u3uTm+Mt6Pj2fxoO/EjOKZJwidVhkz9cFVoHsxkRBujFRkG5MFKQbEwXpxkRBujFRkG5MFKQbEwXpxkRBujFRkG5MNvD/F/Cfz/17MQ7Szqb+ExfpXzHrWU6zk1dpXzGKf9POXKQ1imJAay8UYd+QLebMNgAAAABJRU5ErkJggg==); } }
form fieldset .field.ss-uploadfield .middleColumn .ss-uploadfield-uploadsinto { display: none; }
form fieldset .field.ss-uploadfield .middleColumn label.ss-uploadfield-fromcomputer { border: none; border-radius: 0 !important; }
@media (max-width: 480px) { form fieldset .field.ss-uploadfield .middleColumn label.ss-uploadfield-fromcomputer { float: none; background: rgba(239, 239, 239, 0.5); border: 1px solid #dfdfdf; color: black; padding: 5px; } }
form fieldset .field.ss-uploadfield .middleColumn label.ss-uploadfield-fromcomputer span.ui-icon { display: none !important; }
form fieldset .field.ss-uploadfield .middleColumn label.ss-uploadfield-fromcomputer span.ui-button-text { padding: .4em 1em; font-size: 15px; }
@media (max-width: 480px) { form fieldset .field.ss-uploadfield .middleColumn label.ss-uploadfield-fromcomputer span.ui-button-text { font-size: 0; color: transparent; min-height: 35px; }
  form fieldset .field.ss-uploadfield .middleColumn label.ss-uploadfield-fromcomputer span.ui-button-text:after { content: "Choose images"; display: block; position: relative; left: 0; text-align: center; width: 100%; font-size: 16px; font-family: "Playfair Display"; color: black; line-height: 33px; } }
form fieldset .field.ss-uploadfield .middleColumn label.ss-uploadfield-fromcomputer input.ss-uploadfield-fromcomputer-fileinput { max-width: 100%; transform: none !important; }
@media (max-width: 480px) { form fieldset .field.ss-uploadfield .middleColumn .ss-uploadfield-addfile .ss-uploadfield-item-info { margin: 0; } }
form fieldset .field.ss-uploadfield .middleColumn .ss-uploadfield-addfile .ss-uploadfield-item-info label.ss-uploadfield-item-name { display: none; }
@media (max-width: 480px) { form fieldset .field.ss-uploadfield .middleColumn .ss-uploadfield-dropzone { display: none !important; } }
form fieldset .field.ss-uploadfield .description { display: block; padding-bottom: 25px; }
form .Actions input[type="submit"] { -webkit-appearance: none; border: none; box-shadow: none; border-radius: 0; background: #0a4474; color: white; padding: 10px 30px; min-width: 200px; font-family: serif; font-size: 18px; }

html.menu-open body { overflow: hidden; }

body { min-height: 100vh; padding: 0; margin: 0; font-family: "Playfair Display"; }
body .backgroundimage { background: url(../images/bg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; height: 100vh; position: fixed; z-index: -1; top: 0; width: calc(100vw - 325px); left: 325px; }
@media (max-width: 768px) { body .backgroundimage { left: 0; width: 100vw; } }
@media (min-width: 480px) and (max-width: 768px) { body .overlay { visibility: hidden; opacity: 0; transition: all .4s; background: #000; position: fixed; left: 0; top: 0px; width: 100vw; height: 100vh; z-index: -1; }
  html.menu-open body { overflow: hidden; }
  html.menu-open body .overlay { z-index: 5; opacity: .65; visibility: visible; } }
body .frontend-editor-wrapper { display: none; visibility: hidden; opacity: 0; }
body * { box-sizing: border-box; }
body .main { margin-left: 325px; padding: 0 20px; }
@media (max-width: 768px) { body .main { margin-left: 0; padding: 0 10px; } }
body .main article { background: white; padding: 20px; max-width: 1450px; margin: 0 auto; width: 100%; }
body.signin-page { text-align: center; }
body.signin-page .login-wrapper { display: flex !important; flex-direction: column; justify-content: center; text-align: center; }
body.signin-page .login-wrapper .login-title { font-size: 28px; color: #0a4474; font-weight: 700; display: block; margin-bottom: 15px; }
body.signin-page .site-information p { text-align: left; }
body.signin-page .site-information h1 { font-size: 28px; }
body.signin-page .container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
body.signin-page .site-information, body.signin-page .login-wrapper { display: inline-block; background: #f7f6f4; width: 100%; padding: 20px; max-width: 550px; margin: 40px; min-height: 400px; }
@media (max-width: 1280px) { body.signin-page .site-information, body.signin-page .login-wrapper { width: calc(100% - 20px); max-width: 500px; clear: both; display: block; margin: 20px auto; } }
@media (max-width: 480px) { body.signin-page .site-information, body.signin-page .login-wrapper { max-width: calc(100% - 20px); margin: 20px auto 0 auto; } }
body.signin-page .site-information span.title, body.signin-page .login-wrapper span.title { color: #0a4474; font-size: 24px; font-weight: 700; border-top: 1px solid; display: block; padding-top: 15px; }
body.signin-page .site-information form, body.signin-page .login-wrapper form { padding: 40px 10px 20px 10px; }
body.signin-page .site-information form fieldset, body.signin-page .login-wrapper form fieldset { border: none; }
body.signin-page .site-information form fieldset .field, body.signin-page .login-wrapper form fieldset .field { width: calc(50% - 10px); width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: -o-calc(50% - 10px); float: left; text-align: left; margin-right: 10px; }
@media (max-width: 480px) { body.signin-page .site-information form fieldset .field, body.signin-page .login-wrapper form fieldset .field { width: 100%; margin-right: 0; } }
body.signin-page .site-information form fieldset input[type="text"], body.signin-page .site-information form fieldset input[type="password"], body.signin-page .login-wrapper form fieldset input[type="text"], body.signin-page .login-wrapper form fieldset input[type="password"] { border-radius: 0px; -webkit-appearance: none; padding: 10px 10px; max-width: 100%; box-sizing: border-box; border: none; font-size: 16px; background: transparent; color: black; border-bottom: 1px solid #0a4474; }
body.signin-page .site-information form .Actions, body.signin-page .login-wrapper form .Actions { text-align: center; }
body.signin-page .site-information form .Actions input[type="submit"], body.signin-page .login-wrapper form .Actions input[type="submit"] { background: #0a4474; color: white; border-radius: 0px; -webkit-appearance: none; padding: 10px 40px; border: none; font-size: 16px; }
body.signin-page .site-information form #ForgotPassword, body.signin-page .login-wrapper form #ForgotPassword { margin-bottom: 0; margin-top: 30px; text-decoration: underline; }
body.signin-page .site-information form #MemberLoginForm_LostPasswordForm_Email_Holder, body.signin-page .login-wrapper form #MemberLoginForm_LostPasswordForm_Email_Holder { width: 100%; margin-bottom: 10px; }
body.signin-page .site-information form #MemberLoginForm_LostPasswordForm_Email_Holder label.left, body.signin-page .login-wrapper form #MemberLoginForm_LostPasswordForm_Email_Holder label.left { text-align: center; width: 100%; display: block; }
body.signin-page .customer-support { width: 100%; position: fixed; bottom: 0; left: 0; background: #f7f6f4; text-align: left; }
@media (max-height: 750px) { body.signin-page .customer-support { position: relative; margin-top: 20px; } }
@media (max-width: 1280px) { body.signin-page .customer-support { position: relative; margin-top: 20px; } }
body.signin-page .customer-support .content { max-width: 100%; padding: 20px 60px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
@media (max-width: 1024px) { body.signin-page .customer-support .content { flex-direction: column; } }
@media (max-width: 768px) { body.signin-page .customer-support .content { padding: 10px; } }
body.signin-page .customer-support .content .columns.two .column { width: 50%; display: inline-block; float: left; }
@media (max-width: 600px) { body.signin-page .customer-support .content .columns.two .column { width: 100%; } }
body.signin-page .customer-support .content .columns.three .column { width: 33.3%; display: inline-block; float: left; word-break: break-word; min-width: 230px; }
body.signin-page .customer-support .content .columns.three .column:last-child { float: right; }
@media (max-width: 768px) { body.signin-page .customer-support .content .columns.three .column { width: 50%; } }
@media (max-width: 600px) { body.signin-page .customer-support .content .columns.three .column { width: 100%; } }
body.signin-page .customer-support .content .contacts { display: flex; flex-direction: row; flex-wrap: wrap; }
body.signin-page .customer-support .content .contacts .contact { display: inline-block; text-align: center; padding: 25px; line-height: 25px; }
body.signin-page .customer-support .content .contacts .contact .title { font-weight: bold; }
@media (max-width: 1024px) { body.signin-page .customer-support .content .contacts { flex-direction: column; } }
@media (max-width: 1024px) { body.signin-page .customer-support .content .footer-logo { margin: auto; margin-top: 20px; } }
body .clear:after { content: ""; display: block; position: relative; width: 100%; height: 0; clear: both; float: none; }
body #Form_EditForm_FirstName_Holder, body #Form_EditForm_Surname_Holder, body #Form_EditForm_Email_Holder, body #Form_EditForm_Password_Holder, body #Form_EditForm_Telephone_Holder, body #Form_EditForm_MobilePhone_Holder { border-bottom: none; box-shadow: none; }
body #Form_EditForm_Locale_Holder, body #Form_EditForm_MemberPhoto_Holder, body #Form_EditForm_CustomerCareContactID_Holder { display: none; }
body #Form_EditForm.edit-profile { max-width: 600px; }
body #Form_EditForm.edit-profile .Actions { padding: 20px 0; }
body #Form_EditForm.edit-profile .Actions #Form_EditForm_action_EditUser { border-radius: 0px !important; font-family: "Playfair Display" !important; }
body #Form_EditForm.edit-profile .Actions #Form_EditForm_action_CancelEdit { display: none; }

@keyframes notification { 0% { transform: scale(0); }
  20% { transform: scale(1.1); }
  25% { transform: scale(1.1); }
  30% { transform: scale(1.1); }
  40% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); } }
.yachts .wrapper .boat.notification h3 { position: relative; }
.yachts .wrapper .boat.notification h3:after { display: inline-block; position: relative; top: -12px; right: -7px; width: 8px; height: 8px; border-radius: 50%; content: ""; color: white; font-family: sans-serif; background: #c92f2f; line-height: 25px; animation: notification 2s; }

.sidebar .boat-navigation ul li.notification a { position: relative; }
.sidebar .boat-navigation ul li.notification a:after { display: inline-block; position: relative; top: -8px; left: 5px; width: 8px; height: 8px; border-radius: 50%; content: ""; background: #c92f2f; line-height: 15px; animation: notification 2s; }

.popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; display: flex; justify-content: center; align-items: center; z-index: 1000; }
.popup .popup-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
.popup .popup-content .popup-header .close-popup { position: absolute; top: 10px; right: 15px; cursor: pointer; font-weight: 700; }
.popup .popup-content .popup-body textarea { width: 100%; margin-bottom: 10px; font-family: "Playfair Display"; }
.popup .popup-content .popup-body button { background: #0a4474; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; }

/*# sourceMappingURL=layout.css.map */