/* ---- TYPOS ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .regular-typo { font-size: 18px; } /* ---- COLORS ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---- WRAPPERS -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ body { min-width: 320px !important; } .mother-wrapper { width: 100%; overflow: hidden; } .full-wrapper { width: 100%; } .full-wrapper .wrapper { width: 100%; max-width: 1180px; margin: 0 auto; } .full-wrapper .wrapper .row { width: 100%; display: block; } .full-wrapper .wrapper .row .col { padding-left: 15px; padding-right: 15px; } .full-wrapper .wrapper .row .inverted { float: right; } .back-box { background-position: center center; background-size: cover; background-repeat: no-repeat; } a { -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;-webkit-transition-duration:500ms;-moz-transition-duration:500ms;-ms-transition-duration:500ms;-o-transition-duration:500ms;transition-duration:500ms } a:hover { color: #0077FF; } .align-right { text-align: right; } body.modal-open { overflow: hidden; } .zEWidget-launcher { display: none; } /* ---- COMMON & FX ----------------------------------------------------------------------------------------------------------------------------------------------------------- */ .rounded-small { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .rounded-smid { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .rounded-mid { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .rounded-circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .shadow-box { -webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,0.2); box-shadow: 0 0 40px 0 rgba(0,0,0,0.2); } .js-load-trans { opacity: 0; } .js-load-trans.load { opacity: 1; } /* VP CONTROL (To JS use only ) */ .vp-control { position: fixed; top:0; left: 0; pointer-events: none; height: 1px; width: 1px; } .vp-control.vp-control-desktop { display: block; } .vp-control.vp-control-tablet { display: none; } .vp-control.vp-control-mobile { display: none; } .btn { text-transform: uppercase; font-size: 14px; color: #FFFFFF; letter-spacing: 1.4px; line-height: 26px; padding: 12px 20px; border-radius: 3px; cursor: pointer; } .btn.btn-white { background: #FFFFFF; color: #0077FF; border: 1px solid #FFFFFF; padding: 12px; } .btn.btn-white:hover { background: #0077FF; color: #FFFFFF; border: 1px solid #FFFFFF; } .btn.btn-blue { background: #0077FF; color: #FFFFFF; border: 1px solid #0077FF; } .btn.btn-blue:hover { background: #FFF; color: #0077FF; border: 1px solid #0077FF; } .btn.btn-black { background: #000; color: #FFF; border: 1px solid #000; padding: 8px 15px; } .btn.btn-black:hover { background: #FFF; color: #000; border: 1px solid #000; } .btn.btn-full { width: 100%; display: inline-block; text-align: center; } .btn.btn-medium { max-width: 220px; margin: 10px auto; } .regular-content { padding: 0; } /*.regular-content p, .regular-content ul, .regular-content ol { font-size: 18px; line-height: 25px; padding-bottom:20px; font-family: 'Catamaran', sans-serif;}*/ .regular-content ul li { font-size: 18px; line-height: 25px; } .regular-content img.aligncenter { width: 100%; height: auto; } .regular-content table thead, .regular-content table tbody, .regular-content table tfoot { margin: 0 auto; display: table; } .regular-content table { max-width: 100% !important; white-space: pre-wrap; display: block; width: auto !important; height: auto !important; font-size: x-small; } .regular-content table strong, .regular-content table p { font-size: x-small; } .regular-content p a { text-decoration: underline; color: #000000; } .regular-content th { border-bottom: 2px solid #0077ff; max-width: 100%; text-align: center; padding-bottom: 5px; } .regular-content td { border: 1px solid #dedede; vertical-align: middle; text-align: center; padding: 5px; } .regular-content td p { padding: 0px; } .regular-content p iframe { margin: 0 auto; display: block; } .regular-content img { max-width: 100%; } .facebook-color { background-color: #43619C; } .twitter-color { background-color: #24A9E6; } .google-color { background-color: #F24033; } .col-xs-0{ display: none; } .js-send-incidencia.ok { pointer-events: none; opacity: 0.7; font-size: 12px; line-height: 18px; } /* ---- CATEGORY ICONS ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .cat-icon { background-repeat: no-repeat; background-size: contain; width: 36px; height: 38px; } li:hover .cat-icon { -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;-webkit-transition-duration:500ms;-moz-transition-duration:500ms;-ms-transition-duration:500ms;-o-transition-duration:500ms;transition-duration:500ms } .cat-icon.cat-4g { background-image: url(../images/icons/4g.png); } li:hover .cat-icon.cat-4g { background-image: url(../images/icons/4g-acc.png); } .cat-icon.cat-app-tuenti { background-image: url(../images/icons/app-tuenti.png); } li:hover .cat-icon.cat-app-tuenti { background-image: url(../images/icons/app-tuenti-acc.png); } .cat-icon.cat-concursos { background-image: url(../images/icons/concursos.png); } li:hover .cat-icon.cat-concursos { background-image: url(../images/icons/concursos-acc.png); } .cat-icon.cat-contrato-facturacion { background-image: url(../images/icons/contrato-facturacion.png); } li:hover .cat-icon.cat-contrato-facturacion { background-image: url(../images/icons/contrato-facturacion-acc.png); } .cat-icon.cat-extrajero { background-image: url(../images/icons/extrajero.png); } li:hover .cat-icon.cat-extrajero { background-image: url(../images/icons/extrajero-acc.png); } .cat-icon.cat-internet { background-image: url(../images/icons/internet.png); } li:hover .cat-icon.cat-internet { background-image: url(../images/icons/internet-acc.png); } .cat-icon.cat-portabilidad { background-image: url(../images/icons/portabilidad.png); } li:hover .cat-icon.cat-portabilidad { background-image: url(../images/icons/portabilidad-acc.png); } .cat-icon.cat-prepago { background-image: url(../images/icons/prepago.png); } li:hover .cat-icon.cat-prepago { background-image: url(../images/icons/prepago-acc.png); } .cat-icon.cat-primeros-pasos { background-image: url(../images/icons/primeros-pasos.png); } li:hover .cat-icon.cat-primeros-pasos { background-image: url(../images/icons/primeros-pasos-acc.png); } .cat-icon.cat-registros { background-image: url(../images/icons/registros.png); } li:hover .cat-icon.cat-registros { background-image: url(../images/icons/registros-acc.png); } .cat-icon.cat-tarifas-bonos { background-image: url(../images/icons/tarifas-bonos.png); } li:hover .cat-icon.cat-tarifas-bonos { background-image: url(../images/icons/tarifas-bonos-acc.png); } .cat-icon.cat-tarifas-bonos { background-image: url(../images/icons/tarifas-bonos.png); } li:hover .cat-icon.cat-tarifas-bonos { background-image: url(../images/icons/tarifas-bonos-acc.png); } .cat-icon.cat-voz-digital { background-image: url(../images/icons/voz-digital.png); } li:hover .cat-icon.cat-voz-digital { background-image: url(../images/icons/voz-digital-acc.png); } .cat-icon.cat-app-registro { background-image: url(../images/icons/compras.png); } li:hover .cat-icon.cat-app-registro { background-image: url(../images/icons/compras-acc.png); } .cat-icon.cat-app-cobertura { background-image: url(../images/icons/cobertura.png); } li:hover .cat-icon.cat-app-cobertura { background-image: url(../images/icons/cobertura-acc.png); } .cat-icon.cat-fibra { background-image: url(../images/icons/fibra.png); } li:hover .cat-icon.cat-fibra { background-image: url(../images/icons/fibra-acc.png); } .cat-icon.cat-privacidad { background-image: url(../images/icons/Privacidad_off.png); } li:hover .cat-icon.cat-privacidad { background-image: url(../images/icons/Privacidad_on.png); } /* Icon big */ .cat-big { background-repeat: no-repeat; background-size: contain; width: 94px; height: 107px; margin: 20px 0; background-position: center center; } /* .cat-big.cat-4g { background-image: url(../images/icons/big/4g.png); } .cat-big.cat-cobertura { background-image: url(../images/icons/big/cobertura.png); } .cat-big.cat-concursos { background-image: url(../images/icons/big/concursos.png); } .cat-big.cat-contrato-facturacion { background-image: url(../images/icons/big/contrato-facturacion.png); } .cat-big.cat-internet { background-image: url(../images/icons/big/internet.png); } .cat-big.cat-la-app { background-image: url(../images/icons/big/la-app.png); } .cat-big.cat-prepago { background-image: url(../images/icons/big/prepago.png); } .cat-big.cat-primeros-pasos { background-image: url(../images/icons/big/primeros-pasos.png); } .cat-big.cat-roaming { background-image: url(../images/icons/big/roaming.png); } .cat-big.cat-tarifas-bonos { background-image: url(../images/icons/big/tarifas-bonos.png); } .cat-big.cat-servicios-tramites { background-image: url(../images/icons/big/servicios-tramites.png); } .cat-big.cat-voz-digital { background-image: url(../images/icons/big/voz-digital.png); } */ /* ---- NAV ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */ header.top-header { height: 50px; line-height: 50px; width: 100%; background-color: #000; } header.top-header .black-menu ul { display: flex; flex-direction: row; color: #fff; justify-content: flex-end; z-index:15; } header.top-header .black-menu ul li { padding: 0 15px; font-size: 16px; color: #FFFFFF; } header.top-header .black-menu ul li a { color: #FFFFFF; } header.top-header .black-menu ul li a:hover { color: #E90A66; } .main-header { height: 575px; background-image:url(../images/cabecera.jpg); background-size: cover; } /* .main-header.acceso-page { background-image:url(../images/cabecera2.jpg); } */ nav.main-menu { padding: 20px 0; position: absolute; top: 50px; z-index: 9; left: 0; } .logo-holder { width: 130px; height: 27px; background-size: contain; background-image:url(../images/logo.png); background-repeat: no-repeat; } nav.main-menu ul { display: flex; flex-direction: row; color: #fff; justify-content: flex-start; height: 27px; line-height: 27px;} nav.main-menu ul li { padding: 0 15px; font-size: 16px; color: #FFFFFF; } nav.main-menu ul li a { color: #FFFFFF; } nav.main-menu ul li a:hover { color: #E90A66; } nav.main-menu ul li:before { content: "\f21b"; font-family: 'IonIcons'; color: #0ADA7C; font-size: 10px; padding-right: 15px; } nav.main-menu ul li:first-of-type:before { content: none; } nav.main-menu ul .logo-holder a { overflow: hidden; display: block; text-indent: -9999px; } .main-header .text-holder-center { padding-top: 185px; z-index: 1; } .main-header .title { font-family: TuentiBackslanted-Bold; font-size: 80px; color: #FFFFFF; line-height: 80px; position: relative; padding-bottom: 40px; text-align: center; margin: 0 auto; display: table; } .main-header .title:after { content: ''; height: 10px; width: 100%; background: white; position: absolute; left: 0px; bottom: 0px; } .hero-header-block .row-hero-container { position: absolute; bottom: 0; } .acceso-page.hero-header-block .row-hero-container { position: relative; } .regular-form.search-form { padding: 50px 0px; margin: 0 auto; max-width: 760px; } /* REGISTRO */ .registro-wrapper { padding-top: 50px; display: none !important; } .non-customer .registro-wrapper { padding-top: 50px; display: block !important; } .registro-wrapper ul { display: block; font-size: 18px; color: #191919; line-height: 21px; padding: 20px 0; } .registro-wrapper ul li { display: inline-block; padding-right: 15px; margin-bottom: 21px; position: relative; } .registro-wrapper ul li span { color: #191919; } .registro-wrapper ul li span:after { width: 0%; background: transparent; color: #191919; transition: width .5s ease, background-color .5s ease; content: ''; display: block; margin: auto; height: 2px; margin-top: 10px; } /* .registro-wrapper ul li a.active:after { width: 100%; transition: none; background: #191919; } */ .registro-wrapper ul li span.active:after { width: 100%; transition: none; background: #191919; } .registro-wrapper ul li a:hover:after { width: 100%; background: #191919; } .registro-wrapper .upper-text { text-transform: uppercase; display: inline-block; font-size: 14px; color: #191919; letter-spacing: 1.4px; line-height: 26px; padding-right: 15px; } .registro-wrapper .button-holder { display: inline-block; padding: 20px 0; } /* HAMBURGER */ .hamburger-holder { display: none; } .hamburger-holder #nav-icon { width: 27px; height: 27px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 15px; } .hamburger-holder #nav-icon span { display: block; position: absolute; height: 4px; width: 50%; background: #fff; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .hamburger-holder #nav-icon span:nth-child(even) { left: 50%; border-radius: 0 9px 9px 0; } .hamburger-holder #nav-icon span:nth-child(odd) { left:0px; border-radius: 9px 0 0 9px; } .hamburger-holder #nav-icon span:nth-child(1), .hamburger-holder #nav-icon span:nth-child(2) { top: 0px; } .hamburger-holder #nav-icon span:nth-child(3), .hamburger-holder #nav-icon span:nth-child(4) { top: 8px; } .hamburger-holder #nav-icon span:nth-child(5), .hamburger-holder #nav-icon span:nth-child(6) { top: 16px; } .hamburger-holder #nav-icon.open span:nth-child(1), .hamburger-holder #nav-icon.open span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .hamburger-holder #nav-icon.open span:nth-child(2), .hamburger-holder #nav-icon.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .hamburger-holder #nav-icon.open span:nth-child(1) { left: 2px; top: 4px; } .hamburger-holder #nav-icon.open span:nth-child(2) { left: calc(50% - 2px); top: 4px; } .hamburger-holder #nav-icon.open span:nth-child(3) { left: -50%; opacity: 0; } .hamburger-holder #nav-icon.open span:nth-child(4) { left: 100%; opacity: 0; } .hamburger-holder #nav-icon.open span:nth-child(5) { left: 2px; top: 13px; } .hamburger-holder #nav-icon.open span:nth-child(6) { left: calc(50% - 2px); top: 13px; } /* ---- FOOTER ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .footer-wrapper { background: #000; padding: 40px 20px; font-size: 18px; color: #FFFFFF; line-height: 28px; } .footer-wrapper .columns-wrapper ul { opacity: 0.7; } .footer-wrapper .columns-wrapper div:first-of-type ul { opacity: 1; } .footer-wrapper .columns-wrapper div:last-of-type ul { opacity: 1; } .footer-wrapper .title.title-es { font-size: 32px; } .footer-wrapper a { color: #FFFFFF;} .footer-wrapper a:hover { color: #E90A66; } .footer-wrapper .title { line-height: 25px; padding-bottom: 20px; } .footer-wrapper .footer-copy p { display: inline-block; font-size: 16px; color: #5F5F5F; line-height: 21px; } .footer-wrapper .footer-copy p a { color: #5F5F5F; } .footer-wrapper .footer-copy p a:hover { color: #999; } .footer-wrapper .descarga-google a { overflow: hidden; display: block; text-indent: -9999px; } .footer-wrapper .descarga-app a { overflow: hidden; display: block; text-indent: -9999px; } .footer-wrapper .descarga-app {width: 100%; height: 58px; background-size: contain; background-image:url(../images/icons/apple.png); background-repeat: no-repeat; } .footer-wrapper .descarga-google { width: 100%; height: 58px; background-size: contain; background-image:url(../images/icons/android.png); background-repeat: no-repeat; } /* ---- HOME ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .block-holder { padding: 35px 0; } .block-holder a { font-size: 18px; color: #4A4A4A; line-height: 25px; } .block-holder a:hover { color: #0077FF; } .block-holder ul li a:hover { color: #0077FF; } .block-holder .block-blue { padding: 20px 0; border-top: 8px solid #0077FF; } .block-holder .block-blue .title { font-size: 36px; color: #0077FF; line-height: 31px; padding-bottom: 10px; } .block-holder .preguntas-blocks { padding: 15px 0; } .block-holder.single-cat-holder { padding-bottom: 25px; } .block-holder .preguntas-blocks .title { font-size: 20px; color: #4A4A4A; } .block-holder .preguntas-blocks .title a { color: #4A4A4A; padding-left: 75px; padding-right: 100px; margin-left: -75px; margin-right: -100px; margin-top: -35px; padding-top: 35px; padding-bottom: 35px; margin-bottom: -35px;} .block-holder .preguntas-blocks .title a:hover { color: #0077FF; } .block-holder .preguntas-blocks ul { padding: 20px 0; } .block-holder .preguntas-blocks ul li { padding: 5px 0; position: relative; } .block-holder .preguntas-blocks ul li a h3 { margin-left:10px} .block-holder .preguntas-blocks ul li:before { content: "\f21b"; font-family: 'IonIcons'; color: #4A4A4A; font-size: 5px; padding-right: 6px; vertical-align: middle; position: absolute; padding-top: 5px; } .loop-block-cat ul li a { padding-left: 8px; } .block-holder .preguntas-blocks ul li h3, .block-holder .preguntas-blocks ul li h2 { display: inherit; font-family: inherit; font-weight: inherit; color: inherit; } .block-holder .preguntas a h3 { display: inherit; font-family: inherit; font-weight: inherit; color: inherit; } .block-holder .preguntas-blocks ul li a { font-size: 18px; color: #4A4A4A; } .block-holder .preguntas-blocks ul li a:hover { color: #07f; } .block-holder .preguntas-blocks .ver-todo a { font-family: TextaHeavy; font-size: 12px; color: #E90A66; letter-spacing: 1.4px; line-height: 30px; text-transform: uppercase; max-width: 65px; text-align: center; border-bottom: 2px solid #E90A66; padding-bottom: 10px; } .block-holder .preguntas-blocks .ver-todo .static { font-family: TextaHeavy; font-size: 12px; color: #E90A66; letter-spacing: 1.4px; line-height: 30px; text-transform: uppercase; max-width: 165px; text-align: center; border-bottom: 2px solid #E90A66; padding-bottom: 10px; } .block-holder .preguntas-blocks .ver-todo a:hover { color: #9e20c5; border-bottom: 2px solid #9e20c5; } .destacada-holder { padding: 25px 10px; padding-left: 80px; position: relative; } .destacada-holder .title { font-family: TextaBold; font-size: 20px; color: #4A4A4A; padding-bottom: 6px; } .destacada-holder.destacada-1:before { position: absolute; left: 0; background-image: url(../images/icons/destacado-1.png); content: ''; width: 48px; height: 45px; background-size: contain; background-repeat: no-repeat; } .destacada-holder.destacada-2:before { position: absolute; left: 0; background-image: url(../images/icons/destacado-2.png); content: ''; width: 48px; height: 45px; background-size: contain; background-repeat: no-repeat; } .destacada-holder.destacada-3:before { position: absolute; left: 0; background-image: url(../images/icons/destacado-3.png); content: ''; width: 48px; height: 45px; background-size: contain; background-repeat: no-repeat; } .destacada-holder.destacada-4:before { position: absolute; left: 0; background-image: url(../images/icons/destacado-4.png); content: ''; width: 48px; height: 45px; background-size: contain; background-repeat: no-repeat; } /* ---- WIDGETS ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Contacto */ .non-customer .sidebar-contact.block-holder .block-blue { display: none; } .sidebar-holder {} .sidebar-holder .sidebar-contact .title { font-family: TextaLight; font-size: 35px; color: #191919; line-height: 36px; font-weight: 100; } .sidebar-holder .sidebar-contact .title a { color: #0077FF; font-size: 35px; line-height: 36px; font-weight: 100; text-decoration: underline; } .sidebar-holder .sidebar-contact .title a:hover { color: #000; } .sidebar-holder .sidebar-contact .sidebar-form { padding: 15px 0;} .megafono-icon.title { padding-left: 85px; position: relative; } .megafono-icon.title:before { position: absolute; content: ''; width: 60px; height: 50px; background-image: url(../images/icons/big/megafono.png); background-size: contain; background-repeat: no-repeat; top: 25px; left: 0; } /* Help */ .sidebar-holder .sidebar-help .title { font-family: TextaHeavy; font-size: 28px; color: #0077FF; line-height: 31px; } .full-wrapper .persons-holder .persons-help .user-questions-holder { padding-left: 85px; position: relative; padding-bottom: 20px; min-height: 90px; } .persons-holder .persons-help .user-questions-holder .user-imagen { position: absolute; content: ''; width: 64px; height: 64px; background-image: url(../images/image-user.png); background-size: contain; background-repeat: no-repeat; top: 0px; left: 0; background-color: #D8D8D8; border-radius: 10px; background-position: center center; } .persons-holder .persons-help .user-questions-holder .user-name { font-family: TextaHeavy; font-size: 18px; color: #000000; line-height: 18px; padding-bottom: 5px; } .persons-holder .persons-help .user-questions-holder .user-question { font-family: TextaMedium; font-size: 16px; color: #4A4A4A; line-height: 20px; padding-bottom: 5px; } .persons-holder .persons-help .user-questions-holder .user-imagen .user-counter { width: 25px; height: 25px; background: #000000; border: 3px solid #FEFEFE; font-family: TextaBlack; font-size: 18px; color: #FEFEFE; line-height: 18.5px; text-align: center; border-radius: 50px; position: absolute; left: 50px; top: 20px; } .persons-holder .persons-help .user-questions-holder .user-question a { color: #0077FF; text-decoration: underline; } .persons-holder .persons-help .user-questions-holder .user-pregunta { font-family: TextaHeavy; font-size: 18px; color: #4A4A4A; line-height: 24px; } .persons-holder .persons-help .user-questions-holder .user-metas { font-family: TextaMedium; font-size: 16px; color: #4A4A4A; line-height: 20px; } .persons-holder .persons-help .user-questions-holder .user-metas a { color: #4A4A4A; text-decoration: underline; } .persons-holder .persons-help .user-questions-holder .user-expert { font-family: TextaMedium; font-size: 16px; color: #000000; line-height: 20px; } .persons-holder .persons-help .user-questions-holder .user-expert a { font-family: TextaMedium; color: #000000; } .persons-holder .persons-help .user-questions-holder .user-expert span { font-family: TextaHeavy; } .sidebar-holder .textwidget img { max-width: 100%; } .sidebar-holder .textwidget { padding: 0 15px; } /* Categorías */ .sidebar-cat .category-holder .cat-name { font-family: TextaHeavy; font-size: 20px; color: #191919; line-height: 30px; text-transform: uppercase; padding: 10px 0; padding-left: 55px; position: relative; border-bottom: 1px solid #EAEAEA; } .sidebar-cat .category-holder .cat-name a { color: #191919; font-family: TextaHeavy; } .sidebar-cat .category-holder .cat-name a:hover, .sidebar-cat .category-holder .cat-name.current a { color: #0ADA7C; } .sidebar-cat .category-holder .cat-name span { position: absolute; left: 0; bottom: 0px; background-position: center left; height: 100%; } .sidebar-cat .category-holder .cat-name a:after { content: "\f3d3"; font-family: 'IonIcons'; top: 14px; position: absolute; right: 0; } /* ---- HILO DE AYUDA ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .loop-block-cat .preguntas-blocks ul { padding: 0; } .loop-block-cat .preguntas-blocks { padding: 0; } .loop-block-cat .megafono-icon.title:before { top: -5px; } .persons-holder .loop-block-cat.persons-help .user-questions-holder .user-question { padding-right: 15px; } .volver-wrapper { padding-top: 40px; } .volver-wrapper a { font-family: TextaHeavy; font-size: 18px; color: #191919; line-height: 10px; padding-left: 20px; position: relative; } .volver-wrapper a:hover { color: #0077FF; } .volver-wrapper a span { position: absolute; left: 0; } /* ---- SINGLE ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .block-holder .preguntas-blocks .mogollon { font-family: TextaBold; font-size: 16px; color: #0077FF; line-height: 18px; display: inline-block; padding: 35px; position: relative; } .block-holder .preguntas-blocks .mogollon a { font-family: TextaBold; color: #0077FF; } .block-holder .preguntas-blocks .mogollon p { font-family: TextaBold; } .block-holder .preguntas-blocks .mogollon a:hover { font-family: TextaBold; color: #000; } .block-holder .preguntas-blocks .ayudado-icon { position: absolute; left: 0; width: 22px; height: 24px; background-size: contain; background-repeat: no-repeat; } .block-holder .preguntas-blocks .ayudado-icon.mogollon-icon { background-image: url(../images/icons/ok.png); } .block-holder .preguntas-blocks .ayudado-icon.no-mogollon-icon { background-image: url(../images/icons/ko.png); } .single-page .single-related-post { padding: 0 0 35px 0; } .single-page .single-related-post.block-holder .block-blue { border-top: 8px solid #000; } .single-page .single-related-post.block-holder .block-blue .title { color: #000; } /* Voting spinner */ .js-vote-async-holder { min-height: 115px; } .block-holder .preguntas-blocks .spinner { font-size: 22px; line-height: 28px; display: inline-block; padding: 35px 10px; position: relative; float: left; } .block-holder .preguntas-blocks .spinner span { display: block; height: 28px; width: 28px; text-align: center; font-size: 22px; line-height: 28px; margin: 0 auto; color: #a0a0a0; } .block-holder .preguntas-blocks .spinner span:before { line-height: 28px; } .block-holder .preguntas-blocks .requesting .action { display: none; } .block-holder .preguntas-blocks .requesting .spinner { display: block; } .block-holder .preguntas-blocks .action { display: block; float: left; } .block-holder .preguntas-blocks .action.result { padding: 35px 10px; } .block-holder .preguntas-blocks .spinner { display: none; } /* ---- INCIDENCIA ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .incidencia-holder { background: #0077FF; color: #FFF; font-family: TextaHeavy; font-size: 20px; } .incidencia-holder .incidencia-text-holder .title { text-transform: uppercase; line-height: 30px; } .incidencia-holder .incidencia-text-holder { height: 135px; display: flex; flex-direction: column; justify-content: center;padding-left: 100px; } .incidencia-holder .incidencia-text-holder:before { content: ''; position: absolute; left: 0; bottom: 0; background-image: url(../images/icons/mano.png); background-repeat: no-repeat; background-size: contain; width: 85px; height: 85px; } .incidencia-holder .arrow-image { background-image: url(../images/icons/flecha.png); background-repeat: no-repeat; background-size: contain; width: 100%; max-width: 80px; height: 135px; background-position: center;transition: all 0.3s ease-in-out; transition: all .2s ease-in-out; } .incidencia-holder .arrow-image:hover { -webkit-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); } .grow:hover { transform: scale(1.1); } .incidencia-holder .incidencia-btn-holder { height: 135px; display: flex; flex-direction: column; justify-content: center; text-align: center; } .incidencia-holder .incidencia-btn-holder .more-text { font-family: TextaMedium; font-size: 16px; line-height: 18px; } /* ---- ACCESO ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .acceso-form { background: #FFF; padding: 80px 100px 0 100px; max-width: 780px; margin: 60px auto; } .acceso-form .registrate-usando { font-family: TextaMedium; font-size: 16px; color: #191919; line-height: 8px; text-align: center; position: relative; background: #fff; padding: 0 20px; width:100%; text-align:center; border-bottom: 1px solid #000; line-height:0.1em; margin:10px 0 20px; } .acceso-form .registrate-usando span { background:#fff; padding:0 10px; } .acceso-form .social-registro { font-family: TextaMedium; font-size: 16px; color: #0077FF; line-height: 18px; text-align: center; } .acceso-form .social-registro a { color: #0077FF; } .acceso-form .title-form { font-family: TextaHeavy; font-size: 18px; color: #191919; line-height: 18px; padding: 5px 0 10px 0;} /* SLIDER */ .question-acceso-holder { background: #D8D8D8; } .question-acceso-holder .question-acceso { padding: 50px; } .question-acceso-holder .owl-stage-outer { z-index: 5; } .question-acceso-holder .owl-controls { width: 100%; position: absolute; top: 50%; left: 0; height: 60px; transform: translateY(-50%); z-index: 1; } .question-acceso-holder .owl-controls .owl-prev { width: 30px; position: absolute; left: 0; font-size: 60px; } .question-acceso-holder .owl-controls .owl-next { width: 30px; position: absolute; right: 0; font-size: 60px; text-align: right; } /* NECESITAS AYUDA */ .necesitas-ayuda-holder { padding: 60px; text-align: center; } .necesitas-ayuda-holder .necesitas-ayuda .title { font-family: TextaBold; font-size: 24px; color: #000000; padding-bottom: 5px;} .necesitas-ayuda-holder .necesitas-ayuda .subtitle { font-family: TextaMedium; font-size: 18px; color: #9F9F9F; } .necesitas-ayuda-holder .necesitas-ayuda .subtitle a { color: #9F9F9F; } .acceso-white-block { background: #fff; width: 100%; height: 276px; } /* ---- MODAL ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .modal-holder.desactivate { opacity:1; } .modal-holder { opacity:1; position: fixed; width: 100%; height: 100%; z-index: 15; background: rgba(0,0,0,.7); top: 0; left: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; } .modal-holder .modal-wrapper { background: #FFF; max-width: 850px; height: 80%; overflow-y: scroll; padding: 40px; position: relative; } .modal-holder .modal-wrapper.header-modal { overflow: hidden; max-width: 850px; width: 100%; display: block; height: 110px;} .modal-holder .modal-wrapper .description { font-family: TextaMedium; font-size: 16px; color: #191919; line-height: 20px; } .modal-holder .modal-wrapper .description p { padding: 6px 0; } .modal-holder .modal-wrapper .description ul li { padding: 6px 0; } .modal-holder .modal-wrapper .description strong { font-family: TextaBold; } .modal-holder .modal-wrapper .description a { color: #E90A66; } .modal-holder .modal-wrapper .title { font-family: TextaHeavy; font-size: 32px; color: #191919; line-height: 45px; position: relative; } .modal-holder .modal-wrapper .title:before { content: ''; background-color: #E90A66; width: 150px; height: 6px; position: absolute; bottom: -10px; } .modal-holder .modal-wrapper .close-modal { position: absolute; right: 20px; top: 20px; font-size: 25px; cursor: pointer; } /* MODAL PERSON */ .modal-person { width: 150px; height: auto; display: none; position: absolute; top: 50px; right: 0px; background: #000000; border: 1px solid #979797; border-radius: 0 0 5px 5px; z-index: 999999; } header.top-header .modal-person .image-person { width: 64px; height: 64px; background-image: url(../images/image-user.png); background-size: contain; background-repeat: no-repeat; background-color: #D8D8D8; border-radius: 10px; background-position: center center; margin: 0 auto; } header.top-header .modal-person ul li { font-family: TextaBlack; font-size: 12px; color: #FFFFFF; letter-spacing: 1.4px; line-height: 12px; border-bottom: 2px solid #FFFFFF; text-transform: uppercase; display: block; padding: 12px 0; text-align: center; } header.top-header .modal-person ul { flex-direction: column; padding: 35px; } header.top-header .modal-person ul li:first-of-type { border: none; margin-bottom: 12px; } header.top-header .modal-person ul li:hover { border-color: #E90A66; } header.top-header .modal-person ul li:hover a { color: #E90A66; } /* ---- MODAL ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .chat-holder.open { display: block; } .non-customer .chat-holder.open { display: none; } .chat-holder { z-index: 999999999; position: fixed; background: #E90A66; border-radius: 4px; right: 20px; bottom: 0; cursor: pointer; color: #fff; font-family: TextaMedium; font-size: 18px; padding: 7px 25px; display: none; } .chat-holder strong { font-family: TextaHeavy; } .chat-holder:before { content: ''; position: absolute; left: -50px; bottom: -13px; background-image: url(../images/blabla.png); background-repeat: no-repeat; background-size: contain; width: 73px; height: 124px; z-index: 999999999; } /* ---- Vista previa de los resultados ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .search-preresults { width: 100%; position: absolute; padding: 15px 30px; background: #fff; left: -5px; top: 52px; z-index: 999; width: 760px; display: none; border-radius: 0 0 6px 6px; box-shadow: 3px 7px 18px rgba(0, 0, 0, 0.2); } .search-preresults ul { display: block; } .search-preresults ul li { padding: 15px 0; border-bottom: 1px solid #e7e7e7; } .search-preresults ul li a { text-align: center; } .search-preresults ul li:last-child { border-bottom: none; } .search-preresults ul li span { display: block; } .search-preresults ul li a.title { font-family: TextaMedium; font-size: 16px; color: #4A4A4A; line-height: 18px; text-align: center; padding: 0; } .search-preresults ul li a.title:before { content: none; } .search-preresults ul li a.title:after { content: none; } .search-preresults ul li a.view-all { color: #0077ff; font-size: 16px; line-height: 18px; text-transform: uppercase; text-align: center; display: block; } .search-preresults ul li a.view-all:hover { color: #E90A66; } /* .search-results .block-holder a:before { content: '\f400'; font-family: 'IonIcons'; position: absolute; left: 16px; font-size: 5px; color: #000000; font-weight: 900; } */ .search-results .resultados-busqueda-holder.block-holder a:before { content: '\f400'; font-family: 'IonIcons'; position: absolute; left: 16px; font-size: 5px; color: #000000; font-weight: 900; } .search-results .second-two-home ul.search-items-holder li.search-each { padding: 8px 0px 8px 30px; } .search-preresults ul li.busqueda-predictiva a { color: #000; } .search-preresults ul li.busqueda-predictiva.comunidad a { color: #4A4A4A; } .search-preresults ul li.busqueda-predictiva.comunidad a:hover { color: #a00ac8; } .search-preresults ul li.busqueda-predictiva a:hover { color: #0077FF; } .search-results .second-two-home ul.search-items-holder li.busqueda-predictiva a { color: #000; } .search-results .second-two-home ul.search-items-holder li.busqueda-predictiva a:hover { color: #0077FF; } .search-results .second-two-home ul.search-items-holder li.busqueda-predictiva.post a:after { content: '\f27c'; font-family: 'IonIcons'; font-size: 16px; margin-left: 6px; vertical-align: baseline; color: #0077ff; } .search-results .second-two-home ul.search-items-holder li.busqueda-predictiva.comunidad a { color: #4A4A4A; } .search-results .second-two-home ul.search-items-holder li.busqueda-predictiva.comunidad a:after { background-image: url(../images/convo.png); width: 25px; height: 25px; content: ''; background-size: contain; position: absolute; margin-left: 6px; background-repeat: no-repeat; background-position: center; } .search-results .second-two-home ul.search-items-holder li.busqueda-predictiva.comunidad a:hover { color: #a00ac8; } /* HOT FIX: Review as esception */ .postid-3220 .regular-content table p { font-size: 18px; }