/* For the details, see: http://flowplayer.org/tools/dateinput/index.html#skinning */



/* calendar root element */
#calroot {
	/* place on top of other elements. set a higher value if nessessary */
	z-index:10000;
	
	margin-top:-1px;
	width:198px;
	padding:2px;
	background-color:#fff;
	font-size:11px;
	border:1px solid #ccc;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	-moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;	
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {	
	padding:2px 0;
	height:22px;
} 

#caltitle {
	font-size:14px;
	color:#0150D1;	
	float:left;
	text-align:center;
	width:155px;
	line-height:20px;
	text-shadow:0 1px 0 #ddd;
}

#calnext, #calprev {
	display:block;
	width:20px;
	height:20px;
	background:transparent url(https://promozioni.hotelravellorimini.com/template/ravellorimini/modello-pacchetti/common/images/background/prev.gif) no-repeat scroll center center;
	float:left;
	cursor:pointer;
}

#calnext {
	background-image:url(https://promozioni.hotelravellorimini.com/template/ravellorimini/modello-pacchetti/common/images/background/next.gif);
	float:right;
}

#calprev.caldisabled, #calnext.caldisabled {
	visibility:hidden;	
}

/* year/month selector */
#caltitle select {
	font-size:10px;	
}

/* names of the days */
#caldays {
	height:14px;
	border-bottom:1px solid #ddd;
}

#caldays span {
	display:block;
	float:left;
	width:28px;
	text-align:center;
}

/* container for weeks */
#calweeks {
	background-color:#fff;
	margin-top:4px;
}

/* single week */
.calweek {
	clear:left;
	height:22px;
}

/* single day */
.calweek a {
	display:block;
	float:left;
	width:27px;
	height:20px;
	text-decoration:none;
	font-size:11px;
	margin-left:1px;
	text-align:center;
	line-height:20px;
	color:#666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px; 		
} 

/* different states */
.calweek a:hover, .calfocus {
	background-color:#ddd;
}

/* sunday */
a.calsun {
	color:red;		
}

/* offmonth day */
a.caloff {
	color:#ccc;		
}

a.caloff:hover {
	background-color:rgb(245, 245, 250);		
}


/* unselecteble day */
a.caldisabled {
	background-color:#efefef !important;
	color:#ccc	!important;
	cursor:default;
}

/* current day */
#calcurrent {
	background-color:#498CE2;
	color:#fff;
}

/* today */
#caltoday {
	background-color:#333;
	color:#fff;
}

						
	        	        #sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(https://promozioni.hotelravellorimini.com/template/ravellorimini/modello-pacchetti/common/images/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(https://promozioni.hotelravellorimini.com/template/ravellorimini/modello-pacchetti/common/images/shadowbox/close.png);}
#sb-nav-next{background-image:url(https://promozioni.hotelravellorimini.com/template/ravellorimini/modello-pacchetti/common/images/shadowbox/next.png);}
#sb-nav-previous{background-image:url(https://promozioni.hotelravellorimini.com/template/ravellorimini/modello-pacchetti/common/images/shadowbox/previous.png);}
#sb-nav-play{background-image:url(https://promozioni.hotelravellorimini.com/template/ravellorimini/modello-pacchetti/common/images/shadowbox/play.png);}
#sb-nav-pause{background-image:url(https://promozioni.hotelravellorimini.com/template/ravellorimini/modello-pacchetti/common/images/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

						
	        	        /* =================================================

	Trova e sostituisci i colori primari, secondari e terziari

	$color1: #7A685C // marrone scuro
	$color2: #917562 // marrone chiaro
	$color3: #f1ede5 // biaco giallino

==================================================== */

:root {
	--font-family1: "Work Sans", serif;
	--font-family2: "Caveat", serif;
}


* {
	border: 0px;
	padding: 0px;
	margin: 0px;
	box-shadow: none;
	transition: color 0.3s, background 0.3s, opacity 0.5s, box-shadow 0.5s;
	-moz-transition: color 0.3s, background 0.3s, opacity 0.5s, box-shadow 0.5s; 
	-webkit-transition: color 0.3s, background 0.3s, opacity 0.5s, box-shadow 0.5s;
}

html, body {
	overflow-x: hidden;
}

body {
	background: #fff;
	font-size: 20px;
	line-height: 32px;
	color: #000000;
	padding: 0;
	font-family: var(--font-family1);
	font-weight: 300;
}

header, aside, footer, nav, section, details, summary, article, figure, figcaption, address, mark, output, button { display: block; margin: 0; }
header {
	width: 100%;
	background: #fff;
}

article {
	width: 100%;
}

.div-opinioni article .txt {
	font-size: 14px;
}

.hidden {
	display: none;
}

address {
	font-style: normal;
}

button {
	cursor: pointer; text-align: left; 
}

mark { 
	background: transparent;
	color: #505050;
	font-size: 35px;
	line-height: 52px;
}

.entry-content, 
.entry-summary,
.hentry {
	margin: 0;
}

h1,
.entry-title {
	font-family: var(--font-family1);
	font-size: 60px;
	letter-spacing: 2px;
	color: #c2996f;
	font-weight: 200;
	line-height: 1.1;
	clear: both;
	margin: 0 0 40px;
}

h2,
h2.entry-title {
	font-family: var(--font-family1);
	color: #0bb7be;
	font-size: 25px;
	line-height: 35px;
	margin-bottom: 40px;
	font-weight: 400;
	text-transform: uppercase;
}

h3 {
	color:#fbac18;
	font-size:24px; 
	line-height: 32px;
	text-transform:uppercase; 
	/* font-size: 22px;
	line-height: 26px;
	color: #6d1675; */
	clear: none;
	margin: 15px 0px;
	font-family: var(--font-family1);
}

h2 a, h2 a:hover, h2 a:focus, h2 a:active, h2 a:visited,
h3 a, h3 a:hover, h3 a:focus, h3 a:active, h3 a:visited {
	color: #666;
	text-decoration: none;
}

h1 a, h1 a:hover, h1 a:focus, h1 a:active, h1 a:visited {
	color:#fbc125; 
	text-decoration: none;
}

p {
	margin: 10px 0 15px 0;
}

a:link, a:visited {
	color: #6d1675;
	text-decoration: underline;
}

a:hover, a:focus, a:active {
	color: #6d1675;
	outline: 0;
}

ul, ol {
	margin: 0 0 10px 40px;
}

/*FORM*/

.form-control {
	border: 0
}

.input-group-addon {
	background-color: #fff;
	border: 0
}

.defaultForm :disabled {
	display: none;
}

input[type="checkbox"] {
	margin: 0 3px 0 0;
	vertical-align: middle;
	position: relative;
	top: -1px
}

input.hidden,
textarea.hidden,
select.hidden {
	display: none
}

form.edita-form-builder {
	color: #fff;
	letter-spacing: 0.1em;
	margin: 20px 0 0
}

form.edita-form-builder .input-container,
form.edita-form-builder .select-container,
form.edita-form-builder .textarea-container {
	background: #fdfaf7;
}

form.edita-form-builder fieldset {
	margin: 0
}

form.edita-form-builder a {
	color: #857972;
}

form.edita-form-builder .efb-legend {
	display: none
}

form.edita-form-builder .title-open-room {
	position: relative;
	width: 50%
}

form.edita-form-builder .title-open-room:after {
	content: "\e03e";
	font-family: "edita-font";
	position: absolute;
	top: 50%;
	right: 25px;
	font-size: 24px;
	line-height: 30px;
	margin-top: -8px;
	color: #fff;
	z-index: 1
}

form.edita-form-builder .title-open-room.focused:after {
	color: rgba(255, 255, 255, 0.5)
}

form.edita-form-builder .title-open-room.focused .fakeinput {
	border-color: rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.8)
}

form.edita-form-builder .fakeinput {
	width: 100%;
	height: 60px;
	font-size: 16px;
	font-weight: 700;
	line-height: 60px;
	color: #fff;
	letter-spacing: 0.1em;
	border-radius: 6px;
	border-color: #fff;
	padding: 0 15px;
	box-shadow: none;
	overflow: hidden;
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
	background-color: transparent
}

form.edita-form-builder .efb-section {
	margin: 0
}

form.edita-form-builder .efb-section-div {
	border: 0;
	margin: 0;
	padding: 1.5rem;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07)
}

form.edita-form-builder .efb-section-div.open-room {
	top: calc(100% - 14px);
	left: 2%;
	width: 96%;
	height: auto
}

form.edita-form-builder .efb-section-div.open-room .efb-item-plus-minus {
	width: 100%
}

form.edita-form-builder .efb-section-div.open-room .efb-item-plus-minus.sectionValue {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

form.edita-form-builder .efb-section-div.open-room .efb-item-plus-minus.sectionValue label,
form.edita-form-builder .efb-section-div.open-room .efb-item-plus-minus.sectionValue .plusminus-content {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%
}

form.edita-form-builder .efb-section-div.open-room .efb-item-plus-minus.roomone label,
form.edita-form-builder .efb-section-div.open-room .efb-item-plus-minus.roomone .plusminus-content {
	width: 50%
}

form.edita-form-builder .efb-section-div.open-room .efb-item-plus-minus.roomone label {
	padding: 13px 24px 0 0
}

form.edita-form-builder .efb-section-div.open-room .efb-item-plus-minus.roomage label {
	width: 65%;
	padding: 13px 24px 0 0
}

form.edita-form-builder .efb-section-div.open-room .efb-item-plus-minus.roomage .plusminus-content {
	width: 35%
}

form.edita-form-builder .efb-section-div.open-room label {
	font-weight: 700;
	color: #555;
	padding: 0
}

form.edita-form-builder .efb-section-div.open-room .plusminus-content a.dec,
form.edita-form-builder .efb-section-div.open-room .plusminus-content a.inc {
	top: 10px;
	width: 24px;
	height: 24px;
	line-height: 21px;
	color: #afafaf;
	padding: 0;
	border: 1px solid #ddd;
	border-radius: 50%;
	background-color: transparent
}

form.edita-form-builder .efb-section-div.open-room .plusminus-content a.dec:hover,
form.edita-form-builder .efb-section-div.open-room .plusminus-content a.inc:hover {
	background-color: #ddd;
	color: #fff
}

form.edita-form-builder .efb-section-div.open-room .plusminus-content a.dec {
	right: 44px;
	padding-left: 6px
}

form.edita-form-builder .efb-section-div.open-room .plusminus-content a.inc {
	right: 12px;
	padding-left: 5px
}

form.edita-form-builder .efb-section-div.open-room input[type="text"] {
	height: 40px;
	font-size: 14px;
	color: #555;
	letter-spacing: 0.05em;
	border-radius: 3px;
	border-color: #ddd;
	padding: 0 12px;
	margin: 0
}

form.edita-form-builder .efb-section-div.open-room #closeSection-removedata {
	float: right !important
}

