/* Last Updated: 15/01/2025

---
	ROSSO: 		#d61523
	NERO: 		#000000
	GreyDark: 	#4d4d4d
	Orange: 	#ff9900
---

 01. HEADER
 02. SEARCH
 03. SLIDERS
 04. MAIN
 05. ACTIVITIES 
 06. CRUISE 
 07. HOTELS 
 08. PACKAGES 
 09. TOURS 
 10. FOOTER
 11. VARIUS
 12. SHARED

*/


/* 01. HEADER 
--------------------------------------------------------------------------------*/
.container-small { width: 50%; }
.container-medium { width: 65%; }
.container-fluid { width: 75%; }
header#main-header { background-color: #FFFFFF; height: 15rem; box-shadow:0 2px 5px rgba(0,0,0,.1) !important; }
.header-top { height: 40px; max-height: 40px; background-color: #000000; padding: 10px 0; border-bottom: 1px #333 solid; }
.logo {	position: relative; top: 2rem; }
.nav-position { position: relative; top: 3rem; }
ul.slimmenu li.active > a, ul.slimmenu li:hover > a { background-color: #d61523; color: #fff; }
.weelchair { color: #d61523; padding-top: 3.9rem; float: right; }
.breadcrumb { margin-top: 8rem; }



/* 02. SEARCH 
--------------------------------------------------------------------------------*/
.top-area, .special-area { height: 650px; }
.search-tabs-lift-top { margin-top: -35rem; position: relative; z-index: 9; } /* 50 */
.search-tabs-nobox > .tabbable > .tab-content > .tab-pane { background-color: #d61523; color: #fff; padding: 10px 0 0 0; border-radius: 20px; }
.search-tabs-bg > .tabbable > .nav-tabs > li.active > a { border-radius: 20px 20px 0px 0px; background-color: #d61523; }
.search-tabs-bg > .tabbable >.tab-content > .tab-pane { border-radius: 0px 10px 10px 10px; }
.search-top { margin-top: 15rem !important; }
.loc-info { padding-top: 20rem; }




/* 03. SLIDERS 
--------------------------------------------------------------------------------*/
.owl-cap-title { font-size: 90px; border-bottom: none; border-top: none; text-transform: uppercase; font-weight: 700; padding: 0; }
.owl-cap-subtitle { font-size: 30px; border-bottom: none; border-top: none; text-transform: uppercase; font-weight: 700; }



/* 04. MAIN 
--------------------------------------------------------------------------------*/
.title_service_box { font-size: 16px; color: #000000; font-family: Montserrat; font-weight: 500; text-transform: uppercase; } 
.btn.btn-minimal { background: none !important; color: #d61523; font-size: 14px; text-transform: uppercase; padding: 11px 28px; font-family: Montserrat; font-weight: 500; border: 1px solid #d61523; }
.btn.btn-minimal:hover, .btn.btn-minimal:focus { color: #7e0e15; border: 1px solid #d61523; }
.btn-center { text-align: center; margin-bottom: 25px; }


/* 05. ACTIVITIES 
--------------------------------------------------------------------------------*/





/* 06. CRUISE 
--------------------------------------------------------------------------------*/





/* 07. HOTELS 
--------------------------------------------------------------------------------*/
.sort_top { background: #000000;  padding-bottom: 0px; margin-bottom: 15px; }
.booking-filters { font-size:13px; width: auto; }
.booking-filters-title{position:relative;cursor:pointer;padding-left:15px; }
.booking-filters-white .booking-filters-title.arrow:after{border-top:5px solid #3f3d3d; }
.booking-filters-title.arrow:after{position:absolute;content:'';width:0;height:0;border:5px solid transparent;border-top:5px solid #fff;top:8px;left:0;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%; }
.booking-filters-title.arrow.closed:after {transform: rotate(-90deg); }



/* 08. PACKAGES 
--------------------------------------------------------------------------------*/




/* 09. TOURS 
--------------------------------------------------------------------------------*/




/* 10. SHOPS
--------------------------------------------------------------------------------*/




/* 11. ROUTERS 
--------------------------------------------------------------------------------*/




/* 12. FOOTER 
--------------------------------------------------------------------------------*/
footer#main-footer, footer#main-footer a { font-size:16px!important; background:#000000; color:#a3a3a3; }
footer#main-footer h5 { color:#fff; font-weight: 500; }
.text-footer { color:#FFFFFF; text-transform: uppercase; }
.footer-copy { border-top:1px solid #d61523; font-size:14px !important; background:#be9e44; color:#fff; padding:10px 0; }
.logo-f { z-index: 1; display: inline-block; margin-top: 25px; padding: 10px; background: #fff !important; width: 40%; }
.newsletter__text{color:#333;font-size:16px; }




/* 13. VARIUS 
--------------------------------------------------------------------------------*/
.p-0 { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; }
.pt-5 { padding-top: 5px; } 
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-25 { padding-top: 25px; }
.pr-5 { padding-right: 5px; } 
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }
.pr-20 { padding-right: 20px; }
.pr-25 { padding-right: 25px; }
.pb-5 { padding-bottom: 5px; } 
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; }
.pl-5 { padding-left: 5px; } 
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }
.pl-20 { padding-left: 20px; }
.pl-25 { padding-left: 25px; }
.m-0 { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; }
.mt-5 { margin-top: 5px; } 
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mr-5 { margin-right: 5px; } 
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-25 { margin-right: 25px; }
.mb-5 { margin-bottom: 5px; } 
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.ml-5 { margin-left: 5px; } 
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-25 { margin-left: 25px; }
.curved-10 { -webkit-border-radius: 20px; border-radius: 10px; }
.curved-20 { -webkit-border-radius: 20px; border-radius: 20px; }
.curved-30 { -webkit-border-radius: 30px; border-radius: 30px; }
.btn-light { background-color: #FFF; border-color: #e6e6e6; color: #777; border-radius: 5px; padding: 10px 16px; }
.drop-menu-left { right: 0 !important; left: auto !important; transform: translateX(-10px) !important; top: 100% !important; margin-top: 17px !important; }
.nav-drop > .nav-drop-menu > li:first-child > a:before { display: none !important; }
.nav-drop-menu::before { content: ""; position: absolute; top: -10px; left: 80%; transform: translateX(-50%); border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #262626; z-index: 1001; }
.red-title { color: #921b11; }
.white-title { color: #fff; }
.page-title { font-size: 50px !important; }
.text-color { color: #fff !important; }
.parking-header-title { text-align: center; font-size: 1.7rem; font-weight: 700; color: #ffffff; position: relative; top: 1.5rem; }
.box-pop-dest { padding: 1rem;}
.inputboxline { padding: 0 10px; border-bottom:#999 1px dashed; height:30px; line-height:25px; text-transform:uppercase; color:#666; }
.inputboxline-light { border-bottom:#ccc 1px dashed; height:30px; line-height:25px; color:#666; }
.alert-blue { background-color: #1e3050; color: #fff; }
.alert-grey { background-color: #efefef; border: 2px solid #e6e6e6; }
.alert-grey:hover { border: 2px solid #1e3050; }
.btn-primary:hover { background-color: #204d74; border-color: #122b40; }
.showbox{padding:10px;overflow-x:hidden;overflow-y:auto;width:auto!important;height:495px!important;scrollbar-base-color:#000;scrollbar-arrow-color:#ccc;scrollbar-track-color:#ccc; }
.showbox_room{overflow-x:hidden;overflow-y:auto;width:auto!important;height:400px!important;scrollbar-base-color:#000;scrollbar-arrow-color:#ccc;scrollbar-track-color:#ccc; }
.btn_disponibile { background-color: #28a745; color: #fff; padding: 3px 15px; font-size: 12px; line-height: 12px; }
.btn_richiesta { background-color: #ffc107; color: #fff; padding: 10px 15px; font-size: 14px; line-height: 12px; }
.modal-lxx { width: 1024px !important; }




/* 14. SHARED 
 --------------------------------------------------------------------------------*/
.pagination-btn{padding:10px 0 0 0; }
.pagination-btn ul li{display:inline-block; }
.pagination-btn ul li .current,.pagination-btn ul li a{background:#fff none repeat scroll 0 0;border:1px solid #ddd;color:#1c1e1f;display:block;font-size:15px;height:35px;line-height:33px;margin:0 1px;padding:0;text-align:center;-webkit-transition:all .1s ease 0s;transition:all .1s ease 0s;width:35px; }
.pagination-btn ul li .current,.pagination-btn ul li a:hover{background:#333 none repeat scroll 0 0;border-color:#333;color:#fff; }
.checkbox,.radio{margin:15px 0 15px 10px}
.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{margin:3px 0 0 5px; }
.checkbox label,.radio label{padding-left:20px; }
.i-check,.i-radio{width:15px;height:15px; }
.fileUpload{position:relative;overflow:hidden; }
.fileUpload input.upload{position:absolute;top:0;right:0;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0; }
.ribbon--outer.ribbon__extra{min-width:71px;width:auto;top:65px;border-top-right-radius:0;border-bottom-right-radius:0; }
.ribbon--outer{position:absolute;left:7px;z-index:20;width:47%; }
.ribbon__extra .ribbon{left:-6px;font-size:14px;text-transform:none;padding:5px 16px;cursor:default; }
.ribbon__extra .ribbon:before{border:4px solid #1e5799;border-bottom-color:transparent;border-left-color:transparent; }
.ribbon:before{content:'';position:absolute;left:0;bottom:-8px;width:0;height:0;border:4px solid #e21111;border-bottom-color:transparent;border-left-color:transparent;z-index:-1;white-space:normal; }
.aqua { background:#00ffff; color:#fff; }
.aquamarine { background:#006ab8 !important; color:#FFF; }
.aquamarine-light { background:#215692 !important; color:#FFF; }
.beige { background:#f5f5dc !important; color:#fff; }
.black { background:#000000 !important; color:#fff; }
.blue { background:#1a3b88 !important; color:#FFF; }
.blue-light { background:#223c83 !important; color:#FFF; }
.bluedark { background:#0e2f54 !important; }
.blueviolet { background:#8a2be2 !important; color:#fff; }
.brown { background:#a52a2a !important; color:#fff; }
.chocolate { background:#d2691e !important; color:#fff; }
.coral { background:#ff7f50 !important; color:#fff; }
.cyan { background:#00ffff !important; color:#fff; }
.darkblue { background:#00008b !important; color:#fff; }
.darkcyan { background:#008b8b !important; color:#fff; }
.darkgray { background:#a9a9a9 !important; color:#fff; }
.darkgreen { background:#006400 !important; color:#fff; }
.darkmagenta { background:#8b008b !important; color:#fff; }
.darkorange { background:#ff8c00 !important; color:#fff; }
.darkred { background:#8b0000 !important; color:#fff; }
.darksalmon { background:#e9967a !important; color:#fff; }
.darkturquoise { background:#00ced1 !important; color:#fff; }
.darkviolet { background:#9400d3 !important; color:#fff; }
.fuchsia { background:#ff00ff !important; color:#fff; }
.gold { background:#ffd700 !important; color:#fff; }
.gray { background:#808080 !important; color:#fff; }
.green { background:#00A767 !important; color:#FFF; }
.green-light { background:#01bb74 !important; color:#FFF; }
.grey { background:#808080 !important; color:#fff; }
.indigo { background:#4b0082 !important; color:#fff; }
.ivory { background:#fffff0 !important; color:#fff; }
.lavender { background:#e6e6fa !important; color:#fff; }
.lightblue { background:#add8e6 !important; color:#fff; }
.lightcoral { background:#f08080 !important; color:#fff; }
.lightcyan { background:#e0ffff !important; color:#fff; }
.lightgray { background:#ededed !important; color:#333; }
.lightgreen { background:#90ee90 !important; color:#fff; }
.lightgrey { background:#d3d3d3 !important; color:#fff; }
.lightpink { background:#ffb6c1 !important; color:#fff; }
.lightsalmon { background:#ffa07a !important; color:#fff; }
.lightseagreen { background:#20b2aa !important; color:#fff; }
.lightskyblue { background:#87cefa !important; color:#fff; }
.lightslategray { background:#778899 !important; color:#fff; }
.lightslategrey { background:#778899 !important; color:#fff; }
.lightsteelblue { background:#b0c4de !important; color:#fff; }
.lightyellow { background:#ffffe0 !important; color:#fff; }
.lime { background:#00ff00 !important; color:#fff; }
.limegreen { background:#32cd32 !important; color:#fff; }
.magenta { background:#ff00ff !important; color:#fff; }
.maroon { background:#800000 !important; color:#fff; }
.navy { background:#223C83 !important; color:#FFF; }
.olive { background:#808000 !important; color:#fff; }
.orange { background:#F7AB64 !important; color:#FFF; }
.orange-light { background:#d98b42 !important; color:#FFF; }
.orchid { background:#da70d6 !important; color:#fff; }
.pink { background:#ffc0cb !important; color:#fff; }
.purple { background:#800080 !important; color:#fff; }
.red { background:#E52329 !important; color:#FFF; }
.red-light { background:#c21b20 !important; color:#FFF; }
.rosybrown { background:#bc8f8f !important; color:#fff; }
.salmon { background:#fa8072 !important; color:#fff; }
.silver { background:#c0c0c0 !important; color:#fff; }
.snow { background:#fffafa !important; color:#fff; }
.steelblue { background:#4682b4 !important; color:#fff; }
.turquoise { background:#40e0d0 !important; color:#fff; }
.violet { background:#ee82ee !important; color:#fff; }
.yellow { background:#ff0 !important; color:#192F51; }
.white { background:#FFFFFF !important; color:#192F51; }	
.badge-inverse { background-color: #333333 !important; color: #FFFFFF !important; position: relative; top: -10px; }
.label-inverse { background-color: #333333; }



/* 00. RESPONSIVE 
--------------------------------------------------------------------------------*/

/* XS  
 --------------------------------------------------------------------------------*/
@media screen and (min-width: 360px) and (max-width: 576px) {
	.container-fluid { width: auto; }
	.container-medium { width: 100%; }
	#main-header.header-scrolled { height: 9rem !important; }
	header#main-header { height: 12rem; }
	.logo {	top: 1.5rem; }
	.logo-f { width: 60%; }
	.form-group.form-group-lg { margin-bottom: 15px; }
	.nav-position { top: 1.5rem; }
	.weelchair { padding-top: 2.3rem; }
	.slimmenu-menu-collapser { padding: 0 30px; }  
	.title_search_box { font-size: 25pt; } 
	.top-area, .special-area { height: 700px; }
	.mt50 { margin-top: 25px !important; }
	.title_lh1em { font-size: 25px; }
	.btn-search { margin-top: 10px; } 
	.owl-cap-title { font-size: 60px; }
	.owl-buttons { display: none; }
	ul.slimmenu { width: 95%; z-index: 9; position: fixed; left: 1rem; top: 11.8rem; background-color: aliceblue; }
	.search-top { margin-top: 5rem !important; }
	.breadcrumb { margin-top: 4.5rem; }
	.ribbon--outer.ribbon__extra { top: 120px; }
	.modal-lgx { width: auto; }



	
}

/* SM  
 --------------------------------------------------------------------------------*/
@media screen and (min-width: 577px) and (max-width: 768px) {
	.container-fluid { width: 90%; }




}

/* MD  
 --------------------------------------------------------------------------------*/
@media screen and (min-width: 769px) and (max-width: 992px) {
	.container-fluid { width: 90%; }





}

/* LG  
 --------------------------------------------------------------------------------*/
@media screen and (min-width: 993px) and (max-width: 1200px) {
	.container-fluid { width: 90%; }
	.container-small { width: 70%; }
	.logo-footer img { width: auto; }


}

/* XL  
 --------------------------------------------------------------------------------*/
@media screen and (min-width: 1201px) and (max-width: 1400px) {






}

/* XXL  
 --------------------------------------------------------------------------------*/
@media screen and (min-width: 1401px) {





}



@media only screen and (max-width: 375px) {
	.container-medium { width: 80%; }
	.container-fluid{ width: 90%; }
}




.document-download-block{border:1px solid #ccc;border-radius:5px;padding:20px;display:flex;justify-content:flex-start;flex-direction:row;align-items:center;margin:25px auto;}
.file-icon{width:50px;margin-right:20px;}
.file-download{margin-left:auto;color:#a32a2f;font-weight:600;font-size:16px;border:1px solid #a32a2f;padding:8px 25px;}
.file-download:hover{color:#000;}
.filesize{display:flex;gap:5px;align-items:self-end;}
.vc_tta-panel-body h4{color:#434343;text-align:justify;}
.file-information h4{font-size:19px;padding-right:25px;}
@media (min-width: 300px) and (max-width: 631px){
.document-download-block{padding:10px;}
.file-information h4{font-size:1rem;}
}
@media (min-width: 300px) and (max-width: 450px){
.document-download-block{display:block;}
.file-information{margin:12px 0 20px;}
}
@media (min-width: 300px) and (max-width: 480px){
.document-download-block{display:flex;flex-direction:column;justify-content:center;align-items:center;}
.file-download{margin-left:0;}
.file-information h4{padding-right:0;text-align:center;}
.filesize{justify-content:center;}
}
.screen-overlay { width:0%; height: 100%; z-index: 30; position: fixed; top: 0; left: 0; opacity:0; visibility:hidden; background-color: rgba(34, 34, 34, 0.6); transition:opacity .2s linear, visibility .1s, width 1s ease-in; }
.screen-overlay.show { transition:opacity .5s ease, width 0s; opacity:1; width:100%; visibility:visible; }
.offcanvas-active{ overflow:hidden; }
.offcanvas{ width:750px; /* 749 */visibility: hidden; transform:translateX(-100%); transition:all .2s; border-radius:0; box-shadow: 0 5px 10px rgba(0,0,0, .2); display:block; position: fixed; top: 0; left: 0; height: 100%; z-index: 1200; background-color: #fff; overflow-y: scroll; overflow-x: hidden; }
.offcanvas.offcanvas-right { right: 0; left: auto; transform: translateX(100%); }
.offcanvas.show{ visibility: visible; transform: translateX(0); transition: transform .2s; }
.offcanvas .btn-close{ position: absolute; right:15px; top:15px; }




/* XX. STICKY HEADER 
--------------------------------------------------------------------------------*/
.top-area,img.banner-image{position:relative;z-index:1}
header#main-header{width:100%;position:absolute;top:0;left:0;z-index:1000;background-color:#ffffff!important;border:none!important;transition:background-color .3s,box-shadow .3s,padding .3s}
body{padding-top:90px}
#main-header.header-scrolled{position:fixed;background-color:#ffffff!important;box-shadow:0 2px 5px rgba(0,0,0,.1) !important;height:11rem;padding-top:0;padding-bottom:0}
#main-header .header-top{display:block;height:40px;opacity:1;overflow:hidden;transition:height .3s,opacity .3s,padding .3s,margin .3s;padding-top:10px;padding-bottom:5px;margin:0}
#main-header.header-scrolled .header-top{height:0;opacity:0;padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}
#main-header .container.header{padding-top:0;padding-bottom:15px;transition:padding .3s}
#main-header.header-scrolled .container.header{padding-top:0;padding-bottom:5px}
#main-header .logo{transition:height .3s}
#main-header.header-scrolled .logo{height:auto}
#main-header .fa-plane-departure,
#main-header .far.fa-shield-check,
#main-header .shoppingcart a,
#main-header .slimmenu li a,
#main-header .top-user-area-lang .fal,
#main-header .top-user-area-lang a,
#main-header .top-user-area-list li,
#main-header .top-user-area-list li i,
#main-header .top-user-area-list li span,
#main-header .top-user-area-list li strong a,
#main-header.header-scrolled .fa-plane-departure,
#main-header.header-scrolled .fa-wheelchair,
#main-header.header-scrolled .far.fa-shield-check,
#main-header.header-scrolled .shoppingcart a, 
#main-header.header-scrolled .slimmenu li a,
#main-header.header-scrolled .top-user-area-lang .fal,
#main-header.header-scrolled .top-user-area-lang a,
#main-header.header-scrolled .top-user-area-list li,
#main-header.header-scrolled .top-user-area-list li i,
#main-header.header-scrolled .top-user-area-list li span,
#main-header.header-scrolled .top-user-area-list li strong a { color:#333; }
ul.slimmenu li.active > a, ul.slimmenu li:hover > a { color: #fff !important; }
#main-header.header-scrolled .bb-2 { border-bottom:none !important; }
.top-area { background-color:transparent; }


/* SCROL BAR */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #888; }
::-webkit-scrollbar-thumb:hover { background: #555; }


.my-custom-box {
	width: 1600px;
	height: 195px;
	background-color: white;
	border: 2px solid #333333;
	border-radius: 20px; /* Valore in pixel per un arrotondamento più discreto */
	margin-left: 50px;
}
