@import "funciones.less"; body { -webkit-text-size-adjust: 100%; } h1,h2,h3,h4,h5 { font-size: inherit; font-style: inherit; font-weight: inherit ; text-transform: inherit; } .m-backbook { display: none; } /* @media (max-width: 767px) { .mfp-auto-cursor .mfp-content { max-height: ~"calc(100vh - 20px)"; overflow-y: scroll; } }*/ .preloader { height: 200px; width: 100%; background-image: url(###RUTA###content/imgs/45.gif); background-repeat: no-repeat; background-position: center; } #checkoutb { width: 100%; } .bx-wrapper img { max-width: 100%; display: inline-block; } .bx-viewport li { min-height: 1px; min-width: 1px; } .divcookie { font-family: @font1; font-weight: 300; background: white; z-index: 4000; position: fixed; display: none; padding: 4px 0; box-sizing:border-box; width: 100%; top:0; .di { display: table; width: 100%; margin: 0 auto; font-size: 15px; color: #333333; position: relative; max-width: 1280px; .me { padding: 10px 0 10px 10px; box-sizing: border-box; width: 100%; display: table-cell; text-align: left; p { display: inline-block; } } a { color: #000; text-decoration: underline; } .bot { display: table-cell; padding-top: 10px; padding-right: 10px; text-align: right; cursor:pointer; vertical-align: top; white-space: nowrap; color: #000; font-size: 14px; i { margin-left: 5px; font-size: 19px; } } } } .mdl-slide_home .m-form label:not(.m-select) input { cursor: pointer; width: 100%; } //campo control spam #control { display: none; } .form_auto .error { font-family: "Open Sans", sans-serif; input, .m-select { border:1px solid red ; } } .msg_div { margin-bottom: 20px; width: 100%; display: none; font-size: 16px; font-family: @font1; span { display: block; line-height: 24px; font-size: 16px; &.err { color: red; } } .no { color: red; font-size: 16px; font-family: @font1; } } .mdl-footer .msg_div { margin-top: 20px; } .form_checker { display: none; } .is-desktop { display: block; } .is-tablet, .is-mobile { display: none; } @media screen and (max-width: 1023px) { .is-tablet { display: block; } .is-desktop { display: none; } } @media screen and (max-width: 767px) { .is-mobile { display: block; } .is-desktop, .is-tablet { display: none; } } .nocursor { cursor: default; } .ui-datepicker{ background-color: @color1; padding: 20px; box-shadow: 0 0 5px -1px rgba(0,0,0,.3); width: 322px; box-sizing: border-box; left: 100%; position: fixed; display: none; z-index: 99999; .ui-datepicker-header{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; .ui-datepicker-title{ font: 22px @font1; order: 2; text-align: center; } .ui-datepicker-prev{ order: 1; span{ font-size: 0; display: block; width: 25px; height: 21px; &:before{ content: " "; background-image: url(###RUTA###content/imgs/cal/fl-left.png); width: 25px; height: 21px; display: block; background-size: cover; } } } .ui-datepicker-next{ order: 3; span{ font-size: 0; display: block; width: 25px; height: 21px; &:before{ content: " "; background-image: url(###RUTA###content/imgs/cal/fl-right.png); width: 25px; height: 21px; display: block; background-size: cover; } } } } .ui-datepicker-calendar{ th{ width: 38px; height: 38px; font: 700 16px @font1; } td{ height: 38px; text-align: center; background-color: #f1f1f1; font: 16px @font1; cursor: pointer; transition: .4s ease; &:hover{ background-color: @color3; color: @color1; } &.ui-datepicker-current-day{ background-color: @color3; color: @color1; } } } } .mfp-wrap{ position: fixed; top: 0; z-index: 2043; @media @smMobileL { background-color: #fff; } } .ui-datepicker { .ui-datepicker-calendar td.ui-state-disabled { color: #999; } } input.datein,input.dateout { display: none; } @media screen and (min-width: 768px) { .mobile-only { display: none; } } body#msie.v11 { label[for="fid_promocode"] { max-width: 400px; width: 400px; white-space: nowrap; } #fid_promocode { width: 223px; } } .mdl-capa_aviso_legal{ .maxW(@maxWL); position: relative; -webkit-overflow-scrolling: touch; background-color: #fff; min-height: ~"calc(100vh - 120px)"; .mfp-bg, .mfp-wrap{ z-index: 99999; } .m-content{ .maxW(@maxWL); position: fixed; top: 30px; left: 50%; transform: translateX(-50%); width: ~'calc(100% - 50px)'; } .m-close{ position: absolute; top: 0; right: 0; color: #000; font-size: 17px; display: flex; transition: @transition1; cursor: pointer; width: 33px; height: 33px; background-image: url(###RUTA###content/imgs/close.png); opacity: 0.8; &:hover{ opacity: 1; } } article{ > .fa { display: none; position: absolute; font-size: 80px; right: 20px; color: rgba(0,0,0,0.2); @media @mMobileL { font-size: 40px; } @media @smMobileL { font-size: 30px; right: 10px; top: 50px; } } box-sizing: border-box; padding: 0; header{ letter-spacing: -1.7px; font: @f-sizeXXL @font1; color: #000; margin-bottom: 5px; } section{ color: #000; font: @f-sizeM @font1; p{ margin-bottom: 34px; &:last-of-type{ margin-bottom: 0; } } big{ color: #000; font: @f-sizeMM @font1; display: block; margin-bottom: 10px; } } footer { margin: 20px 0; text-align: center; display: flex; align-items: center; justify-content: space-between; label { display: block; font: @f-sizeM @font1; margin: 10px 0; input { margin-right: 10px; } } a { display: inline-block; background-color: #000; font: @f-sizeMM @font1; color: #fff; padding: 20px; &:hover { color: #000; background-color: #fff; } } @media @smMobileL { display: flex; flex-direction: column; label { text-align: left; } } } } &#mensaje { article { text-align: center; } } @media @mMobileL { height: 100vh; overflow-y: scroll; overflow-x: hidden; article footer { padding-bottom: 100px; } } } .mdl-header .m-form label { select { font: 16px/1.5 Muli,sans-serif ; width: 100%; cursor: pointer; } input { cursor: pointer; } } .mfp-close-btn-in .mfp-close { display: none; } .mfp-content #smartbanner { width: 700px; margin: 0 auto; max-width: ~"calc(100vw - 28rem)"; @media @smMobileL { max-width: ~"calc(100vw - 30px)"; } .mfp-close { display: none ; } } .m-more { display: flex; opacity: 0; > div { span { display: inline ; } span:last-of-type { display: none ; } } font-family: @font2; font-size: 17px; position: relative; right: 0; margin-top: -15px; padding-top: 15px; left: 0; justify-content: center; background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 37px); &:before { content:""; position: absolute; border-top:1px solid rgba(147,147,147,0.3); left: 30%; top: 27px; right: ~"calc(50% + 15px)"; } &:after { content:""; position: absolute; border-top:1px solid rgba(147,147,147,0.3); right: 30%; top: 27px; left: ~"calc(50% + 15px)"; } &.open { margin-top: 5px; padding-top: 0; background: none; > div { span:first-of-type { display: none ; } span:last-of-type { display: inline ; } i { transform: scaleY(-1); } } &:before, &:after { top: 12px; } } } .m-form .m-dates { margin-right: 10px; } .listado_3_columnas header img { max-width: 40px; } .panel_cabeceragrande,.mdl-texto_columnasVar4 { .m-more { background: none; } } .mfp-bg,.mfp-wrap { z-index: 3000 !important; } .s_see_more-content { overflow: hidden; } .m-bookmobile { display: none; background-color: #383838; align-items: center; color: #fff; font-family: @font1; font-size: 16px; border-radius: 1px; justify-content: center; padding: 0 20px; height: 60px; margin-left: 0; position: fixed; bottom: 0; width: 100%; box-sizing: border-box; z-index: 3000; transition: .3s ease; i { margin-right: 6px; } @media @smMobileL { display: flex; } bottom: env(safe-area-inset-bottom); margin-bottom: env(safe-area-inset-bottom); } .cursor { cursor: pointer; } #fid_personas,#fid2_personas { -webkit-appearance: none; -moz-appearance: none; background-color: #fff; padding: 0 10px; } label[for=fid_personas], label[for=fid2_personas] { padding: 0 10px ; } #panels { overflow: hidden; &.fondo { /*position: relative;*/ &:after { background-image: url(###RUTA###content/imgs/background_field.jpg), linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff); content: ""; position: absolute; left:0; right: 0; height: 100vw; background-size: cover; background-position: center bottom; z-index: -1; top: ~"calc(100vh + 100px)"; } @media @sLaptopL { top: ~"calc(100vh + 250px)"; } } } /* global */ .mdl-ofertas_destacadasVar2 .m-flag:before, .mdl-ofertas_destacadasVar2 .m-item:nth-of-type(even) .m-flag:before{ mix-blend-mode: overlay; } @media @mMobileL{ .mdl-ofertas_destacadasVar2 .m-item_cnt .m-article .css-button1{ background-color: @color1; color: rgba(61,61,61,0.9); } } /* IE compatibility */ #msie .mdl-header .m-form label.m-dates, #firefox .mdl-header .m-form label.m-dates{ padding: 0 30px 0 14px; } .m-form select { -moz-appearance: none; -webkit-appearance: none; } #msie.v11 { .mdl-ofertas_destacadasVar2 .m-flag span, .mdl-ofertas_destacadasVar2 .m-item_cnt .m-text, .mdl-ofertas_destacadasVar2 .m-item_cnt .m-title { max-width: 100%; } .mdl-banner_slide_textVar2 article header a i, .mdl-header nav > .m-level > .m-level .m-return i { right: ~"calc(100% + 66px)"; } #fid2_personas::-ms-expand, #fid_personas::-ms-expand { display: none; } } /* COMUNES */ html{ body{ > *{ margin-left: 0; transition: @transition1; } } &.open{ body{ &.iphone{ > *{ margin-left: 0; width: 100vw; } } > *{ margin-left: 341px; width: 100vw; } } } @media @mMobileL{ &.open{ body{ .m-menu{ left: 341px; right: auto; width: 100vw; } } } } @media @smMobileL { &.open { body { > * { margin-left: ~"calc(100vw - 55px)"; } } } } } // LEER MAS .s-sm_content{ overflow: hidden; /* margin-top: 32px;*/ } .s-sm_trigger{ margin-top: 22px; justify-content: flex-start; display: none; cursor: pointer; &.open{ div{ span{ &:first-of-type{ display: none; } &:last-of-type{ display: inline; } } i{ transform: scaleY(-1); } } } div{ cursor: pointer; transition: @transition1; /*text-transform: uppercase;*/ position: relative; display: flex; align-items: center; font-weight: 400; &:hover{ color: @color3; } span{ transform: translateY(2px); &:last-of-type{ display: none; } } i{ font-size: 20px; margin-left: 5px; transition: @transition1; } } } @media @mMobileL { .s-sm_content{ margin-top: 17px; } .s-sm_trigger{ font-size: 16px; } } @media @smMobileL { .s-sm_content{ margin-top: 0; } .s-sm_trigger{ font-size: 16px; } } #msie .mdl-listado_foto_texto .m-article{ z-index: 0; } .mdl-listado_foto_texto{ overflow: hidden; &.bg { background-image: linear-gradient(to bottom, rgba(246, 246, 245, 0), #f6f6f5); } .m-content{ .maxW(@maxWL); } .m-article{ padding: 40px 0 90px 0; position: relative; z-index: 1; mix-blend-mode: darken; } .m-intro { .maxW(@maxWM); box-sizing: border-box; text-align: center; position: relative; header { .css-title4(@color3); text-transform: uppercase; padding-bottom: 5rem; } } .m-title{ .css-title4(#505254); text-align: center; } .m-texto{ margin-top: 16px; .css-text(#505254); text-align: center; } .m-flag{ .m-general-flag; } .m-item { display: block; opacity: .2; pointer-events: none; transition: @transition1; color: #505254; &.active{ opacity: 1; pointer-events: auto; & + .m-item{ opacity: 1; pointer-events: auto; & + .m-item{ opacity: 1; pointer-events: auto; } } } span{ display: block; } .m-img{ position: relative; box-shadow: 5px 2px 10px 0 rgba(0,0,0,.2); &:before{ content: ''; position: absolute; top: 0; left: 75px; bottom: 0; right: 0; opacity: 0; background-color: #64736a; transition: @transition1; } img{ display: block; width: 100%; } time{ position: absolute; left: 27px; bottom: 35px; color: @color1; text-shadow: 0 0 20px rgba(0, 0, 0, 0.3); > *{ display: block; } big{ font: 300 6rem/1 @font1; } small{ text-transform: uppercase; font: 300 2.4rem/1.33 @font1; } } } article{ background-color: @color1; padding: 30px 18px 24px; box-sizing: border-box; margin-top: -30px; position: relative; width: ~'calc(100% - 30px)'; } header{ min-height: 119px; small{ font: 300 12px/1.8 @font1; letter-spacing: 1.8px; color: #02c2de; display: block; margin-bottom: 10px; text-transform: uppercase; } big{ .css-title6(#505254); line-height: 1.33; text-transform: uppercase; } } section{ } .m-text{ .css-text(#505254); height: 80px; overflow: hidden; strong { font-weight: 300; } } .m-list{ margin-top: 20px; .m-row{ border-bottom: solid 1px #eeeeee; display: flex; justify-content: space-between; align-items: center; font: 15px/1.4 @font1; color: #63666a; padding: 3px 0; } } footer{ margin-top: 40px; font: normal 14px/1.57 @font1; color: #505254; text-transform: uppercase; &:hover { text-decoration: underline; } } } .bx-wrapper{ position: relative; width: 100%; max-width: 1200px; /*margin-top: -60px ;*/ .bx-viewport{ overflow: visible; } .bx-controls { position: static; } .bx-controls-direction{ > a{ position: absolute; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; transition: @transition1; &:hover{ opacity: .7; } } .bx-prev, .bx-next{ color: rgba(99, 102, 106, 0.3); font-size: 80px; font-family: 'pga'; transition: @transition1; &.disabled{ cursor: default; opacity: 0; } } .bx-prev{ right: ~'calc(100% + 30px)'; } .bx-next{ left: ~'calc(100% + 30px)'; } } } @media @mLaptopL{ .m-content{ max-width: 1000px; } .m-article{ padding: 32px 90px 71px 0; max-width: 760px; } .m-title{ font-size: 24px; line-height: 1.07; } .m-texto{ font-size: 14px; line-height: 1.37; } .m-item{ article{ padding: 23px 16px; } footer{ font-size: 17px; line-height: 1.41; margin-top: 34px; } .m-list{ .m-row{ font-size: 15px; line-height: 1.4; } } } .bx-wrapper{ .bx-controls-direction{ .bx-next, .bx-prev{ font-size: 63px; } } } } @media @sLaptopL{ .m-content{ max-width: 800px; margin: 0; } .m-article{ padding: 24px 0 58px 0; max-width: 100%; } .m-title{ font-size: 24px; line-height: 1.07; } .m-texto{ font-size: 14px; line-height: 1.37; } .m-item{ article{ padding: 17px 13px; width: ~'calc(100% - 20px)'; } header{ min-height: 95px; small{ font-size: 10px; letter-spacing: 1.5px; } big{ font-size: 20px; line-height: 1.07; } } section{ } .m-text{ font-size: 14px; height: 86px; } footer{ font-size: 14px; line-height: 1.71; margin-top: 29px; } .m-list{ .m-row{ font-size: 14px; line-height: 1.5; } } } .bx-wrapper{ .bx-controls-direction{ .bx-next, .bx-prev{ font-size: 50px; } .bx-prev{ right: ~'calc(100% - 13px)'; } } } } @media @mMobileL{ padding-left: 30px; padding-right: 30px; .m-content{ max-width: 800px; margin: 0; } .m-article{ padding: 26px 0 58px 0; max-width: 100%; } .m-title{ font-size: 20px; line-height: 1.02; margin-bottom: 7px; } .m-texto{ font-size: 13px; line-height: 1.34; } .m-item{ &.active{ & + .m-item{ & + .m-item{ opacity: .2; pointer-events: none; } } } article{ padding: 17px 13px; width: ~'calc(100% - 15px)'; margin-top: -15px; } header{ min-height: 80px; small{ font-size: 10px; letter-spacing: 1.5px; } big{ font-size: 20px; line-height: 1.07; } } section{ } .m-text{ font-size: 14px; line-height: 1.36; } footer{ font-size: 14px; line-height: 1.71; margin-top: 29px; } .m-list{ .m-row{ font-size: 14px; line-height: 1.5; } } } .bx-wrapper{ margin-top: 0; /*max-width: 520px*/; max-width: ~"calc(100vw - 140px)"; margin-left: 0; .bx-controls-direction{ .bx-next, .bx-prev{ font-size: 50px; } .bx-prev{ right: ~'calc(100% - 13px)'; } .bx-next{ left: ~'calc(100% - 13px)'; } } } } @media @smMobileL{ padding-left: 20px; padding-right: 20px; .m-content{ max-width: 100%; margin: 0; } .m-article{ padding: 20px 0; max-width: 100%; } .m-title{ margin-bottom: 12px; } .m-texto{ font-size: 14px; line-height: 1.36; } .m-item{ margin-top: 40px; opacity: 1; pointer-events: all; /* &.active{ & + .m-item{ opacity: .2; pointer-events: none; } }*/ article{ padding: 17px 13px; width: ~'calc(100% - 15px)'; margin-top: -15px; } header{ small{ display: none; } big{ font-size: 20px; line-height: 1.07; } } section{ margin-top: 25px; } .m-text{ font-size: 14px; line-height: 1.36; } footer{ font-size: 14px; line-height: 1.71; margin-top: 29px; } .m-list{ .m-row{ font-size: 14px; line-height: 1.5; } } } .bx-wrapper .bx-controls.bx-has-pager .bx-pager-item .bx-pager-link { width: 12px; display: block; height: 12px; box-sizing: border-box; border-radius: 50%; text-indent: -9999px; background-color: rgba(0,0,0,.3); margin: 0; transition: 0.4s ease; } .bx-wrapper .bx-controls.bx-has-pager .bx-pager-item .bx-pager-link.active { background-color: #000; } .bx-pager { display: flex; justify-content: center; bottom: -8rem; position: absolute; left: 50%; transform: translateX(-50%); } .bx-wrapper{ margin-top: -40px; max-width: ~"calc(100vw - 100px)" !important; transform: translateX(25px); margin-left: 0; .bx-viewport { overflow: visible !important; } .bx-pager-item { margin: 0 1rem; } .bx-controls-direction{ .bx-next, .bx-prev{ font-size: 30px; top: 180px; transform: none; color: #fff; } .bx-prev{ right: auto; left: 1rem; margin: 0; } .bx-next{ margin: 0; left: auto; right: 1rem; } } } } } html{ &.open{ #safari{ &.iphone{ > *{ margin-left: 0; } } } } } header { .m-menu .book { display: none; } @media @smMobileL { &.scroller .m-menu { .book.on { display: flex; margin: 0 15px; z-index: 22; font-size: 16px; text-transform: uppercase; font: 14px 'FuturaStd', sans-serif; line-height: normal; letter-spacing: 1.8px; border: 1px solid #000; padding: 6px 30px; } .m-mobile.off { display: none; } } } } .mdl-header { .m-contentlat .m-level10 a.mobile-only { display: none; @media @smMobileL { display: block; } } } // MEJORAS MT .mdl-header .m-menu > * { flex-shrink: 0; } .m-langdesktop { text-align: right; flex: 0 1 auto; margin-left: auto; > div { display: inline-block; &.mb { display: none; } text-transform: uppercase; font-size: 16px; margin-right: 30px; font-family: @font1; position: relative; i { margin-right: 8px; &:nth-of-type(2) { margin-left: 8px; } } .lista { position: absolute; display: none; z-index: 4; top: 28px; left: -12px; padding: 25px; background-color: #fff; text-align: left; a { display: block; line-height: 40px; } } &:hover { .lista { display: block; } &:before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 30px; } } } @media (max-width: 1279px) { display: none; } } .mdl-header .m-contentlat { .m-langdesktop { display: none; } @media (max-width: 1279px) { .m-logolat { width: 180px ; } .m-langdesktop { display: block; position: absolute; right: 0; top: 50px; > div { &:hover { &:before { display: none; } .lista { display: none; } } &.active { .lista { display: block; } } } } .m-langdesktop>div { font-size: 15px; .lista { background-color: #ddd; } &.active { &:before { display: none; } a i:nth-of-type(2) { transform: scaleY(-1); } } } } @media @smMobileL { .m-langdesktop { top: 30px; } } } @media @mMobileL { nav { margin-top: 30px; } .m-langdesktop>div i:nth-of-type(2) { display: none; } } @media @smMobileL { nav { margin-top: 10px; } .mdl-header .m-contentlat { padding-top: 16px ; .m-logolat { margin-top: 5px ; width: 175px ; } .m-level01 { >a { padding-top: 10px ; padding-bottom: 10px ; } i { top: 22px ; } } .m-level10 a { line-height: 40px ; } } .idp50{ .scroller { .m-logo{ display: none; } } } } @media (max-width: 320px) { .mdl-header .m-contentlat .m-logolat { width: 120px ; } } .mfp-content #smartbanner { width: 700px; margin: 0 auto; max-width: ~"calc(100vw - 28rem)"; .mfp-close { display: none ; } } .mdl-header .m-menu_scroller{ z-index: 2000; } .smartbanner { width: 100%; margin: 0 auto; min-height: 40rem; position: relative; display: flex; .m-close{ position: absolute; top: 2rem; right: 2rem; cursor: pointer; z-index: 1048; i{ font-size: 4rem; color: #fff; background-image: url(###RUTA###content/imgs/close.svg); background-size: cover; width: 4rem; height: 4rem; } } .element { /*min-width: 40vw;*/ } .bxslider2 { display: flex; width: 80rem; max-width: ~"calc(100vw - 8rem)"; .element { width: 100%; display: flex; } input[type="text"], input[type="email"]{ height: 4rem; display: flex; padding: 0 1.5rem; } .m-checkbox{ display: flex; align-items: baseline; color: @color3; font: 16px @font1; font-weight: 300; line-height: 24px; position: relative; @media @smMobileL { font-size: 12px; } margin-bottom: 22px; > span{ display: flex; text-align: left; } i{ margin-right: 1rem; position: relative; width: 24px; height: 24px; background-color: @color1; display: inline-block; vertical-align: text-top; flex: none; &:after{ content: '\f00c'; width: 24px; height: 24px; flex: none; display: flex; justify-content: center; align-items: center; opacity: 0; transition: @transition1; font-family: 'FontAwesome'; font-size: 12px; } } a{ text-decoration: underline; &:hover{ text-decoration: none; } } input{ position: absolute; top: 6px; left: 0; width: 2rem !important; height: 2rem; z-index: 1; border: 1px solid #505254; &:checked{ & ~ span{ i{ &:after{ opacity: 1; } } } } } } .sentNewsletter{ font-family:@font1; font-size: 14px; padding: 0 30px; width: 100%; cursor: pointer; border: 1px solid @color3; box-sizing: border-box; font-weight: 300; text-transform: uppercase; height: 4rem; margin-bottom: 2rem; color: #fff; background-color: @color3; &:hover { color: @color3; background-color: @color1; } @media @smMobileL { width: 100%; margin-right: 0; } } .m-input{ position: relative; background-color: @color1; border: 1px solid #505254; margin: 1rem 0; &.required{ position: relative; &:before{ content: '*'; position: absolute; top: 8px; right: 10px; color: @color3; font-size: 15px; } } span{ position: absolute; top: 50%; left: 10px; color: @color3; font: 10px/2.9 @font1; opacity: 0; transition: .4s ease; &.active2 { opacity: 1; top: 0; text-transform: uppercase; } } input[type="text"], input[type="email"]{ transition: .4s ease; &.active{ padding-top: 15px; & + span{ opacity: 1; text-transform: uppercase; top: 4px; color: @color3; font-weight: 300; margin-left: 15px; } } &:focus{ & + span{ color: @color3; } } &.invalid{ border-bottom: 1px solid #e03232; color: @color3; padding-top: 0; & + span{ opacity: 0; top: 50%; } &::-webkit-input-placeholder{ font-family: @font1; font-size: 1.7rem; color: @color3; } &::-moz-placeholder{ font-family: @font1; font-size: 1.7rem; color: @color3; } &:-ms-input-placeholder{ color: @color3; } &:-moz-placeholder{ color: @color3; } } } } > div { .imagen { width: 50%; background-size: cover; background-position: center; flex-grow: 1; } .fill { background-color: #fff; padding-top: 10rem; padding-bottom: 5rem; } .texto { background-color: #fff; padding: 5.8rem 3rem 7.3rem; width: 50%; box-sizing: border-box; color: #505254; text-align: left; .m-title { font: 3rem/1.07 @font1; font-weight: bold; margin-bottom: 1.6rem; } .m-text { font: 1.7rem/1.41 @font1; } .m-but { margin: 0 auto; margin-top: 5rem; .css-button3 { display: inline-block; line-height: 49px; } } input[type="text"],input[type="email"]{ display: block; width: 100%; box-sizing: border-box; font: 16px/1.3 @font1; color: @color3; &::-webkit-input-placeholder{ font-family: @font1; font-size: 1.7rem; color: @color3; font-weight: 300; } &::-moz-placeholder{ font-family: @font1; font-size: 1.7rem; color: @color3; font-weight: 300; } &:-ms-input-placeholder{ font-family: @font1; font-size: 1.7rem; color: @color3; font-weight: 300; } &:-moz-placeholder{ font-family: @font1; font-size: 1.7rem; color: @color3; font-weight: 300; } @media @smMobileL { &::-webkit-input-placeholder{ font-size: 14px; } &::-moz-placeholder{ font-size: 14px; } &:-ms-input-placeholder{ font-size: 14px; } &:-moz-placeholder{ font-size: 14px; } } } } } } @media @mMobileL { .bxslider2 { .element { flex-direction: column; } >div { .imagen, .texto { width: 100%; } } } } } #msie.v11 { .mdl-ofertas_destacadasVar2 .m-flag span, .mdl-ofertas_destacadasVar2 .m-item_cnt .m-text, .mdl-ofertas_destacadasVar2 .m-item_cnt .m-title { max-width: 100%; } .mdl-banner_slide_textVar2 article header a i, .mdl-header nav > .m-level > .m-level .m-return i { right: ~"calc(100% + 66px)"; } #fid2_personas::-ms-expand, #fid_personas::-ms-expand { display: none; } } /* #onetrust-policy-text { font-family: @font1 ; padding-top: 10px ; } #onetrust-banner-sdk #onetrust-button-group { display: flex ; justify-content: space-between; flex-direction: row-reverse; font-family: @font1 ; } #onetrust-banner-sdk .banner-actions-container { text-align: right; font-family: @font1 ; } #onetrust-banner-sdk #onetrust-policy { margin-top: 0 ; } */ .banner-header { background-color: #1A1919 ; height: 50px ; background-image: url(###RUTA###content/imgs/logo-pga-blanco.svg) ; background-size: auto 40px ; background-repeat: no-repeat ; background-position: right 20px center ; padding: 10px ; }/* #onetrust-banner-sdk #onetrust-policy-title { position: absolute; margin-top: -50px; color: #fff ; font-size: 20px ; font-family: @font1 ; }*/ #formne2 { background-color: #fff; width: 50rem; max-width: ~"calc(100vw - 8rem)"; margin: 0 auto; display: none; padding: 3rem; position: relative; .m-title { font-size: 3rem ; font-family: @font1 ; padding-bottom: 2rem; } .m-text { font-size: 1.7rem ; font-family: @font1 ; } .mfp-close { display: block !important; } } .mfp-container #formne2 { display: block; }