@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,600;0,700;1,400&display=swap');

*, html {
	font-family: 'Raleway', sans-serif;
}

.calendario_crociere {
display: flex;
flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
margin: auto;
margin-top: 50px;
}
.calendario-titolo {
display: block;
	position: relative;
	font-size: 30px;
	font-weight: 700;
	color: #456;
	padding-bottom: 0;
	margin-bottom: 20px;
	padding-top: 10px;
	clear: both;
	border-bottom: 3px solid #8693a0;
}
.calendario_crociere, .calendario-titolo, .content {
    width: 80vw;
}
.schedacalendario {
width: 33%; /* 320px; /*27%;*/
/*min-width: 320px;*/
display: inline-block; /*flex;*/
background: #fff;
height: 490px;
position:relative;
box-shadow: 0px 0px 10px 0px rgba(28,26,72,.6) ;
box-sizing: border-box;
margin-bottom: 30px;
flex: 0 0 auto;
margin: 0 20px 30px 20px;
text-align: center;
padding: 20px;
cursor: pointer;
}
.schedacalendario > div {
box-sizing: border-box;
}
.schedacalendario-titolo {
font-size: 24px;
line-height: 24px;
color: #36C;
margin-bottom: 10px;
}
.schedacalendario-date {
font-size: 20px;
line-height: 20px;
color: #888;
margin-bottom: 10px;
}
.schedacalendario-giorni {
font-size: 16px;
line-height: 20px;
color: #888;
margin-bottom: 10px;
}
.schedacalendario-prezzo {
font-size: 24px;
line-height: 24px;
color: #333;
font-weight: 600;
}
.schedacalendario-prezzo span, .schedacalendario-date span {
font-size:11px;
color: #777;
font-style: italic;
}
.schedacalendario-foto {
height: 220px;
width:100%;
overflow:hidden;
display:block;
position: absolute;
bottom:20px;
left: 0;
}
.schedacalendario-foto img {
width: 100%;
height: auto;
}
.schedacalendario-link a {
	text-decoration: none;
	color: #fff;
}
.schedacalendario-link {
	position: absolute;
	bottom: 10px;
	cursor: pointer;
	left: 50%;
	transform: translateX(-50%);
	width: 140px;
	height: 36px;
	display: block;
	box-sizing: border-box;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	padding: 10px 40px 10px 15px;
	background: #009eff url(../img/btn_scopri.svg);
	border-radius: 50px;
	text-align: left;
	background-position-x: center;
	background-position-y: center;
	background-repeat: no-repeat;
	background-size: 100%;
	font-size: 0.9rem;
}
.schedacalendario-novita {
	position: absolute;
	top: 239px;
	left: -23px;
	width: 70px;
	height: 25px;
	display: block;
	color: #fff;
	background: #06c;
	text-align: center;
	z-index: 2;
}
.schedacalendario-notapartenza {
  display: block;
	background: #038a28;
	position: absolute;
	top: 239px;
	right: 0;
  width: 70px;
  text-align: center;
	height: 25px;
	z-index: 3;
}
.schedacalendario-soggiorni {
  display: block;
	background: #093;
	position: absolute;
	top: 239px;
	right: 0;
  width: 150px;
  text-align: center;
	height: 25px;
	z-index: 4;
}
.book-now-calendario {
	color: #000;
	border: 0;
	border-radius: 3px;
	background: #FF9326;
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	line-height: 18px;
	padding: 15px 32px;
	text-transform: uppercase;
	position: absolute;
	overflow: hidden;
	z-index: 1;
	text-shadow: rgba(0,0,0,0.6) 0 1px 2px;
  bottom: 5px;
	left: 50%;
	transform: translatex(-50%);
}
.book-now-calendario:before {
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(178,178,178,1) 100%);
	content: "";
	height: 100%;
	opacity: 0.4;
	z-index: -1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 400px) {
.calendario_crociere, .calendario-titolo, .content, .prenotaprima-content {
	width: 80vw;
}
.schedacalendario {
width: 43%;
}
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 400px) {
.calendario_crociere, .calendario-titolo, .content, .prenotaprima-content, .menucontent {
    width: 100vw;
}
.schedacalendario {
width: 80%;
	margin: 0 auto;
	box-shadow: none;
}
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.schedacalendario {
width: 27%;
 }
}

