@charset "utf-8";
/* CSS Document */
body {
	font-family: "dosisregular", Arial Narrow, sans serif;
	font-size: 2em;
	font-weight: normal;
	margin: 0; 
	padding: 0;
	color: #858585;
	background-color: #21384b;
}
strong { font-family: "dosisbold"; }

.logo {
	background: url(../images/logo.png) no-repeat 0 0 / cover;
	width: 120px;
	height: 120px;
	display: block;
}

.row {
	position: relative;
}

.main .row {
	height: 100vh;
	position: relative;
}
.main h1 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 3%;
	left: 1%;
	z-index: 3;
}
.main h2 {
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
}
.main h2 img {
	max-height: 100%;
}

.dettaglio {
	padding-top: 80px;
	padding-bottom: 50px;
}

footer {
	/*height: 15vh;*/
}

footer .row {
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 1.2;
}

.btn-prenota {
	padding: 15px 20px;
	background-color: #FFF;
	border: 3px solid rgb(115,197,25);
	text-transform: uppercase;
	font-size: 150%;
	position: relative;
	z-index: 120;
}

.main .btn-prenota {
	margin-right: -600px;
	margin-top: -340px;
}

.dettaglio .btn-prenota {
	margin: 20px auto;
}

.btn-info-prod {
	position: absolute;
	bottom: 0;
	right: 40px; 
	padding: 6px 25px;
	border-radius: 10px 10px 0 0;
	background-color: #FFF;
	color: rgb(175,157,157);
	font-size: 100%;
	line-height: inherit;
	z-index: 110;
}

.panel {
	background-color: rgb(193,1,0);
	border-radius: 10px;
	color: #FFF;
	padding: 20px 15px;
}

.panel h1 {
	font-family: "dosisregular",Arial Narrow,sans serif;
	font-size: 300%;
	margin: 20px auto;
}

.panel h3 {
	font-family: "dosisregular",Arial Narrow,sans serif;
	font-size: 130%;
}

.panel h4 {
	font-size: 120%;
	margin-left: auto;
	margin-right: auto;
}
.panel h5 {
	background-color: #ff9900;
    font-size: 2rem;
    padding: 8px 0;
}

#box-prenotazione > .panel {
	display: none;
}
#box-prenotazione .panel {
	padding: 10px;
	margin-bottom: 0;
}
#box-prenotazione .panel .panel {
	padding: 30px;
	background-color: #FFF;
	color: #000;
	position: relative;
}
#box-prenotazione p {
	font-size: 90%;
	margin: 20px;
}
#box-prenotazione button {
	color: #FFF;
	width: 100%;
	padding: 15px 0;
	text-transform: uppercase;
	font-size: 110%;
}
.checkbox label {
	font-size: 75%;
	font-weight: normal;
}
.checkbox input[type="checkbox"] {
	margin-top: 10px;
}

.btn-close {
	position: absolute;
	top: -20px;
	right: -5px;
}

.btn .glyphicon {
	margin-right: 10px;
}
.btn:hover {
	color: #FF0000;
}

.green {
	color: rgb(115,197,25);
}

