/* --------------------------------------------------
Responsive Styles - Media queries
-------------------------------------------------- */
/* --------------------------------------------------
0.1 Settigns
-------------------------------------------------- */
/* ---- Colors ---- */
/* ---- Label Colors ---- */
/* ---- Text ---- */
/* ---- White Space ---- */
/* ---- Buttons ---- */
/* ---- Forms ---- */
/* ---- Navigation ---- */
/* ---- Footer ---- */
/* ---- Other ---- */
/* ---- Media Queries Breakpoints ---- */
/* ---- General ---- */
@media (max-width: 1260px) {
.mb-sm-30 {
margin-bottom: 30px;
}
.mb-sm-50 {
margin-bottom: 50px;
}
.mb-sm-100 {
margin-bottom: 100px;
}
.mb-sm-160 {
margin-bottom: 160px;
}
.upper-nav__languages:before{
display: none;
}
#navbar .upper-nav__languages{
display: none;
}
}
@media (min-width: 1260px) {
.navbar-header > ul.nav .upper-nav__languages{
display: none;
}
}
@media (max-width: 1199px) {
.btn-light:visited,
.btn-text-light:visited,
.btn:visited,
.btn-ghost-light:hover,
.btn-text-light:hover,
.btn.btn-ghost-white-to-white-purple:hover,
.btn-ghost-white-to-white-purple,
.btn-ghost-white-to-white-purple:link {
min-width: auto;
padding: 20px 10px;
}
}
@media (max-width: 1260px) {
.navbar-default .navbar-nav>li>a.active:hover,
.navbar .navbar-nav li .active, .navbar-default .navbar-nav > .open > a {
color: #fff;
font-weight: normal;
color: #fff;
font-weight: bold;
display: inline-block;
}
.navbar .navbar-nav li a {
padding-top: 7px;
padding-bottom: 7px;
}
}
@media (max-width: 992px) {
.clear {
clear: both;
}
.mb-xs-30 {
margin-bottom: 30px;
}
.mb-xs-50 {
margin-bottom: 50px;
}
.mb-xs-100 {
margin-bottom: 100px;
}
.clubbing .subsection__subsection-introduction {
margin-bottom: 0;
}
.clubbing .col-md-12.no-gap.mb-xs-50.ft-item.ft-dark-spin.right-align.list__item {
/*margin-bottom: 0;*/
}
.copyright .row > div{
text-align: center;
}
}
@media (max-width: 420px) {
.home .room-list__room .tour-virtual,
.rooms .room-list__room .tour-virtual{
display: block;
text-align: left;
margin: 15px 0 0 0;
width: 146px;
}
}
@media (max-width: 440px) {
/* clubbing */
.clubbing .ft-content {
width: 100%!important;
}
.clubbing .subsection-more-highlight-hotel--list .right-align .ft-icon,
.clubbing .ft-icon {
width: 85px;
margin: 0 auto;
}
.clubbing .col-md-12.no-gap.mb-xs-100.ft-item.ft-dark-spin.list__item {
margin-bottom: 50px;
}
.clubbing .subsection-highlight-location__slogan{
font-size: 3.8em;
}
.clubbing .ft-x .ft-item span {
width: 100%;
margin: 5px;
}
.clubbing .col-sm-12.col-md-12.no-gap.mb-sm-100.ft-item.ft-basic.wow.fadeIn {
text-align: center;
margin-bottom: 40px;
}
.clubbing .section--subsection-highlight-location {
padding-top: 35px;
padding-bottom: 35px;
}
.clubbing .ft-x .ft-item i{
margin-top: 0px;
margin-bottom: 5px;
}
.clubbing .col-md-12.no-gap.mb-xs-50.ft-item.ft-dark-spin.right-align.list__item {
margin-bottom: 25px;
}
.clubbing .col-lg-4.mb-sm-100.wow.fadeInLeft {
margin-bottom: 0;
}
.clubbing .subsection-more-highlight-hotel--list .ws-m {
padding: 20px 0;
}
.clubbing .container-fluid.section.semigrey-bg.section--subsection-more-highlight-hotel {
padding-top: 60px;
padding-bottom: 0px;
}
}
/* ---- Navigation ---- */
@media (max-width: 1260px) {
.navbar--navbar-container {
background: rgba(12, 67, 98, 0.7);
}
.navbar .navbar-header {
width: auto;
margin-left: 0;
}
.navbar .navbar-header .navbar-brand {
margin-left: 25px;
}
.navbar .navbar-header .navbar-toggle {
border: none;
margin-top: 18px;
}
.navbar .navbar-header .navbar-toggle:focus {
background: none;
}
.navbar .navbar-header .navbar-toggle:hover {
background: none;
}
.navbar .navbar-collapse {
margin-top: 5px;
padding-left: 25px;
padding-right: 25px;
max-height: 100%;
box-shadow: none;
}
.navbar .navbar-collapse .navbar-nav {
padding-left: 15px;
padding-right: 15px;
}
.navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu {
padding-top: 10px;
border: none;
}
.navbar .navbar-right {
margin-right: 15px;
margin-left: 15px;
margin-top: 0;
overflow-y: auto;
}
ul.nav.navbar-nav.navbar-right.navbar-nav--upper-nav {
margin-top: 20px;
}
.navbar .navbar-container__main-nav li.linkbooking a {
background: #D6AD52;
margin: 0;
transition: all 0.4s ease-in-out;
display: inline-block;
}
.navbar-inverse .navbar-header .navbar-toggle:hover span {
background: #ececec;
}
.navbar-inverse .navbar-header .navbar-toggle span {
background: #999;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.navbar--navbar-container .navbar-nav--upper-nav li.dropdown a {
text-transform: none;
font-size: 0.7333333333333333em;
background: rgba(214, 173, 82, 0.7) !important;
padding: 4px 15px;
margin: 0;
}
.mobile-nav .navbar-nav--upper-nav {
visibility: visible;
opacity: 1;
right: 55px;
}
}
/* MENÚ DESPLEGABLE RESOLUCIÓN MOBIL */
@media (max-width: 770px) {
.navbar .navbar-right .upper-nav__languages.open{
height: 200px;
}
.navbar .navbar-nav .upper-nav__languages .dropdown-menu {
top: 32px;
}
}
/* ---- Headers ---- */
@media (max-width: 770px) {
.page-title {
padding-right: 35px;
padding-left: 35px;
}
.page-title .breadcrumb {
display: block;
margin-top: 50px;
float: left;
text-align: left;
}
.benefits-block {
background:rgba(255, 255, 255, 0.6);
}
.benefit__title {
color: #3e3e3d;
text-shadow: 2px 0px 2px rgba(255, 255, 255, 0.8);
}
.ft-boxed-hover .benefit .ft-icon, .ft-boxed-hover .benefit .benefit-icon {
color: #3e3e3d;
}
}
/* ---- Footers ---- */
@media (max-width: 992px) {
.footer-widgets .gallery-widget ul {
height: 86px;
}
.footer-litle address ul li {
margin-right: 50px;
}
.footer-contact form input[type="submit"] {
margin-bottom: 130px;
}
.footer-contact form .alert {
top: 60px !important;
}
.clubbing .subsection-highlight-location__slogan{
text-align: center;
padding: 0;
}
.clubbing .col-sm-12.col-md-12.no-gap.mb-sm-100.ft-item.ft-basic.wow.fadeIn {
margin-bottom: 40px;
}
.clubbing .ft-x .ft-item span {
margin: 26px 36px 0 0px;
}
.clubbing .col-md-12.no-gap.mb-xs-100.ft-item.ft-dark-spin.list__item {
margin-bottom: 50px;
}
}
@media (max-width: 770px) {
.copyright {
text-align: center;
}
.copyright .to-the-top {
float: none !important;
}
.footer-litle address ul li {
display: block;
margin-bottom: 50px;
margin-right: 0;
}
.footer-litle address ul li:last-child {
margin-bottom: 0;
}
.footer-litle address ul li .adr-icon {
margin-bottom: 15px;
padding-right: 0;
float: none;
}
.footer-litle address ul li .adr-group {
float: none;
text-align: center;
}
}
@media (max-width: 600px) {
.footer-widgets .gallery-widget ul {
height: 174px;
}
.footer-contact .contact-info address {
padding-top: 160px;
padding-left: 50px;
}
.footer-contact .contact-info address ul {
display: block;
width: 100%;
}
.footer-contact .contact-form {
padding-left: 50px;
}
/*
.footer-social-links ul li {
margin-right: 0;
margin-bottom: 15px;
width: 33%;
}
.footer-social-links ul li:nth-child(2) {
border-right: none;
padding-left: 30px;
}*/
}
/* ---- Features ---- */
@media (max-width: 1260px) {
.ft-cards-2 .ft-card-item {
width: 350px;
height: auto;
padding-bottom: 50px;
margin: 0 auto 50px auto;
}
.ft-cards-2 .ft-card-item img {
display: block;
float: none;
max-width: none;
}
.ft-cards-2 .ft-card-item .ft-content {
display: block;
float: none;
width: auto;
}
.ft-boxed-hover ul li .hover-content {
padding: 15px 30px;
}
.ft-boxed-hover ul li .hover-content a {
margin-top: 10px;
}
/*.ft-tabs .tabs-list li a .tab-icon {
float: left;
padding-right: 100px;
}*/
.ft-tabs .tabs-list li a .tab-group {
float: none;
}
.ft-hover-item .ft-item:hover {
background-size: 155%;
}
.ft-hover-item .ft-1,
.ft-hover-item .ft-2 {
background-size: 150%;
}
}
@media (max-width: 992px) {
/*.ft-boxed-hover ul li {
width: 50%;
}*/
.ft-boxed-hover ul li .hover-content {
padding: 30px;
}
.ft-tabs .tab-content {
height: auto;
}
.ft-tabs .tab-content .tab-content-image {
padding-bottom: 50px;
}
.ft-hover-item .ft-item .content-wrapper {
left: 50px;
right: 50px;
}
.app-welcome .download-btns .dl-btn {
text-align: center;
margin-bottom: 10px;
}
.ft-image {
display: block;
margin-left: auto;
margin-right: auto;
}
.ft-big-img-right {
padding-left: 25px;
padding-right: 25px;
}
.ft-big-img-right .ft-img-container {
margin-top: 100px;
padding: 0;
}
.ft-big-img-right .ft-img-container .ft-img {
display: block;
padding-left: 25px;
padding-right: 25px;
max-width: 100%;
height: auto;
right: 0;
padding-bottom: 100px;
}
.ft-big-img-right .ft-content {
height: 500px;
text-align: center;
}
.ft-big-img-left {
padding-left: 25px;
padding-right: 25px;
}
.ft-big-img-left .ft-img-container .ft-img {
display: block;
max-width: 100%;
height: auto;
padding-top: 100px;
top: 0;
left: 0;
}
.ft-big-img-left .ft-content {
height: 550px;
text-align: center;
}
}
@media (max-width: 770px) {
.ft-boxed-hover ul li .hover-content {
padding: 20px;
}
.ft-boxed-hover ul li .hover-content a {
margin-top: 10px;
}
.ft-tabs .tabs-list li a {
padding-left: 25px;
padding-right: 25px;
}
.ft-tabs .tabs-list li a .tab-icon {
float: left;
padding-right: 25px;
}
.ft-tabs .tabs-list li a .tab-group {
float: none;
}
}
@media (max-width: 600px) {
.ft-hover-item .ft-item:hover {
background-size: 210%;
}
.ft-hover-item .ft-1,
.ft-hover-item .ft-2 {
background-size: 200%;
}
}
/* ---- Counters ---- */
@media (max-width: 1260px) {
/*.circles-counters .circle-item,
.circles-counters-minimal .circle-item {
margin-bottom: 50px;
}
.number-counters .nbr-item,
.number-counters-minimal .nbr-item {
margin-bottom: 50px;
}*/
}
@media (max-width: 770px) {
.circles-counters .circles-wrapper {
margin-left: 35px;
margin-right: 35px;
}
.number-counters .nbr-wrapper {
margin-left: 35px;
margin-right: 35px;
}
}
/* ---- Sliders ---- */
@media (max-width: 992px) {
.pr-slider {
height: auto;
}
.pr-slider .pr-slider-overlay {
position: relative;
padding-left: 35px;
padding-right: 35px;
height: 450px;
background: #fff;
}
.pr-slider .pr-slider-overlay .pr-slider-content .content-item {
padding: 0;
background: rgba(255, 255, 255, 0.9) !important;
}
.pr-slider .pr-slider-overlay .pr-slider-content .slick-dots li {
display: inline-block;
margin-right: 10px;
height: 12px;
width: 12px;
vertical-align: middle;
border: 2px solid #111;
border-radius: 100px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.pr-slider .pr-slider-overlay .pr-slider-content .slick-dots li button {
display: none;
}
.pr-slider .pr-slider-overlay .pr-slider-content .slick-dots li:hover {
background: #111;
cursor: pointer;
}
.pr-slider .pr-slider-overlay .pr-slider-content .slick-dots .slick-active {
border: 2px solid #111;
background: #111;
height: 12px;
width: 12px;
}
}
/* ---- Team Layouts ---- */
@media (max-width: 1260px) {
.team-3col .t-item,
.team-4col .t-item {
width: 360px;
margin: 0 auto;
}
.team-3col .t-item:hover,
.team-4col .t-item:hover {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
}
.team-3col .t-item:hover .t-image .t-description,
.team-4col .t-item:hover .t-image .t-description {
bottom: auto;
}
.team-3col .t-item:hover .t-image .t-description .content-wrapper,
.team-4col .t-item:hover .t-image .t-description .content-wrapper {
padding-top: 30px;
}
.team-3col .t-item .t-image,
.team-4col .t-item .t-image {
width: 360px;
height: auto;
overflow: visible;
}
.team-3col .t-item .t-image .t-description,
.team-4col .t-item .t-image .t-description {
position: relative;
padding: 30px 30px 0 30px;
bottom: auto;
left: auto;
height: auto;
width: auto;
}
.team-3col .t-item .t-image .t-description .content-wrapper,
.team-4col .t-item .t-image .t-description .content-wrapper {
opacity: 1;
padding-top: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #ebebeb;
}
.t-join {
width: 360px;
margin: 0 auto;
}
.freelancer-about .img-wrapper {
max-width: 390px;
margin-right: 10px;
}
.freelancer-about .img-wrapper .t-image {
height: 390px;
}
.freelancer-about .img-wrapper .social-links li {
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
}
@media (max-width: 600px) {
.team-3col .t-item,
.team-4col .t-item {
width: 320px;
margin: 0 auto;
}
.team-3col .t-item:hover,
.team-4col .t-item:hover {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
}
.team-3col .t-item:hover .t-image .t-description,
.team-4col .t-item:hover .t-image .t-description {
bottom: auto;
}
.team-3col .t-item:hover .t-image .t-description .content-wrapper,
.team-4col .t-item:hover .t-image .t-description .content-wrapper {
padding-top: 30px;
}
.team-3col .t-item .t-image,
.team-4col .t-item .t-image {
width: 320px;
height: auto;
overflow: visible;
}
.team-3col .t-item .t-image .t-description,
.team-4col .t-item .t-image .t-description {
position: relative;
padding: 30px 30px 0 30px;
bottom: auto;
left: auto;
height: auto;
width: auto;
}
.team-3col .t-item .t-image .t-description .content-wrapper,
.team-4col .t-item .t-image .t-description .content-wrapper {
opacity: 1;
padding-top: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #ebebeb;
}
.t-join {
width: 320px;
}
.freelancer-about .img-wrapper {
margin-right: 0 !important;
}
}
/* ---- Testimonials ---- */
@media (max-width: 600px) {
.testimonials-parallax .t-wrapper blockquote {
font-size: 1em;
}
.testimonials-parallax .t-wrapper .slick-prev {
left: 0;
margin-left: -75px;
}
.testimonials-parallax .t-wrapper .slick-next {
right: 0;
margin-right: -75px;
}
.testimonials-parallax .t-clients li a img {
margin: auto;
}
}
/* ---- Portfolio ---- */
@media (max-width: 1050px) {
/*.portfolio-1col-fw .portfolio-item,
.portfolio-1col-boxed .portfolio-item {
height: auto;
overflow: visible;
}*/
/*.portfolio-1col-fw .portfolio-item .img-wrapper,
.portfolio-1col-boxed .portfolio-item .img-wrapper {
display: block;
float: none !important;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}*/
.portfolio-1col-fw .portfolio-item figcaption,
.portfolio-1col-boxed .portfolio-item figcaption {
display: block;
}
}
@media (max-width: 992px) {
.portfolio-masonry .p-item,
.portfolio-masonry .grid-sizer,
.portfolio-masonry-2 .p-item,
.portfolio-masonry-2 .grid-sizer {
width: 50%;
}
.portfolio-masonry-3 .p-item,
.portfolio-masonry-3 .grid-sizer {
width: 45%;
}
.portfolio-1col-fw .portfolio-item,
.portfolio-1col-boxed .portfolio-item {
height: auto;
overflow: visible;
}
}
@media (max-width: 600px) {
.portfolio-1col-fw .portfolio-item figcaption,
.portfolio-1col-boxed .portfolio-item figcaption {
padding: 70px 35px 70px 35px;
}
.portfolio-masonry-3 .p-item,
.portfolio-masonry-3 .grid-sizer {
width: 95%;
}
}
/* ---- Blog ---- */
@media (max-width: 992px) {
.blog-post-comments .bp-comment .comment-info .comment-name,
.blog-post-comments .bp-comment-reply .comment-info .comment-name, .blog-post-comments .bp-comment .comment-info .comment-time,
.blog-post-comments .bp-comment-reply .comment-info .comment-time, .blog-post-comments .bp-comment .comment-info .comment-replay-btn, .blog-post-comments .bp-comment-reply .comment-info .comment-replay-btn {
display: block;
}
.blog-post-comments .bp-comment .comment-info .comment-time, .blog-post-comments .bp-comment-reply .comment-info .comment-time {
margin-left: 0;
margin-bottom: 15px;
}
.blog-post-comments .bp-comment .comment-content, .blog-post-comments .bp-comment-reply .comment-content {
margin-top: 30px;
}
.blog-post-comments .bp-comment-reply {
margin-left: 0;
}
.blog-post-comments .comment-form .form-group {
padding-left: 0;
padding-right: 0;
}
}
/* ---- Contact ---- */
@media (max-width: 1260px) {
.contact-1,
.contact-2 {
padding-left: 0;
padding-right: 0;
}
.contact-1 .contact-form input[type="submit"] {
float: none !important;
}
.contact-2 .address-info .address-info-item {
display: block;
margin-bottom: 35px;
}
.contact-2 .address-info .address-info-item:last-child {
margin-bottom: 0;
}
}
@media (max-width: 992px) {
.contact-1 form .ajax-message,
.contact-2 form .ajax-message {
margin-top: 75px;
}
.contact-2 .address-info {
margin-left: 35px;
margin-right: 35px;
}
.contact-2 form {
margin-left: 35px;
margin-right: 35px;
}
}
@media (max-width: 770px) {
/*.contact-1 .contact-wrapper .contact-info-wrapper {
padding-left: 35px;
padding-right: 35px;
}*/
.contact-1 form {
padding-left: 15px;
padding-right: 15px;
}
.contact-3 .form-wrapper {
padding-left: 35px;
padding-right: 35px;
}
.map-boxed {
height: 670px;
}
}
@media (max-width: 600px) {
.contact-3 .form-wrapper .form-group {
padding-left: 0;
padding-right: 0;
}
}
/* ---- Login ---- */
@media (max-width: 992px) {
.login-1 .form-group {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 600px) {
.login-1 .panel-group .panel .panel-heading {
padding-left: 35px;
padding-right: 35px;
}
.login-1 .panel-group .panel .panel-collapse .panel-body {
padding-left: 35px;
padding-right: 35px;
}
.login-2 .bg-overlay .form-wrapper {
padding-left: 35px;
padding-right: 35px;
}
.login-2 .bg-overlay .social-signup .social-card i {
display: none;
}
}
/* ---- 404 Page ---- */
@media (max-width: 992px) {
.wrapper-404 {
text-align: center;
}
.wrapper-404 .lead-wrapper {
display: block;
width: 100%;
}
.wrapper-404 .lead-wrapper h1 {
padding: 0 !important;
border: none !important;
text-align: center;
}
.wrapper-404 .info-wrapper {
display: block;
width: 100%;
margin-top: 50px;
padding: 0 !important;
}
.wrapper-404 .info-wrapper .info-404 {
text-align: center;
}
.wrapper-404 .links-404 {
margin: 50px auto !important;
}
}
/* ---- Coming Soon Pages ---- */
@media (max-width: 992px) {
.comingsoon form input[type="email"] {
width: 270px;
margin: auto;
margin-bottom: 15px;
}
}
/* ---- Hero ---- */
@media (min-width: 1440px) {
.app-hero .hero-img-container img {
height: 600px;
}
}
@media (max-width: 1260px) {
.landing-hero .form-wrapper {
padding-left: 35px;
padding-right: 35px;
}
.app-hero {
text-align: center;
}
.app-hero .hero-text {
padding-top: 100px;
padding-bottom: 100px;
}
.app-hero .hero-img-container {
display: none;
}
.related-block .portfolio-item {
padding: 0;
margin-top: 5px;
height: auto;
max-height: 200px;
overflow: hidden;
}
#related-sel .portfolio-item figure {
height: 200px !important;
}
}
@media (max-width: 992px) {
.main-demo-hero .hero-content-wrapper .hero-content,
.fs-video-hero .hero-content-wrapper .hero-content,
.fw-video-hero
.freelancer-hero .hero-content-wrapper .hero-content {
padding-left: 35px;
padding-right: 35px;
}
.main-demo-hero .hero-content-wrapper .hero-content .hero-lead,
.fs-video-hero .hero-content-wrapper .hero-content .hero-lead,
.fw-video-hero
.freelancer-hero .hero-content-wrapper .hero-content .hero-lead {
font-size: 4em;
}
.main-demo-hero .hero-content-wrapper .hero-content .hero-subheading,
.fs-video-hero .hero-content-wrapper .hero-content .hero-subheading,
.fw-video-hero
.freelancer-hero .hero-content-wrapper .hero-content .hero-subheading {
margin-top: 50px;
}
.fs-slider-hero .fs-slide-1 .hero-content .hero-lead,
.fs-slider-hero .fs-slide-2 .hero-content .hero-lead {
font-size: 5em;
}
.fs-slider-hero .fs-slide-1 .hero-content .hero-subheading,
.fs-slider-hero .fs-slide-2 .hero-content .hero-subheading {
margin-top: 50px;
}
.fs-slider-hero .fs-slide-3 .hero-content .hero-lead {
font-size: 3em;
}
.agency-hero .hero-wrapper .hero-content {
padding-left: 35px;
padding-right: 35px;
}
.agency-hero .hero-wrapper .hero-content .text-wrapper {
padding-left: 65px;
padding-right: 65px;
}
.agency-hero .hero-wrapper .hero-content .text-wrapper p br {
display: none;
}
.landing-hero .form-wrapper {
margin-top: 100px;
padding-left: 35px;
padding-right: 35px;
}
.fw-slider-hero .fw-slide-1 .hero-content-wrapper .hero-content .hero-lead,
.fw-slider-hero .fw-slide-3 .hero-content-wrapper .hero-content .hero-lead {
font-size: 3em;
letter-spacing: 15px;
}
.fw-slider-hero .fw-slide-2 .hero-content-wrapper .hero-content .hero-lead {
font-size: 4em;
}
.facility-item > .description .valign-middle-inner {
top: 0 !important;
transform: translateY(0) !important;
max-height: none !important;
}
.home .portfolio-layout .facility-item:nth-child(2n) > figure {
margin: 0 !important;
}
.benefit__title {
font-size: 17px;
margin: 0 10px;
}
.slick-list {
overflow: hidden;
margin: 0;
padding: 0 !important;
}
.related-block .portfolio-item {
padding: 0;
margin-top: 5px;
height: auto;
overflow: hidden;
}
.col-md-6.no-gap.img-wrapper.pull-right.room-item-skew-content {
width: 100%;
}
.col-md-6.no-gap.img-wrapper.room-item-skew-content {
width: 100%;
}
.col-md-6.no-gap.room-item-skew.figcaption.room__detail:nth-child(2n) {
position: relative;
z-index: 999;
background: #f0f0f0;
right: 0;
border-left: 0 solid #FFFFFF;
}
.room-list__room .room__description {
max-height: 220px !important;
padding: 0;
}
.portfolio-1col-boxed .room-list .portfolio-item .figcaption {
padding: 50px 30px;
position: relative;
}
.home .col-md-6.no-gap.room-item-skew.figcaption.pull-left.room__detail {
left: 0;
}
.home .col-md-6.no-gap.room-item-skew.figcaption.room__detail:nth-child(2n) {
right: 0;
}
.special-list .col-md-6.no-gap.room-item-skew.figcaption.room__detail:nth-child(2n) {
right: 0;
}
.sec-heading .title, .sec-heading h2:first-child {
font-size: 20px;
letter-spacing: 0.020em;
padding: 0 25px;
}
.sec-heading .subheading {
font-size: 18px;
}
.room-list__room .room__detail .title {
font-size: 22px;
font-weight: 600;
letter-spacing: 0.020em;
}
.subsection__subsection-introduction p, .collapse-group--moreinfo p, .section--description-main p {
padding: 0 25px;
text-align: center;
}
.content--more-info h2 {
font-size: 19px;
text-align: center;
}
.clubbing-list__item ul.slick-dots {
position: absolute;
bottom: 20px !important;
width: 100%;
text-align: center;
}
.p-s-portfolio .section--subsection-related {
padding-top: 45px;
margin-top: 0px;
padding-bottom: 45px;
}
.subsection__compacted-subsection-introduction {
margin-bottom: 45px;
}
.section--subsection-contact {
padding-top: 45px;
padding-bottom: 0;
}
.section--section-rooms {
padding-bottom: 45px;
}
.section--section-rooms .subsection__subsection-introduction {
margin-bottom: 45px;
}
.facility-item > .description .valign-middle-inner {
padding: 0;
}
.subsection__subsection-introduction p, .collapse-group--moreinfo p, .section--description-main p {
font-size: 14px;
line-height: 21px;
}
#about {
padding-bottom: 10px;
}
.collapse-group--moreinfo {
padding-top: 0;
padding-bottom: 0;
}
.facility-item > .description p {
font-size: 14px;
line-height: 21px;
}
.facility-item > .description {
display: none;
}
.portfolio-layout .facility-item figure figcaption .p-content a {
transition: all 0.4s ease-in-out;
color: rgb(12, 67, 98);
width: 150px;
font-size: 12px;
background: rgba(214, 173, 82, 0.7);
padding: 10px;
}
.navbar .navbar-header .navbar-brand {
background: rgba(12, 67, 98, 0);
}
}
@media (max-width: 770px) {
.main-demo-hero .hero-content-wrapper .hero-content .hero-lead,
.fs-video-hero .hero-content-wrapper .hero-content .hero-lead,
.fw-video-hero .hero-content-wrapper .hero-content .hero-lead {
font-size: 3.5em;
}
.main-demo-hero .hero-content-wrapper .hero-content .hero-lead br,
.fs-video-hero .hero-content-wrapper .hero-content .hero-lead br,
.fw-video-hero .hero-content-wrapper .hero-content .hero-lead br {
display: none;
}
.main-demo-hero .hero-content-wrapper .hero-content .hero-subheading,
.fs-video-hero .hero-content-wrapper .hero-content .hero-subheading,
.fw-video-hero .hero-content-wrapper .hero-content .hero-subheading {
margin-top: 50px;
}
.text-slider-hero .hero-content-wrapper .hero-content .hero-lead {
font-size: 7em;
}
.animated-hero .hero-content-wrapper .hero-content .hero-lead {
font-size: 4.5em;
letter-spacing: 15px;
}
.kenburn-hero .hero-wrapper .hero-content .lead-white-bg {
font-size: 3em !important;
}
.freelancer-hero .hero-content-wrapper .hero-content .hero-lead {
font-size: 3em;
letter-spacing: 7px;
}
.landing-hero {
height: 1200px;
}
.landing-hero .bg-overlay {
height: 100%;
}
.landing-hero .heading-wrapper {
margin-top: 160px;
}
.landing-hero .form-wrapper {
margin: 100px 15px 0 15px;
padding-left: 35px;
padding-right: 35px;
}
.landing-hero .scroller {
display: none;
}
.agency2-hero .hero-content-wrapper {
padding-left: 0;
}
.agency2-hero .hero-content-wrapper .hero-content .hero-lead {
font-size: 3em;
}
.agency2-hero .hero-content-wrapper .hero-content .hero-secondary {
letter-spacing: 10px;
}
.agency2-hero .hero-content-wrapper .hero-content .btn {
margin-top: 25px;
}
.agency2-hero .hero-content-wrapper .hero-content img {
margin-bottom: 50px;
}
.app-hero .hero-text .hero-lead {
font-size: 2.5em;
letter-spacing: 5px;
}
.app-hero .hero-text p br {
display: none;
}
.app-hero .hero-text .btn-light {
margin-left: 0;
}
.app-hero .hero-text .btn {
margin-bottom: 15px;
}
.web-app-hero .hero-content-wrapper .hero-content .hero-lead {
font-size: 50px;
letter-spacing: 5px;
}
}
@media (max-width: 600px) {
.main-demo-hero .hero-content-wrapper,
.fs-video-hero .hero-content-wrapper,
.fw-video-hero .hero-content-wrapper {
padding-left: 0;
padding-right: 0;
}
.main-demo-hero .hero-content-wrapper .hero-content .hero-lead br,
.fs-video-hero .hero-content-wrapper .hero-content .hero-lead br,
.fw-video-hero .hero-content-wrapper .hero-content .hero-lead br {
display: none;
}
.main-demo-hero .hero-content-wrapper .hero-content .hero-subheading,
.fs-video-hero .hero-content-wrapper .hero-content .hero-subheading,
.fw-video-hero .hero-content-wrapper .hero-content .hero-subheading {
margin-top: 50px;
}
.main-demo-hero .hero-content-wrapper {
padding-left: 0;
padding-right: 0;
}
.main-demo-hero .hero-content-wrapper .hero-content .hero-lead {
font-size: 2.8em;
}
.fs-slider-hero .fs-slide-1 .hero-content .hero-lead,
.fs-slider-hero .fs-slide-2 .hero-content .hero-lead {
font-size: 3em;
}
.fs-slider-hero .fs-slide-1 .hero-content .hero-subheading,
.fs-slider-hero .fs-slide-2 .hero-content .hero-subheading {
margin-top: 50px;
}
.fs-slider-hero .fs-slide-3 .hero-content .hero-lead {
margin-bottom: 35px;
}
.fs-slider-hero .fs-slide-3 .hero-content .hero-subheading {
margin-top: 0;
margin-bottom: 35px;
font-size: .8em;
}
.text-slider-hero .hero-content-wrapper .hero-content .hero-lead {
font-size: 4em;
}
.animated-hero .hero-content-wrapper .hero-content .hero-lead {
font-size: 3.5em;
letter-spacing: 5px;
}
.fw-slider-hero .fw-slide-1 .hero-content-wrapper .hero-content .hero-lead,
.fw-slider-hero .fw-slide-3 .hero-content-wrapper .hero-content .hero-lead {
font-size: 3em;
letter-spacing: 5px;
}
.fw-slider-hero .fw-slide-2 .hero-content-wrapper .hero-content {
text-align: center !important;
}
.fw-slider-hero .fw-slide-2 .hero-content-wrapper .hero-content .hero-lead {
font-size: 3em;
}
.agency-hero .hero-wrapper .hero-content {
padding-left: 35px;
padding-right: 35px;
}
.agency-hero .hero-wrapper .hero-content .text-wrapper {
margin-top: 50px;
padding: 0;
}
.agency-hero .hero-wrapper .hero-content .text-wrapper p br {
display: none;
}
.app-hero .scroller {
display: none;
}
}
/*# sourceMappingURL=responsive.css.map */
/* NEOBOOKINGS */
@media (min-width: 420px) {
/* ---- Header ---- */
.navbar--navbar-container.mobile-nav .navbar-header {
margin-top: 0;
}
.navbar--navbar-container.mobile-nav .navbar-header .navbar-brand {
width: 260px;
margin-top: 2px;
}
/* ---- Neobookings mask ---- */
.neobookings-mask .neobookings-mask__neobookings-form {
margin: 0 auto;
width: 280px;
}
/* ---- Benefits ---- */
.benefit-list__slider .benefit {
}
/* ---- Promotional video ---- */
.promotional-video__title {
font-size: 1.333333333333333em;
}
/* ---- Footer ---- */
.footer-social-links ul li {
margin-right: 20px;
}
}
@media (min-width: 600px) {
/* ---- Benefits ---- */
/*.section--section-benefits ul li {
width: 33.33333333333333%;
}
.section--section-benefits ul li:nth-child(2n+1),
.section--section-benefits ul li:first-child {
clear: none;
}
.section--section-benefits ul li:nth-child(2n+1) {
border-left: 0;
}
.section--section-benefits ul li:first-child {
border-left: 2px solid #a185d6;
border-left: 2px solid rgba(161,133, 214, 0.5);
}
.section--section-benefits ul li:nth-child(4n) {
clear: both;
border-left: 2px solid #a185d6;
border-left-color: rgba(161,133, 214, 0.5);
}*/
.benefit-list__slider .benefit {
width: 33.33333333333333%;
}
/* ---- Facilities ---- */
.portfolio-columns-fw .col-xs-6.portfolio-item {
width: 50%;
}
/* ---- Footer ---- */
.contact-1 .contact-wrapper .contact-info-wrapper {
padding: 0 60px;
}
.form-control {
font-size: 1em;
line-height: 1.666666666666667em;
height: 38px;
}
.contact-info-wrapper input[type="submit"] {
min-width: 160px;
}
/* --------------------------------------------------
5.0 Clubbing
-------------------------------------------------- */
.section--subsection-clubbing-list .clubbing-list__item .item__img-wrapper {
height: 390px;
}
.clubbing-list__item .item__img-wrapper img {
position: relative;
top: 50%;
display: inline-block;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.section--subsection-clubbing-list .clubbing-list__item .ft-content-wrapper {
padding: 35px 5% 30px 30px;
}
}
/* special break */
@media (min-width: 768px) {
.neobookings-mask{
display: none;
}
/* ---- Slider ---- */
.fs-slider-hero,
.fw-slider-hero {
visibility: visible;
height: 100%;
overflow: visible;
}
.fs-slider-hero > .slick-slider,
.fw-slider-hero > .slick-slider {
display: block;
}
.fs-slider-hero > .hero-content-wrapper,
.fw-slider-hero > .hero-content-wrapper {
display: table;
}
.fs-slider-hero > .scroller,
.fw-slider-hero > .scroller {
display: inline-block;
}
/* ---- Neobookings mask ---- */
.neobookings-mask {
position: relative;
margin-top: -42px;
padding-top: 0;
bottom: 95px;
background-color: transparent;
padding-bottom: 0;
}
.neobookings-mask .neobookings-mask__neobookings-form {
margin: 0 80px;
width: auto;
}
.neobookings-mask.no-scroll-down {
bottom: 50px;
}
.neobookings-form__input {
width: 26.333333333333333%;
display: inline-block;
vertical-align: middle;
margin-right: 1%;
margin-bottom: 0;
}
.neobookings-form__input.input--special-input {
width: 18%;
margin-right: 0;
}
.neobookings-form__input input[type="submit"] {
padding-left: 2px;
padding-right: 2px;
}
/*.input__label .label__label-text,
.neobookings-form__input .label__label-text {
display: none;
}
.neobookings-form__input .label--date i {
margin-top: -0.5333333333333333em;
}*/
/* ---- Benefits ---- */
.benefit-list__slider {
width: 100%;
margin: 0;
position: relative;
height: auto;
}
/* --------------------------------------------------
6.0 Contact & Location
-------------------------------------------------- */
.ft-tabs--container-distances .tabs-list li a .tab-icon {
display: none;
}
.ft-tabs--container-distances .tabs-list li a .tab-group .tab-heading {
font-size: 1.066666666666667em;
line-height: 1em;
}
.ft-tabs--container-distances .tabs-list li a .tab-group .tab-info {
font-size: 0.8666666666666667em;
line-height: 1.666666666666667em;
}
.ft-tabs--container-distances .tab-content .tab-content-text {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 100px;
}
}
@media (min-width: 992px) {
.facility-item > figure {
top: 50%;
transform: translateY(-50%);
}
.facility-item{
/*display: table;*/
margin-bottom: 0;
height: 320px;
overflow: hidden;
display: flex;
}
.facility-item:nth-child(odd){
}
.facilities-block .facility-item > figure{
width: 65% !important;
/*display: table-cell !important;*/
float: left !important;
top: 50%;
transform: translateY(-50%);
}
.facility-item:nth-child(2n+1) > figure{order: 1;float: left !important; }
.facility-item:nth-child(2n+1) > .description{order: 2; float: right !important; }
.facility-item:nth-child(2n) > figure{order: 2;float: right !important;}
.facility-item:nth-child(2n) > .description{order: 1;float: left !important;}
.facility-item > .description{
width: calc(35% - 5px);
/*display: table-cell;*/
float: right;
vertical-align: middle;
padding: 40px 60px;
background: rgba(12, 67, 98, .7);
height: 100%;
}
.ie9 .facility-item > .description{
}
}
@media (min-width: 770px) {
/* ---- Subsections ---- */
.section--subsection {
padding-top: 0;
padding-bottom: 90px;
}
/* ---- slider ---- */
.hero-content .hero-lead,
.fw-slider-hero .hero-content .hero-lead {
line-height: 1em;
margin-bottom: 15px;
}
.hero-content .hero-subheading {
font-size: 2.666666666666667em;
line-height: 1em;
}
.hero-content .hero__caption--hero-regular-text {
font-size: 0.9333333333333333em;
line-height: 1em;
}
.hero__caption--hero-regular-text span {
display: inline-block;
width: 71px;
font-size: 0.8571428571428571em;
line-height: 5.916666666666667em;
margin: 0;
}
.hero__caption--hero-regular-text span i{
padding: 0 8px;
line-height: 1.307692307692308em;
}
/* ---- Benefits ---- */
/*.section--section-benefits ul li {
width: 20%;
}
.section--section-benefits ul li:nth-child(4n) {
clear: none;
border-left: 0;
}*/
.benefit-list__slider .benefit {
width: 20%;
}
/* ---- Main description ---- */
.collapse-group--moreinfo {
padding-bottom: 0;
}
/* ---- Footer ---- */
.contact-1 .contact-wrapper .contact-info-wrapper {
}
.contact-info-wrapper form {
padding: 45px 50px;
}
.contact-info-wrapper input[type="submit"] {
min-width: 150px;
}
textarea.form-control {
height: 60px;
max-height: 60px;
}
.contact-form__container-send.pull-right {
float: right!important;
text-align: right;
}
.show-map-link.pull-left {
float: left!important;
text-align: left;
}
}
@media (min-width: 992px) {
/* ---- slider ---- */
.hero-content .hero-lead {
}
.hero-content .hero-subheading{
font-size: 4.333333333333333em;
line-height: 1em;
}
.hero-content .hero__caption--hero-regular-text {
font-size: 1.2em;
line-height: 1em;
}
.hero__caption--hero-regular-text span {
width: 71px;
font-size: 0.7222222222222222em;
line-height: 5.461538461538462em;
}
.hero__caption--hero-regular-text span i{
padding: 0 4px;
line-height: 1.307692307692308em;
}
.fw-slider-hero .hero-content .hero-lead {
/*font-size: 4.333333333333333em;*/
font-size: 3em;
line-height: 1em;
margin-top: 30px;
margin-bottom: 20px;
}
/* ---- Benefits ---- */
/*.section--section-benefits .section-benefits__benefit-list ul {
margin: 0 105px;
}
.ft-boxed-hover ul li .ft-icon {
font-size: 3.733333333333333em;
}*/
.section--section-benefits .section-benefits__benefit-list .benefit-list__slider {
/*padding: 0 105px;*/
}
/* ---- Neobookings mask ---- */
.neobookings-mask .neobookings-mask__neobookings-form {
margin: 0 150px;
}
/* ---- Footer ---- */
.contact-1 .contact-wrapper .contact-info-wrapper {
}
.contact-info-wrapper form {
padding: 30px 20px;
}
.contact-info-wrapper input[type="submit"] {
min-width: 150px;
}
textarea.form-control {
height: 122px;
max-height: 122px;
}
/* --------------------------------------------------
1.0 Home
-------------------------------------------------- */
/* rooms */
.portfolio-1col-boxed .portfolio-item {
height: 380px;
}
.portfolio-1col-boxed .portfolio-item .img-wrapper,
.portfolio-1col-fw .portfolio-item .img-wrapper {
position: relative;
top: 0;
}
.portfolio-1col-boxed .portfolio-item .pull-left,
.portfolio-1col-fw .portfolio-item .pull-left {
float: left!important;
}
.portfolio-1col-boxed .portfolio-item .pull-right,
.portfolio-1col-fw .portfolio-item .pull-right {
float: right!important;
}
.portfolio-1col-boxed .portfolio-item .figcaption {
padding: 30px 45px;
}
/* Related home sections */
.portfolio-masonry-3 .grid-sizer,
.portfolio-masonry-3 .p-item {
width: 30.1%;
}
.col-md-6.no-gap.img-wrapper.pull-right.room-item-skew-content {
height: 100%;
}
.col-md-6.no-gap.img-wrapper.room-item-skew-content {
height: 100%;
}
.col-md-6.no-gap.room-item-skew.figcaption.room__detail {
padding: 50px 100px 30px 90px;
}
.col-md-6.no-gap.room-item-skew.figcaption.pull-left.room__detail {
padding: 50px 120px 30px 75px;
}
.room-list__room .room__description {
max-height: 190px !important;
}
ul.single-img-slider.slick-initialized.slick-slider.slick-dotted {
height: 100%;
}
.slick-list {
overflow: hidden;
margin: 0;
height: 100%;
padding: 0;
}
.single-img-slider {
padding: 0;
margin: 0;
list-style: none;
height: 100%;
}
.slick-track {
top: 0;
left: 0;
height: 100%;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.portfolio-1col-boxed .portfolio-item .img-wrapper img, .portfolio-1col-fw .portfolio-item .img-wrapper img {
display: inline-block;
max-width: 100%;
width: 100%;
height: auto;
top: 50%;
position: relative;
transform: translateY(-50%);
}
/* --------------------------------------------------
2.0 Rooms
-------------------------------------------------- */
.portfolio-1col-fw .portfolio-item {
height: 380px;
}
.portfolio-1col-fw .portfolio-item .figcaption {
padding: 5px 25px;
}
/* --------------------------------------------------
5.0 Clubbing
-------------------------------------------------- */
.section--subsection-clubbing-list .clubbing-list__item {
overflow: hidden;
height: 320px;
}
.clubbing-list__item .item__img-wrapper {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.section--subsection-clubbing-list .clubbing-list__item .ft-content-wrapper {
padding: 25px 5%;
height: 100%;
}
.section--subsection-clubbing-list .clubbing-list__item .ft-content-wrapper .item__description {
max-height: 150px;
overflow: auto;
}
.section--subsection-clubbing-list .clubbing-list__item .ft-content-wrapper p {
margin-bottom: 10px;
}
.section--subsection-clubbing-list .clubbing-list__item .ft-content-wrapper--inner {
display: inline-block;
vertical-align: middle;
}
.section--subsection-clubbing-list .clubbing-list__item .ft-content-wrapper::before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
width: 0;
}
.clubbing-list__item .item__title {
margin-top: 0;
}
.section--subsection-clubbing-list .clubbing-list__item .item__img-wrapper {
/*height: auto;*/
height: 100%;
}
.section--subsection-clubbing-list .clubbing-list__item .item__img-wrapper img {
position: relative;
top: 50%;
display: inline-block;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.clubbing-list__item .item__img-wrapper img {
position: static;
top: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.clubbing-list__item ul.slick-dots {
position: absolute;
bottom: 20px !important;
width: 100%;
text-align: center;
}
}
@media (min-width: 1200px) {
/* COMMON */
}
@media (min-width: 1260px) {
/* ---- Columns ---- */
.show-in-columns {
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
/*height: 148px;*/
text-align: justify;
}
.show-no-columns {
height: auto;
}
/* ---- header ---- */
.navbar-right .dropdown-menu {
right: auto;
}
/* ---- Neobookings mask ---- */
.neobookings-form__input input[type="submit"] {
padding-left: 38px;
padding-right: 38px;
}
/* ---- Rooms ---- */
.portfolio-1col-boxed .portfolio-item {
height: 440px;
}
.portfolio-1col-boxed .portfolio-item .figcaption {
padding: 50px 120px;
}
/* ---- Relax zones ---- */
#counters.slick-slider {
margin-left: 36px;
margin-right: 36px;
}
/* ---- Footer ---- */
.contact-1 .contact-wrapper .contact-info-wrapper {
padding: 0 60px;
}
.contact-info-wrapper form {
// padding: 75px 103px;
padding: 50px;
}
.contact-info-wrapper input[type="submit"] {
min-width: 210px;
}
/* --------------------------------------------------
1.0 Home
-------------------------------------------------- */
/* Related home sections */
.portfolio-masonry-3 .grid-sizer,
.portfolio-masonry-3 .p-item {
width: 30.7%;
}
/* --------------------------------------------------
2.0 Rooms
-------------------------------------------------- */
.portfolio-1col-fw .portfolio-item {
height: 440px;
}
.portfolio-1col-fw .portfolio-item .figcaption {
padding: 0 100px 0 70px;
}
/* --------------------------------------------------
5.0 Clubbing
-------------------------------------------------- */
.section--subsection-clubbing-list .clubbing-list__item {
overflow: hidden;
height: 320px;
}
.section--subsection-clubbing-list .clubbing-list__item .ft-content-wrapper p {
margin-bottom: 40px;
}
.section--subsection-clubbing-list .clubbing-list__item .ft-content-wrapper .item__description {
max-height: none;
overflow: auto;
}
/* --------------------------------------------------
6.0 Contact & Location
-------------------------------------------------- */
.ft-tabs--container-distances .tabs-list li a .tab-icon {
display: inline-block;
}
.ft-tabs--container-distances .tabs-list li a .tab-group {
max-width: 265px;
}
}
@media (min-width: 1440px) {
/* ---- Sprite ---- */
.icon--hgi.icon--icon-tab-default {
background-position: 20px -415px;
}
.icon--hgi.icon--icon-usuhaia-v2 {
background-position: -219px -197px;
}
.icon--hgi.icon--icon-fly {
background-position: -221px -282px;
}
.icon--hgi.icon--icon-mark-map {
background-position: -219px -363px;
}
.icon--hgi.icon--icon-rocks {
/*background-position: -151px -422px;*/
}
/* --------------------------------------------------
5.0 Clubbing
-------------------------------------------------- */
.section--subsection-clubbing-list .clubbing-list__item {
overflow: hidden;
height: 380px;
}
/* --------------------------------------------------
6.0 Contact & Location
-------------------------------------------------- */
.ft-tabs--container-distances .tabs-list li a .tab-group {
max-width: 265px;
}
.ft-tabs--container-distances .tabs-list li a .tab-icon {
width: 90px;
height: 90px;
}
/* --------------------------------------------------
Rooms
-------------------------------------------------- */
.col-md-6.no-gap.img-wrapper.pull-right.room-item-skew-content {
height: 100%;
}
.col-md-6.no-gap.img-wrapper.room-item-skew-content {
height: 100%;
}
.col-md-6.no-gap.room-item-skew.figcaption.room__detail {
padding: 50px 120px 30px 120px;
}
.col-md-6.no-gap.room-item-skew.figcaption.pull-left.room__detail {
padding: 50px 120px 30px 120px;
}
.room-list__room .room__description {
max-height: 150px !important;
}
}
@media (min-width: 1680px) {
/* --------------------------------------------------
5.0 clubbing
-------------------------------------------------- */
.section--subsection-clubbing-list .clubbing-list__item {
overflow: hidden;
height: 450px;
}
.section--subsection-clubbing-list .clubbing-list__item .ft-content-wrapper {
padding-right: 13%;
padding-left: 120px;
padding-top: 0;
padding-bottom: 0;
}
/* --------------------------------------------------
6.0 Contact & Location
-------------------------------------------------- */
.ft-tabs--container-distances .tabs-list li a .tab-group {
max-width: 350px;
}
.ft-tabs--container-distances .tabs-list li a .tab-group .tab-heading {
font-size: 1.2em;
line-height: 1em;
}
.ft-tabs--container-distances .tabs-list li a .tab-group .tab-info {
font-size: 1em;
line-height: 1.666666666666667em;
}
}
@media (max-width:350px){
.navbar--navbar-container.mobile-nav .navbar-header .navbar-brand{
width: 140px;
}
}
@media (max-width:1100px){
.cta-newsletter__title,
.cta-newsletter .cta-wrapper input[type=email],
.cta-newsletter .cta-wrapper .btn{
display: block;
margin: 0 auto;
}
.cta-newsletter .cta-wrapper input[type=email]{
margin-top: 15px;
margin-bottom: 15px;
}
form#newsletter-form .errormessage {position: relative;left: 0;right: 0;bottom: 0;margin: 10px 0 0 0;}
}
@media only screen and (min-width: 992px) {
.portfolio-1col-boxed .portfolio-item .img-wrapper, .portfolio-1col-fw .portfolio-item .img-wrapper {
position: relative;
}
.room-item-skew{
/* display: table;
width: 108%;
margin-left: -70px;*/
}
.room-item-skew > div{
display: block !important;
height: auto;
float: none !important;
vertical-align: middle;
position: relative;
top: 50%;
}
.portfolio-1col-boxed .room-list > .portfolio-item.room-list__room:nth-child(odd) .img-wrapper .room-item-skew{
margin-left: 0;
margin-right: -70px;
}
.room-item-skew,
.portfolio-1col-boxed .room-list > .portfolio-item.room-list__room:nth-child(even) .room-item-skew,
.portfolio-1col-boxed .room-list > .portfolio-item.room-list__room:nth-child(even) .room-item-skew {
overflow: hidden;
-ms-transform: skew(-10deg, 0deg);
-webkit-transform: skew(-10deg, 0deg);
transform: skew(-10deg, 0deg);
border-right: 5px solid #FFFFFF;
}
.room-item-skew > .room-item-skew-content,
.portfolio-1col-boxed .room-list > .portfolio-item.room-list__room:nth-child(even).room-item-skew > .room-item-skew-content,
.portfolio-1col-boxed .room-list > .portfolio-item.room-list__room:nth-child(even) .room-item-skew > .room-item-skew-content {
-ms-transform: skew(10deg, 0deg) translateY(-50%) !important;
-webkit-transform: skew(10deg, 0deg) translateY(-50%) !important;
transform: skew(10deg, 0deg) translateY(-50%) !important;
}
.portfolio-1col-boxed .room-list > .portfolio-item.room-list__room:nth-child(odd).room-item-skew,
.portfolio-1col-boxed .room-list > .portfolio-item.room-list__room:nth-child(odd) .room-item-skew {
overflow: hidden;
-ms-transform: skew(10deg, 0deg);
-webkit-transform: skew(10deg, 0deg);
transform: skew(10deg, 0deg);
border-left: 0 solid #FFFFFF;
}
.portfolio-1col-boxed .room-list > .portfolio-item.room-list__room:nth-child(odd).room-item-skew > .room-item-skew-content,
.portfolio-1col-boxed .room-list > .portfolio-item.room-list__room:nth-child(odd) .room-item-skew > .room-item-skew-content {
-ms-transform: skew(-10deg, 0deg) translateY(-50%) !important;
-webkit-transform: skew(-10deg, 0deg) translateY(-50%) !important;
transform: skew(-10deg, 0deg) translateY(-50%) !important;
}
body.rooms .room-list > .portfolio-item.room-list__room > div:first-child{
}
body.rooms .room-list > .portfolio-item.room-list__room .pull-right .room-item-skew{
margin-left: 64px;
margin-right: -80px;
-ms-transform: skew(10deg, 0deg);
-webkit-transform: skew(10deg, 0deg);
transform: skew(10deg, 0deg);
}
body.rooms .room-list > .portfolio-item.room-list__room .pull-right .room-item-skew > .room-item-skew-content{
-ms-transform: skew(-10deg, 0deg) !important;
-webkit-transform: skew(-10deg, 0deg) !important;
transform: skew(-10deg, 0deg) !important;
}
body.rooms .room-list > .portfolio-item.room-list__room .room-item-skew{
margin-left: -64px;
margin-right: 64px;
}
body.rooms .room-list > .portfolio-item.room-list__room .room-item-skew > .room-item-skew-content{
margin-right: -64px;
}
body.rooms .room-list > .portfolio-item.room-list__room .pull-right .room-item-skew > .room-item-skew-content{
margin-left: -80px;
}
body.rooms .room-list > .portfolio-item.room-list__room .room-item-skew > .room-item-skew-content img{
/*transform: none;*/
}
.room-list__room .single-img-slider .slick-dots{
top: 90%;
bottom: initial !important;
}
.room-item-skew > .room-item-skew-content img {
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
}
@media (max-width: 992px) {
footer .main-footer .footer-logo {
text-align: center;
}
footer .main-footer .footer-logo img {
max-width: 125px;
margin: 30px auto;
text-align: center;
}
footer .main-footer .footer-cols .footer-contact {
margin-bottom: 20px;
}
footer .main-footer .footer-cols .footer-title {
margin-bottom: 0;
}
}
@media (max-width: 770px) {
.section--logo-bg {
padding-top: 100px;
}
.benefit-list__slider .benefit,
.benefit-list__slider{
height: auto;
}
.related-block .box2 {
padding: 40px 35px;
}
.related-block .box2 > ul {
padding: 0;
margin: 0;
}
.related-block .box2 > ul > li {
width: 50%;
float: none;
text-align: left;
}
.benefits-mobile{
display: none;
margin-top: 7px;
}
.benefits-mobile .benefits-block{
display: block;
position: relative;
background: #D6AD52;
z-index: 0;
}
.slick-prev, .slick-next{
color: #FFFFFF;
}
button.slick-next.slick-arrow {
margin: 0;
bottom: 15px !important;
top: unset;
right: 0%;
transform: translateX(120%);
}
button.slick-prev.slick-arrow {
margin: 0;
bottom: 15px !important;
top: unset;
left: 0%;
transform: translateX(-120%);
}
.awards button.slick-prev.slick-arrow,
.awards button.slick-next.slick-arrow {
display: none !important;
}
.benefit-list__slider .slick-next {
right: 0;
}
.benefit-list__slider .slick-prev {
left: 0;
}
.map-extra-info{
position: relative;
}
.contact-1 .contact-wrapper > div:first-child:hover > .map-extra-info {
opacity: 1;
}
.map-extra-info .extra-info-item:nth-child(1), .map-extra-info .extra-info-item:nth-child(2) {
margin-bottom: 0;
height: 0;
}
.map-extra-info .extra-info-item {
margin: 40px 0;
}
.play-btn.popup-video{
width: auto;
padding: 40px 30px;
}
/* slider responsivo */
.neobookings-mask {
position: absolute;
padding-top: 50px;
background-color: transparent;
padding-bottom: 20px;
top: 85px;
width: calc(100% - 70px);
left: 0;
right: 0;
margin: 0 auto;
}
.fs-slider-hero > *, .fs-slider-hero .hero-content-wrapper, .fw-slider-hero > *, .fw-slider-hero .hero-content-wrapper{
display: block !important;
}
.fs-slider-item.slick-slide .slick-track {
width: 100% !important;
}
.fs-slider-hero, .fs-slider-hero .fs-slider .fs-slider-item,
.fw-slider-hero, .fw-slider-hero .fw-slider .fw-slider-item {
position: relative;
width: 100%;
height: 100vh;
visibility: visible;
}
/*.fs-slider-hero .slider-booking-mask,
.fw-slider-hero .slider-booking-mask {
display: none !important;
}*/
form#newsletter-form .errormessage {position: relative;left: 0;right: 0;bottom: 0;margin: 10px 0 0 0;}
.linkfooter .subir{order: 1;}
.linkfooter .gestionar{order: 2;}
.linkfooter .neobookings{order: 3;}
}
@media (max-width: 480px) {
.section--promotional-video {
height: 300px;
background-image: url(../images/default/parallax/parallax_02_mobile.jpg);
background-position: center center;
background-attachment: fixed;
}
.video-bg-section .video-sec-content {background-color: rgba(0,0,0, 0.2);padding-top: 0;position: relative;}
.play-btn.popup-video {width: auto;padding: 40px 20px;position: absolute;top: 50%;transform: translateY(-50%);height: auto;width: 90%;left: 5%; }
.play-btn.popup-video > span {font-size: 25px; }
form#newsletter-form .errormessage {position: relative;left: 0;right: 0;bottom: 0;margin: 10px 0 0 0;}
.map-extra-info .col-xs-offset-3 { margin-left: 0%;}
.map-extra-info .col-xs-9 {width: 100%;}
.linkfooter{display: flex; flex-direction: column;}
.linkfooter .subir{order: 1;}
.linkfooter .gestionar{order: 2;}
.linkfooter .neobookings{order: 3;}
}
/* RESPONSIVE LGH */
.navbar--navbar-container.mobile-nav .navbar-header .navbar-brand {
width: 85px;
margin-top: 3px;
padding: 11px 0px;
}
@media only screen and (min-width: 180px) and (max-width: 1024px) {
.fs-slider-hero .hero-content-wrapper .hero-content { display: block !important; }
/* .hero-content .hero-lead span { display: none !important;}*/
#benefits {display: none !important;}
.accordion.smk_accordion { display: none !important;}
/*.hero-content .hero-lead { display: none !important;}*/
/* Mascara movile ------------------------------------- */
/*.desktop.slider-booking-mask { top: 50%; transform: translateY(-50%); display: block !important;}*/
.desktop.slider-booking-mask .booking-mask.in { width: 93%;}
.desktop.slider-booking-mask .booking-mask .content .left-side {background: rgba(47, 45, 46, 0);}
.desktop.slider-booking-mask .booking-mask .content .left-side .label-calendar.label-logo {display: none;}
.desktop.slider-booking-mask .header { font-size: 15px; margin-bottom: 15px; padding: 15px;}
.desktop.slider-booking-mask .booking-mask .content .left-side .label-calendar {width: 97%;background: rgba(47, 45, 46, 0.7);height: 55px;padding: 0;margin: 1%;border: 2px solid rgba(214, 173, 82, 0.7) !important;}
.desktop.slider-booking-mask .booking-mask .content .left-side .label-calendar.label-arrival,
.desktop.slider-booking-mask .booking-mask .content .left-side .label-calendar.label-departure,
.desktop.slider-booking-mask .booking-mask .content .left-side .label-calendar.label-adults { width: calc(94% / 3);padding: 0;margin: 1%;border: 2px solid rgba(214, 173, 82, 0.7) !important;}
.desktop.slider-booking-mask .booking-mask .content .left-side .label-calendar .day {font-size: 24px; line-height: 20px; display: block; margin: 0;}
.desktop.slider-booking-mask .booking-mask .content .left-side .label-calendar .month {font-size: 10px;margin: 0;line-height: 17px; display: block;}
.desktop.slider-booking-mask .booking-mask .content .left-side .label-calendar.label-adults { background: rgba(47, 45, 46, 0.7) !important;}
.desktop.slider-booking-mask .booking-mask .content .left-side .label-calendar.label-adults .day{ left: 0 !important;}
.desktop.slider-booking-mask .booking-mask .content .left-side .label-calendar .day #adults_tiles {max-width: 45px; height: 20px;}
.desktop.slider-booking-mask .booking-mask .content .left-side .label-calendar.label-adults .month{ left: 0 !important;}
.desktop.slider-booking-mask .booking-mask .content .left-side .label-calendar.label-promocode {background: rgba(216, 180, 106, 0.7) !important; height: 35px !important;}
.desktop.slider-booking-mask .booking-mask .content .left-side .label-calendar.neobookings-form__input {width: 97%;padding: 0;height: auto;margin: 0;border: 0px solid !important;}
.desktop.slider-booking-mask .booking-mask .content .left-side .label-calendar.label-adults .min { right: 4px;top: 40%;}
.desktop.slider-booking-mask .booking-mask .content .left-side .label-calendar.label-adults .plus { right: 4px; top: -5px;}
.desktop.slider-booking-mask .booking-mask .content .left-side .label-calendar.label-adults i:before{font-size: 12px;}
.desktop.slider-booking-mask .booking-mask .content .neobookings-form__input .boton { width: 100%;height: 50px;}
/* Datapicker full screen ----------------------------------- */
.ui-widget-content {
position: fixed!important;
width: 100vw;
height: 100vh;
left: 0!important;
top: 0!important;
z-index: 9999!important;
padding: 15vh 10vw;
}
/* Menu responsive ----------------------------------- */
.navbar--navbar-container .navbar-collapse .navbar-nav li:after { display: none;}
/* Block ofertas ----------------------------------- */
#kenburns_061 {overflow: unset !important;}
#kenburns_061 .carousel-inner { overflow: unset;}
#kenburns_061 > .carousel-inner > .item > img, #kenburns_061 > .carousel-inner > .item > a > img { width: 100%;}
#kenburns_061 .kenburns_061_slide_right {right: 0;left: auto;margin: 0 auto;position: relative;}
#kenburns_061 .event-content .title {font-size: 14px; line-height: 18px; display: inline-block;}
#kenburns_061 .event-content .desc { font-size: 15px; line-height: 22px; max-height: 300px;}
#kenburns_061 .event-content .discount {width: 133px;height: 107px;bottom: -82px;right: 82px;font-size: 15px;line-height: 21px;}
#kenburns_061 .event-content .discount i { top: -2px;}
.event-content {
width: auto;
padding: 25px 35px 25px;
}
.event-content .next {top: 50%;right: 10px;transform: translateY(-50%);}
.event-content .prev {
top: 50%;
left: -15px;
transform: translateY(-50%);
}
.sec-heading .pluma-right:before{ display: none;}
.sec-heading .pluma-left:before{ display: none;}
.sec-heading .subheading span {border-top: 0px solid #D6AD52;border-left: 0px solid #D6AD52;border-right: 0px solid #D6AD52;}
.flexgrid { display: block; height: auto;}
.flexgrid .outer-col-1 {flex: none;}
.flexgrid .outer-col-2 {display: block;flex: none;}
.flexgrid .outer-col-1 .link-big-block span {
position: relative;
top: 0;
left: 0;
display: block;
transform: none;
height: auto;
width: 100%;
font-size: 16px;
}
.flexgrid .outer-col-1 .link-big-block span b {
margin: 0 0 0 10px;
font-weight: 400;
}
.flexgrid header {
height: 25vh;
overflow: hidden;
position: relative;
padding: 0 !important;
margin: 1em 0 1em;
}
.flexgrid header .subtitle {
font-weight: 400;
font-size: 16px;
padding: 0 10px;
line-height: 22px;
}
.flexgrid .inner-row {
padding: 0 !important;
}
}
@media only screen and (max-width: 767px) {
.hero-content .hero-lead { display: none !important;}
}
@media only screen and (min-width: 993px) and (max-width: 1024px){}
@media only screen and (min-width: 1025px) and (max-width: 1200px){}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {}