/*
font-family: "Playfair Display", serif;
font-family: "Italiana", sans-serif;
font-family: "Rethink Sans", sans-serif;
 */
 
:root{
    --ct-color-primary:#3f3f69;
    --ct-color-secondary:#13afde;
    --ct-color-alternative:#7777c6;
    --ct-font-primary:"Manrope", system-ui;
    --ct-font-secondary:"Manrope", system-ui;
    --ct-body-font-size: 1.6rem;
    --ct-body-font-weight: 400;
    --ct-body-line-height: 1.4;
    --ct-body-color: #333;
    --ct-body-bg: #FFF;
    --ct-color-cta:#13afde;
}

 h1,h2,h3,h4,h5{font-size:inherit; font-family:inherit; margin:0px; display:inline-block;}

 body{
     font-weight:var(--ct-body-font-weight);
    font-size:var(--ct-body-font-size);
    line-height:var(--ct-body-line-height);
    font-family:var(--ct-font-primary);
    background-color:var(--ct-body-bg);
    color:var(--ct-body-color);
    min-height:100vh;
    display:flex;
    flex-direction:column;
}



body > .container{flex-grow:1}
 
     
a{color:var(--ct-color-cta);}
    a:hover{color:var(--ct-color-cta); text-decoration:none; opacity:.8; transition:all 0.25s ease-out 0s}