form.edita-form-builder .efb-section-div.open-room .closeSection {
	margin-top: 30px !important;
	margin-bottom: 0
}

form.edita-form-builder .efb-item {
	z-index: auto;
	margin-bottom: 30px;
}

form.edita-form-builder .efb-item.efb-item-hidden {
	display: none;
}

form.edita-form-builder .efb-item strong{
	color: #000000;
}

form.edita-form-builder .efb-item .visibleIcon {
	position: absolute;
	top: 50%;
	transform: translateY(-35%);
	right: 25px;
	font-size: 24px;
	line-height: 30px;
	color: #8c8b8a;
	z-index: 0;
}

form.edita-form-builder .efb-item .visibleIcon:before {
	zoom: 1
}

form.edita-form-builder .efb-select~.visibleIcon {
	margin-top: -4px
}

form.edita-form-builder .efb-textarea~.visibleIcon {
	margin-top: -35px
}

form.edita-form-builder label,
form.edita-form-builder label.efb-desc {
	font-size: 12px;
	font-weight: 200;
	color: #fff;
	text-transform: uppercase
}

form.edita-form-builder label .efb-required-asterisk,
form.edita-form-builder label.efb-desc .efb-required-asterisk {
	font-weight: 200;
	color: #fff
}

form.edita-form-builder label .efb-required-asterisk:before,
form.edita-form-builder label.efb-desc .efb-required-asterisk:before {
	content: "("
}

form.edita-form-builder label .efb-required-asterisk:after,
form.edita-form-builder label.efb-desc .efb-required-asterisk:after {
	content: ")"
}

form.edita-form-builder label.efb-choice {
	text-transform: none
}

form.edita-form-builder label.efb-error {
	display: none !important
}

form.edita-form-builder input[type="text"],
form.edita-form-builder input[type="email"],
form.edita-form-builder input[type="date"],
form.edita-form-builder textarea,
form.edita-form-builder select.efb-select {
	width: 100%;
	height: 60px;
	font-size: 14px;
	font-weight: 400;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	border-radius: 6px;
	border: 1px solid #cdbdb1;
	padding: 0 50px 0 15px;
	box-shadow: none;
	background-color: transparent;
	visibility: visible !important;
	-webkit-appearance: none; 
	appearance: none;
	position: relative;
	z-index: 1;
}

form.edita-form-builder input[type="text"]:focus,
form.edita-form-builder input[type="email"]:focus,
form.edita-form-builder input[type="date"]:focus,
form.edita-form-builder textarea:focus,
form.edita-form-builder select.efb-select:focus {
	border-color: rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	color: #000;
}

form.edita-form-builder input[type="text"].efb-error,
form.edita-form-builder input[type="email"].efb-error,
form.edita-form-builder input[type="date"].efb-error,
form.edita-form-builder textarea.efb-error,
form.edita-form-builder select.efb-select.efb-error {
	background-color: #f7d879
}

form.edita-form-builder input::-moz-placeholder,
form.edita-form-builder textarea::-moz-placeholder {
	opacity: 1;
	color: #000;
}

form.edita-form-builder input::-webkit-input-placeholder,
form.edita-form-builder textarea::-webkit-input-placeholder {
	opacity: 1;
	color: #000;
}

form.edita-form-builder input[type="checkbox"].efb-error~label>a {
	background-color: #f7d879
}

form.edita-form-builder li.efb-one-half-last {
	margin-bottom: 25px
}

form.edita-form-builder select::-ms-expand {
	display: none
}

form.edita-form-builder option {
	color: #555
}

form.edita-form-builder textarea {
	height: 120px;
	padding: 15px 50px 15px 15px
}

form.edita-form-builder label#label-newsletter,
form.edita-form-builder label#label-privacy {
	margin: -23px 0 0px 30px
}

form.edita-form-builder .efb-choice-subtitle {
	display: block;
	letter-spacing: 0.05em;
	padding-left: 30px
}

form.edita-form-builder button.efb-submit {
	font-size: 24px !important;
	font-weight: 700;
	background-color: #efb50a !important;
	/* box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.34); */
}

form.edita-form-builder button.efb-submit:hover,
form.edita-form-builder button.efb-submit:focus {
	box-shadow: none;
	background: #cc9b0a !important
}

@media (min-width: 1200px) and (max-width: 1440px) {
	form.edita-form-builder {
		letter-spacing: 0.05em
	}

	form.edita-form-builder .fakeinput {
		height: 50px;
		line-height: 50px
	}

	form.edita-form-builder input[type="text"],
	form.edita-form-builder input[type="email"],
	form.edita-form-builder input[type="date"],
	form.edita-form-builder textarea,
	form.edita-form-builder select.efb-select {
		height: 50px
	}

	form.edita-form-builder textarea {
		height: 100px
	}

	form.edita-form-builder #item-efb-privacy,
	form.edita-form-builder #item-efb-newsletter {
		font-size: 12px
	}

	form.edita-form-builder button.efb-submit {
		font-size: 20px !important;
		padding: 20px 40px;
		width: 75% !important;
	}

	form.edita-form-builder .efb-section-div.open-room #closeSection-removedata {
		float: none !important
	}

	form.edita-form-builder .efb-section-div.open-room .closeSection {
		width: 100% !important;
		margin-top: 5px !important;
		margin-bottom: 15px;
		text-align: center !important
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	form.edita-form-builder {
		letter-spacing: 0.05em
	}

	form.edita-form-builder .title-open-room:after {
		right: 20px;
		font-size: 20px;
		line-height: 24px;
		margin-top: -4px
	}

	form.edita-form-builder .fakeinput {
		height: 50px;
		line-height: 50px
	}

	form.edita-form-builder .efb-item .visibleIcon {
		right: 20px;
		font-size: 20px
	}

	form.edita-form-builder input[type="text"],
	form.edita-form-builder input[type="email"],
	form.edita-form-builder input[type="date"],
	form.edita-form-builder textarea,
	form.edita-form-builder select.efb-select {
		height: 50px
	}

	form.edita-form-builder textarea {
		height: 100px
	}

	form.edita-form-builder #item-efb-privacy,
	form.edita-form-builder #item-efb-newsletter {
		font-size: 12px
	}

	form.edita-form-builder button.efb-submit {
		font-size: 20px !important;
		padding: 15px 30px;
		width: 100% !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	form.edita-form-builder {
		letter-spacing: 0.025em
	}

	form.edita-form-builder .efb-item.efb-one-quarter,
	form.edita-form-builder .efb-item.efb-one-half {
		width: 50%
	}

	form.edita-form-builder .efb-item.efb-one-half-last,
	form.edita-form-builder .efb-item.efb-three-quarter {
		width: 100%
	}

	form.edita-form-builder .efb-item .visibleIcon {
		right: 20px;
		font-size: 20px
	}

	form.edita-form-builder .title-open-room {
		width: 100%
	}

	form.edita-form-builder .title-open-room:after {
		right: 20px;
		font-size: 20px;
		line-height: 24px;
		margin-top: -4px
	}

	form.edita-form-builder .fakeinput {
		height: 44px;
		font-size: 15px;
		line-height: 44px
	}

	form.edita-form-builder input[type="text"],
	form.edita-form-builder input[type="email"],
	form.edita-form-builder input[type="date"],
	form.edita-form-builder textarea,
	form.edita-form-builder select.efb-select {
		height: 44px;
		font-size: 15px
	}

	form.edita-form-builder textarea {
		height: 100px
	}

	form.edita-form-builder #item-efb-privacy,
	form.edita-form-builder #item-efb-newsletter {
		font-size: 12px
	}

	form.edita-form-builder button.efb-submit {
		font-size: 16px !important;
		padding: 14px 20px;
		width: 100% !important;
	}
}

@media (max-width: 767px) {
	form.edita-form-builder {
		letter-spacing: 0.025em
	}

	form.edita-form-builder li {
		padding: 10px 1% 15px
	}

	form.edita-form-builder .title-open-room {
		width: 100%
	}

	form.edita-form-builder .title-open-room:after {
		right: 20px;
		font-size: 20px;
		line-height: 24px;
		margin-top: -4px
	}

	form.edita-form-builder .fakeinput {
		height: 44px;
		font-size: 15px;
		line-height: 44px
	}

	form.edita-form-builder .efb-section-div.open-room {
		left: 1%;
		width: 98%
	}

	form.edita-form-builder .efb-section-div.open-room .efb-item-plus-minus.roomone label {
		padding: 13px 18px 0 0
	}

	form.edita-form-builder .efb-section-div.open-room .efb-item-plus-minus.roomage label {
		width: 56%;
		padding: 13px 18px 0 0
	}

	form.edita-form-builder .efb-section-div.open-room .efb-item-plus-minus.roomage .plusminus-content {
		width: 44%
	}

	form.edita-form-builder .efb-section-div.open-room #closeSection-removedata {
		float: none !important
	}

	form.edita-form-builder .efb-section-div.open-room .closeSection {
		width: 100% !important;
		margin-top: 5px !important;
		margin-bottom: 15px;
		text-align: center !important
	}

	form.edita-form-builder .efb-item .visibleIcon {
		right: 30px;
		font-size: 20px;
		transform: translateY(-43%);
	}

	form.edita-form-builder input[type="text"],
	form.edita-form-builder input[type="email"],
	form.edita-form-builder input[type="date"],
	form.edita-form-builder textarea,
	form.edita-form-builder select.efb-select {
		height: 44px;
		font-size: 15px
	}

	form.edita-form-builder textarea {
		height: 88px
	}

	form.edita-form-builder #item-efb-privacy,
	form.edita-form-builder #item-efb-newsletter {
		font-size: 12px
	}

	form.edita-form-builder .efb-item-submit {
		text-align: center
	}

	form.edita-form-builder button.efb-submit {
		font-size: 18px !important;
		padding: 15px 30px
	}
}

#quote {
	position: relative;
	padding: 85px 0;
	/* background: #ffffff url('https://promozioni.hotelravellorimini.com/template/ravellorimini/modello-pacchetti/common/images/background/bg-quote.jpg') no-repeat center center; */
	background: #ffffff;
}

#quote mark {	 
	text-align: center;
	font-size: 60px;
	line-height: 1.2;
	color: #c2996f;
	font-weight: 900;
	position: relative;
	margin-bottom: 80px;
}

#quote .wrapper {
	position: relative;
	margin: 0 155px;
	padding: 100px 0 100px 120px;
	background: url('https://promozioni.hotelravellorimini.com/template/ravellorimini/modello-pacchetti/common/images/background/bg-quote.jpg') repeat-y center center;
}

#quote .wrapper .container-fluid {
	display: flex;
}

#quote .wrapper .col-dx,
#quote .wrapper .col-sx {
	flex: 0 0 48%;
}

