@import url("https://fonts.googleapis.com/css?family=Dancing+Script:400,700|Lato|Maven+Pro|Nunito:300,400,600,700,800|Raleway:800,900&display=swap");
h1,h2,h3,h4,h5{font-size:inherit; font-family:inherit; margin:0px; display:inline-block;}
body{font:400 16px 'Nunito', sans-serif; color:#4f4f4f; background-color:#FFF;}
a:focus, a{color:#7da72d;}
a:hover{color:#525252; text-decoration:none; transition:all 0.25s ease-out 0s}
.cookiesMessage{display:none;}
.full-width, .fw{width:100%; float:left;}
.full-width.container{max-width:100%;}
.full-image{background-size:cover !important; background-position:center !important;} 
.title{font:800 22px 'Raleway', sans-serif; text-transform:uppercase;}
.title a{color:#525252;}
.title-section{color:#6f6f6e; font:900 34px 'Raleway', sans-serif; text-transform:uppercase; line-height:1em;}
.title-section span{color:#7da72d; font:700 60px 'Dancing Script', cursive; text-transform:none; line-height:.3em;}
.subtitle-section{color:#7da72d; font:400 16px 'Lato', sans-serif; letter-spacing:0.24em; text-transform:uppercase}
.row-sp{margin-left:-12px; margin-right:-12px;}
.pad-sp{padding:0px 12px;}
.margin-mid{margin-top:10px;}
.margin-xl{margin-top:28px;}
.margin-xxl{margin-top:45px;}
.col-sp-5{float:left; width:20%; padding:0px 15px;}
.bg-gray{background-color:#f9fbfc;}    
#loader-container {background:#7da72d url(//www.njoycatalonia.com/cdn/images/puff.svg) no-repeat center center; position: fixed;overflow: hidden;top: 0;right: 0;left: 0;bottom: 0;z-index: 99999;} .bttn-theme{display:inline-block; box-shadow: inherit;  border-radius: 25px 0px 25px 25px;  background: #8cbb32; text-transform: uppercase; font-size: 15px; font-weight:900; font-family: 'Raleway', sans-serif; color:#FFF;letter-spacing: 0.05em;padding: 10px 25px;}
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: 900 18px 'Raleway', sans-serif; text-transform:uppercase; color:#FFF;}
md-dialog .section-header{font:700 18px 'Raleway', sans-serif; color:#6f6f6e;}
md-dialog a{color:#7da72d;} 
md-dialog a:hover{color:#525252;}
.ui-datepicker .ui-datepicker-header{background-color:#131d28;}    
.ui-datepicker th{color:#131d28;}
.ui-datepicker{border-color:#131d28}
.ui-datepicker.travel-datepicker .infoPrice{color:#131d28;}
.ui-datepicker.travel-datepicker{z-index:99 !important;}	
.md-button.md-default-theme.md-primary.md-fab, .md-button.md-primary.md-fab, .md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised{display:inline-block; box-shadow: inherit;  border-radius: 25px 0px 25px 25px;  background: #8cbb32; text-transform: uppercase; font-size: 15px; font-weight:900; font-family: 'Raleway', sans-serif; color:#FFF;letter-spacing: 0.05em;padding: 10px 25px;}
.dark-bg md-checkbox.md-default-theme:not([disabled]).md-primary:not(.md-checked) .md-icon, .dark-bg md-checkbox:not([disabled]).md-primary:not(.md-checked) .md-icon{border-color:#686767;}
.dark-bg md-select.md-default-theme .md-select-value.md-select-placeholder, .dark-bg md-select .md-select-value.md-select-placeholder,
.dark-bg md-input-container.md-default-theme .md-placeholder, .dark-bg md-input-container .md-placeholder, .dark-bg md-input-container.md-default-theme label, .dark-bg md-input-container label{color:#FFF; font-size:15px;}
.dark-bg md-input-container.md-default-theme .md-input, .dark-bg md-input-container .md-input, .dark-bg md-input-container md-select{border-color:#686767; color:#FFF;}
.dark-bg md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value label, .dark-bg md-input-container:not(.md-input-invalid).md-input-has-value label{color:#FFF; font-size:15px;}
.dark-bg md-select.md-default-theme .md-select-value.md-select-placeholder, .dark-bg md-select .md-select-value.md-select-placeholder{font-size:15px; }
.dark-bg md-select.md-default-theme .md-select-value, .dark-bg md-select .md-select-value{border-color:#686767; color:#FFF;}
.dark-bg md-checkbox.md-default-theme:not([disabled]).md-primary.md-checked .md-icon, .dark-bg md-checkbox:not([disabled]).md-primary.md-checked .md-icon{background-color:#fab6ce;}
.dark-bg .md-select-value .md-select-icon{color:#FFF;}
.dark-bg md-input-container.md-default-theme.md-input-invalid .md-input, .dark-bg md-input-container.md-input-invalid .md-input{border-color:rgb(221,44,0);}        
#web-header { background-color:#1e1e1e; }
#web-header .center-block{margin-top:10px;}
#web-header .center-block.logo{margin-top:15px}
#web-header .top-line{float:left; width:100%; background-color:#313130; border-radius:0px 0px 0px 16px; padding-left:25px;}
#web-header .tag{float:left; color:#e9e9e9; font:900 11px 'Raleway', sans-serif; margin-right:15px; margin-top:4px;}
#web-header .tag:hover{color:#a0d63a;}
#web-header .tag span{color:#a0d63a; font-family: 'Dancing Script', cursive; font-size:18px;}
#web-header .tag span.big{font-size:20px;}
#web-header .top-line .boxClientLogin{background-color:#7da72d; border-radius:50% 0px 50% 50%; width:32px; height:32px;}   
#web-header .top-line .boxClientLogin.active{width:auto; height:auto; border-radius:0px; padding:5px 0px; color:#FFF; }
#web-header .top-line .boxClientLogin.active .md-button{font:900 11px 'Raleway', sans-serif}
#web-header .top-line .boxClientLogin.active .img-circle{width:25px;}
#web-header .top-line .boxClientLogin .md-button{min-height:inherit; min-width:inherit; line-height:inherit; margin:0px;}
#web-header .top-line .boxClientLogin .md-button .material-icons{color:#FFF; font-size:21px; padding-top:4px;}
#web-header .top-line .boxClientLogin .md-button:hover{background:transparent}  
#web-header .top-line .boxClientLogin .md-button:hover .material-icons{color:#313130}
#web-header .bottom-line {font:900 14px 'Raleway', sans-serif; text-transform:uppercase; }   
#web-header .bottom-line a{color:#FFF; padding:25px 5px;}
#web-header .bottom-line .md-button:hover, #web-header .bottom-line a:hover, #web-header .bottom-line a:focus, #web-header .bottom-line a:active{background:transparent; color:#a0d63a;}
#web-header .bottom-line li:last-child{margin-left:15px}
#web-header .bottom-line .md-button{font-size:14px; color:#FFF; margin:17px 5px;}   
#web-header .bottom-line .md-button .material-icons{color:#7da72d;}
#web-header .navbar-toggle{background-color:#7da72d; margin-left:10px;}
#web-header .navbar-toggle .icon-bar{background-color:#e9e9e9;} 
#web-header .boxTop .md-button{font-size:11px !important; color:#FFF; text-transform:inherit; margin:0px;}
#web-header .boxTop .md-button .alt{font:900 11px 'Raleway', sans-serif; text-transform:uppercase;}
#web-header .boxTop .md-button .material-icons{color:#FFF; margin-top:6px; font-size:16px;}
#web-header .center-block {padding-bottom:10px;}
#web-header .image-tree a{padding:0px; margin:0px}
#web-header .ico-whatsapp{    float: right;    font-size: 3rem;    padding: 22px 0 !important; color:#a0d63a !important}
md-menu-content .md-button .material-icons{color:#F2F2F2}
#web-footer{background-color:#f9fbfc;}
#web-footer .logo{position:relative; z-index:1; margin-bottom:-30px;}
#web-footer .bg-footer{background-color:#1e1e1e;}
#web-footer .bg-circle{padding:0; margin-bottom:75px;}
#web-footer .bg-circle .half{padding:0;}
#web-footer ul{color:#f9fbfc;}	
#web-footer ul li{margin-bottom:6px;}
#web-footer ul li.title{text-transform:uppercase; margin-bottom:20px; font-size:15px;}
#web-footer ul li a{color:#d5d5d3;}
#web-footer ul li a:hover{color:#a0d63a}
#web-footer .social-networks li{margin:0px 5px;}
#web-footer .social-networks li a{color:#a0d63a; font-size:20px;}
#web-footer .social-networks li a:hover{color:#FFF;}
#web-footer .middle-line{padding:25px 0px; background-color:#f9fbfc}
#web-footer .middle-line .section-left{text-align:right;}         
#web-footer .middle-line .section-right{text-align:left; margin-top:5px;}   
#web-footer .middle-line .section-right img{margin-top:10px;}
#web-footer .middle-line .subtitle-section{font-size:20px; letter-spacing:0.24em;}
#web-footer .middle-line .view-more{float:right; font:900 14px 'Raleway', sans-serif; color:#6f6f6e; text-transform:uppercase; margin-top:18px;}
#web-footer .middle-line .view-more .fa{color:#7da72d;}
#web-footer .bottom-line{padding:35px 15px; background-color:#f9fbfc}
#web-footer .bottom-line .poweredby{float:right;} 
#web-footer .bottom-line .payment-methods, #web-footer .bottom-line .copyright{float:left;}
#web-footer .bottom-line .copyright{font-size:12px; margin-top:5px; margin-left:10px;}      
#web-footer .suscribe a{font-weight:800; color:#a0d63a;}
#web-footer .suscribe a:hover{color:#FFF;}
.seals-catalunya .left img{float:right}   
.seals-catalunya .right img{float:left}   
.md-open-menu-container md-menu-content{background-color:#1e1e1e; color:#E9E9E9;}  
.md-open-menu-container md-menu-content a:focus{color:#E9E9E9;}
.md-open-menu-container md-menu-content ul{padding:0px 5px; list-style:none;}
.md-open-menu-container md-menu-content ul li{float:left; width:100%; margin:7px 0px; font:900 13px 'Raleway', sans-serif; text-transform:uppercase;}
.md-open-menu-container md-menu-content .md-button{font:900 13px 'Raleway', sans-serif; text-transform:uppercase;}
.md-open-menu-container md-menu-content.md-default-theme md-menu-item, .md-open-menu-container md-menu-content md-menu-item, .md-open-menu-container md-menu-content ul a{color:#E9E9E9;}
.md-open-menu-container md-menu-content ul a:hover{color:#a0d63a;}
.md-open-menu-container md-menu-content.md-default-theme md-menu-item .flag-languages, .md-open-menu-container md-menu-content md-menu-item .flag-languages{width: 20px; height: 20px; border-radius: 50% 0px 50% 50%;}
.sidenav-menu-mvl,
.sidenav-menu-mvl md-content{background:#1e1e1e}
.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; padding:13px 11px; color:#e9e9e9; border-radius:2px; background:#313130; font:900 15px 'Raleway', sans-serif; text-transform:uppercase;}
.sidenav-menu-mvl ul .md-button:hover, .sidenav-menu-mvl ul li a:hover{background:#313130; color:#a0d63a;}
.sidenav-menu-mvl ul .md-button{text-align:left; margin:0px 0px 2px 0px;} 	
.why-book{background:transparent url(//www.njoycatalonia.com/cdn/images/bg-why-book.png) repeat-x center center;}
.why-book .box{background-color:#FFF; border-radius:3px;}
.why-book .item{padding:50px 0px; text-align:center; color:#727271;}
.item .pretitle{font-size:18px;}
.item .title-section{font-size:15px}
#carouselProducts .carousel-control{background:transparent; top:inherit; bottom:-60px; width:inherit; opacity:1; }    
#carouselProducts .carousel-control.left{left:25px;}
#carouselProducts .carousel-control.right{right:25px;}
#carouselProducts .carousel-control .glyphicons {width:30px; height:30px; background-color:#80807f; border-radius:50%; font-size:14px; padding-top:8px; box-shadow:0px 0px 5px rgba(114,153,41);}
#carouselProducts .carousel-control .glyphicons:hover{opacity:.75;}
#carouselProducts .carousel-indicators{display:none;}
.footer-products{background:transparent url(//www.njoycatalonia.com/cdn/images/line-gray.png) repeat-x center center;}
.main-slider{position:relative; float:left; width:100%; box-shadow:0px 10px 15px rgba(0,0,0,.25);}
.main-slider .item{min-height:815px}
.main-slider .item.mini{min-height:inherit; height:500px;}
.main-slider .gradient-top{position:absolute; z-index:1; float:left; width:100%; height:144px; top:0px; background: -moz-linear-gradient(top,  rgba(30,30,30,1) 0%, rgba(30,30,30,0.99) 1%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top,  rgba(30,30,30,1) 0%,rgba(30,30,30,0.99) 1%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom,  rgba(30,30,30,1) 0%,rgba(30,30,30,0.99) 1%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#00000000',GradientType=0 ); }
.main-slider .carousel-indicators{display:none;}
.main-slider .gradient-bottom{position:absolute; z-index:1; float:left; width:100%; height:144px; bottom:0px; background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(30,30,30,0.99) 99%, rgba(30,30,30,1) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(30,30,30,0.99) 99%,rgba(30,30,30,1) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(30,30,30,0.99) 99%,rgba(30,30,30,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1e1e1e',GradientType=0 ); }    
.main-slider .caption{position:absolute; z-index:2; float:left; width:100%; bottom:350px; text-shadow:0px 0px 24px rgba(0,0,0,.75); padding:45px 0px;}
.main-slider .caption .subtitle-section, .main-slider .caption .title-section{color:#FFF;}
.main-slider .caption .title-section{font-size:46px;}
.main-slider .caption .subtitle-section{font-size:18px; margin-bottom:10px;}
.main-slider .caption .box-info{background-color:rgba(30,30,30,.6); width:155px; padding:7px 0px; Font:900 20px 'Raleway', sans-serif; color:#FFF; text-transform:uppercase; text-align:center; display:inline-block;}
.main-slider .caption .box-info span{font:700 20px 'Dancing Script', cursive; color:#FFF; text-transform:none;}
.main-slider .caption .view-more{background-color:rgba(124,166,44,.9); text-align:center; display:inline-block; width:135px; border-radius:3px;}
.main-slider .caption .view-more:hover{background-color:#618d0e;}
.main-slider .mini .caption{bottom:225px;}        
.position-searcher{float:left; width:100%; position:absolute; bottom:0px; z-index:2;}    
.tabs-searcher .md-tab{font:900 15px 'Raleway', sans-serif; color:#FFF; padding:15px 24px; background-color:rgba(28,28,28,.6)}
.tabs-searcher .md-tab.md-active{color:#8cbb32}
.searcher .btnSearch.md-button{background-color:transparent; border:2px solid #FFF; border-radius:25px 0px 25px 25px; font:900 15px 'Raleway', sans-serif; color:#FFF; text-transform:uppercase; letter-spacing:-0.03em; color:#FFF; padding:15px 25px; margin:0px;}
.searcher .btnSearch.md-button:hover{background-color:#FFF !important; color:#1e1e1e;}
.bg-separator{height:37px; background-image:url(//www.njoycatalonia.com/cdn/images/bottom-main-slider.png);}                
.product-recommended{float:left; width:100%; text-align:left; margin-bottom:25px}
.product-recommended .image{float:left; width:100%; height:390px; position:relative; margin-bottom:25px;}
.product-recommended .image:hover{-webkit-filter: grayscale(100%);	filter: grayscale(100%);	-webkit-transition: .3s ease-in-out;	transition: .3s ease-in-out;}
.product-recommended .caption{position:absolute; z-index:1; bottom:-20px; left:0px; right:115px; max-width:285px; padding:25px 15px 0px 15px; background-color:#FFF;}
.product-recommended a .title{color:#525252;}
.product-recommended a .title:hover{color:#7da72d;}
.product-recommended .duration{font:700 24px 'Dancing Script', cursive; color:#7da72d; margin-top:15px;}   
.product-recommended .price-box{float:right; text-align:right;}
.product-recommended .price-box .from{font:700 22px 'Dancing Script', cursive; color:#7da72d; line-height:.6em;}
.product-recommended .price-box .amount{font:900 28px 'Raleway', sans-serif; color:#727271;}
.product-recommended .price-box .small{color:#727271; font-style:italic; line-height:1em}
.product-recommended .view-more{margin:0px 1px; display:inline-block; border-radius:50%; width:32px; height:32px; overflow:hidden; text-align:center; background-color:#86ac40; box-shadow:0px 0px 4px rgba(114,153,41);}
.product-recommended .view-more:hover{background-color:#727271;}
.product-recommended .include{float:left; margin:10px; color:#FFF; font-size:14px; font-weight:700; text-transform:uppercase;}
.product-recommended .legend-icon{float:left; padding:4px 12px 3px 7px; text-transform:uppercase; font-size:9px; color:#FFF;  margin-top:6px; border-radius:3px 0px 0px 3px;}
.product-recommended .tour-include-icon{margin:0px 1px; padding:5px 2px; text-align:center; float:left; width:32px; height:32px; border-radius:50%; transition:all 0.15s; background-color:#d5d5d3;}
.product-recommended .tour-include-icon img{width:20px; height:20px;}
.product-recommended .tour-include-icon:hover{background-color:#727271;}    
.product-recommended .tour-include-icon:hover img{opacity:0.7;}  
.product-recommended.mini .caption{right:22px; bottom:0px; padding:15px 10px;}
.product-recommended.mini .image{cursor:pointer;}
.our-proposals{text-align:center; color:#6b6b6a;}     
.our-proposals b{font:900 13px 'Raleway', sans-serif; text-transform:uppercase;}
.info-about{position:relative; height:640px; box-shadow:0px 5px 10px rgba(0,0,0,.35);}
.info-about .caption{position:absolute; left:60px; top:40px; bottom:40px; max-width:405px; background:#000 url(//www.njoycatalonia.com/cdn/images/bg-caption.png) no-repeat bottom center; color:#d5d5d3; padding:80px 50px;}
.info-about .caption b{color:#FFF;}
.info-about .more-info{font:700 24px 'Dancing Script', cursive; color:#a0d63a;} 
.info-about .more-info:hover{color:#FFF;}
.info-about .caption .title-section, .info-about .caption .subtitle-section{color:#FFF;}
.section-featured{background-color:#000; font:900 18px 'Raleway', sans-serif; padding:25px 0px; color:#FFF;} 
.section-featured a{color:#fff;}
.tabs-theme .md-tab{font:900 15px 'Raleway', sans-serif; color:#525252; text-transform:uppercase;}
.tabs-theme .md-tab.md-active{color:#7da72d;}   
login-client-engine-page .section-header{margin-top:25px; font:900 30px 'Raleway', sans-serif; text-transform:uppercase; color:#6f6f6e}
login-client-engine-page .btnLogin {background-color:#f4f4f4}
#zoid-tree-nation-tree-counter-a5a76d7542_mtm6mzu6mdg{display:none !important}   
.seals-award li{float:inherit; display:inline-block; margin:15px}
@media (min-width: 1200px) {.container {width:100%; max-width:1370px;}}	
@media (max-width: 991px) {
.col-sp-5{width:50%;}
}
@media (max-width: 767px) {
.col-sp-5{width:100%;}
.product-recommended {margin-bottom:55px;}
#web-footer .middle-line .section-right{margin-top:25px; text-align:center;}
#web-footer .middle-line .section-left{text-align:center;}
#web-footer .middle-line .view-more{float:none;}
#web-footer ul li.title{margin-top:10px; margin-bottom:5px;}
#web-footer .fw, #web-footer .full-width{width:99% !important;} .info-about .caption{ padding:80px 20px;}
.main-slider .caption .title-section{font-size:24px;}
.seals-catalunya .left img{float:left}   
.seals-catalunya .right img{float:left}   
.texts-landing .description table{}
.texts-landing .description table td{display:block; width:100% !important; text-align:center;}
} body.app.generate-pdf #CybotCookiebotDialog{display:none !important} body.app.generate-pdf{background:#FFF}
tours-pdf-page .includes-section .include-section{line-height:1.6em} .page-sitemap{}
.page-sitemap .container{margin:30px auto;}
.fixed-aside-btns{position:fixed; bottom:8px; right:8px; z-index:24;}
.fixed-aside-btns > *{ display: flex;  justify-content: center;  align-items: center; width:50px; min-width:0; height:50px; margin:5px; font-size:28px; border-radius:50%; border:0; color:#fff; box-shadow: 0 2px 6px 1px rgba(72, 25, 65, 0.22); background:#e3000f;}
.fixed-aside-btns > .whatsapp{background:#7da72d;}
.fixed-aside-btns > *:hover{color:#fff; background:#ffb207 !important;}.feed-area{width:100%; float:left; position:relative; padding-bottom:50px}
.feed-area .bg-dark{position:absolute; top:0px; bottom:0px; right:0px; left:0px; z-index:1; background-color:rgba(0,0,1,.8)}
.feed-area .header-area{position:relative; width:100%; min-height:190px; padding-top:70px; float:left; text-align:center}
.feed-area .header-area > .nota{overflow:hidden; z-index:1; opacity:.1; position:absolute; top:0; right:0; left:0; font:400 190px/1em 'Gelasio', serif; letter-spacing:-0.05em;}
.feed-area .header-area > .fw{z-index:2; position:relative;}
.feed-box{width:100%; float:left; position:relative; z-index:2}
.feed-box .img-box{z-index:3; position:relative; display:block; min-height:320px; -webkit-box-shadow: 0px 0px 5px 0px  rgba(0, 0, 0, 0.3); box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.3); background:#282521;}
.feed-box .info{width:100%; padding-top:10px; float:left; }
.feed-area .feed-box a.legend:hover{color:#f2cb80 !important; }
.feed-box .info .quote{color:#f2f2f2}
.feed-box .info .quote .symbol{color:#7da72d; font-size:40px}
.feed-box .stamp{position:absolute; bottom:-15px; right:-5px; width:120px; height:120px; padding-top:22px; text-align:center;  border-radius:50%; border:4px #fff solid; box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.3); background:#7da72d}
.feed-box .stamp .title{letter-spacing: -.06em; text-shadow: 0 1px 1px #a68c58; color:#fff; font-size:2.4em; margin-bottom:5px; display:inline-block}
.feed-box .stamp .title small{font-size:.55em; color:#f4f4f4;}
.feed-box .stamp  .subtitle{line-height:0.5em; color:#fff; text-shadow: 0 1px 1px #597c17;}
.feed-area.dark{color:#d5cfc9; background:#061826 url(//www.njoycatalonia.com/cdn/images/content/out/Escapadas%20circuitos%20Catalu%C3%B1a%20-%20NJOY%20Catalonia.jpg) no-repeat 0 0; background-size:100% auto;}
.feed-area.dark .title{color:#fff;}
.feed-area.dark .header-area  .subtitle{color:#e3dcda;}
.feed-area.dark .feed-box .info{padding-top:15px;}
.feed-area.dark .feed-box .name{color:#7da72d; font:700 24px 'Dancing Script', cursive}
.feed-area #carrusecomment{position:relative; z-index:2}
.feed-area #carrusecomment .carousel-indicators{display:none}
.feed-area #carrusecomment .carousel-control{top:inherit}