::-moz-selection { color:#fff; background:var(--ct-color-secondary); }
::selection { color:#fff; background:var(--ct-color-secondary); }

.fw,.full-width{width:100%; float:left;}
        .full-width.container{max-width:100%;}
.full-image{background-size:cover; background-position:center;} 

.btn-theme.md-button{text-transform:inherit; line-height:inherit; font-weight:inherit; min-height:inherit; font-size:inherit}
.md-button.md-default-theme[disabled], .md-button[disabled]{color:var(--ct-body-color)}

.btnSearch, .btn-theme{padding:7px 15px; font-weight:700; font-size:1.8rem; color:var(--ct-color-secondary); background-color:#FFF; border:3px solid var(--ct-color-secondary); border-radius:25px; display:inline-flex !important; align-items:center; justify-content:center; text-align:center; gap:20px}
    .btn-theme .icon{font-size: 20px;}
.btn-theme.no-border{border:0px}
/*.btn-circle{ width:46px; height:46px; font-family:var(--ct-font-secondary); font-weight:700; color:#FFF; background-color:#383434; border-radius:50%; display:inline-flex !important; align-items:center; justify-content:center; gap:5px}

   .btn-circle:hover, .btnSearch:hover, .btn-theme:hover{background-color:var(--ct-color-cta); color:#FFF}*/

.btn-theme.btn-lg{padding:15px 40px; border-radius:5rem}
.btn-alt{background-color:#FFF; color:#383434; border-color:#c37b5a}

.row-sp{margin-left:-2px; margin-right:-2px;}
.pad-sp{padding:0px 2px;}

.p-0, .no-pad{padding:0px !important}


.color-primary{color:var(--ct-color-primary) !important}
    a.color-primary:hover{color:var(--ct-color-cta) !important}
.color-secondary{color:var(--ct-color-secondary) !important}
    a.color-secondary:hover{opacity:.8}
.color-alt{color:var(--ct-color-alternative) !important}    
    a.color-alt:hover{opacity:.8}    
.color-cta{color:var(--ct-color-cta) !important}
    a.color-cta:hover{opacity:.8}
.color-white{color:#FFF}    
    a.color-white:hover{opacity:.8}
.text-alt{font-family:var(--ct-font-secondary)}

.color-brown{color:#c89454}
.color-darkBrown{color:#c37b5a}
.color-yellow{color:#f9bf3c}
.color-green{color:#6abd45}

.bg-primary{background-color:var(--ct-color-primary) !important}
.bg-secondary{background-color:var(--ct-color-secondary) !important}
.bg-darkBrown{background-color:#c37b5a}

/* LOADERS */
.bookingPage .loadingBooking, .availEngines .loadingResults{
    
    text-align: center;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    padding: 15px; position:fixed; z-index:999; top:0px; bottom:0px; right:0px; left:0px; flex-direction:column; align-items:center; background-color:var(--ct-color-primary)}
    .bookingPage .loadingBooking::after, .availEngines .loadingResults::after{content: "";
    position: absolute;
    z-index: 2;
    top: 50%; 
    left: 50%;
    width: 200px; /* Ajusta según el tamaño del logo */
    height: 53.7px; /* Ajusta según el tamaño del logo */
    transform: translate(-50%, -50%);
    background: url('https://www.anaviajes.com/cdn/images/logo.png') no-repeat center center;
    background-size: contain;}
    .bookingPage .loadingBooking::before, .availEngines .loadingResults::before{content:""; position:absolute; z-index:1; top:48%; left:50%; width:50px; margin-top:-70px; margin-left:-25px;
	aspect-ratio: 1;
	border-radius: 50%;
	border: 2px solid var(--ct-color-cta);
	border-right-color: #FFF;
	animation: spinner 1s infinite linear;}
.bookingPage .loadingBooking  md-progress-circular, .availEngines .loadingResults md-progress-circular{display:none; }
.bookingPage .loadingBooking span, .availEngines .loadingResults span {
    color: #F2F2F2;
    font-weight: bold;
    display:inline-block; margin-top:100px;
}
.availEngines .loadingResults md-progress-circular path{stroke:var(--ct-color-secondary)}


#loader-container {background:var(--ct-color-primary); position: fixed;overflow: hidden;top: 0;right: 0;left: 0;bottom: 0;z-index: 99999;
}
#loader-container::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 51%; 
    left: 50%;
    width: 200px; /* Ajusta según el tamaño del logo */
    height: 53.7px; /* Ajusta según el tamaño del logo */
    transform: translate(-50%, -50%);
    background: url('https://www.anaviajes.com/cdn/images/logo.png') no-repeat center center;
    background-size: contain;
}
#loader-container::before{content:""; position:absolute; z-index:1; top:50%; left:50%; width:50px; margin-top:-70px; margin-left:-25px;
	aspect-ratio: 1;
	border-radius: 50%;
	border: 2px solid var(--ct-color-secondary);
	border-right-color: #FFF;
	animation: spinner 1s infinite linear;}
@keyframes spinner {
	to {
		transform: rotate(1turn);
	}
}

/* END LOADERS */
	
.md-dialog .md-dialog-content.loadingCreateBooking md-progress-circular path{color:var(--ct-color-primary)}
.md-dialog .md-dialog-content.loadingCreateBooking span{color:var(--ct-color-primary);    font-weight: 500;    font-size: 16px;}


.mt-1{margin-top:10px;}
.mt-2{margin-top:25px;}
.mt-3{margin-top:45px;}
.mt-4{margin-top:65px;}

.mb-1{margin-bottom:10px;}
.mb-2{margin-bottom:25px;}
.mb-3{margin-bottom:45px;}
.mb-4{margin-bottom:65px;}

.ml-2{margin-left:25px;}

.pt-1{padding-top:10px;}
.pt-2{padding-top:25px;}
.pt-3{padding-top:45px;}
.pt-4{padding-top:65px;}

.pb-1{padding-bottom:10px;}
.pb-2{padding-bottom:25px;}
.pb-3{padding-bottom:45px;}
.pb-4{padding-bottom:65px;}

.font-light{font-weight:300}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}
.font-extrabold{font-weight:800}

.font-xxs{font-size:1rem}
.font-xs{font-size:1.4rem}
.font-sm{font-size:1.5rem}
.font-md{font-size:2rem}
.font-lg{font-size:2.4rem}
.font-xl{font-size:3rem; line-height:1.1em}
.font-xxl{font-size:3.8rem; line-height:1.1em}

.material-icons.default, .material-icons-outlined.default{position:relative; top:6px}
.layout-row{align-items:center}
/* DIALOG */
	md-dialog,
	md-menu-content{background:var(--ct-body-bg) !important}	
	md-sidenav md-content{background:var(--ct-body-bg)}	
	md-dialog,
	md-menu-content md-menu-item,
	md-sidenav md-content,	
	md-menu-content md-menu-item md-icon,
	table.md-table th.md-column,
	.md-table-pagination,
	client-engine-page .md-button.md-icon-button md-icon, 
	client-engine-page button.md-button.md-fab md-icon,
	agency-engine-page .md-button.md-icon-button md-icon, 
	agency-engine-page button.md-button.md-fab md-icon{color:var(--ct-body-color) !important}
	
	
	.md-open-menu-container md-menu-content{padding:15px}
	md-toolbar{ background: var(--ct-color-secondary) !important;}	
	
	
	
		.section-header{color:var(--ct-color-primary); font-weight:600; font-size:2.4rem; font-family:var(--ct-font-secondary)}
        .md-toolbar-tools{font-size:.9em}
		
	client-engine-page,
	agency-engine-page{}	
		client-engine-page .panel,
		agency-engine-page .panel{background:none; border:0;}	
			client-engine-page .section-header,
			agency-engine-page .section-header{margin:0 15px 25px;}
			.clientMenu, .agencyMenu{padding:0 18px; font-family:var(--ct-font-secondary); color:#fff;}
				.clientMenu .navTitle, .agencyMenu .navTitle,
				.clientMenu md-icon, .agencyMenu md-icon{color:#c9cada !important}
					
		client-engine-page .md-toolbar-tools,
		agency-engine-page .md-toolbar-tools{padding:.8em .8em .45em!important; height:auto !important; max-height:unset !important;}
		
		profile-client-engine-page .btn-success.md-button,
		agency-client-engine-page .btn-success.md-button{font-size:1.08em; text-transform:none; background:none !important;}
		profile-client-engine-page .btn-success.md-button:hover,
		agency-client-engine-page .btn-success.md-button:hover{color:#ff6226;}
		
@media (min-width: 1px) and (max-width: 767px){.clearfix-xs{clear:both !important;}}
@media (min-width: 768px) and (max-width: 992px){.clearfix-sm{clear:both !important;}}
@media (min-width: 992px) and (max-width: 1200px){.clearfix-md{clear:both !important;}}
@media (min-width: 1200px){.clearfix-lg{clear:both !important;}}		
		
/*		
md-dialog md-input-container label,
	md-dialog md-select .md-select-value.md-select-placeholder,
	md-dialog md-input-container>md-icon{color:rgba(255,255,255,.7) !important;}
	md-dialog md-input-container label.md-required:after{color:#f53d3b !important}
	md-dialog md-input-container .md-input,
	md-dialog md-input-container .md-select-value,	 
	md-dialog md-radio-button .md-label{color:#fff; border-color:rgba(255, 255, 255, 0.4);}
	md-dialog md-dialog md-radio-button .md-off{border-color: rgba(255,255,255,0.54);}
	md-dialog md-radio-button .md-on{background:rgba(255,255,255,.7);}
	md-dialog md-checkbox .md-icon{border-color:rgba(255, 255, 255, 0.8) !important;}
	md-dialog md-select .md-select-icon{color:rgba(255, 255, 255, 0.55);}	*/	
/**/
.aside-theme {
    background: var(--ct-color-primary);
    padding: 40px 25px;
    color: #FFF;
    border-radius: 6px;
}
.aside-theme a{color:#FFF}
.ui-datepicker{border-color:var(--ct-color-primary); z-index:999 !important}
.ui-datepicker td span, .ui-datepicker td a{color:var(--ct-color-primary); font-weight:700}
.ui-datepicker .ui-datepicker-unselectable.ui-state-disabled .ui-state-default{color:#DDD}
.ui-datepicker th, .ui-datepicker.travel-datepicker .infoPrice, .ui-datepicker.travel-datepicker .ui-datepicker-calendar td a[data-custom-price]::after{color:var(--ct-color-primary)}
.ui-datepicker .ui-datepicker-header{background-color:var(--ct-color-secondary)}            

.infoGDPR{margin-bottom:20px}

.btn-as-link{
    min-width: auto;
    min-height: inherit;
    margin: 0;
    padding: 0;
    line-height: inherit;
    font: inherit;
    text-transform: none;
    border: 0;
    vertical-align: inherit;
    background: none;}

.line-btns .btn-theme{margin:0px 9px}
.img-box{background-position:50% 50% !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; background-color:var(--ct-color-cta);}
.forma-responsive{display:block; position: relative; width: 100%;  background:#23211D;}
.forma-responsive:before{ content: ""; display: block; padding-top:53%;}
.forma-responsive.panoramica:before{ content: ""; display: block; padding-top:48%; border-radius:3px;}
.forma-responsive.squared:before{ content: ""; display: block; padding-top:100%;}
.img-boxed {    position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0;}

.img-boxed .img-cover {    width: 100%;    height: 100%;    object-fit: cover;}
.box .img-box .deg {    position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0;    background: none;    transition: .3s;}
.as-link .hover-link {    z-index: 20;    position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0; text-align:center}
/*.as-link .hover-link:hover{background:rgb(101 213 167 /.3); backdrop-filter: blur(5px);}*/
.as-link .hover-link .icon{width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: changeColour 3s infinite alternate;
}
.as-link .hover-link .material-icons{opacity:0; font-size:5em; transition:all 0.25s ease-out 0s   } 
.as-link .hover-link:hover .material-icons{opacity:1}

.middle-box {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.relative{position:relative}
.letter-spacing{letter-spacing:0.2em}
md-checkbox.md-default-theme:not([disabled]).md-primary.md-checked .md-icon, md-checkbox:not([disabled]).md-primary.md-checked .md-icon{background-color:var(--ct-color-cta) !important}

.tooltip-tour{background-color:#0d1434 !important; color:#FFF !important; opacity:1 !important; font-size:14px !important; font-weight:400 !important}
.box-shadow{box-shadow:0px 0px 8px rgb(0 1 17 / .19)}
/* Custom concretos */
.md-primary.md-button{background-color:var(--ct-color-primary) !important; color:#FFF !important; text-transform:inherit; border:0px; border-radius:25px; font-weight:600; font-size:1.7rem; padding:8px 15px}
/*
.md-menu-content.md-default-theme, md-menu-content{border-radius:10px; background-color:var(--ct-color-primary); color:#FFF; }
    md-menu-content.md-default-theme md-menu-item, md-menu-content md-menu-item{color:#FFF;}
    .md-menu-content.md-default-theme a, md-menu-content a{color:#FFF}*/
    
.header-landing{position:relative; z-index:1; padding:75px 0px; color:var(--ct-color-primary);}

    .header-landing h1{position:relative}


.whatsappme__button{display:flex; justify-content:center; align-items:center; position: fixed; z-index: 2; bottom: 8px; right: 8px; width:50px; height:50px; text-align:center; color: #fff; border-radius: 30px; box-shadow: 1px 6px 24px 0 rgba(7,94,84,.24); cursor: pointer; background-color:#6abd45; 	transition: background-color .2s linear;}
    .whatsappme__button:hover{color:#fff; background:var(--ct-color-cta);}



/* /Custom concretos*/    
.btn-circle{
    border: 2px solid #595d59;
    border-radius: 50% !important;
    width: 26px;
    aspect-ratio: 1;
    height: 26px;
    display: flex !important;
    justify-content: center;
    align-items: center;}
    .btn-circle span{font-size:16px; color:#595d59;}
    
.btn-anchor{display:flex; justify-content:left; align-items:center; gap:10px; padding:5px 10px; background-color:rgba(255,255,255,.08); border-radius:4px; font:400 1.5rem 'Nunito Sans', sans-serif}    
    .btn-anchor span{color:#ffffff50}




details summary{background-color:#f4f4f0; padding:10px; border-radius:2px; border-left:5px solid var(--ct-color-secondary); color:var(--ct-color-primary); cursor:pointer} 
    details summary::after{
        font-family: 'Material Icons';
          content: "chevron_right";
          -webkit-font-feature-settings: 'liga';
        float:right;
    }
details summary:hover, details[open] summary{border-color:var(--ct-color-alternative); color:var(--ct-color-alternative)} 
details[open] summary::after{font-family: 'Material Icons';
  content: "expand_more";
  -webkit-font-feature-settings: 'liga';
        float:right;}
        
details .padding{padding:15px}        
#web-header{position:relative; z-index:10; box-shadow:0px 0px 16px rgb(0 0 1 / .28)}
    #web-header .container{position:relative}
    
        #web-header .logo-brand:hover{opacity:1}
    #web-header .line-top{background-color:var(--ct-color-primary); min-height:67px}    
    #web-header .content{ display: flex;  justify-content: space-between; align-items:center; padding:15px 0px  }
    #web-header .options{ display: flex; align-items: center; gap:9px; margin:0px; color:#FFF; font-size:1.4rem;
        .btns{display: flex; align-items: center; gap:10px;
            .separator-v{display:inline-block; border-right:3px dotted #414481; height:28px}
    }
        .boxLanguage .btn-as-link{text-transform:lowercase} 
    }
    #web-header .line-top .submenu{display:flex; justify-content: center; align-items:center; gap:10px;  font-size:1.4rem;color:#FFF;}
    #web-header .line-top .submenu .info{display: flex; justify-content: center; align-items: center;
        
        .icon{color:var(--ct-color-secondary)}
        .btn-as-link{font-size:1.7rem; font-weight:700}
    }
    #web-header .btn-as-link{ display: inline-flex; justify-content: center; gap:3px; font-weight:500; font-size:1.4rem}
			#web-header .btn-as-link .material-icons-outlined{font-size:2rem}		
			#web-footer .btn-as-link:hover, #web-header .btn-as-link:hover{background-color:transparent; color:var(--ct-color-secondary)}
	
    			/*	#web-header .line-bottom md-menu>.md-button, .line-bottom md-menu-item>.md-button, #web-header .line-bottom .navbar-secondary  > li a, #web-header .line-bottom .navbar-nav  > li a, #web-header .line-bottom .navbar-secondary  > li .btn-as-link, #web-header .line-bottom .navbar-nav  > li .btn-as-link{font:600 1.7rem var(--ct-font-primary); display:inline-block; margin:0px; color:#FFF; text-transform:inherit; text-shadow:0px 0px 43px rgb(33 65 43 / 1)}*/
    				md-menu>.md-button:active, md-menu-item>.md-button:active, md-menu>.md-button:focus, md-menu-item>.md-button:focus, md-menu>.md-button:hover, md-menu-item>.md-button:hover, #web-header .navbar-nav  > li a:focus, #web-header .navbar-nav  > li a:hover, #web-header .navbar-nav  > li .btn-as-link:hover{opacity:.8; background-color:transparent !important; font-weight:600}

    #web-header .line-bottom {position:relative; z-index:5; display: flex; justify-content: center;padding:8px 0px; background: linear-gradient(to right,  rgba(63,63,105,1) 0%,rgba(63,63,105,1) 15%,rgba(19,175,222,1) 85%,rgba(19,175,222,1) 100%); box-shadow:0px -10px 20px rgb(20 18 43 / .15)}
        #web-header .line-bottom .navbar-nav{display: flex; align-items: center; justify-content: center;}
   #web-header .line-bottom::after{content:""; position:absolute; bottom:0px; left:10%; right:10%; height:1px; background-color:#FFF; opacity:.17}

#web-header .navbar-toggle{float:left; background-color:transparent; margin:2px 0px;}
    #web-header .navbar-toggle:hover .icon-bar{background-color:#fff;}
    #web-header .navbar-toggle .icon-bar{background-color:#fff;}
    
	ul.submenu-special{}
		ul.submenu-special{width:100%; margin:0 0 0 -5px; padding:0; list-style:none;}
			ul.submenu-special li{width:100%; margin-bottom:6px; border-bottom:rgba(255,255,255,.2) solid 1px;}			
				ul.submenu-special a{display:inline-block; width:100%; padding:4px 0 6px;}		
			ul.submenu-special li:last-child{margin:0; border-bottom:0;}
				ul.submenu-special li:last-child a{padding-bottom:0}
				

.sidenav-menu-mvl{padding-top:10px}
.sidenav-menu-mvl, .sidenav-menu-mvl md-content{background:var(--ct-color-primary)}
	.sidenav-menu-mvl .link-brand{width:100%; margin:10px 0 15px; float:left; text-align:center}
	    .sidenav-menu-mvl .link-brand img{max-width:180px; margin:0 auto;}
	.sidenav-menu-mvl ul{width:100%; margin:0;}
	    .sidenav-menu-mvl ul .md-button{text-transform:inherit; text-align:left; margin:0px 0px 2px 0px;}
		.sidenav-menu-mvl ul .md-button, .sidenav-menu-mvl ul li{width:100%; float:left;}
			.sidenav-menu-mvl ul .dropdown label, .sidenav-menu-mvl ul .md-button, .sidenav-menu-mvl ul li a, .sidenav-menu-mvl ul li .btn-as-link{display:block; width:100%; margin-bottom:2px; font-size:14px; font-weight:600; text-align:left; color:#f2f2f2; border-radius:2px; background:rgba(0, 0, 0, 0.2)}
		    .sidenav-menu-mvl ul .md-button:hover, .sidenav-menu-mvl ul li a:hover{ color:#FFF; background:transparent;}
		    
	.sidenav-menu-mvl .logo-link{width: 100%; padding: 0.8em; float: left;  text-align: center;	 border-radius:3px; background: #fff;}
	    .sidenav-menu-mvl .logo-link img{margin: 0 auto !important;}
	
.sidenav-menu-mvl .navbar-nav .dropdown-content{position:static; width:100%; background-color:#0A1E46}
.sidenav-menu-mvl .navbar-nav .dropdown-content li a, .sidenav-menu-mvl .navbar-nav .dropdown-content li a:focus, .sidenav-menu-mvl .navbar-nav .dropdown-content li a:active, .sidenav-menu-mvl .navbar-nav .dropdown-content li label{border:0px; color:#F4F4F4; background-color:rgba(0, 0, 0, 0.2)}
.sidenav-menu-mvl .navbar-nav .submenu-list > input[type="checkbox"] ~ label{ background-color:rgba(0, 0, 0, 0.2); color:#F4F4F4}
.sidenav-menu-mvl .navbar-nav .submenu-list > input[type="checkbox"]:checked ~ label{ background-color:#04112A; color:#ffb207}
.sidenav-menu-mvl .navbar-nav .dropdown-content li a:hover, .sidenav-menu-mvl .navbar-nav .dropdown-content li label:hover{background-color:rgba(0, 0, 0, 0.2);}
.sidenav-menu-mvl{position:fixed; top:0; bottom:0;}			


	/* Main menu V2*/
.navbar-nav {
  --dropdown-width: 250px;
  --dropdown-border-color: var(--ct-color-cta);
  --hover-bg-color: #f4f8fc;
  --border-color: #ddd;
}

.navbar-nav > li a,
.navbar-nav li label {
  padding: 15px;
  font-size:1.7rem; font-weight:600; color:#FFF; display:inline-block; margin:0px; 
  line-height: 1em;
  text-transform: none;
  margin: 0;
  
}
#header-web .navbar-nav > li a:hover, .navbar-nav li label:hover {background:transparent !important; color:#DDD}


.navbar-nav .dropdown {
  position: relative;
  cursor:pointer;
}

.navbar-nav .dropdown-content {
  display: none;
  position: absolute;
  z-index: 99;
  background-color: #FFF;
  margin-top: -1px;
  overflow: hidden;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 8px 12px rgba(0, 0, 0, .175);
  border-top: 2px solid var(--dropdown-border-color);
  width: var(--dropdown-width);
}

.navbar-nav .dropdown-content > div {
  display: flex;
  flex-direction: column;
}

.navbar-nav .dropdown-content li a,
.navbar-nav .dropdown-content li label {
  display: inline-block;
  border-top: 1px solid var(--border-color);
  color: #333;
  padding: 15px 10px;
  width: 100%;
  cursor: pointer;
}

.navbar-nav .dropdown-content li a:hover,
.navbar-nav .dropdown-content li label:hover {
  background-color: var(--hover-bg-color);
}


.navbar-nav .dropdown-content div > li:first-child label, .navbar-nav .dropdown-content div > li:first-child a {
  border: 0;
}

.navbar-nav .dropdown-content-submenu {
  display: none;
  background-color: #f3f3f3;
}

.navbar-nav .dropdown-content-submenu li:first-child a {
  border-top: 1px solid var(--border-color);
}

.navbar-nav .dropdown input[type="checkbox"]:checked ~ .dropdown-content-submenu {
  display: block;
}

.navbar-nav .menu-hover > input[type="checkbox"] ~ label::after,
.navbar-nav .menu-hover > input[type="checkbox"]:hover ~ label::after {
  font-family: 'Material Icons';
  -webkit-font-feature-settings: 'liga';
  float: right;
}

.navbar-nav .menu-hover > input[type="checkbox"] ~ label::after {
  content: "expand_more";
}

.navbar-nav .menu-hover > input[type="checkbox"]:hover ~ label::after {
  content: "expand_less";
}

.navbar-nav .submenu-list > input[type="checkbox"] ~ label::after,
.navbar-nav .submenu-list > input[type="checkbox"]:checked ~ label::after {
  font-size: 25px;
  float: right;
  font-weight:400;
}

.navbar-nav .submenu-list > input[type="checkbox"] ~ label::after {
  content: "+";
}

.navbar-nav .submenu-list > input[type="checkbox"]:checked ~ label::after {
  content: "-";
}

@media (width > 768px) {
  .navbar-nav .dropdown input[type="checkbox"]:hover ~ .dropdown-content,
  .navbar-nav .dropdown:hover .dropdown-content {
    display: block;
  }
}

@media (width < 767px) {
  .navbar-nav .dropdown input[type="checkbox"]:checked ~ .dropdown-content {
    display: block;
  }
}

md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-placeholder label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float){transform:translate3d(0,6px,0) scale(.85)}

#web-footer{position:relative; margin-top:50px}
        #web-footer ul.links li{margin-bottom:10px; display: flex; justify-content: start; align-items: center;    gap: 10px;}
        #web-footer li a{color:var(--ct-body-color)}
            #web-footer li a:hover{color:var(--ct-color-cta)}

#web-footer .separator{height:5px; background-color:var(--ct-color-secondary)}

 #web-footer .contact-forms{padding:40px 20px; background-color:var(--ct-color-primary); }
 #web-footer .contact-forms .content{display:flex;  justify-content:space-between; align-items:center;  font-size:1.6rem; flex-wrap:wrap;
    .box{display:flex; justify-content:center; align-items:center; gap:10px; font-weight:500; font-size:1.7rem; color:#FFF;
        ul{margin-bottom:0px}
    }
    a{color:#FFF}
}
#web-footer .schedule{display:flex;  justify-content:center; align-items:center; gap:6px; padding:25px 0px; color:#FFF; background: #4a4a7c;
    .icon{color:#8a88a8}}

#web-footer .top-line{position:relative; color:#FFF; 
        .links{
            .btn-as-link{color:#555;
                &:hover{color:var(--ct-color-cta); background:transparent}
            }
             a{color:#FFF;
                &:hover{color:#DDD; opacity:1}
            }
        }
        .text-alt{letter-spacing:0.1em}
       
       
}

#web-footer .top-line .container{position:relative; z-index:2}
#web-footer .bg-footer{background:transparent url(/cdn/images/bg-footer.jpg) no-repeat center bottom; border-radius:25% 25% 0px 0px; background-size:cover}
#web-footer .bottom-line{position:relative; padding:35px; }
#web-footer .bottom-line .info{display:flex; justify-content:space-between; align-items:center}
    #web-footer .copyright {font-size:1.4rem; color:var(--ct-color-primary)}

#web-footer .social-networks{display:flex; align-items:center; gap:5px;
    a{display:flex; align-items:center;}
}

.main-slider{position:relative; z-index:2; float:left; width:100%; background: linear-gradient(to bottom,  rgba(159,170,183,1) 0%,rgba(199,206,216,1) 100%); 
}
    /*.main-slider .img-boxed{opacity:.47}*/
    .main-slider, .main-slider .item{min-height:475px}
    .main-slider .item{text-align:left}
    .main-slider .layout-overlay{position: absolute; z-index:1; inset: 0px; background-color:rgb(74 74 74 / .25); }
    .main-slider .position-caption{position:absolute; z-index:3; top:50px; left:0px; right:0px}
    .main-slider .caption{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; }
        .main-slider .caption h2{font-size:3.6rem; font-weight:400; color:#FFF; text-shadow:0px 0px 5px rgb(2 10 35 / .9); 
            span{font-weight:600; text-transform:uppercase}
        }
    .main-slider .position-price{position:absolute; z-index:3; bottom:150px; left:50%; transform:translateX(-50%);
        .box-price{position:relative; width:139px; color:#FFF; padding:15px 37px 15px 0; background: transparent url(https://www.ncaexplora.com/cdn/images/bg-price.png) no-repeat; border-radius:10px 10px 0 0;
            .layout-l{ display:flex; flex-direction:column; justify-content:center; align-items:center; gap:3px;
                .from{font-size:1.3rem; line-height:1em}
                .amount{font-size:2.4rem; font-weight:500; line-height:1em}
            }
            &:after{content:""; position:absolute; z-index:2; top:14px; right:7px; font-family: 'Material Icons';  content: "east"; color:#01cda5; transform:rotate(-35deg); font-size:2.2rem;
                
            }
         }
    }
        
    .main-slider .middle-box{z-index:2; margin-top:-40px}
.main-slider .carousel-indicators{display:none}
.main-slider .carousel-control{
    top:20px; z-index:10;
    
    width: 44px;
    height: 44px;
    background:rgb(255 255 255 / 1) ;
    opacity: 1;
    text-shadow:inherit;
    color:var(--ct-color-cta);
    border-radius:0px;
    box-shadow:0px 2px #82818160;
}
.main-slider .carousel-control.left{left:13px; border-radius:50%}
    .main-slider .carousel-control.left span{margin-left:-15px}
    .main-slider .carousel-control.right span{margin-right:-15px}
.main-slider .carousel-control.right{right:13px; border-radius:50%}
.main-slider .carousel-control span{font-size:1.8rem; margin-top:-9px}
.main-slider .carousel-control:hover{background-color:var(--ct-color-cta); color:#FFF}




.main-slider .hover-link:hover{background-color:rgb(87 168 135 / .2)}


.btnSearch{float:right; padding:10px 15px; /*width:100%;*/ font-size:1.6rem; font-weight:600; color:#FFF !important;  border-radius:5px; text-transform:uppercase;  background: var(--ct-color-primary); }

    .btnSearch:hover, .btn-theme:hover{background-color:var(--ct-color-alternative) !important; color:#FFF !important}


.col-sp-5{float:left; padding:0px 15px; width:20%}

.main-slider .box-caption{position:relative; display:inline-flex; flex-direction:column; gap:5px;  width:256px; height:256px; aspect-ratio:1; border-radius:50%; background-color:#FFF; box-shadow:0 0 38px rgb(0 0 1 / .15);
    .icon{width:44px; height:44px; border-radius:50%; display:flex; justify-content:center; align-items:center; align-self:end; position:absolute; bottom:10px; right:10px; background-coLor:#0d1434; color:#FFF; box-shadow:0px 1px 8px rgb(0 1 17 / .11);
        span{font-size:3rem}
    }
    .subtitle{text-transform:uppercase; font-size:1.3rem; color:var(--ct-color-secondary); margin-top:50px}
     h2{margin-top:10px; font-size:2.4rem; color:#0d1434; font-weight:800; min-height:85px}
     .price{display:flex; flex-direction:column; font-size:1.3rem; font-weight:500; color:#3f3f69;
         .amount{font-weight:800; font-size:2.8rem; line-height:1em}
     }
     &:before{content:""; position:absolute; inset:-18px; background:rgb(255 255 255 / .2); border-radius:50%; box-shadow:0 0 38px rgb(0 0 1 / .15)}
}
.main-slider .layout-bottom{position:absolute;z-index:5; bottom:0px; left:0px; right:0px; height:104px; background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); }

.lead{font-size:1.5rem; margin-bottom:0px;
    .block-content{display:inline-flex; gap:10px; background-color:#d7e3fa; color:#475264; border-radius:25px 25px 0 0; padding:20px 35px;}
    p{ margin:0px}
    a{color:#619316}
   }
.separator{margin:0px; border-top:1px solid #e1e1e3}

.product-recommended{
    &:hover{
        .img-boxed{box-shadow:0px 0px 10px rgb(87 168 135 / .58);}
        img{ transform:scale(1.2) rotate(5deg);}
        }
    img{transition:all 0.25s ease 0s }    
    .image{position:relative; height:255px; 
        .img-boxed{border-radius:25px 0px 0px 25px; box-shadow:0px 0px 8px rgb(0 1 17 / .19); overflow:hidden}
        .border-bottom{position:absolute; z-index:5; bottom:0px; left:0px; right:0px; height:4px; display:none; background-color: #6abd45; }
    }
    .box-caption{display:flex;  align-items:start; position:absolute; z-index:20; left:9px; bottom:-24px; border-radius:25px; font-weight:600; font-size:1.8rem; background-color:#FFF; color:var(--ct-color-primary)}
    
    .box-price{ padding:10px 30px; border-radius:25px; font-weight:500; font-size:1.4rem; background-color:var(--ct-color-secondary); color:#FFF; flex-shrink:0;
        span{font-weight:700; font-size:1.8rem;}
    }
    .caption{ display: flex; justify-content: space-between;align-items: end;  padding: 15px 6px 6px 15px;
        li{ display: flex;    gap: 15px;    align-items: start;    margin-bottom: 8px;
            .material-icons-outlined{color:#aaabc4}
            
        }
    }
    .title{font-size:2rem; font-weight:700; margin-bottom:10px; min-height:50px;
        a{color:#0d1434}
    }
    footer{display:flex; align-items:center; gap:5px; margin-top:5px}
    .include{display:flex; align-items:center; gap:10px; color:var(--ct-color-primary); border-radius:4px 25px 25px 25px; padding: 10px 20px; flex-wrap:wrap;
        .tour-include-icon{display:flex; align-items:center;
            &:hover{color:var(--ct-color-secondary)}
        }
    }
    .btn-view{display:flex; align-items:center; justify-content:center; color:#FFF; width:42px; height:42px; background-color:var(--ct-color-cta); border-radius:50%; flex-shrink:0}
    .price{color:#03588c; font-size:1.4rem; font-weight:500;
                    b{color:var(--ct-color-cta); font-size:1.8rem}    
                }
    &.box-shadow{border-radius:25px;}
    &.multiproduct{background-color:#FFF; box-shadow:0px 0px 8px rgb(0 1 17 / .19); border-radius:25px; overflow:hidden;
        .image{height:168px; 
            .img-boxed{border-radius:0px}
        }
        .box-price{color:#0d1434; background:transparent; padding:10px 20px; font-size:1.8rem; font-weight:600}
        .content{padding:0 15px; margin:15px 0px 0px 0px; transition: filter 0.3s ease;
        
            &:hover li{filter:blur(3px);
            &:hover{filter:none} 
        }
            li{position:relative; display: flex; justify-content:space-between; align-items: center; gap: 10px; padding:15px 0px; border-bottom:2px dotted #d9dadc;
                .icon{color:var(--ct-color-primary);
                    sup{      transform: rotate(45deg);    position: relative;    top: -13px;    right: 13px;
                            span{ font-size: 1.5rem; }
            }
                }
                
                &:last-child{border-bottom:0px}
        }
        }
    }
    &.hotel{
        .include{font-size:16px; gap:1px; color:#ff9c00}
        .box-caption{bottom:-14px;
           
        }
        & .image .img-boxed { border-radius:25px 25px 25px 6px;}
        .title{margin-bottom:0px}
        .caption li{gap:10px}
    }
    &.category{
         .box-title{padding:10px 20px}
    }
}

.col-xs-12:nth-of-type(1) > .product-recommended .border-bottom {
    display:inline;
}
.col-xs-12:nth-of-type(2) > .product-recommended .img-boxed{border-radius:0px 0px 0px 25px;}
.col-xs-12:nth-of-type(3) > .product-recommended .img-boxed{border-radius:0px 25px 0px 25px;}
/*
div:nth-of-type(3n+2) .col-xs-12 .product-recommended .border-bottom, .col-xs-12:nth-of-type(3n+2) .product-recommended .border-bottom {
    background-color: #51b683; 
}

div:nth-of-type(3n+3) .col-xs-12 .product-recommended .border-bottom, .col-xs-12:nth-of-type(3n+3) .product-recommended .border-bottom {
    background-color: #2aace2; 
}*/

.title-section{display:flex; align-items:center; gap:5px; color:var(--ct-color-primary); font-size:3.1rem; font-weight:800;
    span{color:var(--ct-color-alternative)}
}

.tabs-theme {   position: relative;    z-index: 1;
    md-tabs-canvas{height:70px}
    md-pagination-wrapper{background-color:#f3f6fc; height:70px; border-radius:25px; padding: 7px;    margin: 5px;    box-shadow: 0px 0px 5px rgb(0 0 0 / .13);}
    .md-tab{display:flex !important; justify-content:center; align-items:center; text-transform:inherit; gap:5px; font-size:1.8rem; font-weight:600; color:#0d1434;border-radius:25px;
        span{color:var(--ct-color-cta)}
    }
    .md-tab.md-active{ background-color:#d7e3fa; color:#0d1434;}
    .md-tab.md-active span{color:#0d1434;}
    &.dark-theme{
        md-pagination-wrapper{background-color:#2e2e4d}
        .md-tab{color:#d7e3fa}
        .md-tab.md-active{color:#0d1434}
    }
}

/*
.tabs-theme md-pagination-wrapper{position:relative;  align-items:center; } 
.tabs-theme md-tabs[md-border-bottom] md-tabs-wrapper{border-width:0px;}
    .tabs-theme md-ink-bar{background-color:var(--ct-color-secondary)}*/
    
   
        
.multiproduct-section { position:relative; padding-top:105px;
    .header-titles{position:relative; z-index:5;
        .title-section{color:#FFF;
            span{color:#a9a9d9}
        }
    }
    footer{text-align:right;
        a{color:var(--ct-color-cta); font-weight:600}
    }
    &:before {
        content: "";
        position: absolute;
        z-index: 0;
        top: 0px;
        left: 0px;
        right: 0px;
        height: 480px;
        background:var(--ct-color-primary) url(/cdn/images/bg-multiproduct.png) no-repeat bottom left;
       
    }
    
}        

.info-content{
    .title{width:100%; font-size:3.8rem; color:var(--ct-color-primary); background:transparent url(/cdn/images/symbol.png) no-repeat bottom left; padding-bottom: 85px;  padding-left: 50px;
        b{font-weight:600}
    }
}

.panel-faq{width:100%; float:left; background-color:transparent;}
		.panel-faq .panel{border:0; background-color:transparent;}
			.panel-faq .panel-heading{position:relative; padding:0; background-color:transparent;}
				.panel-faq .panel-heading a{display:inline-block; width:100%; padding:12px 45px 12px 15px; font-weight:700;  text-transform:none;   border-radius:3px; color:#fff !important; background:var(--ct-color-cta);}
					.panel-faq .panel-heading a .icon{position:absolute; right:15px; top:17px; color:#fff ;}
					.panel-faq .panel-heading.active .plus{display:none;}
					.panel-faq .panel-heading a:hover, .panel-faq .panel-heading a:hover .icon{color:#fff; background:#14131f;}
			.panel-faq  .panel-body{background:#FFF}

.tabs-searcher{float:left; width:100%;  text-align:left;}
/*.tabs-searcher md-tabs-wrapper{bottom:-10px; z-index:10}*/
.tabs-searcher md-pagination-wrapper{}
.tabs-searcher .searcher{float:left;width:100%; padding:25px 15px 20px 15px; text-align:left; background-color:#FFF; }
md-tabs.tabs-searcher .md-tab{display:flex; justify-content:center; align-items:center; text-transform:inherit; gap:5px; font-size:1.6rem; color:#FFF; background-color:var(--ct-color-secondary); 
    &:first-of-type{border-radius:25px 0px 0px 25px}
    &:last-of-type{border-radius:0px 25px 25px 0px}
}		
		    md-tabs.tabs-searcher .md-tab.md-active span{color:#9edef2; }
			md-tabs.tabs-searcher .md-tab .tabs-searcher {position:relative; top:5px; font-size:1.2em; color:#5a5e75;}		
md-tabs-canvas.md-center-tabs{overflow:inherit}
.md-tab .flight{
    position: absolute;
    font-size: 1.4rem;
    margin-top: -18px;
    margin-right: -9px;
}

.category-section .link-footer{float:right}

.multiproduct-section .title-section{justify-content:center}

.whyBook-section{background:#f5c41d url(/cdn/images/bg-whyBook.jpg) no-repeat bottom right; padding-top:60px; padding-bottom:140px;
    .title-section{justify-content:center; color:#FFF;
        span{color:#e56500}
    }
    .whyBook-recommended{display:flex; gap:15px; align-items:center; justify-content:start;
        .icon{display:flex; justify-content:center; align-items:center; width:126px; height:126px; aspect-ratio:1; flex-shrink:0; border-radius:50%; background-color:#ff9d00; color:#e8eaed;
            span{font-size:7rem}
        }
        .text{color:#0d1434; font-weight:700; font-size:2rem;
            span{color:#c34800}
        }
    }
}

.review-section{position:relative; padding-top:35px;
    .review-recommended{
        .name, .where{font-size:2rem; font-weight:700}
        .where{color:#0476d9}
        .image{position:relative; width:234px; height:234px; border-radius:25px; overflow:hidden;
            .rating{position:absolute; z-index:5; bottom:0px; right:0px; display:flex; justify-content:center; align-items:center; gap:2px; background-color:#3f3f69; color:#fff563; border-radius:25px 0 0 0; padding:12px 15px;
                span{font-size:1.8rem}
            }
        }
        p{max-width:234px}
        
    }
    &:before{content:""; position:absolute; left:0px; right:0px; top:0px; height:260px; background-color:#f8cd3c}
}

.banner-recommended{display:flex; flex-direction:column; justify-content:space-between; min-height:514px; padding:100px 30px 58px; background:#f8cd3c url(/cdn/images/bg-banner.png) no-repeat bottom left; border-radius:25px;
    .caption{font-size:3.7rem; font-weight:800; color:#FFF; text-align:center; line-height:1.15em;
        span{color:#e97a0c}
    }
    .btn-review{display:inline-flex; gap:5px; align-items:center; border-radius:25px; background-color:#FFF; padding:10px 20px; color:#282c36; font-size:1.4rem; font-weight:800; text-transform:uppercase; box-shadow:0px 0px 7px rgb(0 0 0 /.09)}
}


/*Tours*/
.availEngines .searchResume .searchParameters md-icon, .availEngines .searchResume .searchParameters{color:var(--ct-color-primary); font-weight:500; font-size:1.5rem}
.productHotel .optionsContainer .searchResume .newSearch, .availEngines .searchResume .newSearch md-icon, .availEngines .searchResume .newSearch{color:var(--ct-color-cta); font-weight:800; }

.availEngines .filtersContainer .title, .availEngines .resultsContainer .title{text-transform:inherit;
}

.panel-default{border:0px}
.panel.panel-default > .panel-heading, .panel > .panel-heading{font-family:var(--ct-font-secondary);background-color:#f4f4f2; border-radius:25px; text-transform:inherit}
.panel > .panel-heading i{font-size:14px; color:#213145;  position: relative; top: 5px;}
.ui-slider .ui-slider-handle, .ui-slider .ui-slider-range{background-color:var(--ct-color-primary)}

.availEngines .resultsContainer .orderTools{border:0px;}
.availEngines .resultsContainer .orderTools span.titleOrder{padding-top:9px; min-height:39px; padding-left:16px; background-color:#233746; border-bottom:3px solid #233746; color:#FFF; border-radius:25px 0 0 25px; font-size:14px; text-transform:inherit}
.availEngines .resultsContainer .orderParameter.md-button{border-bottom:3px solid #FFF; border-left:0px; text-transform: inherit; font-size: 1.5rem;}
.availEngines .resultsContainer .orderTools .md-button.orderActive{background-color:#FFF; color:var(--ct-color-cta); border-bottom-color:var(--ct-color-cta)}
.availEngines .activityContainer, .availTours .resultsContainer .tourContainer{position:relative; border:0px; border-radius:6px; box-shadow:0px 0px 7px rgb(0 0 0 / .19)}
.availEngines .activityContainer .activityDetails .activityName, .availTours .resultsContainer .tourContainer .tourDetails .tourName{font-size:26px; font-weight:700; color:var(--ct-color-primary)}
.availEngines .activityContainer .activityDetails .activityDescription, .availTours .resultsContainer .tourContainer .tourDetails .tourDescription{font-size:1.6rem; color:inherit; margin:10px 0px;}
.availTours .resultsContainer .tourContainer .tourDetails .tourLocDetails md-icon, .availTours .resultsContainer .tourContainer .tourDetails .tourDeparture md-icon, .availTours .resultsContainer .tourContainer .tourDetails .tourDeparture, .availTours .resultsContainer .tourContainer .tourDetails .tourLocDetails{font-size:1.5rem;color:var(--ct-body-color)}
.productTour .tourCategories span, .availTours .resultsContainer .tourContainer .tourDetails .tourCategories span{display:inline-block}
.availEngines .activityContainer{padding:25px 15px}
.availEngines .activityContainer .activityImg{padding:0 25px 0 5px; aspect-ratio:1/1; max-height:inherit}
.availTours .resultsContainer .tourImg {
    z-index: 2;
    position: absolute;
    top: 25px;
    left: 25px;
    width: 160px;
    height: 160px;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 4px 0px rgb(33 30 55 / 15%);
    box-shadow: 0 4px 4px 0px rgb(33 30 55 / 15%);
}
.availTours .resultsContainer .tourImg img {
    position: absolute;
    left: 0;
    width: auto;
    height: 100%;
}
.availEngines .activityContainer img{border-radius: 4px;
    -webkit-box-shadow: 0 4px 4px 0px rgb(33 30 55 / 15%);
    box-shadow: 0 4px 4px 0px rgb(33 30 55 / 15%);}
.availTours .resultsContainer .tourContainer .tourDetailsBox {
    width: 100%;
    padding-left: 200px;
}
.availTours .resultsContainer .tourContainer .tourIncludesDetails{border:0px}
.availTours .resultsContainer .tourContainer .tourIncludesDetails .includesList{
    background: #efefef;
    border-radius: 25px;
    padding: 10px;}
.availTours .resultsContainer .tourContainer .tourIncludesDetails .includesList b{display:none}
.availTours .resultsContainer .tourContainer .tourIncludesDetails .includesList i{margin:0px 2px}
.availTours .resultsContainer .tourContainer .tourIncludesDetails .includesList .material-icons{color:#233746}
.availTours .resultsContainer .tourContainer .tourPriceDetails .duration, .availTours .resultsContainer .tourContainer .tourPriceDetails .duration .material-icons, .availTours .resultsContainer .tourContainer .tourPriceDetails .info, .availTours .resultsContainer .tourContainer .tourPriceDetails .price{color:var(--ct-color-cta)}
.availTours .resultsContainer .tourContainer .tourPriceDetails .duration{font-size:14px}

.productTour .tourCategories, .availTours .resultsContainer .tourContainer .tourCategories{margin-top:15px}

.availEngines .activityContainer .activityPriceDetails .md-button.price, .bookingPage .btnContinue, .availTours .resultsContainer .tourContainer .tourIncludesDetails .md-button.viewTour{display:inline-block; text-align:center; padding:5px 25px; border-radius:25px; box-shadow:0px 0px 5px rgba(0,0,1,.4); border:0px; background-color:var(--ct-color-cta); color:#FFF  !important; font-weight:500; text-transform:inherit; font-size:1.6rem; }
.productActivity .activityName, .bookingPage .titlePage, .productTour .tourName{font-size:30px; font-weight:700; color:var(--ct-color-primary)}

.productTour .infoTour{background:transparent}
.productActivity, .productTour .infoTour, .productTour .tourName{margin-top:45px}
.productTour .tourName{margin-bottom:10px}
.productTour .tourDestinations{font-size:1.6rem}
.productTour .tourDestinations md-icon{position:relative; top:4px; color:#b7d8eb }
.productTour .tourDestinations b{color:#213145}
.productTour .galleryTour { overflow: hidden;  display: block;  position: relative;  width: 100%;  margin: 0 auto 25px;  border-radius: 16px; box-shadow: 0px 0px 5px rgb(0 0 1 / 32%);}
.productTour .galleryTour:before{ content: ""; display: block; padding-top:56%;}
.productTour .galleryTour .sliderImages {  position: absolute;   top: 0;right: 0;   bottom: 0;   left: 0;   margin: 0 !important;}
.productTour .galleryTour img { display: block;   width: 100%;    height: 100%;    object-fit: cover;}
.productTour .galleryTour .sliderImages .arrow{top:50%; bottom:inherit; padding-top:20px; width:60px; height:60px; background-image:none;background-color:#233746; border-radius:25px; text-align:center; color:#fff; box-shadow:0px 0px 21px rgba(0,0,1,.17); opacity:1}  
    .productTour .galleryTour .sliderImages .arrow:hover{background-color:var(--ct-color-primary)}
    .productTour .galleryTour .sliderImages .arrow .glyphicons{font-size:20px;position:static; margin:0px}
.productTour .galleryTour .sliderImages .arrow.next, .productTour .galleryTour .sliderImages .arrow.prev{opacity:1}
.productTour .shortDescription{color:inherit; font-size:1.5rem}
.productActivity .informationContainer .detailsTitle, .bookingPage .boxSummary .serviceContainer .sectionSubservice, .bookingPage .formContainerBox .paxContainer .roomHeader .title,.bookingPage .titleSection, .productTour .additionalDescription > .title, .productTour .itineraryDescription > .title, .productTour .includesDescription .title{text-align:left;font-size:18px; font-weight:400; color:#FFF; border: 0px;  background: #5b6a78;  border-radius: 25px;  padding: 10px 20px; margin-bottom:10px}
    .productActivity .informationContainer .detailsTitle .material-icons, .productTour .additionalDescription > .title .material-icons, .productTour .itineraryDescription > .title .material-icons, .productTour .includesDescription .title .material-icons{color:#FFF }
.productTour .includesDescription .boxInclude{min-height:80px; height:inherit}    
.bookingPage .formContainerBox .paxContainer .paxHeader .title, .productTour .includesDescription .boxInclude > span b{font-size:14px; font-weight:700; color:var(--ct-color-primary)}
.productTour .includesDescription .boxInclude > md-icon{color:var(--ct-color-primary)}
.productTour .includesDescription .boxInclude > span span{font-size:14px; line-height: 1.2em; margin-top: 5px;}
.productTour .itineraryDescription > .title{margin-bottom:0px}
.productTour .itineraryDescription .dayItinerary .dayInformation{border-color:#5b6a78}
.productTour .itineraryDescription .dayItinerary .dayNumber{font-size:1.5rem; color:#213145}
.availTour .configurationTour > .resumeConfiguration > .iconResume, .availTour .availableModality .resultsContainer > .resumeConfiguration > .iconResume, .availTour .configurationTour > .boxService > .serviceOrder, .productTour .itineraryDescription .dayItinerary .dayInformation .itinerary-day{background-color:var(--ct-body-bg); border-color:#5b6a78; }
.productTour .additionalDescription .boxDescription .title, .productTour .itineraryDescription .dayItinerary .dayInformation .title{font-size:1.5rem; color:#213145; font-weight:500}
.productTour .additionalDescription .boxDescription .text, .productTour .itineraryDescription .dayItinerary .dayInformation .description{color:inherit; font-size:1.5rem; line-height:var(--ct-body-line-height)}
.productTour .itineraryDescription .dayItinerary.contrast{background-color:transparent; border-color:transparent }
.productTour .itineraryDescription .dayItinerary .dayInformation .dayImage img{border-radius:6px}

.productTour .infoTour .durationInformation, .productTour .infoTour .priceInformation{width: auto; margin: 0 0 10px 2%; padding: 10px 15px 6px 15px;border-radius: 4px;}
.productTour .infoTour .durationInformation .duration, .productTour .infoTour .durationInformation .info{color:#213145}
.productTour .infoTour .priceInformation{padding-top: 15px;  box-shadow: 0 0 5px 0 rgb(0 0 0 / 30%);background: var(--ct-color-cta);}
.productTour .infoTour .priceInformation .price, .productTour .infoTour .priceInformation .info{color:#FFF}
.productTour .columRightDesktop .thumbImages li.active{border-radius:4px; border-color:var(--ct-color-primary)}
.bookingPage .loginBox, .availTour .configurationTour > .resumeConfiguration, .availTour .availableModality .resultsContainer > .resumeConfiguration, .availTour .headerBox, .productTour .searcherBox{background:#233746; border-radius:16px; border:0px; box-shadow:0px 0px 5px rgb(0 0 1 / 32%)}
.productTour .searcherBox a{color:var(--ct-color-cta)}
.productTour .searcherBox > .infoSubTitle md-icon{color:#b7d8eb }
.productTour .searcherBox md-checkbox{font-size:14px}
.availTour .configurationTour > .resumeConfiguration > .priceInfo button.tourBook, .availTour .availableModality .resultsContainer > .resumeConfiguration > .priceInfo button.tourBook, .availTour .headerBox .priceInfo button.tourBook, .productTour .headerFixed .info .md-button.btnSearch, .productTour .searcherBox .searchBox .md-button.btnSearch{border-radius:12px; font-size:1.5rem; font-weight:500; background-color:var(--ct-color-cta) !important; color:#FFF !important}
.productTour .headerFixed .info .md-button.btnSearch{font-weight:400; padding:5px 15px; height:inherit}
.productTour .searcherBox .includesBox{border-radius:16px; background-color:rgba(255,255,255,.8); border:0px}
.productTour .searcherBox .includesBox .title{float:left !important; color:#233746;}
.productTour .searcherBox .includesBox .listBox{background-color:rgba(255,255,255,.8); border-radius:0px 0px 16px 16px; color:#213145}
.productTour .searcherBox .includesBox .listBox .line md-icon{color:#213145 }
.productTour .columRightDesktop .shareTour{padding:10px 0px}
.productTour .columRightDesktop .shareTour .md-button.icon{background-color:var(--ct-color-primary); margin:4px}
.productTour .columRightDesktop .filesTour .md-button{background-color:var(--ct-color-cta); color:#FFF; border-radius:8px}

.tourHotelInfo .contact{background-color:transparent}
.tourHotelInfo .contact .line{margin:3px 0px; padding:5px 15px; background-color:#F4F4F2; border-radius:25px}
.tourHotelInfo .galleryHotel{margin:0px}

.availTour .headerBox .resumePrice > .breakdown .label, .availTour .headerBox .resumePrice > .breakdown .price, .availTour .headerBox .resumePrice > .breakdown .price, .availTour .headerBox .resumePrice > .breakdown .person, .availTour .headerBox{font-size:14px; margin-top:25px}
.availTour .headerBox .tourName{font-size:1.6rem; font-weight:700;}
.availTour .searchResume{box-shadow:inherit; border:0px}
.availTour .includesTour{ border-radius:16px;}
.availTour .serviceInformation .hotels .cardHotel md-card md-card-title .md-headline, .availTour .configurationTour > .title, .availTour .configurationTour > .resumeConfiguration > .title, .availTour .availableModality .resultsContainer > .resumeConfiguration > .title, .availTour .includesTour .title{font-size:14px; font-weight:500}
.availTour .configurationTour > .resumeConfiguration > .priceInfo .amount, .availTour .availableModality .resultsContainer > .resumeConfiguration > .priceInfo .amount, .availTour .headerBox .priceInfo .amount{font-weight:500}
.availTour .configurationTour > .boxService > .serviceOrder{color:var(--ct-color-cta);    padding-top:1px;    font-size: 22px;}
.availTour .configurationTour > .title{border-radius:25px; background-color:#f4f4f2; color:inherit; padding:8px 20px}
.availTour .configurationTour > .boxService{border-color:#f4f4f2}
.availTour .configurationTour > .resumeConfiguration > .iconResume, .availTour .availableModality .resultsContainer > .resumeConfiguration > .iconResume{border:0px}

.availTour .configurationTour > .boxService > .title{font-weight:500; font-size:14px; color:inherit}
.availTour .configurationTour > .boxService > .configService .serviceInformation .destinations md-icon{opacity:.75; position: relative; top: -1px; width:15px; min-width:15px; height:15px; min-height:15px; margin-right: 5px; font-size:1.5rem; color:#b7d8eb;}
					.availTour .configurationTour > .boxService > .configService{background:transparent}
					.availTour .configurationTour > .boxService > .configService .serviceInformation .description{font-size:1.6rem}
						.availTour .configurationTour > .boxService > .configService .modalityContainer{padding:20px 13px;}
							.availTour .configurationTour > .boxService > .configService .serviceChange{margin-bottom:1.6rem; padding-left:24px;}
							.availTour .configurationTour > .boxService > .configService .serviceInformation .title,
							.bookingPage .boxSummary .serviceContainer .serviceData .serviceTitle, .availTour .availableModality .resultsContainer > .listModality > .boxModality .serviceInformation .title{color: var(--ct-color-primary); font-size:21px; font-weight:700}
							.availTour .configurationTour > .boxService > .configService .serviceInformation .destinations,
							.availTour .availableModality .resultsContainer > .listModality > .boxModality .serviceInformation .destinations{font-size:0.9em; color:inherit;}
								.availTour .configurationTour > .boxService > .configService .serviceInformation .destinations md-icon,
								.availTour .availableModality .resultsContainer > .listModality > .boxModality .serviceInformation .destinations md-icon{margin-right:0;}
.bookingPage .formContainerBox, .availEngines .flightContainer, .availEngines .modalityContainer {    padding: 10px 0;    border: 0;    border-radius: 16px;    box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%);    background: #FFF}								
.availTour .configurationTour > .boxService > .configService.complement, .availTour .configurationTour > .boxService > .configService.insurances {    margin-bottom: 10px;    padding: 15px 20px;    font-size: 0.9em;    border-radius: 15px;    -webkit-box-shadow: 0 5px 20px 10px rgb(33 30 55 / 8%);    box-shadow: 0 5px 20px 10px rgb(33 30 55 / 8%);    background-color: #fff;}
.availTour .serviceInformation .hotels .btnShowHotels{font-size:14px; color:var(--ct-color-cta); font-weight:500}
.availTour .serviceInformation .hotels .btnShowHotels .material-icons{color:var(--ct-color-cta)}

.availTour .configurationTour > .resumeConfiguration > .iconResume md-icon, .availTour .availableModality .resultsContainer > .resumeConfiguration > .iconResume md-icon{color:var(--ct-color-primary)}
.availTours .resultsContainer .tourContainer .tourImg{height:100px; border-radius:4px}
/* /Tours*/

/* hotels*/
.panel-default.mapContainer{background-color:#fff; width:300px; box-shadow:0 1px 1px rgba(0,0,0,.05);
    .panel-body{padding:6px}
}
.productHotel{margin-top:50px}
.productHotel .hotelName{
    font-size: 4rem;
    font-weight: 800;
    color:var(--ct-color-primary);
}.productHotel .hotelName .categoryHotel {font-size:2rem}
.productHotel .galleryHotel{background-color:transparent}
.productHotel .hotelAddress{font-size:1.6rem}
.productHotel .hotelGeneralData .iconInfo{color:var(--ct-color-primary)}
.productHotel .hotelGeneralData .viewOnMap .md-button{border-color:var(--ct-color-primary)}
.productHotel .optionsContainer .roomsContainer .boardContainer .boardOptionsContainer .boardOption .optionPrice .md-button, .productHotel .btnBooking,.availEngines .hotelContainer .hotelPriceDetails .md-button.moreInfo, .availEngines .hotelContainer .boardContainer .boardOptionsContainer .boardOption .optionPrice .md-button, .availEngines .resultsContainer .mapContainer .md-button.price, .productHotel .optionsContainer .askOptions .md-button{background-color:var(--ct-color-cta) !important; font-weight:700 !important; text-transform:inherit !important}
.availEngines .hotelContainer .boardContainer .boardOptionsContainer .boardOption .optionPrice{text-align:right}
.availEngines .hotelContainer .hotelPriceDetails .md-button.moreInfo{background-color:var(--ct-color-primary) !important}

.availEngines .hotelContainer .hotelDetails .hotelName{color:var(--ct-color-primary); font-size:2.1rem; font-weight:800}
.availEngines .filtersContainer .md-button.viewMap{border-color:var(--ct-color-primary)}

.productHotel .hotelGeneralData .priceInformation .price, .productHotel .hotelGeneralData .viewOnMap .md-button md-icon, .availEngines .hotelContainer .hotelPriceDetails .price, .productHotel .optionsContainer .searchResume .newSearch md-icon{color:var(--ct-color-primary);}

.gm-style .infoBox{width:auto !important; padding:0px 2px}


/* Activities */
.productActivity .galleryActivity{padding:0 15px; background:transparent}
.productActivity .activityDestination{font-size:1.8rem}
.productActivity .activityGeneralData{box-shadow:0px 0px 10px rgb(131 130 140 / .38); border-radius:6px}
.productActivity .modalitiesContainer{background:transparent}
.productActivity .modalitiesContainer .searchCalendar{background:transparent}
.productActivity .modalitiesContainer .totalPrice > div > .price, .productActivity .activityGeneralData .iconInfo{color:var(--ct-color-cta)}
.productActivity .modalitiesContainer .modalityContainer .paxesContainer .paxQuantity .price, .productActivity .activityGeneralData .priceInformation .price{color:var(--ct-color-primary)}
.productActivity .informationContainer{border:0px; padding:10px 0px; background:transparent; margin-bottom:15px}
.productActivity .informationContainer md-divider{display:none}
.productActivity .informationContainer .description{padding:0px 15px}
.productActivity .btnBooking, .productActivity .modalitiesContainer .totalPrice .md-button{background-color:var(--ct-color-cta);box-shadow:0px 0px 5px rgb(0 0 1 / 40%); border-radius:6px}


/* flights */
.filtersContainer .panel-default{background:transparent}
.panel.panel-default > .panel-heading, .panel > .panel-heading{background-color:#cfdae5; color:#404151}
.availEngines .searchResume{background:transparent}
.availEngines .flightContainer .boxPrice .optionPrice > div > .price{color:var(--ct-color-primary)}
.availEngines .flightContainer .journeysContainer .journeyContainer .btnShowDetails a{color:var(--ct-color-cta)}
.availEngines .flightContainer .boxPrice .optionPrice .md-button{ border-radius:50px; font-size:16px; font-weight:700 !important; box-shadow:0px 0px 5px rgba(0,0,1,.4); border:0px; background-color:var(--ct-color-cta) !important; text-transform:inherit}

/* packages */
.availPackages .configurationPackage > .boxService > .configService{padding:15px 0px; background:transparent}
/* ferries */
.availEngines .resultsContainer .residentResume{background-color: #edf2fa;       border: 1px solid #c7d3e0; border-radius:25px; box-shadow:5px 0px 21px rgb(0 95 156 / .12)}
.availEngines .searchResume .searchParameters md-icon, .availEngines .searchResume .searchParameters{color:var(--ct-color-primary); font-weight:500; font-size:16px}
.ferryResume .totalPrice .priceBreakdown md-icon,.ferryResume .totalPrice .priceBreakdown,.availEngines .searchResume .newSearch md-icon, .availEngines .searchResume .newSearch{color:var(--ct-color-cta); font-weight:500; }

.availEngines .filtersContainer .title, .availEngines .resultsContainer .title{text-transform:inherit; font-family:var(--ct-font-secondary)}

.availEngines .resultsContainer .residentResume .changeResident{background-color:var(--ct-color-cta); text-transform:inherit; font-weight:500; padding:0px 25px; font-size:1.6rem; border-radius:25px}
.availEngines .resultsContainer .residentResume h5{text-transform:inherit; color:var(--ct-body-color)}

.availFerries .resultsContainer .journeyBox{color:inherit; background:transparent; border-bottom:3px dotted #DDD}
.availFerries .resultsContainer .journeyBox .type md-icon i, .availFerries .resultsContainer .journeyBox .type md-icon{color:var(--ct-color-primary)}
.availEngines .resultsContainer .title{padding-top:0px}
.availEngines .ferryContainer.selected{border-color:var(--ct-color-secondary); border-width:1px}
.availEngines .ferryContainer.selected > .boxRadio{background-color:rgba(244,166,0,.3)}

.availEngines .ferryContainer .tariffContainer .headerOptions{background-color:var(--ct-body-color)}
.availEngines .ferryContainer .tariffContainer .tariffTitle{background-color:#f4f4f4; color:var(--ct-body-color)}
.availEngines .ferryContainer .tariffContainer .boxOption{border-color:#F4F4F4}
.availEngines .ferryContainer .tariffContainer .boxOption .boxRadio{background-color:#f4f4f4}
.availEngines .ferryContainer .tariffContainer .boxOption .boxPrice .price{color:var(--ct-body-color)}

.availEngines .ferryContainer .tariffContainer .boxOption.selected{
    border: 2px solid rgba(244,166,0, 0.3);
    background-color: rgba(244,166,0, 0.3);}
    
.bookingPage .formContainerBox md-input-container.promotionalCodeContainer>.md-button, .bookingPage .btnContinue, .ferryResume .goBooking{background-color:var(--ct-color-secondary) !important; color:#FFF !important; border-radius:25px} 
.bookingPage .btnContinue[disabled]{color:var(--ct-color-primary) !important}
.bookingPage .btnContinue md-icon{color:#FFF}


/* Checkout */
.bookingPage .progressBarContainer{font-size:1.5rem;}
.bookingPage .progressBarContainer > div.step span{font-weight:500; color:inherit}
.bookingPage .loginBox{padding:15px;color:#FFF; text-align:left; font-size:1.5rem; font-weight:400; margin-bottom:15px}
.bookingPage .loginBox .btnLogin{border-radius:8px}
.bookingPage .titleSection{margin-top:30px;}
.bookingPage .tabsOperation .btnPageOperation{background-color:#FFF; color: var(--ct-color-primary); border-radius:6px 6px 0 0}
.bookingPage .tabsOperation .btnPageOperation .material-icons{color:var(--ct-color-primary)}
.bookingPage .tabsOperation .btnPageOperation.active{background-color:var(--ct-color-primary); color:#FFF}
.bookingPage .tabsOperation .btnPageOperation.active .material-icons{color:#FFF}
    .bookingPage .tabsOperation .btnPageOperation[ng-click="operationBooking='budget'"]{display:none}
.bookingPage .tabsOperation{border-color:var(--ct-color-primary)}
.bookingPage .infoSection{font-size:14px; color:inherit}
.bookingPage .formContainerBox{padding:15px;font-size:1.5rem}
.bookingPage .formContainerBox .optionalTitle{font-size:1.5rem}
.bookingPage .formContainerBox .optionalTitle .material-icons,.bookingPage .formContainerBox .optionalTitle{color:var(--ct-color-primary); font-weight:500}
.bookingPage .formContainerBox .secondBox{background-color:#f4f4f2; border-radius:16px}
.bookingPage .formContainerBox .paxContainer .roomHeader .title{background:transparent; padding:0px}
.bookingPage .formContainerBox.cancelPoliciesContainer .containerBox{font-size:14px}

.bookingPage .boxSummary{color:inherit; border:0px; background-color:#FFF}
.bookingPage .boxSummary .headerSummary{text-transform:inherit; background:#FFF}
    .bookingPage .boxSummary .headerSummary b{font-weight:500}
.bookingPage .boxSummary .serviceContainer{border-color:var(--ct-color-secondary)}    
.bookingPage .boxSummary .serviceContainer .sectionSubservice{font-size:20px}
.bookingPage .boxSummary .serviceContainer .serviceData .serviceInfo{color:inherit; font-size: 14px;  padding: 5px 10px;    border-top: 1px solid #f4f4f2;    margin-top: 5px;}
.bookingPage .boxSummary .priceContainer .priceLine{font-size:1.5rem}
.bookingPage .contactUs {    border-radius: 50px;    background: var(--ct-color-cta); color:#FFF;}
.bookingPage .contactUs b{font-weight:500}
.bookingPage .contactUs .phone {    width: 100%;    float: left;    font-size: 24px !important;    line-height: 26px !important;    color: #fff !important;}
.bookingPage .securePayment{text-align:center}
.bookingPage .securePayment .title{text-transform:inherit; font-weight:500; font-size:1.5rem; margin-top:30px}

.bookingPage .progressBarContainer {background-color:transparent;}
.loginBox .btnLogin {border-radius:25px;
    background-color: #5b6a78;
    color: #FFF;
    padding: 10px 20px;
    margin:5px 0px;
    width: 100%;
    text-transform: inherit;
    font-weight: 500;}
    .loginBox .btnLogin.btnTwitter {background-color:#1DA1F2}
    .loginBox .btnLogin.btnLinkedin {background-color:#0077b5}
    .loginBox .btnLogin.btnPayPal {background-color:#003087}
    .loginBox .btnLogin.btnTWSClient  {margin-top:10px}
    .loginBox .btnLogin:hover{background-color:var(--ct-color-secondary) !important}
.loginBox md-checkbox, .loginContainer md-checkbox{margin-bottom:0px; font-size:1.5rem}
.loginBox .md-block a, .loginContainer .md-block a{font-size:1.5rem}
.registerBox .loginLink{
    background: var(--ct-color-primary);
    color: #FFF;
    border-radius: 5px;
    padding: 10px 25px;
    display: inline-block;
    margin-top: 10px;
    font-weight: 700;}

/* Estilo base para los productos */
.product-recommended {
  transition: filter 0.3s ease;
}
/* Aplicar desenfoque a todos los productos cuando se hace hover en el contenedor */
.hover-effect:has(.product-recommended:hover) .product-recommended {
  filter: blur(3px);
}
/* Remover el desenfoque del producto con hover */
.hover-effect .product-recommended:hover {
  filter: none !important;
}    
@media (min-width: 1200px) {
		.container {width:100%; max-width:1370px;  clear:both;}
}



@media (max-width:1200px){
    .col-sp-5{width:25%} 
    .whyBook-section{background-image:none}
}
@media (max-width:991px){
    .col-sp-5{width:50%}  
    .product-recommended{margin-bottom:25px}
    .title-section{flex-direction:column; }
    .whyBook-recommended{margin-bottom:15px}
    .review-recommended{ margin-bottom:15px;
            .image{width:100% !important}
            p{width:100% !important}
        
    } 
}
@media (max-width:767px){
    .col-sp-5{width:100%} 
    .whatsappme__button{width:44px; height: 44px;}
    .whatsappme__button svg{top:9px; left:1px; transform: scale(1);}
    
    .title-section{flex-direction:column; 
        p{text-align:center}
    }
    
    .main-slider .carousel-control.left span{margin-left:-10px}
    .main-slider .carousel-control.right span{margin-right:-10px}    
    
    .banner-recommended{min-height:auto; gap:25px}
    #web-footer .bg-footer{border-radius:15px 15px 0 0}
    
}

/* Fix v+h movil */
@media (max-width: 767px){
	.availPackages .configurationPackage{padding:10px !important}
	.availPackages .configurationPackage > .boxService{margin-left:0 !important; padding-left:0 !important; border:0 !important;}				
	.availPackages .configurationPackage > .boxService > .serviceOrder{display:none}				
	.availEngines .flightContainer .journeysContainer .journeyContainer .imgAirline{width:100%; margin-bottom:10px;}
	.availEngines .flightContainer .journeysContainer .journeyContainer .col-xs-9{width:100%;}
	.availEngines .hotelContainer .hotelImg{width:100%;}
	.availEngines .hotelContainer .hotelDetails{padding:10px;}
	.availPackages .configurationPackage > .boxService > .configService > .hotelContainer .hotelPriceDetails{width:100%;}
	.availPackages .configurationPackage > .boxService > .configService .serviceChange button.modifiyService{width:100%;}
	.availEngines .hotelContainer .hotelDetails .md-button.moreInfo{color:#F88B00 !important; background:#fff !important}
	
	.availPackages .configurationPackage > .resumeConfiguration > .iconResume, .availPackages .changeService > .resumeConfiguration > .iconResume{display:none;}
	.availPackages .configurationPackage > .resumeConfiguration > .title, .availPackages .changeService > .resumeConfiguration > .title{color:#fff;}
	.availPackages .configurationPackage > .resumeConfiguration, .availPackages .changeService > .resumeConfiguration .price-info{width:100%;}
}

		/* Sitemap */
		.page-sitemap{font-size:16px;}
			.page-sitemap .container{width:100%; max-width:1340px; margin:30px auto;}.btn-line{display:flex;gap:10px; align-items:center; justify-content:center}