#quote .wrapper .col-sx.full {
	flex: 0 0 100%;
}

#quote .wrapper .col-dx {
	margin-left: 4%;
	position: relative;
	z-index: 1;
}

#quote .instructions,
#quoteModal .instructions {
	font-size: 30px;
	color: #857972;
	margin-bottom: 20px;
	text-align: center;
}

#quote .instructions {
	margin-bottom: 75px;
}

#quoteModal .instructions {
	font-size: 16px;
}

form.edita-form-builder {
	margin: 0
}

form.edita-form-builder button.efb-submit {
	font-size: 26px !important;
	letter-spacing: -0.025em;
	padding: 25px 20px;
	text-transform: uppercase;
	width: 65%;
}

form.edita-form-builder button.efb-submit strong {
	font-weight: 900;
}

form.edita-form-builder button.efb-submit img {
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
}

form.edita-form-builder button.efb-submit span {
	display: block;
}

form.edita-form-builder button.efb-submit span.firstline {
	text-transform: uppecase;
	font-size: 26px;
	font-weight: 300;
	line-height: 1;
}

form.edita-form-builder button.efb-submit span.firstline i {
	position: relative;
	margin-left: 25px;
	vertical-align: middle;
}

form.edita-form-builder button.efb-submit span.secondline {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 300;
}

@media (min-width: 1200px) and (max-width: 1440px) {

	#quote .svg {
		top: -6px;
		left: 1vw;
		max-width: 400px
	}

	#quote .side-left {
		margin-left: -40px;
		background-position: left bottom 30px
	}

	#quote .side-left mark {
		font-size: 35px
	}

	#quote .side-left .instructions {
		font-size: 16px
	}

	#quote form.edita-form-builder {
		margin-left: -40px;
		margin-right: -40px
	}

	/* #quote form.edita-form-builder button.efb-submit {
		font-size: 18px !important;
		letter-spacing: -0.05em;
		padding: 15px 10px
	} */

	#quote form.edita-form-builder button.efb-submit span.firstline {
		font-size: 23px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#quote {
		margin-bottom: 30px
	}

	#quote .svg {
		top: -6px;
		left: 1vw;
		max-width: 400px
	}

	#quote .wrapper {
		padding: 50px 20px 20px
	}

	#quote .side-left mark {
		font-size: 40px
	}

	#quote .side-left .instructions {
		font-size: 18px
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#quote {
		margin-bottom: 30px
	}

	#quote .svg {
		top: -6px;
		left: 1vw;
		max-width: 400px
	}

	#quote .wrapper {
		padding: 50px 20px 20px
	}

	#quote .side-left {
		background: none
	}

	#quote .side-left mark {
		font-size: 40px;
		margin-bottom: 20px
	}

	#quote .side-left .instructions {
		font-size: 18px;
		margin-bottom: 30px
	}
}

@media (max-width: 767px) {
	#quote {
		margin-bottom: 30px;
		padding: 0;
	}

	#quote .svg {
		display: none
	}

	#quote .wrapper {
		padding: 20px;
		margin: 0;
	}

	#quote .side-left {
		background: none
	}

	#quote .side-left mark {
		font-size: 32px;
		margin-bottom: 20px
	}

	#quote .side-left .instructions {
		font-size: 16px;
		margin-bottom: 30px
	}

	form.edita-form-builder .efb-item {
		margin-bottom: 10px;
	}

	form.edita-form-builder button.efb-submit {
		width: 100%;
	}

	form.edita-form-builder button.efb-submit span.firstline {
		font-size: 22px;
	}

	form.edita-form-builder button.efb-submit span.secondline {
		font-size: 14px;
	}
}

.container-forms {
	margin-left: 5vw;
	padding-left: 5vw;
	padding-right: 5vw;
	background-color: #f7f7f7
}

.container-forms #quote .svg {
	left: 0
}

.container-forms #quote .svg .group {
	fill: #f7f7f7
}

@media (min-width: 992px) and (max-width: 1199px) {
	.container-forms {
		margin-left: 0;
		padding-left: 5vw;
		padding-right: 5vw
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.container-forms {
		margin-left: 0;
		padding-left: 5vw;
		padding-right: 5vw
	}
}

@media (max-width: 767px) {
	.container-forms {
		margin-left: 0;
		padding-left: 15px;
		padding-right: 15px
	}
}

form.checkNewsletter input[type="email"] {
	width: 100%;
	height: 60px;
	font-size: 27px;
	font-family: "Comfortaa", cursive;
	color: #00bccc;
	border-bottom: 2px solid #b8b8b8
}

form.checkNewsletter input[type="email"]::-moz-placeholder {
	opacity: 1
}

form.checkNewsletter input[type="email"]::-webkit-input-placeholder {
	color: #00bccc
}

form.checkNewsletter button.submit {
	height: 60px;
	font-size: 24px;
	color: #fff;
	padding: 0 30px;
	cursor: pointer;
	background: #00bccc
}

form.checkNewsletter button.submit [class^="icon-"] {
	vertical-align: -15%
}

form.checkNewsletter button.submit:hover {
	opacity: 0.6
}

form.checkNewsletter .privacy {
	font-size: 14px;
	margin-top: 30px
}

form.checkNewsletter .privacy a {
	color: #868686
}

@media (min-width: 992px) and (max-width: 1199px) {
	form.checkNewsletter input[type="email"] {
		height: 40px;
		font-size: 21px;
		border-bottom-width: 1px
	}

	form.checkNewsletter button.submit {
		height: 40px;
		font-size: 20px;
		padding: 0 20px
	}

	form.checkNewsletter .privacy {
		font-size: 12px;
		margin-top: 20px
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	form.checkNewsletter input[type="email"] {
		height: 40px;
		font-size: 21px;
		border-bottom-width: 1px
	}

	form.checkNewsletter button.submit {
		height: 40px;
		font-size: 20px;
		padding: 0 20px
	}

	form.checkNewsletter .privacy {
		font-size: 12px;
		margin-top: 20px
	}
}

@media (max-width: 767px) {
	form.checkNewsletter input[type="email"] {
		height: 40px;
		font-size: 21px;
		border-bottom-width: 1px
	}

	form.checkNewsletter button.submit {
		height: 40px;
		font-size: 20px;
		padding: 0 20px
	}

	form.checkNewsletter .privacy {
		font-size: 12px;
		margin-top: 20px
	}
}

.ui-datepicker.ui-widget {
	width: auto;
	border: 0;
	padding: 15px;
	padding: 1.5rem;
	border-radius: 3px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
	z-index: 999999 !important
}

.ui-datepicker.ui-widget .ui-datepicker-header {
	padding: 6px;
	min-height: 35px;
	color: #555;
	text-transform: lowercase;
	font-size: 20px;
	font-size: 2rem;
	line-height: 1;
	background-color: #fff;
	background-image: initial;
	border: 0;
	border-radius: 0
}

.ui-datepicker.ui-widget .ui-datepicker-calendar {
	margin: 0
}

.ui-datepicker.ui-widget .ui-datepicker-calendar td {
	border: 1px solid #fff;
	text-align: center;
	padding: 0
}

.ui-datepicker.ui-widget .ui-datepicker-calendar th {
	font-size: 14px;
	color: #555
}

.ui-datepicker.ui-widget .ui-datepicker-next,
.ui-datepicker.ui-widget .ui-datepicker-prev {
	background-image: initial;
	border: 1px solid #fff;
	border-radius: 2px;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	color: #555;
	background-color: #fff;
	width: 35px;
	height: 30px;
	text-align: center;
	-webkit-transition: background-color 0.1s linear, border-color 0.1s linear;
	transition: background-color 0.1s linear, border-color 0.1s linear;
	cursor: pointer
}

.ui-datepicker.ui-widget .ui-datepicker-next:before,
.ui-datepicker.ui-widget .ui-datepicker-prev:before {
	position: absolute;
	font-size: 20px;
	top: 50%;
	margin-top: -10px
}

.ui-datepicker.ui-widget .ui-datepicker-next .ui-icon,
.ui-datepicker.ui-widget .ui-datepicker-prev .ui-icon {
	display: none
}

.ui-datepicker.ui-widget .ui-datepicker-next.ui-state-hover,
.ui-datepicker.ui-widget .ui-datepicker-prev.ui-state-hover {
	border: 1px solid #b8b8b8;
	font-weight: initial
}

.ui-datepicker.ui-widget .ui-datepicker-prev:before {
	content: "\36";
	right: 50%;
	margin-right: -8px;
	font-family: "edita-font" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.ui-datepicker.ui-widget .ui-datepicker-prev.ui-state-hover {
	top: 2px;
	left: 2px
}

.ui-datepicker.ui-widget .ui-datepicker-next:before {
	content: "\70";
	left: 50%;
	margin-left: -8px;
	font-family: "edita-font" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.ui-datepicker.ui-widget .ui-datepicker-next.ui-state-hover {
	top: 2px;
	right: 2px
}

.ui-datepicker.ui-widget .ui-datepicker-calendar .ui-state-default {
	border: 0;
	background-color: #fff;
	background-image: initial;
	color: #555;
	padding: 8px 11px;
	font-weight: 300;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1;
	text-align: center;
	-webkit-transition: background-color 0.1s linear;
	transition: background-color 0.1s linear
}

.ui-datepicker.ui-widget .ui-datepicker-calendar .ui-state-default.ui-state-active,
.ui-datepicker.ui-widget .ui-datepicker-calendar .ui-state-default.ui-state-hover {
	border: 0;
	background-color: #bbb !important;
	background-image: initial
}

.ui-datepicker.ui-widget .ui-datepicker-calendar .dp-highlight {
	border: 1px solid #f2b21a
}

.ui-datepicker.ui-widget .ui-datepicker-calendar .dp-highlight .ui-state-default {
	background-color: #f2b21a;
	color: #fff
}

.ui-datepicker.ui-widget.ui-datepicker-multi {
	z-index: 400 !important;
	padding: 15px 0;
	padding: 1.5rem 0
}

.ui-datepicker.ui-widget.ui-datepicker-multi .ui-datepicker-group {
	padding: 0 15px;
	padding: 0 1.5rem;
	border-left: 1px solid #fff
}

.ui-datepicker.ui-widget.ui-datepicker-multi .ui-datepicker-group:first-child {
	border: 0
}

.ui-datepicker.ui-widget.ui-datepicker-multi table {
	width: 100%
}

@media (max-width: 767px) {
	.ui-datepicker.ui-widget .ui-datepicker-header {
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 1
	}
}

#quoteModal .modal-title {
	color: #fff;
	font-family: "Comfortaa", cursive;
	font-size: 25px;
	line-height: 1.2;
	font-weight: normal
}

#quoteModal .modal-content {
	background-color: #49b8c6
}

#quoteModal .close {
	color: #fff;
	opacity: 1
}

@media (min-width: 1200px) and (max-width: 1440px) {
	.edita-form-builder-container {
		padding: 0 40px
	}
}

/***HEADER***/

header {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 100;
	background: none;
	padding: 70px 100px 0;
	transition: background 0.2s, padding 0.2s;
}

header.scroll {
	background: #a2ced7;
	padding: 15px 100px 0;
}

header.scroll .contact {
	padding: 15px 10px;
}

header.scroll .container-button-menu {
	margin-top: 10px;
}

.container-top {
	position: relative;
	 z-index: 100;
	 max-width: 2000px;
	 left: 50%;
	 transform: translateX(-50%);
}

.container-bottom {
	background: #004a77;
	/*box-shadow: 0px -12px 30px -1px rgba(219,234,232,1);*/
}

.logo {
	margin: 0 auto;
	
}

.payoff {
	
	margin-top: 5px;
}

#header-slideshow .glide__slides {
  transition: none !important;
}

