@import '/B2C/Images/Skin/Default/css/push-campagna-hp_v2.css';
@charset "UTF-8";
/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/* Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

/* Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/* Prevents modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/* Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, and Safari 4. Known issue: no IE 6 support. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/* 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using `em` units. 2. Prevents iOS text size adjust after orientation change, without disabling user zoom. */
html { font-size: 13px; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }

/* Addresses `font-family` inconsistency between `textarea` and other form elements. */
html, button, input, select, textarea { font-family: sans-serif; }

/* Addresses margins handled incorrectly in IE 6/7. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/* Addresses `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/* Improves readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/* Addresses font sizes and margins set differently in IE 6/7. Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 40px; margin: 0.67em 0; }

h2 { font-size: 22px; margin: 0.83em 0; }

h3 { font-size: 21px; margin: 1em 0; }

h4 { font-size: 1em; margin: 1.33em 0; }

h5 { font-size: 0.83em; margin: 1.67em 0; }

h6 { font-size: 0.75em; margin: 2.33em 0; }

/* Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/* Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

/* Addresses styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/* Addresses styling not present in IE 6/7/8/9. */
mark { background: #ff0; color: #000; }

/* Addresses margins set differently in IE 6/7. */
p, pre { margin: 1em 0; }

/* Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improves readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/* Addresses CSS quotes not supported in IE 6/7. */
q { quotes: none; }

/* Addresses `quotes` property not supported in Safari 4. */
q:before, q:after { content: ''; content: none; }

/* Prevents `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Lists ========================================================================== */
/* Addresses margins set differently in IE 6/7. */
dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0 0 0 40px; }

/* Addresses paddings set differently in IE 6/7. */
menu, ol, ul { padding: 0 0 0 40px; }

/* Corrects list images handled incorrectly in IE 7. */
nav ul, nav ol { list-style: none; list-style-image: none; }

/* ========================================================================== Embedded content ========================================================================== */
/* 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3. 2. Improves image quality when scaled in IE 7. */
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }

/* Corrects overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/* Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/* Corrects margin displayed oddly in IE 6/7. */
form { margin: 0; }

/* Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/* 1. Corrects color not being inherited in IE 6/7/8/9. 2. Corrects text not wrapping in Firefox 3. 3. Corrects alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ }

/* 1. Corrects font size not being inherited in all browsers. 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome. 3. Improves appearance and consistency in all browsers. */
button, input, select, textarea { font-size: 13px; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }

/* Addresses Firefox 3+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Corrects inability to style clickable `input` types in iOS. 3. Improves usability and consistency of cursor style between image-type `input` and others. 4. Removes inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ }

/* Re-set default cursor for disabled elements. */
button[disabled], input[disabled] { cursor: default; }

/* 1. Addresses box sizing set to content-box in IE 8/9. 2. Removes excess padding in IE 8/9. 3. Removes excess padding in IE 7. Known issue: excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }

/* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/* Removes inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* Removes inner padding and border in Firefox 3+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 1. Removes default vertical scrollbar in IE 6/7/8/9. 2. Improves readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/* Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

/* COMMON RESET */
article, aside, footer, header, button, nav, h1, h2, h3, h4, h5, h6, ul, ol, li, form, p, textarea, input, html, body, input, th, select, table { font-weight: normal; margin: 0; padding: 0; border: 0; text-align: left; line-height: normal; }

table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; border-collapse: collapse; border-spacing: 0; }

li { list-style: none; }

a { cursor: pointer; background: transparent; }

