/*
font-family: "Barlow Condensed", sans-serif;
font-family: "Outfit", sans-serif;
*/


:root{
    --ct-color-primary:#bd1550;
    --ct-color-secondary:#5055ab;
    --ct-font-primary:"Ubuntu", serif;
    --ct-font-secondary:"Inter", serif;
    --ct-body-font-size: 1.6rem;
    --ct-body-font-weight: 400;
    --ct-body-line-height: 1.4;
    --ct-body-color: #3b374a;
    --ct-body-bg: #fff;
    --ct-color-cta:#bd1550;
    
}

/* 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-primary);}
    a:hover{color:var(--ct-color-cta); text-decoration:none; transition:all 0.25s ease-out 0s}


.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}
    
.text-alt{font-family:var(--ct-font-secondary)}

.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-cta) url('https://b2c.soraliaviajes.es/cdn/images/puff.svg') no-repeat center center; position: fixed;overflow: hidden;top: 0;right: 0;left: 0;bottom: 0;z-index: 99999;

}
.loadingResults{
    background-color: #fff;
    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:#fff}
.loadingResults md-progress-circular{background:url(https://b2c.soraliaviajes.es/cdn/images/fvico.png) no-repeat center center; }
.loadingResults span {
    color: #0a293b;
    font-weight: bold;
}
.loadingResults md-progress-circular path{stroke:#0a293b}
.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;}

.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-xxs{font-size:1.3rem}
.font-xs{font-size:1.4rem}
.font-sm{font-size:1.5rem}
.font-md{font-size:1.8rem}
.font-lg{font-size:2rem}
.font-xl{font-size:2.4rem; line-height:1.1em}
.font-xxl{font-size:6rem; 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:var(--ct-color-primary);}
    md-dialog md-toolbar h4{font-weight: 500; font-size:2rem; font-family:var(--ct-font-secondary); color:#FFF;}
    md-dialog .section-header{font-weight: 500; font-size:2rem; font-family:var(--ct-font-secondary); color:#6f6f6e;}
        md-dialog a{color:var(--ct-color-cta);} 
            md-dialog a:hover{color:var(--ct-color-primary);}


.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:var(--ct-color-cta)}      
.ui-datepicker td a.ui-state-active.ui-state-hover, .ui-datepicker td a.ui-state-active{background-color:var(--ct-color-primary)}

.infoGDPR{background-color:#ebeff6; padding:25px; border-radius:25px; border-color:#e2e5ec; 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{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%);
}

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; font-weight:500 !important; text-transform:inherit !important}
.md-open-menu-container.md-active{border-radius:10px;}
.md-menu-content.md-default-theme, md-menu-content{border-radius:10px; background-color:var(--ct-body-bg); color:var(--ct-body-color); font-size:1.4rem; }
md-menu-content .layout-row{align-items:center; gap:5px}
    md-menu-content.md-default-theme md-menu-item, md-menu-content md-menu-item{color:var(--ct-body-color);}
    .md-menu-content.md-default-theme .material-icons, md-menu-content .material-icons{color:#61707f}
    .md-menu-content.md-default-theme a, md-menu-content a{color:#0e253a}
    .md-menu-content.md-default-theme a:hover, md-menu-content a:hover{color:var(--ct-color-primary); opacity:.9}
    md-menu-content md-menu-item{height:35px; min-height:35px}
    
    
.header-landing{position:relative; padding:125px 0px; background:var(--ct-color-secondary); color:#FFF; box-shadow:5px 5px 10px 0px rgb(0 0 1 / 1%)}
    .header-landing h1{position:relative}

.header-landing.template{padding:200px 0px}

.aside-theme{background:#5b6a78; color:#FFF; 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}
    
   
  .kd-block{width:100%; padding:5px; background:#fff;} 
   
/* /Custom concretos*/    

/* Custom  */