#header-slideshow .glide__slides > div {
	opacity: 0;
  	transition: all 0.7s;
	position: relative;
}

#header-slideshow .glide__slides > div.glide__slide--active {
	opacity: 1;
}

#header-slideshow .glide__arrow {
	font-size: 35px;
	border: 0;
	box-shadow: none;
	margin: 0;
	padding: 0;
}

#header-slideshow .glide__arrows .glide__arrow--left:hover,
#header-slideshow .glide__arrows .glide__arrow--right:hover {
	cursor: pointer;
	animation: shake 2s ease infinite;
}

@media screen and (max-width: 991px) {

	.payoff {
		
		margin-top: 25px;
	}
}

.container-button-menu {
	display: flex;
	border: 1px solid #fff;
	max-width: 340px;
	align-items: center;
	padding: 0 20px;
}

.navbar-toggle {
	display: inline-block;
	color: #fff;
	height: 80px;
	width: 80px;
	position: relative;
	margin-right: 50px;
}

.navbar-toggle .label-menu {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	font-weight: 600;
}

.navbar-toggle i {
    display: block;
    font-size: 20px;
    line-height: 2.5;
    line-height: 1;
    transition: opacity 0.2s ease-in-out;
    transform: translateX(-50%);
    color: #fff;
    text-align: center;
	position: absolute;
	top: 20px;
	left: 50%;
}

.navbar-toggle i.icon-edt-times-4 {
	opacity: 0;
}

.navbar-toggle.menu-open i {
	opacity: 0;
}

.navbar-toggle.menu-open i.icon-edt-times-4 {
	opacity: 1;
}


.navbar-toggle .barra {
    width: 40px;
    height: 3px;
    margin-bottom: 7px;
    background-color: #fff;
	margin-left: 0;
	transition: width 0.5s;
	display:block;
}

.navbar-toggle .barra:nth-child(2) {
	width: 35px;
}

.navbar-toggle .barra:nth-child(3) {
	width: 30px;
}

.navbar-toggle:hover .barra {
	width: 40px;
}

.btn, .btn-menu, .navbar-toggle, .btn:active, .btn:hover, .btn:focus{
	color:#fff;
	text-transform: uppercase;
}

.menu-canvas {
	z-index: 99;
    height: 100%;
    top: 0;
    background-color: rgba(162, 206, 215, 0.8);
    display: flex;
    align-items: center;
    transition: opacity .1s linear;
    opacity: 0;
    transform: translateY(-100%);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
	position: fixed;
	left: 0;
	width: 100%;
}

.menu-canvas.menu-canvas-open {
	transform: translateY(0);
    opacity: 1;
}

.main-navigation {
	flex-basis: 50%;
    padding-top: 70px;
    padding-top: 7.2vh;
    padding-right: 4.43vw;
}

.main-navigation ul {
	list-style: none;
    padding: 0;
    margin: 0;
}

.main-navigation ul li {
	text-align: right;
	margin-bottom: 10px;
}

.main-navigation ul li a {
	color: #fff;
	text-decoration: none;
	font-size: 30px;
	text-transform: uppercase;
	transition: opacity, 0.2s;
}

.main-navigation ul li a:hover {
	opacity: 0.7;
}

.mobi-buttons {
	display: none;
}

.contact {
	font-size: 20px;
	line-height: 24px;
	color: #c06811;
	margin: 0px 0 5px;
	text-align: right;
	padding: 15px 10px;
	transition: padding, 0.2s;
	margin-top: -10px;
}


.contact .button {
	margin: 0 15px;
	transition: opacity, 0.2s;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
}

.contact .button i {
	vertical-align: middle;
	margin-right: 10px;
}

.contact .button:hover {
	color: #fff;
	opacity: 0.6;
}

.contact.btn-contacts {
	position: relative;
	margin-top: 0;
}

.contact.btn-contacts::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1px;
	height: 110%;
	background: #fff;
}

.contact.btn-contacts .button {
	margin: 0 22px;
}

.contact.btn-contacts .button i {
	margin-right: 0;
}

.button.btn-preventivo {
	background: #efb50a;
	padding: 30px;
	text-transform: uppercase;
	-webkit-box-shadow: 0px 0px 40px -18px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 40px -18px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 40px -18px rgba(0,0,0,0.6);
	transition: background, 0.2s;
	font-size: 26px;
	font-weight: 300;
	display: inline-block;
	letter-spacing: 1.2px;
}

.contact .button.btn-preventivo {
	width: 77%;
}

.button.btn-preventivo img {
	width: 35px;
	display: inline-block;
	margin-left: 5px;
}

.contact .button.btn-preventivo img {
	width: auto;
	margin-left: auto;
}

.button.btn-preventivo strong {
	font-weight: 900;
}

.button.btn-preventivo > div:last-child {
	font-size: 28px;
	letter-spacing: 1px;
	font-weight: 400;
	font-family: var(--font-family2);
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-transform: none;
}


.button.btn-preventivo i {
	margin-left: 25px;
	margin-right: 0;
	vertical-align: middle;
}

.button.btn-preventivo:hover {
	opacity: 1;
	background: #cc9b0a;
}

.cliccaqui {
	float: right;
	min-width: 200px;
	margin: 13px 0 15px;
}

.hidden-contatti {
	display: none;
}

/** MENU **/

.btn:hover, .btn:focus {
	outline: 0;
	text-decoration: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

header .menu {
	text-align: left;
	text-transform: uppercase;
	padding: 0;
}

.nav-bar > li > a {
	padding: 0;
	font-size: 16px;
	line-height: 20px;
	color: #000;
}

header .menu .nav > li > a, 
header .menu .nav > li > a:link {
	font-size: 20px;
	line-height: 22px;
	color: #fff;
	padding: 15px 20px;
	text-decoration: none;
	background: none;
	 
}

header .menu .nav > li > a:hover,
header .menu .nav > li > a:active, 
header .menu .nav > li > a:focus,
header .menu .nav > li.active a {
	color: #5a5a5a;
	background: #fff;
}

/** SLIDER IMMAGINI **/

.cycle-slideshow {
	z-index: 1;
}

.section-slide {
	z-index: 1;
	max-width: 2000px;
	margin: 0 auto;
	position: relative;
}

.section-slide .header-banner {
	position: absolute;
	bottom: -30px;
	left: 10%;
	z-index: 1;
}

.arrow-slide {
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	z-index: 3;
	color: #fff;
	font-size: 50px;
}

.prev-next {
	z-index: 3;
}

.prev-next #prev {
	position: absolute;
	left: 3%;
}

.prev-next #next {
	position: absolute;
	right: 3%;
}

.prev-next #prev:hover,
.prev-next #next:hover {
	cursor: pointer;
	animation: shake 2s ease infinite;
}

@keyframes shake {
	0%, 100% {transform: translate(0, -50%);}
	10%, 30%, 50%, 70%, 90% {transform: translate(-5px, -50%);}
	20%, 40%, 60%, 80% {transform: translate(5px, -50%);}
}

.payoff {
	position: absolute;
	bottom: 10%;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	text-align: center;
	z-index: 3;
	font-size: 90px;
	line-height: 1.1;
	font-family: var(--font-family2);
	white-space: pre-line;
	width: 80%;
}

/*12 MINUTE FIERA*/

.incipit-slider {
	position: absolute;
	top: 40px;
	width: 100%;
	z-index: 1000;
}

.incipit-slider-box {
	background: rgba(255, 255, 255, 0.8);
	color: #e95d0f;
	font-size: 32px;
	line-height: 36px;
	padding: 20px;
	font-weight: bold;
	text-align: center;
}

/*PRENOTA QUESTA OFFERTA*/

.section-slide-offerta-outside {
	position: relative;
	z-index: 2;
	width: 100%;
}

.section-slide-offerta {
	position: absolute;
	bottom: 30px;
	width: 100%;
}

/*BG DOT*/

.bg-dot {
	background: url(https://promozioni.hotelravellorimini.com/template/ravellorimini/modello-pacchetti/common/images/background/bg-dot.jpg);
	width: 100%;
	height: 17px;
	display: block;
}

/**OFFERTE **/

main#site-content {
	padding-bottom: 80px;
}

main#site-content img {
	max-width: 100%;
	height: auto;
}

#content-main {
	position: relative;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #fff;
	text-align: center;
}

#content-main .container {
	position: relative;
	padding-top: 90px;
	padding-bottom: 30px;
	max-width: 1490px;
}

.box-offerta {
	background: #fff;
	color: #000000;
	font-size: 20px;
	line-height: 25px;
	padding-top: 12px;
	padding-right: 12px;
	padding-left: 18px;
	padding-bottom: 2px;
}
 
.section-offerte {
	position: relative;
	z-index: 4;
}

.content-offerta .btnInvia {
	font-size: 28px;
	line-height: 30px;
	color: #fff;
	padding: 20px;
	text-transform: uppercase;
	background: #ff7436;
	font-weight: 700;
	text-align: left;
	-webkit-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.48);
	-moz-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.48);
	box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.48);
}

.content-offerta .btnInvia:hover {
	background: #f5bf1d;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

.content-offerta a:link,
.content-offerta a:visited,
.content-offerta a:hover {
	text-decoration: none;
}

.content-offerta .freccia {
	width: 10px;
	height: 20px;
	position: absolute;
	background: url(https://promozioni.hotelravellorimini.com/template/ravellorimini/modello-pacchetti/common/images/background/freccia-pulsante-bianca.png) right no-repeat;
	border: 0px solid red;
	right: 120px;
	margin-top: -26px;
}

.scadenza {
	background: url(https://promozioni.hotelravellorimini.com/template/ravellorimini/modello-pacchetti/common/images/background/orologio.png) no-repeat left top;
	min-height: 60px;
}

.scadenza div {
	padding-left: 60px;
	color: #97948f;
	font-weight: 400;
	
	font-size: 18px;
}

.scadenza div b {
	color: #fbc125;
}

#content-main .section-offerte mark a, #content-main .section-offerte mark a:visited {
	color: #ca9539;
	font-size: 42px;
	line-height: 42px;
	padding-bottom: 30px;
	text-decoration: none;
}
#content-main .section-offerte mark a:hover, #content-main .section-offerte mark a:active {
	color: #333;
	text-decoration: none;
}

span.titledecor {
	font-weight: 300;
	line-height: 40px;
}

#content-main .section-offerte .sottotitolo-offerta {
	font-family: var(--font-family2);
	font-size: 30px;
	line-height: 1.2;
	letter-spacing: 2px;
	color: #0bb7be;
	font-weight: 400;
	margin-bottom: 45px;
}

