/* 
  font-family: "Quicksand", sans-serif;
  font-family: "Playfair Display", serif;

*/
@font-face {
  font-family: 'CircularStd';
  src: url('/cdn/font/Circular-Std-Book.woff2') format('woff2');
  font-weight: 400; 
  font-style: normal;
}
@font-face {
  font-family: 'CircularStd';
  src: url('/cdn/font/Circular-Std-Medium.woff2') format('woff2');
  font-weight: 500; 
  font-style: normal;
}

:root{
    --ct-color-primary:#1d2028;
    --ct-color-secondary:#a2207e;
    --ct-font-primary:"Quicksand", sans-serif;
    --ct-font-secondary:"Playfair Display", serif;
    --ct-font-special: 'CircularStd', sans-serif;
    --ct-body-font-size: 1.5rem;
    --ct-body-font-weight: 500;
    --ct-body-line-height: 1.4;
    --ct-body-color: #10202f;
    --ct-body-bg: #FFF;
    --ct-color-cta:#00b3b0;
    --ct-color-hover:#f58c29;
}

/* Puedes agregar más estilos según sea necesario */

 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;
    font-stretch: normal;
    font-optical-sizing: none;
    > .container{flex-grow:1}
}
 
     
a{color:var(--ct-color-cta);}
    a:hover{color:var(--ct-color-hover); text-decoration:none; 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}

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

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

.color-primary{color:var(--ct-color-primary) !important}
    a.color-primary:hover{opacity:.8}
.color-secondary{color:var(--ct-color-secondary) !important}
    a.color-secondary:hover{opacity:.8}
.color-cta{color:var(--ct-color-cta) !important}
    a.color-cta:hover{opacity:.8}
 
.color-green{color:#5bb040} 
.color-gray{color:#a8b5d5}
    
.text-alt{font-family:var(--ct-font-secondary);}
.text-special{font-family:var(--ct-font-special)}

.md-dialog .md-dialog-content.loadingCreateBooking md-progress-circular path{color:var(--ct-color-primary)}
.md-dialog .md-dialog-content.loadingCreateBooking span{color:#233746;    font-weight: 500;    font-size: 16px;}
#loader-container {background:var(--ct-color-primary); position: fixed;overflow: hidden;top: 0;right: 0;left: 0;bottom: 0;z-index: 99999;
}
#loader-container::before{content:""; position:absolute; z-index:1; top:50%; left:50%; width:50px; margin-top:-25px; margin-left:-25px;
	aspect-ratio: 1;
	border-radius: 50%;
	border: 8px solid #b0a8b9;
	border-right-color: var(--ct-color-cta);
	animation: spinner 1s infinite linear;}
@keyframes spinner {
	to {
		transform: rotate(1turn);
	}
}

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

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

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

.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-black{font-weight:900}

.font-3xs{font-size:1.1rem}
.font-2xs{font-size:1.3rem}
.font-xs{font-size:1.5rem}
.font-sm{font-size:1.6rem}
.font-md{font-size:1.8rem}
.font-2md{font-size:2.1rem}
.font-lg{font-size:2.4rem}
.font-xl{font-size:2.8rem; line-height:1.1em}
.font-xxl{font-size:3rem; line-height:1.1em}
.font-2xxl{font-size:6.5rem; line-height:1.1em}
.material-icons.default{position:relative; top:6px}


    
.op-80{opacity:.8}
md-dialog md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar){background-color:#062f4a;}
    md-dialog md-toolbar h4{font-weight: 700; font-size:18px; font-family:var(--ct-font-secondary); color:#FFF;}
    md-dialog .section-header{font-weight: 700; font-size:18px; font-family:var(--ct-font-secondary); color:#6f6f6e;}
        md-dialog a{color:var(--ct-color-cta);} 
            md-dialog a:hover{color:var(--ct-color-hover);}


.ui-datepicker{border-color:var(--ct-color-primary); z-index:999 !important}
.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:#062f4a}      
.ui-datepicker td a.ui-state-active.ui-state-hover, .ui-datepicker td a.ui-state-active{background-color:var(--ct-color-cta)}

.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:#141414;}
.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; z-index:1;    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{backdrop-filter: blur(2px);}*/
.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%);
}

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}