/* /Custom  */
	#web-header{display:flex; align-items:center; justify-content:space-between; gap:15px; font-size:1.4rem; color:#0e253a; background-color:var(--ct-color-primary); padding:5px 20px;
	    .area-l{
	        display:flex; align-items:center; justify-content:center; gap:12px;
	        .btn-menu{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; padding:15px; width:56px; aspect-ratio:1; min-width:inherit; min-height:inherit; border-radius:0px 0px 16px 0px; margin: 0px;  background: var(--ct-color-primary);
	           .icon-bar{ display: block; width: 22px; height: 2px; border-radius: 1px;background-color:var(--ct-color-secondary)} 
	            }
	    }
	    .area-r{display:flex; align-items:center; justify-content:center; gap:15px; padding-right:20px;
	        .btn-menu{display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 2px;
               
                width: 48px;
                height:50px;
                aspect-ratio: 1;
                min-width: inherit;
                min-height: inherit;
	        border:2px solid #FFF; border-radius:5px;
	    }
                .icon-bar{
                display: block;
                width: 5px;
                height: 5px;
                border-radius: 50%;
                background-color: #FFF;}
    	    }  

	}	

    #footer-web {
            background-color: #34394f;
            color: white;
            padding-top: 40px;
            border-top:3px solid var(--ct-color-primary);
            .section-title {
                color: #aaafd6;
                padding-bottom: 10px;
                margin-bottom: 35px;
                font-size: 18px;
                position:relative;
                font-weight:400;
                &::after{  background-color: rgb(255, 158, 193);top: 35px;    content: "";    height: 3px;    left: 0px;    position: absolute;    width: 50px; }
            }
            
            .contact-info {
                list-style: none;
                padding: 0;
                margin:35px 0px;
                    li {display:flex; align-items:center; gap:5px; margin-bottom: 10px;
                    .icon{color:var(--ct-color-primary); font-size:1.9rem}
                }
                
            }
        
        .social-icons{
            margin-top:35px;
         a { color: #ff9ec1; margin-right: 15px; font-size: 20px;}
        }
        
       
        
        
        .footer-links {
            list-style: none;
            padding: 0;
        }
        
        .footer-links li {
            margin-bottom: 8px;
            padding-left:20px;
            position:relative;
            &::before {
            content: "chevron_right";
            font-family: "Material Icons";
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            color: #e94e77;
            font-size: 16px;
            }
            a {  color: white;  text-decoration: none;
                &:hover{color: #ff9ec1;}
            }
        }
        
       
        
        
        
   
        
        .footer-bottom {
            background-color: #444;
            padding: 15px 0;
            margin-top: 30px;
            border-top:3px solid #646464;
            color:#cbcbcb;
        }
        
        .payment-icons img {
            height: 30px;
            margin-left: 10px;
        }
}
    md-backdrop.md-opaque{background-color:rgb(163 189 212 / .8); backdrop-filter: blur(4px); opacity:1; }
    md-sidenav{position:fixed}
    .md-sidenav-right{display:flex; background: var(--ct-color-primary); box-shadow:3px 0px 166px rgb(172 183 205 / 1);
        .layout-padding{background:var(--ct-color-primary); display: flex;   flex-direction: column; flex-grow: 1; padding:0px;
            .header{display:flex; align-items:center; justify-content:end; gap:10px; padding:0px 30px 0 0;
                .btn-menu{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; padding:15px; width:56px; aspect-ratio:1; min-width:inherit; min-height:inherit; border-radius:0px 0px 16px 0px; margin: 0px;  background: var(--ct-color-cta); color:#FFF;
                }
            }
            .navbar-nav{display: flex;   flex-direction: column; padding:0px 30px;
                .text-uppercase{letter-spacing:0.07em}
                & > li > a{padding:15px 0px; border-top:1px solid #ff9ec1; font-size:1.6rem; font-weight:400; color:#FFF; text-transform:uppercase;
                    &:hover{background:transparent; color:#ff9ec1; font-weight:400}
                }
            }
        }
    }
    	
.sidenav-menu-mvl .navbar-nav .dropdown-content{position:static; width:100%; background-color:var(--ct-color-primary)}
.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; }
.sidenav-menu-mvl .navbar-nav .submenu-list > input[type="checkbox"] ~ label{color:#FFF; display:flex; justify-content: space-between; align-items: center; padding:15px 0px; border-top:1px solid #ff9ec1}
.sidenav-menu-mvl .navbar-nav .submenu-list > input[type="checkbox"]:checked ~ label{ background-color:var(--ct-color-primary); color:#FFF}
.sidenav-menu-mvl .navbar-nav .dropdown-content li a:hover, .sidenav-menu-mvl .navbar-nav .dropdown-content li label:hover{background-color:var(--ct-color-primary); color:#ff9ec1}
.sidenav-menu-mvl{position:fixed; top:0; bottom:0;}

    
    

    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-cta);} 
            
	/* Main menu V2*/
.navbar-nav {
  --dropdown-width: 250px;
  --dropdown-border-color: #408ac8;
  --hover-bg-color: #f4f8fc;
  --border-color: #ddd;
}

.navbar-nav > li a,
.navbar-nav li label {
  /*padding: 15px;
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  font-weight: 600;*/
  text-transform:uppercase;
  line-height: 1em;

  color: #1d1d1b;
  margin: 0;
  
}
#header-web .navbar-nav > li a:hover, .navbar-nav li label:hover {background:transparent; color:#ffb207}

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

.navbar-nav .dropdown-content {
  display: none;
  position: absolute;
  z-index: 99;
  background-color: var(--ct-color-primary);
  margin-top: -1px;
  overflow: hidden;
  
  
  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(--ct-color-primary);
}


.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: var(--ct-color-primary);
}

.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;
  }
}