.box-date {
	padding-bottom: 16px;
	padding-top: 8px;
	padding-right: 6px;
	padding-left: 6px;
}

.mese {
	text-transform: uppercase;
	color: #337ab7;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0px;
	margin-top: 38px;
}

.primo-blocco {
	background-color: #fff; 
	border: 1px solid #337ab7;
}

.stile-primo-blocco {
	color: #337ab7; 
	text-align: center; 
	font-size: 32px;
}

.secondo-blocco {
	background-color: #337ab7; 
	border: 1px solid #337ab7;
	height: 32px;
}

.stile-secondo-blocco {
	color: #fff; 
	text-align: center; 
	font-size: 14px;
	margin: 0px;
	font-weight: 300;
}

.riga {
	padding-bottom: 32px;
	width: 80%;
	margin-left: -5px;
	margin-right: -5px;
}

/****/
/**INFO**/

#content-main .section-info .box-info {
	float: right;
	max-width: 500px;
}

#content-main .section-info mark {
	position: relative;
	/* height: 74px; */
	/*background: url('https://promozioni.hotelravellorimini.com/template/ravellorimini/modello-pacchetti/common/images/background/pattern.jpg');*/
	 background-color:#55c3c4; 
	font-size: 30px;
	line-height: 32px;
	color: #FFF;
	text-align: center;
	padding-top:30px;
	padding-bottom:30px;
	margin-left: -30px;
	margin-right: -30px;
	text-transform: uppercase;
	font-weight: bold;
}

#content-main .section-info mark::after {
	/*content: url('https://promozioni.hotelravellorimini.com/template/ravellorimini/modello-pacchetti/common/images/arrow.png');
	position: absolute;*/
	width: 40px;
	height: 15px;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
}

#content-main .section-info .txt {
	font-size: 17px;
	line-height: 22px;
	padding-bottom: 20px;
	padding-top: 20px;
	text-align: center;
	color: #262626;
	font-weight: normal;
}

#content-main .section-info .privacy {
	padding-top: 10px;
}

#content-main .section-info .btnInvia {
	width: 100%;
	height: 100%;
	font-size: 28px;
	line-height: 30px;
	color: #fff;
	margin-top: 30px;
	padding: 30px 70px;
	border: 1px solid #fff;
	text-align: left;
	text-transform: uppercase;
	background:  #ff7436;
	font-weight: 700;
	-webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
			box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
}

#content-main .section-info .btnInvia:hover {
	background: #f5bf1d;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

#content-main .section-info .freccia {
	width: 25px;
	height: 25px;
	position: absolute;
	background: url(https://promozioni.hotelravellorimini.com/template/ravellorimini/modello-pacchetti/common/images/background/freccia-pulsante-bianca.png) right no-repeat;
	border: 0px solid red;
	right: 80px;
    bottom: 34px;
}


.doppiologo {
	width: 372px;
	margin: 0 auto;
}

.push-right-click {
	float: right;
}


/* FORM */

.defaultForm table {
	border-collapse: collapse;
}

.defaultForm table td {
	vertical-align: top;
}

.defaultForm .spacingtd {
	width: 10px;
}

.defaultForm button {
	line-height: 50px;
	color: #FFF;
	font-size: 26px;
	background: #000;
	width: 100%;
	text-align: center;
	margin-top: 20px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.defaultForm button:hover {
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.5);
}

.defaultForm .privacy {
	float: left;
}

.defaultForm .privacy .privacyText {
	display: none;
}

.defaultForm .thanks {
	line-height: 30px;
	font-size: 25px;
    padding-top: 20px;
	color: #857972;
}

.defaultForm .thanks p {
	margin: 20px;
}

.defaultForm .some_errors {
	display: block;
	color: #ffffff;
	background: #b02b2b;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
	padding: 10px;
} 

.privacyOverlay {
	background: #FFF;
}

.privacyOverlay > div {
	padding: 20px;
}

.pluginForm .default_loading {
	display: none;
	text-align: center;
}

.pluginForm .default_loading img {
	margin: 20px auto 0px auto;
	border: none;
}

.pluginForm output {
	display: none;
}

.pluginForm output div {
	margin-top: 100px;
}

#eta-bambini {
	display: none;
}

#eta-bambini select {
	margin-bottom: 10px;
	display: none;
}

/*COSTA PARCHI*/
.costa-title {
	background: #e25606;
	padding: 10px 0px;
	text-align: center;
}
.costa-subtitle {
	background: #c2c2c2;
	text-align: center;
	color: #FFF;
	text-transform: uppercase;
	padding: 5px 0px;
}
.costa-parchi {
	border: 1px solid #c2c2c2;
	text-align: center;
	padding: 10px 0px;
}

footer {
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 1.1;
	color: #333333;
	font-weight: 400;
	padding: 0 0 20px;
	text-align: left;
	background-color:#fff;
}

footer > .container {
	max-width: 1400px;
}

footer .logo-footer {
	margin-bottom: 30px;
}

footer .credits {
	font-size: 16px;
	line-height: 18px;
	margin-top: 30px;
}

footer .credits img {
	vertical-align: middle;
}

footer .credits a {
	color: #333;
}

footer .credits a:hover,
footer .credits a:active,
footer .credits a:focus {
	text-decoration: none;
}

.vb {
	text-transform: uppercase;
}

footer .cliccaqui {
	margin: 0;
}

footer .contact .text-right {
	text-align: right;
}

footer .contact a {
	color: #fff;
	font-size: 34px;
	font-weight: 400;
	text-decoration: none;
	display: inline-block;
	background: #c1996f;
	padding: 25px 30px;
	transition: background, 0.2s;
}

footer .contact a i {
	vertical-align: middle;
	margin-right: 10px;
}

footer .contact a:hover {
	background: #a1815e;
}

small {
	color: #023062;
}

.textPrivacy {
	font-size: 14px;
	color: #857972;
	line-height: 1.3;
	letter-spacing: normal;
}

.textPrivacy a {
	font-size: 14px;
	color: #857972;
}

.section-newsletter .textPrivacy a {
	color: #857972;
}

.privacyOverlay h5 {
	font-size: 15px;
}

.privacyOverlay {
	font-size: 13px;
}

.privacyOverlay p {
	line-height: 1.7em;
}

.clickAction {
	cursor: pointer;
}

.btnInvia a {
	color: #fff;
	text-decoration: none;
	line-height: 27px;
}

.socialBox {
	text-align: center;
	padding: 30px 0px;
}

.socialBox span {
	display: block;
	width: 31%;
	float: left;
	text-align: center;
	margin: 0px 6px;
	background: #999;
	color: #FFF;
	font-size: 16px;
	line-height: 20px;
	padding: 10px 5px;
	cursor: pointer;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
}

.socialBox span.facebook {
	background: #4862A3;
}

.socialBox span.google {
	background: #DD4B39;
}

.socialBox span.twitter {
	background: #00ACEE;
}

.videoContainer {
	height: 700px;
	overflow: hidden;
}

.videoWrapper {
	position: relative;
	padding-bottom: 75.25%; /* 16: 9 */
	height: 0;
	bottom: 150px
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.condizioni {
	background: url('https://promozioni.hotelravellorimini.com/template/ravellorimini/modello-pacchetti/common/images/background/bg-condizioni.jpg') no-repeat center center;
	background-size: cover;
	padding: 80px;
	font-size: 23px;
	line-height: 1.1;
	color: #6c6151;
	position: relative;
	right: -45px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.13);
	text-align: right;
}

.condizioni::before {
	content: '';
	position: absolute;
	top: -45px;
	right: 0;
	width: 0;
    height: 0;
    border-bottom: 45px solid #c1996f;
    border-right: 45px solid transparent;
}

.condizioni h2 {
	font-size: 50px;
	line-height: 1.1;
	text-transform: uppercase;
	color: #55c1d2;
	font-weight: 900;
}

.condizioni h3 {
	font-size: 25px;
	line-height: 26px;
	color:#fbac18;
	font-weight: 600;
	text-transform: uppercase;
}

.condizioni ul {
	margin-top: 20px;
	list-style-type: none;
	position: relative;
	margin: 0 40px 10px 0;
}

.condizioni ul li {
	position: relative;
	margin-bottom: 40px;
	padding-right: 10px;
}

.condizioni ul li::before {
    content: '\E01C';
    font-family: 'edita-font';
    position: absolute;
    color: #65c5d3;
    right: -30px;
    top: 0;
}

.is-table-row {
	display: table;
}

.is-table-row [class*="col-"] {
	float: none;
	display: table-cell;
	vertical-align: top;
}

#site-content .txt {
	color: #444444;
	font-size: 18px;
	font-weight: 400;
	vertical-align: top;
}

#site-content .txt strong {
	color: #444;
}

#site-content .txt ul {
	list-style-type: none;
}

#site-content .txt ul li::before {
  content: "\2022";
  color: #dfaf61;
  font-weight: bold;
  font-size: 20px;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

/** MODAL OVERLAY **/

#onloadmodal {
	display: none;
}

#onloadmodal.modal{
	overflow-y: auto;
}

html.modal-open,
body.modal-open{
	overflow:auto;
	overflow-x:hidden;
	overflow-y:hidden;
	margin-right: 0;
}

#onloadmodal .modal-content {
    box-shadow: none;
    border: 0;
    background-color: transparent;
}

#onloadmodal .modal-header {
	border: 0;
	padding-top: 0;
	padding-bottom: 0;
}

#onloadmodal .modal-header:after {
	content: "";
	clear: both;
	display: block;
}

#onloadmodal .modal-content-top {
	background: #FFF;
	text-align: center;
	padding: 15px 15px 0 15px;
}

#onloadmodal .modal-content-bottom {
	background-color: rgba(238,238,238,0.9);
	padding: 15px;
}

#onloadmodal .privacy-title {
	font-size: 13px;
}

#onloadmodal .privacy-desc {
	font-size: 12px;
	margin-bottom: 10px;
}

#onloadmodal .form-control {
	margin-bottom: 15px;
}

#onloadmodal .modal-title {
	line-height: 1;
	margin-bottom: 12px;
	background-color: transparent;
}