@media only screen and (min-width: 1600px) {
.calendario_crociere, .calendario-titolo, .content, .prenotaprima-content, .menucontent {
    width: 70vw;
}
.schedacalendario {
width: 28%;
 }
}

@media only screen and (min-width: 1900px) {
.calendario_crociere, .calendario-titolo, .content, .prenotaprima-content, .menucontent {
    width: 80vw;
}
.schedacalendario {
width: 20%;
 }
}
/* /////////////////////////////////// */
.prenotaprima-content {
background: #fff;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: stretch;
margin: auto;
width: 80vw;
}
.prenotaprima-content > div {
  background-color: rgba(255, 255, 255, 0.8);
  /*text-align: center;
  font-size: 10px;*/
  padding: 20px;
  box-sizing: border-box;
}
.prenotaprima-sx, .prenotaprima-dx {
display: block;
width: 80%;
}
.prenotaprima-sx {
width: 20%;
}
.prenotaprima-sx img {
width: 100%;
height: auto;
}

@media only screen and (max-width: 400px) and (orientation : portrait) {
/*body { background: #FF0; }*/
.prenotaprima-content {
  width: 100vw;
  margin: 0;
}
.prenotaprima-sx, .prenotaprima-dx {
width: 100%;
}
#msg{
width:90vw;
height:100vh;
margin-left: 5vw;
}
}

#overlay {
width:100%;
height:100%;
top:0px;
left:0px;
position:absolute;
z-index:1999;
background-image: url(../img/fondo_80_bianco.png);
background-repeat: repeat;
background-position: left top;
display:none;
}
.popup {
position:fixed; /*absolute;*/
width:auto;
height:auto;
/*padding: 50px 25px 50px 25px;*/
left:50%;
top:50px;
display:none;
background-color:#FFFFFF;
z-index:20000;
font-size:12px;
color:#003399;
/*-moz-box-shadow: 3px 3px 20px #000;
-webkit-box-shadow: 3px 3px 20px #000;*/
box-shadow: 3px 3px 20px #000;
}
.testatapopup {
	width: 100%;
	height: 50px;
	background-image: url(../images/testata_popup_nelmondo.svg);
	background-repeat: no-repeat;
	background-position: left top;
	position: fixed;
	z-index: 20000;
	top: 0;
}
.contenutopopup {
position: absolute;
top: 60px;
margin: 0;
font-size: 12px;
line-height: 18px;
width: 80vw; /*75%;*/
padding-right: 10vw;
height: 80vh; /*65vh;*/
padding-left: 10vw;
text-align: justify;
overflow-y: auto;
padding-bottom: 50px;
display: block;
position: relative;
}
.popupnoshadow {
position:absolute;
width:auto;
height:auto;
padding: 50px 25px 50px 25px;
left:50%;
top:100px;
display:none;
background-color:#FFFFFF;
z-index:2000;
font-size:12px;
color:#003399;
background-image: url(../img/testata_popup_nelmondo.png);
background-repeat: no-repeat;
background-position: left top;
}
#chiudi_popup_sopra {
position:absolute;
top:3px;
right:5px;
width:auto;
height:25px;
}
#chiudi_popup {
position:absolute;
bottom:0px;
left:0px;
width:100%;
height:25px;
background-color:#fff;
}
#chiudi_popup a, #chiudi_popup a:link, #chiudi_popup a:active, #chiudi_popup a:visited {
font-size:16px;
line-height:16px;
color:#014983;
text-decoration:none;
}
#chiudi_popup a:hover, #chiudi_popup a:visited:hover {
color:#333;
text-decoration:underline;
}