/* 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}
}


/*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;}
}

		            .btn-theme {display:inline-block; background-color:var(--ct-color-primary) !important; border-radius:6px !important; color:#FFF !important; font-weight:500 !important; font-size:1.8rem !important; text-transform:uppercase !important; padding:12px 17px}
.title-section{display: flex;  gap: 8px; align-items: center; font-size:2.4rem; font-weight:700; color:#34394f;
    .ico{font-size:3rem; color:#5055ab}
    .text-alt{color:#666}
    &.white{color:#FFF;
        .ico, .text-alt{color:#b8bbe4}
    }
}

    .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:425px}
    .main-slider .item{text-align:left}
     .main-slider .middle-box{z-index:2}    
    .box-caption{display:inline-flex; flex-direction:column; gap:5px;  
    .icon{width:60px; height:60px; border-radius:50% 50% 50% 4px; display:flex; justify-content:center; align-items:center; align-self:end; margin-right:-60px; background-coLor:#FFF; color:var(--ct-color-secondary); box-shadow:0px 1px 8px rgb(0 1 17 / .11);
        span{font-size:3rem}
    }
     h2{font-size:4.3rem; color:#ff9ec1; font-weight:700}
     .box-price{display:inline-block; color:#FFF; font-size:3.6rem; font-weight:400;
         .amount{font-weight:700}
     }
    
}
     .main-slider.banner .box-caption h2{color:#f1f2fd}
.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:#828181;
    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)}

.searcher-section{padding:18px 0 10px; background-color:#666}
.searcher{
    .btnSearch.md-button {background-color:#FFF !important; border-radius:6px !important; color:var(--ct-color-primary) !important; font-weight:500 !important; font-size:1.6rem !important; text-transform:uppercase !important; padding:12px 17px}
     label {
        color: #ffffff !important;
        font-size: 1.8rem;
        font-weight:400;
    } 
    md-input-container .md-input{color:#FFF !important; border-bottom:2px solid #c7c7c7}

}
.tour-section{padding:60px 0 70px}
.category-section{padding:75px 0px 95px; background-color:var(--ct-color-secondary)}
.category-container {
            margin-top: 20px;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 20%));
            gap: 10px;
        }
        .category-recommended {
            position: relative;
            overflow: hidden;
            border-radius: 5px;
            .image{height:178px;
                .image-boxed{      box-shadow: 0px 0px 8px rgb(0 1 17 / .19);      overflow: hidden;}
            }
        }
        .category-recommended img {
            width: 100%;
            height: 178px;
            object-fit: cover;
        }
        .category-recommended .name {
            position: absolute;
            z-index:5;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
            font-size: 18px;
            font-weight: 500;
            text-transform:uppercase;
            border-radius: 5px;
        }
        
.whyBook-section{padding:75px 0px 115px; background-color:#f1f2fd}
.whyBook-recommended{display:flex; flex-direction:column; gap:20px;
        .icon span{font-size:6rem; color:#c87894}
        h3{font-size:2.1rem; font-weight:500; color:#34394f}
    }

.seo-section{padding:65px 0px;
    h1{color:#1c1d26}
    h2{color:#636d99}
    .side-btn{
        .font-md{color:#828599}
        .btn-theme{font-size:1.6rem; box-shadow:0px 0px 6px rgb(0 0 0 / .1)}
    }
}    
 
.tabs-theme {   position: relative;    z-index: 1; font-family:var(--ct-font-secondary)}
.tabs-theme .md-tab span{color:var(--ct-color-secondary)}
.tabs-theme md-pagination-wrapper{position:relative;  align-items:center; } 
.tabs-theme md-tabs[md-border-bottom] md-tabs-wrapper{border-width:0 0 2px; border-color:#e8e5f0}
    .tabs-theme md-ink-bar{background-color:#dee0f4}
    .tabs-theme .md-tab.md-active, .tabs-theme .md-tab {display:flex !important; justify-content:center; font-weight:500; align-items:center; gap:5px; color:var(--ct-body-color); text-transform:inherit; font-size:1.6rem;}
       /* .tabs-theme .md-tab.md-active{color:var(--ct-color-primary)}*/
        .tabs-theme .md-tab.md-active span{color:var(--ct-color-cta)}
    .tabs-theme md-tabs-canvas{background-color:#f1f2fd; height:66px; border-radius:25px}    
    .tabs-theme md-pagination-wrapper{height:66px}
        
 .product-recommended{float:left; width:100%; border-radius:6px; background-color:var(--ct-color-primary); box-shadow:2px 0px 5px rgba(0,0,0,.22); margin-bottom:15px}
    .product-recommended a{cursor:pointer}
.product-recommended .image{position:relative; height:280px; display:block; border-radius:6px 6px 0px 0px}  
    .product-recommended .image .box{position:absolute; z-index:1; top:10px; right:10px; height:54px; width:54px; border-radius:6px; background-color:#FFF; box-shadow:2px 0px 5px rgba(0,0,1,.22); color:#2F5597; text-align:center; line-height: 1.2em; padding-top: 9px;}
    .product-recommended .image .box .number{font-weight:700; font-size:24px;}
    .product-recommended .image .box .text{font-size:14px;}
    .product-recommended .image .title{position:absolute; bottom:10px; left:10px; margin-right:10px; background-color:#2e3248; color:#FFF; padding:2px 5px;}
        .product-recommended .image .title a{color:#FFF}
     .product-recommended .travel-tag{display:inline-flex; align-items:center;     float: right; gap:5px;   margin: 12px; padding:12px; background-color:var(--ct-color-secondary); color:#FFF; font-size:1.7rem; border-radius:12px;
         span{color:#9fa2cf}
     }   
    .tours-recommended .product-recommended .image .title{margin-right:50px}     
    .product-recommended .caption{background-color:#FFF; padding:10px 0px; border-radius:0px 0px 6px 6px; box-shadow:0px 0px 5px rgb(0 0 0 /.1)}    
    
        .product-recommended .caption .name{font-size:2.1rem; padding:5px 15px 15px; border-bottom:2px solid #e8e8e9}
        
        
            .product-recommended .box-price.box-left{float:left; text-align:left; margin:10px}
                    .product-recommended .box-price.box-left .from{font-size:11px}
                    .product-recommended .box-price.box-left .price{font-size:24px}
        .product-recommended .bottom-line .box-price {text-align:left; padding:10px}
            .product-recommended .box-price .from{font-size:16px;line-height:1em; color:#846f77}
            .product-recommended .box-price .price{font-weight:700; font-size:25px; color:var(--ct-color-primary); line-height:1em}
             .product-recommended .box-price .duration{font-weight:400; font-size:13px; text-transform:uppercase; line-height:1em}
            

    .product-recommended .bottom-line{float:left; width:100%; background-color:var(--ct-color-cta); border-radius:0px 0px 6px 6px; display:flex; justify-content:space-between; align-items:center; padding:15px 12px}
            .product-recommended .bottom-line .include .tour-include-icon{float:left; margin-right:7px}
            .product-recommended .bottom-line .include i{color:#FFF; font-size: 18px;}
        .product-recommended .btn-arrow{color:#FFF;}
        .product-recommended .btn-arrow-top{background-color:#FFF; float:right; border-top:3px solid #e62826; border-radius:0px; padding:15px; border-bottom:1px solid #d4d4d4; border-left:1px dotted #d4d4d4; min-width:53px; text-align:center}
        
    .product-recommended .info-container{
      display: flex;
      align-items: stretch;}    
      .travel-description {
      font-size: 13px;
      color: #666;
      flex: 2;
      padding: 15px;
      margin: 0;
    }

    .vertical-divider {
      width: 1px;
      background-color: #ddd;
      margin: 0 15px;
    }

    .price-container {
      flex: 1;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding:15px 10px;
      border-left:2px solid #e8e8e9;
    }