#onloadmodal .epu-form-title,
#onloadmodal .epu-form-description {
	text-align: center;
}

#onloadmodal .epu-form-title {
	line-height: 1;
	background-color: transparent;
    display: block;
	padding: 0;
    margin-bottom: 5px;
}

#onloadmodal .epu-form-description {
	font-weight: bold;
	margin-bottom: 13px;
}

#onloadmodal .epu-form-wrapper {
	width: 320px;
	margin: 0 auto;
	max-width: 100%;
}

#onloadmodal .epu-form-wrapper button {
	width: 100%;
	display: block;
    font-size: 30px;
    line-height: 1;
    padding: 11px 20px;
    text-transform: uppercase;
	border: 0;
	white-space: normal;
}

#onloadmodal button:hover {
	border: 0;
}

#onloadmodal .close {
    font-size: 30px;
    font-size: 3rem;
    line-height: 0;
	text-shadow: none;
	opacity: 1;
	color: #000;
	background: #fff;
    border-radius: 100%;
    width: 30px;
    height: 30px;
	text-align: center;
	padding: 0;
}

#onloadmodal .close span {
	display: inline-block;
	position: relative;
	top: -3px;
}

#onloadmodal .modal-arrivederci {
	background-size: cover;
	background-repeat: no-repeat;
}

#onloadmodal .error,
#onloadmodal [type="checkbox"].error + .privacy-title {
	background-color: #fbf0d3;
}

#onloadmodal .modal-description p:last-child {
	margin-bottom: 0;
}

/* modifiche per Layout */
#onloadmodal.epu-image-only .modal-inner-content img.img-responsive {
	margin-left: auto;
}

#onloadmodal.epu-modal-2 .modal-arrivederci {
	background-size: 0;
	background-color: #FFF;
}

#onloadmodal.epu-modal-2 .epu-form-wrapper {
	width: unset;
}

#onloadmodal.epu-modal-2 .modal-content-top {
	text-align: left;
	padding-left: 40px;
	background-color: transparent;
}

#onloadmodal.epu-modal-2 .epu-form-title,
#onloadmodal.epu-modal-2 .epu-form-description {
	display: none;
}

#onloadmodal.epu-modal-2 .modal-content-bottom {
	background-color: transparent;
	padding-left: 40px;
	padding-right: 40px;
}

#onloadmodal.epu-modal-3 .modal-dialog {
	display: block;
}


#onloadmodal.epu-modal-4 .epu-form-title,
#onloadmodal.epu-modal-4 .epu-form-description {
	display: none;
}

#onloadmodal.epu-modal-4 .modal-content-top {
	background-color: transparent;
	padding: 25px;
}

#onloadmodal.epu-modal-4 .modal-content-bottom {
	padding: 20px 25px 25px 25px;
}

#onloadmodal.epu-modal-4 .epu-form-wrapper {
	width: unset;
}

.modal-backdrop.in {
	background: #a2ced7;
	opacity: 0.85;
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	
	#onloadmodal.epu-modal-4 .modal-content-top {
		padding: 45px 45px 25px 45px;
	}

	#onloadmodal.epu-modal-4 .modal-content-bottom {
		padding: 20px 45px 45px 45px;
	}

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	#onloadmodal .modal-content-top,
	#onloadmodal .modal-content-bottom {
		padding: 20px 20px;
	}

	#onloadmodal .modal-content-top {
		margin-top: 25px;
	}

	#onloadmodal .modal-text-col {
		padding-right: 30px;
	}

	#onloadmodal .modal-inner-content {
		margin-bottom: 30px;
	}

	#onloadmodal .epu-form-wrapper button {
		padding-left: 50px;
		padding-right: 50px;
	}

	#onloadmodal .modal-dialog {
		width: 900px;
	}

	#onloadmodal.epu-modal-2 .modal-content-top {
		min-height: 350px;
	}

	#onloadmodal.epu-modal-2 .modal-arrivederci {
		background-size: contain;
		min-height: 640px;
		background-color: transparent;
	}
	
	#onloadmodal.epu-modal-4 .modal-content-top {
		padding-left: 45px;
		padding-top: 45px;
		padding-right: 0;
	}
	
	#onloadmodal.epu-modal-4 .modal-content-bottom {
		padding-left: 45px;
		padding-bottom: 0;
		padding-right: 0;
	}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

	#onloadmodal.epu-no-image .modal-arrivederci > .container {
		width: 500px;
	}

	#onloadmodal .modal-dialog {
		width: 1000px;
	}
	
	#onloadmodal.epu-modal-2 .modal-content-top {
		min-height: 400px;
	}
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

	#onloadmodal .modal-title,
	#onloadmodal .epu-form-title {
		font-size: 28px;
	}
	#onloadmodal .modal-description,
	#onloadmodal .epu-form-description {
		font-size: 14px;
	}

	#onloadmodal .privacy-title,
	#onloadmodal .privacy-desc {
		font-size: 10px;
	}

	#onloadmodal .epu-form-wrapper button {
		font-size: 22px;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	#onloadmodal .modal-body img {
		width: 100%;
	}
}

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	#onloadmodal .modal-arrivederci > .container {
		background-image: unset !important;
		background-color: #FFF;
	}

	#onloadmodal .modal-content-bottom {
		padding-bottom: 25px;
	}

	#onloadmodal .modal-dialog {
		padding: 30px 10px 0;
	}

	#onloadmodal .modal-body {
		padding: 0;
	}

	#onloadmodal .modal-body img {
		width: 80%;
		display: block;
		margin: 0 auto;
	}
}

.cta-mobile {
	display: none;
}

#cookiescript_badge {
	display: none !important;
}
						
	        	        #pacchetti {
    background: #fbeede url('https://promozioni.hotelravellorimini.com/template/ravellorimini/modello-pacchetti/pacchetti/images/background/bg-pacchetti.jpg') repeat;
    background-size: 100%;
    background-position: left top;
    padding: 40px 0 80px;
}

#pacchetti mark {
    text-align: center;
    font-family: var(--font-family2);
    font-size: 100px;
    letter-spacing: -2px;
    line-height: 1.2;
    color: #c2996f;
    font-weight: 400;
    margin-bottom: 80px;
}

#pacchetti .container.single-offer {
    max-width: 1500px;
}

#pacchetti cycle-offers {
    z-index: 1;
}

#pacchetti article {
    padding: 0 10px;
    vertical-align: top;
}

#pacchetti article .image img {
	height: 100%;
    width: 100%;
    object-fit: cover;
}

#pacchetti .single-offer article .image img {
    height: 560px;
}

#pacchetti article.two-offers .image img {
    height: 310px;
}

#pacchetti .info-container {
    padding: 40px 25px;
    white-space: normal;
    background: #fff;
    position: relative;
}

#pacchetti .info-container .title {
    font-size: 36px;
    color: #c2996f;
    font-weight: 200;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 20px;
}

#pacchetti .info-container .text {
    font-size: 30px;
    line-height: 34px;
    color: #55c1d2;
    font-weight: 700;
    font-family: var(--font-family2);
    line-height: 1.2;
    margin-bottom: 60px;
}

#pacchetti .price-container {
    font-size: 18px;
    letter-spacing: 1px;
    color: #57442c;
    font-weight: 300;
    line-height: 1.1;
    padding-bottom: 150px;
}

#pacchetti .single-offer .price-container {
    padding-bottom: 50px;
}

#pacchetti .price-container > span {
    display: block;
}

#pacchetti .price-container .initial-price {
    font-weight: 700;
    text-decoration: line-through;
    color: #85b5be;
    font-size: 20px;
}

#pacchetti .price-container .price {
    font-size: 47px;
    color: #c2996f;
    font-weight: 900;
    line-height: 1.3;
    text-transform: uppercase;
    vertical-align: middle;
    margin: 0;
}

#pacchetti .button-container {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    width: 90%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

#pacchetti .single-offer .button-container {
    justify-content: space-between;
    flex-direction: row;
    width: 75%;
    position: absolute;
    bottom: 20px;
}

#pacchetti .button-container .button i {
    margin-left: 3px;
    vertical-align: middle;
}

#pacchetti .button-container .button.btn-preventivo,
#pacchetti .button-container .button.btn-dettagli {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    text-decoration: none;
    padding: 15px 10px;
    text-align: center;
    margin-bottom: 15px;
}

#pacchetti .button-container .button.btn-dettagli {
    background: #fff;
    border: 1px solid #c2996f;
    color: #c2996f;
    transition: background 0.2s, color 0.2s;
    text-transform: lowercase;
}

#pacchetti .button-container .button.btn-dettagli:hover {
    background: #c2996f;
    color: #fff;
    cursor: pointer;
}

#pacchetti .single-offer .button-container .button.btn-preventivo,
#pacchetti .single-offer .button-container .button.btn-dettagli {
    padding: 15px 20px;
    margin-bottom: 0;
}

#pacchetti .modal-content {
    position: relative;
}

#pacchetti .modal-dialog {
    width: 800px;
}

#pacchetti .modal-body {
    padding: 0;
}

#pacchetti .modal-body .info-container .text {
    font-family: var(--font-family1);
    color: #333;
    font-size: 18px;
    font-weight: 400;
}

#pacchetti .modal-body .info-container .text ul {
    margin-top: 20px;
}

#pacchetti .modal-body .image img {
    height: 400px;
    width: 100%;
    object-fit: cover;
}

#pacchetti .modal-body .button-container {
    position: relative;
    left: auto;
    bottom: auto;
    transform: none;
    width: 50%;
}

#pacchetti .modal-body .price-container {
    padding-bottom: 20px;
}

#pacchetti .modal-content .close {
    position: absolute;
    top: -30px;
    right: 0;
    z-index: 1;
    color: #fff;
    text-shadow: none;
    opacity: 1;
    font-size: 30px;
}

#pacchetti .cycle-container-offers {
    padding: 15px 0 15px 15px;
}

#pacchetti .single-offer .cycle-container-offers {
    background: #fff;
}

#offer-pager {
    margin-top: 20px;
}

#offer-pager.cycle-pager span {
    color: #cca791;
}

#pacchetti .slider__arrow {
    color: #FFF;
    background-color: #0bb7be;
    box-shadow: none;
    border: 0;
    border-radius: 0;
}

#pacchetti .slider__arrow--next {
    right: 0;
}

#offer-pager.cycle-pager span.cycle-pager-active {
    color: #998171;
}

#pacchetti .glide__bullets {
    position: relative;
    bottom: auto;
    left: auto;
    transform: none;
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

#pacchetti .glide__bullet {
    width: 12px;
    height: 12px;
    box-shadow: none;
    background: #d8ab7e;
    border: 0;
}

#pacchetti .glide__bullet--active {
    background: #775e46;
    border: 0;
}

#pacchetti article.single-offer {
    display: flex;
    flex-direction: row;
    padding: 0;
}

