/* |-------------------------------------------------------------------------- | Indice de secciones aplicadas a esta hoja de estilo |-------------------------------------------------------------------------- | - Estilos para elementos | - Elementos con cambios de fuente | - NavBar | - Estilos para formularios y sus elementos | - Estilos para contenidos del visual composer | - Estilos para Carouseles |-------------------------------------------------------------------------- */ @import url('https://fonts.googleapis.com/css?family=Abril+Fatface'); @import url('https://fonts.googleapis.com/css?family=Roboto:100,400,700'); @font-face { font-family: 'parisienneregular'; src: url('../../fonts/parisienne/parisienne-regular-webfont.woff2') format('woff2'), url('../../fonts/parisienne/parisienne-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } html, body{overflow-y: auto !important; height: auto !important} body p{font-family: 'Roboto', sans-serif; font-weight: lighter; letter-spacing: 0.1em;} .overflowVisible{overflow: visible !important;} .lateralLine::after{z-index: 2} .imgHover .vc_column-inner{position: relative; overflow: hidden;} .imgHover .vc_column-inner::after{content:url('/wp-content/uploads/2019/01/germaine-logo.png'); position: absolute; right: -15%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2;} .reveal-mask{z-index: 999; position: absolute; height: 100%; width: 100%;-webkit-transition: all 1500ms cubic-bezier(.190,1.000,.220,1.000);transition: all 1500ms cubic-bezier(.190,1.000,.220,1.000)} /*BLOCK REVEAL TO LEFT*/ .block-reveal--left .reveal-mask{left: 0; top: 0;} .block-reveal--left.animate .reveal-mask, .block-reveal--left .vc_column-inner.animate .reveal-mask{width: 0%; left: 0} /*BLOCK REVEAL TO RIGHT*/ .block-reveal--right .reveal-mask{right: 0; top: 0;} .block-reveal--right.animate .reveal-mask, .block-reveal--right .vc_column-inner.animate .reveal-mask{width: 0%;} /*BLOCK REVEAL TO CENTER*/ .block-reveal--center .reveal-mask{top: 0;} .block-reveal--center.animate .reveal-mask, .block-reveal--center .vc_column-inner.animate .reveal-mask{width: 0%;} /*BLOCK REVEAL TO top*/ .block-reveal--top .reveal-mask{top: 0;} .block-reveal--top.animate .reveal-mask, .block-reveal--top .vc_column-inner.animate .reveal-mask{height: 0%;} /*BLOCK REVEAL TO bottom*/ .block-reveal--bottom .reveal-mask{bottom: 0;} .block-reveal--bottom.animate .reveal-mask, .block-reveal--bottom .vc_column-inner.animate .reveal-mask{height: 0%;} /*BLOCK REVEAL TO expand*/ .block-reveal--expand .reveal-mask{bottom: 0;left: 0; background-color: transparent !important; -webkit-box-shadow: inset 0 0 0 100vw currentColor; box-shadow: inset 0 0 0 100vw currentColor} .block-reveal--expand.animate .reveal-mask, .block-reveal--expand .vc_column-inner.animate .reveal-mask{ -webkit-box-shadow: inset 0 0 0 0vw currentColor; box-shadow: inset 0 0 0 0vw currentColor} /*BLOCK REVEAL TO circle*/ .block-reveal--circle .reveal-mask{ background-color: transparent !important; -webkit-box-shadow: inset 0 0 0 2vw; box-shadow: inset 0 0 0 2vw; border-radius: 50%; width: 50px; height: 50px; top: 50%; left: 0; right: 0; margin: 0 auto; -webkit-transform: scale(42); transform: scale(42); } .block-reveal--circle.animate .reveal-mask, .block-reveal--circle .vc_column-inner.animate .reveal-mask{ -webkit-box-shadow: inset 0 0 0 0vw currentColor; box-shadow: inset 0 0 0 0vw currentColor} .col_art-title{padding-right: 9vw !important;} .title-art{font-size: 42px;text-transform: uppercase;text-align: right; position: relative; right: 75px; line-height: 1.1} .title-art_bg{font-size: 42px;text-transform: uppercase;text-align: left; position: relative;line-height: 1.4;padding: 30px; background-color: #fff; margin-top: -30px;} .title-art_big{font-size: 150px; display: block;margin-top: 15px;} .art-artists{font-size: 18px;text-transform: uppercase;line-height: 1.5;text-align: right;letter-spacing: 4px;margin-top: 70px;} .block-line--bottom{position: relative; padding-bottom: 30px;} .block-line--bottom::after{content: ""; position: absolute; height: 2px; background-color: #bf8952; width: 165px; left: -40px; bottom: 0;} .template-art-nuevo body .block_img-art_img{max-height: 460px; max-width: 100%;} .template-art-nuevo body .block_img-art_box{position: relative;} .template-art-nuevo body .block_img-art_box .visible{margin-bottom: 0 !important;} .template-art-nuevo body .block_img-art_text{font-size: 14px; line-height: 20px; text-transform: none !important; position: absolute; top: 10vh; right: -135px; width: 170px; text-align: center !important; color: #4b4e52} .template-art-nuevo body .block_img-art_info{text-transform: uppercase; text-align: left !important; color: #4b4e52; font-size: 16px; line-height: 22px;} .block-art--left .block_img-art_box{text-align: left} .block-art--left .block_img-art{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative;} .block-art--right .block_img-art_box{text-align: right; position: relative;} .block-art--right .block_img-art{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; position: relative;} .mtop--small{margin-top: 15vh;} .mtop--big{margin-top: 25vh;} .galeriaAmpli{display: inline-block;cursor: pointer;border: 1px solid #f2f2f2;position: absolute;right: 15px;bottom: 42px;background: rgba(255,255,255,0.9);text-align: center;width: 50px;height: 50px;line-height: 48px;font-size: 23px;color: #a77541;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .textTyped.letters{ white-space: nowrap;} @-webkit-keyframes arrow_prev { 0% {-webkit-transform: none;} 20% {-webkit-transform: scale(1.5,1) translateX(180%);opacity:1;} 20.0001% {opacity:0; -webkit-transform: scale(1.5,1) translateX(-205%);} 20.0002% {opacity:1; -webkit-transform: scale(1.5,1) translateX(-205%);} 20.0003% {opacity:1; -webkit-transform: scale(1.5,1) translateX(-205%);} 40% {-webkit-transform:none} 100% {-webkit-transform:none} } @-webkit-keyframes arrow_next { 0% {-webkit-transform: none;} 20% {-webkit-transform: scale(1.5,1) translateX(-180%);opacity:1;} 20.0001% {opacity:0; -webkit-transform: scale(1.5,1) translateX(205%);} 20.0002% {opacity:1; -webkit-transform: scale(1.5,1) translateX(205%);} 20.0003% {opacity:1; -webkit-transform: scale(1.5,1) translateX(205%);} 40% {-webkit-transform:none} 100% {-webkit-transform:none} } @keyframes arrow_prev { 0% {-webkit-transform: none;transform: none;} 20% {-webkit-transform: scale(1.5,1) translateX(180%);transform: scale(1.5,1) translateX(180%);opacity:1;} 20.0001% {opacity:0; -webkit-transform: scale(1.5,1) translateX(-205%); transform: scale(1.5,1) translateX(-205%);} 20.0002% {opacity:1; -webkit-transform: scale(1.5,1) translateX(-205%); transform: scale(1.5,1) translateX(-205%);} 20.0003% {opacity:1; -webkit-transform: scale(1.5,1) translateX(-205%); transform: scale(1.5,1) translateX(-205%);} 40% {-webkit-transform:none;transform:none} 100% {-webkit-transform:none;transform:none} } @keyframes arrow_next { 0% {-webkit-transform: none;transform: none;} 20% {-webkit-transform: scale(1.5,1) translateX(-180%);transform: scale(1.5,1) translateX(-180%);opacity:1;} 20.0001% {opacity:0; -webkit-transform: scale(1.5,1) translateX(205%); transform: scale(1.5,1) translateX(205%);} 20.0002% {opacity:1; -webkit-transform: scale(1.5,1) translateX(205%); transform: scale(1.5,1) translateX(205%);} 20.0003% {opacity:1; -webkit-transform: scale(1.5,1) translateX(205%); transform: scale(1.5,1) translateX(205%);} 40% {-webkit-transform:none;transform:none} 100% {-webkit-transform:none;transform:none} } @-webkit-keyframes arrow_down { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 60% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } } @keyframes arrow_down { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 60% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } } @media only screen and (max-width: 1280px){ .block_img-art_text{right: -70px;} } @media only screen and (max-width: 1024px){ } @media only screen and (max-width:992px) { .col_art-title--main .vc_column-inner .wpb_wrapper{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;} .block_img-art{margin-bottom: 30px;} .block_img-art_box{padding: 15px;} .block-art--left .block_img-art,.block-art--right .block_img-art{-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .block_img-art_text{text-align: left !important; width: auto; right: auto; top: 0; position: relative} .mtop--small{margin-top: 0;} .mtop--big{margin-top: 0;} .galeriaAmpli{bottom: 70px; right: 30px;} div.row-art{padding: 40px 0 !important;} .col_art-title{padding-right: 0 !important;} .title-art_bg{font-size: 29px;text-transform: uppercase;text-align: left;position: relative;line-height: 1.4;padding: 15px 20px;background-color: #fff;margin-top: -30px;left: 0;} .name-artist{text-align: center !important;} .col_art-title--main{position: relative;margin-top: -50px;background: #fff !important;z-index: 9;width: 70% !important; padding: 20px;} .title-art {font-size: 25px;text-transform: uppercase;text-align: left;position: relative;right: 0;} .title-art_big {font-size: 80px;display: block;margin-top: 15px;} .art-artists {font-size: 14px;text-transform: uppercase;line-height: 1.3;text-align: left;letter-spacing: 4px;margin-top: 0;} .intFull.notImgHeader {padding-top: 0px;} } @media only screen and (max-width:768px) { .col_art-title--main{position: relative;margin-top: -50px;background: #fff !important;z-index: 9;width: 70% !important; padding: 20px;} .col_art-title--main .vc_column-inner .wpb_wrapper{display: block; } } @media only screen and (max-width:600px) { } @media only screen and (max-width:420px) { .title-art_bg{font-size: 23px;} div.row-art{padding: 20px 0 !important;} } @media (max-width:600px) and (orientation: landscape) { } /* |-------------------------------------------------------------------------- | Animación Block Reveal Revealy.js |-------------------------------------------------------------------------- */ .reveal-mask { z-index: 999; position: absolute; height: 100%; width: 100%; -webkit-transition: all 4500ms cubic-bezier(.190, 1.000, .220, 1.000); transition: all 4500ms cubic-bezier(.190, 1.000, .220, 1.000) } .bootstrap-icafh .modal.show{z-index: 999;} .bootstrap-icafh .modal-content{padding: 20px 20px 20px 20px; border-radius: 0 !important; border:1px solid #ccc !important; -webkit-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.16); -moz-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.16); box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.16); position: relative; } .bootstrap-icafh .modal-header{padding-left: 0 !important;} .bootstrap-icafh .alert-dismissible .close{font-size: 12px; } .bootstrap-icafh .modal-content .bgGrey{padding: 20px 0;} .bootstrap-icafh .form-element input{border:none; border-bottom:2px solid #333; background: #fafafa; text-indent: 10px;} .bootstrap-icafh input[type="submit"]{display: block; background:#bf8952; color:#fff; text-transform: uppercase; color:#fff; font-size: 22px; padding: 12px 20px 10px 20px; margin-top: 0px; font-family: "Montserrat"; margin-bottom: 10px; letter-spacing: 5px; border:none; width: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .bootstrap-icafh input[type="submit"]:hover{background-color:#333;} .bootstrap-icafh label{display: block;} .bootstrap-icafh label.inline{display: inline-block;} .bootstrap-icafh .modal-header .close{font-family: "Montserrat"; font-weight: normal; color:#bf8952; padding: 4px 10px !important; margin-top: 4px !important; background: #fafafa; font-size: 16px; text-transform: uppercase;} .bootstrap-icafh .form-element{position: relative;} .bootstrap-icafh select{ width: 100% !important; height: 100% !important; top: 0; left: 0; } .bootstrap-icafh .customSelect{display: block !important; width: 100% !important; padding: 5px 10px; background: #fafafa; border-bottom: 1px solid #333;} .bootstrap-icafh .customSelect span{display: block !important; width: 100% !important} /*BLOCK REVEAL TO LEFT*/ .block-reveal--left .reveal-mask { left: 0; top: 0; } .block-reveal--left.animate .reveal-mask, .block-reveal--left .vc_column-inner.animate .reveal-mask { width: 0%; left: 0 } /*BLOCK REVEAL TO RIGHT*/ .block-reveal--right .reveal-mask { right: 0; top: 0; } .block-reveal--right.animate .reveal-mask, .block-reveal--right .vc_column-inner.animate .reveal-mask { width: 0%; } /*BLOCK REVEAL TO CENTER*/ .block-reveal--center .reveal-mask { top: 0; } .block-reveal--center.animate .reveal-mask, .block-reveal--center .vc_column-inner.animate .reveal-mask { width: 0%; } /*BLOCK REVEAL TO top*/ .block-reveal--top .reveal-mask { top: 0; } .block-reveal--top.animate .reveal-mask, .block-reveal--top .vc_column-inner.animate .reveal-mask { height: 0%; } /*BLOCK REVEAL TO bottom*/ .block-reveal--bottom .reveal-mask { bottom: 0; } .block-reveal--bottom.animate .reveal-mask, .block-reveal--bottom .vc_column-inner.animate .reveal-mask { height: 0%; } /*BLOCK REVEAL TO expand*/ .block-reveal--expand .reveal-mask { bottom: 0; left: 0; background-color: transparent !important; -webkit-box-shadow: inset 0 0 0 100vw currentColor; box-shadow: inset 0 0 0 100vw currentColor } .block-reveal--expand.animate .reveal-mask, .block-reveal--expand .vc_column-inner.animate .reveal-mask { -webkit-box-shadow: inset 0 0 0 0vw currentColor; box-shadow: inset 0 0 0 0vw currentColor } /*BLOCK REVEAL TO circle*/ .block-reveal--circle{position: relative;} .block-reveal--circle .reveal-mask { background-color: transparent !important; -webkit-box-shadow: inset 0 0 0 2vw; box-shadow: inset 0 0 0 2vw; border-radius: 50%; width: 50px; height: 50px; top: 50%; left: 0; right: 0; margin: 0 auto; -webkit-transform: scale(42); transform: scale(42); } .block-reveal--circle.animate .reveal-mask, .block-reveal--circle .vc_column-inner.animate .reveal-mask { -webkit-box-shadow: inset 0 0 0 0vw currentColor; box-shadow: inset 0 0 0 0vw currentColor } /* |-------------------------------------------------------------------------- | Animacion |-------------------------------------------------------------------------- */ .animacionHop{-webkit-animation: hop 2.5s infinite;animation: hop 2.5s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; display: inline-block;} .loadingfirst { position: fixed; height: 100%; width: 100%; background-color: #fff; top: 0; left: 0; z-index: 999; transition: all 2500ms 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); } .loadingfirst.animate { height: 0; } /* |-------------------------------------------------------------------------- | BOOKING MODAL |-------------------------------------------------------------------------- */ .btn-booking-sup{background: #a77541; white-space: nowrap; position: absolute; top: 0; color: #fff;font-size: 12px;letter-spacing: 1px;font-family: Gudea, sans-serif;margin-top: 5px;margin-left: -250px;padding: 5px 12px;border: none;-webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out;transition: all 2s ease-in-out;} .btn-booking-sup.show{margin-left: 20px;} .btn-booking-sup:hover {background: #4b4e52!important} #modal-booking img{max-width: 300px; width: 100%} #modal-booking{width: 100%; position: fixed; top: 100%; left: 0; height: 100%; z-index: 999; background: #fff url(https://www.amarehotels.com/wp-content/themes/fuertehoteles/img/bgreserva.jpg.pagespeed.ce.TlyuBNODrs.jpg) no-repeat bottom center; background-size: 100% auto; padding-top: 80px;-webkit-transition: all 1500ms cubic-bezier(.190,1.000,.220,1.000) , opacity 1000ms cubic-bezier(.190,1.000,.220,1.000); transition: all 1500ms cubic-bezier(.190,1.000,.220,1.000) , opacity 1000ms cubic-bezier(.190,1.000,.220,1.000);} #modal-booking.open{top:0;} .cerrar-booking{z-index: 9999; position: relative; float: none; background: none; margin-bottom: 20px; border: 1px solid #ccc; width: 40px; height: 40px; color: #ccc; line-height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 15px; text-indent: 2px; -webkit-transition: all 1500ms cubic-bezier(.190,1.000,.220,1.000) , opacity 1000ms cubic-bezier(.190,1.000,.220,1.000); transition: all 1500ms cubic-bezier(.190,1.000,.220,1.000) , opacity 1000ms cubic-bezier(.190,1.000,.220,1.000); } .cerrar-booking:hover{ -webkit-transform: rotate(360deg); transform: rotate(360deg); border: 1px solid #bf8952; color: #bf8952; } /* |-------------------------------------------------------------------------- | COLORS |-------------------------------------------------------------------------- */ .txt-white{color: #fff !important;} .txt-gold{color: #bf8952 !important;} .txt-lounge{color: #ee907c !important;} /* |-------------------------------------------------------------------------- | TEXT FONTS |-------------------------------------------------------------------------- */ .merriweather{font-family: 'Merriweather'} .Montserrat{font-family: 'Montserrat'} .latin{font-family: 'Montserrat'} .uppercase{text-transform: uppercase !important;} .marginTop15{margin-top: 15px;} #map{height: 100%; width: 100%;} .gm-style-mtc > div{font-size: 12px !important; height: 20px !important} .gmnoprint button img{height: 12px !important; width: 12px !important;} #markerLayer img { animation: pulselocation 1.5s infinite alternate; -webkit-animation: pulselocation 1.5s infinite alternate; transform-origin: center; -webkit-transform-origin: center; } /* Animaitons */ keyframes pulselocation{ to { transform: scale(0.7); -webkit-transform: scale(0.7); } } @-webkit-keyframes pulselocation{ to { transform: scale(0.7); -webkit-transform: scale(0.7); } } .flex{display: -webkit-box;display: -ms-flexbox;display: flex;} .block{display: block} .btn{display: inline-block; padding: 5px 10px; } .btn.bgAzul{background: #4EC2EE !important} .btn.bgAzul:hover{background: #4b4e52 !important} .btn.bgColor{background: #BF9659 !important} .btn.bgColor:hover{background: #4b4e52 !important} .block{display: block;} .alignRight{text-align: right;} .color{color:#bf8952 !important} .colorWhite{color:#fff !important} .colorGrey{color:#636363 !important} .notPaddingLateral{padding-left: 0 !important; padding-right: 0 !important} .main-image{line-height: 0} .main-video{line-height: 0} .main-video img{width: 100%} .reverse{-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;} .notMarginBottom{margin-bottom: 0 !important} .relativeSup{position: relative; z-index: 2} .overflowVisible{overflow: visible !important} .overflowHidden > .vc_column-inner{overflow: hidden !important; margin-left: 15px; margin-right: 15px; padding-left: 0 !important; padding-right: 0 !important} .margin0{margin-left:0 !important; margin-right: 0 !important} .bloque{border:1px solid red;} .greyBgFullLeft:after{content:""; position: absolute; right: 100%; top: 0; width: 4333px; background: #3e4343; height: 100%} .imagenFull img{width: 100%} .imagenFull .wpb_wrapper{display: block !important;} .imagenFull .wpb_wrapper .vc_single_image-wrapper{display: block;} .bgCenter.vc_row{background-position: center !important} .bgCenterBottom.vc_row{background-position: center bottom !important} .phoneDestacado{font-size: 30px;display: block;margin: 20px 0 30px 0 !important;} .asterisco{font-size: 12px; line-height: 15px;} .intFull{overflow: hidden;} .intFull.notImgHeader{padding-top: 50px;} .intFull #primary .content_resto{padding-bottom: 0px !important; margin-bottom: 0 !important;} footer{margin-top: 0 !important} .scroll{position: relative; height: 100vh; width: 100%; overflow: hidden;} .scroll .intFull{-webkit-transition: -webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;-webkit-transition: opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;transition: opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;will-change: transform, opacity;backface-visibility: hidden;-webkit-backface-visibility: hidden;} .overflowHidden{overflow: hidden;will-change: transform;} .top_hidden img{-webkit-transform: translateY(103%);transform: translateY(103%);} .owl-carousel-eventos img{ width: 100% !important} .top_hidden .vc--subtitle, .top_hidden p, .top_hidden .vc--title{-webkit-transform: translateY(115%);transform: translateY(115%);} .top_hidden .vc--title-maxi, .top_hidden .vc--subtitle-maxi{-webkit-transform: translateY(110%);transform: translateY(110%);} .maxWidth800{max-width: 800px; margin: auto;} .marginBottom50{margin-bottom: 50px !important;} .marginBottom20{margin-bottom: 20px;} .marginBottom10{margin-bottom: 10px;} .lineBottom{padding-bottom: 20px !important; margin-bottom: 20px !important;} .lineBottomLeft{padding-bottom: 20px !important; margin-bottom: 20px !important;} .lineBottom:after{content:""; position: absolute; height: 2px; background: #bf8952; width: 80px; left: 50%; margin-left: -40px; bottom: 0;} .lineBottomLeft:after{content:""; position: absolute; height: 2px; background: #bf8952; width: 80px; left: 0%; margin-left:0px; bottom: 0;} .fondoLines{position: relative; overflow: hidden;} .fondoLines:after{content:""; display: block !important; position: absolute; border:15px solid #f6f4f1; height: 100%; width: 80%; left: 10%; top: -15px;} /* |-------------------------------------------------------------------------- | TEXT TYPED |-------------------------------------------------------------------------- */ .textTyped{opacity: 0; -webkit-transition: all 1s ease-in-out;transition: all 1s ease-in-out;} .textTyped.letters{opacity: 1;} /* |-------------------------------------------------------------------------- | ESTILOS FORMULARIOS |-------------------------------------------------------------------------- */ .wpcf7-form label {margin-top: 10px;} .wpcf7-form label > span{display: block; font-size: 10px; letter-spacing: 1px;} .wpcf7-form textarea{height: 100px; padding: 10px;} .wpcf7-form .coutrylist{display: block; background: #fff; border:1px solid #dcdcdc; height: 40px; padding: 10px;} .wpcf7-form select{height: 40px !important; margin-left: -10px; margin-left: -10px;} /* |-------------------------------------------------------------------------- | DETAIL DOWN |-------------------------------------------------------------------------- */ .detailDown:after{content:url('/wp-content/themes/fuertehoteles/img/detailmore.png') !important; z-index: 3; display: inline-block !important; width: auto !important; position: absolute; left: 50%; margin-left: -50px; height: auto !important; bottom: -6px; overflow: visible !important; visibility: visible !important} .detailDown:before{content:url('/wp-content/themes/fuertehoteles/img/arrow.png') !important; z-index: 4; display: inline-block !important; width: auto !important; position: absolute; left: 50%; margin-left: -12px; height: auto !important; bottom: 4px; overflow: visible !important; visibility: visible !important; -webkit-animation: bounceArrow 2s infinite;animation: bounceArrow 2s infinite;} .detailDownReverse:after{content:url('/wp-content/themes/fuertehoteles/img/detailmoredown.png') !important; z-index: 3; display: inline-block !important; width: auto !important; position: absolute; left: 50%; margin-left: -50px; height: auto !important; top: -2px; overflow: visible !important; visibility: visible !important} .detailDownReverse:before{content:url('/wp-content/themes/fuertehoteles/img/arrowdown.png') !important; z-index: 4; display: inline-block !important; width: auto !important; position: absolute; left: 50%; margin-left: -12px; height: auto !important; top: 4px; overflow: visible !important; visibility: visible !important; } /* |-------------------------------------------------------------------------- | TITLE PAGE |-------------------------------------------------------------------------- */ .titlePage{text-align: center; margin-top: 70px; margin-bottom: 10px;} .titlePage h1{text-align: center; margin-bottom: 0;} .titlePage p.desc{font-size: 20px;} /* |-------------------------------------------------------------------------- | Shortcode Local |-------------------------------------------------------------------------- */ .local{max-width: 1500px; margin:auto;} .local a{display: block; position: relative;line-height: 0; overflow: hidden;} .local a:after{content:""; z-index: 0; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: transparent url('/wp-content/themes/fuertehoteles/img/sombra.png') no-repeat 0 0; background-size: 100% 100%} .local a img.imagen{width: 100%; height: auto; -webkit-transition: all 0.3s ease-in-out; -webkit-transition: all 10s ease-in-out; transition: all 10s ease-in-out; } .local a:hover img.imagen{ /* IE 9 */-webkit-transform: scale(1.1); /* Safari */transform: scale(1.1);} .local a img.logo{position: absolute; top: 40px; left: 40px; max-width: 140px; z-index: 1} .local a .fraseLateral{right: 70px;height: 40px;padding: 0 1em;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);-webkit-transform-origin: 100% 0;transform-origin: 100% 0;position: absolute;color:#fff;z-index: 1;text-transform: uppercase;letter-spacing: 4px;top: 50px;font-family: 'Montserrat'; font-size: 14px;line-height: 40px; /* same as height, for vertical centering */} .local a .fraseLateral:after{content:""; position: absolute; right: 100%; height: 1px; background: #fff; width: 50px; top: 50%;} .local a span.numero{position: absolute; z-index: 1; letter-spacing: 4px; right: 40px; bottom: 40px; display: inline-block; color:#fff; font-family: 'Montserrat'; font-size: 100px; line-height: 75px;} .local a span.info{position: absolute; left: 40px; bottom: 40px; display: inline-block; z-index: 1} .local a span.info span.tipo{color:#fff;display: block; margin-bottom: 0; padding-bottom: 0;} .local a span.info span.name{color:#fff; font-size: 50px; line-height: 60px;} /* |-------------------------------------------------------------------------- | Estilos custom shortcode Video bg |-------------------------------------------------------------------------- */ .vc_imagen_video{position: relative;overflow: hidden; line-height: 0} .vc_imagen_video a{ -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; font-family:'Gudea', Arial, Tahoma, sans-serif;} .vc_imagen_video a img{width: 100%;} .vc_imagen_video a span.titulo{position: absolute; bottom: 25px; color:#fff; font-size: 14px; font-weight: 100; text-transform: uppercase; letter-spacing:3px; display: block; width: 100%; padding: 0 30px; z-index: 100; -webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0);-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; } .vc_imagen_video a{position: absolute; cursor: pointer; border:none !important; background: none !important; right: auto !important; width: auto !important; height: auto !important; line-height: 30px !important; cursor: pointer; top: 50% !important; left: 50% !important; z-index: 102 !important; opacity: 1; margin-top: -30px !important; margin-left: -20px !important; color:#fff !important; font-size: 40px !important;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .vc_imagen_video a:hover{transform: none !important; color:#a77541 !important} .vc_imagen_video a span.icon{color:#fff;} .vc_imagen_video a span.icon:after{content:""; position: absolute; height: 90px; width: 90px; left: -34px; top: -26px; border:2px solid #fff; background: rgba(255,255,255,0.3); -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; -webkit-animation: waves 2s 0.3s infinite; animation: waves 2s 0.3s infinite;} .vc_imagen_video a span.icon:before{content:""; z-index: -1; position: absolute; height: 100px; width: 100px; left: -39px; top: -31px; background: rgba(167, 117, 65,0.7); -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} @-webkit-keyframes waves { 0% { -webkit-transform: translateY(0%) scale(1); transform: translateY(0%) scale(1); opacity: 1; } 100% { -webkit-transform: translateY(0%) scale(1.5); transform: translateY(0%) scale(1.5); opacity: 0; } } @keyframes waves { 0% { -webkit-transform: translateY(0%) scale(1); transform: translateY(0%) scale(1); opacity: 1; } 100% { -webkit-transform: translateY(0%) scale(1.5); transform: translateY(0%) scale(1.5); opacity: 0; } } /* |-------------------------------------------------------------------------- | LATERAL LINE |-------------------------------------------------------------------------- */ .lateralLine{position: relative; padding-left: 30px;} .lateralLine:after{content: ""; position: absolute; left: 0px; top: 30px; height: 130%; width: 2px; background: #a77541} .lateralLine.white:after{background: #fff;} .lateralLine.sup:after{content: ""; position: absolute; left: 0px; top: -50px; height: 130%; width: 2px; background: #a77541} /* |-------------------------------------------------------------------------- | ESTILOS CAROUSEL AMARE BEACJ |-------------------------------------------------------------------------- */ .owl-carousel-amare .bgGrey{background: #f6f4f1 !important; border-bottom:5px solid #f5efe9 !important; padding: 40px 0} .owl-carousel-amare .main-image-amare{position: relative;} .owl-carousel-amare .main-image-amare a.gallery{display: inline-block; cursor: pointer; border:1px solid #f2f2f2; position: absolute; right: 15px; bottom: 15px; background: rgba(255,255,255,0.9); text-align: center; width: 50px; height: 50px; line-height: 48px; font-size: 23px; color:#a77541; -webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .owl-carousel-amare .main-image-amare .imageFull a.galeriaAmpli{left: 15px;} .owl-carousel-amare .main-image-amare a.galeriaAmpli:hover{opacity: 1; background: rgba(255,255,255,1); -webkit-transform: scale(1.2); transform: scale(1.2);} .owl-carousel-amare .logos{margin:0; padding: 0; position: absolute; bottom: 100%; margin-bottom: 0px; width: 100%; max-width: 300px} .owl-carousel-amare .logos li{display: inline-block; width: 60px; margin: 0 2%; padding: 0; margin-bottom: 10px; -webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);} .owl-carousel-amare .logos li:hover{width:80px;margin-bottom: 0px; } .owl-carousel-amare .logos li.active{width: 80px; margin-bottom: 0px;} .owl-carousel-amare .logos li a{display: block; -webkit-border-radius: 50%; line-height: 0;} .owl-carousel-amare .logos li img{width: 100%; border-radius: 50%; border:4px solid #f6f4f1; background: #f6f4f1;} /* |-------------------------------------------------------------------------- | BOTON MORE |-------------------------------------------------------------------------- */ a.more{color:#a77541; display: inline-block; z-index: 1; padding-right: 42px; margin-top: 10px; position: relative; cursor: pointer; font-size: 16px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} a.more:after{content: "\f178";font-family: "FontAwesome"; position: absolute; right: 20px; font-size: 11px; top: 50%; margin-top: 1px; line-height: 0;} a.more:before{content:""; background:#a775411a; position: absolute; margin-top: -5%; margin-left: -12%; height: 120%; width: 0; -webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);} a.more.black:before{content:""; background:rgba(0,0,0,0.3); z-index: -1; position: absolute; margin-top: -5%; margin-left: -12%; height: 120%; width: 100%; -webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);} a.more:hover:before{width: 100%;} a.more.black:hover:before{width: 0%} a.more:hover:after{-webkit-animation: bounceIbizaNueva 3s infinite;animation: bounceIbizaNueva 3s infinite;} /* |-------------------------------------------------------------------------- | IMAGE FULL |-------------------------------------------------------------------------- */ .imgFull.wpb_single_image .vc_single_image-wrapper{display: block !important} .imgFull.wpb_single_image .vc_figure{display: block !important} .imgFull.wpb_single_image img{width: 100% !important} /* |-------------------------------------------------------------------------- | Estilos modulo habitaciones |-------------------------------------------------------------------------- */ .room .room-image{position: relative; text-align: center; -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;-webkit-transition: opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;transition: opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;} .room .room-image:hover a.more{opacity: 1;} .room .room-image:hover a:before{opacity: 1;} .room .room-image:hover a span{opacity: 1;} .room .room-image a{display: -webkit-box;display: -ms-flexbox;display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;-webkit-transition: opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;transition: opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;} .room .room-image a:before{content:""; position:absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(192,137, 82, 0.5); opacity: 0; z-index: 1; -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;-webkit-transition: opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;transition: opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;} .room .room-image a.more{display: inline-block; z-index: 2; opacity: 0; position: absolute; bottom: 20px; left: 50%;margin-top: 0; padding: 5px 10px;margin-left: -100px; width: 200px; background: rgba(255,255,255,0.6); line-height: 25px; -webkit-transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;} .room .room-image a.more:hover{background: rgba(255,255,255,1);} .room .room-image a.more:after, .room .main-image a.more:before, .room .room-image a.more:before{display: none !important;} .room .room-image a img{width: 100%;} .room .room-image a span{display: inline-block; z-index: 2; opacity: 0; position: absolute; font-size: 28px; line-height: 35px; color:#fff; font-family: "Montserrat"; letter-spacing: 5px; -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;-webkit-transition: opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;transition: opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;} /* |-------------------------------------------------------------------------- | Estilos modulo eventos galeria |-------------------------------------------------------------------------- */ .room.events .room-image a span.title{text-transform: uppercase;} .room.events .room-image a:after{content:"\f03e";font: normal normal normal 20px/1 FontAwesome; position: absolute; right:10px; bottom: 10px; height: 50px; width: 50px; text-align: center; line-height: 50px; color:#bf8952; background: rgba(255,255,255,0.9); opacity:1; -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;-webkit-transition: opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;transition: opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important; z-index:99;} .room.events .room-image a:hover::after{opacity: 1;} /* |-------------------------------------------------------------------------- | Animacion imagenes |-------------------------------------------------------------------------- */ img { /* we set the opacity to 0 */ -webkit-transition: -webkit-transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transition: opacity 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: opacity 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); backface-visibility: hidden; -webkit-backface-visibility: hidden; overflow: hidden; } /* Image without 'data' attribute is (or becomes) visible */ img.lazyloaded { /* we set the opacity to 1 to do the magic */ opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } /* |-------------------------------------------------------------------------- | Elementos con cambios de fuente (aqui para mayor facilidad para cambiar) |-------------------------------------------------------------------------- */ body, body p{ font-family: 'Montserrat'; } .vc--title{ font-family: 'Montserrat'; } .vc--title--mini{ font-family: 'Montserrat'; } .vc--subtitle, .vc--subtitle2, .vc--subtitle--mini, .vc--subtitle--mini--header { font-family: 'Montserrat'; } .vc--texto1 {font-family: 'Montserrat';} .vc--texto1--mini {font-family: 'Montserrat';} .latin {font-family: 'Montserrat' !important;} .Montserrat {font-family: 'Montserrat' !important;} /* |-------------------------------------------------------------------------- | Navbar |-------------------------------------------------------------------------- */ .navBar a { border-top: 0; line-height: 30px; position: relative; display: block; } .navBar ul { border: 0; display: none; } .navBar li { border-top: 0; padding: 0; border-right: 0; } /* |-------------------------------------------------------------------------- | MENU |-------------------------------------------------------------------------- */ .header--menu:after{content:""; z-index: -1; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #fff; max-height: 0; -webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);-webkit-box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.14);box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.14);} .header--menu.scrollDown:after{max-height: 68px;} .header--menu.scrollDown .navbar-nav.der > li > a.dropdown-toggle span.line{background: #4b4e52 !important} .header--menu.scrollDown .navbar-nav li a{color: #4b4e52 !important} /* |-------------------------------------------------------------------------- | Estilos custom shortcode Video bg |-------------------------------------------------------------------------- */ .vc-video_bg a{position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; font-family:'Gudea', Arial, Tahoma, sans-serif;} .vc-video_bg a span.titulo{position: absolute; bottom: 25px; color:#fff; font-size: 14px; font-weight: 100; text-transform: uppercase; letter-spacing:3px; display: block; width: 100%; padding: 0 30px; z-index: 100; -webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0);-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; } .vc-video_bg a:hover span.titulo{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} .vc-video_bg a span.icon{position: absolute; top: 50%; left: 50%; z-index: 102; opacity: 0.3; margin-top: -20px; margin-left: -20px; color:#fff; font-size: 40px;-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .vc-video_bg a:hover span.icon{margin-top: -22px; margin-left: -22px; color:#fff; font-size: 45px; opacity: 0.8;} .vc-video_bg a:after{content:""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(74,55,83); opacity: 0.2;-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .vc-video_bg a:hover:after{opacity: 0.6; } .vc-video_bg a:before{content:""; position: absolute; left: 0; bottom: 0; height: 10px; width: 100%; background: #fff; z-index: 101; -webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0);} .vc-video_bg a:hover:before{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0); } /* |-------------------------------------------------------------------------- | Estilos custom shortcode Modal |-------------------------------------------------------------------------- */ .iziModal-header{background: #333 !important} .iziModal-header h2{font-family: "Montserrat" !important; letter-spacing: 3px; color: #ffffff; font-size: 28px; line-height: 31px;text-transform: uppercase; font-weight: normal;} .iziModal-header-subtitle{color:#a77541 !important; font-size: 14px; letter-spacing: 1.4px;font-family: 'Montserrat' !important;} .iziModal-content{padding:0 0 0px 0 !important} .iziModal-content .texto{padding-bottom: 30px !important} .iziModal-content img{width: 100%; height: auto;} .iziModal-content p{padding: 0; margin-bottom: 10px; line-height:22px; } .iziModal-content p.visible{padding: 20px 0px;} .iziModal-content h3{padding: 0px 40px 0 40px} .iziModal-content p.vc--title-mini{padding: 0px 40px 0px 40px} .modalNuevo{border-bottom: 3px solid #f5efe9 !important} .iziModal-navigate > button{opacity: 0.6} .modalNuevo .text, .template-amare_ibiza_nueva .modalNuevo .text ul {margin-bottom: 20px} .modalNuevo .text{padding: 40px !important; font-family: 'Montserrat';letter-spacing: 1px;color: #4b4e52;font-size: 14px;line-height: 26px} .modalNuevo .text ul.services {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} .modalNuevo .text ul.services li{padding: 8px 15px !important; font-family: 'Montserrat';letter-spacing: 1px;color: #4b4e52;font-size: 14px; background: #f6f4f1; margin: 0.2%; width: 48%; line-height: 20px;} .iziModal-navigate{z-index: 999 !important} .iziModal-content img{max-width: 100%;} /* |-------------------------------------------------------------------------- | Estilos custom shortcode Video bg |-------------------------------------------------------------------------- */ .vc_imagen_video{position: relative;overflow: hidden; line-height: 0} .vc_imagen_video a{ -webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; font-family:'Gudea', Arial, Tahoma, sans-serif;} .vc_imagen_video a img{width: 100%;} .vc_imagen_video a span.titulo{position: absolute; bottom: 25px; color:#fff; font-size: 14px; font-weight: 100; text-transform: uppercase; letter-spacing:3px; display: block; width: 100%; padding: 0 30px; z-index: 100; -webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0);-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; } .videoYoutube a{display: inline-block; cursor: pointer; text-transform: uppercase; font-family: "Montserrat"; position: absolute; right: 15px; bottom: 15px; line-height: normal; background: rgba(255,255,255,0.9); text-align: center; padding:7px 50px 4px 10px; font-size: 23px; color:#fff; -webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bf7215+0,c18b47+100 */ background: rgb(191,114,21); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(191,114,21,1)),to(rgba(193,139,71,1))); background: linear-gradient(to bottom, rgba(191,114,21,1) 0%,rgba(193,139,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf7215', endColorstr='#c18b47',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18); -webkit-animation: hop 2.5s infinite; animation: hop 2.5s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .videoYoutube a i{position: absolute; top:0; right: 0; height: 100%; text-align: center; padding: 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c18b47+0,bf7215+100 */ background: rgb(193,139,71); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(193,139,71,1)),to(rgba(191,114,21,1))); background: linear-gradient(to bottom, rgba(193,139,71,1) 0%,rgba(191,114,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c18b47', endColorstr='#bf7215',GradientType=0 ); /* IE6-9 */ } .videoYoutube a:hover{opacity: 1; background: #4b4e52 !important;} .videoYoutube a:hover i{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bf7215+0,c18b47+100 */ background: rgb(191,114,21); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(191,114,21,1)),to(rgba(193,139,71,1))); background: linear-gradient(to bottom, rgba(191,114,21,1) 0%,rgba(193,139,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf7215', endColorstr='#c18b47',GradientType=0 ); /* IE6-9 */ } .videoplay{display: inline-block; cursor: pointer; text-transform: uppercase; font-family: "Montserrat"; position: absolute; right: 15px; bottom: 15px; line-height: normal; background: rgba(255,255,255,0.9); text-align: center; padding:7px 50px 4px 10px; font-size: 23px; color:#fff; -webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bf7215+0,c18b47+100 */ background: rgb(191,114,21); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(191,114,21,1)),to(rgba(193,139,71,1))); background: linear-gradient(to bottom, rgba(191,114,21,1) 0%,rgba(193,139,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf7215', endColorstr='#c18b47',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18); -webkit-animation: hop 2.5s infinite; animation: hop 2.5s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .videoplay i{position: absolute; top:0; right: 0; height: 100%; text-align: center; padding: 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c18b47+0,bf7215+100 */ background: rgb(193,139,71); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(193,139,71,1)),to(rgba(191,114,21,1))); background: linear-gradient(to bottom, rgba(193,139,71,1) 0%,rgba(191,114,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c18b47', endColorstr='#bf7215',GradientType=0 ); /* IE6-9 */ } .videoplay:hover{opacity: 1; background: #4b4e52 !important;} .videoplay:hover i{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bf7215+0,c18b47+100 */ background: rgb(191,114,21); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(191,114,21,1)),to(rgba(193,139,71,1))); background: linear-gradient(to bottom, rgba(191,114,21,1) 0%,rgba(193,139,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf7215', endColorstr='#c18b47',GradientType=0 ); /* IE6-9 */ } /* |-------------------------------------------------------------------------- | Estilos para textos detalles |-------------------------------------------------------------------------- */ .textEncantaran:before{content:"Te encantarán!" !important ;position: absolute; color:#fff; font-size: 100px; bottom: 0; left: 0; font-family: 'Playfair Display', Arial, Tahoma, sans-serif;} .textHabitaciones:before{content:"Habitaciones" !important ;position: absolute; color:#fff; font-size: 100px; bottom: 0; right: 0; font-family: 'Playfair Display', Arial, Tahoma, sans-serif;} .textExclusive:before{content:"Exclusive" !important ;position: absolute; color:#fff; font-size: 100px; bottom: 0; left: 0; font-family: 'Playfair Display', Arial, Tahoma, sans-serif;} /* |-------------------------------------------------------------------------- | Estilos para formularios y sus elementos |-------------------------------------------------------------------------- */ .input--password { position: relative; width: 100%; margin-right: 3px; } .input--password i { display:none; } .input--password.show input { padding-right: 30px; } .input--password.show i { position: absolute; top: 13px; right: 11px; cursor: pointer; display: inline; } .form-control { display: block; width: 100%; height: 40px; padding: 6px 18px 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #dcdcdc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; margin-bottom: 10px; font-family: inherit; } .form-control::-moz-placeholder { color: #999999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999999; } .form-control::-webkit-input-placeholder { color: #999999; } .form-control .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; } .form-control .checkbox label input[type="checkbox"] { position: absolute; margin-left: -20px; margin: 4px 0 0; line-height: normal; left: 0; } input.form-control { padding-left: 0; } .form-group a.btn { width: auto; display: inline-block; color: #fff; font-weight: normal; padding-left: 40px; padding-right: 40px; } .form-group a.btn { padding-left: 40px !important; padding-right: 40px !important; } .form-group-multiple { display: -webkit-box; display: -ms-flexbox; display: flex; } .form-group-multiple .form-group { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-right: 15px; min-width: 120px; } .form-group-multiple .form-group:last-child { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-right: 0; } .form--inline p { margin-bottom: 10px; } .form--inline .fieldset { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .form--inline .fieldset * { margin-right: 5px; } .form--inline .fieldset *:last-child { margin-right: 0; } .form--inline .fieldset input[type="email"] { min-width: 20em; } .form--inline .btn {padding-bottom: 10px !important;} .checkbox--custom { display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .checkbox--custom label { padding-left: 25px; cursor: pointer; } .checkbox--custom input { position: absolute; opacity: 0; cursor: pointer; } .checkbox--custom .checkmark { position: absolute; top: 0; left: 0; height: 18px; width: 18px; background-color: #eee; outline: 1px solid #ccc; } .checkbox--custom:hover input ~ .checkmark { background-color: #ccc; } .checkbox--custom input:checked ~ .checkmark { background-color: #72B431; } .checkbox--custom:hover input:checked ~ .checkmark { background-color: #4da900; } .checkbox--custom .checkmark:after { content: ''; position: absolute; display: none; } .checkbox--custom input:checked ~ .checkmark:after { display: block; } .checkbox--custom .checkmark:after { left: 7px; top: 3px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .form-group .chosen-container-single .chosen-single { height: 40px; background: none; border-radius: unset; border: 1px solid #dcdcdc; box-shadow: none; -webkit-box-shadow: none; } .form-group .chosen-container .chosen-results li:before { display: none; } .form-group .chosen-container-active.chosen-with-drop .chosen-single { -webkit-box-shadow: none; box-shadow: none; background: none; } .form-group .chosen-container-single .chosen-single span { position: relative; top: 7px; left: 7px; font-family: inherit; font-weight: normal; font-size: 14px; color: #414141; } .form-group .chosen-container-single .chosen-single div { position: absolute; height: 18px; top: calc(50% - 9px); } .form-group .chosen-container-single .chosen-single .chosen-search-input { display: none; } .form-group .chosen-container .chosen-results { max-height: 120px !important; } .form-group.has-error { color: #a94442; } .form-group.has-error input { border-color: #a94442 !important; } .form-group.has-error .help-block { position: absolute; bottom: -6px; font-size: 12px; left: 30px; } .btn { color: white; padding: 10px 15px; line-height: initial !important; -webkit-box-shadow: none !important; box-shadow: none !important; font-size: inherit; font-weight: normal; background-color: #bf8952 !important; position: relative; white-space: normal; font-family: unset; text-transform: uppercase; border: 0; cursor: pointer; transition:.3s all; -webkit-transition:.3s all; -moz-transition:.3s all; text-align: center; } .btn:hover{background: #333333;} .btn.full{display: block;} a.btn { display: inline-block; line-height: 21px;letter-spacing: 0.2em !important; } @media (max-width: 768px) { .form--inline .fieldset { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } /* |-------------------------------------------------------------------------- | Estilos para botones de Iconos Eventos |-------------------------------------------------------------------------- */ .salones{list-style: none; margin-top: -15px} .salones li{float: left; padding: 2px; list-style: none; margin: 0 2%; width: 16%; text-align: center; font-size: 14px;} .salones li strong{display: block; } .salones li:before{display: none;} .salones li img{width: 100%; max-width: 80px; margin: auto; display: block; margin-bottom: 0px;} /* |-------------------------------------------------------------------------- | Estilos para botones del Visual Composer |-------------------------------------------------------------------------- */ .vc_btn3-container button, .vc_btn3-container .btn, .vc_btn3-container a{text-transform: uppercase; background-color: #c08a4d !important; font-family: "Montserrat"; font-size: 2em !important; padding: 10px 33px 5px 33px !important; line-height: 1.2em !important; text-align: center; color:#fff !important; letter-spacing: 0.2em !important; border-radius: 0 !important; border:none !important; background-image:none !important} .vc_btn3-container button.vc_btn3-size-sm, .vc_btn3-container a.vc_btn3-size-sm, a.btn.mini{height: auto !important; padding: 9px 16px !important; font-size: 14px !important;} a.btn.mini.small{padding:7px 10px !important; font-size: 13px !important; line-height: 15px !important;} .vc_btn3-container button:hover, .vc_btn3-container .btn:hover, .vc_btn3-container a:hover{background-color: #4b4e52 !important} /* |-------------------------------------------------------------------------- | Estilos para carousel imagenes |-------------------------------------------------------------------------- */ .imagenCarousel a{position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .imagenCarousel a:after{content:""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.3); z-index:1; -webkit-transition: -webkit-transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),all 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transition: all 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),all 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),all 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);} .imagenCarousel a:hover::after{background: rgba(0,0,0,0);} .galeria .imagenCarousel a:after{background: rgba(0,0,0,0);} .galeria .imagenCarousel a:hover::after{background: rgba(0,0,0,0.5);} .top_hidden .imagenCarousel a:after{ -webkit-transform: translateY(103%);transform: translateY(103%);} .imagenCarousel img{width: 100%;} .imagenCarousel img.logoCarousel{position: absolute; width: auto !important; left: 50%; top: 50%; display: inline-block !important; z-index: 2; -webkit-transform: scale(0.9) translate(-50%,-50%); transform: scale(0.9) translate(-50%,-50%); -webkit-transition: all 3s ease-in-out;-webkit-transition: all 1s ease-in-out;transition: all 1s ease-in-out; } .imagenCarousel a:hover img.logoCarousel{-webkit-transform: scale(1) translate(-50%,-50%);transform: scale(1) translate(-50%,-50%); } .imagenCarousel.sinlink{position: relative;} .imagenCarousel.sinlink:after{content:""; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.3); height: 100%; width: 100%;} .owl-carousel-imagenes .owl-controls{display: none !important} .owl-carousel-imagenes .owl-nav{position: absolute; right: 0; bottom: 0px;} .owl-carousel-imagenes.galeria .owl-nav{left: 50%; margin-left: -45px; right: auto;} .owl-carousel-imagenes .owl-nav button{display: inline-block; height: 45px; color:#a77541 !important; width: 45px; background: #fff !important; line-height: 45px; text-align: center;} .owl-carousel-imagenes .owl-nav button span{display: none;} .owl-carousel-imagenes .owl-nav .owl-prev{background: #a77541 !important; color:#fff !important;} .owl-carousel-imagenes .owl-nav .owl-prev:before{content:"\f177"; font-family: "FontAwesome";} .owl-carousel-imagenes .owl-nav .owl-next:before{content:"\f178"; font-family: "FontAwesome";} .owl-carousel-imagenes.centrado .owl-nav {left: 50%; margin-left: -55px; right: auto; font-size: 18px; z-index: 99} .owl-carousel-imagenes .owl-nav button{width: 55px; height: 55px; line-height: 55px !important;} .owl-carousel-imagenes .owl-carousel .owl-stage-outer{z-index: -1} /* |-------------------------------------------------------------------------- | Estilos para contenidos del Visual Composer |-------------------------------------------------------------------------- */ .hr-left, .hr-right, .hr-center { background-color: transparent; color: transparent; border: none; position: relative; height: 1px; margin-bottom: 16px; margin-top: 20px;} .hr-left:after, .hr-right:after, .hr-center:after { content: ''; position: absolute; display: inline-block; width: 30%; height: 1px; background-color: #ccc; top:0px} .hr-left:after { left: 0; } .hr-center:after { left: 35%; } .hr-right:after { right: 0; } .textoMaxWidth { max-width: 550px; margin: 0 auto; } .textoMaxWidth.left{margin: 0;} .imgFull { width: 100%; } .imgFull.wpb_single_image .vc_figure{display: block} .imgFull.wpb_single_image .vc_single_image-wrapper{display: block;} .imgFull.wpb_single_image .vc_single_image-wrapper img{width: 100%} .sombra { -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05); } article.default.container-fluid { margin-right: 15px; margin-left: 15px; } .footer li:before { display: none; } .footer p { margin-bottom: 0; } .wpb_text_column.maxWidth{max-width: 595px;} .maxWidth .vc_column-inner .wpb_wrapper{max-width: 495px;} .maxWidth.textLeft .vc_column-inner .wpb_wrapper{margin-left: auto;} .bgTextLeft .vc_column-inner{background-position: left !important} .maxWidth.textRight .vc_column-inner .wpb_wrapper{margin-right: auto;} .bgTextRight .vc_column-inner{background-position: right !important} ul.iconos li{padding: 0; padding-bottom: 13px; margin-bottom: 13px;list-style: none; padding-left: 52px; position: relative;} ul.iconos li:before{display: none;} ul.iconos li i{position: absolute; left: 0; top: -2px; font-size: 28px;} ul.iconos.mini li{padding: 0; padding-bottom: 11px; margin-bottom: 11px;list-style: none; padding-left: 52px; position: relative;} ul.servicios {list-style: none; overflow: auto;} ul.servicios li{display: inline-block; padding: 8px 15px; float: left; width: 50%; border: 2px solid #fff; background: #f3f3f2; list-style: none;} ul.servicios li:before{display: none;} ul.servicios.max li{ width: 100%; float: none; margin-bottom: 5px;} ul.servicios.bg li{ background: rgba(255,255,255,0.6); padding: 10px 15px; border:none;} .premio{padding-right: 70px; position: relative;} .premio span.date{font-size: 50px; line-height: 30px; display: block;font-weight: 600;color: #fff; position: absolute; bottom: -29px; right: -20px} .premio strong{ color:#72B431} .premio ul{margin-top: 0 !important;} .premio ul li{margin-bottom: 7px; padding-bottom: 7px;} /* |-------------------------------------------------------------------------- | Estilos para Carouseles Visual Composer |-------------------------------------------------------------------------- */ .vc_carousel-inner .vc_item img{width: 100%} .vc_images_carousel .vc_carousel-indicators {display: none;} .vc_images_carousel_count{position: absolute; background: rgba(0,0,0,0.3); color:#fff; right: 0; top: 0; padding: 12px 20px 12px 45px; font-size: 16px; z-index: 99;} .vc_images_carousel_count:before{content:"\f03e"; position: absolute;; left: 20px; top: 50%; margin-top: -10px; color:#fff; font-family: "FontAwesome";} .vc_row-no-padding .vc_inner{line-height: 0} /* |-------------------------------------------------------------------------- | Estilos para Iconos habitaciones |-------------------------------------------------------------------------- */ .iconsRoom {text-align: center; font-size: 16px; line-height: 20px;} .iconsRoom i{font-size: 40px; display: block; margin-bottom: 12px !important; padding-bottom: 20px; position: relative; color:#C3C3C3;} .iconsRoom i:after{content:""; position: absolute; bottom: 0; width: 60px; border-bottom: 1px solid #72B431; left: 50%; margin-left:-30px;} /* |-------------------------------------------------------------------------- | Estilos para Hotel custom visual composer |-------------------------------------------------------------------------- */ .vc_hotel_home .vc--title.hotelTitle{font-size: 32px; letter-spacing: 4px;} .vc_hotel_home img{width: 100%;} .vc_hotel_home > a{cursor: pointer; overflow: hidden; display: block;} .vc_hotel_home > a:hover img{-webkit-transform: scale(1.03);transform: scale(1.03);} .vc_hotel_home .detailOpening{ position: absolute;top: 50%; margin-top: -80px; left: 15px; width: calc(100% - 30px); background: rgba(0,0,0,0.4); font-size: 18px; line-height: 30px;letter-spacing: 3px; text-align: center;display: inline-block;padding: 12px 10px 5px 10px;font-family: 'Montserrat';text-transform: uppercase;color: #fff;} .vc_hotel_home .detailOpening span{display: block; font-size: 28px; margin-left: 2px; letter-spacing: 5px; margin-top: 0px; font-family: 'Montserrat';} .vc_hotel_home .nombre_hotel{ z-index: 2; display: block; margin-top: -40px;} .vc_hotel_home .nombre_hotel p{font-size: 16px; letter-spacing: 1px; color:#7e7e7e} .vc_hotel_home .nombre_hotel .vc--title{text-transform: uppercase; margin-bottom: 3px;} .vc_hotel_home .nombre_hotel .vc--title a{color:#1e1e1e;} .vc_hotel_home .nombre_hotel .vc--title a span.color{color:#bf8952;} .vc_hotel_home .hotelTitle{ width: 84%; left: 8%; text-transform: uppercase; text-align: center; background: #fff; padding: 20px;-webkit-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.05); box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.05);} .vc_hotel_home .nombre_hotel .hotelTitle span.detail{color:#7e7e7e} .vc_hotel_home .hotelTitle span.detail{display: block; text-align: center; font-size: 16px; font-family: 'Montserrat'; text-transform: none; line-height: 23px; letter-spacing: 0;} /* |-------------------------------------------------------------------------- | Estilos para Mapa custom visual composer |-------------------------------------------------------------------------- */ .mapaContent .vc_column-inner {padding-top: 0 !important} /* |-------------------------------------------------------------------------- | Estilos para Mapa custom visual composer |-------------------------------------------------------------------------- */ .mapaContent .vc_column-inner {padding-top: 0 !important} /* |-------------------------------------------------------------------------- | Estilos para Video full |-------------------------------------------------------------------------- */ .video_panel{overflow: hidden; text-align: right;} /* |-------------------------------------------------------------------------- | Contact block |-------------------------------------------------------------------------- */ .contactBlock{margin-top: -100px; border:3px solid #f2f2f2; -webkit-box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.05);box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.05); background: #fff;} .contactBlock p{font-size: 18px; line-height: 24px;} /* |-------------------------------------------------------------------------- | Carousel djs |-------------------------------------------------------------------------- */ .owl-carousel-djs{position: relative} .owl-carousel-djs .dj{text-align: center;} .owl-carousel-djs .dj a{display: inline-block; position: relative; color:#fff; width: 250px; height: 250px; border:8px solid #fff; border-radius: 50%; margin-bottom: 20px;} .owl-carousel-djs .dj a span.videoplay{position: absolute; bottom: 0; right: 0; font-size: 27px; line-height: 53px; border-radius: 50%; height: 50px; width: 50px; color:#fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eb7000+0,f73600+100 */ background: rgb(235,112,0); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(235,112,0,1)),to(rgba(247,54,0,1))); background: linear-gradient(to bottom, rgba(235,112,0,1) 0%,rgba(247,54,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb7000', endColorstr='#f73600',GradientType=0 ); /* IE6-9 */ } .owl-carousel-djs .dj a span.videoplay i{margin-left: 4px;} .owl-carousel-djs .dj p.name{font-size: 1.5rem; color: #fff; max-width: 300px; text-align: center; margin: auto; font-weight: 400;} .owl-carousel-djs .dj p.fecha{font-size: 1rem; color: #fff; max-width: 300px; text-align: center; margin: auto; margin-top:5px;} .owl-carousel-djs .dj a img{ width: 100%; display: block; margin: auto; margin-bottom: 20px; border-radius: 50%; } .owl-carousel-djs .dj > img{ width: 250px; border:8px solid #fff; display: block; margin: auto; margin-bottom: 20px; border-radius: 50%; } .owl-carousel-djs .owl-nav > button{position: absolute; top: 50%; color:#fff !important; font-size: 50px !important; line-height: 50px !important;} .owl-carousel-djs .owl-nav > button.owl-prev{left: 10px;} .owl-carousel-djs .owl-nav > button.owl-next{right: 10px;} /* |-------------------------------------------------------------------------- | Carousel Bloques Eventos |-------------------------------------------------------------------------- */ .block-carousel_item{height: 60vh;background-size: cover; background-position: center;} .block-carousel_item:hover .btnmodal-event{ opacity: 1} .block-carousel_inner{display: flex; flex-direction: column; height: 100%; justify-content: flex-end; align-items: flex-start; padding-bottom: 40px; position: relative;} .btnmodal-event { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(192,137, 82, 0.5); opacity: 0; z-index: 1; color: #fff; font-size: 2.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important; -webkit-transition: opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important; transition: opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important; transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important; transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important; } .btnmodal-event:hover{cursor: pointer;} .block-carousel_videoplay{font-size: 26px; color: #fff; padding: 10px 20px; background-color: #be955e; display: inline-block; line-height: 1; text-transform: uppercase;} .block-carousel_title{font-size: 35px; color: #fff; padding: 20px 20px 10px; background-color: rgba(0,0,0,0.8); text-transform: uppercase; display: inline-block;} .block-carousel_item a,.block-carousel_title {position: relative; z-index: 9} /* |-------------------------------------------------------------------------- | Estilos para Modal |-------------------------------------------------------------------------- */ .iziModal-header{background: #333 !important} .iziModal-header h2{font-family: "Montserrat" !important; letter-spacing: 3px; color: #ffffff; font-size: 28px; line-height: 31px;text-transform: uppercase; font-weight: normal;} .iziModal-header-subtitle{color:#a77541 !important; font-size: 14px; letter-spacing: 1.4px;font-family: 'Montserrat' !important;} .iziModal-content{padding:0 0 0px 0 !important} .iziModal-content img{width: 100%; height: auto;} .iziModal-content p{padding: 20px 40px 0px 40px; line-height:22px; } .iziModal-content p:last-child{padding-bottom: 20px;} .iziModal-content p.visible{padding: 20px 0px;} .iziModal-content p.vc--title-mini{padding: 0px 40px 0px 40px} .iziModal-content h3{padding: 0px 40px 0 40px} .iziModal-content .detalles{padding: 10px 40px;} .iziModal-content ul.caracteristicas li{display: block; margin-bottom: 4px; padding: 8px 15px;background: #f3f3f2;} .iziModal-content h5{letter-spacing: 1px;} .modalNuevo{border-bottom: 3px solid #f5efe9 !important} .iziModal-navigate > button{opacity: 0.6} /* |-------------------------------------------------------------------------- | Estilos carousel eventos |-------------------------------------------------------------------------- */ .owl-carousel-eventos .interior{padding: 0 30px;} .owl-carousel-eventos .interior a{display: block; position: relative; z-index: 1; overflow: hidden;;} .owl-carousel-eventos .interior img{width: 100%; border:1px solid #f2f2f2; line-height: 0;} .interior.eventoVideo a:after{content:""; position: absolute; z-index: 0; left: 100%; top: 0; height: 100%; width: 100%; background: rgba(167,117,65,0.4); -webkit-transform-origin: top; transform-origin: top;-webkit-transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);will-change: transform;} .interior.eventoVideo a:hover:after{ left: 0;} .interior.eventoVideo a:hover i{opacity: 1; background: rgba(255,255,255,1); -webkit-transform: scale(1.1); transform: scale(1.1);} #carouselEventos{padding-bottom: 40px;} .owl-controls{bottom: 0; top: auto; text-align: center;} .owl-controls .owl-page{display: inline-block; margin:0 6px;} .owl-controls span{width: 13px; height: 13px; background: #f2f2f2; display: inline-block;border-radius:13px;} .owl-controls .owl-page.active span{background: #a77541;} /* |-------------------------------------------------------------------------- | Estilos imagen full (imagen superior) |-------------------------------------------------------------------------- */ .full_height { height: 100%;} .hideGallery{display: none !important} .imageFull img.desktop.scaled {-webkit-transform: scale(1.02);transform: scale(1.02);} .imageFull{height: 100vh;overflow: hidden;position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex;} .mobile_only{display: none; width: 100% !important; height: auto !important} .imageFull .main_veil {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #FFFFFF;z-index: 10;-webkit-transform-origin: top;transform-origin: top;-webkit-transition: all 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: all 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);will-change: transform;} .imageFull .main_veil.hiddenCustom{-webkit-transform: scale(1,0);transform: scale(1,0);} .imageFull img.desktop {position: absolute;bottom: 0; z-index: -1; -webkit-transition: none;transition: none; left: 50%; -webkit-transform: translate(-50%,0%); transform: translate(-50%,0%); max-width: none;} .imageFull img.animate{-webkit-transition: transform 3500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);-webkit-transition: -webkit-transform 3500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: -webkit-transform 3500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: transform 3500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: transform 3500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), -webkit-transform 3500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);} .imageFull img.mob{position: relative; width: auto; width: 100%; max-width: none;} .imageFull .texto{z-index: 10;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); top: 50%; position: absolute;} .imageFull .texto h1{text-align: center; color:#fff;font-family: "Montserrat"; text-transform: uppercase; letter-spacing: 5px; font-size: 24px; line-height: 48px; margin-bottom: 0;} .imageFull .texto h1 span.big{font-size: 53px; line-height: 57px; display: block; padding-bottom: 0px; margin-bottom: 0px; letter-spacing: 10px} .imageFull .texto h1 span.big.ibiza{font-size: 1.5vw; line-height: 2.5vw; white-space: nowrap;} .imageFull .texto p.desc{font-family: "Montserrat"; color:#fff; text-align:center; text-transform: uppercase; letter-spacing: 3px; font-size: 30px; line-height: 40px;border-top: 3px solid #fff; padding-top: 10px;} .top_hidden_full p, .top_hidden_full h1{-webkit-transform: translateY(115%);transform: translateY(115%);} .imageFull .fondoTrans{opacity: 1; text-align: center; background: rgba(50,50,50,0.5);padding: 20px 30px;-webkit-transition: -webkit-transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transition: opacity 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: opacity 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);} .top_hidden_full .imageFull .fondoTrans{ opacity: 0; } .imageFull .fondoTrans2{opacity: 1; text-align: center; background: rgba(50,50,50,0.5);padding: 15px 30px;-webkit-transition: -webkit-transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transition: opacity 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: opacity 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);} .top_hidden_full .imageFull .fondoTrans2{ opacity: 0; } .imageFull .fondoTrans2 h1 span.big{ font-size: 1.5vw;line-height: 2.5vw;display: block;padding-bottom: 0;margin-bottom: 0;letter-spacing: 8px;white-space: nowrap;} .imageFull .fondoTrans2 .vc--subtitle--mini{font-family: "Montserrat"; margin-bottom: 0; padding-bottom: 0; color:#fff; letter-spacing: 4px; font-size: 19px;} .imageFull .fondoTrans2 a{color: #fff;display: inline-block;font-family: "Montserrat";font-size: 15px;margin-top: 0px; text-transform: uppercase; letter-spacing: 4px;} .imageFull .fondoTrans2 a:hover{color: #a77541 !important} .normalSlide:after{content:url('../img/detailmore.png') !important; z-index: 3; display: inline-block !important; width: auto !important; position: absolute; left: 50%; margin-left: -50px; height: auto !important; bottom: 0; line-height: 0; overflow: visible !important; visibility: visible !important} .normalSlide:before{content:url('../img/arrow.png') !important; z-index: 4; display: inline-block !important; width: auto !important; position: absolute; left: 50%; margin-left: -12px; height: auto !important; bottom: 2px; overflow: visible !important; visibility: visible !important; -webkit-animation: bounceArrow 2s infinite;animation: bounceArrow 2s infinite;} /* |-------------------------------------------------------------------------- | Estilos imagen full con texto encima |-------------------------------------------------------------------------- */ .imageFull.textoEncima .texto{ left: 40px; width: 100%; bottom: 0px; color:#fff; -webkit-transform: none; transform: none; top: auto; padding: 30px 20px 70px 40px; border-left: 1px solid #fff; max-width: 520px; letter-spacing: 0.05em; line-height: 1.8em;} .imageFull.textoEncima.derecha .texto{border-right: 1px solid #fff; border-left: none;} .imageFull.textoEncima.derecha .texto{right: 40px; left: auto; text-align: right; padding-right: 40px;} .imageFull.textoEncima .texto .title {font-size: 2rem; margin-bottom: 20px; color:#fff; letter-spacing: 5px; text-transform: uppercase; } .imageFull.textoEncima .texto .title span{font-size: 3rem; line-height: 2.5rem; display: block; text-transform: none; letter-spacing: 3px; margin-bottom: 5px;} .imageFull.textoEncima.derecha .texto .title{ text-align: right;} .imageFull.textoEncima a.more{background: #bf8952; display: inline-block; padding: 1px 30px 0px 15px; color:#fff; font-size: 12px; line-height: 25px; text-transform: uppercase; font-weight: 400; margin-top: 5px;} .imageFull.textoEncima a.more:after {right: 8px;} .imageFull.textoEncima a.more:hover{transform:none; -webkit-transform:none; background: #fff; color:#bf8952;} .imageFull img.textoSup.scaled {-webkit-transform: scale(1.02);transform: scale(1.02);} .imageFull.textoEncima:after{content:""; position: absolute; left: 0px; bottom: 0px; top: auto; height: 100%; width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+50 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .imageFull.textoEncima.derecha:after{content:""; position: absolute; right: 0px; bottom: 0px; top: auto; height: 100%; width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+48,0.65+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 48%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .imageFull.textoEncima .detalle{text-transform: uppercase; position: absolute; top: 0; left: 30px; letter-spacing: 2px; color:#fff; z-index: 9; -webkit-transform: translateY(90%) rotate(90deg); /* Safari */ /* Firefox 3.6 Firefox 4 */ /*-moz-transform-origin: right top; */ /* IE9 */ /* Opera */ transform: translateY(90%) rotate(90deg); /* W3C */ -webkit-transform-origin: left bottom; transform-origin: left bottom; } .imageFull.textoEncima.derecha .detalle{text-transform: uppercase; position: absolute; top: 0; left: auto; right: 30px; letter-spacing: 2px; color:#fff; z-index: 9; -webkit-transform: translateY(100%) rotate(-90deg); /* Safari */ /* Firefox 3.6 Firefox 4 */ /*-moz-transform-origin: right top; */ /* IE9 */ /* Opera */ transform: translateY(100%) rotate(-90deg); /* W3C */ -webkit-transform-origin: left bottom; transform-origin: right bottom; } .imageFull.textoEncima.derecha.enorme .texto{border:none; padding: 0; max-width: none; right: -15px; bottom: -8px;} .imageFull.textoEncima.derecha.enorme .texto h2{font-size: 9rem;line-height: 7rem; letter-spacing: 10px; text-align: right; text-transform: uppercase;} .imageFull.textoEncima.derecha.enorme .texto h2 span.line{display: block;} /* |-------------------------------------------------------------------------- | Estilos texto more |-------------------------------------------------------------------------- */ .textMore a.more{padding-bottom: 5px; padding-top: 10px; margin-bottom: 0; padding-left: 3px; margin-left: -3px; overflow: hidden; max-height: 50px; letter-spacing: 0; -webkit-transform-origin: top; transform-origin: top;-webkit-transition: all 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: all 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);will-change: transform;} .textMore a.more.hide{max-height: 0; padding: 0;} .textMore a.more:after{margin-top: 2px;} .textMore a.more.less{display: inline-block; margin-top: 10px;} .textMore .textHide {overflow: hidden; max-height: 0; -webkit-transform-origin: top; transform-origin: top;-webkit-transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);will-change: transform;} .textMore .textHide p{padding-bottom: 26px;} .textMore .textHide .int{font-family: 'Montserrat';letter-spacing: 1px;color: #4b4e52;font-size: 14px;line-height: 26px;} /* |-------------------------------------------------------------------------- | Estilos modulo Amare art |-------------------------------------------------------------------------- */ .amareArt .vc-row{display: -webkit-box;display: -ms-flexbox;display: flex;} .amareArt .vc-row.center{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center} .amareArt .vc-row img{width: 100%;} .amareArt .vc-row img.artista{width: auto} .amareArt .vc-row > div{padding-right: 0; text-align: center;} .amareArt .vc-row > div.paddingright15{padding-right: 15px} .amareArt .vc-row > div a{display: block; margin-top: 30px; text-align: center; left: 0; width: 100%; cursor: pointer; color:#a77541} .amareArt .vc-row > div a:after{content:""; position: absolute; left: 50%; width: 100%; bottom: -5px; height: 1px; background: #bf8952; max-width: 0; -webkit-transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);will-change: transform;} .amareArt .vc-row > div a:hover:after{max-width: 100px; margin-left: -50px;} .amareArt .fullBg{position: absolute; left: 0; top: 0; height: 100%; width: 100%;} .amareArt .flex{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .amareArt .block{display: block} .owl-carousel-amareart{text-align: center} .owl-carousel-amareart .item{display: block; width: 100%;} .owl-carousel-amareart a{display: block; margin-top: 30px; text-align: center; left: 0; width: 100%; cursor: pointer; color:#a77541} .owl-carousel-amareart a:after{content:""; position: absolute; left: 50%; width: 100%; bottom: -5px; height: 1px; background: #bf8952; max-width: 0; -webkit-transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);will-change: transform;} .owl-carousel-amareart a:hover:after{max-width: 100px; margin-left: -50px;} .owl-carousel-amareart img{width: 100%;} .owl-carousel-amareart img.artista{margin:auto !important; margin-top: 20px !important; width: auto !important; } #carouselAmareArt{padding-bottom: 40px;} .owl-carousel-amareart .owl-dots{margin-top: 15px; position: absolute; top:0; width: 100%; z-index: 88} .owl-carousel-amareart .owl-dots .owl-dot{width: 12px; height: 12px; margin: 0 4px; background: #f2f2f2;border-radius: 50%;} .owl-carousel-amareart .owl-dots .owl-dot.active{ background:#a77541 } /* |-------------------------------------------------------------------------- | Estilos para Desplegables |-------------------------------------------------------------------------- */ .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a{font-size: 17px; padding-top: 17px !important; padding-bottom: 17px !important} .vc_tta-panel-body{padding: 0px !important; background-color: #fff !important} .vc_tta-panel-body > div{padding: 30px 35px !important} .vc_tta-panel-body p{font-size: 16px; line-height: 18px;} .vc_tta-panel-body ul li{font-size: 16px; line-height: 18px; margin-bottom: 7px; padding-bottom: 7px;} .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::after, .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::before{border-color:#72B431 !important} /* |-------------------------------------------------------------------------- | Estilos para Tabs |-------------------------------------------------------------------------- */ .evc-tabs{overflow: hidden;} .evc-tabs.evc-t-standard .evc-tabs-item{border:none !important;} .ui-widget-content{background:none !important;} .evc-tabs.ui-widget-content{background:none !important; border:none !important;} .evc-tabs.evc-t-standard .evc-tabs-nav{position: relative; padding-left: 30px; background: none !important; border:none} .evc-tabs .vc_col-md-6{width: 50%} .evc-tabs.evc-t-standard .evc-tabs-item{padding-left: 70px !important; padding-right: 30px !important;} .evc-tabs.evc-t-standard .evc-tabs-nav:after{content:""; position: absolute; top: 50%; left: 0; width: 100%; z-index: 0; visibility: visible; height: 1px; background:#838383;} .evc-tabs.evc-t-standard .evc-tabs-nav:before{content:""; position: absolute; top: 0; left: 20px; width: 1px; z-index: 0; visibility: visible; height: 200px; background:#838383;} .evc-tabs.evc-t-standard .evc-tabs-nav li{z-index:2; background: none !important} .evc-tabs.evc-t-standard .evc-tabs-nav li:first-child{padding-left: 20px; background: none !important} .evc-tabs.evc-t-standard .evc-tabs-nav li:last-child{padding-right: 20px;} .evc-tabs.evc-t-standard .evc-tabs-nav li.ui-state-active{background: none !important;} .evc-tabs.evc-t-standard .evc-tabs-nav li a{border:none !important; background: #fff !important; padding: 12px 15px !important; font-family: 'Montserrat';font-size: 19px !important; line-height: 30px !important; text-transform: uppercase; letter-spacing: 3px; font-weight: 400;} .evc-tabs.evc-t-standard .evc-tabs-nav li.ui-tabs-active a{color:#bf8952 !important} .evc-tabs .vc_row{ display: flex;align-items: center;justify-content: center;} .evc-tabs .vc_row .vc--title{ margin-right: 30px; margin-bottom: 40px !important;} .evc-tabs .wpb_wrapper:after{content:""; background: #F8F7F5; right: 50%; top: 25px; height: 50%; width: 30%; z-index: -1; position: absolute;} .evc-tabs .evc-tabs-item{opacity: 0; -webkit-transition: all 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: all 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);will-change: transform;} .evc-tabs .evc-tabs-item.evc-active{opacity: 1;} .evc-tabs .evc-tabs-item p{margin-right: 30px !important;} .evc-tabs .vc_row img{width: 100%;} /* |-------------------------------------------------------------------------- | Estilos para Galeria |-------------------------------------------------------------------------- */ .demo-gallery{position: relative;} .demo-gallery img{width: 100%;} .demo-gallery a.galeriaAmpli{display: inline-block; cursor: pointer; border:1px solid #f2f2f2; position: absolute; right: 15px; bottom: 15px; background: rgba(255,255,255,0.9); text-align: center; width: 50px; height: 50px; line-height: 48px; font-size: 23px; color:#a77541; -webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .demo-gallery .imageFull a.galeriaAmpli{left: 15px;} .demo-gallery a:hover{opacity: 1; background: rgba(255,255,255,1); -webkit-transform: scale(1.2); transform: scale(1.2);} .videoYoutube{position: relative;} .videoYoutube img{width: 100%;} .demo-gallery div > a.galeriaAmpli{display: inline-block; cursor: pointer; border:1px solid #f2f2f2; position: absolute; right: 15px; bottom: 15px; background: rgba(255,255,255,0.9); text-align: center; width: 50px; height: 50px; line-height: 48px; font-size: 23px; color:#a77541; -webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .demo-gallery .imageFull > a.galeriaAmpli{left: 15px;} .demo-gallery div > a.galeriaAmpli:hover{opacity: 1; background: rgba(255,255,255,1); -webkit-transform: scale(1.2); transform: scale(1.2);} /* |-------------------------------------------------------------------------- | Estilos para Equipo pagina eventos |-------------------------------------------------------------------------- */ .equipo.eventos{list-style: none; padding: 0; margin-left: 0;} .equipo.eventos li{list-style: none; margin:0 1% 10px 1%; padding: 0; width: 30%; display: inline-block;} .equipo.eventos li:before{display: none;} .equipo.eventos li a{ position: relative; display: block; text-align: center; font-size: 14px; color:#1e1e1e;} .equipo.eventos li img{ margin: auto; display: block; margin-bottom: 10px; width: 100%;} /* |-------------------------------------------------------------------------- | Estilos para Carouseles |-------------------------------------------------------------------------- */ .headerSlide .sliderFullWidth{position: relative; background: #02ACBC} .headerSlide .sliderFullWidth .owl-wrapper{position: relative; -webkit-transition: all 10s ease-in-out; transition: all 10s ease-in-out;} .headerSlide .sliderFullWidth .owl-wrapper .item img{width: 100%} .headerSlide .sliderFullWidth .owl-buttons{position: absolute;top: 50%; right: 20px;} .headerSlide .sliderFullWidth .owl-buttons > div {height: 40px !important;display: block !important;font-size: 17px; width: 40px !important; line-height: 38px; border-radius: 50%; overflow: hidden;opacity: 1 !important;text-shadow: none !important; background: rgba(0,0,0,0.3); text-align: center; color:#fff} .headerSlide .sliderFullWidth .owl-buttons > div.owl-next i{-webkit-transition: -webkit-transform 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333),opacity 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333);-webkit-transition: opacity 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333),-webkit-transform 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333);transition: opacity 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333),-webkit-transform 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333);transition: transform 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333),opacity 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333);transition: transform 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333),opacity 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333),-webkit-transform 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333); will-change: transform, opacity;backface-visibility: hidden;-webkit-backface-visibility: hidden;webkit-animation: arrow_prev 4s cubic-bezier(0.190, 1.333, 0.220, 1.333) 0s infinite;-webkit-animation: arrow_prev 4s cubic-bezier(0.190, 1.333, 0.220, 1.333) 0s infinite;animation: arrow_prev 4s cubic-bezier(0.190, 1.333, 0.220, 1.333) 0s infinite;will-change: transform;} .headerSlide .sliderFullWidth .owl-buttons > div.owl-prev i {-webkit-transition: -webkit-transform 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333),opacity 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333);-webkit-transition: opacity 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333),-webkit-transform 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333);transition: opacity 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333),-webkit-transform 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333);transition: transform 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333),opacity 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333);transition: transform 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333),opacity 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333),-webkit-transform 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333);will-change: transform, opacity;backface-visibility: hidden;-webkit-backface-visibility: hidden;webkit-animation: arrow_next 4s cubic-bezier(0.190, 1.333, 0.220, 1.333) 0s infinite;-webkit-animation: arrow_next 4s cubic-bezier(0.190, 1.333, 0.220, 1.333) 0s infinite;animation: arrow_next 4s cubic-bezier(0.190, 1.333, 0.220, 1.333) 0s infinite;will-change: transform;} .headerSlide .sliderFullWidth .owl-buttons > div.owl-prev{margin-top: -10px;} .headerSlide .sliderFullWidth .owl-buttons > div.owl-next{margin-top: 10px;} /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goRight .6s ease both; animation: goRight .6s ease both; } @-webkit-keyframes goDown { from { -webkit-transform: translateX(-100%); } } @keyframes goDown { from { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @-webkit-keyframes goRight { from { -webkit-transform: translateX(100%); } } @keyframes goRight { from { -webkit-transform: translateX(100%); transform: translateX(100%); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(1); } } @keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } } @media (max-width: 600px) and (orientation: portrait) { .headerSlide .sliderFullWidth .owl-wrapper .item{height: 450px; width: 100%; overflow: hidden;} .headerSlide .sliderFullWidth .owl-wrapper .item img{height: 100%; width: auto; max-width: none;} .headerSlide .sliderFullWidth::before {content: "Rota el móvil para ver la imagen completa" !important;width: 200px;padding-left: 50px;color: #fff;line-height: 15px;font-size: 11px;z-index: 9;position: absolute;bottom: 15px;left: 10px;background: transparent url("/wp-content/themes/fuertehoteles/img/rotate.png") no-repeat 0 center;} } @media (max-width: 767px) and (orientation: landscape) { .headerSlide .sliderFullWidth .owl-wrapper .item{height: auto; width: 100%; overflow: hidden;} .headerSlide .sliderFullWidth .owl-wrapper .item img{height: auto; width: 100%; max-width: 100%;} .mobileImageBg{display: none;} } /* |-------------------------------------------------------------------------- | Estilos para Responsive |-------------------------------------------------------------------------- */ @media (max-width: 1200px) { .marginTopNeg .vc_column-inner {margin-top: -112px !important} } @media only screen and (max-width:1100px) { .imageFull .texto h1 span.big{font-size: 2.7vw; line-height: 4vw;} .imageFull .texto h1 span.big.ibiza{font-size: 2.6vw; line-height: 3.5vw; white-space: nowrap;} .btnmodal-event{font-size: 1.5rem;} } @media (max-width: 992px) { .hidden_mobile{display: none;} .intFull .paddingMobileTop20{padding-top: 20px !important} .intFull .paddingMobileBottom0{padding-bottom: 0px !important} .intFull .paddingMobileTop40 .vc_column-inner{padding-top: 40px !important} .intFull .paddingMobileTop140 .vc_column-inner{padding-top: 140px !important} .intFull .paddingMobileBottom40 .vc_column-inner{padding-bottom: 40px !important} .intFull .notPaddingMobileTop{padding-top: 0px !important} .intFull .notMarginMobileBottom{margin-bottom: 0px !important} .intFull .notMarginMobileTop{margin-top: 0px !important} .intFull .marginMobileTop20{margin-top: 20px !important} .intFull .notMarginMobileLeft{margin-left: 0px !important} .intFull .imageBgMobile .vc_column-inner{padding: 200px 0 !important; margin:0 !important} .vc_row.vc_column-gap-20 > .vc_column_container{padding: 0} .container{width: auto !important} .wpb_wrapper .wpb_text_column.wpb_content_element, .textMore{padding-left: 40px !important; padding-right: 40px !important} .vc_column_container{width: 100% !important} .mobile_only{display: block;} .vc_column_container > .vc_column-inner{margin-top: 0px !important; padding-top: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; margin-bottom: 0px !important} .vc_row.wpb_row.vc_row-fluid{padding-left: 0px !important; padding-right: 0px !important; } .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li{margin-bottom: 20px !important;} .fondoImagen.vc_column_container > .vc_column-inner{padding-top: 150px !important; padding-bottom: 150px !important; margin-bottom: 20px !important} .bgTextLeft .vc_column-inner, .bgTextRight .vc_column-inner{background: none !important;} .container .vc_row .wpb_column .wpb_content_element.wpb_images_carousel {padding: 0 !important} .container .vc_row.wpb_row.vc_row-fluid.contIconos .wpb_column .wpb_content_element{padding: 0 !important} .vc_row.wpb_row.vc_row-fluid.contIconos{padding: 0 30px !important} .maxWidth .vc_column-inner .wpb_wrapper{max-width: none;} .greyBgFullLeft .vc_column-inner{padding-bottom: 30px !important; padding-top: 30px !important} .single .menu-lateral-hotel{margin-top:20px;} .wpb_single_image.wpb_content_element{margin-left: 0 !important} .textoMaxWidth{max-width: none;} .textLeft .vc--title{text-align: left !important} .textLeft .hr-right:after{left: 0; right: auto;} .textLeft .wpb_text_column p{text-align: left !important} .textLeft .vc_btn3-right{text-align: left !important} .maxWidth.textLeft .vc_column-inner .wpb_wrapper{margin-left: 0;} /* |-------------------------------------------------------------------------- | Estilos eat and drink |-------------------------------------------------------------------------- */ .local .mobile_only{display: none;} /* |-------------------------------------------------------------------------- | Estilos imagen full con texto encima |-------------------------------------------------------------------------- */ .imageFull.textoEncima.derecha.enorme .texto h2{font-size: 5rem; line-height: 4rem;} /* |-------------------------------------------------------------------------- | ESTILOS CAROUSEL AMARE BEACJ |-------------------------------------------------------------------------- */ .owl-carousel-amare .logos{position: relative; margin-left: -10px; margin-top: 10px; } .owl-carousel-amare .logos li a img{border:4px solid #ece3db} /* |-------------------------------------------------------------------------- | Estilos formularios |-------------------------------------------------------------------------- */ .wpcf7-form{padding: 40px;} /* |-------------------------------------------------------------------------- | Estilos margenes visual Composer |-------------------------------------------------------------------------- */ .paddingMobile{padding-top: 40px !important; padding-bottom: 30px !important;} .container .vc_row .wpb_column .wpb_content_element.paddingMobile{padding-top: 40px !important; padding-bottom: 30px !important;} .marginTopNeg .vc_column-inner {margin-top: 30px !important} .mobileNoMargin.vc_row{margin: 10px 0 0 0 !important} .mobileNoMargin.vc_row.mobileImageBg{margin-top: 0 !important} /* |-------------------------------------------------------------------------- | Estilos para imagenes de fondo de Visual Composer |-------------------------------------------------------------------------- */ .mobileImageBg{position: relative; padding: 200px 0 !important} .mobileImageBg:before{content: "Rota el móvil para ver la imagen completa" !important; width: 200px; padding-left:50px; color:#fff; line-height: 15px; font-size: 11px;z-index: 9; position: absolute; bottom: 10px; left: 10px; background: transparent url("/wp-content/themes/fuertehoteles/img/rotate.png") no-repeat 0 center;} .mobileImageBg.notIconRotate:before{display: none} .mobileImageBg.interior{padding: 0 !important} .mobileImageBg.interior .vc_column-inner{padding: 200px 0 !important; margin-left: 0 !important; margin-right: 0 !important} /* |-------------------------------------------------------------------------- | Estilos artista amare |-------------------------------------------------------------------------- */ .artistaAmareArt{margin-top: 30px;} .artistaAmareArt .nombreArtista{text-align: center; margin-top: 10px; margin-bottom: 20px;} .artistaAmareArt .nombreArtista a{position: relative; bottom: auto; text-align: center; left: auto; width: 100%; cursor: pointer} /* |-------------------------------------------------------------------------- | Estilos salones eventos |-------------------------------------------------------------------------- */ .salones li{width: 29%; margin-bottom:10px} /* |-------------------------------------------------------------------------- | Estilos modulo habitaciones |-------------------------------------------------------------------------- */ .room .room-image{margin-bottom: 60px;} .room .room-image a{display: block;} .room .room-image a::before {display: none !important} .room .room-image a span{ opacity: 1; width: 80%; bottom:0; color:#4b4e52; background: #fff; padding: 10px 15px 15px 10px; font-size: 16px; line-height: 28px;letter-spacing: 1px; margin-top: -28px;-webkit-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.05);box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.05); left:10%;} .room .room-image a.more{position: relative; left: 0; margin-left: 0; background: #bf8952; color:#fff; opacity: 1; bottom: -25px;} .room .room-image a.more:hover{background: #e3bc95 !important} /* |-------------------------------------------------------------------------- | Estilos modulo eventos galeria |-------------------------------------------------------------------------- */ .room.events .room-image a:after{display: none;} } @media (max-width: 767px) { .template-art-nuevo .main-image{height: auto !important} .template-art-nuevo .main-image img { height: auto !important; width: 100% !important; transform: none !important; position:relative !important; top: auto !important; left: auto !important; } .template-art-nuevo body .block_img-art_text{position: relative; text-align: left !important; top: auto; right: auto;width: 100%} .flex{display: block;} .intFull .marginBottomMobile10{margin-bottom: 10px !important;} .intFull .marginBottomMobile30{margin-bottom: 30px !important;} .intFull .marginBottomMobile50{margin-bottom: 50px !important;} .intFull .marginTopMobile10{margin-top: 10px !important;} .intFull .marginTopMobile30{margin-top: 30px !important;} .intFull .marginTopMobile50{margin-top: 50px !important;} .intFull .paddingBottomMobile10{padding-bottom: 10px !important;} .intFull .paddingTopMobile10{padding-top: 10px !important;} .intFull .paddingTopMobile30{padding-top: 30px !important;} .intFull.notImgHeader{padding-top: 10px;} .main-image{height: 540px; position: relative;} .main-image img{height: 100%; width: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);position: absolute;top: 50%; left: 50%;} .vc--subtitle{font-size: 18px; line-height: 30px;} .vc--title{font-size: 26px; line-height: 35px;} .superior.vc_row{margin-top: 20px !important;} .superior.vc_row .logo img{max-width: 250px !important} .superior.vc_row .logo .wpb_single_image{margin-bottom: 0 !important} /* |-------------------------------------------------------------------------- | Estilos para Desplegables |-------------------------------------------------------------------------- */ .vc_hotel_home{margin-bottom: 50px;} /* |-------------------------------------------------------------------------- | Estilos imagen full con texto encima |-------------------------------------------------------------------------- */ .imageFull.textoEncima .texto{padding: 30px; left: 0; font-size: 1.7em;} .imageFull.textoEncima .texto .title{font-size: 1.2em;} .imageFull.textoEncima .texto .title span{font-size: 2rem; line-height: 2.5rem} .imageFull.textoEncima .detalle{display: none;} .imageFull.textoEncima.derecha .texto{right: auto; left: 0; padding: 20px} .imageFull.textoEncima:after{content:""; position: absolute; left: 0px; bottom: 0px; top: auto; height: 100%; width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+50 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(-45deg, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .imageFull.textoEncima.derecha:after{content:""; position: absolute; right: 0px; bottom: 0px; top: auto; height: 100%; width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+48,0.65+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 28%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } /* |-------------------------------------------------------------------------- | Estilos imagen full (imagen superior) |-------------------------------------------------------------------------- */ .imageFull {height: auto;overflow: hidden;position: relative;-webkit-box-align: initial;-ms-flex-align: initial;align-items: initial;-webkit-box-pack: initial;-ms-flex-pack: initial;justify-content: initial;display: block;} .imageFull .texto h1 span.big{letter-spacing: 5px; font-size: 33px; line-height: 47px;} .imageFull .texto h1{font-size: 15px; letter-spacing: 2px; line-height: 30px;} .imageFull .texto p.desc{font-size: 16px; line-height: 30px;} .imageFull .mobile_hidden{display: none !important} .imageFull .mobile_only{display: block !important} .imageFull .fondoTrans{padding: 20px;} .imageFull .fondoTrans2 .fondoTrans2 .texto{top:50%; margin-top: -30px; width: 100%; text-align: center; position: absolute;} .imageFull .fondoTrans2 .texto h1{font-size: 12px; line-height: 27px;} .imageFull .fondoTrans2 .texto h1 span.big{font-size: 19px;line-height: 32px; letter-spacing: 5px;} .imageFull .texto h1 span.big.ibiza{font-size: 2.6vw; line-height: 3.5vw; white-space: nowrap;} .imageFull .fondoTrans2 .texto p.desc{font-size: 19px; line-height: 20px; margin-top: 5px; display: inline-block;} /* |-------------------------------------------------------------------------- | Estilos imagen full con texto encima |-------------------------------------------------------------------------- */ .imageFull.textoEncima.derecha.enorme .texto h2{font-size: 3rem; line-height: 2rem;} /* |-------------------------------------------------------------------------- | Estilos para Desplegables |-------------------------------------------------------------------------- */ .vc_tta-panel-body > div{padding: 30px 0px 10px 0 !important; } /* |-------------------------------------------------------------------------- | Estilos eat and drink |-------------------------------------------------------------------------- */ .local a span.info{left: 20px; bottom: 20px; padding-right: 50px;} .local a span.info span.name{font-size: 30px; line-height: 40px;} /* |-------------------------------------------------------------------------- | Estilos para Tabs |-------------------------------------------------------------------------- */ .wpb_wrapper .evc-tabs .wpb_text_column.wpb_content_element{padding-left: 0 !important; padding-right: 0 !important} .evc-tabs{padding-top: 100px; width: auto !important; margin:0 40px; display: block !important} .evc-tabs.evc-t-standard .evc-tabs-nav{position: absolute; top: 0; z-index: 999; padding-left: 0; max-height: 52px;} .evc-tabs.evc-t-standard .evc-tabs-item{padding: 0 !important} .evc-tabs .evc-tabs-nav li{ padding: 0 !important; max-height: 0; overflow: hidden; -webkit-transform-origin: top; transform-origin: top;-webkit-transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);will-change: transform;} .wpb_wrapper .evc-tabs.evc-t-standard .evc-tabs-nav li a{padding: 10px !important; border-top:1px solid #f2f2f2 !important; border-bottom:1px solid #f2f2f2 !important;} .evc-tabs .evc-tabs-nav li.ui-tabs-active{display: block !important; max-height: 100px;} .evc-tabs.evc-t-standard .evc-tabs-nav.open li{display: block !important; max-height: 100px;} .evc-tabs.evc-t-standard .evc-tabs-nav:before {content:"\f107"; z-index: 2; background: none; color:#bf8952; position: absolute; right: 10px; top: 50%; height: auto; width: auto; margin-top: -10px; font:normal normal normal 20px/1 FontAwesome; left: auto;} .evc-tabs.evc-t-standard .evc-tabs-nav:after{display: none;} .evc-tabs .vc_row{display: block;} .evc-tabs .vc_row > div{margin-bottom: 20px;} .evc-tabs .evc-tabs-item p{margin-right: 0 !important} .evc-tabs .wpb_wrapper::after {content: "";right: 0;top: 0px;height: 20%;width: 60%;} /* |-------------------------------------------------------------------------- | Estilos para contenidos del Visual Composer iconos |-------------------------------------------------------------------------- */ .contIconos .vc_col-sm-2{width: 33.33333333% !important; float: left !important;} .contIconos .iconsRoom{font-size: 13px; line-height: 15px;} .contIconos .iconsRoom i{font-size: 30px; padding-bottom: 16px;} /* |-------------------------------------------------------------------------- | Contact block |-------------------------------------------------------------------------- */ .contactBlock{margin-top: 20px;} /* |-------------------------------------------------------------------------- | Estilos para textos detalles |-------------------------------------------------------------------------- */ .textEncantaran:before{content:"Te encantarán!" !important ;position: absolute; color:#fff; font-size: 60px; bottom: 0; left: 0; font-family: 'Playfair Display', Arial, Tahoma, sans-serif;} .textHabitaciones:before{content:"Habitaciones" !important ;position: absolute; color:#fff; font-size: 60px; bottom: 0; right: 0; font-family: 'Playfair Display', Arial, Tahoma, sans-serif;} .textExclusive:before{content:"Exclusive" !important ;position: absolute; color:#fff; font-size: 60px; bottom: 0; left: 0; font-family: 'Playfair Display', Arial, Tahoma, sans-serif;} /* |-------------------------------------------------------------------------- | Estilos para contenidos del Visual Composer servicios |-------------------------------------------------------------------------- */ ul.servicios li{width: 100%; float: none;} } @media (max-width: 600px) { /* |-------------------------------------------------------------------------- | Estilos eat and drink |-------------------------------------------------------------------------- */ .local a span.numero{display: none;} .local a .fraseLateral{font-size: 13px; right: 50px;} .local a .fraseLateral::after {width:30px;} /* |-------------------------------------------------------------------------- | Imagen full arriba |-------------------------------------------------------------------------- */ .imageFull .fondoTrans2 .texto h1 span.big{font-size: 3.7vw; line-height: 5.5vw; letter-spacing: 4px} } @media (max-width: 420px) { /* |-------------------------------------------------------------------------- | Estilos imagen full (imagen superior) |-------------------------------------------------------------------------- */ .imageFull .fondoTrans{padding: 20px;} .imageFull .texto h1{font-size: 11px; line-height: 27px;} .imageFull .texto p.desc{font-size: 13px; line-height: 20px; margin-top: 5px;} /* |-------------------------------------------------------------------------- | Imagen full arriba |-------------------------------------------------------------------------- */ .imageFull .fondoTrans2 .texto h1 span.big{font-size: 3.5vw; line-height: 6.5vw; letter-spacing: 3px;} } @media (orientation: landscape) { .lg-img-wrap .lg-object{-webkit-transform: none !important;transform: none !important; position: relative !important; left: 0;} .lg:after{display: none;} .imageFull .mobile_only{display: none !important;} .imageFull .mobile_hidden{display: block !important;} .imageFull{height: 100vh; overflow: hidden;position: relative;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;display: -webkit-box;display: -ms-flexbox;display: flex;} } @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media { .imageFull .texto h1 span.big{font-weight: bold;} .vc_hotel_home .nombre_hotel{margin-top: 0;} }} @-webkit-keyframes bounceArrow { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(10px); transform: translateY(10px); } 60% { -webkit-transform: translateY(4px); transform: translateY(4px); } } @keyframes bounceArrow { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(10px); transform: translateY(10px); } 60% { -webkit-transform: translateY(4px); transform: translateY(4px); } } @-webkit-keyframes bounceIbizaNueva { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 40% { -webkit-transform: translateX(-8px); transform: translateX(-8px); } 60% { -webkit-transform: translateX(-4px); transform: translateX(-4px); } } @keyframes bounceIbizaNueva { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 40% { -webkit-transform: translateX(-8px); transform: translateX(-8px); } 60% { -webkit-transform: translateX(-4px); transform: translateX(-4px); } } @-webkit-keyframes hop { 10% { -webkit-transform: scale(1.05, 0.9) translateY(3%); transform: scale(1.05, 0.9) translateY(3%); } 15% { -webkit-transform: scale(0.9, 1.1) translateY(-10%); transform: scale(0.9, 1.1) translateY(-10%); } 25% { -webkit-transform: scale(1.05, 0.9) translateY(-20%); transform: scale(1.05, 0.9) translateY(-20%); } 30% { -webkit-transform: scale(1) translateY(-10%); transform: scale(1) translateY(-10%); } 40% { -webkit-transform: scale(1.05, 1) translateY(0); transform: scale(1.05, 1) translateY(0); } 41% { -webkit-transform: scale(1.05, 0.95); transform: scale(1.05, 0.95); } 50% { -webkit-transform: translateY(-10%); transform: translateY(-10%); } 60% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hop { 10% { -webkit-transform: scale(1.05, 0.9) translateY(3%); transform: scale(1.05, 0.9) translateY(3%); } 15% { -webkit-transform: scale(0.9, 1.1) translateY(-10%); transform: scale(0.9, 1.1) translateY(-10%); } 25% { -webkit-transform: scale(1.05, 0.9) translateY(-20%); transform: scale(1.05, 0.9) translateY(-20%); } 30% { -webkit-transform: scale(1) translateY(-10%); transform: scale(1) translateY(-10%); } 40% { -webkit-transform: scale(1.05, 1) translateY(0); transform: scale(1.05, 1) translateY(0); } 41% { -webkit-transform: scale(1.05, 0.95); transform: scale(1.05, 0.95); } 50% { -webkit-transform: translateY(-10%); transform: translateY(-10%); } 60% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes pulsevideo { 0% { @include transform(scale(.9)); } 70% { @include transform(scale(1)); -webkit-box-shadow: 0 0 0 50px rgba(#5a99d4, 0); box-shadow: 0 0 0 50px rgba(#5a99d4, 0); } 100% { @include transform(scale(.9)); -webkit-box-shadow: 0 0 0 0 rgba(#5a99d4, 0); box-shadow: 0 0 0 0 rgba(#5a99d4, 0); } } .has_transition_1200 { -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transition: opacity 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000), -webkit-transform 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: opacity 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000), -webkit-transform 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000), -webkit-transform 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000); will-change: transform, opacity; backface-visibility:hidden; -webkit-backface-visibility: hidden; } .has_transition_1500 { -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transition: opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); will-change: transform, opacity; backface-visibility:hidden; -webkit-backface-visibility: hidden; } .has_transition_1600 { -webkit-transition: -webkit-transform 1600ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1600ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transition: opacity 1600ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1600ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: opacity 1600ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1600ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 1600ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1600ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 1600ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1600ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1600ms cubic-bezier(0.190, 1.000, 0.220, 1.000); will-change: transform, opacity; backface-visibility:hidden; -webkit-backface-visibility: hidden; } .has_transition_2000 { -webkit-transition: -webkit-transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transition: opacity 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: opacity 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); will-change: transform, opacity; backface-visibility:hidden; -webkit-backface-visibility: hidden; } .has_transition_2500 { -webkit-transition: -webkit-transform 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transition: opacity 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: opacity 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); will-change: transform, opacity; backface-visibility:hidden; -webkit-backface-visibility: hidden; } .has_transition_3000 { -webkit-transition: -webkit-transform 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transition: opacity 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: opacity 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); will-change: transform, opacity; backface-visibility:hidden; -webkit-backface-visibility: hidden; } .has_transition_800 { -webkit-transition: -webkit-transform 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transition: opacity 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: opacity 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000); will-change: transform, opacity; backface-visibility:hidden; -webkit-backface-visibility: hidden; } .has_transition_1000 { -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transition: opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); will-change: transform, opacity; backface-visibility:hidden; -webkit-backface-visibility: hidden; } .has_transition_600 { -webkit-transition: -webkit-transform 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transition: opacity 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: opacity 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000),-webkit-transform 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000); will-change: transform, opacity; backface-visibility:hidden; -webkit-backface-visibility: hidden; } .template-art-nuevo .videoplay{display: inline-block; cursor: pointer; text-transform: uppercase; font-family: "Montserrat"; position: absolute; right: 15px; bottom: 15px; line-height: normal; background: rgba(255,255,255,0.9); text-align: center; padding:7px 50px 4px 10px; font-size: 23px; color:#fff; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bf7215+0,c18b47+100 */ background: rgb(191,114,21); /* Old browsers */ background: -moz-linear-gradient(top, rgba(191,114,21,1) 0%, rgba(193,139,71,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(191,114,21,1) 0%,rgba(193,139,71,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(191,114,21,1) 0%,rgba(193,139,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf7215', endColorstr='#c18b47',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18); opacity: 1 !important; z-index:2; } .template-art-nuevo .videoplay i{position: absolute; top:0; right: 0; height: 100%; text-align: center; padding: 0 10px; display: flex; align-items: center; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c18b47+0,bf7215+100 */ background: rgb(193,139,71); /* Old browsers */ background: -moz-linear-gradient(top, rgba(193,139,71,1) 0%, rgba(191,114,21,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(193,139,71,1) 0%,rgba(191,114,21,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(193,139,71,1) 0%,rgba(191,114,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c18b47', endColorstr='#bf7215',GradientType=0 ); /* IE6-9 */ } .template-art-nuevo a:hover .videoplay{opacity: 1 !important; background: #4b4e52 !important;} .template-art-nuevo a:hover .videoplay i{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bf7215+0,c18b47+100 */ background: rgb(191,114,21); /* Old browsers */ background: -moz-linear-gradient(top, rgba(191,114,21,1) 0%, rgba(193,139,71,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(191,114,21,1) 0%,rgba(193,139,71,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(191,114,21,1) 0%,rgba(193,139,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf7215', endColorstr='#c18b47',GradientType=0 ); /* IE6-9 */ } /* |-------------------------------------------------------------------------- | Estilos imagen full (imagen superior) |-------------------------------------------------------------------------- */ .full_height { height: 100%;} .hideGallery{display: none !important} .imageFull img.desktop.scaled {transform: scale(1.02);} .imageFull{height: 100vh;overflow: hidden;position: relative; align-items: center; justify-content: center; display: flex;} .mobile_only{display: none; width: 100% !important; height: auto !important} .imageFull .main_veil {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #FFFFFF;z-index: 10;transform-origin: top;-webkit-transition: all 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: all 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);will-change: transform;} .imageFull .main_veil.hiddenCustom{transform: scale(1,0);} .imageFull img.desktop {position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 0%); max-width: none;} .imageFull img.mob{position: relative; width: auto; width: 100%; max-width: none;} .imageFull .texto{position: absolute; z-index: 10;} .imageFull .texto h1{text-align: center; color:#fff;font-family: "Montserrat"; text-transform: uppercase; letter-spacing: 5px; font-size: 24px; line-height: 48px} .imageFull .texto p.desc{font-family: "Montserrat"; color:#fff; text-align:center; text-transform: uppercase; letter-spacing: 3px; font-size: 30px; line-height: 40px;border-top: 3px solid #fff; padding-top: 10px;} .top_hidden_full p, .top_hidden_full h1{-webkit-transform: translateY(115%);transform: translateY(115%);} /* |-------------------------------------------------------------------------- | Estilos texto more |-------------------------------------------------------------------------- */ .textMore a.more{padding-bottom: 5px; padding-top: 10px; margin-bottom: 0; padding-left: 3px; margin-left: -3px; overflow: hidden; max-height: 50px; letter-spacing: 0; transform-origin: top;-webkit-transition: all 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: all 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);will-change: transform;} .textMore a.more.hide{max-height: 0; padding: 0;} .textMore a.more:after{margin-top: 2px;} .textMore a.more.less{display: inline-block; margin-top: 10px;} .textMore .textHide {overflow: hidden; max-height: 0; transform-origin: top;-webkit-transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);will-change: transform;} .textMore .textHide p{padding-bottom: 26px;} .textMore .textHide .int{font-family: 'Montserrat';letter-spacing: 1px;color: #4b4e52;font-size: 14px;line-height: 26px;} /* |-------------------------------------------------------------------------- | Estilos artista amare |-------------------------------------------------------------------------- */ .artistaAmareArt .nombreArtista a{position: absolute; bottom: 40px; text-align: center; left: 0; width: 100%; cursor: pointer} .artistaAmareArt .nombreArtista a:after{content:""; position: absolute; left: 50%; width: 100%; bottom: -5px; height: 1px; background: #bf8952; max-width: 0; -webkit-transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);will-change: transform;} .artistaAmareArt .nombreArtista a:hover:after{max-width: 100px; margin-left: -50px;} /* |-------------------------------------------------------------------------- | Estilos para Desplegables |-------------------------------------------------------------------------- */ .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a{font-size: 17px; padding-top: 17px !important; padding-bottom: 17px !important} .vc_tta-panel-body{padding: 0px !important; background-color: #fff !important} .vc_tta-panel-body > div{padding: 30px 35px !important} .vc_tta-panel-body p{font-size: 16px; line-height: 18px;} .vc_tta-panel-body ul li{font-size: 16px; line-height: 18px; margin-bottom: 7px; padding-bottom: 7px;} .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::after, .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::before{border-color:#72B431 !important} /* |-------------------------------------------------------------------------- | Estilos para Tabs |-------------------------------------------------------------------------- */ .evc-tabs{overflow: hidden;} .evc-tabs.evc-t-standard .evc-tabs-item{border:none !important;} .evc-tabs.evc-t-standard .evc-tabs-nav{position: relative; padding-left: 30px; background: none !important; border:none} .evc-tabs.evc-t-standard .evc-tabs-item{padding-left: 70px !important; padding-right: 30px !important;} .evc-tabs.evc-t-standard .evc-tabs-nav:after{content:""; position: absolute; top: 50%; left: 0; width: 100%; z-index: -1; height: 1px; background:#838383;} .evc-tabs.evc-t-standard .evc-tabs-nav:before{content:""; position: absolute; top: 0; left: 20px; width: 1px; z-index: -1; height: 200px; background:#838383;} .evc-tabs.evc-t-standard .evc-tabs-nav li:first-child{padding-left: 20px; background: none !important} .evc-tabs.evc-t-standard .evc-tabs-nav li:last-child{padding-right: 20px;} .evc-tabs.evc-t-standard .evc-tabs-nav li a{border:none !important; background: #fff !important; padding: 12px 15px !important; font-family: 'Montserrat';font-size: 19px !important; line-height: 30px !important; text-transform: uppercase; letter-spacing: 3px; font-weight: 400;} .evc-tabs.evc-t-standard .evc-tabs-nav li.ui-tabs-active a{color:#bf8952 !important} .evc-tabs .vc_row{ display: flex;align-items: center;justify-content: center;} .evc-tabs .vc_row .vc--title{ margin-right: 30px; margin-bottom: 40px !important;} .evc-tabs .wpb_wrapper:after{content:""; background: #F8F7F5; right: 50%; top: 25px; height: 50%; width: 30%; z-index: -1; position: absolute;} .evc-tabs .evc-tabs-item{opacity: 0; -webkit-transition: all 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: all 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);will-change: transform;} .evc-tabs .evc-tabs-item.evc-active{opacity: 1;} .evc-tabs .evc-tabs-item p{margin-right: 30px !important;} .evc-tabs .vc_row img{width: 100%;} /* |-------------------------------------------------------------------------- | Estilos para Galeria |-------------------------------------------------------------------------- */ .demo-gallery{position: relative;} .demo-gallery img{width: 100%;} .demo-gallery a.galeriaAmpli{display: inline-block; cursor: pointer; border:1px solid #f2f2f2; position: absolute; right: 15px; bottom: 15px; background: rgba(255,255,255,0.9); text-align: center; width: 50px; height: 50px; line-height: 48px; font-size: 23px; color:#a77541; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .demo-gallery .imageFull a.galeriaAmpli{left: 15px;} .demo-gallery a.galeriaAmpli:hover{opacity: 1; background: rgba(255,255,255,1); transform: scale(1.2);} /* |-------------------------------------------------------------------------- | Estilos para Equipo pagina eventos |-------------------------------------------------------------------------- */ .equipo.eventos{list-style: none; padding: 0; margin-left: 0;} .equipo.eventos li{list-style: none; margin:0 1% 10px 1%; padding: 0; width: 30%; display: inline-block;} .equipo.eventos li:before{display: none;} .equipo.eventos li a{ position: relative; display: block; text-align: center; font-size: 14px; color:#1e1e1e;} .equipo.eventos li img{ margin: auto; display: block; margin-bottom: 10px; width: 100%;} /* |-------------------------------------------------------------------------- | Estilos para Carouseles |-------------------------------------------------------------------------- */ .headerSlide .sliderFullWidth{position: relative; background: #02ACBC} .headerSlide .sliderFullWidth .owl-wrapper{position: relative; -webkit-transition: all 10s ease-in-out; -moz-transition: all 10s ease-in-out;-o-transition: all 10s ease-in-out; transition: all 10s ease-in-out;} .headerSlide .sliderFullWidth .owl-wrapper .item img{width: 100%} .headerSlide .sliderFullWidth .owl-buttons{position: absolute;top: 50%; right: 20px;} .headerSlide .sliderFullWidth .owl-buttons > div {height: 40px !important;display: block !important;font-size: 17px; width: 40px !important; line-height: 38px; border-radius: 50%; overflow: hidden;opacity: 1 !important;text-shadow: none !important; background: rgba(0,0,0,0.3); text-align: center; color:#fff} .headerSlide .sliderFullWidth .owl-buttons > div.owl-next i{-webkit-transition: -webkit-transform 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333),opacity 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333);transition: transform 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333),opacity 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333); will-change: transform, opacity;backface-visibility: hidden;-webkit-backface-visibility: hidden;webkit-animation: arrow_prev 4s cubic-bezier(0.190, 1.333, 0.220, 1.333) 0s infinite;animation: arrow_prev 4s cubic-bezier(0.190, 1.333, 0.220, 1.333) 0s infinite;will-change: transform;} .headerSlide .sliderFullWidth .owl-buttons > div.owl-prev i {-webkit-transition: -webkit-transform 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333),opacity 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333);transition: transform 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333),opacity 1333ms cubic-bezier(0.190, 1.333, 0.220, 1.333);will-change: transform, opacity;backface-visibility: hidden;-webkit-backface-visibility: hidden;webkit-animation: arrow_next 4s cubic-bezier(0.190, 1.333, 0.220, 1.333) 0s infinite;animation: arrow_next 4s cubic-bezier(0.190, 1.333, 0.220, 1.333) 0s infinite;will-change: transform;} .headerSlide .sliderFullWidth .owl-buttons > div.owl-prev{margin-top: -10px;} .headerSlide .sliderFullWidth .owl-buttons > div.owl-next{margin-top: 10px;} /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goRight .6s ease both; -moz-animation: goRight .6s ease both; animation: goRight .6s ease both; } @-webkit-keyframes goDown { from { -webkit-transform: translateX(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateX(-100%); } } @keyframes goDown { from { transform: translateX(-100%); } } @-webkit-keyframes goRight { from { -webkit-transform: translateX(100%); } } @-moz-keyframes goRight { from { -moz-transform: translateX(100%); } } @keyframes goRight { from { transform: translateX(100%); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(1); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(1); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(1); } } @media (max-width: 600px) and (orientation: portrait) { .headerSlide .sliderFullWidth .owl-wrapper .item{height: 450px; width: 100%; overflow: hidden;} .headerSlide .sliderFullWidth .owl-wrapper .item img{height: 100%; width: auto; max-width: none;} .headerSlide .sliderFullWidth::before {content: "Rota el móvil para ver la imagen completa" !important;width: 200px;padding-left: 50px;color: #fff;line-height: 15px;font-size: 11px;z-index: 9;position: absolute;bottom: 15px;left: 10px;background: transparent url("/wp-content/themes/fuertehoteles/img/rotate.png") no-repeat 0 center;} } @media (max-width: 767px) and (orientation: landscape) { .headerSlide .sliderFullWidth .owl-wrapper .item{height: auto; width: 100%; overflow: hidden;} .headerSlide .sliderFullWidth .owl-wrapper .item img{height: auto; width: 100%; max-width: 100%;} .mobileImageBg{display: none;} } /* |-------------------------------------------------------------------------- | Estilos para Responsive |-------------------------------------------------------------------------- */ @media (max-width: 1200px) { .marginTopNeg .vc_column-inner {margin-top: -112px !important} } @media (max-width: 992px) { .hidden_mobile{display: none;} .intFull .paddingMobileTop20{padding-top: 20px !important} .intFull .paddingMobileBottom0{padding-bottom: 0px !important} .intFull .paddingMobileTop40 .vc_column-inner{padding-top: 40px !important} .intFull .paddingMobileBottom40 .vc_column-inner{padding-bottom: 40px !important} .intFull .notPaddingMobileTop{padding-top: 0px !important} .intFull .notMarginMobileBottom{margin-bottom: 0px !important} .intFull .notMarginMobileTop{margin-top: 0px !important} .intFull .marginMobileTop20{margin-top: 20px !important} .intFull .notMarginMobileLeft{margin-left: 0px !important} .intFull .imageBgMobile .vc_column-inner{padding: 200px 0 !important; margin:0 !important} .vc_row.vc_column-gap-20 > .vc_column_container{padding: 0} .container{width: auto !important} .wpb_wrapper .wpb_text_column.wpb_content_element, .textMore{padding-left: 40px !important; padding-right: 40px !important} .wpb_wrapper .wpb_text_column.wpb_content_element.destacado{padding-left: 20px !important; padding-right: 20px !important} .vc_column_container{width: 100% !important} .mobile_only{display: block;} .vc_column_container > .vc_column-inner{margin-top: 0px !important; padding-top: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; margin-bottom: 0px !important} .vc_row.wpb_row.vc_row-fluid{padding-left: 0px !important; padding-right: 0px !important; } .owl-carousel-imagenes .owl-nav{padding-right: 15px;} .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li{margin-bottom: 20px !important;} .fondoImagen.vc_column_container > .vc_column-inner{padding-top: 150px !important; padding-bottom: 150px !important; margin-bottom: 20px !important} .bgTextLeft .vc_column-inner, .bgTextRight .vc_column-inner{background: none !important;} .container .vc_row .wpb_column .wpb_content_element.wpb_images_carousel {padding: 0 !important} .container .vc_row.wpb_row.vc_row-fluid.contIconos .wpb_column .wpb_content_element{padding: 0 !important} .vc_row.wpb_row.vc_row-fluid.contIconos{padding: 0 30px !important} .maxWidth .vc_column-inner .wpb_wrapper{max-width: none;} .greyBgFullLeft .vc_column-inner{padding-bottom: 30px !important; padding-top: 30px !important} .single .menu-lateral-hotel{margin-top:20px;} .wpb_single_image.wpb_content_element{margin-left: 0 !important} .textoMaxWidth{max-width: none;} .textLeft .vc--title{text-align: left !important} .textLeft .hr-right:after{left: 0; right: auto;} .textLeft .wpb_text_column p{text-align: left !important} .textLeft .vc_btn3-right{text-align: left !important} .maxWidth.textLeft .vc_column-inner .wpb_wrapper{margin-left: 0;} /* |-------------------------------------------------------------------------- | ESTILOS CAROUSEL AMARE BEACJ |-------------------------------------------------------------------------- */ .owl-carousel-amare .logos{ margin-left: 5px; margin-top: 10px; } .owl-carousel-amare .logos li a img{border:2px solid #fff} .owl-carousel-amare .logos li.active{width: 70px;} .owl-carousel-amare .logos li:hover{width: 70px;} .owl-carousel-amare .logos li{width: 60px;} /* |-------------------------------------------------------------------------- | Estilos eat and drink |-------------------------------------------------------------------------- */ .local .mobile_only{display: none;} /* |-------------------------------------------------------------------------- | Estilos formularios |-------------------------------------------------------------------------- */ .wpcf7-form{padding: 40px;} /* |-------------------------------------------------------------------------- | Estilos margenes visual Composer |-------------------------------------------------------------------------- */ .paddingMobile{padding-top: 40px !important; padding-bottom: 30px !important;} .container .vc_row .wpb_column .wpb_content_element.paddingMobile{padding-top: 40px !important; padding-bottom: 30px !important;} .marginTopNeg .vc_column-inner {margin-top: 30px !important} .mobileNoMargin.vc_row{margin: 10px 0 0 0 !important} .mobileNoMargin.vc_row.mobileImageBg{margin-top: 0 !important} /* |-------------------------------------------------------------------------- | Estilos para imagenes de fondo de Visual Composer |-------------------------------------------------------------------------- */ .mobileImageBg{position: relative; padding: 200px 0 !important} .mobileImageBg:before{content: "Rota el móvil para ver la imagen completa" !important; width: 200px; padding-left:50px; color:#fff; line-height: 15px; font-size: 11px;z-index: 9; position: absolute; bottom: 10px; left: 10px; background: transparent url("/wp-content/themes/fuertehoteles/img/rotate.png") no-repeat 0 center;} .mobileImageBg.notIconRotate:before{display: none} .mobileImageBg.interior{padding: 0 !important} .mobileImageBg.interior .vc_column-inner{padding: 200px 0 !important; margin-left: 0 !important; margin-right: 0 !important} /* |-------------------------------------------------------------------------- | Estilos artista amare |-------------------------------------------------------------------------- */ .artistaAmareArt{margin-top: 30px;} .artistaAmareArt .nombreArtista{text-align: center; margin-top: 10px; margin-bottom: 20px;} .artistaAmareArt .nombreArtista a{position: relative; bottom: auto; text-align: center; left: auto; width: 100%; cursor: pointer} /* |-------------------------------------------------------------------------- | Estilos salones eventos |-------------------------------------------------------------------------- */ .salones li{width: 29%; margin-bottom:10px} /* |-------------------------------------------------------------------------- | Estilos modulo habitaciones |-------------------------------------------------------------------------- */ .room .room-image{margin-bottom: 60px;} .room .room-image a{display: block;} .room .room-image a::before {display: none !important} .room .room-image a span{ opacity: 1; width: 80%; bottom:0; color:#4b4e52; background: #fff; padding: 10px 15px 15px 15px; font-size: 16px; line-height: 28px;letter-spacing: 1px; margin-top: -28px;-webkit-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.05);-moz-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.05);box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.05); left:10%;} .room .room-image a.more{position: relative; left: 0; margin-left: 0; background: #bf8952; color:#fff; opacity: 1; bottom: -25px;} .room .room-image a.more:hover{background: #e3bc95 !important} /* |-------------------------------------------------------------------------- | Estilos modulo eventos galeria |-------------------------------------------------------------------------- */ .room.events .room-image a:after{display: none;} } @media (max-width: 767px) { .template-art-nuevo .vc--subtitle-maxi{font-size: 21px !important; line-height: 29px !important;} .template-art-nuevo .vc--title-maxi{font-size: 36px !important; line-height: 36px !important; letter-spacing: 3px !important; margin-bottom: 10px !important;} .template-art-nuevo .contactBlock{margin-top: 20px; padding-top: 20px;} .main-image{height: 540px; position: relative;} .main-image img{height: 100%; width: auto; transform: translate(-50%, -50%);position: absolute;top: 50%; left: 50%;} .owl-carousel-imagenes .owl-nav{left: 50%; margin-left: -45px; right: auto;} .vc--title--mini{font-size: 21px; line-height: 33px;} .vc--subtitle{font-size: 18px; line-height: 30px;} .vc--title{font-size: 26px; line-height: 35px;} .superior.vc_row{margin-top: 20px !important;} .superior.vc_row .logo img{max-width: 250px !important} .superior.vc_row .logo .wpb_single_image{margin-bottom: 0 !important} /* |-------------------------------------------------------------------------- | Estilos para Desplegables |-------------------------------------------------------------------------- */ .vc_hotel_home{margin-bottom: 50px;} /* |-------------------------------------------------------------------------- | Estilos imagen full (imagen superior) |-------------------------------------------------------------------------- */ .imageFull .texto h1 span.big{letter-spacing: 5px; font-size: 33px; line-height: 47px;} .imageFull .texto h1{font-size: 15px; letter-spacing: 2px; line-height: 30px;} .imageFull .texto p.desc{font-size: 16px; line-height: 30px;} /* |-------------------------------------------------------------------------- | Estilos para Desplegables |-------------------------------------------------------------------------- */ .vc_tta-panel-body > div{padding: 30px 0px 10px 0 !important; } /* |-------------------------------------------------------------------------- | Estilos eat and drink |-------------------------------------------------------------------------- */ .local a span.info span.name{font-size: 50px; line-height: 55px;} /* |-------------------------------------------------------------------------- | Estilos para Tabs |-------------------------------------------------------------------------- */ .wpb_wrapper .evc-tabs .wpb_text_column.wpb_content_element{padding-left: 0 !important; padding-right: 0 !important} .evc-tabs{padding-top: 100px; width: auto !important; margin:0 40px; display: block !important} .evc-tabs.evc-t-standard .evc-tabs-nav{position: absolute; top: 0; z-index: 999; padding-left: 0; max-height: 52px;} .evc-tabs.evc-t-standard .evc-tabs-item{padding: 0 !important} .evc-tabs .evc-tabs-nav li{ padding: 0 !important; max-height: 0; overflow: hidden; transform-origin: top;-webkit-transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);will-change: transform;} .wpb_wrapper .evc-tabs.evc-t-standard .evc-tabs-nav li a{padding: 10px !important; border-top:1px solid #f2f2f2 !important; border-bottom:1px solid #f2f2f2 !important;} .evc-tabs .evc-tabs-nav li.ui-tabs-active{display: block !important; max-height: 100px;} .evc-tabs.evc-t-standard .evc-tabs-nav.open li{display: block !important; max-height: 100px;} .evc-tabs.evc-t-standard .evc-tabs-nav:before {content:"\f107"; z-index: 2; background: none; color:#bf8952; position: absolute; right: 10px; top: 50%; height: auto; width: auto; margin-top: -10px; font:normal normal normal 20px/1 FontAwesome; left: auto;} .evc-tabs.evc-t-standard .evc-tabs-nav:after{display: none;} .evc-tabs .vc_row{display: block;} .evc-tabs .vc_row > div{margin-bottom: 20px;} .evc-tabs .evc-tabs-item p{margin-right: 0 !important} .evc-tabs .wpb_wrapper::after {content: "";right: 0;top: 0px;height: 20%;width: 60%;} /* |-------------------------------------------------------------------------- | Estilos para contenidos del Visual Composer iconos |-------------------------------------------------------------------------- */ .contIconos .vc_col-sm-2{width: 33.33333333% !important; float: left !important;} .contIconos .iconsRoom{font-size: 13px; line-height: 15px;} .contIconos .iconsRoom i{font-size: 30px; padding-bottom: 16px;} /* |-------------------------------------------------------------------------- | Estilos para textos detalles |-------------------------------------------------------------------------- */ .textEncantaran:before{content:"Te encantarán!" !important ;position: absolute; color:#fff; font-size: 60px; bottom: 0; left: 0; font-family: 'Playfair Display', Arial, Tahoma, sans-serif;} .textHabitaciones:before{content:"Habitaciones" !important ;position: absolute; color:#fff; font-size: 60px; bottom: 0; right: 0; font-family: 'Playfair Display', Arial, Tahoma, sans-serif;} .textExclusive:before{content:"Exclusive" !important ;position: absolute; color:#fff; font-size: 60px; bottom: 0; left: 0; font-family: 'Playfair Display', Arial, Tahoma, sans-serif;} /* |-------------------------------------------------------------------------- | Estilos para contenidos del Visual Composer servicios |-------------------------------------------------------------------------- */ ul.servicios li{width: 100%; float: none;} } @media (max-width: 600px) { /* |-------------------------------------------------------------------------- | Estilos eat and drink |-------------------------------------------------------------------------- */ .local a span.numero{display: none;} .local a .fraseLateral{font-size: 13px; right: 50px;} .local a .fraseLateral::after {width:30px;} /* |-------------------------------------------------------------------------- | Estilos carousel amare beach |-------------------------------------------------------------------------- */ .owl-carousel-amare{margin-top: 25px; position: relative;} .owl-carousel-amare .logos{left: 0; right: auto} } @-webkit-keyframes bounceArrow { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(10px); transform: translateY(10px); } 60% { -webkit-transform: translateY(4px); transform: translateY(4px); } } @keyframes bounceArrow { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(10px); transform: translateY(10px); } 60% { -webkit-transform: translateY(4px); transform: translateY(4px); } } @-moz-keyframes bounceIbizaNueva { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateX(0); transform: translateX(0); } 40% { -moz-transform: translateX(-8px); transform: translateX(-8px); } 60% { -moz-transform: translateX(-4px); transform: translateX(-4px); } } @-webkit-keyframes bounceIbizaNueva { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 40% { -webkit-transform: translateX(-8px); transform: translateX(-8px); } 60% { -webkit-transform: translateX(-4px); transform: translateX(-4px); } } @keyframes bounceIbizaNueva { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } 40% { -moz-transform: translateX(-8px); -ms-transform: translateX(-8px); -webkit-transform: translateX(-8px); transform: translateX(-8px); } 60% { -moz-transform: translateX(-4px); -ms-transform: translateX(-4px); -webkit-transform: translateX(-4px); transform: translateX(-4px); } } .has_transition_1200 { -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000); will-change: transform, opacity; backface-visibility:hidden; -webkit-backface-visibility: hidden; } .has_transition_1500 { -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); will-change: transform, opacity; backface-visibility:hidden; -webkit-backface-visibility: hidden; } .has_transition_1600 { -webkit-transition: -webkit-transform 1600ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1600ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 1600ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1600ms cubic-bezier(0.190, 1.000, 0.220, 1.000); will-change: transform, opacity; backface-visibility:hidden; -webkit-backface-visibility: hidden; } .has_transition_2000 { -webkit-transition: -webkit-transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); will-change: transform, opacity; backface-visibility:hidden; -webkit-backface-visibility: hidden; } .has_transition_2500 { -webkit-transition: -webkit-transform 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); will-change: transform, opacity; backface-visibility:hidden; -webkit-backface-visibility: hidden; } .has_transition_3000 { -webkit-transition: -webkit-transform 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); will-change: transform, opacity; backface-visibility:hidden; -webkit-backface-visibility: hidden; } .has_transition_800 { -webkit-transition: -webkit-transform 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000); will-change: transform, opacity; backface-visibility:hidden; -webkit-backface-visibility: hidden; } .has_transition_1000 { -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); will-change: transform, opacity; backface-visibility:hidden; -webkit-backface-visibility: hidden; } .has_transition_600 { -webkit-transition: -webkit-transform 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000); will-change: transform, opacity; backface-visibility:hidden; -webkit-backface-visibility: hidden; } .template-art-nuevo .enlace-amigos{display: block !important} .template-art-nuevo #booking-mobile-desktop{display: none !important} .template-art-nuevo #booking-mobile-search{display: block !important; position: fixed; bottom:0 !important; width: 1px; height: 1px; z-index: 9} .template-art-nuevo #booking-mobile-search .b-booking{background: none; transform:none; left: 0; bottom: auto} .template-art-nuevo #booking-mobile-search .b-booking > .btn-booking{left: auto !important; right: -100% !important; bottom: 0; z-index: 2; top: auto !important; transform:none; background: none; width: auto !important; display: none !important; height: auto !important; transform-origin: top;-webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);will-change: transform; position:fixed;} .template-art-nuevo #booking-mobile-search .b-booking > .btn-booking{background: #a77541;height: auto !important; padding: 13px 30px 10px 30px; font-size: 20px; letter-spacing: 2px; width: 100%} .template-art-nuevo #booking-mobile-search .b-booking.open > .btn-booking{left: auto !important; right: 0 !important} .template-art-nuevo #booking-mobile-search .cerrar-modal-booking{z-index: 9999; position: relative; float: none;background: none; margin-bottom: 20px;border:1px solid #ccc; width: 40px; height: 40px; color:#ccc; line-height: 30px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .template-art-nuevo #booking-mobile-search .cerrar-modal-booking:hover{color:#fff; background: #a77541; border:1px solid transparent} .template-art-nuevo #booking-mobile-search .b-booking .modal{position: absolute; top: 0; left: 0 !important; left: auto; top: auto; opacity: 1;} .template-art-nuevo #booking-mobile-search .modal-body{padding: 0;} .template-art-nuevo #booking-mobile-search .modal-body:before{content:url("/wp-content/themes/fuertehoteles/img/logo.png"); display: block; text-align: center; margin:20px 0;} .template-art-nuevo #booking-mobile-search .booking-dates{background: none; width: 100%} .template-art-nuevo #booking-mobile-search .input-booking{width: 100%; border:2px solid #cccccc; margin-bottom: 20px; line-height: 34px; font-family: "Montserrat"; font-size: 18px; font-style: normal;} .template-art-nuevo #booking-mobile-search .select-adultos{width: 100%; padding: 0 10px; border:2px solid #cccccc; margin-bottom: 0px; line-height:34px; font-family: "Montserrat"; font-size: 18px; font-style: normal;} .template-art-nuevo #booking-mobile-search #b-booking .icon-login{display: none;} .template-art-nuevo #booking-mobile-search #modal-booking{opacity: 0; -webkit-transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);will-change: transform; display: block !important; position:fixed; left:0; top: 140% !important; overflow: visible;} .template-art-nuevo #booking-mobile-search #modal-booking.in{top: 0px !important; opacity: 1;} .template-art-nuevo #booking-mobile-search .picker{width: 300px;} .template-art-nuevo #booking-mobile-search #b-booking .span-adultos{width: 22%;} .template-art-nuevo #booking-mobile-search #b-booking .span-adultos:after {line-height: 37px; background: none; } .template-art-nuevo #booking-mobile-search #b-booking .input-booking{margin:0;} .template-art-nuevo .reserva{margin: 0 4px;} .template-art-nuevo #booking-mobile-search #b-booking input.btn-booking.btn-booking-mobile{font-size: 20px; width: calc(100% - 15px); margin-left: 3px; letter-spacing: 2px; height: 55px; padding: 10px 50px; background: #a77541;} .template-art-nuevo ::-webkit-input-placeholder { font-style: normal; } .template-art-nuevo :-moz-placeholder { font-style: normal; } .template-art-nuevo ::-moz-placeholder { font-style: normal; } .template-art-nuevo :-ms-input-placeholder { font-style: normal; } .template-art-nuevo .navbar-amare{background: none !important} .template-art-nuevo .navbar-flex li, .template-art-nuevo .navbar-flex li a{color:#fff;} .template-art-nuevo .navbar-flex .dropdown-menu li a{color:#4b4e52 !important} .template-art-nuevo .navbar-flex .dropdown-menu li a:hover{color: #a77541;} .template-art-nuevo .navbar-flex li, .template-nueva-portada .navbar-flex li a{color:#fff;} .template-art-nuevo .navbar-flex li{padding-left: 0px;} .template-art-nuevo .navbar-flex li .dropdown-menu a:hover{color:#a77541} .template-art-nuevo .navbar-flex li.navbar-flex li.phone-header.dropdown:first-child{text-transform: uppercase; margin-top: -1px;} .template-art-nuevo .navbar-flex li.navbar-flex li.phone-header.dropdown:first-child a{font-size: 14px; letter-spacing: 1px} .template-art-nuevo .phone-header .dropdown-menu .dropdown-phone-title {color: #a77541;} .template-art-nuevo .navbar-nav.der > li > a.dropdown-toggle span.line{background: #fff !important} .template-art-nuevo #booking-mobile-search .modal-content{margin: 50px auto 0 auto; padding: 0; background: none; width: 100%; text-align: center; padding: 20px 30px 10px 30px; max-width: 800px; -webkit-box-shadow:none;box-shadow: none;} .template-art-nuevo .b-booking__inner{display: block;} .template-art-nuevo #booking-mobile-search .modal-dialog{top: 0; transform: none; width: 100%; position: absolute; left: 0; height: 100%; background: #fff url("../img/bgreserva.jpg") no-repeat bottom center; background-size:100% auto; display: block; justify-content: center;} .template-art-nuevo .b-booking__inner .booking-form{display: block; } html.template-art-nuevo{margin-top: 0 !important} html.template-art-nuevo .bold, html.template-art-nuevo .btn-default, html.template-art-nuevo b, html.template-art-nuevo strong{font-family: 'mRegular';} .template-art-nuevo .lg-backdrop{z-index:10001 } .template-art-nuevo .lg-outer{z-index:10002 } .template-art-nuevo .navbar-amare{background: none !important} .template-art-nuevo .navbar-amare.scrollDown{background: #fff !important} .template-art-nuevo .navbar-amare.hideMobile{background: none !important} .template-art-nuevo .navbar-amare.scrollDown.notBg{background: none !important} .template-art-nuevo .intFull{overflow: hidden;} .template-art-nuevo .logo-img{max-height: 34px;} .template-art-nuevo .nav > li > a:focus, .template-art-nuevo .nav > li > a:hover{background: none;} .template-art-nuevo .navbar-nav.der > li > a.dropdown-toggle span.line{height: 2px;} .template-art-nuevo .navbar-flex{margin-right: 3px;} .template-art-nuevo #booking-mobile-desktop{display: none !important} .template-art-nuevo #booking-mobile-search{display: block !important; position: fixed; bottom:0 !important; width: 1px; height: 1px; z-index: 9} .template-art-nuevo #booking-mobile-search .b-booking{background: none; transform:none; left: 0; bottom: auto} .template-art-nuevo #booking-mobile-search .b-booking > .btn-booking{left: auto !important; right: -100% !important; bottom: 0; z-index: 2; top: auto !important; transform:none; background: none; width: auto !important; display: block !important; height: auto !important; transform-origin: top;-webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);will-change: transform; position:fixed; overflow:hidden;} .template-art-nuevo #booking-mobile-search .b-booking > .btn-booking{background: #a77541;height: auto !important; padding: 13px 50px 10px 50px; font-size: 24px; letter-spacing: 2px; width: 100%} .template-art-nuevo #booking-mobile-search .b-booking.open > .btn-booking{left: auto !important; right: 0 !important; overflow: hidden;} .template-art-nuevo #booking-mobile-search .cerrar-modal-booking{z-index: 9999; position: relative; float: none;background: none; margin-bottom: 20px;border:1px solid #ccc; width: 40px; height: 40px; color:#ccc; line-height: 30px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .template-art-nuevo #booking-mobile-search .cerrar-modal-booking:hover{color:#fff; background: #a77541; border:1px solid transparent} .template-art-nuevo #booking-mobile-search .b-booking .modal{position: absolute; top: 0; left: 0 !important; left: auto; top: auto; opacity: 1;} .template-art-nuevo #booking-mobile-search .modal-body{padding: 0;} .template-art-nuevo #booking-mobile-search .modal-body:before{content:url("/wp-content/themes/fuertehoteles/img/logo.png"); display: block; text-align: center; margin:20px 0;} .template-art-nuevo #booking-mobile-search .booking-dates{background: none; width: 100%} .template-art-nuevo #booking-mobile-search .input-booking{width: 100%; border:2px solid #cccccc; margin-bottom: 20px; line-height: 34px; font-family: "Montserrat"; font-size: 18px; font-style: normal;} .template-art-nuevo #booking-mobile-search .select-adultos{width: 100%; padding: 0 10px; border:2px solid #cccccc; margin-bottom: 0px; line-height:34px; font-family: "Montserrat"; font-size: 18px; font-style: normal;} .template-art-nuevo #booking-mobile-search #b-booking .icon-login{display: none;} .template-art-nuevo #booking-mobile-search #modal-booking{-webkit-transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);will-change: transform; display: block !important; position:fixed; left:0; top: 100% !important; overflow: visible;} .template-art-nuevo #booking-mobile-search #modal-booking.in{top: 0px !important} .template-art-nuevo #booking-mobile-search .picker{width: 300px;} .template-art-nuevo #booking-mobile-search #b-booking .span-adultos{width: 22%;} .template-art-nuevo #booking-mobile-search #b-booking .span-adultos:after {line-height: 37px; background: none; } .template-art-nuevo #booking-mobile-search #b-booking .input-booking{margin:0;} .template-art-nuevo .reserva{margin: 0 4px;} .template-art-nuevo #booking-mobile-search #b-booking input.btn-booking.btn-booking-mobile{font-size: 20px; width: calc(100% - 15px); margin-left: 3px; letter-spacing: 2px; height: 55px; padding: 10px 50px; background: #a77541;} .template-art-nuevo #booking-mobile-search .b-booking > .btn-booking:hover{background-color: #4b4e52 !important;} .template-art-nuevo #booking-mobile-search .b-booking > .btn-booking:after { content:''; top:0; width:40%; height:100%; position: absolute; z-index:1; transform: translateX(-300px) skew(-10deg, 0deg); -webkit-transform: translateX(-300px) skew(-10deg, 0deg); -moz-transform: translateX(-300px) skew(-10deg, 0deg); -ms-transform: translateX(-300px) skew(-10deg, 0deg); -o-transform: translateX(-300px) skew(-10deg, 0deg); animation: shine 8s; animation-iteration-count: infinite; animation-delay: 10s; -webkit-animation: shine 8s; -webkit-animation-iteration-count: infinite; -webkit-animation-delay: 10s; -moz-animation: shine 8s; -moz-animation-iteration-count: infinite; -moz-animation-delay: 10s; -ms-animation: shine 8s; -ms-animation-iteration-count: infinite; -ms-animation-delay: 10s; -o-animation: shine 8s; -o-animation-iteration-count: infinite; -o-animation-delay: 10s; opacity: 0.5; /* CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/ */ background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */ } /* */ @keyframes shine { 0% {transform:translateX(-300px) skew(-10deg, 0deg); } 100% {transform:translateX(600%) skew(-10deg, 0deg);} } @-webkit-keyframes shine { 0% {transform:translateX(-300px) skew(-10deg, 0deg); } 100% {transform:translateX(600%) skew(-10deg, 0deg); } } @-moz-keyframes shine { 0% {transform:translateX(-300px) skew(-10deg, 0deg); } 100% {transform:translateX(600%) skew(-10deg, 0deg);} } @-ms-keyframes shine { 0% {transform:translateX(-300px) skew(-10deg, 0deg); } 100% {transform:translateX(600%) skew(-10deg, 0deg); } } @-o-keyframes shine { 0% {transform:translateX(-300px) skew(-10deg, 0deg);} 100% {transform:translateX(600%) skew(-10deg, 0deg); } } .template-art-nuevo ::-webkit-input-placeholder { font-style: normal; } .template-art-nuevo :-moz-placeholder { font-style: normal; } .template-art-nuevo ::-moz-placeholder { font-style: normal; } .template-art-nuevo :-ms-input-placeholder { font-style: normal; } .template-art-nuevo .navbar-amare{background: none !important} .template-art-nuevo .navbar-flex li, .template-nueva-portada .navbar-flex li a{color:#fff;} .template-art-nuevo .navbar-flex li{padding-left: 0px;} .template-art-nuevo .navbar-flex li .dropdown-menu a:hover{color:#a77541} .template-art-nuevo .navbar-flex li.navbar-flex li.phone-header.dropdown:first-child{text-transform: uppercase; margin-top: -1px;} .template-art-nuevo .navbar-flex li.navbar-flex li.phone-header.dropdown:first-child a{font-size: 14px; letter-spacing: 1px} .template-art-nuevo .navbar-flex li .dropdown-menu, .template-nueva-portada .navbar-flex li .dropdown-menu a {color: #4b4e52;} .template-art-nuevo .navbar-flex .dropdown-menu li:first-child{display: block;} .template-art-nuevo .phone-header .dropdown-menu .dropdown-phone-title {color: #a77541;} .template-art-nuevo .navbar-flex li, .template-art-nuevo .navbar-flex li a{color:#fff;} .template-art-nuevo .navbar-flex li:last-child a img{display: none;} .template-art-nuevo .navbar-nav.der > li > a.dropdown-toggle span.line{background: #fff !important} .template-art-nuevo #booking-mobile-search .modal-content{margin: 50px auto 0 auto; padding: 0; background: none; width: 100%; text-align: center; padding: 20px 30px 10px 30px; max-width: 800px; -webkit-box-shadow:none;box-shadow: none;} .template-art-nuevo .b-booking__inner{display: block;} .template-art-nuevo #booking-mobile-search .modal-dialog{top: 0; transform: none; width: 100%; position: absolute; left: 0; height: 100%; background: #fff url("../img/bgreserva.jpg") no-repeat bottom center; background-size:100% auto; display: block; justify-content: center;} .template-art-nuevo .b-booking__inner .booking-form{display: block; } /*VIDEO FULL*/ .template-art-nuevo .video_panel{overflow: hidden; text-align: right;} /* END VIDEO */ /* MODAL*/ .template-art-nuevo .iziModal-header{background: #333 !important} .template-art-nuevo .iziModal-header h2{font-family: "Montserrat" !important; letter-spacing: 3px; color: #ffffff; font-size: 28px; line-height: 31px;text-transform: uppercase; font-weight: normal;} .template-art-nuevo .iziModal-header-subtitle{color:#a77541 !important; font-size: 14px; letter-spacing: 1.4px;font-family: 'Montserrat' !important;} .template-art-nuevo .iziModal-content{padding:0 0 30px 0 !important} .template-art-nuevo .iziModal-content img{width: 100%; height: auto;} .template-art-nuevo .iziModal-content p{padding: 0; margin-bottom: 10px; line-height:22px; } .template-art-nuevo .iziModal-content p.visible{padding: 20px 0px;} .template-art-nuevo .iziModal-content p.vc--title-mini{margin-bottom: 15px;} .template-art-nuevo .modalNuevo{border-bottom: 3px solid #f5efe9 !important} .template-art-nuevo .iziModal-navigate > button{opacity: 0.6} .template-art-nuevo .modalNuevo .text, .template-art-nuevo .modalNuevo .text ul {margin-bottom: 20px} .template-art-nuevo .modalNuevo .text{padding: 40px !important; font-family: 'Montserrat';letter-spacing: 1px;color: #4b4e52;font-size: 14px;line-height: 26px} .template-art-nuevo .modalNuevo .text ul.services {display: flex; flex-wrap: wrap;} .template-art-nuevo .modalNuevo .text ul.services li{padding: 8px 15px !important; font-family: 'Montserrat';letter-spacing: 1px;color: #4b4e52;font-size: 14px; background: #f6f4f1; margin: 0.2%; width: 48%; line-height: 20px;} /* END MODAL */ /*CAROUSEL EVENTOS*/ .template-art-nuevo .owl-carousel-eventos .interior{padding: 0 30px;} .template-art-nuevo .owl-carousel-eventos .interior a{display: block; position: relative; z-index: 1; overflow: hidden;;} .template-art-nuevo .owl-carousel-eventos .interior img{width: 100%; border:1px solid #f2f2f2; line-height: 0;} .template-art-nuevo .interior.eventoVideo a:after{content:""; position: absolute; z-index: 0; left: 100%; top: 0; height: 100%; width: 100%; background: rgba(167,117,65,0.4); transform-origin: top;-webkit-transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);will-change: transform;} .template-art-nuevo .interior.eventoVideo a:hover:after{ left: 0;} .template-art-nuevo #carouselEventos{padding-bottom: 40px;} .template-art-nuevo .owl-controls{bottom: 0; top: auto; text-align: center;} .template-art-nuevo .owl-controls .owl-page{display: inline-block; margin:0 6px;} .template-art-nuevo .owl-controls span{width: 13px; height: 13px; background: #f2f2f2; display: inline-block; -webkit-border-radius: 13px;-moz-border-radius: 13px;border-radius:13px;} .template-art-nuevo .owl-controls .owl-page.active span{background: #a77541;} /* END CAROUSEL EVENTOS */ /*IMAGEN FULL*/ .template-art-nuevo .full_height { height: 100%;} .template-art-nuevo .imageFull img.desktop.scaled {transform: scale(1.02);} .template-art-nuevo .imageFull{height: 100vh;overflow: hidden;position: relative; align-items: center; justify-content: center; display: flex;} .template-art-nuevo .mobile_only{display: none; width: 100% !important; height: auto !important} .template-art-nuevo .imageFull .main_veil {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #FFFFFF;z-index: 10;transform-origin: top;-webkit-transition: all 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: all 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);will-change: transform;} .template-art-nuevo .imageFull .main_veil.hiddenCustom{transform: scale(1,0);} .template-art-nuevo .imageFull img.desktop {position: absolute;bottom: 0; -webkit-transition: none;transition: none;} .template-art-nuevo .imageFull img.animate{-webkit-transition: transform 3500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: transform 3500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);} .template-art-nuevo .bgLeft .imageFull img.desktop{left: 0;} .template-art-nuevo .imageFull img.mob{position: relative; width: auto; width: 100%;} .template-art-nuevo .imageFull .texto{z-index: 10;left: 50%;transform: translate(-50%,-50%); top: 50%;} .template-art-nuevo .imageFull .texto h1{text-align: center; color:#fff;font-family: "Montserrat"; text-transform: uppercase; letter-spacing: 5px; font-size: 24px; line-height: 48px} .template-art-nuevo .imageFull .texto h1 span.big{font-size: 1.5vw; line-height: 2.5vw; display: block; padding-bottom: 0px; margin-bottom: 0px; letter-spacing: 8px; white-space: nowrap;} .template-art-nuevo .imageFull .texto p.desc{font-family: "Montserrat"; color:#fff; text-align:center; text-transform: uppercase; letter-spacing: 3px; font-size: 30px; line-height: 40px;border-top: 3px solid #fff; padding-top: 10px;} .template-art-nuevo .top_hidden_full p, .template-art-nuevo .top_hidden_full h1{-webkit-transform: translateY(115%);transform: translateY(115%);} .template-art-nuevo .imageFull a.imagenLink{ width: 100%; height: 100%; position: absolute; bottom: 0; -webkit-transition: transform 3500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 3500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); } .template-art-nuevo .imageFull a.imagenLinkMobile{ width: 100%; height: auto; position: relative; -webkit-transition: transform 3500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 3500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); } /*END IMAGE FULL*/ /* TEXT MORE*/ .template-art-nuevo .textMore a.more{padding-bottom: 10px; overflow: hidden; max-height: 50px; letter-spacing: 0; transform-origin: top;-webkit-transition: all 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: all 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);will-change: transform;} .template-art-nuevo .textMore a.more.hide{max-height: 0; padding: 0;} .template-art-nuevo .textMore a.more:after{margin-top: -3px;} .template-art-nuevo .textMore a.more.less{display: inline-block; margin-top: 10px;font-size: 14px;} .template-art-nuevo .textMore .textHide {overflow: hidden; max-height: 0; transform-origin: top;-webkit-transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: all 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);will-change: transform;} .template-art-nuevo .textMore .textHide.lento{-webkit-transition: all 4500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: all 4500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);will-change: transform;} .template-art-nuevo .textMore .textHide p{padding-bottom: 26px;} .template-art-nuevo .textMore .textHide .int{font-family: 'Montserrat';letter-spacing: 1px;color: #4b4e52;font-size: 14px;line-height: 26px;} /*END TEXT MORE*/ .template-art-nuevo .reverse{flex-direction: row-reverse;} .template-art-nuevo .modal-backdrop{display: none !important} .template-art-nuevo .textos a{color:#a77541} .template-art-nuevo a:hover{color:#4b4e52} .template-art-nuevo{height: auto; overflow: auto !important} .template-art-nuevo .vegas-background, .template-art-nuevo .vegas-loading{display: none!important;} .template-art-nuevo body{height: auto; overflow: auto !important} .template-art-nuevo .color{color:#a77541 !important} .template-art-nuevo .colorWhite{color:#c8c8c8} .template-art-nuevo .scroll{position: relative; height: 100vh; width: 100%; overflow: hidden;} .template-art-nuevo .scroll .intFull{-webkit-transition: -webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;will-change: transform, opacity;backface-visibility: hidden;-webkit-backface-visibility: hidden;} .template-art-nuevo footer{float: none;} .template-art-nuevo .overflowHidden{overflow: hidden;will-change: transform;} .template-art-nuevo .top_hidden img{-webkit-transform: translateY(103%);transform: translateY(103%);} .template-art-nuevo .owl-carousel-eventos{padding: 0 20px;} .template-art-nuevo .owl-carousel-eventos img{ width: 100% !important} .template-art-nuevo .top_hidden .vc--subtitle, .template-art-nuevo .top_hidden p, .template-art-nuevo .top_hidden .vc--title{-webkit-transform: translateY(115%);transform: translateY(115%);} .template-art-nuevo .top_hidden .vc--title-maxi, .template-art-nuevo .top_hidden .vc--subtitle-maxi{-webkit-transform: translateY(110%);transform: translateY(110%);} .template-art-nuevo .imageFull .fondoTrans{opacity: 1; background: rgba(50,50,50,0.7);padding: 20px 30px;-webkit-transition: -webkit-transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);} .template-art-nuevo .top_hidden_full .imageFull .fondoTrans{ opacity: 0; } .template-art-nuevo #lg-counter, .template-art-nuevo #lg-share, .template-art-nuevo #lg-actual-size, .template-art-nuevo #lg-zoom-out, .template-art-nuevo #lg-zoom-in{display: none;} /* Image with 'data' attribute is hidden */ .template-art-nuevo img { /* we set the opacity to 0 */ -webkit-transition: -webkit-transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); will-change: transform, opacity; backface-visibility: hidden; -webkit-backface-visibility: hidden; overflow: hidden; will-change: transform; } /* Image without 'data' attribute is (or becomes) visible */ .template-art-nuevo img.lazyloaded { /* we set the opacity to 1 to do the magic */ opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } .template-art-nuevo .row{text-align: left;} .template-art-nuevo .bookDirect li {font-family: 'Montserrat'; letter-spacing: 1px; color: #4b4e52; font-size: 17px; line-height: 23px; position: relative; padding-left: 82px; margin-bottom: 49px;} .template-art-nuevo .bookDirect li img{position: absolute; left: 0; top: 0; margin-top: 0px;} .template-art-nuevo .main-image{line-height: 0} .template-art-nuevo .main-video{line-height: 0} .template-art-nuevo .vc_btn3{background:#C08A4D !important; color:#fff !important; border:none !important; padding: 12px 25px 10px 25px !important; font-family: "Montserrat"; font-size: 30px !important; letter-spacing: 4px;-webkit-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.07) !important; -moz-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.07) !important; box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.07) !important;} .template-art-nuevo .lg-outer .lg-video-cont{max-width: none; } .template-art-nuevo .overflowVisible{overflow: visible;} .template-art-nuevo .arrowSup:before{content:"\f0d8"; font-family: "FontAwesome"; position: absolute; top: -40px; font-size: 60px; right: 20%; color:#f6f4f1;} .template-art-nuevo #content{position: relative; z-index: 1;} .template-art-nuevo body p{font-family: 'Montserrat'; letter-spacing: 1px; color:#4b4e52; font-size: 14px; line-height: 22px;} .template-art-nuevo .marginBottom50{margin-bottom: 50px !important;} .template-art-nuevo .marginBottom20{margin-bottom: 20px;} .template-art-nuevo .content_resto{-webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;} .template-art-nuevo #primary{margin-top: 0 !important; margin: auto; float: none !important; padding: 0 !important; max-width: 1200px;} .template-art-nuevo #cabecera, .template-art-nuevo #cabecera-reservas{display: none;} .template-art-nuevo .relative{position: relative; z-index: 2;} .template-art-nuevo a.more{color:#a77541; display: inline-block; z-index: 1; padding-right: 42px; margin-top: 10px; position: relative; cursor: pointer; font-size: 16px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .template-art-nuevo a.more:after{content: "\f178";font-family: "FontAwesome"; position: absolute; right: 20px; font-size: 11px; top: 50%; margin-top: 1px; line-height: 0;} .template-art-nuevo a.more:before{content:""; background:#a775411a; position: absolute; margin-top: -5%; margin-left: -12%; height: 120%; width: 0; -webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);} .template-art-nuevo a.more.black:before{content:""; background:rgba(0,0,0,0.3); z-index: -1; position: absolute; margin-top: -5%; margin-left: -12%; height: 120%; width: 100%; -webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);} .template-art-nuevo a.more:hover:before{width: 100%;} .template-art-nuevo a.more.black:hover:before{width: 0%} .template-art-nuevo a.more:hover:after{-moz-animation: bounceIbizaNueva 3s infinite;-webkit-animation: bounceIbizaNueva 3s infinite;animation: bounceIbizaNueva 3s infinite;} .template-art-nuevo .top_hidden_full.normalSlide:after{opacity: 0} .template-art-nuevo .top_hidden_full.normalSlide:before{opacity: 0} .template-art-nuevo .normalSlide:after{content:url('../img/detailmore.png') !important; z-index: 3; display: inline-block !important; width: auto !important; position: absolute; left: 50%; margin-left: -50px; height: auto !important; bottom: -3px; overflow: visible !important; visibility: visible !important; transition: opacity 0.3s;-webkit-transition: opacity 0.3s;} .template-art-nuevo .normalSlide:before{content:url('../img/arrow.png') !important; z-index: 4; display: inline-block !important; width: auto !important; position: absolute; left: 50%; margin-left: -12px; height: auto !important; bottom: 4px; overflow: visible !important; visibility: visible !important; -webkit-animation: bounceArrow 2s infinite;animation: bounceArrow 2s infinite; transition: opacity 0.3s;-webkit-transition: opacity 0.3s;} .template-art-nuevo .lateralLine{position: relative; padding-left: 30px;} .template-art-nuevo .lateralLine:after{content: ""; position: absolute; left: 0px; top: 30px; height: 130%; width: 2px; background: #a77541} .template-art-nuevo .lateralLine.sup:after{content: ""; position: absolute; left: 0px; top: -50px; height: 130%; width: 2px; background: #a77541} .template-art-nuevo .imgFull.wpb_single_image .vc_single_image-wrapper{display: block !important} .template-art-nuevo .imgFull.wpb_single_image .vc_figure{display: block !important} .template-art-nuevo .imgFull.wpb_single_image img{width: 100% !important} .template-art-nuevo .imgBorder img{border:1px solid #eaeaea} .template-art-nuevo .bgCenterFull{background-position: center !important; background-size: 100% auto !important} .template-art-nuevo .navbar{z-index: 4} .template-art-nuevo .navbar:after{content:""; z-index: -1; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #fff; max-height: 0; -webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);-webkit-box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.14);-moz-box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.14);box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.14);} .template-art-nuevo .navbar.scrollDown:after{max-height: 98px; background: rgba(255,255,255,0); -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;} .template-art-nuevo .navbar.scrollDown:hover::after{background: rgba(255,255,255,1); -webkit-box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.14);-moz-box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.14);box-shadow:none;box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.14);} .template-art-nuevo .navbar.scrollDown .navbar-nav.der > li > a.dropdown-toggle span.line{background: #4b4e52 !important} .template-art-nuevo .navbar.scrollDown .navbar-nav li a{color: #4b4e52 !important} .template-art-nuevo .b-booking{z-index: 3; position: relative;} .template-art-nuevo .detailImageSup:after{content:url("../img/detailLines.png"); position: absolute; top: -90px; left: -100px; z-index: -1} .template-art-nuevo .lifestyleDetail .vc_single_image-wrapper:after{content:""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: transparent url("../img/lifestyle.png") no-repeat 0 0; background-size: 100% auto} .template-art-nuevo .demo-gallery{position: relative;} .template-art-nuevo .demo-gallery img{width: 100%;} .template-art-nuevo .demo-gallery a.galeriaAmpli{display: inline-block; cursor: pointer; border:1px solid #f2f2f2; position: absolute; right: 15px; bottom: 15px; background: rgba(255,255,255,0.9); text-align: center; width: 50px; height: 50px; line-height: 48px; font-size: 23px; color:#a77541; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .template-art-nuevo .demo-gallery .imageFull a.galeriaAmpli{left: 15px;} .template-art-nuevo .demo-gallery a.galeriaAmpli:hover{opacity: 1; background: rgba(255,255,255,1); transform: scale(1.2);} .template-art-nuevo .videoYoutube{position: relative;} .template-art-nuevo .videoYoutube img{width: 100%;} .template-art-nuevo .videoYoutube a{display: inline-block; cursor: pointer; text-transform: uppercase; font-family: "Montserrat"; position: absolute; right: 15px; bottom: 15px; line-height: normal; background: rgba(255,255,255,0.9); text-align: center; padding:7px 50px 4px 10px; font-size: 23px; color:#fff; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bf7215+0,c18b47+100 */ background: rgb(191,114,21); /* Old browsers */ background: -moz-linear-gradient(top, rgba(191,114,21,1) 0%, rgba(193,139,71,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(191,114,21,1) 0%,rgba(193,139,71,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(191,114,21,1) 0%,rgba(193,139,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf7215', endColorstr='#c18b47',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18); } .template-art-nuevo .videoYoutube a i{position: absolute; top:0; right: 0; height: 100%; text-align: center; padding: 0 10px; display: flex; align-items: center; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c18b47+0,bf7215+100 */ background: rgb(193,139,71); /* Old browsers */ background: -moz-linear-gradient(top, rgba(193,139,71,1) 0%, rgba(191,114,21,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(193,139,71,1) 0%,rgba(191,114,21,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(193,139,71,1) 0%,rgba(191,114,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c18b47', endColorstr='#bf7215',GradientType=0 ); /* IE6-9 */ } .template-art-nuevo .videoYoutube a:hover{opacity: 1; background: #4b4e52 !important;} .template-art-nuevo .videoYoutube a:hover i{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bf7215+0,c18b47+100 */ background: rgb(191,114,21); /* Old browsers */ background: -moz-linear-gradient(top, rgba(191,114,21,1) 0%, rgba(193,139,71,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(191,114,21,1) 0%,rgba(193,139,71,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(191,114,21,1) 0%,rgba(193,139,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf7215', endColorstr='#c18b47',GradientType=0 ); /* IE6-9 */ } .template-art-nuevo .contactBlock{border:3px solid #f2f2f2; font-size: 18px; line-height: 24px; text-align: center !important; margin-top: -80px; -webkit-box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.05); -moz-box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.05); box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.05); background: #fff;} .template-art-nuevo .contactBlock p{font-size: 17px; line-height: 27px;} .template-art-nuevo .contactBlock p strong{display: block; margin-top: 10px; padding-top: 10px; position: relative;} .template-art-nuevo .contactBlock p strong:before{content:""; position: absolute; top: -4px; left: 50%; margin-left: -30px; width: 60px; height: 2px; background: #a77541} .template-art-nuevo .owl-item.active{z-index: 99} @-webkit-keyframes bounceArrow { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(10px); transform: translateY(10px); } 60% { -webkit-transform: translateY(4px); transform: translateY(4px); } } @keyframes bounceArrow { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(10px); transform: translateY(10px); } 60% { -webkit-transform: translateY(4px); transform: translateY(4px); } } @-moz-keyframes bounceIbizaNueva { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateX(0); transform: translateX(0); } 40% { -moz-transform: translateX(-8px); transform: translateX(-8px); } 60% { -moz-transform: translateX(-4px); transform: translateX(-4px); } } @-webkit-keyframes bounceIbizaNueva { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 40% { -webkit-transform: translateX(-8px); transform: translateX(-8px); } 60% { -webkit-transform: translateX(-4px); transform: translateX(-4px); } } @keyframes bounceIbizaNueva { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } 40% { -moz-transform: translateX(-8px); -ms-transform: translateX(-8px); -webkit-transform: translateX(-8px); transform: translateX(-8px); } 60% { -moz-transform: translateX(-4px); -ms-transform: translateX(-4px); -webkit-transform: translateX(-4px); transform: translateX(-4px); } } .has_transition_1200 { -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000); will-change: transform, opacity; backface-visibility:hidden; -webkit-backface-visibility: hidden; } .has_transition_1500 { -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); will-change: transform, opacity; backface-visibility:hidden; -webkit-backface-visibility: hidden; } .has_transition_1600 { -webkit-transition: -webkit-transform 1600ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1600ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 1600ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1600ms cubic-bezier(0.190, 1.000, 0.220, 1.000); will-change: transform, opacity; backface-visibility:hidden; -webkit-backface-visibility: hidden; } .has_transition_2000 { -webkit-transition: -webkit-transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); will-change: transform, opacity; backface-visibility:hidden; -webkit-backface-visibility: hidden; } .has_transition_2500 { -webkit-transition: -webkit-transform 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); will-change: transform, opacity; backface-visibility:hidden; -webkit-backface-visibility: hidden; } .has_transition_3000 { -webkit-transition: -webkit-transform 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); will-change: transform, opacity; backface-visibility:hidden; -webkit-backface-visibility: hidden; } .has_transition_800 { -webkit-transition: -webkit-transform 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000); will-change: transform, opacity; backface-visibility:hidden; -webkit-backface-visibility: hidden; } .has_transition_1000 { -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); will-change: transform, opacity; backface-visibility:hidden; -webkit-backface-visibility: hidden; } .has_transition_600 { -webkit-transition: -webkit-transform 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: transform 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000); will-change: transform, opacity; backface-visibility:hidden; -webkit-backface-visibility: hidden; } @media only screen and (max-width:1100px) { .template-art-nuevo .imageFull .texto h1 span.big{font-size: 2.7vw; line-height: 4vw;} } @media only screen and (max-width:992px) { .template-art-nuevo .notBgMobile > div{background: none !important} .template-art-nuevo .vc_row > .wpb_column{display: block; width: 100% !important;} .template-art-nuevo .vc_row > .wpb_column.mitad{width: 50% !important; float: left;} .template-art-nuevo .vc_column-inner{margin-left: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } .template-art-nuevo .wpb_text_column{padding-left: 20px; padding-right: 20px;} .template-art-nuevo .vc_column-inner{padding-left: 0px !important; padding-right:0px !important;} .template-art-nuevo .paddingMobileTop20{padding-top: 20px !important} .template-art-nuevo .paddingMobileBottom0{padding-bottom: 0px !important} .template-art-nuevo .paddingMobileTop40 .vc_column-inner{padding-top: 40px !important} .template-art-nuevo .paddingMobileBottom40 .vc_column-inner{padding-bottom: 40px !important} .template-art-nuevo .notMarginMobileBottom{margin-bottom: 0px !important} .template-art-nuevo .notMarginMobileTop{margin-top: 0px !important} .template-art-nuevo .marginMobileTop20{margin-top: 20px !important} .template-art-nuevo .notPaddingMobileTop{padding-top: 0px !important} .template-art-nuevo .vc_row.vc_column-gap-30 > .vc_column_container{padding: 10px !important} .template-art-nuevo .bookDirect{margin-left: -10px; margin-right: -10px;} .template-art-nuevo .bookDirect li{width: 90%; float: left; margin: 0 1.5%; font-size: 14px; padding-left: 0; line-height: 18px; padding-top: 50px;} .template-art-nuevo .bookDirect li img{ display: block; text-align: center; height: 40px; top: 0; margin-top: 0;} .template-art-nuevo #navbar .call-mobile > a{color:#fff} .template-art-nuevo .scrollDown #navbar .call-mobile > a{color:#4b4e52;} .template-art-nuevo .fullMobile .demo-gallery a.galeriaAmpli{right: 30px;} .template-art-nuevo .bookDirect{margin-left: -10px; margin-right: -10px;} .template-art-nuevo .bookDirect li{width: 90%; float: left; margin: 0 1.5%; font-size: 12px; padding-left: 0; line-height: 16px; padding-top: 50px;} .template-art-nuevo .bookDirect li img{ display: block; text-align: center; height: 40px; top: 0; margin-top: 0;} .template-art-nuevo #booking-mobile-search .modal-content{width: 100%; } .template-art-nuevo #booking-mobile-search .b-booking{width:100% !important} .template-art-nuevo #booking-mobile-search #modal-booking.in{padding:0;} .template-art-nuevo #b-booking .span-adultos{display: block; } .template-art-nuevo #booking-mobile-search .input-booking, .template-art-nuevo #booking-mobile-search .select-adultos{margin-bottom: 20px; border:none !important; border: 2px solid #f2f2f2 !important; margin-bottom: 20px !important} .template-art-nuevo #booking-mobile-search #modal-booking{width: 100%; position: fixed; top: 0; left: 0; height: 100%;} .template-art-nuevo #booking-mobile-search span{display: block; margin-bottom: 15px; position: relative;} .template-art-nuevo #booking-mobile-search .booking--top{max-height: none !important} .template-art-nuevo #booking-mobile-search .booking-dates{display: block; height: auto;} .template-art-nuevo .imageFull .mobile_only{display: none !important;} .template-art-nuevo .imageFull .mobile_hidden{display: block !important;} .template-art-nuevo .reserva::after {margin-top: -10px;} .template-art-nuevo #booking-mobile-search .input-booking, .template-art-nuevo #booking-mobile-search .select-adultos{margin: 0 !important; line-height: 50px; height: 60px;} .template-art-nuevo #booking-mobile-search #b-booking .span-adultos{width: 100%; margin-left: 0;} .template-art-nuevo .reserva{margin:0} .template-art-nuevo #booking-mobile-search #b-booking input.btn-booking.btn-booking-mobile{width: 100%; margin-left: 0;} .template-art-nuevo #booking-mobile-search #b-booking .span-adultos:after{line-height: 40px; right: 4px;} .template-art-nuevo .iziModal-navigate{z-index: 2000 !important;} .template-art-nuevo .iziModal-navigate > button{opacity: 0.6} .template-art-nuevo .iziModal-navigate > button.iziModal-navigate-next{ height: 70px; top: 50% !important; width: 30px !important; right: 0 !important; left: auto; margin-right: 0 !important; background-color: #333 !important} .template-art-nuevo .iziModal-navigate > button.iziModal-navigate-prev{ height: 70px; top: 50% !important; width: 30px !important; right: auto !important; left: 0; margin-left: 0 !important; background-color: #333 !important} .template-art-nuevo .textMore{padding: 0 20px;} .template-art-nuevo .textMore .textHide .int{padding-top: 24px;} } @media only screen and (max-width:767px) { .template-art-nuevo #booking-mobile-search .b-booking > .btn-booking{display: block !important} .template-art-nuevo .navbar.scrollDown:after{background: #fff; -webkit-box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.14);-moz-box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.14);box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.14);} .template-art-nuevo .owl-carousel-eventos .interior{padding: 0;} .template-art-nuevo .vc_row.vc_column-gap-10{margin-left: 0 !important; margin-right: 0 !important} .template-art-nuevo .lateralLine:after{ left: 10px;} .template-art-nuevo .main-image{height: 540px; position: relative;} .template-art-nuevo .main-image img{height: 100%; width: auto; transform: translate(-50%, -50%);position: absolute;top: 50%; left: 50%;} .template-art-nuevo .fullMobile .main-image{height: auto !important; position: relative !important; } .template-art-nuevo .fullMobile .main-image img{height: auto !important; width: 100% !important; transform:none !important; position: relative !important; top: 0 !important; left: 0 !important;} .template-art-nuevo .sunset .main-image{height: 400px; position: relative;} .template-art-nuevo .sunset .main-image img{height: 100%; width: auto; transform: translate(-10%, -50%);position: absolute;top: 50%; left: 0;} .template-art-nuevo .fullMobile .vc_figure .vc_single_image-wrapper{height: 450px; position: relative;} .template-art-nuevo .fullMobile .vc_figure .vc_single_image-wrapper img{height: 100%; width: auto !important; max-width: none; transform: translate(-50%, -50%);position: absolute;top: 50%; left: 50%;} /*.template-art-nuevo .lg-img-wrap .lg-object{height: 100% !important;width: auto !important;max-width: none !important;transform: translate(-50%, 0%) !important; position: absolute !important; left: 50%;}*/ .template-art-nuevo .lg:after{content:url("../img/rotate2.gif"); position: absolute; z-index: 9999; right: 10px; bottom: 5px;} .template-art-nuevo .textWhiteMobileMargin{margin-left: 0 !important; margin-right: 0 !important} .template-art-nuevo .imageFull{height: auto;overflow: hidden;position: relative; align-items: initial; justify-content:initial; display:block;} .template-art-nuevo .imageFull .texto{top:50%; margin-top: -30px; width: 100%; text-align: center; position: absolute;} .template-art-nuevo .imageFull .fondoTrans{padding: 20px;} .template-art-nuevo .imageFull .texto h1{font-size: 12px; line-height: 27px;} .template-art-nuevo .imageFull .texto p.desc{display: none;} .template-art-nuevo .notBgMobile{background: none !important} .template-art-nuevo #booking-mobile-search span{height: auto !important; margin-bottom: 10px !important} .template-art-nuevo #booking-mobile-search .modal-content{margin-top: 0px;} .template-art-nuevo #booking-mobile-search .cerrar-modal-booking{margin-bottom: 0;} .template-art-nuevo #booking-mobile-search .input-booking, .template-art-nuevo #booking-mobile-search .select-adultos{height: 50px;} .template-art-nuevo #booking-mobile-search .modal-body::before {margin: 20px 0 10px 0;} .template-art-nuevo .owl-carousel-eventos .interior{padding: 0 15px;} .template-art-nuevo .mobile_only{display: block !important;} .template-art-nuevo .mobile_hidden{display: none !important;} .template-art-nuevo .imageFull .mobile_only{display: block !important;} .template-art-nuevo .imageFull .mobile_hidden{display: none !important;} .template-art-nuevo .navbar-amare.hideMobile{top: -100px} } @media only screen and (max-width:600px) { .template-art-nuevo .main-image{height: 450px; position: relative;} .template-art-nuevo .main-image img{height: 100%; width: auto; transform: translate(-50%, -50%);position: absolute;top: 50%; left: 50%;} .template-art-nuevo .sunset .main-image{height: 400px; position: relative;} .template-art-nuevo .sunset .main-image img{height: 100%; width: auto; transform: translate(-15%, -50%);position: absolute;top: 50%; left: 0;} .template-art-nuevo .owl-carousel-eventos .interior{padding: 0 10px;} .owl-carousel-amare .main-image-amare{height: 300px;} .owl-carousel-amare .main-image-amare img{height: 100%; width: auto;width: auto !important;transform: translate(-50%, -50%); position: absolute; top: 50%;left: 50%; } .template-art-nuevo .imageFull .texto h1 span.big{font-size: 2.7vw; line-height: 4.5vw; letter-spacing: 4px} } @media only screen and (max-width:420px) { .template-art-nuevo .imageFull .fondoTrans{padding: 20px;} .template-art-nuevo .imageFull .texto h1{font-size: 11px; line-height: 27px;} .template-art-nuevo .imageFull .texto p.desc{font-size: 13px; line-height: 20px; margin-top: 5px;} .template-art-nuevo #booking-mobile-search .picker{width: 280px;} .template-art-nuevo .imageFull .texto h1 span.big{font-size: 3vw; line-height: 4.5vw; letter-spacing: 4px;} } @media (orientation: landscape) { .template-art-nuevo .lg-img-wrap .lg-object{transform: none !important; position: relative !important; left: 0;} .template-art-nuevo .lg:after{display: none;} .template-art-nuevo .imageFull .mobile_only{display: none !important;} .template-art-nuevo .imageFull .mobile_hidden{display: block !important;} .template-art-nuevo .imageFull{height: 100vh; overflow: hidden;position: relative;align-items: center;justify-content: center;display: flex;} } @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media { .template-nueva-portada .imageFull .texto h1 span.big{font-weight: bold;} .vc_hotel_home .nombre_hotel{margin-top: 0;} }}