/*General*/
body { color: #000; margin: 0; padding: 0; text-align: left; }

a { outline: none; cursor: pointer; }

img { border: 0; }

form { margin: 0; padding: 0; }

ul { list-style-type: none; }

sup, sub { font-size: 0.7em; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

section, nav, header, article { display: block; }

a { cursor: pointer; background: transparent; }

a:active, a:hover { outline: 0; }

a:link, a:visited, a:hover, a:active { text-decoration: underline; }

small { font-size: 12px; }

a { color: #0d2857; }

button { outline: none; cursor: pointer; font-family: 'Scada', 'Myriad Pro', 'sans-serif'; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

canvas, cufon.cufon { position: static; z-index: 1; }

/*Class Name: DESTIONATIONS COLOURS*/
/*
'azure'     : MEDITERRANEAN AND CANARY ISLANDS  			#72ABCB
'blue'      : AROUND THE WORLD CRUISE 						#2b7cbe
'green'     : NORTHERN EUROPE; 								#6DAA95
'grey'      : UNIQUE JOURNEYS (e.g. TRANSATLANTIC) 			#6F8893
'purple'    : FAR EAST 										#831670
'red'       : RED SEA
'sand'      : DUBAI AND ARAB EMIRATES; 						#D7A84E
'turquoise' : CARIBBEAN AND SOUTH AMERICA 					#649DB2
'dove' 		: AFRICA AND INDIAN OCEAN 						#b8b1a0
*/


/*DEBUG*/

.page, #page {
  visibility: visible!important;
}

/*DEBUG*/

.ctl00_cph_PageContent_cruiseFinderControl_updExpressBooking {display: none;}

body.newMenuV5 .inner-page-v5 {height: auto!important;margin-top: 67px;}
.counter-wrapper { top: 74px; right: auto; bottom: auto; left: 100px; position: absolute; width: 403px; height: 159px; left: 50%; margin-left: -201.5px; z-index: 5; background: url(/contents/GuidelinesV5/HP/css/bg/_common/sections/02-visual//counter/counter.png) 0 0 no-repeat; color: #FFFFFF; padding-top: 9px; }
.counter-wrapper a { text-decoration: none; }

.counter-close { background: url(/contents/GuidelinesV5/HP/css/bg/_common/sections/02-visual/counter/close.png) 0 0 no-repeat; top: 0; right: 0; bottom: auto; left: auto; position: absolute; width: 26px; height: 26px; text-decoration: none; }

.counter-title { font-size: 16px; padding-top: 8px; width: 395px; line-height: 16px; }

.counter-container { text-align: center; width: 395px; }

#counter-timer #number-row { padding-top: 20px; }
#counter-timer #number-row span { display: inline-block; width: 25%; font-weight: bold; }
#counter-timer #number-row span .date-numbers { display: block; width: 100%; line-height: 60px; }
#counter-timer #number-row span .label-element { display: block; width: 100%; text-transform: uppercase; font-size: 18px; }
#counter-timer #number-row span.pipe { width: 6%; height: 100px; position: relative; top: -80px; background: url(/contents/GuidelinesV5/HP/css/bg/_common/sections/02-visual/counter/pipe.png) center no-repeat; }

.date-numbers { font-size: 80px; width: 25%; }

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.clear-all-float { clear: both; }

body.newMenuV5 { font-family: 'CelesteSansWeb'; }
body.newMenuV5 h1, body.newMenuV5 h2, body.newMenuV5 h3, body.newMenuV5 h4, body.newMenuV5 h5, body.newMenuV5 h6, body.newMenuV5 p, body.newMenuV5 strong, body.newMenuV5 a, body.newMenuV5 input, body.newMenuV5 button { font-family: 'CelesteSansWeb'; }

.only-mobile { display: none; }

.mokup { height: 3000px; width: 1024px; position: absolute; left: 50%; margin-left: -512px; z-index: 9999; opacity: 0.5; filter: alpha(opacity=50); display: none; top: 0; }

/* COMMON INTERFACE LAYOUT */
.inner-page-v5, .inner-content-v5 { width: 1024px; display: block; margin-left: auto; margin-right: auto; float: none; text-align: center; }

.section:before, .section:after { content: " "; display: table; }
.section:after { clear: both; }

.layer.popUnder.webform { margin-top: 0; }

.divider { clear: both; }

body.newMenuV5 div.inner-intro { background-color: #FFF; text-align: center; color: #857c79; padding: 48px 80px 10px; }
body.newMenuV5 div.inner-intro h2 { font-size: 30px; text-align: center; }
body.newMenuV5 div.inner-intro p { font-size: 14px; text-align: center; line-height: 14px; padding-top: 4px; }

.hide { display: none; }

div.HPSwfWrapper { width: 100%; margin: 0 auto !important; height: auto; background-color: #fff; }

.simple-banner a { display: block; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; -ms-transition: opacity 0.2s; transition: opacity 0.2s; }
.simple-banner a:hover { opacity: 0.8; filter: alpha(opacity=80); }

/* CUSTOM FIXES TO APPLY TO THE OLD HP */
.cwgCCenter {display: none;}
.ctn-newsletter{display: block;}
.main-content .row {width: 1024px!important;}
html.newMenuV5 body.bodyClass.newMenuV5 { background: none; }
html.newMenuV5 body.bodyClass.newMenuV5 .alert_cookies { background: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 100;border-bottom: 1px solid #ccc;}
html.newMenuV5 body.bodyClass.newMenuV5 .inner-page, html.newMenuV5 body.bodyClass.newMenuV5 .inner-content { width: 1024px; display: block; margin-left: auto; margin-right: auto; float: none; text-align: center; }
html.newMenuV5 body.bodyClass.newMenuV5 .inner-page { margin-top: 0; }

body.bodyClass.newMenuV5 div#contentBox div.main-content { width: 1024px; margin: 0 auto; background-color: transparent; padding: 60px 0 0 0; }
body.bodyClass.newMenuV5 div#contentBox div.main-content .row { margin-bottom: 0; }
#about-cruising-menu { background-color: #1a6fb8!important; top: 30px; } 

/*.submitButton, .actionButton, .cruise-detail, .cruise-cta { display: inline-block; height: 40px; line-height: 40px; background: #ffca00; padding: 0 25px; font-size: 16px; text-decoration: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; border: 1px solid #c49a19; }
.submitButton span, .actionButton span, .cruise-detail span, .cruise-cta span { text-decoration: none; color: #1a6fb8; display: block; padding: 0; height: 40px; line-height: 40px; text-align: center; margin: 0; width: 100%; font-family: 'CelesteSansWeb-Bold'; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.outlined .submitButton, .outlined .actionButton, .outlined .cruise-detail, .outlined .cruise-cta { background: #1a6fb8; border: 1px solid #FFF; }
.outlined .submitButton span, .outlined .actionButton span, .outlined .cruise-detail span, .outlined .cruise-cta span { color: #FFF; }
*/
.ctn-form div.ctn-user a{margin-top:-25px!important;}
.actionButton, .cruise-detail { text-decoration: none; height: 30px; line-height: 30px; background: #1a6fb8; font-size: 12px; }
.actionButton span, .cruise-detail span { color: #1a6fb8; height: 30px; line-height: 30px; color: #FFF; }
.actionButton.big, .big.cruise-detail { height: 40px; line-height: 40px; }
.actionButton.big span, .big.cruise-detail span { height: 40px; line-height: 40px; font-size: 16px; }

.contact-cta-link { display: inline-block; color: #666666; padding-left: 60px; padding-top: 5px; padding-bottom: 5px; position: relative; top: -15px; background: url(/contents/GuidelinesV5/HP/css/bg/_common/icons/phone/big.png) 2% center no-repeat; font-size: 13px; }
.contact-cta-link > span { display: block; position: relative; }
.contact-cta-link .contact-text { top: 2px; font-size: 16px; color: #666666; font-weight: bold; }
.contact-cta-link .contact-number { color: #1a6fb8; font-size: 22px; font-weight: bold; position: relative; top: -1px; }

/*TOOLTIP*/
.tooltip-element { position: absolute; z-index: 6; left: -9999px; top: 0; background-color: #fff; padding: 3px; border: 1px solid #1a6fb8; margin-left: 0; margin-top: 20px; }
.tooltip-element p { margin: 0; padding: 2px; color: #333333; text-align: left; font-size: 10px; }

a.relevant-link { color: #00447c; text-decoration: none; }

a.submitButton:link, a.actionButton:link, a.cruise-detail:link, a.cruise-cta:link, a.submitButton:visited, a.actionButton:visited, a.cruise-detail:visited, a.cruise-cta:visited, a.submitButton:hover, a.actionButton:hover, a.cruise-detail:hover, a.cruise-cta:hover, a.submitButton:active, a.actionButton:active, a.cruise-detail:active, a.cruise-cta:active, a.contact-cta-link:link, a.contact-cta-link:visited, a.contact-cta-link:hover, a.contact-cta-link:active { text-decoration: none; }

.mobile-top-container { display: none; }


body.newMenuV5 .header, body.newMenuV5 .headerV4 { position: fixed; width: 1024px!important; left: 50%; top: 0; margin-left: -512px; line-height: 15px; z-index: 99; padding: 0 !important; background-color: #1a6fb8; }
body.newMenuV5 .header #header, body.newMenuV5 .headerV4 #header { width: 1024px; line-height: normal; }
body.newMenuV5 .header #header h1, body.newMenuV5 .headerV4 #header h1 { margin: 0; float: right; }
body.newMenuV5 .header #header h1.logo-wave, body.newMenuV5 .headerV4 #header h1.logo-wave { top: 0; right: 0; bottom: auto; left: auto; position: absolute; z-index: 3; width: 494px; height: 99px; overflow: hidden; }
body.newMenuV5 .header #header h1.logo-wave .logo-bg, body.newMenuV5 .headerV4 #header h1.logo-wave .logo-bg { position: relative; top: 0; left: 1px; }
body.newMenuV5 .header #header h1.logo-wave .logo-brand, body.newMenuV5 .headerV4 #header h1.logo-wave .logo-brand { top: 15px; right: auto; bottom: auto; left: 370px; position: absolute; z-index: 3; }
body.newMenuV5 .header #header h1.logo-wave .logo, body.newMenuV5 .headerV4 #header h1.logo-wave .logo { display: none; }
body.newMenuV5 .header #header .inner-row:before, body.newMenuV5 .header #header .inner-row:after, body.newMenuV5 .headerV4 #header .inner-row:before, body.newMenuV5 .headerV4 #header .inner-row:after { content: " "; display: table; }
body.newMenuV5 .header #header .inner-row:after, body.newMenuV5 .headerV4 #header .inner-row:after { clear: both; }
body.newMenuV5 .header div#header div.header-buttons {left: 0;}
body.newMenuV5 .header #header .header-buttons, body.newMenuV5 .headerV4 #header .header-buttons { position: absolute; top: auto; left: auto; right: auto; z-index: 10; }

.footer-new { position: relative; display: block; z-index: 4; }

div.page div.footer {display: block;}
.inner-container img { display: inline-block; position: relative; vertical-align: middle; margin-left: 10px; }

div > .ctn-newsletter {display: none;}

/*Slide*/
.slide-container { overflow: hidden; position: relative; z-index: 1; /*   & .text-container { 	background-image: url(/contents/GuidelinesV5/HP/css/bg/_common/interface/arrow/submit.png); } */ }

.slider { height: 455px; overflow: hidden; position: relative; width: 1024px; }
.slider#carousel { /*visibility: hidden;*/ }
.slider#carousel.visible { visibility: visible; background-color: #fff; }
.slider .navigation { position: absolute; display: block; top: 100px; width: 29px; height: 100%; z-index: 3; text-decoration: none; z-index: 5; }
.slider .navigation.prev { background: url(/contents/GuidelinesV5/HP/css/bg/_common/interface/static-navigation/prev.png) 0 0 no-repeat; left: 0; right: auto; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s; }
.slider .navigation.prev:hover { opacity: 0.2; filter: alpha(opacity=20); }
.slider .navigation.next { background: url(/contents/GuidelinesV5/HP/css/bg/_common/interface/static-navigation/next.png) 0 0 no-repeat; left: auto; right: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s; }
.slider .navigation.next:hover { opacity: 0.5; filter: alpha(opacity=50); }
.slider .item { text-align: center; display: none; z-index: 1; position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background-color: none; }
.slider .item:hover a.full-cta { opacity: 0.3; filter: alpha(opacity=30); }
.slider .item .visual-container.early-booking .offer-main-container { background: url(/contents/GuidelinesV5/HP/css/bg/_common/sections/02-visual/showcase/earlybooking-visual-title-small.png) no-repeat 0 0; padding: 45px 0 0 0; margin-top: 20px; }
.slider .item .visual-container.early-booking .offer-main-container .offer-price-container { top: -26px; }
.slider .item .visual-container.early-booking .offer-main-title h2 {padding-top: 0;}
.slider .item .visual-container.small-text {}
.slider .item .visual-container.all-inclusive .offer-main-container {background: url(/contents/GuidelinesV5/HP/css/bg/_common/sections/02-visual/showcase/all-inclusive-2.png) no-repeat 0 0;padding: 40px 0 0 0;margin-top: 20px;}
.slider .item .visual-container.all-inclusive .offer-main-container .offer-price-container { top: -40px; }
.slider .item .visual-container.all-inclusive .offer-main-title h2 {width: 364px; padding-top: 0;}
.slider .item .visual-container.all-inclusive .offer-main-title p {width: 364px;}
.slider .item .visual-container.all-inclusive .offer-main-title { margin-bottom: 0; }
.slider .item .visual-container.all-inclusive .offer-main-note { bottom: 6px; }
.slider .item .visual-container.early-booking .offer-main-title h2 {padding-top: 0;}
.slider .item .visual-container.diadema .offer-main-title h2 {padding-top: 0;}

.slider .item img, .slider .item:first-child { display: block; width: 1024px; }
.slider .item .price-strip { width: 1029px; height: 172px; cursor: pointer; background: url(/contents/GuidelinesV5/HP/css/bg/_common/sections/02-visual/showcase/wave/base.png) 0 0 no-repeat; top: 283px; right: 0; bottom: 0; left: -500px; position: absolute; z-index: 4; }
.slider .item .price-strip .offer-main-container { float: left; margin-left: 250px; margin-top: 41px; color: #FFF; font-size: 13px; width: 574px; }
.slider .item .price-strip .offer-main-title { text-align: left;}
.slider .item .price-strip .offer-main-title h2 { color: #ffca00; line-height: 22px; font-weight: normal; font-size: 24px; width: 260px; font-family: 'CelesteSansWeb-Bold'; padding-top: 10px; }
.slider .item .price-strip .offer-main-title h2 a { color: #ffca00; font-weight: bold; line-height: 22px; font-size: 24px; width: 340px; text-decoration: none;font-family: 'CelesteSansWeb-Bold'; }
.slider .item .price-strip .offer-main-title h3 { font-size: 16px; line-height: 16px; font-weight: normal; width: 260px; }
.slider .item .price-strip .offer-main-title p { font-size: 16px; line-height: 16px; font-weight: normal; width: 310px; padding: 6px 0;line-height: 1em!important;}
.slider .item .price-strip .offer-main-text { text-align: left; width: 400px; }
.slider .item .price-strip .offer-main-note { text-align: left; font-size: 10px; line-height: 1em; width: 400px; top: auto; right: auto; bottom: 10px; left: 250px; position: absolute; }
.slider .item .price-strip .offer-main-note a {text-decoration: none; color:#FFF; }


.slider .item .price-strip .offer-main-note .static {display: inline;}
.slider .item .price-strip .offer-main-note .system {display: none;}

.slider .item .price-strip .offer-main-cta { text-align: left; color: #ffca00; text-decoration: none; font-size: 16px; }
.slider .item .price-strip .offer-main-cta .double-arrow { display: inline-block; width: 15px; height: 7px; position: relative; background: url(/contents/GuidelinesV5/HP/css/bg/_common/interface/arrow/double.png) 0 0 no-repeat; }
.slider .item .price-strip .offer-price-container { text-align: center; width: 160px; height: 135px; padding: 28px 0 0; color: #114775; float: right; position: relative; top: -4px; background: url(/contents/GuidelinesV5/HP/css/bg/_common/sections/02-visual/showcase/sphere/base.png) top center no-repeat; }
.slider .item .price-strip .label-from { font-family: 'CelesteSansWeb-Bold'; font-size: 11px; line-height: 13px; display: block; }
.slider .item .price-strip .label-value, .slider .item .price-strip .best-price { font-family: 'CelesteSansWeb-Bold'; font-size: 24px; line-height: 40px; display: block; margin-top: 3px; position: relative;  }
.slider .item .price-strip .label-value { font-size: 28px;position: relative;left: 0px;top: 0px;font-size: 28px;}
.slider .item .price-strip .label-value.long-price, .slider .item .price-strip .long-price.best-price { font-size: 18px; }
.slider .item .price-strip .best-price { position: relative; left: -1px; letter-spacing: -1px; font-size: 40px; }
.slider .item .price-strip .best-price img { width: 25px; height: auto; position: relative; }
.slider .item .price-strip .best-price.long-price { font-size: 32px; }
.slider .item .price-strip .label-details { font-size: 11px; font-family: 'CelesteSansWeb-Bold'; display: block; width: 100%; text-align: center; }
.slider .item .visual-image { 
	position: relative; 
	top: 0; 
	left: 0; 
	/* Webkit for Chrome and Safari */ 
	-webkit-transform: scale(1, 1); 
	-webkit-transition-duration: 500ms; 
	-webkit-transition-timing-function: ease-out; 
	/* Webkit for Mozila Firefox */ 
	-moz-transform: scale(1, 1); 
	-moz-transition-duration: 500ms; 
	-moz-transition-timing-function: ease-out; 
	/* Webkit for IE( Version: 11, 10 ) */ 
	-ms-transform: scale(1, 1); 
	-ms-transition-duration: 500ms; 
	-ms-transition-timing-function: ease-out; 
	opacity: 1; 
	filter: opacity(alpha=100);
}
.desktop-version .slider .item:hover .visual-image { 
	/* Webkit for Chrome and Safari */ 
	-webkit-transform: scale(1.05, 1.05); 
	-webkit-transition-duration: 800ms; 
	-webkit-transition-timing-function: ease-out; 
	/* Webkit for Mozila Firefox */ 
	-moz-transform: scale(1.05, 1.05); 
	-moz-transition-duration: 800ms; 
	-moz-transition-timing-function: ease-out; 
	/* Webkit for IE( Version: 11, 10 ) */ 
	-ms-transform: scale(1.05, 1.05); 
	-ms-transition-duration: 800ms; 
	-ms-transition-timing-function: ease-out;
	opacity: .5; 
	filter: opacity(alpha=50);
}
.slider .item a.full-cta { background: url('/Style%20Library/B2C/Skin/gfx2/spacer.gif') no-repeat 0 0; top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 5; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.8s; -moz-transition: opacity 0.8s; -o-transition: opacity 0.8s; -ms-transition: opacity 0.8s; transition: opacity 0.8s; display: block;  }
.cruise-tips-container .slider .navigation.hidden {visibility: hidden;}
.cruise-tips-container .slider .navigation.next { background-image: url(/contents/GuidelinesV5/HP/css/bg/_common/interface/arrow/right-grey.png); background-color: #FFF; background-position: 10px 40%; top: 0; }
.cruise-tips-container .slider .navigation.prev { background-image: url(/contents/GuidelinesV5/HP/css/bg/_common/interface/arrow/left-grey.png); background-color: #FFF; background-position: 10px 40%; top: 0; }
.cruise-tips-container .slider .item img { display: block; margin-left: auto; margin-right: auto; float: none; text-align: center; width: 960px; }
.slider .pagination { position: absolute; text-align: center; left: 765px; top: 405px; float: left; z-index: 3; display: block; margin-left: auto; margin-right: auto; float: none; text-align: center; }
.slider .pagination#HPNavigationNav { display: block;width: 280px; left: 740px; }
.slider .pagination#HPNavigationNav.visible { display: block; }
.slider .pagination a { display: inline-block; width: 18px; height: 18px; margin: 0 4px; background-color: transparent; line-height: 500px; overflow: hidden; position: relative; -webkit-border-radius: 18px; border-radius: 18px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ border: 3px solid #FFF; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.slider .pagination a.active { background-color: #fff; width: 18px; height: 18px; border: none; }
.slider .pagination a { display: inline-block; width: 18px; height: 18px; margin: 0 4px; background-color: transparent; line-height: 500px; overflow: hidden; position: relative; -webkit-border-radius: 18px; border-radius: 18px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ border: 3px solid #FFF; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; cursor: pointer; }
.slider .pagination a.active { background-color: #fff; width: 18px; height: 18px; border: none; }
.slider .static-pagination { position: absolute; float: left; z-index: 3; text-decoration: none; display: block; margin-left: auto; margin-right: auto; float: none; text-align: center; }
.slider .static-pagination a { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.slider .static-pagination a.active { font-size: 20px; color: #857c79; }
.slider .static-pagination a.active-siblings {  }
.slider#carouse2 .navigation { top: 120px;  z-index: 5;}
.slider#carouse3 .visual-container { background-color: #ffde81; height: 355px; }

body.newMenuV5 .counter-wrapper a.clickable-link {display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}

.destinations-container { background-color: #FFF; }
.destinations-container .slider { height: 412px; }
.destinations-container .slider .item { top: 67px; }
.destinations-container .static-pagination { width: 100%; height: 67px; text-align: center; padding-top: 8px; }
.destinations-container .static-pagination a { text-transform: uppercase; text-decoration: none; color: #c8c3c2; }
.destinations-container .static-pagination a span { padding: 0 10px; }
.destinations-container .visual-container { width: 1030px; }
.destinations-container .single-destination { float: left; width: 342px; height: 342px; position: relative; z-index: 5; overflow: hidden; margin: 0; padding: 0; cursor: pointer; }
.destinations-container .single-destination > img { display: block; width: 342px; height: 342px; }
.destinations-container .single-destination > span { top: 342px; right: 0; bottom: 0; left: 0; position: absolute; z-index: 999999; }
.destinations-container .single-destination > span img { display: block; width: 334px; height: 334px; position: relative; left: 3px; top: 3px; }
.destinations-container .single-destination > em { top: 245px; right: 0; bottom: 0; left: 0; position: absolute; z-index: 999999; }
.destinations-container .single-destination > em img { display: block; width: 334px; height: 89px; position: relative; left: 3px; top: 3px; }

.slider#carouse3 { color: #857c79; font-size: 16px; background: url(/contents/GuidelinesV5/HP/css/bg/_common/interface/loader/base-loader.gif) center 40% no-repeat; }
.slider#carouse3 .visual-container { text-align: left; height: 355px; width: 960px; position: relative; border: none; display: block; margin-left: auto; margin-right: auto; float: none; text-align: center; }
.slider#carouse3 .visual-container .go-to-reviews { top: 0; right: 0; bottom: 0; left: 0; position: absolute; display: block; text-decoration: none; z-index: 1; background-color: #fff; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s; }
.slider#carouse3 .visual-container .go-to-reviews:hover { opacity: 0.2; filter: alpha(opacity=20); }
.slider#carouse3 .visual-container img.interlude { display: block; margin-left: auto; margin-right: auto; float: none; text-align: center; width: 94px; height: 9px; margin-top: 10px; margin-bottom: 10px; }
.slider#carouse3 .visual-container .images-container { width: 656px; height: 356px; float: left; position: relative; background: url(/contents/GuidelinesV5/HP/css/bg/_common/interface/loader/creamy-loader.gif) center no-repeat; }
.slider#carouse3 .visual-container .img-destination { display: block; width: 656px; height: 356px; }
.slider#carouse3 .visual-container .img-ship { display: block; width: 188px; height: 188px; margin-top: -94px; top: 50%; right: 0; bottom: auto; left: 0; position: absolute; }
.slider#carouse3 .visual-container .text-container { float: left; width: 304px; padding: 24px 16px; height: 356px; position: relative; }
.slider#carouse3 .visual-container .intro { margin-bottom: 25px; min-height: 50px; }
.slider#carouse3 .visual-container .intro .title, .slider#carouse3 .visual-container .intro .destination { font-size: 16px; font-weight: normal; display: block; text-align: left; }
.slider#carouse3 .visual-container .reviews p { color: #114775; font-size: 23px; line-height: 23px; font-family: 'CelesteSansWeb-Ita'; min-height: 105px; margin-top: 24px; }
.slider#carouse3 .visual-container .outro { top: auto; right: auto; bottom: 15px; left: auto; position: absolute; }
.slider#carouse3 .visual-container .outro .ship, .slider#carouse3 .visual-container .outro .author { font-size: 16px; font-weight: normal; display: block; text-align: left; }

.slider#carouse3 .visual-container .outro .vote-number-1 {background: transparent url(/contents/GuidelinesV5/HP/css/bg/_common/interface/reviews/star-rating.png) 0 -20px no-repeat; width: 96px; height: 18px; margin-top: 4px;}
.slider#carouse3 .visual-container .outro .vote-number-2 {background: transparent url(/contents/GuidelinesV5/HP/css/bg/_common/interface/reviews/star-rating.png) 0 -40px no-repeat; width: 96px; height: 18px; margin-top: 4px;}
.slider#carouse3 .visual-container .outro .vote-number-3 {background: transparent url(/contents/GuidelinesV5/HP/css/bg/_common/interface/reviews/star-rating.png) 0 -60px no-repeat; width: 96px; height: 18px; margin-top: 4px;}
.slider#carouse3 .visual-container .outro .vote-number-4 {background: transparent url(/contents/GuidelinesV5/HP/css/bg/_common/interface/reviews/star-rating.png) 0 -80px no-repeat; width: 96px; height: 18px; margin-top: 4px;}
.slider#carouse3 .visual-container .outro .vote-number-5 {background: transparent url(/contents/GuidelinesV5/HP/css/bg/_common/interface/reviews/star-rating.png) 0 -100px no-repeat; width: 96px; height: 18px; margin-top: 4px;}

/*Slide*/
.slide-container { overflow: hidden; position: relative; z-index: 1; /*   & .text-container { 	background-image: url(/contents/GuidelinesV5/HP/css/bg/_common/interface/arrow/submit.png); } */ }

.all-destinations { display: none; }

.slider { height: 455px; overflow: hidden; position: relative; width: 1024px; }
.slider .navigation { position: absolute; display: block; top: 100px; width: 29px; height: 100%; z-index: 3; text-decoration: none; }
.slider .navigation.prev { background: url(/contents/GuidelinesV5/HP/css/bg/_common/interface/static-navigation/prev.png) 0 0 no-repeat; left: 0; right: auto; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s; }
.slider .navigation.prev:hover { opacity: 0.2; filter: alpha(opacity=20); }
.slider .navigation.next { background: url(/contents/GuidelinesV5/HP/css/bg/_common/interface/static-navigation/next.png) 0 0 no-repeat; left: auto; right: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s; }
.slider .navigation.next:hover { opacity: 0.5; filter: alpha(opacity=50); }
.slider .item { text-align: center; display: none; z-index: 1; position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background-color: none; }
.slider .item:hover a.full-cta { opacity: 0.3; filter: alpha(opacity=30); }
.slider .item img, .slider .item:first-child { display: block; width: 1024px; }
.slider .item .price-strip { width: 1029px; height: 172px; cursor: pointer; top: 284px; right: 0; bottom: 0; left: -500px; position: absolute; z-index: 4; }
.slider .item .price-strip img { display: block; width: 1029px; height: 172px; }
.cruise-tips-container .slider .navigation.next { background-image: url(/contents/GuidelinesV5/HP/css/bg/_common/interface/arrow/right-grey.png); background-color: #FFF; background-position: 10px 40%; top: 0; }
.cruise-tips-container .slider .navigation.prev { background-image: url(/contents/GuidelinesV5/HP/css/bg/_common/interface/arrow/left-grey.png); background-color: #FFF; background-position: 10px 40%; top: 0; }
.cruise-tips-container .slider .item img { display: block; margin-left: auto; margin-right: auto; float: none; text-align: center; width: 960px; }
.slider .pagination { position: absolute; text-align: center; left: 765px; top: 405px; float: left; z-index: 3; display: block; margin-left: auto; margin-right: auto; float: none; text-align: center; }
.slider .pagination a { display: inline-block; width: 18px; height: 18px; margin: 0 4px; background-color: transparent; line-height: 500px; overflow: hidden; position: relative; -webkit-border-radius: 18px; border-radius: 18px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ border: 3px solid #FFF; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.slider .pagination a.active { background-color: #fff; width: 18px; height: 18px; border: none; }
.slider .pagination a { -webkit-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.25);-moz-box-shadow:0px 0px 12px 0px rgba(50, 50, 50, 0.25);box-shadow:0px 0px 12px 0px rgba(50, 50, 50, 0.25); display: inline-block; width: 18px; height: 18px; margin: 0 4px; background-color: transparent; line-height: 500px; overflow: hidden; position: relative; -webkit-border-radius: 18px; border-radius: 18px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ border: 3px solid #FFF; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; cursor: pointer; }
.slider .pagination a.active { background-color: #fff; width: 18px; height: 18px; border: none; }
.slider .static-pagination { position: absolute; float: left; z-index: 3; text-decoration: none; display: block; margin-left: auto; margin-right: auto; float: none; text-align: center; }
.slider .static-pagination a { font-size: 14px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.slider .static-pagination a.active { font-size: 20px; color: #857c79; }
.slider#carouse2 .navigation { top: 120px; }

.destinations-container { background-color: #FFF; }
.destinations-container .slider { height: 395px; background: #FFF url(/contents/GuidelinesV5/HP/css/bg/_common/interface/loader/base-loader.gif) center 45% no-repeat; }
.destinations-container .slider .item { top: 50px; }
.destinations-container .static-pagination { width: 100%; height: 50px; text-align: center; padding-top: 3px; }
.destinations-container .static-pagination a { text-transform: uppercase; text-decoration: none; color: #c8c3c2; padding: 0 10px; }
.destinations-container .visual-container { width: 1024px; }
.destinations-container .single-destination { float: left; width: 342px; height: 342px; position: relative; z-index: 5; overflow: hidden; margin: 0; padding: 0; cursor: pointer; /*    &.huge-information { span.moving-container { > img { width: 160px; height: 160px; } } }*/ }
.destinations-container .single-destination.single-destination + div.single-destination { width: 341px; }
.destinations-container .single-destination > p { top: 10px; right: auto; bottom: auto; left: 150px; position: absolute; color: #FFFFFF; font-size: 55px; font-weight: bold; }
.destinations-container .single-destination > img { display: block; width: 342px; height: 342px; }
.destinations-container .single-destination .price { color: #1a6fb8; }
.destinations-container .single-destination .moving-container { padding: 15px; z-index: 2; display: block; width: 331px; }
.destinations-container .single-destination > em.moving-container { top: auto; right: 0; bottom: 5px; left: 5px; position: absolute; background: url(/contents/GuidelinesV5/HP/css/bg/_common/oapcity/white-90p.png) 0 0; padding-bottom: 7px; }
.destinations-container .single-destination > em.moving-container .destination-main-info { font-size: 19px; }
.destinations-container .single-destination > em.moving-container .destination-main-info .destination-title { font-size: 20px; padding-top: 10px; padding-bottom: 8px; }
.destinations-container .single-destination > em.moving-container .destination-main-info .destination-price-from { position: static; }
.destinations-container .single-destination > em.moving-container .destination-main-info .price { position: static; margin-left: 5px; }
.destinations-container .single-destination > em.moving-container .destination-main-info .destination-price-details { position: static; }
.destinations-container .single-destination > em.moving-container .note { position: static; padding-top: 7px; }

.destinations-container .single-destination .note .static {display: inline}
.destinations-container .single-destination .note .system {display: none}

.destinations-container .single-destination > span.moving-container { top: 342px; right: 0; bottom: 0; left: 5px; position: absolute; background: url(/contents/GuidelinesV5/HP/css/bg/_common/oapcity/white-90p.png) 0 0; height: 332px; }
.destinations-container .single-destination > span.moving-container img { display: block; margin-left: auto; margin-right: auto; float: none; text-align: center; width: 235px; height: 235px; position: relative; margin-bottom: 0; top: -5px; background: url(/B2C/PublishingImages/Root/HP/guidelines2015/_common/interface/loader/base-loader.gif) center no-repeat; }
.destinations-container .single-destination > span.moving-container .destination-main-info { background: url(/contents/GuidelinesV5/HP/css/bg/_common/interface/arrow/right-circle-medium.png) right 0 no-repeat; position: relative; top: 3px; text-align: left; }
.destinations-container .single-destination .note { line-height: 12px; display: block; font-style: normal; font-size: 9px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #857c79; position: relative; top: 0; }
.destinations-container .single-destination .note a {color: #857c79; text-decoration: none;}
.destinations-container .single-destination .destination-main-info { display: block; width: 100%; color: #1a6fb8; font-size: 16px; line-height: normal; margin-bottom: 0; font-style: italic; }
.destinations-container .single-destination .destination-main-info .price { font-size: 23px; font-style: normal; font-family: 'CelesteSansWeb-Bold'; line-height: 30px; margin-left: 5px; position: relative; top: -7px; }
.destinations-container .single-destination .destination-main-info .price > img { width: 20px; height: 20px; position: relative; display: inline-block; }
.destinations-container .single-destination .destination-title { display: block; text-transform: uppercase; font-size: 14px; line-height: 20px; font-style: italic; }
.destinations-container .single-destination .destination-price-from { position: relative; top: -7px; }
.destinations-container .single-destination .destination-price-details { position: relative; top: -7px; }

/*hide elements to debug */
.section, .header, .footer, #footer { display: block; }

.banner-static {margin-top: 20px;}
.banner-static h3 {text-align: center;color: #1960A1;font-style: italic;margin-bottom: 5px;}

.vacation-ideas-container { display: block; background-color: #fff; }
.vacation-ideas-container .slider { height: 300px; }
.vacation-ideas-container .navigation { position: absolute; top: 20px; z-index: 99; text-decoration: none; height: 130px; width: 70px; text-decoration: none; display: block; color: transparent; margin-top: 36px; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s; }
.vacation-ideas-container .navigation:hover { opacity: 0.2; filter: alpha(opacity=20); }
.vacation-ideas-container .navigation.prev { background: url(/contents/GuidelinesV5/HP/css/bg/_common/interface/arrow/left.png) center center no-repeat; left: 0; right: auto; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s; }
.vacation-ideas-container .navigation.prev:hover { opacity: 0.2; filter: alpha(opacity=20); }
.vacation-ideas-container .navigation.next { background: url(/contents/GuidelinesV5/HP/css/bg/_common/interface/arrow/right.png) center center no-repeat; left: auto; right: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s; }
.vacation-ideas-container .navigation.next:hover { opacity: 0.5; filter: alpha(opacity=50); }
.vacation-ideas-container .item > div { width: 880px; margin: 0 auto; }
.vacation-ideas-container .item > div:before, .vacation-ideas-container .item > div:after { content: " "; display: table; }
.vacation-ideas-container .item > div:after { clear: both; }
.vacation-ideas-container .item > div .inner-row:before, .vacation-ideas-container .item > div .inner-row:after { content: " "; display: table; }
.vacation-ideas-container .item > div .inner-row:after { clear: both; }
.vacation-ideas-container .item > div .inner-row .useful-link-box { position: relative; }
.vacation-ideas-container .item > div .inner-row .useful-link-box:hover > img { width: 150px; top: -8px; }
.vacation-ideas-container .item > div .inner-row .useful-link-box img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; display: block; margin-left: auto; margin-right: auto; float: none; text-align: center; margin-bottom: -4px; cursor: pointer; cursor: hand; border: 0px; position: relative; top: 0; width: 138px; }
.vacation-ideas-container .item > div .inner-row .useful-link-box img:hover { width: 150px; top: -8px; }
.vacation-ideas-container .item > div .inner-row .useful-link-box h2 { display: block; text-transform: uppercase; width: 75%; color: #1a6fb8; font-style: italic; padding-top: 11px; font-size: 13px; padding-bottom: 11px; min-height: 55px; line-height: normal; display: block; margin-left: auto; margin-right: auto; float: none; text-align: center; }
.vacation-ideas-container .item > div .inner-row .useful-link-box h2 .lowercase { text-transform: lowercase; }
.vacation-ideas-container .item > div .inner-row .useful-link-box .hover-box { display: none; }
.vacation-ideas-container .item > div .inner-row .useful-link-box .hover-box-text { display: block; margin-left: auto; margin-right: auto; float: none; text-align: center; }
.vacation-ideas-container .item > div .inner-row .useful-link-box .hover-box-text p { display: block; margin-left: auto; margin-right: auto; float: none; text-align: center; }
.vacation-ideas-container .item > div .inner-row .useful-link-box .useful-link-box-text { position: absolute; top: 140px; font-size: 14px; right: 0; left: 0; }
.vacation-ideas-container .item > div .inner-row .useful-link-box .useful-link-box-text p { color: #857c79; width: 75%; margin: 0; padding: 0; display: block; margin-left: auto; margin-right: auto; float: none; text-align: center; }
.vacation-ideas-container .item > div .inner-row .useful-link-box .big-link {background: url('/Style%20Library/B2C/Skin/gfx2/spacer.gif') no-repeat 0 0; top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 5 }
.vacation-ideas-container .item > div .inner-row .useful-link-box .big-link span { margin: -1px; padding: 0; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip: rect(0, 0, 0, 0); position: absolute; line-height: 1px; }
.vacation-ideas-container .item .navigation.prev, .vacation-ideas-container .item .navigation.next { display: none; }

.useful-links-wrapper { /*CUSTOM CLASS IN THE WEBPART SETTINGS*/ }
.useful-links-wrapper.single-vacation-ideas { width: 100%; }
.useful-links-wrapper .useful-link-box { float: left; width: 25%; text-align: center; padding: 0px; margin: 0; margin-top: 32px; height: 300px; background: #FFF; }
.useful-links-wrapper.three-column .useful-link-box { width: 33.33333%; }
.useful-links-wrapper.two-column .useful-link-box { width: 50%; }

.slider-container { position: relative; }
.slider-container .slider-wrapper { *zoom: 1; position: relative; overflow: hidden; margin-bottom: 30px; width: 100%; }
.slider-container .slider-wrapper:before { content: ""; display: table; }
.slider-container .slider-wrapper:after { content: ""; display: table; clear: both; }
.slider-container .slider-elements { overflow: hidden; }
.slider-container .slider-element { float: left; }
.slider-container .slider-element img { width: 100%; height: auto; display: block; float: right; }
.slider-container .slider-element:first-child { margin-left: 0; }
.slider-container .slider-element .slider-element-content { padding-top: 10px; width: 100%; float: right; position: relative; }
.slider-container .slider-element .slider-element-content h4 { color: #81bd01; font-family: 'Lato', sans-serif; text-transform: uppercase; font-weight: 900; width: 60%; height: 40px; line-height: 16px; }
.slider-container .slider-element .slider-element-content p { font-style: italic; font-size: 12px; }
.slider-container a.navigation { display: block; width: 39px; height: 187px; top: 50px; text-decoration: none; }
.slider-container a.navigation.prev { position: absolute; background: url(/contents/GuidelinesV5/HP/css/bg/_common/interface/static-navigation/prev.png) 0 0 no-repeat; left: 0; right: auto; z-index: 6; }
.slider-container a.navigation.next { position: absolute; background: url(/contents/GuidelinesV5/HP/css/bg/_common/interface/static-navigation/next.png) right 0 no-repeat; left: auto; right: 0; z-index: 6; }

a.bordered-cta { box-sizing: border-box; -moz-box-sizing: border-box; position: absolute; top: 10px; left: auto; bottom: auto; right: 5px; display: inline-block; color: #81bd01; text-decoration: none; border: 1px solid #81bd01; padding: 7px 9px; border-radius: 20px; /* behavior: url('http://appscol.vmlmilano.it/danone/danacol/PIE.htc'); */ font: 13px / 1em "Lato", serif; transition: 0.2s; height: 30px; }

.scroller-container { width: 1024px; background-color: #fff; }
.scroller-container:before, .scroller-container:after { content: " "; display: table; }
.scroller-container:after { clear: both; }

.scroller-inner { float: left; /* important for inline positioning */ width: 880px; /* important (this width = width of list item(including margin) * items shown */ overflow: hidden; /* important (hide the items outside the div) */ /* non-important styling bellow */ }

.scroller-ul { position: relative; left: -220px; float: left; /* important (this should be negative number of list items width(including margin) */ list-style-type: none; /* removing the default styling for unordered list items */ margin: 0px; padding: 0px; width: 9999px; /* important */ /* non-important styling bellow */ padding-bottom: 7px; }
.scroller-ul li { float: left; /* important for inline positioning of the list items */ width: 220px; /* fixed width, important */ /* just styling bellow*/ text-align: center; padding: 0px; margin: 0; margin-top: 32px; height: 300px; background: #FFF; }
.scroller-ul li > div { height: 138px; }
.scroller-ul li > b { display: block; text-transform: uppercase; width: 75%; color: #1a6fb8; font-style: italic; padding-top: 11px; font-size: 13px; padding-bottom: 15px; display: block; margin-left: auto; margin-right: auto; float: none; text-align: center; }
.scroller-ul li p { width: 75%; margin: 0; padding: 0; display: block; margin-left: auto; margin-right: auto; float: none; text-align: center; }
.scroller-ul li img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; margin-bottom: -4px; cursor: pointer; cursor: hand; border: 0px; position: relative; top: 0; width: 138px; }
.scroller-ul li img:hover { width: 150px; top: -8px; }

.left-scroll, .right-scroll { float: left; height: 130px; width: 70px; text-decoration: none; display: block; color: transparent; margin-top: 36px; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s; }
.left-scroll:hover, .right-scroll:hover { opacity: 0.2; filter: alpha(opacity=20); }

.left-scroll { background: url(/contents/GuidelinesV5/HP/css/bg/_common/interface/arrow/left.png) center center no-repeat; margin-left: 3px; }

.right-scroll { background: url(/contents/GuidelinesV5/HP/css/bg/_common/interface/arrow/right.png) center center no-repeat; }
/**/
body.newMenuV5 { /*.header ul.main-menu > li.active {padding-bottom: 12px;border-bottom: 2px solid #666666;}*/ }
body.newMenuV5 .header div#header ul.main-menu, body.newMenuV5 .headerV4 div#header ul.main-menu { margin: 0; width: 800px !important; padding-top: 10px !important; background: none; line-height: normal; position: relative; z-index: 10000; height: 33px; font-size: 12px; top: auto; margin-top: 39px; float: none; }
body.newMenuV5 .header div#header ul.main-menu:before, body.newMenuV5 .header div#header ul.main-menu:after, body.newMenuV5 .headerV4 div#header ul.main-menu:before, body.newMenuV5 .headerV4 div#header ul.main-menu:after { content: " "; display: table; }
body.newMenuV5 .header div#header ul.main-menu:after, body.newMenuV5 .headerV4 div#header ul.main-menu:after { clear: both; }
body.newMenuV5 .header div#header ul.main-menu > li, body.newMenuV5 .headerV4 div#header ul.main-menu > li { display: inline-block; padding: 0 !important; float: left; margin: 0; line-height: normal !important; }
body.newMenuV5 .header div#header ul.main-menu-top, body.newMenuV5 .headerV4 div#header ul.main-menu-top { top: 0; right: auto; bottom: auto; left: 0; position: absolute; background-color: #FFFFFF; height: 39px; padding: 5px 0 0 10px; width: 900px; }
body.newMenuV5 .header div#header ul.main-menu-top.with-login, body.newMenuV5 .headerV4 div#header ul.main-menu-top.with-login { left: 215px; margin-left: 0; padding-left: 10px; width: 805px; }
body.newMenuV5 .header div#header ul.main-menu-top.with-login li.MyCosta.social-login, body.newMenuV5 .headerV4 div#header ul.main-menu-top.with-login li.MyCosta.social-login { width: 70px; }
body.newMenuV5 .header div#header ul.main-menu-top > li, body.newMenuV5 .headerV4 div#header ul.main-menu-top > li { display: block; padding: 0 !important; float: left; margin: 0 20px 0 0; line-height: normal !important; border: none; height: auto !important; }
body.newMenuV5 .header div#header ul.main-menu-top > li span, body.newMenuV5 .headerV4 div#header ul.main-menu-top > li span { display: inline; }
body.newMenuV5 .header div#header ul.main-menu-top > li span.btn-social-login, body.newMenuV5 .headerV4 div#header ul.main-menu-top > li span.btn-social-login { display: block; margin: 7px 0 0 7px; }
body.newMenuV5 .header div#header ul.main-menu-top > li span.btn-social-login.facebook, body.newMenuV5 .headerV4 div#header ul.main-menu-top > li span.btn-social-login.facebook { background: url(/contents/GuidelinesV5/HP/css/bg/_common/icons/social/menu/facebook.png) no-repeat 0 0; }
body.newMenuV5 .header div#header ul.main-menu-top > li span.btn-social-login.twitter, body.newMenuV5 .headerV4 div#header ul.main-menu-top > li span.btn-social-login.twitter { background: url(/contents/GuidelinesV5/HP/css/bg/_common/icons/social/menu/twitter.png) no-repeat 0 0; }
body.newMenuV5 .header div#header ul.main-menu-top > li span.btn-social-login.gplus, body.newMenuV5 .headerV4 div#header ul.main-menu-top > li span.btn-social-login.gplus { background: url(/contents/GuidelinesV5/HP/css/bg/_common/icons/social/menu/google.png) no-repeat 0 0; }
body.newMenuV5 li.Newsletter { border-right: none !important; }
/**/
body.newMenuV5 .header div#header ul.main-menu > li.active a, body.newMenuV5 .headerV4 div#header ul.main-menu > li.active a { background-color: #1a6fb8; color: #ffcc00; }
body.newMenuV5 .header div#header ul.main-menu > li a, body.newMenuV5 .headerV4 div#header ul.main-menu > li a { background: none; font-family: 'CelesteSansWeb-Bold'; padding: 12px 8px 8px; font-size: 12px; margin: 0 3px 0 0; color: #fff; text-decoration: none; line-height: 18px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; text-transform: uppercase; }
body.newMenuV5 .header div#header ul.main-menu.small-font > li a, body.newMenuV5 .headerV4 div#header ul.main-menu.small-font > li a {font-size: 11px;}
body.newMenuV5 .header div#header ul.main-menu-top > li a, body.newMenuV5 .headerV4 div#header ul.main-menu-top > li a { font-weight: normal; padding: 7px; font-size: 11px; margin: 0 3px 0 0; color: #97928d; text-decoration: none; height: auto; line-height: 11px; display: block; padding: 10px 0; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; text-transform: uppercase; }
body.newMenuV5 .header div#header ul.main-menu-top > li a:hover, body.newMenuV5 .headerV4 div#header ul.main-menu-top > li a:hover { color: #97928d; }
body.newMenuV5 .header div#header div.main-menu-box, body.newMenuV5 .headerV4 div#header div.main-menu-box { width: 100%; height: 200px; position: absolute; left: 0; z-index: 10; background: #ffffff; display: none; text-align: left; }
body.newMenuV5 .header div#header div.main-menu-box > div, body.newMenuV5 .headerV4 div#header div.main-menu-box > div { display: none; padding: 20px; }
body.newMenuV5 .header div#header ul.main-menu-top > li a, body.newMenuV5 .headerV4 div#header ul.main-menu-top > li a { -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s; }
body.newMenuV5 .header div#header ul.main-menu-top > li a:hover, body.newMenuV5 .header div#header ul.main-menu-top > li a.hovered, body.newMenuV5 .headerV4 div#header ul.main-menu-top > li a:hover, body.newMenuV5 .headerV4 div#header ul.main-menu-top > li a.hovered { color: #ffcc00; }
body.newMenuV5 .header div#header ul.main-menu-top > li.Newsletter a, body.newMenuV5 .headerV4 div#header ul.main-menu-top > li.Newsletter a { background: url(/contents/GuidelinesV5/HP/css/bg/_common/icons/mail/small-grey.png) no-repeat left center; padding-left: 20px; }
body.newMenuV5 .header div#header ul.main-menu-top > li.WebCheckin a, body.newMenuV5 .headerV4 div#header ul.main-menu-top > li.WebCheckin a { background: url(/contents/GuidelinesV5/HP/css/bg/_common/icons/checkin/small-grey.png) no-repeat left center; padding-left: 20px; }
body.newMenuV5 .header div#header ul.main-menu-top > li.MyCosta a, body.newMenuV5 .headerV4 div#header ul.main-menu-top > li.MyCosta a { background: url(/contents/GuidelinesV5/HP/css/bg/_common/icons/user/small.png) no-repeat left center; padding-left: 20px; display: block; float: left; }
body.newMenuV5 .header div#header ul.main-menu > li a:hover, body.newMenuV5 .header div#header ul.main-menu > li a.hovered, body.newMenuV5 .headerV4 div#header ul.main-menu > li a:hover, body.newMenuV5 .headerV4 div#header ul.main-menu > li a.hovered { color: #ffcc00; }
body.newMenuV5 .header div#header div.main-menu-box, body.newMenuV5 .headerV4 div#header div.main-menu-box { background: #1a6fb8; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 200px; position: absolute; color: #FFF; font-size: 12px; float: left; left: 0; z-index: 10; display: none; text-align: left; z-index: 9999; top: 72px !important; }
body.newMenuV5 .header div#header div.main-menu-box.with-bg, body.newMenuV5 .headerV4 div#header div.main-menu-box.with-bg { background: #1a6fb8 url(/contents/GuidelinesV5/HP/css/bg/_common/sections/01-header/logo.png) right -72px no-repeat; height: 220px; }
body.newMenuV5 .header div#header div.main-menu-box.with-bg > div, body.newMenuV5 .headerV4 div#header div.main-menu-box.with-bg > div { margin-top: 20px; }
body.newMenuV5 .header div#header div.main-menu-box p, body.newMenuV5 .headerV4 div#header div.main-menu-box p { color: #FFF; font-size: 12px; }
body.newMenuV5 .header div#header div.main-menu-box > div, body.newMenuV5 .headerV4 div#header div.main-menu-box > div { display: none; padding: 20px; float: left; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column { width: 20%; float: left; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column + div.column, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column + div.column { border-left: 1px solid #408ce1; padding: 0 5px 0 15px; height: auto; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column + div.column.borderless, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column + div.column.borderless { border-left: none; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column span, body.newMenuV5 .header div#header div.main-menu-box > div div.column a, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column span, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column a { color: #8EC5FF; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column b.special-offert-box-title, body.newMenuV5 .header div#header div.main-menu-box > div div.column b.neo-collection-ships-title, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column b.special-offert-box-title, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column b.neo-collection-ships-title { color: #8EC5FF; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column b.special-offert-box-title, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column b.special-offert-box-title { display: block; text-transform: uppercase; margin-bottom: 15px; font-weight: normal; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column b.special-offert-box-title.small, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column b.special-offert-box-title.small { font-size: 11px; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column span, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column span { font-size: 16px; font-weight: bold; margin: 0 0 15px 0; padding: 0; line-height: 20px; text-transform: uppercase; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column p, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column p { margin: 0; padding: 0; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column a, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column a { text-decoration: none; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column a.go-to-all, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column a.go-to-all { display: inline-block; padding: 3px 0 0 0; font-size: 11px; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column a:hover, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column a:hover { text-decoration: underline; color: #abd3f6; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column img.column-hero, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column img.column-hero { display: block; border: 1px solid #FFF; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column img.column-hero.padded, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column img.column-hero.padded { margin-bottom: 8px; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column ul.site-sections, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column ul.site-sections { margin: 0; padding: 0; list-style: none; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column ul.site-sections li, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column ul.site-sections li { margin: 0 0 4px 0; padding: 0; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column ul.site-sections.small li, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column ul.site-sections.small li { font-size: 11px; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column ul.site-sections a, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column ul.site-sections a { height: auto; display: block; color: #FFF; text-decoration: none; text-transform: none; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column ul.site-sections li.subhome a {height: auto;}
body.newMenuV5 .header div#header div.main-menu-box > div div.column ul.site-sections a i, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column ul.site-sections a i { text-transform: none; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column ul.site-sections a:hover, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column ul.site-sections a:hover { opacity: 0.6; filter: alpha(opacity=60); text-decoration: none; color: #abd3f6; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column ul.site-sections a:hover span, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column ul.site-sections a:hover span { text-decoration: none; color: #abd3f6; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column ul.site-sections a span, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column ul.site-sections a span { text-transform: none; font-weight: normal; color: #FFF; font-size: 12px; line-height: normal; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column div.special-offert-box, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column div.special-offert-box { text-align: center; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column div.special-offert-box b.special-offert-box-title, body.newMenuV5 .header div#header div.main-menu-box > div div.column div.special-offert-box img.special-offert-box-img, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column div.special-offert-box b.special-offert-box-title, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column div.special-offert-box img.special-offert-box-img { display: block; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column div.special-offert-box b.special-offert-box-title, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column div.special-offert-box b.special-offert-box-title { margin-bottom: 15px; font-weight: normal; text-transform: uppercase; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column div.special-offert-box img.special-offert-box-img, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column div.special-offert-box img.special-offert-box-img { margin: 0 auto; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column div.special-offert-box.title-left b.special-offert-box-title, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column div.special-offert-box.title-left b.special-offert-box-title { text-align: left; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column b.neo-collection-ships-title, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column b.neo-collection-ships-title { margin-bottom: 15px; font-weight: normal; display: block; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column b.neo-collection-ships-title > img, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column b.neo-collection-ships-title > img { vertical-align: text-bottom; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column .hero-container > a, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column .hero-container > a { display: block; color: #FFF; text-transform: uppercase; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column .hero-container > a img, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column .hero-container > a img { margin-bottom: 10px; display: block; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column .hero-container > a b, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column .hero-container > a b { font-weight: normal; }
body.newMenuV5 .header div#header div.main-menu-box > div div.column .hero-container > a:hover, body.newMenuV5 .headerV4 div#header div.main-menu-box > div div.column .hero-container > a:hover { text-decoration: none; color: #abd3f6; }
body.newMenuV5 #contact-bar { display: block!important;height: 0;overflow: hidden; width: 0;}

.news-strip { width: 1024px; background-color: #fff; overflow: hidden; }
.news-strip:before, .news-strip:after { content: " "; display: table; }
.news-strip:after { clear: both; }
.news-strip .wrapper { width: 1103px; float: left; }
.news-strip .wrapper > div { float: left; width: 31%; position: relative; overflow: hidden; }
.news-strip .wrapper > div em { position: absolute; top: 253px; left: 4px; width: 333px; height: 195px; }
.news-strip .wrapper > div > a { top: 0; right: 0; bottom: 0; left: 0; position: absolute; text-decoration: none; color: #FFF; }
.news-strip .wrapper > div img { width: 100%; display: block; }
.news-strip h3 { width: 100%; text-align: center; color: #1a6fb8; font-style: italic; height: 48px; line-height: 61px; }


.express-booking {display: none!important;}
/* NEW CODE FOR THE NEWS-STRIP IN THE WEBPARTS */
.news-strip-container { display: none; background-color: #fff; margin-top: 36px;}
.news-strip-container .useful-links-wrapper .useful-link-box { margin-top: 10px; }
.news-strip-container .slider { height: 300px; }
.news-strip-container .navigation { display: none; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s; }
.news-strip-container .navigation:hover { opacity: 0.2; filter: alpha(opacity=20); }
.news-strip-container .navigation.prev { background: url(/contents/GuidelinesV5/HP/css/bg/_common/interface/arrow/left.png) center center no-repeat; left: 0; right: auto; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s; }
.news-strip-container .navigation.prev:hover { opacity: 0.2; filter: alpha(opacity=20); }
.news-strip-container .navigation.next { background: url(/contents/GuidelinesV5/HP/css/bg/_common/interface/arrow/right.png) center center no-repeat; left: auto; right: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s; }
.news-strip-container .navigation.next:hover { opacity: 0.5; filter: alpha(opacity=50); }
.news-strip-container > div { width: 100%; margin: 0 auto; }
.news-strip-container > div:before, .news-strip-container > div:after { content: " "; display: table; }
.news-strip-container > div:after { clear: both; }
.news-strip-container > div .inner-row { width: 1024px; overflow: hidden; }
.news-strip-container > div .inner-row:before, .news-strip-container > div .inner-row:after { content: " "; display: table; }
.news-strip-container > div .inner-row:after { clear: both; }
.news-strip-container > div .inner-row .useful-link-box { overflow: hidden; position: relative; }
.news-strip-container > div .inner-row .useful-link-box img { display: block; margin-left: auto; margin-right: auto; float: none; text-align: center; border: 0px; top: 48px; right: 0; bottom: auto; left: 0; position: absolute; width: 100%; }
.news-strip-container > div .inner-row .useful-link-box h2 { width: 100%; text-align: center; color: #1a6fb8; font-style: italic; height: 48px; line-height: 61px; font-weight: normal; }
.news-strip-container > div .inner-row .useful-link-box .hover-box { display: none; }
.news-strip-container > div .inner-row .useful-link-box .hover-box-text { display: block; margin-left: auto; margin-right: auto; float: none; text-align: center; }
.news-strip-container > div .inner-row .useful-link-box .hover-box-text p { display: block; margin-left: auto; margin-right: auto; float: none; text-align: center; }
.news-strip-container > div .inner-row .useful-link-box .useful-link-box-text { position: absolute; top: 0; right: 0; width: 100%; }
.news-strip-container > div .inner-row .useful-link-box .useful-link-box-text p { position: absolute; top: 260px; left: 4px; width: 333px; font-size: 16px; line-height: 16px; height: 195px; text-align: center; padding: 55px 80px 0; color: #857c79; background: url(/contents/GuidelinesV5/HP/css/bg/_common/sections/07-news/hover/blank.png) center no-repeat; }
.news-strip-container > div .inner-row .useful-link-box .big-link {background: url('/Style%20Library/B2C/Skin/gfx2/spacer.gif') no-repeat 0 0; top: 0; right: 0; bottom: 0; left: 0; position: absolute; }
.news-strip-container > div .inner-row .useful-link-box .big-link span { margin: -1px; padding: 0; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip: rect(0, 0, 0, 0); position: absolute; line-height: 1px; }
.news-strip-container .navigation.prev, .news-strip-container .navigation.next { display: none; }

.useful-links-wrapper { /*CUSTOM CLASS IN THE WEBPART SETTINGS*/ }
.useful-links-wrapper.single-vacation-ideas { width: 100.1%; }
.useful-links-wrapper .useful-link-box { float: left; width: 25%; text-align: center; padding: 0px; margin: 0; margin-top: 32px; height: 259px; background: #FFF; }
.useful-links-wrapper.three-column .useful-link-box { width: 33.33333%; }
.useful-links-wrapper.two-column div.useful-link-box { width: 50%; }
.useful-links-wrapper.two-column div.useful-link-box .useful-link-box-text p { width: 503px; }
.useful-links-wrapper.one-column div.useful-link-box { width: 100%; }
.useful-links-wrapper.one-column div.useful-link-box div.useful-link-box-text p { width: 1017px; }


.tabbed-view { width: 1024px; background-color: #FFF; }
body.newMenuV5 .tabbed-view div.inner-intro { margin-bottom: 25px; padding-top: 0; }

.tab-content { height: 385px; width: 1024px; overflow: hidden; }
.tab-content .visual-container { margin: 0 auto; width: 960px; overflow: hidden; border: 1px solid #857c79; position: relative;}
.tab-content .visual-container .fb_iframe_widget { background-color: #FDFBFB; }
.tab-content .visual-container #twitter-widget-0 { width: 958px !important; background-color: #FDFBFB; padding: 0 0 0 10px;}
.tab-content .inner-content-v5[data-content="real-time"] .visual-container { border: none; }
.tab-content .inner-content-v5 .img-container { float: left; width: 655px; height: 355px; position: relative; }
.tab-content .inner-content-v5 .img-container img { display: block;  }
.tab-content .inner-content-v5 .img-container img.loader { height: 25px; width: 25px; display: block; position: absolute; top: 50%; left: 50%; margin-left: -12.5px; margin-top: -12.5px; }
.tab-content .inner-content-v5 img.claim { float: right; }
.tab-content .inner-content-v5 .real-time-link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display:block; background: url('/Style%20Library/B2C/Skin/gfx2/spacer.gif') no-repeat 0 0; }


body.newMenuV5 .tab { text-align: center; padding-top: 48px; padding-bottom: 0; }
body.newMenuV5 .tab a { display: inline-block; font-size: 20px; padding: 0 20px; text-decoration: none; color: #c8c3c2; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
body.newMenuV5 .tab a.on, body.newMenuV5 .tab a:hover { font-size: 30px; color: #857c79; }

.visual { position: relative; width: 1024px; height: 455px; background: #FFF url(/contents/GuidelinesV5/HP/css/bg/_common/interface/loader/base-loader.gif) center 45% no-repeat; }
.visual img { display: block; }

.mobile-trigger { display: none; height: 45px; width: 45px; top: 10px; right: 0; bottom: 0; left: 10px; position: absolute; z-index: 5; background: url(/contents/GuidelinesV5/HP/css/bg/_common/interface/mobile/trigger.png) no-repeat 0 0; text-decoration: none !important; }


.search-box { top: 83px; right: 33px; bottom: auto; left: auto; position: absolute; z-index: 3; width: 233px; padding: 0; background: url(/contents/GuidelinesV5/HP/css/bg/_common/oapcity/white-70p.png); }
.search-box:before, .search-box:after { content: " "; display: table; }
.search-box:after { clear: both; }
.search-box .search-box-title { background-color: #dbe9f1; text-align: center; text-transform: uppercase; line-height: 55px; }
.search-box .search-box-title b { font-family: 'CelesteSansWeb-Ita'; color: #1a6fb8; font-size: 19px; font-weight: normal; }
div#HPSearch { width: auto; background: transparent; top: auto; left: auto; position: static; z-index: 1; height: auto; padding: 0; margin: auto; }
div#HPSearch h2 { display: none; }
div#HPSearch a.advanced-search { display: none; }
div#HPSearch br { display: none; }
div#HPSearch span span { display: none; }
div#HPSearch a.submitButton, div#HPSearch a.actionButton, div#HPSearch a.cruise-detail, div#HPSearch a.cruise-cta { display: inline-block; height: 40px; line-height: 40px; background: #FFCA00; padding: 0 0; font-size: 16px!important; text-decoration: none; width: 90%; border-radius: 0; border-bottom: 5px solid #c49a19; display: block; margin-left: auto; margin-right: auto; float: none; text-align: center; }
div#HPSearch a.submitButton > span, div#HPSearch a.actionButton > span, div#HPSearch a.cruise-detail > span, div#HPSearch a.cruise-cta > span { color: #1A6FB8 !important; display: block; padding: 0; height: 34px; line-height: 40px; text-align: center; margin: 0; width: 100%; border: none; background: transparent; font-family: 'CelesteSansWeb-Ita'; font-weight: normal; text-transform: uppercase; }
div#HPSearch a.submitButton > span:hover, div#HPSearch a.actionButton > span:hover, div#HPSearch a.cruise-detail > span:hover, div#HPSearch a.cruise-cta > span:hover { background: #FFDA4D; color: #3B96E3; }
div#HPSearch ul { margin-bottom: 3px; float: none; }
div#HPSearch ul + ul span { display: none; }
div#HPSearch select { border: 0; font-size: 12px; width: 100%; padding-left: 10px; padding-right: 10px; display: block; height: 35px; line-height: 35px; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }
.search-box .submitButton, .search-box .actionButton, .search-box .cruise-detail, .search-box .cruise-cta { width: 90%; margin-top: 12px; margin-bottom: 12px; text-decoration: none; display: block; margin-left: auto; margin-right: auto; float: none; text-align: center; }

div#HPSearch a.submitButton > span, div#HPSearch a.actionButton > span, div#HPSearch a.cruise-detail > span, div#HPSearch a.cruise-cta > span, div#HPSearch a.actionButton > span, div#HPSearch a.cruise-detail > span, div#HPSearch a.cruise-detail > span, div#HPSearch a.cruise-cta > span { color: #1A6FB8 !important; display: block; padding: 0; height: 34px; line-height: 40px; text-align: center; margin: 0; width: 100%; border: none; background: transparent; font-size: 18px!important; }



/* HOVER FOR DESKTOP ONLY */
body.desktop-version .submitButton:hover, body.desktop-version .actionButton:hover, body.desktop-version .cruise-detail:hover, body.desktop-version .cruise-cta:hover { background: #ffda4d; color: #3b96e3; }
body.desktop-version div.outlined .submitButton:hover, body.desktop-version div.outlined .actionButton:hover, body.desktop-version div.outlined .cruise-detail:hover, body.desktop-version div.outlined .cruise-cta:hover { background-color: #1d7cce; }
body.desktop-version .actionButton:hover, body.desktop-version .cruise-detail:hover { background: #3b96e3; color: #FFF; }
body.desktop-version .contact-cta-link:hover { opacity: 0.7; filter: alpha(opacity=70); }
body.desktop-version .banner-strip > a:hover { opacity: 0.1; filter: alpha(opacity=10); }
body.desktop-version .brand-strip a.log-out { -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; -ms-transition: background 0.5s; transition: background 0.5s; }
body.desktop-version .brand-strip a.log-out:hover { opacity: 0.9; filter: alpha(opacity=90); }
body.desktop-version .slider { /*     &:hover{ .item { a.full-cta { @include opacity(0.3);      } } } */ }
body.desktop-version .login .simple-panel a.main-button:hover { color: #00447c; background: #FFF; }
body.desktop-version .login .simple-panel a.main-button.logged-in:hover { background: #00447c; border: 1px solid #FFF; color: #FFF; }
body.desktop-version .header .main-nav a:hover { background-color: #fff; color: #1a6fb8; }
body.desktop-version .sub-header .sub-nav a { -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; -ms-transition: background 0.5s; transition: background 0.5s; }
body.desktop-version .sub-header .sub-nav a:hover { background-color: transparent; color: #FFF; border: 1px solid #FFF; }
body.desktop-version .modal-box .close:hover { opacity: 0.5; filter: alpha(opacity=50); }
body.desktop-version .modal-box .close span { display: none; line-height: 1px; }
body.desktop-version .usp-container .usp-box a:hover { color: #afdbff; }
body.desktop-version .usp-container.action-link .usp-box > a :hover { opacity: 0.1; filter: alpha(opacity=10); }
body.desktop-version .usp-container.action-link .usp-box span.action-link:hover { background-color: #1d7cce; }
body.desktop-version .usp-container.action-preview .usp-box > a:hover { opacity: 0.3; filter: alpha(opacity=30); }

/*Fix*/
.destinations-container .slider .item:hover a.full-cta{ opacity: 1;filter: alpha(opacity=100); background: url('/Style%20Library/B2C/Skin/gfx2/spacer.gif') no-repeat 0 0;}
.destinations-container .slider .item a{ 
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;}

#optimization{display: block;padding:0 30px; margin-top: 30px; clear: both; float: left;}
#optimization a{color:#1960a1;}
#optimization h1{font-size: 15px;font-weight: bold;}
#optimization h2{font-size: 14px;font-weight: bold;}

.mobile-top-container {display: none;}

/* =ALERT COOKIE
-------------- */
.alert_cookies{background: #FFF;height: 30px;top: 0;left: 0;position: fixed;width: 100%;z-index: 6;}
.alert_cookies_content{width:985px;margin:0 auto; color:#1960a1;text-align:left; font-size:12px; line-height:normal; padding:7px 0 0 0;position:relative;}
.alert_cookies_content a {color:#1960a1;text-decoration: underline;}
.alert_cookies_content a.close{position:absolute;right:0;}


/*------------------------------------*\
/* >>>> Carousel wording position
\*------------------------------------*/


/*ELEMENT N1*/
div.carousel-container ul li.el-5 .carousel-elements h1{

}
div.carousel-container ul li.el-5 .carousel-elements h1.response{

}
body div.carousel-container ul li.el-5 .carousel-elements .description{
   top: 205px;
   right: 40px;
   left: auto;

}

/*ELEMENT N2*/
div.carousel-container ul li.el-6 .carousel-elements h1{

}
div.carousel-container ul li.el-6 .carousel-elements h1.response{

}
body div.carousel-container ul li.el-6 .carousel-elements .description{
   top: 204px;
   right: 40px;
   left: auto;

}

/*ELEMENT N3*/
div.carousel-container ul li.el-3 .carousel-elements h1{

}
div.carousel-container ul li.el-3 .carousel-elements h1.response{

}
body div.carousel-container ul li.el-3 .carousel-elements .description{
   top: 206px;
   right: 50px;
}

/*ELEMENT N4*/
div.carousel-container ul li.el-1 .carousel-elements h1{

}
div.carousel-container ul li.el-1 .carousel-elements h1.response{

}
body div.carousel-container ul li.el-1 .carousel-elements .description{
   top: 227px;
   right: 60px;
}

/*ELEMENT N5*/
div.carousel-container ul li.el-4 .carousel-elements h1{

}
div.carousel-container ul li.el-4 .carousel-elements h1.response{

}
body div.carousel-container ul li.el-4 .carousel-elements .description{
   top: 205px;
   left: 80px;
}

/*ELEMENT N6*/
div.carousel-container ul li.el-2 .carousel-elements h1{

}
div.carousel-container ul li.el-2 .carousel-elements h1.response{

}
body div.carousel-container ul li.el-2 .carousel-elements .description{
   top: 206px;
   left: 80px;
   font-size: 13px
}