#pacchetti .single-offer .image {
    flex: 0 0 50%;
}

#pacchetti .single-offer .info-container {
    flex: 0 0 50%;
    padding: 40px min(80px, 7vw);
}

#pacchetti .discount-code {
    font-size: 16px;
}

@media (min-width: 1200px) and (max-width: 1680px) {
    #pacchetti .single-offer .info-container {
        padding: 40px 50px;
    }

    #pacchetti .single-offer .button-container {
        width: 85%;
    }

    #pacchetti .button-container {
        width: 85%;
    }
}

@media(max-width: 1024px) {
    #pacchetti {
        padding: 0 0 80px;
    }

    #pacchetti mark {
		margin: 30px 0;
        font-size: 50px;
	}

	#pacchetti img {
		width: 100%;
	}

    #pacchetti .button.btn-preventivo img {
        width: 7%;
    }

    #pacchetti .modal-dialog {
		width: 93%;
		padding: 40px 0 10px;
	}

    #pacchetti .info-container .title {
		font-size: 25px;
	}

	#pacchetti .info-container .text {
		font-size: 20px;
		margin-bottom: 15px;
	}

	#pacchetti article.single-offer {
		flex-direction: column;
		padding: 0 15px
	}

	#pacchetti article.single-offer .image {
		flex: 0 1 100%;
	}

	#pacchetti article.single-offer .info-container {
		flex: 0 0 100%;
	}

    #pacchetti .single-offer .info-container {
        padding: 40px 0;
    }

    #pacchetti article {
		padding: 0;
	}

    #pacchetti .single-offer .cycle-container-offers {
        padding: 20px 0 0;
    }

    #pacchetti .button-container,
    #pacchetti .single-offer .button-container {
		flex-direction: column;
		margin-top: 0;
		text-align: center;
		width: 95%;
	}

    #pacchetti .single-offer .button-container {
        position: relative;
        bottom: auto;
    }
    

	#pacchetti .button-container a {
		display: block;
		margin-bottom: 15px;
	}

	#pacchetti .info-container {
		padding: 30px 15px 10px;
		position: relative;
		text-align: center;
	}

	#pacchetti .price-container {
		padding-bottom: 160px;
		text-align: center;
	}

	#pacchetti .price-container .prefix,
	#pacchetti .price-container .price,
	#pacchetti .price-container .suffix {
		display: block;
	}

	#pacchetti .modal-body .price-container {
		text-align: left;
	}

	#pacchetti .modal-body .price-container .prefix,
	#pacchetti .modal-body .price-container .price,
	#pacchetti .modal-body .price-container .suffix {
		display: block;
	}

	#pacchetti .modal-body .button-container {
		width: 100%;
	}

	#pacchetti .modal-body .image img {
		height: 200px;
		width: 100%;
		object-fit: cover;
	}

    #pacchetti .modal-body .info-container {
        text-align: left;
    }

	#pacchetti article .image img,
	#pacchetti .single-offer article .image img,
	#pacchetti article.two-offers .image img {
		height: 320px;
		width: 100%;
		object-fit: cover;
	}

    #pacchetti .button-container .button.btn-preventivo,
    #pacchetti .button-container .button.btn-dettagli {
        font-size: 16px;
    }

    #pacchetti .single-offer .button-container .button.btn-dettagli {
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {

}
						
	        	        #buoni_motivi {
	position: relative;
	background: #fff;
	padding: 115px 0 0;
}

#buoni_motivi mark {	 
	text-align: center;
	font-size: 100px;
	letter-spacing: -2px;
	color: #55c1d2;
	font-weight: 400;
	line-height: 1.2;
	font-family: var(--font-family2);
	position: relative;
	margin-bottom: 120px;
}

#buoni_motivi .servizi-container {
	position: relative;
}

#buoni_motivi .servizi-container .item-servizi {
	position: relative;
}

#buoni_motivi .servizi-container .item-servizi::before {
	content: '';
	position: absolute;
	top: -80px;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('https://promozioni.hotelravellorimini.com/template/ravellorimini/modello-pacchetti/buoni_motivi/images/background/bg-buoni-motivi.png');
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-size: 50%;
}

#buoni_motivi .servizi-container .item-servizi.reversed::before {
	background-position: 0 0;
}

#buoni_motivi .servizi-container .content-item-servizi p{
	margin: 0;
 	
}

#buoni_motivi .content-item-servizi {
	display: flex;
	padding: 0 100px 170px;
}

#buoni_motivi .content-item-servizi .image {
	flex: 0 0 55%;
	position: relative;
	z-index: 1;
}

#buoni_motivi .item-servizi.reversed .content-item-servizi .image {
	order: 2;
}

#buoni_motivi .servizi-container img {
	display: block;
	width: 100%;
}

#buoni_motivi .content-item-servizi .text {	
	font-size: 18px;
	line-height: 23px;
	color: #857972;
	font-weight: 300;
	flex: 0 0 45%;
	padding: 140px 120px 140px 150px;
	align-self: center;
	background: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	position: relative;
}

#buoni_motivi .content-item-servizi .text::before {
	content: '';
	position: absolute;
	top: 0;
	left: -50px;
	width: 50px;
	height: 100%;
	background: #fff;
	z-index: 1;
}


#buoni_motivi .content-item-servizi .text .title {
	font-size: 70px;
	letter-spacing: -2px;
	line-height: 1;
	color: #0bb7be;
	font-weight: 200;
	margin-bottom: 60px;
}

#buoni_motivi .content-item-servizi .text .desc {
	margin-bottom: 50px;
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 1.2;
	color: #333333;
}

#buoni_motivi .content-item-servizi .text h2 {
	font-size: 24px;
	line-height: 1;
	color: #857972;
	font-weight: 400;
	margin-top: 40px;
}


#buoni_motivi .content-item-servizi .text p {
	margin: 0 0 20px;
}

#buoni_motivi .content-item-servizi .text .btn-preventivo {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	box-shadow: none;
	margin-top: 30px;
	padding: 25px 30px;
	font-size: 18px;
	letter-spacing: 1.2px;
}

#buoni_motivi .content-item-servizi .text .btn-preventivo img {
	width: auto;
	display: inline-block;
}

#buoni_motivi .content-item-servizi .text .btn-preventivo i {
	vertical-align: middle;
}

#buoni_motivi .item-servizi.reversed .content-item-servizi .text {
	order: 1;
	padding: 140px 150px 140px 120px;
}

#buoni_motivi .item-servizi.reversed .content-item-servizi .text::before {
	left: auto;
	right: -50px;
	z-index: 2;
}

@media (min-width: 1200px) and (max-width: 1680px) {
	#buoni_motivi .content-item-servizi {
		padding: 0 65px 120px;
	}

	#buoni_motivi .content-item-servizi .text,
	#buoni_motivi .item-servizi.reversed .content-item-servizi .text {
		padding: 50px;
	}

	#buoni_motivi .content-item-servizi .text .title {
		margin-bottom: 40px;
	}

	#buoni_motivi .content-item-servizi .text .desc {
		margin-bottom: 20px;
	}
}

@media(max-width: 1024px) {
	#buoni_motivi {
		padding: 45px 0 0;
	}

	#buoni_motivi mark {
		font-size: 50px;
		margin: 0 45px 55px;
		line-height: 0.9;
	}
	
	#buoni_motivi .content-item-servizi {
		padding: 0 15px 50px;
		flex-direction: column;
	}

	#buoni_motivi .servizi-container .item-servizi {
		background: none;
	}

	#buoni_motivi .content-item-servizi .text,
	#buoni_motivi .item-servizi.reversed .content-item-servizi .text {
		flex: 0 0 100%;
		padding: 0 15px;
		box-shadow: none;
	}

	#buoni_motivi .item-servizi.reversed .content-item-servizi .image {
		order: 1;
	}

	#buoni_motivi .item-servizi.reversed .content-item-servizi .text {
		order: 2;
	}

	#buoni_motivi .content-item-servizi .text .title {
		font-size: 40px;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	#buoni_motivi .content-item-servizi .text .btn-preventivo {
		display: block;
		text-align: center;
	}

	#buoni_motivi .text {
		min-height: 66px;
	}

	#buoni_motivi .text span {
		font-size: 18px;
	}

	#buoni_motivi .servizi-container .item-servizi::before {
		display: none;
	}
}


						
	        	        .punti_di_forza_tab{
	background-image: url('https://promozioni.hotelravellorimini.com/template/ravellorimini/modello-pacchetti/punti_di_forza_tab/images/background/bg-puntiforza.jpg');
	background-position: top left;
	background-size: cover;	
	background-color: #a1cdd7;
	padding: 150px 100px;
	position: relative;
	z-index: 1;
}

.punti_di_forza_tab mark.titolo {	 
	text-align: center;
   	font-size: 100px;
	letter-spacing: -2px;
	line-height: 1.2;
	color: #ffffff;
	font-weight: 400;
    font-family: var(--font-family2);
    position: relative;
    margin-bottom: 100px;
}

.punti_di_forza_tab > h2 {
	text-align: center;
	font-size: 24px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #000;
	font-weight: 300;
}

.cycle-ambienti {
	z-index: 1;
	/* background: linear-gradient(180deg, rgba(255,255,255,1) 93%, rgba(249, 247, 245,1) 93%); */
	background: linear-gradient(180deg, rgba(255,255,255,1) 85%, rgba(255,255,255,0) 85%);
}

.cycle-ambienti .item {
	display: flex;
	padding: 45px;
	flex-wrap: wrap;
	white-space: pre-line;
}

.cycle-ambienti .desc {
	flex: 0 0 45%;
	padding: 0 115px 70px 50px;
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 1.4;
	color: #57442c;
	font-weight: 400;
	margin-bottom: 60px;
}

.cycle-ambienti .desc strong {
	color: #57442c;
}

.cycle-ambienti .desc h2 {
	/* font-size: 22px; */
	font-size: 28px;
	letter-spacing: 3px;
	line-height: 1.1;
	text-transform: uppercase;
	color: #57442c;
	font-weight: 300;
}

.cycle-ambienti .desc .btn-preventivo,
.pagerItem .desc .btn-preventivo {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	font-size: 20px;
	letter-spacing: 2px;
	line-height: 33px;
	font-weight: 300;
	box-shadow: none;
	margin-top: 30px;
	padding: 20px 30px;
	transition: background 0.2s, color 0.2s;
	font-size: 24px;
	text-align: center;
}

.cycle-ambienti .desc .btn-preventivo strong,
.pagerItem .desc .btn-preventivo strong {
	color: #fff;
}

.cycle-ambienti .desc .btn-preventivo i {
	vertical-align: middle;
}

.cycle-ambienti .desc ul {
	margin: 0 0 10px 30px;
	color: #fff;
	list-style-type: none;
}