/* Custom concretos */
.md-primary.md-button{background-color:var(--ct-color-cta) !important; color:#FFF !important; font-weight:600 !important; text-transform:inherit !important;
    &:hover{background-color:var(--ct-color-hover) !important}
}
.md-primary.md-button:hover{background-color:var(--ct-color-hover);}

.md-open-menu-container.md-active{border-radius:10px;}
.md-menu-content.md-default-theme, md-menu-content{border-radius:10px; background-color:#FFF; color:var(--ct-color-primary); }
    md-menu-content.md-default-theme md-menu-item, md-menu-content md-menu-item{color:var(--ct-color-primary);}
    .md-menu-content.md-default-theme .material-icons, md-menu-content .material-icons{color:var(--ct-color-emerald)}
    .md-menu-content.md-default-theme a, md-menu-content a{color:var(--ct-color-primary)}
    .md-menu-content.md-default-theme a:hover, md-menu-content a:hover{color:var(--ct-color-hover); opacity:.9}
.header-landing{position:relative; padding:125px 0px; background:#0b1a2f; color:#FFF; box-shadow:5px 5px 10px 0px rgb(0 0 1 / 1%)}
    .header-landing h1{position:relative}


.aside-theme{background:#efedf6; padding:40px 25px; border-radius:6px; box-shadow: 0px 0px 10px rgb(131 130 140 / .38); }
    .aside-theme .material-icons-outlined{position:relative; top:6px}
   /* .aside-theme a{color:#FFF}*/
    
  



/* /Custom  */
md-menu-content md-menu-item {
    margin-left: 15px;
    margin-right: 15px;
}

/* Loaders */ 
.availEngines .loadingResults{
    background-color: var(--ct-color-cta);
    text-align: center;
    margin-top: 0px;
    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; gap:5px;
    div{display:flex; justify-content: center; flex-direction:column; align-items:center; gap:5px}
    span {
        color: #FFF;
        font-weight: 400;
    }
     md-progress-circular path{stroke:#FFF}
}

 .tooltip-tour{background-color:var(--ct-color-primary) !important; color:#FFF !important; opacity:1 !important; font-size:14px !important; font-weight:400 !important}

.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: #25d366; 	transition: background-color .2s linear;}
    .whatsappme__button:focus, .whatsappme__button:hover{color:#fff; background:var(--ct-color-hover);}

#web-header {background: #FFF; color:var(--ct-color-primary); padding:5px 15px; box-shadow:0px 0px 16px rgba(41 48 67 / .42);
    .content{display:flex; justify-content:space-between; align-items:center; 
            .layout-l{display:flex; align-items:center; gap:15px}
    }
}

        #web-header .top-line ul{display:flex; justify-content:center; align-items:center; gap:15px; margin:0px;
            li{display:flex; justify-content:start; align-items:center;color:#FFF; gap:10px;
                a{display:flex; justify-content:start; align-items:center; gap:5px; color:var(--ct-color-primary)}
            }
        }
            #web-header .top-line .btn-dropdown{display:flex; gap:10px; justify-content:center; align-items:center; font-weight:700; color:#fff; font-size:1.7rem; padding:10px; border-radius:6px;  margin-right:10px} 
                #web-header .top-line .btn-dropdown:hover{color:var(--ct-color-hover)}
                #web-header .top-line .btn-dropdown .icons{display:flex; justify-content:center; align-items:center; gap:2px}
                    #web-header .top-line .btn-dropdown .icons .support_agent{color:#aaadc8}
                
         #web-header .logo-brand{display:inline-block;}        
        #web-header .btn-header{
    display: flex;
    align-items: center;
            gap:20px; margin:0px;
        }
        #web-header .btn-header li{display:flex}
        #web-header .btn-as-link{min-width:inherit; min-height:inherit; line-height:1em; margin:inherit; font-weight:600;
    display: flex;
    align-items: center;
    gap: 5px;}

             /*  #web-header .btn-as-link, #web-header .btn-header li a{display:inline-block; margin-right:10px}*/
                    #web-header .btn-as-link:hover, #web-header .btn-header li a:hover{background:transparent; opacity:.6}
#web-header .boxLanguage .md-button img{width:32px; height:32px; border-radius:50%; border:3px solid #FFF}
#web-header .boxProfile img{margin-left:5px}
    
md-menu-content .flag-languages{margin-top:6px}
.submenu-special .md-button{font-size:16px !important; background:transparent !important; text-transform:inherit; color:#FFF !important; margin:0px !important; padding:0px !important; text-align:left}
    .submenu-special .md-button .material-icons{color:#FFF}
#web-header .navbar-collapse.collapse{padding:0px}
	#web-header .navbar-nav li .md-button, #web-header .navbar-nav li a{width:100%; height:auto; min-height:auto; margin:2px 10px; padding:0; font-weight:600; font-size: 1.6rem; text-decoration: none; text-transform:inherit; line-height:inherit; color: var(--ct-color-primary); float: left; }
	    #web-header li .md-button .fa-angle-down{color:var(--ct-color-primary)}
	    #web-header .navbar-nav li .md-button:focus, #web-header .navbar-nav li a:focus, #web-header .navbar-nav li .md-button:active, #web-header .navbar-nav li a:active, #web-header .navbar-nav li .md-button:hover, #web-header .navbar-nav li a:hover{background:transparent; color:var(--ct-color-hover)}
	    #web-header .bottom-line li a:focus, #web-header .bottom-line li a:active, #web-header .bottom-line li a:hover{color:var(--ct-color-hover); background:none;}


	     #web-header .bottom-line .download{background-color:#327aca;}

#web-header .navbar-toggle{ margin:0px;}
    #web-header .navbar-toggle .icon-bar{background-color:var(--ct-color-cta);}

 /*body:not(:has(.header-landing), :has(.main-slider)) #web-header .logo-brand{max-width:158px}*/

    md-menu-content.nav-list{background-color:#FFF; font-size:14px; text-transform:uppercase}
         md-menu-content.nav-list ul{list-style:none;padding-left:10px}
            md-menu-content.nav-list ul li{margin:5px 0px}
            md-menu-content.nav-list ul a{color:var(--ct-color-primary);}  
            md-menu-content.nav-list ul a:hover{color:var(--ct-color-hover);} 
            
.sidenav-menu-mvl{background:#FFF }
    .sidenav-menu-mvl md-content{background:transparent}
    .sidenav-menu-mvl .logo-brand{position:relative; top:-16px}
		.sidenav-menu-mvl ul{width:100%; margin:0;}
			.sidenav-menu-mvl ul .md-button, .sidenav-menu-mvl ul li{width:100%; float:left; align-items:center}
				.sidenav-menu-mvl ul .md-button, .sidenav-menu-mvl ul li a{margin-bottom:2px; padding:7px 11px; color:var(--ct-color-primary); border-radius:2px; background:#01010106; font-weight:600; font-size:1.5rem; text-transform:inherit}
				    .sidenav-menu-mvl ul .md-button:hover, .sidenav-menu-mvl ul li a:hover{background:#F4F4F4; color:var(--ct-color-hover);}
				.sidenav-menu-mvl ul .md-button{text-align:left; margin:0px 0px 2px 0px;} 

#web-footer{
    a{color:var(--ct-color-primary)}
    .contact-forms{display:flex; justify-content:space-between; align-items:center; font-size:1.9rem; font-weight:600; flex-wrap:wrap;
        a{display:flex; align-items:center; gap:6px}
    }
    .schedule{display:flex; align-items:center; justify-content:center; gap:6px; text-align:center; font-size:1.6rem; font-family:var(--ct-font-special)}
    .middle-line{padding:85px 0px; background-color:#FFF; box-shadow:0px 0px 76px rgba(0 0 0 / .11); margin-top:55px;
        img{float:right}
        .links{font-weight:400; font-size:1.6rem;
            li{margin-bottom:10px;
                a:hover{color:var(--ct-color-hover)}
            }
        }
    }
    .bottom-line{padding:35px 0px;
        .social-networks{ display: flex; gap: 7px;  justify-content: center; color:var(--ct-color-cta); font-size:2.4rem}
        .copyright{font-size:1.3rem; color:#0e253a; font-family:var(--ct-font-special); text-align:center; font-weight:400}
        .poweredBy{float:right}
        p{margin:0px}
        > .row{display:flex; align-items:center}
    }
} 
.bttn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 10px 15px;
    font-weight: 600;
    font-size: 1.9rem;
    color: var(--ct-color-primary);
    text-transform: inherit;
    border-radius: 9px !important;
}
.bttn:hover{color:var(--ct-color-hover)}

 .btn-secundary {
    background-color: #3a404e;
    border: 3px solid #3a404e;
}

 .btn-secundary:hover{background-color:var(--ct-color-hover)}


.btn-border-cta {
    border: 3px solid var(--ct-color-cta);
}
.btn-border-cta:hover{border-color:var(--ct-color-hover)}

.main-slider{position:relative; z-index:2; float:left; width:100%;background-color:var(--ct-color-primary)}
    .main-slider, .main-slider .item{min-height:500px}
    .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:95px; left:0px; right:0px;
        .content{display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px;
            h1{font:400 6rem var(--ct-font-secondary); color:#FFF}
            .description{display:inline-block; padding:15px 20px; border-radius:16px; color:#FFF; font-size:1.6rem; background-color:var(--ct-color-primary); box-shadow:0px 3px 7px rgb(11 17 33 /.51);
                h2{font-weight:500}
                > span{display:flex; align-items:center; justify-content:center;  gap:10px;}
            }
        }
    }
 
       
    
    .main-slider .middle-box{z-index:2}
.main-slider .carousel-indicators{
    bottom: 50%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    left: inherit;
    right: 40px;
    width: inherit;
    li{width:20px; height:20px; border:2px solid rgb(255 255 255 /.5);}
    .active{border:2px solid #DDD}
    }
    
.main-slider .carousel-control{
    top:inherit;
    bottom:30px; z-index:10;
    width: 44px;
    height: 44px;
    background:transparent ;
    opacity: 1;
    color:#FFF;
}
.main-slider .carousel-control.left{left:30px}
    .main-slider .carousel-control.left span{margin-left:-15px}
    .main-slider .carousel-control.right span{margin-right:-15px}
.main-slider .carousel-control.right{right:30px}
.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; border-radius:12px}


.main-slider .position-searcher{position:absolute; z-index:3; top:325px; left:0px; right:0px}

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



.tabs-searcher{float:left; width:100%; background-color:rgba(255,255,255); text-align:left; box-shadow:0px 0px 9px rgb(0 0 1 / .26); border-radius:24px}
.tabs-searcher md-pagination-wrapper{gap:5px}
.tabs-searcher .searcher{float:left;width:100%; padding:15px 15px 20px 15px; text-align:left;}
md-tabs.tabs-searcher .md-tab{display:flex; justify-content:center; align-items:center; text-transform:inherit; gap:5px; font-size:1.6rem; color:#0e253a; font-weight:700; }	
    md-tabs.tabs-searcher .md-tab span{color:var(--ct-color-secondary)}
		    md-tabs.tabs-searcher .md-tab.md-active span{color:var(--ct-color-secondary); }
			md-tabs.tabs-searcher .md-tab .tabs-searcher {position:relative; top:5px; font-size:1.2em; color:#5a5e75;}		
		md-tabs.tabs-searcher.md-default-theme md-tabs-wrapper, md-tabs.tabs-searcher md-tabs-wrapper { border-bottom: 3px solid #eff2f9; }  
md-tabs-canvas.md-center-tabs{overflow:inherit}
md-tabs.tabs-searcher md-ink-bar{height:4px; background-color:var(--ct-color-secondary); border-radius:6px; bottom:-2px}


.searcher p{font-size:1.7rem; font-weight:600}
.searcher label {
    color: var(--ct-body-color) !important;
    font-size: 1.6rem;
    font-weight:500;
}
.searcher md-input-container .md-input{color:#515d7c !important; border-bottom:2px solid #d1d5dd}
.btnSearch{float:right; padding:12px 15px; font-size:1.9rem; font-weight:600; color:rgb(255 255 255 / .9) !important; text-shadow:1px 1px 2px #009851; border-radius:25px; text-transform:uppercase;  background: var(--ct-color-secondary);
    &:hover{background-color:var(--ct-color-hover) !important}
}

.bottom-slider{position:relative; background-color:var(--ct-color-primary); padding:55px 0px 10px; color:#FFF; text-align:center; 
    .circle{position:absolute; top:-59px;left:50%; margin-left:70px; width:94px; height:94px; border-radius:50%; background-color:var(--ct-color-cta); }
    b{color:var(--ct-color-cta)}
    .content{display:flex; gap:15px; justify-content:center; align-items:center;
        .list-btns{display:flex; justify-content:space-evenly; align-items:center; flex-wrap:wrap; gap:10px;
            .bttn{color:#FFF}
        }
    }
    

}
.footer-bottom-slider{  float: left;  width: 100%;  height: 40px;  position: relative;  overflow: hidden;
        &:after{content: "";    position: absolute;    bottom: 0px;    height: 190px;    width: 140%;    border-radius: 50%;    left: 50%;    transform: translateX(-50%);    background-color: var(--ct-color-primary);}
    }
    
   




.product-recommended{position:relative; background-color:#FFF; border-radius:12px; box-shadow:0 0 7px rgba(81 93 124 / .27); margin-bottom:15px; overflow:hidden;
    .image{position:relative; height:210px; border-radius:12px; box-shadow:0 0 7px rgba(81 93 124 / .27);
        img{border-radius:12px;}
        .price{position:absolute; bottom:-12px; right:0px; z-index:3; display:flex; flex-direction:column; align-items:end; padding:15px 15px 14px 0px; color:#FFF; background-color:var(--ct-color-red); 
            .amount{font-size:2.3rem}
            &:before{content:""; position:absolute; left:-41px; top:0px; z-index:-1; background-image:url(/cdn/images/form-left-price.png); width:41px; height:83px;}
        }
    }
    .caption{display:flex; flex-direction:column; justify-content:space-between; padding:25px; min-height:135px;
        h3{font-size:1.9rem; line-height:1.25em}
        .info{display:flex; align-items:center; gap:20px;
            ul{margin:0px; border-right:3px solid #eff2f9; padding-right:20px}
            li{display:flex; gap:10px; margin-bottom:10px;
                .icon{color:#b4b9ce; font-size:2rem}
            }    
        }
    }
    .include{padding:20px 25px; display:flex; align-items:center; justify-content:space-between; border-top:3px solid #eff2f9;
        .icons{display: flex; gap: 10px; align-items: center; justify-content: end;
                md-icon{color:#beacb9; }
        }
    }
    footer{display:flex; align-items:center; justify-content:space-between; border-top:3px solid #eff2f9; padding:10px 25px;
        .box{display:flex; flex-direction:column; align-items:center;
                &.price{align-items:end}
        }        
    }
    &.mini{
        .image{height:210px}
        .caption{min-height:inherit}
        .include{padding:0px; border:0px}
    }
    
}

.product-recommended.as-link:hover{}
    .product-recommended.as-link:hover .caption h3,
    .product-recommended.as-link:hover .box.price .font-xl{color:var(--ct-color-hover) !important;}



.banner-special{display:flex; flex-direction:column;border-radius:12px; background:#0f8886 url(/cdn/images/bg-banner.png) no-repeat bottom left; color:#FFF; min-height:494px; box-shadow:0 0 7px rgba(81 93 124 / .27); overflow:hidden;
    .caption{display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0px 25px; flex-grow:1; text-align:center; gap:15px;
            p{color:#d2eded; font-size:1.9rem}
    }
    footer{padding:10px 15px; background-color:var(--ct-color-cta);
        .box{display:flex; flex-direction:column; align-items:center; align-items:end}
    }
}


.tabs-theme md-tabs-canvas{height:58px; padding:5px 0px}
.tabs-theme md-pagination-wrapper{gap:12px; left:5px}
.tabs-theme .md-tab{display:flex !important; gap:4px; align-items:center; background-color:#FFF}
		.tabs-theme .md-tab{padding:4px 15px; color:var(--ct-color-primary); font-size:1.6rem; font-weight:600; text-transform:none; border-radius:12px; box-shadow:1px 0px 7px rgba(81 93 124 / .27);
		    span{color:#a8b5d5}
		    &.md-active{color:var(--ct-color-primary) !important; border:2px solid var(--ct-color-secondary); background-color:#FFF; font-weight:600;
		        span{color:#a8b5d5}
		    }
		}	
		.tabs-theme .md-tab:hover,
		.tabs-theme .md-tab:hover span{color:var(--ct-color-hover);}
.tabs-theme{
.carousel{z-index:1; padding-bottom:50px}
    .carousel-indicators{display:none}
    	
    .carousel-control{display:flex; justify-content:center; align-items:center;  top:inherit; bottom:0px; width:34px; height:34px; color: var(--ct-color-cta); border:0px;  background:transparent; opacity:1; border-radius:50%; text-shadow:inherit;
        &.left{left:inherit; right:50%}
        &.right{left:inherit; left:50%}  
        &:hover{border-color:var(--ct-color-hover); color:#FFF; background:var(--ct-color-hover)}
        .glyphicons {position:static; margin:0px; width:unset; height:unset; font-size:16px;}
    }
    }

.seo-section .bttn{float:right}    

             
               
/*Tours*/
/*
payment-order-engine-page{float:left; width:100%}
payment-order-engine-page, .bookingPage, .availEngines{margin-top:50px}*/
.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: #FFF;
    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:12px; box-shadow:0px 0px 5px rgba(0,0,1,.4); border:0px; background-color:var(--ct-color-cta); color:#e7eff3  !important; font-weight:700; 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:700; color:var(--ct-color-primary); border: 0px;  background: #DFDFDF;  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:#213145 }
.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:#DFDFDF}
.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:#FFF; border-color:var(--ct-color-cta); }
.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:var(--ct-color-primary); border-radius:16px; border:0px; box-shadow:0px 0px 5px rgb(0 0 1 / 32%)}
.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:#e7eff3 !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*/
.productHotel{margin-top:50px}
.productHotel .hotelName{
    font-size: 4rem;
    font-weight: 800;
    color:var(--ct-color-primary);
}.productHotel .hotelName .categoryHotel {font-size:2rem}
.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 .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);}

/* 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 */
.panel-default{background:transparent}
.panel.panel-default > .panel-heading, .panel > .panel-heading{background-color:#DFDFDF}
.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}

/* 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 .boxSummary .priceContainer .totalPrice .b2bInfoPrice{color:var(--ct-color-cta)}
.bookingPage .contactUs {    border-radius: 50px;    background: var(--ct-color-primary); 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;}
      

@media (max-width: 991px) {
    
    .main-slider .position-searcher{position:static; padding:15px 0}
    #web-footer{
        .bottom-line{text-align:center;
            .poweredBy{float:none; margin-top:15px}
             .social-networks{margin-top:15px}
        }
    }   
       
}    
@media (max-width: 767px) {
    .whatsappme__button{width:44px; height: 44px;}
    .whatsappme__button svg{top:9px; left:1px; transform: scale(1);}
}


/* 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%;}
}
@media (min-width: 1200px) {.container {width:100%; max-width:1370px;} }


		/* Sitemap */
		.page-sitemap{font-size:16px;}
			.page-sitemap .container{width:100%; max-width:1340px; margin:30px auto;}
.review {
            display: flex;
            flex-direction: column;
            background-color: rgba(255, 255, 255, 0.6);
            border: 1px solid rgba(229, 231, 235, 0.6);
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            border-radius: 6px;
            max-width: 600px;
            
            .content {
            flex: 1;
            padding: 1.5rem;
        }
        .testimonial {
            margin-top: 1.5rem;
            color: #374151;
        }
        .author {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 1rem;
            padding: 1rem;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        }
        .author-image {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            overflow: hidden;
            background-color: #e5e7eb;
        }
        .author-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .author-info {
            display: flex;
            flex-direction: column;
        }
        .author-name {
            font-weight: 700;
            color: #1f2937;
        }
        .rating {
            display: flex;
        }
        .star {
            width: 20px;
            height: 20px;
            fill: #fbbf24;
        }
        .response{padding: 1.5rem; background-color:#e9f6f6; display:flex; flex-direction:column; gap:3px; border-radius:0px 0px 6px 6px;
            .agency{display:flex; align-items:center; gap:2px; font-weight:700;
                svg{color:#3159fd}
                p{margin:0px}
        }
        }
        }