/* font-family: 'Kalam', cursive; font-family: 'Nunito Sans', sans-serif; */ @font-face { font-family: 'AR Techni'; src: url('//www.costadelsol-online.com/cdn/fonts/AR-Techni.ttf') format('truetype'); font-style: normal; font-weight: normal; } @font-face { font-family: 'Futura Std Book'; src: url('//www.costadelsol-online.com/cdn/fonts/Futura-Std-Book.otf') format('truetype'); font-style: normal; font-weight: 400; } @font-face { font-family: 'Futura Std Book'; src: url('//www.costadelsol-online.com/cdn/fonts/Futura-Std-Medium.otf') format('truetype'); font-style: normal; font-weight: 500; } @font-face { font-family: 'Futura Std Book'; src: url('//www.costadelsol-online.com/cdn/fonts/Futura-Std-Heavy.otf') format('truetype'); font-style: normal; font-weight: 700; } h1,h2,h3,h4,h5{font-size:inherit; font-family:inherit; margin:0px; display:inline-block;} body{font:400 17px/1.4em 'Futura Std Book', sans-serif; color:#071725; background-color:#FFF;} a{color:#075097;} a:hover{color:#70b1e0; text-decoration:none; transition:all 0.25s ease-out 0s} ::-moz-selection { color:#fff; background:#075097; } ::selection { color:#fff; background:#075097; } .fw,.full-width{width:100%; float:left;} .full-width.container{max-width:100%;} .full-image{background-size:cover; background-position:center;} .title{font-family:'AR Techni', sans-serif; font-weight:400} .title a{color:#525252;} .title-section{color:#071725; font:300 64px 'AR Techni', sans-serif; line-height:1em;} .subtitle-section{color:#69a7d3; font:300 64px 'AR Techni', sans-serif; line-height:1em;} .description-section{margin-top:10px; text-transform:uppercase; font-size:14px; font-weight:700; letter-spacing:0.1em} .header-titles{float:left; width:100%;} .header-titles .title-section{float:left} .header-titles .text{float:right; font-size:18px; margin-top:5px} .header-titles.color-alt{color:#FFF} .header-titles.color-alt .title-section{color:#fff; } .header-titles.color-alt .title-section span{color:#fff; opacity:.6} .text-alt{font-family: 'Kalam', cursive;} .text-relative{position:relative; z-index:2} .font-orange{color:#eaaa00} .font-white{color:#FFF} .row-sp{margin-left:-10px; margin-right:-10px;} .pad-sp{padding:0px 10px;} .p-0, .no-pad{padding:0px !important} .mt-1{margin-top:10px;} .mt-2{margin-top:25px;} .mt-3{margin-top:45px;} .mt-4{margin-top:65px;} .mb-1{margin-bottom:10px;} .mb-2{margin-bottom:25px;} .mb-3{margin-bottom:45px;} .mb-4{margin-bottom:65px;} .font-light{font-weight:300} .font-bold{font-weight:700} .font-sm{font-size:16px} .font-md{font-size:18px} .font-lg{font-size:24px} .font-30{font-size:30px} .font-40{font-size:40px} .font-spacing{letter-spacing:0.15em} .font-blue-light{ color:#a9cfe3 !important} .font-blue{ color:#075097 !important} .font-blue-dark{ color:#0b2a4a !important} .font-white{ color:#fff !important} .material-icons-outlined.default,.material-icons.default{position:relative; top:4px} .col-sp-5{float:left; width:20%; padding:0px 15px;} .bg-gray{background-color:#f9fbfc;} .line-height{line-height:1.5em} #loader-container {background:#FFF url('//www.costadelsol-online.com/cdn/images/puff.svg') no-repeat center center; position: fixed;overflow: hidden;top: 0;right: 0;left: 0;bottom: 0;z-index: 99999;} /*#loader-container {background:#000 url('//www.njoycatalonia.com/cdn/images/triple.jpg') no-repeat center center; background-size:cover;} */ md-dialog md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar){background-color:#131d28;} md-dialog md-toolbar h4{font: 700 18px 'Kalam',cursive; color:#FFF;} md-dialog .section-header{font:700 18px 'Kalam', cursive; color:#6f6f6e;} md-dialog a{color:#70b1e0;} md-dialog a:hover{color:#1fcfcb;} .ui-datepicker{border-color:#eaaa00; z-index:35 !important} .ui-datepicker th, .ui-datepicker.travel-datepicker .infoPrice, .ui-datepicker.travel-datepicker .ui-datepicker-calendar td a[data-custom-price]::after{color:#eaaa00} .ui-datepicker .ui-datepicker-header{background-color:#eaaa00} .infoGDPR{margin-bottom:20px} .btnSearch,.btn-theme{display:inline-block; text-align:left; padding:10px 20px 9px; font-size:14px; border-radius:25px; font-weight:300; box-shadow:0px 0px 5px rgba(0,0,1,.4); background:#075097 !important; color:#FFF !important; text-transform:uppercase; letter-spacing:0.07em} .btn-theme .material-icons{float:right; color:#70b1e0; margin-left:50px; font-size:22px} .btn-theme.dark{background-color:#071725 !important} .btn-theme.dark .material-icons{color:#70b1e0 !important} .btn-theme:focus, .btn-theme.white:focus, .btnSearch:hover, .btn-theme:hover, .btn-theme.white:hover{background-color:#70b1e0 !important; color:#FFF !important} .btn-theme:hover .material-icons, .btn-theme.white:hover .material-icons, .btn-theme.dark:hover .material-icons{color:#FFF !important;} .btn-theme.xl{padding: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; 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; } .as-link .hover-link:hover{background-color:rgba(112,177,224,.5)} 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:#075097 !important} #web-header{position:relative; z-index:32; width:100%; float:left; color:#d9e7ee; padding:10px;} #web-header .right-items{margin:20px 15px} #web-header .right-items .phone{font-size:14px} #web-header .navbar-nav{margin-right:0 !important; margin-top:16px; } #web-header .navbar-nav.navbar-right{text-align:right;} #web-header .navbar-nav > li{display:inline-block; float:none;} #web-header .navbar-nav > li a, #web-header .navbar-nav > li .btn-as-link{padding-left:15px; padding-right:15px; text-transform:inherit; color:#e3dce0;} #web-header .navbar-nav .md-button{min-width:inherit; min-height:inherit; font-size:inherit; margin:0px} #web-header .navbar-nav > li .btn-as-link md-icon{position:relative; top:-1px; width:12px; min-width:12px; height:auto; min-height:1px; margin-left:2px; font-size:16px; color:inherit;} #web-header .btn-as-link:focus, #web-header .navbar-nav > li a:focus, #web-header .navbar-nav > li .btn-as-link:focus, #web-header .btn-as-link:hover, #web-header .navbar-nav > li a:hover, #web-header .navbar-nav > li .btn-as-link:hover{color:#6cabd9; background:transparent} #web-header .item-box{position:relative; margin:10px 15px 0 0; float:left;} #web-header .item-box a{color:#fff;} #web-header .item-box a:hover{color:#ec591f;} #web-header .item-box.blog{padding:10px 15px 10px 10px; margin-right:10px; font-style:italic; text-transform:lowercase; border-right:2px rgba(255,255,255,.3) dotted;} #web-header .boxLanguage .md-button{min-width:inherit; margin:0px 0px} #web-header .boxLanguage .md-button img{width:25px; height:25px; border-radius:50%} #web-header .boxLanguage .md-button .material-icons{color:#FFF; font-size:24px} .bg-header{position:absolute; z-index:31; float:left; width:100%; height:109px; background-color:#071725} #web-header .navbar-toggle{background-color:#70b1e0; margin:9px 0px;} #web-header .navbar-toggle .icon-bar{background-color:#FFF;} ul.submenu-special{} ul.submenu-special{width:100%; margin:0 0 0 -5px; padding:0; list-style:none;} ul.submenu-special li{width:100%; margin-bottom:6px; border-bottom:#1b2c39 solid 1px;} ul.submenu-special a{display:inline-block; width:100%; padding:4px 0 6px;} ul.submenu-special li:last-child{margin:0; border-bottom:0;} ul.submenu-special li:last-child a{padding-bottom:0} .sidenav-menu-mvl, .sidenav-menu-mvl md-content{background:#071725} .sidenav-menu-mvl ul{width:100%; margin:0;} .sidenav-menu-mvl ul .md-button, .sidenav-menu-mvl ul li{width:100%; float:left;} .sidenav-menu-mvl ul .md-button, .sidenav-menu-mvl ul li a{margin-bottom:2px; text-transform:inherit; padding:13px 11px; color:#FFF; border-radius:2px; background:rgba(109,173,219,.05); font-size:17px;} .sidenav-menu-mvl ul .md-button:hover, .sidenav-menu-mvl ul li a:hover{background:#343434; color:#70b1e0;} .sidenav-menu-mvl ul .md-button{text-transform:inherit; text-align:left; margin:0px 0px 2px 0px;} .md-open-menu-container.md-active{border-radius:10px;} .md-menu-content.md-default-theme, md-menu-content{border-radius:10px; background-color:#233746; color:#FFF; } md-menu-content.md-default-theme md-menu-item, md-menu-content md-menu-item{color:#FFF;} .md-menu-content.md-default-theme .material-icons, md-menu-content .material-icons{color:#69a7d3} .md-menu-content.md-default-theme a, md-menu-content a{color:#FFF} .footer-image-top img{width:100%} #web-footer a{color:#FFF} #web-footer .top-line{padding:60px 0px 100px; background-color:#071725; color:#FFF} #web-footer .top-line .social-networks{text-align:center} #web-footer .top-line .social-networks li{float:inherit; display:inline-block; margin:0px 3px;} #web-footer .top-line .social-networks .fab{font-size:28px;} #web-footer .top-line .social-networks a{color:#70b1e0} #web-footer .top-line .social-networks a:hover{color:#70b1e0} #web-footer .top-line .footer-links{font-weight:300} #web-footer .top-line .footer-links a:hover{color:#70b1e0} #web-footer .top-line .footer-links li{margin-bottom:6px} #web-footer .top-line .footer-links li:first-child{font-weight:700} #web-footer .middle-line{padding:65px 0px 75px; background-color:#074f96; color:#FFF} #web-footer .middle-line .info-links li{margin-right:20px} #web-footer .middle-line .info-links li:first-child{width:150px; font-weight:700} #web-footer .middle-line .info-links li:last-child{margin-right:0px} #web-footer .middle-line .info-links li .material-icons{position:relative; top:3px; font-size:18px; color:#1fcfcb} #web-footer .middle-line .info-links li a:hover{color:#1fcfcb} #web-footer .bottom-line{padding:30px 0; background-color:#FFF; color:#444444} #web-footer .bottom-line .poweredby{text-align:right} #web-footer .bottom-line .text-center{font-size:13px} #web-footer .bottom-line .logotypes{display:flex; justify-content:space-between; align-items:center} #web-footer .bottom-line .logotypes .europe{ display: flex; align-items: center; gap:5px} #web-footer .bottom-line .logotypes .regional{flex-basis:50%} .main-slider{position:relative; z-index: 31; margin-top: -109px;} .main-slider .full-image{display:inherit;min-height:900px;} .main-slider .caption {position:absolute; z-index:5; bottom:320px; left:85px; z-index:34; text-align:left; opacity:.85} .main-slider .caption .title-section{color:#FFF} .main-slider .caption .title-section, .main-slider .caption .subtitle-section{font-size:56px} .main-slider .caption .price{display:inline-block; padding:7px 15px; margin-left:15px; background-color:#10201d; color:#f3eae3; } .main-slider .layout-top{position:absolute; z-index:2; top:0px; right:0px; left:0px; height:65px; background-color:rgba(6,24,38,.95);} .main-slider .layout-top-2{position:absolute; z-index:2; top:65px; right:0px; left:0px; height:160px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#061826+0,061826+100&0.9+0,0+100 */ background: -moz-linear-gradient(top, rgba(6,24,38,0.95) 0%, rgba(6,24,38,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(6,24,38,0.95) 0%,rgba(6,24,38,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(6,24,38,0.95) 0%,rgba(6,24,38,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6061826', endColorstr='#00061826',GradientType=0 ); /* IE6-9 */} .main-slider .layout-left{position:absolute; z-index:2; top:0px; bottom:0px; left:0px; right:60%; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#040f18+0,040f18+100&0.9+0,0+100 */ background: -moz-linear-gradient(left, rgba(4,15,24,0.9) 0%, rgba(4,15,24,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(4,15,24,0.9) 0%,rgba(4,15,24,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(4,15,24,0.9) 0%,rgba(4,15,24,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6040f18', endColorstr='#00040f18',GradientType=1 ); /* IE6-9 */ } .main-slider .view-more{margin-right:10px} .main-slider .more{position:absolute; z-index:5px; bottom:25px; left:30px; cursor:pointer; animation-name: bounceInDown; animation-duration: 2s; animation-delay: 2s; animation-iteration-count: 2;} .main-slider .btn-theme{margin-top:4px; float:right; background:rgba(7,80,151,.8) !important} .main-slider .position-searcher{position:absolute; z-index:10; bottom:30px; left:0px; right:0px} .main-slider .searcher{padding:20px 10px 10px; background-color:rgba(255,255,255,.8); border-radius:12px; box-shadow:0px 18px 87px rgba(4,15,24,.81)} .main-slider .searcher .btnSearch{float:right; margin:0px} .main-slider .carousel-indicators{left:inherit; right:60px; width:20px} .main-slider .carousel-indicators li{width:18px; height:18px; border:2px solid #FFF} .main-slider .carousel-control{background:none; bottom:60px; top:inherit; width:inherit; opacity:1; z-index:11} .main-slider .carousel-control.right{left:inherit; right:30px} .main-slider .carousel-control.left{left:inherit; right:110px} md-tabs.tabs-searcher .md-tab{color:#FFF; background-color:#075097; margin:0px 5px; font-size:16px; text-transform:inherit; border-radius:25px 25px 0 0} md-tabs.tabs-searcher .md-tab:hover, md-tabs.tabs-searcher .md-tab.md-active{color:#FFF; background-color:#061522 } md-tabs.tabs-searcher .md-tab span{font-size:20px} /* 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: 0px; } */ .searcher .ico{position:absolute; z-index:2; top:-71px; left:30px; background-color:#061522; color:#FFF; border-radius:50px 50px 0px 0px; padding:10px 10px 15px 10px; text-align:center} .searcher .ico .material-icons{color:#FFF; font-size:40px} .view-more .line-1{font-size:15px;} .view-more .line-2{font-size:23px} .bottom-slider{padding:30px 0px;background-color:#071725} .bottom-slider .material-icons{color:#6daddb; font-size:18px} md-checkbox.md-default-theme:not([disabled]).md-primary:not(.md-checked) .md-icon, md-checkbox:not([disabled]).md-primary:not(.md-checked) .md-icon{border-color:#70b1e0;} md-input-container.md-default-theme .md-input, md-input-container .md-input, md-input-container md-select{border-color:#70b1e0; border-bottom-width:2px; color:#212122;} md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value label, md-input-container:not(.md-input-invalid).md-input-has-value label{color:#212122;} md-select.md-default-theme .md-select-value.md-select-placeholder, md-select .md-select-value.md-select-placeholder{font-size:16px; } md-select.md-default-theme .md-select-value, md-select .md-select-value{border-color:#70b1e0; color:#212122; border-bottom-width:2px; } 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:#eaaa00;} .md-select-value .md-select-icon{color:#eaaa00;} .row-sp{margin-left:-12px; margin-right:-12px} .pad-sp{padding-left:12px; padding-right:12px} .header-section .title{line-height:1.5em} .activity-recommended{text-align:left} .activity-recommended .box-layout { position: relative; height: 290px; } .activity-recommended .box-layout img{border-radius:4px} .activity-recommended .caption{padding-top:40px; background:transparent url(//www.costadelsol-online.com/cdn/images/bg-activities.png) no-repeat top left} .whyBook-section .title{ line-height:1.2em;} .whyBook-section .title span{color:#075097} .banner-recommended .top-line{ height:70px; background-color:#061826} .banner-recommended .box-layout{position:relative; height:880px} .banner-recommended .caption{text-align:left; position: absolute; z-index:2; top: 50%; left: 85px; right:85px; transform: translate(0%, -50%); text-shadow:0px 0px 5px rgba(0,0,1,.4)} .banner-recommended .caption .description{font-size:20px} .banner-recommended .layout-top{position:absolute; z-index:1; top:0px; height:160px; left:0px; right:0px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#061826+0,061826+100&1+0,0+100 */ background: -moz-linear-gradient(top, rgba(6,24,38,1) 0%, rgba(6,24,38,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(6,24,38,1) 0%,rgba(6,24,38,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(6,24,38,1) 0%,rgba(6,24,38,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#061826', endColorstr='#00061826',GradientType=0 ); /* IE6-9 */ } .banner-recommended .layout-left{position:absolute; z-index:1; top:0px; bottom:0px; left:0px; width:60%; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#040f18+0,040f18+100&1+0,0+100 */ background: -moz-linear-gradient(left, rgba(4,15,24,1) 0%, rgba(4,15,24,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(4,15,24,1) 0%,rgba(4,15,24,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(4,15,24,1) 0%,rgba(4,15,24,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#040f18', endColorstr='#00040f18',GradientType=1 ); /* IE6-9 */} .destination-recommended .box-layout{float:left; width:100%;position:relative; height:254px; margin:5px 0px; border-radius:10px; overflow:hidden} .destination-recommended.large .box-layout{height:518px} .destination-recommended .box-layout .caption{font-family:'AR Techni';position:absolute; bottom:0px; left:0px; right:0px; text-align:center; } .destination-recommended .box-layout .caption span{display:inline-block; background-color:#075097; padding:5px 10px; font-size:20px; color:#FFF} .destinations-section .bg-destination{float:left; width:100%; padding:10px; background-color:#071725; } .destinations-section .bg-destination .col-xs-12, .destinations-section .bg-destination .col-xs-6, .destinations-section .bg-destination .col-md-2{padding:0px 5px;} .carruselRecommended{position:relative} .carruselRecommended .carousel-indicators{display:none} .carruselRecommended .carousel-control{height:40px; width:40px; bottom:inherit; top:150px; background:#FFF; opacity:1; color:#075097; text-shadow:inherit; box-shadow:0px 0px 4px rgba(0,0,1,.05);} .carruselRecommended .carousel-control .glyphicons{ font-size:24px} .carruselRecommended .carousel-control.left{left:12px; border-radius:0px 25px 25px 0px} .carruselRecommended .carousel-control.left .glyphicons{margin-left:0px; left:1px;} .carruselRecommended .carousel-control.right{right:12px; border-radius:25px 0px 0px 25px} .carruselRecommended .carousel-control.right .glyphicons{margin-right:0px; right:1px;} .activity-recommended .include{position:absolute; z-index:21; bottom:-25px; left:10px; padding:7px 15px; background-color:#FFF; border-radius:25px; box-shadow:0px 0px 5px rgba(0,0,1,.16)} .activity-recommended .include .tour-include-icon, .activity-recommended .include .activity-include-icon{float:left; margin:0px 3px} .activity-recommended .include .material-icons{color:#9ca2a8; } .activity-recommended .include .material-icons:hover{color:#071725} .tooltip-tour{background-color:#075097 !important; color:#FFF !important; opacity:1 !important; font-size:14px !important; font-weight:400 !important} .activity-recommended .layout-right{position:absolute; bottom:0px; right:0px; top:0px; width:60px; border-bottom:4px solid #FFF; text-align:center; background-color:#071725; color:#FFF} .activity-recommended .box-layout{border-radius:4px; box-shadow:0px 3px 7px rgba(0,0,0,.17)} .activity-recommended .duration{position:absolute;top:24px; left:0px; right:0px; text-align:center} .activity-recommended .duration .line-1{font-size:30px} .activity-recommended .duration .line-2{font-size:20px; margin-top:5px} .activity-recommended .btn-view{position:absolute;bottom:15px; left:0px; right:0px; text-align:center} .activity-recommended .hover-link:hover{background:rgba(0,0,1,.05); } .symbol .img-responsive{float:inherit; display:inline-block} /* Activities engine */ .availEngines .searchResume .newSearch, .availEngines .searchResume .newSearch md-icon{color:#075097} .availEngines .searchResume .searchParameters md-icon, .availEngines .searchResume .searchParameters{color:#69a7d3} .ui-slider .ui-slider-handle, .ui-slider .ui-slider-range{background-color:#075097} .availTours .resultsContainer .tourContainer .tourIncludesDetails .md-button.viewTour, .availEngines .activityContainer .activityPriceDetails .md-button.price{background-color:#075097; padding:2px 15px; border-radius:25px} .availEngines .activityContainer .activityPriceDetails .md-button.price:hover{background-color:#70b1e0} .availEngines .filtersContainer .filterName md-icon{background-color:#075097; border-radius:6px} .availEngines .activityContainer .activityDetails .activityDuration{font-size:16px; font-family:'Kalam', cursive; color:#075097} .availEngines .activityContainer .activityDetails .activityDuration md-icon{font-size:18px; color:#075097} .availTours .resultsContainer .tourContainer .tourDetails .tourName, .availEngines .activityContainer .activityDetails .activityName{font-size:24px; font-weight:400; margin-bottom:10px} .availEngines .resultsContainer .title{font-size:16px; color:#071725} .availEngines .activityContainer .activityDetails .activityDescription{font-size:16px; color:inherit; margin-top:10px} .productActivity .btnBooking, .productActivity .activityName{margin-top:30px; } .productTour .tourDestinations b, .productTour .tourDestinations, .productActivity .activityDestination{margin-top:10px; font-size:16px; font-family:'Kalam', cursive; color:#075097} .bookingPage .btnContinue, .productActivity .modalitiesContainer .totalPrice .md-button, .productActivity .btnBooking{background-color:#075097; padding:2px 15px; border-radius:25px; text-transform:inherit; font-weight:400; font-size:19px} .bookingPage .btnContinue:hover, .productActivity .modalitiesContainer .totalPrice .md-button:hover, .productActivity .btnBooking:hover{background-color:#70b1e0} .productActivity .activityGeneralData .iconInfo{margin:25px 0;color:#a9cfe3} .productActivity .modalitiesContainer .modalityContainer .paxesContainer .paxQuantity .price, .productActivity .activityGeneralData .priceInformation .price{color:#075097} .productActivity .activityGeneralData .priceInformation .info{font-size:14px; margin-bottom:5px} .bookingPage .btnContinue md-icon, .availEngines .activityContainer .activityPriceDetails .md-button.price md-icon{color:#70b1e0} .productTour .tourDestinations md-icon, .productActivity .activityDestination md-icon{font-size:18px; color:#075097} .productActivity .activityGeneralData .messageInfo{margin-top:25px; padding-bottom:15px} .productActivity .activityGeneralData .dateResume{margin:15px 0px} .productActivity .activityGeneralData .dateResume .line{margin:5px 0px; font-size:16px} .productActivity .activityGeneralData .dateResume .line b{color:#075097} .productActivity .activityGeneralData .dateResume md-icon{font-size:24px; color:#075097} .productActivity .activityGeneralData .shareActivity .title{display:none} .productActivity .activityGeneralData .shareActivity .pull-right { float: left !important; } .productActivity .activityGeneralData .priceInformation{float:left !important; margin-left:15px; text-align:left} /* Tours */ .productTour{margin-top:25px} .availTours .resultsContainer .tourContainer .tourDetails .tourDeparture, .availTours .resultsContainer .tourContainer .tourDetails .tourLocDetails{color:inherit} .productTour .infoTour .priceInformation .price, .availTours .resultsContainer .tourContainer .tourPriceDetails .price{color:#075097} .availTour .configurationTour > .boxService > .configService .serviceInformation .title, .productTour .itineraryDescription .dayItinerary .dayInformation .title, .productTour .itineraryDescription > .title, .productTour .additionalDescription > .title, .productTour .includesDescription .title{font-size:18px} .availTour .configurationTour > .boxService > .configService .serviceInformation .destinations, .availTour .headerBox .resumePrice > .breakdown .label, .availTour .headerBox .resumePrice > .breakdown .price, .availTour .includesTour .title, .productTour .includesDescription .boxInclude > span{font-size:14px} .availTour .configurationTour > .boxService > .title, .productTour .itineraryDescription .dayItinerary .dayInformation .description{color:#071725; font-size:16px;} .availTour .headerBox{background-color:#071725; margin-top:10px; font-size:14px} .availTour .configurationTour > .resumeConfiguration, .availTour .availableModality .resultsContainer > .resumeConfiguration{background-color:#071725;} .availTour .configurationTour > .resumeConfiguration > .priceInfo button.tourBook, .availTour .availableModality .resultsContainer > .resumeConfiguration > .priceInfo button.tourBook, .availTour .headerBox .priceInfo button.tourBook{background-color:#075097; padding:2px 15px; border-radius:25px; text-transform:inherit; font-weight:400;} .availTour .headerBox .tourName{font-size:16px} /* */ .ui-datepicker{border-color:#0b2a4a} .ui-datepicker .ui-datepicker-header{background-color:#0b2a4a} .ui-datepicker th, .ui-datepicker.travel-datepicker .infoPrice, .ui-datepicker.travel-datepicker .ui-datepicker-calendar td a[data-custom-price]::after{color:#0b2a4a} .ui-datepicker td a.ui-state-active{background-color:#075097} .md-select-value .md-select-icon, .productActivity .modalitiesContainer .totalPrice > div > .price{color:#075097} .bookingPage .tabsOperation{margin-top:15px; border-color:#075097} .bookingPage .tabsOperation .btnPageOperation{background-color:#69a7d3} .bookingPage .tabsOperation .btnPageOperation:hover, .bookingPage .tabsOperation .btnPageOperation.active{background-color:#075097} .bookingPage .contactUs .text span .phone{font-size:20px} @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);} 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } .productActivity .modalitiesContainer .modalityContainer{border:0px} .productActivity .modalitiesContainer .modalityContainer .modalityName{padding:10px 25px; border-radius:25px; margin:25px 0px 15px; font-size:18px} .productActivity .modalitiesContainer .modalityContainer .paxesContainer > .paxType{padding-top:10px; font-weight:400} .productActivity .modalitiesContainer .totalPrice > div{margin-right:15px; margin-top:4px} .productActivity .modalitiesContainer .totalPrice > div > span{font-weight:400} .paymentOrder{margin-top:25px} .infoGDPR {padding: 10px 15px 10px !important; color: #6b83a1; line-height: 1.5em; border: 0; border-radius: 3px; background: #e7ebf0; } .productActivity{display: flex; flex-direction: row; flex-wrap: wrap;} .productActivity div:nth-child(1){order: 1;flex: 60%;} .productActivity div:nth-child(2){order: 2;} .productActivity div.activityGeneralData{order: 3; flex: 33.33%;} .productActivity div.galleryActivity{order: 4; flex: 66.66%;} .productActivity div.modalitiesContainer{order: 6; flex: 100%;} .productActivity div.informationContainer{order: 5; flex: 100%;} .productActivity div.seoContainer{order: 7; flex: 100%;} @media (min-width: 1200px) {.container {width:100%; max-width:1370px;} } @media (max-width: 991px){ #web-header .right-items{margin:5px 0px} #web-header .right-items .material-icons{font-size:22px} #web-header .boxLanguage .md-button img{width:20px; height:20px} #web-header .item-box:nth-child(1){margin-right:10px} .main-slider .caption{left:15px; bottom:inherit; top:200px} .main-slider .layout-left{right:0px} .main-slider .carousel-control{bottom:inherit; top:120px} .main-slider .carousel-indicators{bottom:inherit; top:100px} .title-section, .subtitle-section{font-size:36px} .main-slider .more{display:none} .activity-recommended{margin-bottom:25px} .banner-recommended .caption{left:15px; right:15px} .banner-recommended .box-layout{height:480px} .banner-recommended .layout-left{width:100%} .whyBook-recommended{text-align:center; margin-top:40px} .line-btns .btn-theme{margin:2px 0px} #web-footer .middle-line .info-links li:first-child{width:100%} #web-footer .bottom-line .poweredby, #web-footer .bottom-line{text-align:center} #web-footer .bottom-line .payment-methods{margin-bottom:5px} #web-footer .bottom-line .poweredby{margin-top:5px;} .productActivity .modalitiesContainer .searchCalendar{width:100%} /**/ .productActivity{padding:0px 10px} .productActivity div.activityGeneralData{flex:100%} } @media (max-width:767px){ #web-footer .bottom-line .logotypes{flex-direction:column; gap:10px; text-align:left} } /* Sitemap */ .page-sitemap{font-size:16px;} .page-sitemap .container{width:100%; max-width:1340px; margin:30px auto;}login-collective-engine-page .loginBox.col-md-4{float:none; margin:0 auto} login-collective-engine-page .loginBox.col-md-8{display:none}.btn-theme.btn-xl{ font-size: 16px; padding: 15px 35px; border-radius:50px; }