.cycle-ambienti .desc ul li {
	position: relative;
}

.cycle-ambienti .desc ul li:after {
    content: '\E01C';
    font-family: 'edita-font';
    position: absolute;
    color: #fff;
    left: -30px;
    top: 0;
}

.cycle-ambienti .image {
	flex: 0 0 55%;
	position: relative;
	padding-top: 0;
}

.cycle-ambienti .image img {
	/* object-fit: cover; */
    width: 100%;
    height: auto;
	position: relative;
}

.punti_di_forza_tab .tab-container {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.punti_di_forza_tab #pagerAmb{
	display: flex;
	flex: 0 0 100%;
}
.punti_di_forza_tab #pagerAmb .pagerItem {
	/* border-bottom: 1px solid #CCC; */
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	font-size:22px;
	line-height:1.1;
	letter-spacing: 3px;
	cursor:pointer;
	transition: color 0.5s ease 0s;
	background-color: rgba(39, 116, 132, 0.5);
	color: #11284b;
	font-weight: 400;
}

.punti_di_forza_tab #pagerAmb .pagerItem + .pagerItem {
	margin: 0 1px;
}

.punti_di_forza_tab #pagerAmb .pagerItem.active {
	border-bottom:1px solid transparent;
	z-index: 10;
	background: #fff;
}

.punti_di_forza_tab #pagerAmb .pagerItem.active mark, .punti_di_forza_tab #pagerAmb .pagerItem.active > div{
	color: #55c1d2;	
}

.punti_di_forza_tab #pagerAmb .pagerItem.active > div {
	color: #57442c;
	font-weight:400;
 }

.punti_di_forza_tab #pagerAmb mark{
	font-size: 38px;
	letter-spacing: 2px;
	line-height: 26px;
	text-transform: uppercase;
	color: #b2d0d6;
	font-weight: 900;
    padding-top: 30px;
    padding-bottom: 30px;
	opacity: 1;
}

.punti_di_forza_tab #pagerAmb mark strong {
	font-size: 25px;
	color: #d7a724;
	font-weight: 700;
	text-transform: uppercase;

}

#punti-forza-slideshow .glide__slides {
  transition: none !important;
}

#punti-forza-slideshow .glide__slides > div {
	opacity: 0;
  	transition: all 0.4s;
	position: relative;
	cursor: default;
}

#punti-forza-slideshow .glide__slides > div.glide__slide--active {
	opacity: 1;
}

@media (min-width: 1200px) and (max-width: 1680px) {
	.punti_di_forza_tab {
		padding: 50px;
	}

	#punti_di_forza_tab #pagerAmb .pagerItem {
		white-space: normal;
	}

	.punti_di_forza_tab #pagerAmb mark {
		font-size: 24px;
	}

	.cycle-ambienti .desc .btn-preventivo, 
	.pagerItem .desc .btn-preventivo {
		font-size: 20px;
	}
}

@media(max-width: 1024px) {
	.punti_di_forza_tab {
		padding: 40px 15px;
	}

	.punti_di_forza_tab::before {
		display: none;
	}

	#punti_di_forza_tab {
		padding: 20px 15px;
	}

	.punti_di_forza_tab mark.titolo {
		font-size: 50px;
		line-height: 0.9;
		margin-bottom: 50px;
	}

	.punti_di_forza_tab > h2 {
		font-size: 20px;
		line-height: 1;
	}

	.punti_di_forza_tab #pagerAmb .item-container {
		background: #fff;
		margin-bottom: 10px;
		padding-bottom: 30px;
	}

	.punti_di_forza_tab #pagerAmb .item-container > img {
		width: 100%;
	}

	.punti_di_forza_tab #pagerAmb mark {
		text-align: center;
		font-size: 25px;
		background: #fff;
	}

	#punti_di_forza_tab #pagerAmb {
		flex-direction: column;
		background: none;
	}

	/* #punti_di_forza_tab #pagerAmb img {
		width: 100%;
		height: 30vh;
		object-fit: fill;
	} */

	#punti_di_forza_tab #pagerAmb .pagerItem {
		padding: 0;
		height: auto;
		width: 100%;
		text-align: left;
		background: none;
	}

	#punti_di_forza_tab #pagerAmb mark {
		padding: 20px 10px;
		text-align: center;
		margin-top: 0;
		color: #c2ad9f;
		font-size: 20px;
		line-height: 1.2;
		background: #fbf8f4;
	}

	#punti_di_forza_tab #pagerAmb .cycle-pager-active mark, 
	#punti_di_forza_tab #pagerAmb .cycle-pager-active > div, 
	#punti_di_forza_tab #pagerAmb .glide__slide--active mark, 
	#punti_di_forza_tab #pagerAmb .glide__slide--active > div {
		color: #c2ad9f;
	}

	#punti_di_forza_tab .slideshow-mobile {
		background: #cebdb2;
		padding: 40px 0;
	}

	#punti_di_forza_tab .glide__bullets {
		position: relative;
		bottom: auto;
		margin-top: 30px;
	}

	.cycle-strutture {
		display: none;
	}

	.cycle-ambienti {
		background: none;
	}

	.cycle-ambienti .desc {
		padding: 30px 15px 10px;
		font-weight: 300;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-bottom: 20px;
	}

	#punti_di_forza_tab #pagerAmb .cycle-pager-active {
		background: #fff;
		border-bottom: 1px solid #ededed;
	}

	#punti_di_forza_tab #pagerAmb .cycle-pager-active div {
		color: #663e2c;
	}

	#punti_di_forza_tab #pagerAmb .cycle-pager-active mark {
		color: #bbb7b5;
	}

	#punti_di_forza_tab #pagerAmb .cycle-pager-active:after {
		content: none;
	}

	#punti_di_forza_tab #pagerAmb .item-container {
		border: 1px solid #fbf8f4;
	}

	.cycle-ambienti .desc .btn-preventivo, .pagerItem .desc .btn-preventivo {
		width: 100%;
		text-align: center;
		padding: 20px 10px;
		font-size: 16px;
	}

	.cycle-pager {
		text-align: center;
	}
}
						
	        	        
.feedback-wrapper{
	padding: 135px 0;
	position: relative;
	background-image: url('https://promozioni.hotelravellorimini.com/template/ravellorimini/modello-pacchetti/feedback/images/background/bg-feedback.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.feedback-wrapper mark{
	text-align: center;
	font-size: 70px;
	letter-spacing: -2px;
	color: #c2996f;
	font-weight: 400;
	line-height: 1.2;
	font-family: var(--font-family2);
	/* display: block; */
	position: relative;
	margin-bottom: 90px;
}

/* .feedback-wrapper img.punteggi {
	display: block;
	margin: 0 auto 70px;
} */

.feedback-wrapper .rating {
	color: #000;
	align-content: center;
}

.feedback-wrapper .rating .big {
	font-size: 48px;
	font-weight: 600;
}

.feedback-wrapper .rating .small {
	font-size: 28px;
	font-weight: 600;
}

.feedback-wrapper .rating .update {
	display: inline-block;
	font-size: 28px;
	color: #666;
}

.feedback-wrapper .div-feedback {
	width:100%;
	font-size:14px;
	color: #052a40;
	line-height:19px;
	padding-top:0px;
	text-align: center;
	max-width: 1400px;
}

.feedback-wrapper .div-feedback .title {
	font-size: 28px;
	line-height: 1.2;
	color: #000;
	margin-bottom: 20px;
	font-weight: 400;
}

.div-feedback article {
	padding-left: 10px;
	padding-right: 10px;
}

.div-feedback article .txt,
.evidenza-txt {
	font-size: 16px;
	line-height: 1.5;
	color: #777;
	font-weight: 400;
	max-width: 90%;
	display: block;
	margin: 0 auto;
}

.div-feedback article .title,
.div-feedback article .txt {
	white-space: pre-line;
}

.read-more a,
.read-less a {
	color: #777;
	font-weight: 400;
}

.div-feedback .evidenza-txt {
	font-size: 18px;
	line-height: 16px;
	padding-top: 20px;
	padding-bottom: 30px;
}

#feedback .glide__track {
	background: #f7f1e9;
	padding: 50px 0 0;
}

#feedback .glide__bullets {
	position: relative;
	top: auto;
	left: auto;
	transform: none;
	margin-top: 50px;
}

#feedback .glide__bullet {
	background-color: #f5ede1;
	border: 1px solid #cebdb2;
	box-shadow: none;
	width: 15px;
    height: 15px;
}

#feedback .glide__bullet--active {
	background-color: #cebdb2;
}

.cycle-pager {
	text-align: center;
	padding-right: 10px;
	z-index: 2;
}

.cycle-pager span, .cycle-pager span.cycle-pager-active  { 
	font-family: arial; 
	font-size: 50px; 
	width: 20px; 
	height: 20px;
	line-height: 20px; 
	display: inline-block;
	clear: both;
	color: #f5ede1;
	overflow: hidden;
	cursor: pointer;
	text-align: right;
} 
.cycle-pager span.cycle-pager-active {
	color: #998171;
}

.feedback-wrapper .div-feedback mark {
	background: none;
}

.is-table-row [class*="col-"] {
	vertical-align: bottom;
}

#feedback .cage {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#feedback .cage .cycle-container {
	min-width: 0;
	flex: 0 0 65%;
}

#feedback .cage .trip-info {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	align-items: center;
}

@media(max-width: 1024px) {
	.feedback-wrapper {
		padding: 40px 0;
	}

	.feedback-wrapper .rating-container {
		flex-direction: column;
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.feedback-wrapper .rating {
		padding: 0;
		margin-bottom: 0;
	}

	.feedback-wrapper .rating img {
		margin-bottom: 20px;
	}

	.feedback-wrapper .rating .big {
		font-size: 50px;
	}

	.feedback-wrapper .rating .date {
		margin-top: 20px;
	}

	.feedback-wrapper .div-feedback {
		background: none;
	}

	#feedback .cage .trip-info {
		flex-direction: column;
	}

	#feedback .cage .cycle-container,
	#feedback .cage > div {
		flex: 0 0 100%;
	}

	#feedback .cage > div img {
		display: block;
		margin: 0 auto;
	}

	#feedback .cage .trip-info > * {
		flex: 0 0 100%;
	}

	.feedback-wrapper mark {
		margin-top:0;
		text-align: center;
		font-size: 50px;
		line-height: 0.9;
	}

	.feedback-wrapper .section-dx mark,
	.feedback-wrapper .section-dx .small-note,
	.feedback-wrapper .div-feedback .section-dx .cycle mark,
	.feedback-wrapper .div-feedback .section-dx .cycle {
		float: none;
		text-align: center;
	}

	.div-feedback .evidenza-txt {
		white-space: pre-line;
		line-height: 1.3;
	}
}
						
	        	        
#mappa {
	margin: 0 auto;
	max-width: 2000px;
}