.sfumato-verde {
	background: #83ce1b; /* Old browsers */
	background: -moz-linear-gradient(top, #83ce1b 30%, #4bad1a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #83ce1b 30%,#4bad1a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #83ce1b 30%,#4bad1a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83ce1b', endColorstr='#4bad1a',GradientType=0 ); /* IE6-9 */
}

.green-under {
    border-bottom: 2px solid #83ce1b;
    font-size: 2.2rem;
}

.box-chiama {
	margin: 20px 0;
}
.tondo {
	border-radius: 50%;
}
.box-chiama > .tondo {
	width: 200px;
	height: 200px;
	padding: 10px;
	margin: 0 auto 20px;
}
.tondo .tondo {
	width: 100%;
	height: 100%;
	background-color: rgb(41,135,13);
	color: #FFF;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.tondo a {
	color: #FFF;
}

.icon-cuore {
	background: url(../images/san-valentino/special-edition.png) no-repeat 0 0 / cover;
	width: 179px;
	height: 179px;
	display: block;
}

.panel h3 .icon-cuore {
	position: absolute;
	top: -44px;
	left: 95%;
	z-index: 100;
}

.floreal {
	background-image: url(../images/san-valentino/floreal.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	align-items: flex-start;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
}

.floreal .icon-cuore {
	margin: 20px auto;
}

.grazie .dettaglio div {
	height: 100%;
}

.grazie .dettaglio {
	height: 85vh;
}
.grazie footer {
	height: 15vh;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	margin: 0 auto;
}
.carousel-control {
	font-size: 150%;
	color: #000;
	opacity: 1;
	top: calc(100% - 8px);
	width: auto;
	z-index: 99;
}
.carousel-control.left, .carousel-control.right {
	background-image: none;
}
.carousel-control:hover {
	color: rgb(149,1,1);
}

.carousel-indicators {
	bottom: -45px;
}
.carousel-indicators li {
	border: 0;
	border-radius: 0;
	margin: 0 10px;
	text-indent: 0;
	width: 30px;
	height: 30px;
	text-shadow: none;
}
.carousel-indicators li a {
	font-size: 150%;
	color: rgb(255,122,123);
}
.carousel-indicators li:hover, .carousel-indicators .active {
	background-color: transparent;
	width: 30px;
	height: 30px;
	margin: 0 10px;
	text-shadow: 1px 2px 3px #000;
}
.carousel-indicators li:hover a, .carousel-indicators .active a {
	font-size: 150%;
	color: rgb(149,1,1);
}

@media only screen and (max-width: 767px) {
	.main {
		background: url(../images/san-valentino/mobile/mobile-red-background-comp.jpg) no-repeat center top;
	}
	.dettaglio {
		background: url(../images/san-valentino/mobile/mobile-white-background-comp.jpg) no-repeat center bottom;
		background-size: cover;
		padding-top: 20px;
		padding-bottom: 50px;
	}
	.main h1 { top: 9px; }
	.logo { width: 80px; height: 80px; }
	.btn-prenota {
		padding: 15px 12px;
		font-size: 100%;
	}
	.btn-info-prod {
		right: 10%;
		width: 80%;
		font-size: 80%;
	}
	.panel h3 .icon-cuore {
		display: none;
	}
	footer {
		font-size: 75%;
	}
	footer .logo {
		margin: 0 10px;
	}
	.carousel-control.left {
		left: calc(20% - 30px);
	}
	.carousel-control.right {
		right: 20%;
	}
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
	.main h2 { align-items: flex-start; justify-content: flex-start; }
	.main .btn-prenota {
		margin-right: auto;
		margin-top: -240px;
		margin-bottom: auto;
	}
	#box-prenotazione .panel .panel { padding: 15px; }
	/*dvd add on */
	.main, .dettaglio { background-size: cover !important; }
	.main h1 {
		left: 10%;
	}
	.main h2 img { width: 100%; }
	/*end dvd*/
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
	.main .btn-prenota {
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
  .container { max-width: 735px; }
  /* DVD add on */
  .main, .dettaglio { background-size: cover !important; }
  .main .btn-prenota { margin-right: 0 !important; }
  .panel h3 .icon-cuore { display: none; }
}

@media (min-width: 768px) {
	.main {
		background: url(../images/san-valentino/red-background.jpg) no-repeat center top;
		/* DVD add on */
		background-size: cover;
	}
	/* dvd add on */
	.main h1 {
		left: 10%;
	}
	.main .btn-prenota {
		float: right;
		margin-right: 0;
		margin-top: -25vh;
	}
	.main .btn-prenota:after {
		clear: both;
	}
	/* end dvd */
	.dettaglio {
		background: url(../images/san-valentino/white-background.jpg) no-repeat center bottom;
	}
	.panel h3 {
		font-size: 150%;
		background-color: rgb(149,1,1);
		margin: 40px -50px 20px -40px;
		padding: 10px 40px 10px 20px;
		position: relative;
	}
	.panel h3:after {
		content: ' ';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 24px 24px 0;
		border-color: transparent #770002 transparent;
		position: absolute;
		top: 100%;
		left: 0;
	}
	footer .logo {
		margin-right: 20px;
		width: 100px;
		height: 100px;
	}
	.carousel-control.left {
		left: calc(30% - 30px);
	}
	.carousel-control.right {
		right: 30%;
	}
	#box-prenotazione > .panel {
		top: 50px;
		position: fixed;
		z-index: 200;
		box-shadow: 4px 4px 4px rgba(0,0,0,0.5);
	}
}

#credits {
	margin: 0 auto;
	padding: 0;
	z-index: 6;
	line-height: 20px;
}