/* Theme Name: CobInt_estabanell Theme URI: Description: Divi Child Theme Author: Arrova.cat Author URI: https://www.arrova.cat/ Template: Divi Version: 3.0.02 Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready Text Domain: CobInt */ @import url("../Divi/style.css"); body{color:#000!important;} /*Fonts*/ @font-face{ font-family:CircularXXBold; src: url('fonts/CircularXX-Bold.ttf') format('truetype'), url('fonts/CircularXX-Bold.otf') format('otf'), url('fonts/CircularXX-Bold.eot') format('embedded-opentype') } @font-face{ font-family:CircularXXBook; src: url('fonts/CircularXX-Book.ttf') format('truetype'), url('fonts/CircularXX-Book.otf') format('otf'), url('fonts/CircularXX-Book.eot') format('embedded-opentype') } @font-face{ font-family:CircularXXExtraBlack; src: url('fonts/CircularXX-ExtraBlack.ttf') format('truetype'), url('fonts/CircularXX-ExtraBlack.otf') format('otf'), url('fonts/CircularXX-ExtraBlack.eot') format('embedded-opentype') } @font-face{ font-family:CircularXXLight; src: url('fonts/CircularXX-Light.ttf') format('truetype'), url('fonts/CircularXX-Light.otf') format('otf'), url('fonts/CircularXX-Light.eot') format('embedded-opentype') } @font-face{ font-family:CircularXXMedium; src: url('fonts/CircularXX-Medium.ttf') format('truetype'), url('fonts/CircularXX-Medium.otf') format('otf'), url('fonts/CircularXX-Medium.eot') format('embedded-opentype') } /*Navegació*/ header .current-menu-item{ border-bottom: 2px solid #000;} header #top-menu li{ padding-right: 0; margin-right: 22px;} header .em_energia a{color:#218611!important;} header #et-top-navigation{ font-weight: 500; } #top-menu .menu-item-has-children>a:after{padding-top:18px;} #top-menu .menu-item-has-children ul.sub-menu{margin-top: -30px;} header .sub-menu .menu-item.current-menu-item{border: none;} #contacte-btn{min-width: 165px !important; font-weight: 500 !important; padding: 26px 10px 26px 35px;} #contacte-btn i {font-size: 35px; position: absolute; left: 10px; top: 20px;} /*Slider control */ .et-pb-controllers a{ background-color:#000 !important;} .et-pb-controllers a.et-pb-active-control{background-color:#000 !important; } /*Format Text*/ h1, #emfbs1 h1, #emmb1_1 h1, #config-titles h1{ font-size: 60px!important; color: #000 !important; font-weight: 700!important; font-style: italic; text-align: center;} h2, #emfbs1 span, #emmb1_1 span, #emsaemS1 span{font-size: 40px!important; color: #000 !important; line-height: 42px;} #emfbs1 span, #emmb1_1 span{text-align:center;} .home h2, #emfbs2 h2, #em_mes_inform p.em_titol, #bo_estiu_form p.em_titol{ font-size: 40px; font-weight: 500; color: #000; line-height: 42px; font-style: italic;} .home h3, #em_prm h3{ font-size: 30px; font-weight: 500; color: #000} .home p, .home .em_opinions p, #em_avleg .block p, #em_pcokkies .block p, #em_ppriv .block p, #emfbs2 p, #em_tv_com p, #em_tv_canals p, #em_tv_pr p, #em_tv_app p, #em_tv_fun p, #em_em_c p,#mobil_total_tarifa p, #em_cc p, #em_cc li, #em_prm p, #em_prm li, #em_prm th, #em_prm td, #em_major_txt p{font-size: 18px; font-weight: 500; font-family: 'HP Simplified'!important; color: #000} .empkb li, #em_h_av_c3 li, #em_fib_ccom li, #em_tv_fun li, #emsaemS2R1 li, #emsaemS3R1C2 p, #emsaemS4R2 p, #emsaemS4_dk p, .em_tl li{ font-size: 18px; font-weight: 500; font-family:'HP Simplified'; color: #000; padding-left: 20px; } .empli li{ padding-left: 20px;} #em_pd_text{font-size: 10px; line-height: 12px; text-align: justify; padding-left: 10px; margin-bottom: 10px;} .empkbp .price span, #em_info_bl input, #em_info_bl label, #em_info_bl button, .empkbp .iva, #emfbs2 .price, #emfbs2 .iva, .preu-fixa-fibra, #emfbs3 p, #emfbs5 ul li p, #emmb2_1 p, #emmb2_1 .preu .preu-mobil, #emmb2_1 .btn, #emmb2_1 .price, #emmb2_2_subtitol p, #emmb3_1 h2, #emmb3_1 p, #emmb3_1 li, .consultar-cond{font-family:'HP Simplified'!important; } #em_f_blurbs h3{ color: #000;} #emfbs2 .euro, .preu-fixa-fibra .euro{ font-size: 40px!important;} .preu-fixa-fibra .price{color: #1c559e!important;top: 40px;width: auto;display: block;width: auto !important;text-align: center;left: 48%; transform: translate(-50%,0%);} .preu-fixa-fibra .iva{color:#1c559e!important;top:80px;text-align: center;} /*.empkbp .iva .units .dec .euro*/ #emfbs5 ul li h3{display:inline-block;padding:0px;} #emfbs5 ul li p{padding-bottom:10px;padding-right: 124px;left: -12px;position: relative;} #em_tv_fun ul{padding-left:0px;} #emfbs5 ul li, #em_list_f ul li, #em_tv_fun ul li{list-style:none;} #emfbs5 ul li:before, #em_list_f ul li:before, #em_tv_fun ul li:before{content: "\2022";color:#009ee0;font-weight:bold;display:inline;top:3px;width:0;height:0px;margin-left: -1em;position:relative;font-size:25px;} #emsaemS2R1 ul li{list-style:none;font-size:18px;line-height:20px;padding-bottom:15px;} #emsaemS2R1 ul li:before { content: "\2022"; color: #009ee0; font-weight: bold; display: inline; top: 3px; width: 0; height: 0px; margin-left: -1em; position: relative; font-size: 25px; padding-right:15px; } #em_avleg .block, #em_pcokkies .block, #em_ppriv .block{ padding: 30px; margin-bottom: 30px;} #em_avleg .blok a, #em_pcokkies .block a, #em_ppriv .block a{text-decoration: underline;} #em_avleg .blok a:hover, #em_pcokkies .block a:hover, #em_ppriv .block a:hover{text-decoration: none;} /*TV*/ #em_cap_tv .et_pb_fullwidth_header_container{ width: 35%; left:-30%; } #em_cap_tv img{ width: 60%; } #em_cap_tv h1{ color:#000; } #em_cap_tv .et_pb_fullwidth_header_subhead{font-size: 30px; line-height:32px; color:#269ed5 !important; font-style: italic; padding-top: 10px;} #em_cap_tv a{ text-align: center; width:150px; border-radius: 30px; margin: auto; } .em_of_tv{ color: #000; font-size: 26px; line-height: 28px; } #em_tv_cap_of{ width: 100%; vertical-align: middle; margin-top: 30px;} #em_tv_cap_of1{vertical-align:top;display: inline-block; width: 38%; height: 118px;position:relative;} #em_tv_cap_of1 p{vertical-align: middle; position:relative;transform:translate(0,-50%);top:50%;} #em_tv_cap_of2{display: inline-block; width: 118px; } #em_tv_cap_of2 .price, #em_tv_cap_of2 .euro,#em_tv_cap_of2 .iva{ color:#000;} #em_tv_cap_of2 .price{ top:30px; left: -15px;} #em_tv_cap_of2 .euro{ font-size: 40px;} #em_tv_cap_of2 .iva{top:70px;} #em_tv_cap_of3{display: inline-block; width: 33%; color:#000;height: 118px;vertical-align: top;padding-top: 30px;} #em_preus{width: 118px!important; display: inline-block;} /*Formularis*/ #em_info_bl p, #bo_estiu_form p{font-size: 16px;} #em_info_bl .et_pb_contact_field_options_title, #bo_estiu_form .et_pb_contact_field_options_title{ display: none;} #em_info_bl label{ font-weight: 300;} #em_info_bl form input, #em_info_bl form textarea, #emontrS3R2 form input, #emontrS3R2 form textarea, #emsaemS5R2 form input, #emsaemS5R2 form textarea, #em_major_form form input, #em_major_form form textarea {background:none;border:2px solid #0468bc;border-radius:9px;padding:10px;font-size:16px;color:#094695;} #em_info_bl form input::placeholder, #em_info_bl form textarea::placeholder, #emontrS3R2 form input::placeholder, #emontrS3R2 form textarea::placeholder, #emsaemS5R2 form input::placeholder, #emsaemS5R2 form textarea::placeholder{color:#094695;} #em_info_bl, #emontrS3R2, #emsaemS5R2, #bo_estiu_form_col{padding: 30px;color:#094695;} #em_major_form p{ color:#094695; } #em_major_form .et_pb_contact_field_options_title{display: none;} #emontrS3R2 form .et_pb_contact_field[data-id=adreca], #emsaemS5R2 form .et_pb_contact_field[data-id=adreca], #emontrS3R2 form .et_pb_contact_field[data-id=poblacio], #emsaemS5R2 form .et_pb_contact_field[data-id=poblacio], #emsaemS5R2 form .et_pb_contact_field[data-id=missatge], #emontrS3R2 form .et_pb_contact_field[data-id=missatge], #bo_estiu_form form .et_pb_contact_field[data-id=mobil_bo], #bo_estiu_form form .et_pb_contact_field[data-id=privacitat], #bo_estiu_form form .et_pb_contact_field[data-id=condicions_bo]{width: 100%} #emontrS3R2 form .et_pb_contact_field[data-id=missatge], #emsaemS5R2 form .et_pb_contact_field[data-id=missatge] {margin-bottom:5px;} #emontrS3R2 form .et_pb_contact_field[data-id=nom-cognoms],#emontrS3R2 form .et_pb_contact_field[data-id=email], #emsaemS5R2 form .et_pb_contact_field[data-id=empresa],#emsaemS5R2 form .et_pb_contact_field[data-id=email] {width: 70%;} #emontrS3R2 form .et_pb_contact_field[data-id=cp],#emontrS3R2 form .et_pb_contact_field[data-id=tlfn], #emsaemS5R2 form .et_pb_contact_field[data-id=cp],#emsaemS5R2 form .et_pb_contact_field[data-id=tlfn] {width: 30%;} #emontrS3R2 .et_pb_contact_field_options_title, #emsaemS5R2 .et_pb_contact_field_options_title{display:none!important;} #emontrS3R2 form .et_pb_contact_field[data-type=checkbox], #emsaemS5R2 form .et_pb_contact_field[data-type=checkbox]{width:70%; margin:0;} #em_info_bl .et_pb_contact_field_options_list i, #emontrS3R2 .et_pb_contact_field_options_list i, #emsaemS5R2 .et_pb_contact_field_options_list i, #bo_estiu_form .et_pb_contact_field_options_list i, #em_major_form .et_pb_contact_field_options_list i{ background:none; border:2px solid #0468bc;} #emontrS3R2 #et_pb_contact_form_0, #emsaemS5R2 #et_pb_contact_form_0{margin-bottom:0px;} #em_info_bl #et_pb_contact_form_0 .et_contact_bottom_container button, #emontrS3R2 #et_pb_contact_form_0 .et_contact_bottom_container button, #emsaemS5R2 #et_pb_contact_form_0 .et_contact_bottom_container button, #bo_estiu_form_col #et_pb_contact_form_0 .et_contact_bottom_container button, #em_major_form button{background-color: #0468bc;color:white;border-radius:30px;font-style:italic; border:2px solid #0468bc;} .camp-obligatori-msg, .camp-obligatori-msg{padding-left:3%; font-weight:800;} .emontrS2, #emontrS2R3, .emontrS2, #emontrS2R3{padding:0;} #em_info_bl .legal-text p,#emontrS3R2 .legal-text p, #emsaemS5R2 .legal-text p, #bo_estiu_form .legal-text p, #em_major_form .em_legaltext p {padding-bottom: 0; line-height: 15px; font-size: 12px;} #bo_estiu_form .legal-text{margin-top: 4.758%;} #em_major_form .em_legaltext p{ color:#094695; } /*Landings*/ #em_form_pob, #em_form_pob_tb{background-color: rgba(255,255,255,0.7); padding: 15px; border-radius: 15px;} #em_form_pob.et_pb_contact_form_container .et_pb_contact_field, #em_form_pob_tb.et_pb_contact_form_container .et_pb_contact_field{width:100%;} #em_form_pob h1.et_pb_contact_main_title, #em_form_pob_tb h1.et_pb_contact_main_title { color: #000 !important; } #em_form_pob.et_pb_contact_form_container form input[type="text"], #em_form_pob_tb.et_pb_contact_form_container form input[type="text"] { border: 2px solid rgb(4,104,189); border-radius: 12px; padding: 6px 15px 15px 6px; font-size: 18px; font-weight: bold; color: rgb(4,104,189); background-color: transparent; color:rgb(4,104,188); } #em_form_pob.et_pb_contact_form_container form input[type="text"]:focus, #em_form_pob_tb.et_pb_contact_form_container form input[type="text"]:focus{ background-color: #ddd8; } #em_form_pob.et_pb_contact_form_container form .et_pb_contact_field_checkbox label, .em_form_pob_tb.et_pb_contact_form_container form .et_pb_contact_field_checkbox label{ color: rgb(4,104,188); } #em_form_pob.et_pb_contact_form_container form .et_pb_contact_field_checkbox label i, #em_form_pob_tb.et_pb_contact_form_container form .et_pb_contact_field_checkbox label i{ border: 2px solid rgb(4,104,188); } #em_form_pob.et_pb_contact_form_container form input[type="text"]::placeholder, #em_form_pob_tb.et_pb_contact_form_container form input[type="text"]::placeholder { color: rgb(4,104,189); font-style: italic; font-weight: bold; } #em_form_pob .et_pb_contact_field_5 label, #em_form_pob_tb .et_pb_contact_field_5 label{display: none;} #em_form_pob form.et_pb_contact_form button[type="submit"], #em_form_pob_tb form.et_pb_contact_form button[type="submit"]{ color: white; background-color: #000 !important; border-radius: 30px; padding: 5px 50px; font-style: italic; border:none; display: table-cell; vertical-align: middle; margin-top:3px; } #em_hbi_c1, #em_hbi_c2, #em_hbi_c3,#em_hbi_c4{ padding-top: 20px;} #em_hbi_c1, #em_hbi_c2, #em_hbi_c3 {margin-right:0; } #em_hbi_c4 {width: 35.875%; padding-top: 15px;} #em_hbi_c4 .et_pb_text_inner{ display: flex;} #em_en_left{ text-align: center; display: block; width: 150px!important; display: none!important;}/*ultim canvi 12/11/19*/ #em_en_right{ display: block; position: absolute; top:50%; transform:translate(150px, -60%); display: none!important;}/*ultim canvi 12/11/19*/ #em_en_right a{ color:#218611; font-size: 22px; text-align: center;} /*TV*/ #em_head_tv #emfbS1R1{} #em_head_tv h1 strong{font-size: 0; line-height: 0;} #em_head_tv h1{ font-size: 40px!important; width: 100%;} #em_head_tv h2{ font-size: 20px!important; font-family: "Open Sans", Helvetica, Arial,Lucida, sans-serif!important;} /*General*/ #top-menu-nav li{ height: 50px; display: inline-block; vertical-align:top;} #top-menu-nav li a{padding-bottom:18!important; padding-top:18px;} /*#et-main-area{ margin-top: 0px;} #et-top-navigation{ padding-top:25px!important; padding-bottom: 25px!important;}*/ .et-fixed-header{ height: 100px; box-shadow: #eee 0 2px 8px!important;} .et-fixed-header #et-top-navigation{ padding-top: 25px!important; padding-bottom: 25px!important;} header .et-fixed-header #top-menu .ems_menu_tlfn a{ color: #fff!important;} .ems_menu_tlfn a{ text-align: center;} #ems2_titol{font-size: 50px;} #em_pd_text{display: inline-block;} .ems_menu_tlfn a { color: white !important; background-color: #000; display: block !important; border-radius: 31px; padding: 8px 15px 8px 15px !important; font-size: 14px !important; font-style: italic !important; letter-spacing: 0px; line-height: 17px; margin: 0 auto; } .ems_menu_tlfn a span { font-size: 20px; margin: 0 auto; display: block !important; margin: 0 auto; text-align: center; } .ems_menu_tlfn a:hover span {font-weight: bold} .em_menu_cl a{ display: block !important; border-radius: 31px; border: 2px solid #000 !important; padding: 16px 12px 16px 12px !important; } #ems7desk{min-height: auto !important;} #footer-info{width:87%;} footer .et-social-icons li{margin-left: 15px;} footer #footer-info a{display: inline-block;} .footer-right-info{ float:right; display: inline; } .footer-right-info a{ margin-left: 30px; font-size: 20px; font-weight: 600 !important; } #em1dt{padding-top: 88px !important;} #contractacio-mob1 h2, #contractacio-mob2 h2, #contractacio-mob3 h2, #contractacio-mob4 h2, #contractacio-mobPers50m5g h2, #contractacio-mobPers300m3g h2, #contractacio-mobPers3000m0g h2, #contractacio-orange h2{ font-style: normal; } #contractacio-mob1 h3, #contractacio-mob2 h3, #contractacio-mob3 h3, #contractacio-mob4 h3, #contractacio-mobPers50m5g h3, #contractacio-mobPers300m3g h3, #contractacio-mobPers3000m0g h3, #contractacio-orange h3{ color:#000; font-style: italic; font-size: 30px;} #contractacio-mob1 p, #contractacio-mob1 li, #contractacio-mob2 p, #contractacio-mob2 li, #contractacio-mob3 p, #contractacio-mob3 li, #contractacio-mob4 p, #contractacio-mob4 li, #contractacio-tarifa-pers, #contractacio-mobPers50m5g li, #contractacio-mobPers50m5g p, #contractacio-mobPers300m3g li, #contractacio-mobPers300m3g p, #contractacio-mobPers3000m0g li, #contractacio-mobPers3000m0g p, #contractacio-orange li, #contractacio-orange p{ color:#000; font-size: 18px;} .main-contractacio li{list-style-position: inside;} .main-contractacio span.st{ font-size: 18px; font-weight: normal; color: #000; padding-top: 15px; display: block; padding-bottom: 5px;} /*Footer*/ /* footer{ height: 100px; background: url(https://extranet.estabanell.com/wp-content/uploads/2019/01/imatge-footer-Emagina-TV_100.png); background-size: cover; background-repeat: no-repeat!important; background-position: top center;} footer #footer-bottom{padding-top: 70px!important; padding-bottom: 0!important;} #footer-info{padding-bottom: 0!important;}*/ /* Footer 20/01/2022 */ /*pàgina FAQS*/ #em_faq_cap h1, #em_faq_cap h2, .em_tit_const{ color:#000!important; font-family: 'HP Simplified' } #em_faq_cap h1.em_t_p{ font-size: 14px!important;} #em_faq_cap h2.em_t_tit{ font-size: 70px!important;} #em_faq_res .em_faq_s_t{ margin-top:25px;font-size: 36px!important; font-family: 'HP Simplified'; color:#000!important;} .em_faq_div::before{ border-top-color:#000!important; } .em_faq_respostes .et_pb_divider::before{border-top-color:#000!important;} .em_faq_respostes h5::before, .em_faq_respostes h5.et_pb_toggle_title{ color:#000!important; } .em_faq_respostes .et_pb_toggle{padding-top: 0!important;} .page-id-28919 .et_pb_toggle, .page-id-31550 .et_pb_toggle{background-color: transparent !important;border:none;} .page-id-28919 #em_faq_res h5.et_pb_toggle_title, .page-id-31550 #em_faq_res h5.et_pb_toggle_title{color: #000!important;} .page-id-34990 #em_faq_res h5.et_pb_toggle_title, .page-id-31550 #em_faq_res h5.et_pb_toggle_title{color: #000!important;} /* Nova plana respostes - cat*/ .page-id-34990 .et_pb_toggle{background-color: transparent !important;border:none;} .page-id-34990 #em_faq_res h5.et_pb_toggle_title{color: #000!important;} .page-id-34990 .et_pb_toggle_content li, .page-id-28919 .et_pb_toggle_content li{font-family: 'HP Simplified';} /* Nova plana respostes - cast */ .page-id-34991 #em_faq_res h5.et_pb_toggle_title{color: #000!important;} .page-id-34991 #em_faq_res .et_pb_toggle_content li{font-family: 'HP Simplified';} .page-id-34991 #em_faq_res .et_pb_toggle{background-color: transparent !important; border:none;} #em_faq_res .et_pb_row .et_pb_column:nth-child(2){background-color: rgba(255,255,255,0.8);border-radius: 15px;display: block;padding:30px 20px;margin:20px auto;} #em_faq_res .et_pb_toggle .et_pb_toggle_title:before {font-size: 30px;} #em_faq_res .et_pb_toggle_content{color:#000 !important;} #em_faq_res .et_pb_row{padding-top:50px;} #em_faq_cap .et_pb_row{padding-top:50px;padding-bottom:0px;} #em_faq_res .et_pb_module{margin-bottom:20px;} #em_faq_res .et_pb_module:last-of-type{margin-bottom:0px;} #em_faq_res .et_pb_divider:before{border-top-width:3px;} #em_faq_res .faq-sec-img{max-width:100px;} #faq_mes_ajuda_section{margin-top:50px;margin-bottom:100px;} #faq_mes_ajuda_section a{color:inherit;text-decoration: underline;} #em_faq_res>div:last-of-type{padding-bottom:0} #em_w7, #em_w8, #em_ios, .et_pb_module.et_pb_toggle.em_m_content, .et_pb_module.et_pb_toggle.em_o_content{ padding:30px!important; border:2px solid #000!important; border-radius:30px; margin-top:20px;} /* fi pàgina FAQS*/ /*Landing Energia*/ .page-id-28917 footer.main-footer{display: none;} /* ----- Pagina Configurador ------ */ .page-id-28913 .wrap, .page-id-29183 .wrap, .page-id-31601 .wrap { margin-top: 145px; margin-bottom: 40px; } /*PaginaConfigurador Mobils Personalitzats*/ .page-id-29993 .wrap, .page-id-31955 .wrap{ margin-top: 100px; } #form-contractacio { margin-bottom: 100px; } #content{ background-attachment: fixed; background-size: cover; } /*Switch*/ .switch { position: relative; display: inline-block; width: 60px; height: 24px; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: white; -webkit-transition: .4s; transition: .4s; border:2px solid #000; } .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: -2px; bottom: 0px; background-color: white; -webkit-transition: .4s; transition: .4s; border:2px solid #000; } input:checked + .slider { background-color: #000;} input:focus + .slider { box-shadow: 0 0 1px #000;} input:checked + .slider:before { -webkit-transform: translateX(40px); -ms-transform: translateX(40px); transform: translateX(40px); } .producte{ flex:10; background-color: white; border-radius: 15px 15px 15px 15px; box-shadow: -10px 0px 10px -10px #666; display: none; } .productes-row div.producte:nth-of-type(2){ border-top-left-radius: 0px !important;} .productes-row div.producte:last-of-type{ border-bottom-left-radius: 0px !important;} .producte.linia-actual{ display: block; } .product-menu-btn{ display:block; padding:20px 0; z-index: 10; position:relative; text-align:center; text-decoration: none; } .product-menu-btn.selected{ background-color: white; border-top-left-radius: 15px; border-bottom-left-radius: 15px; box-shadow: 0px 10px 10px -10px #666; } .product-menu-btn.disabled{ pointer-events: none; color:gray; } .product-row{ display:flex; justify-content: space-between; margin:20px 0px; } .product-row .product-title{ padding-left:15px; flex:9; } .product-select{ padding-right:10px; padding-left:10px; } .main{ margin:0 auto; display:block; max-width: 1080px; } .home .btn p{ color:white; font-size: 20px;} .btn{ background-color: #000; color:white!important; font-style: italic; font-size: 20px; border:none; border-radius: 15px; padding:10px; display: block; margin: 0 auto; width: auto; cursor: pointer; transition: .2s ease-in-out; white-space: nowrap; } .btn:hover{ opacity:0.7; transition: .2s ease-in-out; } #form-contractacio #modal-cobertura-btn{width:auto;} .resum-wrapper{ display: flex; width: 100%; justify-content: space-between; } #resum-seleccions:after{ clear:both; display: block; content:""; } #resum-seleccions .resum-wrapper, .descompte-selec{color:#0E4A99;} #resum-seleccions h1{color:#000;} #resum-seleccions p{margin:0px 0px;color: #0E4A99;} #modificar-seleccio-btn{float:right; line-height: 1.5em;} .selections .btn{transition: filter 0.2s ease-in-out;} .selections .btn.disabled{pointer-events: none;filter:opacity(0.2);transition:filter 0.2s ease-in-out;} .selections .btn.disabled:hover{background-color:inherit;} #resum-seleccions-config .block-content p{color:#000 !important;} #form-contractacio .selections .selection-img-wrapper{min-width:65px;} #form-contractacio .selections .selection-img-wrapper img{min-height:25px;margin:0;display:block;} #form-contractacio .selections .selection-wrapper{display:flex;flex-direction:row;margin-top:5px;transition: 0.2s ease-in-out; align-content: last baseline;} #form-contractacio .selections .selection-wrapper.disabled .selections-text{filter:opacity(0.2);transition: 0.2s ease-in-out;} #form-contractacio .selections .tv-selec-wrapper .selection-img-wrapper img{width: 30px;min-height: auto;} .selection-img-wrapper img{position:relative;top:50%;transform:translate(0,-50%);} #form-contractacio .selections .mobil-selec-wrapper-mobil-pers{top:auto;transform: translate(0,0);} #form-contractacio .selections-text{font-size:18px;display: flex;align-items: center;} /*17/12/18*/ #config-titles{margin-bottom:15px; padding-right:50px;} #config-titles h3{font-size: 16px;font-weight: normal;margin-top:20px} .lbl-block-title {color: #000;margin-right:10px;font-size: 22px !important;font-weight: 700 !important;} h2#resum-title{padding-left: 20px;color: #000!important;font-weight: 900; font-size: 40px;padding-bottom: 10px;padding-top: 0px;} #portabilitat-msg{padding-bottom: 25px;} #portabilitat-fixa-wrap .row,#portabilitat-mobil-wrap .row{display:flex;} .input-label{color:#000; font-size:16px;} .selection-block{border: 4px solid #000;} .buttons a.btn{text-align: center;max-width: fit-content;} /*resum seleccions*/ #resum-seleccions-config{min-height: 185px !important;} #resum-seleccions-config .block-content p{padding-bottom:0px;} #resum-seleccions-config .block-content {display: block; padding: 0px 10px; } #resum-seleccions-config .seleccio-general, #resum-seleccions-config .seleccio-mobil{width:100%;} #resum-seleccions-config .block-content{color:#000;} /*productes*/ .block-content .lbl, .product-title{color:#000;font-weight: 200; font-size: 16px!important; padding-top:5px;} .product-price {font-weight: 900;font-size: 16px;color: #000; flex:1;} .product-price-mobil{font-weight: 900;font-size: 16px;color: #000;flex:1;} /*Mobils*/ #mobil-group.block{padding:0px;} #mobil-group .block-title {padding: 5px 15px 0px 15px;} #mobil-title-wrap{padding-top:20px;} .linia label.lbl {color: #000;padding-bottom: 5px;} .product-menu-btn.selected{font-weight: 700;} .em_tr_mb{ font-size: 22px!important;} /* Rounded sliders */ .slider.round {border-radius: 34px;} .slider.round:before{border-radius: 50%;} /*Block*/ .block{background-color: rgba(245,245,245,0.8);border-radius: 15px;display: block;padding:15px;margin:20px auto;transition: 0.2s ease-in-out; border:1px solid #333;} .block.disabled{filter: opacity(0.6);transition: 0.2s ease-in-out;} .block-transparent{background-color: transparent;} .block .hidden{display: none;} .disable-block label, label.disabled-label{color:gray;} .block-transparent p,.block-transparent h1{color:white;} .block-row{margin-bottom:5px;} .block-row.block-title label{font-size: 30px;font-weight: bold;} /*Mobil*/ #mobil-group .block-title{display: flex;justify-content: space-between;} .block-title .linies{display: flex;} .block-title .linia{padding-left:15px;flex:1;} .block-title .linia label{font-size: 16px;display: block;text-align: center;} .productes-row{display:flex;} .linies-menu{flex:2;} .total-preu-wrap{display: flex;justify-content: space-around;max-width: 220px;margin: 0 auto; } .total-iva h2{padding:0} #start-pasos{margin-top:15px} .total-preu-wrap h2, .total-preu-wrap p{color: #000;} .total-preu-wrap h2{font-weight:700;} .total-preu-wrap p{font-size:16px;font-weight:700;} .preu-total{font-weight:900;} #mobil-group .block-mesages p {padding: 0; color: #000; font-size: 18px;} #mobil-group .block-mesages{margin-bottom:15px;} #more-linies-msg{color: #000;} /*Pasos*/ div#pasos-contractador{max-width: 1080px;width: 90%;margin:0 auto;} .configurador-content-wrap{display:flex;} .configurador-content-wrap>div{width:100%;margin:10px;} #pasos-contractador h2{ color: #0E4A99; font-weight: 800; font-size: 30px; } #pasos-contractador .block{margin-top:0;margin-bottom: 0;} #title-message h1{ font-size: 70px; font-weight: 600; color: #000; text-align: center; } #title-message p{ color: #000 !important; font-size: 22px; } #cobertura-msg .containerdata{ color:#000; } .file { border: 2px solid rgb(0,123,198); border-radius: 10px; padding: 5px; margin-bottom: 5px; background-color: white; } .message-wrapper img{height:120px;width: auto;} #pas-contractacio-3 .buttons .btn{margin:15px auto;} #pas-3-last-message, #pas-2-last-message{color:#000;font-style:italic;} /* Carrega d'arxius */ #pas-contractacio-3, #pas-contractacio-2{position:relative;} #pas3-send-uploading,#pas2-send-uploading{ position: absolute; top: 0px; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.8); border-radius: 15px; } #pas3-send-uploading .send-uploading-message,#pas2-send-uploading .send-uploading-message { position: relative; text-align: center; top: 50%; transform: translate(0,-50%); font-size: 25px; color: #000; } /*----------------*/ #pas-3-message, #pas-2-message{ border-radius: 15px; border: 4px solid #000; padding: 10px; font-size: 20px; color: #000; margin-bottom: 15px !important; } .pasos-wrap {color: #000;} .row-title{display: flex;margin-bottom:15px;} #portabilitat{margin-top:15px;} .portabilitat-mobil-inp {margin-left: 5px !important;} #pas-3-message .message-wrapper, #pas-2-message .message-wrapper{display:flex;} .file label.button{cursor: pointer;flex: 2;min-width: 110px;text-align: center;} /*Modal*/ /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 99; /* Sit on top */ padding-top: 200px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border-radius: 15px; width: 700px; max-width:80%; } /* The Close Button */ .close, .closeOferiment{ color: #000; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus, .closeOferiment:hover, .closeOferiment:focus { color: #009fe3; text-decoration: none; cursor: pointer; } #condicions-opener, p[data-id="privacitat"] a {font-weight:normal; text-decoration:underline; transition: all .4s ease-in-out;} #condicions-opener:hover, p[data-id="privacitat"] a:hover{font-weight: bold; transition: all .4s ease-in-out;} /*pas 3 */ .file input[type=file] { opacity:0; display: none; } .file{ border:2px solid rgb(0,123,198); border-radius: 10px; padding:2px; margin-bottom:5px; } .file .val{ padding-left:15px; } .file .button{ background-color:rgb(0,123,198) !important; border-radius: 6px; padding:2px 2px; float:right; display: block; color: white; margin:0px; font-size: 12px; } .file:after { clear: both; content: ""; display: block; } /*Oferiments*/ #oferiment-modal .recomanacio-text{margin: 0px 25px 25px 25px;color:#000; font-size: 18px;} #oferiment-modal .recomanacio-buttons {display: flex;} #oferiment-modal .main-oferiment{margin-top: 25px;} .oferimentTarifPers-row .allclass-oferiment-delete{display: inline} .oferimentTarifPers-row .oferimentTarifPers-row-content{margin:15px 0;} .table-td-flex{display:flex;} .table-td-flex input{max-width:65px;} .table-td-flex select{max-width:125px;border:1px solid lightgray !important;border-radius:0 !important;margin:0 !important} /*New packs layout 01/12/2018*/ /*.page-id-29183 #page-container{ background: url(https://extranet.estabanell.com/wp-content/uploads/2018/11/fons_colo_1920x1080.png); background-size: cover; background-position: center; background-repeat: no-repeat;}*/ #contractador{width:70%; margin:0 auto;} .clearfix:after{clear:both;content:"";display:block;} .row{width:100%;} .col-1{width:8.333%;float:left;} .col-2{width:16.666%;float:left;} .col-3{width:25%;float:left;} .col-4{width:33.333%;float:left;} .col-5{width:41.666%;float:left;} .col-6{width:50%;float:left;} .col-7{width:58.331%;float:left;} .col-8{width:66.4%;float:left;} .col-10{width:83.33%;float:left;} .col-11{width:91.663%;float:left;} .col-12{width:100%;float:left;} .row:after{clear:both;display:block;content:"";} #contractador div.block{margin:10px 5px; border-radius: 15px; min-height: 200px; max-width:auto !important;} .block-title{padding-top:10px; padding-left:0px; padding-right: 0px; margin-bottom: 15px;} .block-title img{width:30px;} .block-title .switch-wrap{position:relative; display:inline-block; margin-left:15px;} .lbl-block-title{font-size: 26px;} .block .block-content{padding:10px 0;} .block-transparent .block-content{padding:20px;} .block-content .row{display:flex; margin-bottom:10px; transition:filter 0.2s ease-in-out;} .block-content .row.disabled{filter:opacity(0.2);transition:filter 0.2s ease-in-out;} .block-content .row:last-child{margin-bottom:0px;} .block-content .row label.lbl{flex:9;} .block-content .row .switch-wrap{flex:2;} #form-contractacio .block-content .row .switch-wrap .switch { float: right; position: relative; top: 50%; transform: translate(0,-50%); } .block-preu{min-height:auto !important; padding-top: 15px;} #seleccio-general p, #seleccio-mobil p{padding-bottom:0px;} div#pasos-contractador{ max-width: 1080px; width: 90%; margin:0 auto; } #title-message{margin-top:20px;} #title-message p, #title-message h1{color:black;} .pas-selector{text-align:center;} .pas-select{background-color:#aaa; padding:3px 5px;border-radius:15px;color:white;cursor:default;} .pas-select.enabled{background-color:#2ea3f2; transition: .2s ease-in-out;} .pas-select.current, .pas-select.enabled:hover{background-color:rgb(0,0,0);transition:0.2s ease-in-out;cursor:pointer;} .pasos-wrap{ font-size: 18px;} .pasos-wrap input::placeholder{color: #000;} #pas-1-selector.pas-select.enabled {background-color: #fff!important; color:#000!important;} #pas-1-selector.pas-select.enabled.current {background-color:#000!important; color:#fff!important} #pas-2-selector.enabled.current {background-color:#000; color:#fff } #pas-contractacio-1 .buttons {margin-top:15px;display:flex;} #heading-contractador{display:flex;} #config-titles{flex:5;} #ofertes{flex:4;border:4px solid #000;border-radius:20px;display:flex;} #ofertes .ofertes-content{width:100%;display:flex;padding:20px;} #ofertes .ofertes-content .img{flex:1;} #ofertes .ofertes-content .oferta-text {flex:3; padding-left:20px;font-size:30px;line-height:1.3em;font-weight:bold;color: #000;} #ofertes .percent-oferta{ font-weight: bold;margin: 0 auto;display: block;text-align: center;color: white;font-size: 45px;} #ofertes .descompte-text {display: block;font-size:16px;} #resum-seleccions-config div.block{min-height: 320px;} /*Solució icones Configurador*/ #contractador .block-title .row, #mobil-title-wrap{display:flex;align-items:center;} #contractador .block-title .row>div{display:block;} #contractador .lbl-block-title{margin-left:10px;} /*Pasos contractador*/ #pasos-contractador input[type="text"], select{ width:100%; border-radius:10px; border: 2px solid rgb(0,0,0) !important; color: rgb(0,0,0) !important; margin-bottom: 6px !important; padding: 6px 5px !important; } #pasos-contractador input[type="text"], select:focus { border: 2px solid rgb(0,123,198); color: rgb(0,123,198); } #title-message h1{ font-size: 75px; font-weight: 600; color: #000; } #title-message p{ color: #000 !important; font-size: 22px; } #seleccio-direccio .row-multi-input{display:flex;flex-direction:row;} #seleccio-direccio .multi-input:first-child{margin-left:0;} #seleccio-direccio .multi-input:last-child{margin-right:0;} #seleccio-direccio .multi-input{flex:1;justify-content:space-between;margin:0 10px;} #seleccio-direccio .row-multi-input{display:flex;flex-direction:row;} #seleccio-direccio .multi-input:first-child{margin-left:0;} #seleccio-direccio .multi-input:last-child{margin-right:0;} #seleccio-direccio .multi-input{flex:4;margin:0 10px;} #seleccio-direccio .multi-input.numero{flex:2;} #seleccio-direccio p{color: #000; font-size: 18px;} #seleccio-direccio .pis-porta-message{padding: 10px 0;} #seleccio-direccio .direccio-seleccionada input:disabled{background-color: #f2f2f2;} #seleccio-direccio .direccio-seleccionada input {opacity: 0.7;} /*Pagina fibra - page-id-28909*/ .page-id-28909 #main-header{background-color:white;} .page-id-28909 #et-main-area{margin-top: 0px;} #emfbS1R1 {width:400px; position: relative;transform: translate(0%, 50%);left: 50px;padding-top: 0!important;min-height: auto !important;} #emfbs1 .header-content{max-width:300px;} #emfbs1 span.et_pb_fullwidth_header_subhead{color:#269ed5!important;} #emfbs1{background-position: top;background-size: cover;} #emfbs1 .et_pb_fullwidth_header_container{min-width:90%;} #emfbs1 section{padding-top: 70px;min-height: 460px;} #em_list_f strong{padding-left: 5px;} #em_fb_feder{ font-size: 14px; color:#000;} #em_fb_feder .et_pb_column_1_4{margin-right: 20px; padding-left: 10px; } #em_fb_feder img{padding-top: 5px;} /*Capçaleres*/ #emfbs1, #emmb1, #ems1desk, #emsaemS1, #emontrS1, #em_head_tv, #em_cap_tv{background-size:cover; min-height: 660px; max-height: 660px; background-position:top;} #em_cap_tv{ background-position: bottom;} .page-id-32590 #em_cap_tv, .page-id-32589 #em_cap_tv{ background-position: bottom right !important;} #emfbs1 section{padding-top:120px;} #emontrS1 >div{ padding:10% 0;} #emontrS1 a{ } #emfbs2_1dt .et_pb_blurb_description, #emfbs2_2dt .et_pb_blurb_description{display:flex;font-size:18px;} #emfbs2 .blurb-right img, #emfbs3 .preu-fixa-fibra img {min-width: 140px;} #emfbs2 .blurb-left{padding-right:10px;} #emfbs2{background-position:bottom;} #emfbs3 .block{margin-bottom:75px;} #emfbs5_2 h2{color:#000!important;} #emfbs5{background-size:150%;background-position:bottom;margin-bottom:250px;} #emfbs5 .block{padding: 15px 25px!important;} #emfbs5_1 #emfbs5_2form #form-cobertura-fibra{display:flex;} #emfbs5_1 .emfbs5_2form #fib-localitat{flex:3;} #emfbs5_1 #form-cobertura-fibra #fib-adreca{flex:3;} #emfbs5_1 #form-cobertura-fibra #fib-numero{flex:3;} #emfbs5_1 #form-cobertura-fibra button{flex:1;margin-left:3px;} #emfbs5_1 #emfbs5_2form #form-cobertura-fibra select {margin:3px;margin-top:10px;color:#000;font-family:"HP sSimplified";font-size:18px;font-weight:500;} #emsaemS1 span.et_pb_fullwidth_header_subhead{ color:#269ed5!important;} /*Mobil page-id-28911*/ #emmb1 .et_pb_fullwidth_header_subhead {color: #269ed5!important;} #emmb1_1{background-position:top;min-height: 660px;max-width: 560px;position: absolute;left: 5%;top: 50%;transform: translate(0%, -25%);} #emmb1_3{padding-top:0px;} .minuts-range input[type=range], .dades-range input[type=range]{width:90%;margin:10px auto;display:block;} #mobil-config-minuts h3, #mobil-config-dades h3{color:#0468bd;font-family:"HP Simplified bold";} #emmb2{padding-top:0px;} #emmb2_1 p{padding-bottom:0;} #emmb2_1 a{text-align: center;width: 100%;display: block;text-decoration: underline;color: #000;font-weight: 100;font-family: "HP sSimplified";} #emmb2_1 img{max-width: 140px;display: block;margin: 0 auto;} #emmb2_1 button{margin-top:10px;width:100%;} #emmb2_1 .et_pb_blurb_description p:nth-child(1) {min-height: 70px;} #emmb2_2_title { font-weight: bolder;font-size: 45px;line-height: 42px;color: #000;} #emmb2_2_subtitol {color: #000;font-weight: 600;font-family: "HP sSimplified";margin-top: 36px;line-height: 24px;font-size: 18px;} #emmb2_3_titol_selection{margin-bottom: 0px;} #mobil_total_tarifa h3{ color:#000 !important; font-size: 32px; font-weight: 700;} #mb-total-wrap span{color: #000;font-weight: 700;font-size: 20px;line-height: 30px;margin-bottom: 20px;margin-bottom: 5px !important;display: block;} #mobil-contractar-btn {font-size: 16px;} .labels span {margin: 0 auto; flex:1;color:#0468bd; font-weight: 500; font-size: 16px;} .labels {width: 100%;display: flex; text-align: center;} #emmb1_3 .minuts-range input[type=range]::-webkit-slider-runnable-track, #emmb1_3 .dades-range input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 8.4px; cursor: pointer; background: #0ea2e1; border-radius: 15px; border: 0.2px solid #010101; } #emmb1_3 .minuts-range input[type=range]::-webkit-slider-thumb, #emmb1_3 .dades-range input[type=range]::-webkit-slider-thumb{ border: 1px solid #0ea2e1; height: 19px; width: 50px; border-radius: 50px; background: #ffffff; cursor: pointer; -webkit-appearance: none; margin-top: -5.5px; } .plus-symb{display: block; height: 23px; } #mobil-config-minuts {margin-top: 0px;margin-bottom: 20px;} #mobil_total_tarifa p{font-family:"HP sSimplified";font-weight:800; margin-bottom:15px; color: #000 !important; padding-bottom: 0;} #mobil-tarifa-selected .plus-symb {font-size: 30px; padding-left: 50px;} #mobil-tarifa-legal {font-size: 12px;line-height: 12px;color:#000;} #mobil-tarifa-legal .consum-adicional {margin-left: 20px;display: block;} #mobil_total_tarifa{margin-top:0px; min-height: 120px;} .em_condicions a{display: block; text-align: center; margin-top: 10px; text-decoration: underline; color:#000; font-weight: 100;} /*#emmb3{margin-bottom:0px; padding-bottom: 20px;}*/ #emmb3_1{padding: 20px;max-width: 640px;float: right;margin: 35px 180px 35px 0px;} #emmb3:after{content:"";display:block;clear:both;} #emmb3_1 .car-lin-mob-col-1 h2 {color: #000;font-weight: 900;font-size: 35px; font-style: italic; font-weight: 700; padding-bottom: 20px;} #emmb3_1 .et_pb_column:nth-child(1) {width:39.25%;} #emmb3_1 .et_pb_column:nth-child(2) {width:55.25%;} #emmb3_1 .et_pb_column:nth-child(1) .et_pb_text_inner p{color: #000;font-weight: 500;line-height: 20px;} #emmb3_1 .et_pb_column:nth-child(2) .et_pb_text_inner {color: white;padding: 3px 15px;line-height: 135px;} #emmb3_1 .et_pb_column:nth-child(2) .et_pb_text_inner li {line-height: 15px;padding: 8px;} #emmb3_1 h2{font-weight:normal !important;font-size:32px !important;font-style:normal;} #emmb3_1 p, #emmb3_1 li{ font-size: 18px; } #emmb3{ padding: 65px 0; } #emmb3 ul{list-style: none;} .car-lin-mob-col-2{ margin-top: 15px; } #emmb3_1 ul{padding: 10px 0;} #pasos-contractador input[type="text"], select{ width:100%;border-radius:10px;border: 2px solid rgb(0,123,198);color: rgb(0,123,198);margin-bottom: 6px !important;padding: 6px 5px !important;font-style:italic;font-weight:600;} #pasos-contractador input[type="text"], select:focus {border: 2px solid rgb(0,123,198);color: rgb(0,123,198);} #contractador{margin-top:30px;margin-bottom:30px;} .page-template-emaginaPacksConfig-php #page-container .wrap{margin-top: 240px;margin-bottom: 100px;} #main-footer{background-color:transparent !important;} #emfbs5{margin-bottom:0px;} #heading-contractador{display:flex;} #config-titles{flex:5;} #ofertes{flex:4;border:4px solid #000;border-radius:20px;display:flex; margin:30px;} #ofertes .ofertes-content{display:flex;padding:20px;} #ofertes .ofertes-content .img{flex:1;} #ofertes .ofertes-content .oferta-text {flex:3; padding-left:20px;font-size:30px;line-height:1.3em;font-weight:bold;color: #000;} #ofertes .percent-oferta{ font-weight: bold;margin: 0 auto;display: block;text-align: center;color: white;font-size: 45px;} #ofertes .descompte-text {display: block;font-size:16px;} #ofertes .image-oferta{} #resum-seleccions-config div.block{min-height: 320px;} /* ------ Pagina Packs editor ------- */ .page-template-emaginaPacksEditor #main{margin:0 auto;width:100%;max-width: 1080px;margin-top:160px;} .page-template-emaginaPacksEditor table{margin:0 auto;} .page-template-emaginaPacksEditor .block-header>*{flex:1;} .page-template-emaginaPacksEditor .block-header h1{font-size:36px;font-weight:800;color: rgb(0,123,198);} .page-template-emaginaPacksEditor .block-header button{max-width:150px;} .page-template-emaginaPacksEditor .block-header button{width: 150px;max-width: 150px;} .page-template-emaginaPacksEditor #no-linies-wrap{text-align: center;} .page-template-emaginaPacksEditor .addRegistre{font-size:20px;} .page-template-emaginaPacksEditor input[type=text]{padding:10px} .page-template-emaginaPacksEditor input[type=number]{border:1px solid #bbb;padding-left:10px;} .page-template-emaginaPacksEditor input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{display:block;margin:0;} .page-template-emaginaPacksEditor table input{padding:10px;} .page-template-emaginaPacksEditor table input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{display:none;} /*Product html shortcodes*/ .preu .price {position: relative; margin: 0 auto; display: block; width: 100%;height: 0;font-size: 60px;font-style: italic;top: 35px; padding-left: 25px;} #emmb2_1 .preu .price{ left:-28px; } .preu .decimals {font-size: 32px;top: -8px;position: absolute;} .preu .decimals.none {margin-left:5px;} .preu .title {background-color: #009ee0;color: white;border-radius: 20px;padding: 12px 0px;margin-bottom: 14px;font-style: italic;font-size: 22px;} .preu .iva {height: 0px;top: 80px;position: relative;max-width: 80px;margin: 0 auto;display: block;font-weight: 100 !important; font-size: 16px;line-height: 17px;} .preu-fixa-fibra{margin-top:10px;} .preu-fixa-fibra>*{display:block;margin:0 auto;} .preu-mobil{text-align:center;} .preu-mobil .btn{color:white !important;text-decoration:none !important; margin-top:10px;} .preu-mobil img {max-width: 135px;min-width: 135px;} #oferta-block .switch-wrap{text-align:right;} /*Mobil - 03/01/2019 - page-id-28911*/ #pers-tarifa-preu{display:flex;} #pers-tarifa-preu #mb-total-wrap{color: #0468bd;font-weight: 900;font-family:"HP sSimplified";font-size: 20px;flex:1;} #pers-tarifa-preu #preu-tarifa-wrap{flex:1;} #pers-tarifa-preu #preu-tarifa-wrap>*{color:#0468bd;font-weight:bold;font-size:35px;} #form-mobil-pers #mobil-contractar-btn{margin-top:15px;} /*Fibra - 03/01/2019 - */ #show-finques-error {text-align: center;margin: 10px;font-size: 16px;font-weight: 100;font-family: "HP sSimplified";color: #000!important;} #em_f_blurbs .et_pb_image_wrap{ height: 72px; vertical-align: middle;} /* ------ Pàgina "On trobar-nos" ------ */ .on-trobarnos-title-phone{ position: relative;top: 0;left: 8%;} .nom-tenda{ min-height:50px; line-height: 20px; font-weight: bold;} .direccio-tenda{min-height: 60px;} /*Titol*/ #emontrS1 .on-trobarnos-title-phone {max-width: 320px;} #emontrS1 .button-phone { background-color: #094695; border-radius: 40px; font-family: "HP sSimplified"; color: white; font-style: italic; font-size: 20px; font-weight: bold; padding:10px 0px; transition: opacity 1s; } #emontrS1 .button-phone:hover{opacity: 0.6;} #emontrS1 .button-phone span{width:100%;display:block;text-align:center;font-size:25px;} #emontrS1 .button-phone span:nth-child(1){padding-bottom:15px;} #emontrS1 .button-phone span.phone-nmbr{font-size:35px;font-style:normal} #emontrS1 .on-trobarnos-title-phone .horari-titol{ font-size:35px; font-style:italic; text-align: center; line-height:38px; color:#094695; padding-top:15px; } /* Maps */ #emontrS2R3{padding-top:0;} /* BLOCKS TENDA */ .on-trobar-block{display:flex;min-height:180px;} .emagina-tenda-poble{flex:1} .info-tenda{flex:1;padding-left:50px; color:#094695;} .emagina-tenda-poble .poblacio{font-weight:900;font-size:30px;color:#0468bc;position: relative; top: -10px; padding-left:20px;line-height: 1em;} .info-tenda .nom-tenda{ text-transform:uppercase;font-size:18px !important;} .info-tenda .direccio-tenda{font-weight:300;font-size:16px;line-height:18px;} .info-tenda .telefon{font-size:20px;} .info-tenda p{padding-bottom:0px;} .emagina-tendas-blocks{margin:0 auto;} #emontrS2R2{display: flex;} #emontrS2R2 .et_pb_column {flex: 1;width: 100%;margin: 0 !important;padding: 0px 16px; } /* SERVEIS A EMPRESES*/ #emsaemS1 .et_pb_fullwidth_header_container{max-width: 500px;position: relative;left: 110px;margin: 40px 0px;} #emsaemS1 .et_pb_fullwidth_header_container .et_pb_fullwidth_header_subhead{padding-top:30px;} #emsaemS2{padding:0px;} #emsaemS2R1 .block{padding:15px 40px;} #emsaemS3, #emsaemS4{padding:0;} #emsaemS3R1C2.block{padding:15px 25px;} #emsaemS3R1C2 p{padding-bottom:0px;font-size:18px;} #emsaemS3R1C1{margin-top:20px;} #emsaemS4R1{padding-bottom:0 !important;} #emsaemS4R2{padding-top:0!important;} #emsaemS4R2 .et_pb_blurb{margin-top:0} #emsaemS4R2 .et_pb_main_blurb_image, #emsaemS4R3 .et_pb_main_blurb_image, #emsaemS4R4 .et_pb_main_blurb_image{ display: block;float: right;} #emsaemS4R2 .et_pb_blurb_container, #emsaemS4R3 .et_pb_blurb_container, #emsaemS4R4 .et_pb_blurb_container{ max-width: 90%; min-height: 200px;} #emsaemS4R2 .et_pb_blurb_container h4, #emsaemS4R3 .et_pb_blurb_container h4, #emsaemS4R4 .et_pb_blurb_container h4{padding-top: 15px;} #emsaemS4_dk>div{padding:10px 0px;} #emsaemS4_dk{padding-bottom:0;} #emsaemS4_dk .et_pb_blurb{min-height:200px;} #emsaemS4_tbmb .et_pb_blurb .et_pb_module_header{color: #094695;font-style: italic;font-family: "HP Simplified bold";font-weight: bold;font-size: 20px;padding-top: 20px;padding-bottom: 10px;} #emsaemS4_tbmb .et_pb_blurb p {color: #094695; font-size:18px;} #emsaemS4_dk .et_pb_blurb h3, #emsaemS4_tbmb .et_pb_blurb h3 {color: #094695;font-style: italic;font-family: "HP Simplified bold";font-weight: bold;font-size:20px; padding-left: 20px; padding-top: 20px; padding-bottom: 10px;} /*#emsaemS4_dk .et_pb_blurb .et_pb_module_header{padding-bottom:0}*/ #emsaemS5{padding-top:30px} /*TELEVISIÓ*/ #ems1deskf1_title .et_pb_module{min-width:75%;} #ems2desk {min-height: 736px; padding: 2% 0;} #ems5desk {min-height: 1080px;} #ems5desk{min-height: 1080px;} #em_col_fix .et_pb_contact_form_0 {height: auto !important;padding: 20px 5px;background-color: rgba(255,255,255,0.8);border-bottom-left-radius: 5px;} #em_col_fix{position:fixed;right:0;top: 86px;min-width:20%;} #em_col_fix .et_pb_contact_main_title{font-size:22px !important;} #ems2tb input, #ems2tb select, #em_col_fix input, #em_col_fix select, #ems2m input, #ems2m select {background-color:transparent;border:2px solid #00519e;border-radius:10px;padding:5px;} #ems2tb input, #ems2tb select, #ems2m input, #ems2m select{padding:10px !important;} #em_col_fix .et_pb_contact_field_options_title{display:none;} #ems1deskf1_title .et_pb_module{min-width:75%;} #contractarmb .et_pb_contact_field_options_title{display:none;} #ems2desk{ min-height: 736px; padding: 2% 0;} #ems3desk{/* min-height: 520px; */padding: 2% 0;} #ems4desk{ min-height: 128px; padding: 20px 0 0;} #ems5desk{ min-height: 1080px; padding: 0;} #ems4f1desk, #ems5f1desk{padding: 0;} #ems5desk .et_pb_row{ min-width:90%; } #ems1desk .et_pb_text_0{ max-width: 100%!important;} #ems1desk #em_preu img{margin-top: 60px;} #em_peu_desk_1366{position:fixed; bottom: 0; width: 100%; min-height: 140px; z-index: 100; padding: 0;} #ems1desk .et_pb_contact_form{max-width: 350px;} .faq-fixed-buton{ position:fixed; z-index:99; top:70px; right:0; background-color:transparent; } .faq-fixed-buton a{ border:none !important; border-top-left-radius: 31px; border-bottom-left-radius: 31px; color:white; background-color: #0144bf; background-position: center; background-size: 60%; min-height:60px; min-width:60px; } .et_pb_contact_field_19{ display:none !important; } .em_faq_mes_info{ font-family: "HP Simplified bold"; font-style: italic;} .em_faq_mes_info a{ margin-top: 30px; font-size: 36px; text-align: center; border-radius: 30px; text-decoration: none; width: auto; text-decoration: none!important;} #contacte-btn{text-decoration: none!important;} #contacte-btn-mb{display: none; font-weight: 500;} /*Medias Mòbil*/ #ems4f2m{width: 100%!important; padding: 0 0 30px;} #ems3m1{padding: 30px 0 0;} #ems6f1,#ems6f1m{ padding: 0;} #em_pd_text_mb{ margin-left: 20px; margin-right: 20px; padding-left: 10px; border-left: 1px solid #00519e;} #em_pd_text_mb p{text-align: justify;} /*Titols emagina*/ .emagina-title h1, .emagina-title h2{color:#000!important; font-style: italic;} .emagina-title h3{color:#000!important;} .emagina-title h1{font-size: 70px;font-weight: 700;} .emagina-title h2{font-size: 40px;line-height: 42px;font-size: 40px;line-height: 42px;} #ems1desk #ems1deskf1_title { margin-right: 0!important;} #ems1desk #em_preu img{ margin-right: -115px;} .emhbl span{height: 77px;} #emhbkb{ height: 185px; padding: 0;} #emhbkb .et_pb_row{padding: 0;} #emhspks{ background: none;} /*Home*/ .home #emhbkb{height:auto!important;} .home #emhbkb .et_pb_column {margin-bottom:0 !important;} #emhspks_c1 .et_pb_row_1-4_1-4_1-4{ padding: 2% 0;} #emhbkb .et_pb_blurb_content, #emhbkb #em_en_left{ transition: transform .2s; } #emhbkb .et_pb_blurb_content:hover, #emhbkb #em_en_left:hover{ transform:scale(1.1,1.1); } #emhspks_c1 .et_pb_main_blurb_image{ margin-bottom: 20px;} #emhspks_c1 #em_ic_c1{ margin-right: 0;} #emhspks_c1{ width: 78.625%; margin-right: 0.5% } #em_hpk_1{ width:65%; margin-right: 5%; } #em_hpk_2{ width:30%; margin-right: 0; } #em_hpk_2 p{ color: #000; font-size: 18px; margin-top: 30px;} #em_hpk_2 a{ margin-top: 40px; text-align: center; padding: 15px; border-radius: 30px; font-size: 22px;} #em_ic{ padding: 20px 0;} .emhbl{width: 49%; display: inline-block;} .empkb{ width: 68%; display: inline-block; } .empkb ul{list-style: none!important; padding-left: 0!important;} .empkb li:before{content:"•"; color: #00A1E0; display: inline-block; width: 1em; margin-left: -1em; text-align: center; font-size: 24px;} .empkb li{font-size: 18px; color: #000 !important; padding-left: 20px; } .empkbp{ display: inline-block; width: 150px; height: 150px; background: url("https://extranet.estabanell.com/wp-content/uploads/2018/12/fibra_price_wrapper.png") no-repeat; background-size: 150px 150px; vertical-align: top;position:relative;} .empkbp .price{ color: #000 !important; font-weight: 500; font-size: 60px; font-style: italic; position: relative; top:55px; left: 10px; } .empkbp .price .units{ padding: 30px 0 0 0px; } .empkbp .price .dec, .empkbp .price .euro{font-size: 40px; position: relative; top:-20px;} .empkbp .iva{ font-size: 18px; font-weight: 100; position: absolute; top:100px; color:#00A1E0; text-align:center;width: 100%;} #em_of_en{ min-height: 451px; } #em_h_av_c1{ width: 29.5%; margin-right: 0%; } #em_h_avan #em_h_av_c1 img{width: 100%;} #em_h_av_c2{ width: 19%; margin-right: 1.5%; padding-top: 20px;} #em_h_av_c3{ width: 50%; } #em_h_av_c3 ul{list-style: none; padding-left: 0;} #em_h_av_c3 li:before{content:"•"; color: #00A1E0; display: inline-block; width: 1em; margin-left: -1em; text-align: center; font-size: 24px;} #em_h_av_c3 li{color: #000 !important; padding-left: 20px; } #em_h_av_c3 li{font-weight: 300;} #em_h_av_c3 li strong{font-weight: 700;} .em_opinions p strong{ font-size: 20px; } .em_opinions p small{ font-size: 14px; font-weight: 100; } #em_nos_c1 {margin-right: 0;} #em_nos_c2 { width: 79.125%; } /*Fibra*/ #emfbs2_1dt .preu .title, #emfbs2_2dt .preu .title {display: none;} #em_fib_ccom ul {list-style: none; padding-left: 0;} #em_fib_ccom li:before{content:"•"; color: #00A1E0; display: inline-block; width: 1em; margin-left: -1em; text-align: center; font-size: 24px;} #em_fib_ccom li{font-weight: 300;} #em_h_av_c3 li strong{font-weight: 700;} /*27/02/19*/ #emfbs6 .buttons a, #emfbs6_tb .buttons a,#emfbs6_mb .buttons a{display:inline-block;} #emfbs6_c1{max-width: 370px;margin: 0;} #emfbs6_c2{max-width:350px;} #emfbs6_c1 .text-residencia{max-width:340px;font-size:23px;line-height:1em;} #emfbs6_c1 .titol-residencia{ font-size:35px;line-height:1em;max-width:370px;} #emfbs6_c1 .titol-residencia strong{font-family:"HP Simplified bold";} #condicions-residencia{margin-left:30px;text-transform:uppercase; color:#000;cursor:pointer;position:absolute;bottom:50%;transform:translate(0, 50%);} #condicions-residencia:hover{text-decoration:underline;} #emfbs6_r1{padding-bottom:0px;} #em_mes_inform .et_pb_row:first-child, #em_fb_feder{z-index: 0;} #condicions-residencia-modal{color: #000; font-size: 18px;} #emfbs6 #emfbs6_r2{background-color: transparent;} #emfbs6_tb{padding: 0;} #emfbs6_mb{padding: 0;} #emfbs6_mb_r_image, #emfbs6_tb_r_image{width:100%; padding: 0;} #emfbs6_mb_r_image img, #emfbs6_tb_r_image img{width: 100%;} #emfbs6_mb_r_image .et_pb_image_wrap, #emfbs6_tb_r_image .et_pb_image_wrap {display: block;} /*-27/02/19-*/ /*Modal global cobertura*/ #modalCoberturaFibra .dropdown{height:auto!important;} #modalCoberturaFibra ul li:before{content:none;} #modalCoberturaFibra .et_pb_blurb_content{max-width: 900px;} #modalCoberturaFibra .select{display:block;} #modalCoberturaFibra .select-box {border: 2px solid #0468bd;padding: 5px;border-radius: 14px;} #modalCoberturaFibra .dropdown-wrapper{height:0;} #modalCoberturaFibra .dropdown{width:100%;height:0;position:relative;} #modalCoberturaFibra .dropdown{border:1px solid black;background-color:white;border-radius: 5px;overflow: hidden;} #modalCoberturaFibra .dropdown>*{width:100%;} #modalCoberturaFibra .dropdown ul{margin:0;padding: 0;} #modalCoberturaFibra .dropdown ul li{list-style: none;padding:5px;line-height: 1em;} #modalCoberturaFibra .dropdown ul li:hover{background-color: #0468bd;color:white;} #modalCoberturaFibra .dropdown .dropdown-search{ padding:5px;} #modalCoberturaFibra #finques-serviciables .cobertura-form{display: flex;} #modalCoberturaFibra .dropdown ul{max-height:200px;overflow-y:scroll;} #modalCoberturaFibra .select {display: block; flex: 1;margin:5px;} #modalCoberturaFibra .modal-content {background-color: #fefefe; margin: auto; padding: 20px; border-radius: 15px; width: 1080px; max-width: 80%;} #modalCoberturaFibra #modal-errors{color:red;} #modalCoberturaFibra .select-box{cursor:pointer;} #modalCoberturaFibra .select-box .input-text { color: #000;font-style: italic;} #modalCoberturaFibra .dropdown ul li{cursor:pointer;} #modalCoberturaFibra .dropdown .dropdown-search {padding: 5px;margin: 2.5% auto;display: block;width: 95%;} #modalCoberturaFibra #modal-results .buttons{display: flex;margin-top: 25px;} .main-result-msg {display: flex;max-width: 800px; margin: 0 auto;} .main-result-msg>div {flex:1;} .main-result-msg > div:first-child {flex: 2; } .result-icon i {font-size: 15em;text-align:center;display:block;} .success{color:green;} .alert{color:yellow;} .wrong{color:red} .result-text{flex:2;} .result-text .msg {top: 50%;position: relative;transform: translate(0,-50%);display: block; color: #000;font-size: 18px;} #modal-cobertura-btn.cobertura-fixed-btn {position: fixed; right: 5%; bottom: 5%;} #modalCoberturaFibra.cobertura-fibra-configurador .cobertura-form{flex-direction: column;} #form-cobertura-fibra select {display: inline;width: 25%;border: 1px solid #0468bd;} /* Formulari de cobertura de Pasos*/ #modalCoberturaFibraConfig .dropdown{height:auto!important;} #modalCoberturaFibraConfig ul li:before{content:none;} #modalCoberturaFibraConfig .et_pb_blurb_content{max-width: 900px;} #modalCoberturaFibraConfig .select{display:block;} #modalCoberturaFibraConfig .select-box {border: 2px solid #0468bd;padding: 5px;border-radius: 14px;} #modalCoberturaFibraConfig .dropdown-wrapper{height:0;} #modalCoberturaFibraConfig .dropdown{width:100%;height:0;position:relative;} #modalCoberturaFibraConfig .dropdown{border:1px solid black;background-color:white;border-radius: 5px;overflow: hidden;} #modalCoberturaFibraConfig .dropdown>*{width:100%;} #modalCoberturaFibraConfig .dropdown ul{margin:0;padding: 0;} #modalCoberturaFibraConfig .dropdown ul li{list-style: none;padding:5px;line-height: 1em;} #modalCoberturaFibraConfig .dropdown ul li:hover{background-color: #0468bd;color:white;} #modalCoberturaFibraConfig .dropdown .dropdown-search{ padding:5px;} #modalCoberturaFibraConfig #finques-serviciables .cobertura-form{display: flex;} #modalCoberturaFibraConfig .dropdown ul{max-height:200px;overflow-y:scroll;} #modalCoberturaFibraConfig .select {display: block;margin:5px;} #modalCoberturaFibraConfig .modal-content {background-color: #fefefe; margin: auto; padding: 20px; border-radius: 15px; width: 1080px; max-width: 80%;} #modalCoberturaFibraConfig #modal-errors{color:red;} #modalCoberturaFibraConfig .select-box{cursor:pointer;} #modalCoberturaFibraConfig .select-box .input-text { color: #000;font-style: italic;} #modalCoberturaFibraConfig .dropdown ul li{cursor:pointer;} #modalCoberturaFibraConfig .dropdown .dropdown-search {padding: 5px;margin: 2.5% auto;display: block;width: 95%;} #modalCoberturaFibraConfig #modal-results .buttons{display: flex;margin-top: 25px;} #modalCoberturaFibraConfig.cobertura-fibra-configurador .cobertura-form{flex-direction: column;} #form-cobertura-fibra select {display: inline;width: 25%;border: 1px solid #0468bd;} #modal-cobertura-btn.cobertura-fixed-btn{bottom: auto;top: 150px; right: 0%;border-radius: 15px 0px 0px 15px;background-color: #000; display: block;} #modal-cobertura-btn.cobertura-fixed-btn .button-container{display:flex;} #modal-cobertura-btn.cobertura-fixed-btn .button-container p{position:relative;top:50%;transform:translate(0,-50%);text-align: left; color:#fff;} #modal-cobertura-btn.cobertura-fixed-btn .button-container .btn-img{padding: 0px 0px 0px 0px;} #modal-cobertura-btn.cobertura-fixed-btn .button-container .btn-text{ } html:lang(es) #modal-cobertura-btn.cobertura-fixed-btn .button-container .btn-text{padding-left:5px;} /*#modal-cobertura-btn{ width: 210px;}*/ html:lang(es) #modal-cobertura-btn{width: 213px;} html:lang(es) #modal-cobertura-btn-mb{right: -72px;} #modal-cobertura-btn{ width: 165px;} #modal-cobertura-btn .btn-text{margin-left:12px;} #modal-cobertura-btn .btn-img img{height:50px; } /*- - - - - - - - - - - - - TEST New Mobils - - - - - - - - - - */ /* SELECT MOBIL */ .linia-block{ display: flex; flex: 5; background-color: white; border-radius: 15px; overflow:hidden; } .linia-label-wrapper .custom-select-lbl{ padding-left:5px; } /* The container must be positioned relative: */ #mobil-group .custom-select { position: relative; } #mobil-group .custom-select select { display: none; /*hide original SELECT element: */ } /* Style the arrow inside the select element: */ #mobil-group .select-selected:after { position: absolute; content: ""; top: 14px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-color: #000 transparent transparent transparent; } /* Point the arrow upwards when the select box is open (active): */ #mobil-group .select-selected.select-arrow-active:after { border-color: transparent transparent #000 transparent; top: 7px; } /* style the items (options), including the selected item: */ #mobil-group .select-items div,.select-selected{ color: #000; padding: 8px 16px; border-bottom:2px solid #000; cursor: pointer; font-size: 18px; } #mobil-group .select-items div:last-child{ border-bottom: none; } .select-selected{ border-bottom:none; } /* Style items (options): */ .delete-linia-btn { text-align: center; color: #000; font-size: 20px; cursor: pointer; margin: 0 auto; display: block; position: relative; top: 50%; transform: translate(0,-50%); width: fit-content; } .delete-button-wrap{ min-width:50px; } #mobil-group .disabled{ pointer-events: none; } #mobil-group .disabled:hover{ transition: inherit; background-color:inherit; } /* Hide the items when the select box is closed: */ #mobil-group .select-hide {display: none;} #mobil-group .select-items div:hover, .same-as-selected {background-color: rgba(10, 71, 150, 0.20);} #mobil-group .same-as-selected:last-child{border-radius: 0,0,15px,15px} /*GENERAL*/ #mobil-group .block-mobils{width:30%;} #mobil-group .price{position:relative;float:right;right:10px;} #mobil-group .mobil-block-container{padding:0px 15px 15px 15px;} .linia-label-wrapper .custom-select-lbl { margin: 0 auto; display: block; text-align: left; top: 50%; position: relative; transform: translate(0, -50%); font-size: 18px; color: #000; } .linia-row .custom-select {width: 100%;flex: 8;} .linia-label-wrapper {flex: 1;min-width: 70px;} .linia-row {display: flex; margin-bottom: 10px;} #more-linies-msg{text-align:center;} #more-linies-msg p{margin-bottom:5px;} #em_faq_res .et_pb_toggle_content{ } #em_logos_empreses .et_pb_module { margin-bottom: 10px;} #em_qui_som p, #em_mvv p{f font-size: 18px; color:#000;} #em_qui_som .em_dest{ font-size: 26px; font-style: italic;line-height: 1em; margin: 15px 0; display: block;} #em_mvv h3{ font-size: 28px; color:#000;} #em_qui_som{ padding-bottom: 0;} #em_mvv{ padding-top: 0;} #em_404 h1{ text-align: center; } /* - - - - - - - - - - - - - - -Fi Test new Mobils - - - - - - - - - - - - - - - - -*/ /* Pàgina Televisió*/ #em_tv_cap_of{display: flex;} /*.header-content{background-color: rgba(255,255,255,0.6);border-radius: 9px;}*/ #em_cap_tv a{width: auto;} #em_cap_tv .et_pb_module_header{font-size: 45px !important;} #em_tv_canals{padding-bottom:0;} #em_tv_fun ul li:before { content: "\2022"; color: #000; font-weight: bold; display: inline; top: 3px; width: 0; height: 0px; margin-left: -1em; position: relative; font-size: 25px; } #em_tv_fun .em_tv_fun_text{padding-left:50px;} .blockbl{ background:#000; border-radius: 15px; padding: 30px;} .blockbl p strong{color:#fff!important; text-align: center;} #em_qui_som .et_pb_column{ margin-right: 0.5%;} #em_qui_som .et_pb_column_1_5{width: 20.6%;} #em_btn_tvup{ width: 240px; background: #000; border-radius: 30px; border:1px solid #000; text-align: center;} #em_btn_tvup:after{margin-left: 10px!important;} /*Mapa Cobertura*/ #map-overlay-wrapper{width: 80%;max-width: 1080px;margin: auto;margin-top:50px;} #map-overlay-wrapper .map-block{position:relative; border-top-left-radius:0;border-top-right-radius:0;background-color:white;} #map-overlay-wrapper .buttons{display: inline-flex;background-color: rgba(255,255,255,0.8);border-top-left-radius: 15px;border-top-right-radius: 15px;width: 100%;overflow: hidden;box-shadow: inset 0px -2px 5px -2px #bbbbbb;} #map-overlay-wrapper .map-btn{ border: none; margin: 0; outline: 0px; padding: 15px; font-size: 18px; color: #000; display: block; background-color: transparent; flex:1; } #map-overlay-wrapper .map-btn{cursor:pointer;} #map-overlay-wrapper .map-btn.selected{background-color:white; border-top-left-radius:15px;border-top-right-radius:15px;box-shadow: 2px 0px 5px -2px #bbbbbb;} #map-overlay-wrapper .map-btn:first-of-type{border-top-left-radius:15px;} #map-overlay-wrapper .map-btn:last-of-type{border-top-right-radius:15px;} #map-overlay-wrapper .block{margin-top:0px !important;} #leyenda {width: 130px;height: 90px;background-color: white;margin-left: 20px;margin-bottom: 20px; position: absolute;bottom: 30px;padding:10px;} #leyenda h3{font-size: 15px;text-align: center;} #leyenda .legend-square.alta{width: 20px;height: 20px; background-color: rgb(169, 245, 20);float: left;margin-right: 10px;} #leyenda .legend-square.media{width: 20px;height: 20px;background-color: rgb(158, 51, 182);float: left;margin-right: 10px;} /*------- Personalització plugin cookies -------*/ #cookie-law-info-again{ background-color: #000 !important; border-radius: 15px 15px 0px 0px;color:white !important;font-family: "HP Simplyfied";box-shadow:none;} #cookie_hdr_showagain{font-family:"HP Simplified light";font-size:16px;font-weight:200;} #cookie-law-info-bar.cli-bar-popup{border:none !important;} #cookie-law-info-bar span, #cookie-law-info-bar .cli_messagebar_head{ color: #000;} #cookie-law-info-bar .cli_messagebar_head{font-size:22px; text-align: left;} #cookie-law-info-bar span{font-family:"HP Simplified light";font-size:18px;text-align: left;padding-top:15px;display: block;} #cookie-law-info-bar .cli_action_button{border-radius:31px;font-size:18px;background-color:#000 !important;color:white !important;padding:1em 2em;cursor:pointer; border:2px solid #000;} #cookie-law-info-bar .cli_settings_button{color:#000 !important;text-decoration: underline;} #cookie-law-info-bar .cli-plugin-main-link{color: #000 !important;} .cookie-buttons{padding-top:20px; text-align:center;} #cliSettingsPopup .cli-slider{background-color:#000;} /*----------------------------------------------*/ #em_rsc p{ font-size: 18px!important; font-family:'HP Simplified'; color:#000;} .flex-row-wrapper { display: flex; } .flex-row-wrapper .et_pb_column { display: flex; flex-direction: column; padding: 20px; } /* -------------------------- Canals premium -------------------------- */ #canals-premium-20 .canal-row{ display:flex; width:100%;} #canals-premium-20 .canal-row .canal{ flex: 1 0 0; width: 20%;padding: 0.726%; cursor:pointer;} #canals-premium-20 .canal-row .canal:last-of-type{padding-right:0;} #canals-premium-20 .canal-row .canal:first-of-type{padding-left:0;} #canals-premium-20 .canal .canal-wrapper { outline: 0px solid transparent;transition: all .2s ease-in-out; } #canals-premium-20 .canal .canal-wrapper:hover {outline: 2px solid #000;box-sizing: border-box;transform: scale(1.1);transition: all .2s ease-in-out;} #canals-premium-20 .plus-simbol{position: absolute;color:#000; font-size: 20px; top:5px; right:5px; display: block; opacity: 0.7; display: none;} #canals-premium-20 .canal .canal-wrapper{position:relative; line-height: 0em;} /*Accordion*/ #canals-premium-20 .accordion-switch{float: right;} #canals-premium-20 .accordion-switch .text{ font-size: 20px;color: #000;font-style: italic; cursor: pointer;margin-right: 10px;} #canals-premium-20 .accordion-switch .text:hover{text-decoration: underline;} #canals-premium-20 .accordion-switch i{font-size: 30px;transition: transform 0.5s ease-in-out; color: #000; position: relative; top: 3px;} #canals-premium-20 #deu-canals{display: none;} /*Modal*/ #premium-channels-modal{margin-bottom: 50%;} #premium-channels-modal .premium-close{color: #000; float: right; font-size: 28px; font-weight: bold;cursor: pointer;} .popup-channel .title{ font-size: 25px; padding-bottom:10px; font-size: 40px; color: #000; font-style: italic; font-weight:bold; line-height: 1em;display: block;} .popup-channel .description{ font-size: 18px; margin-left: 15px; color:#000; } .popup-channel .popup-header-logo {min-width: 200px; height: auto;} .popup-channel{display: none; padding: 25px 0 23px; margin-right: 30px;} .popup-channel.active{display: flex !important;} /* Bons Mobil */ .script-section, .script-section .et_pb_column{height:0;padding:0; margin:0;} .bons-title{font-size: 22px; color:#000;} .preu-bo{font-family:'HP Simplified'!important;} .preu-bo img{min-width: 135px;max-width: 140px; display: block; margin: 0 auto;} .preu-bo .price {left: -28px; text-align: center; } .preu-bo .iva{text-align: center;} #emmb4 h2,#emmb5 h2,#emmb6 h2{font-size: 45px!important; } #emmb4 h3,#emmb5 h3,#emmb6 h3,#emmb6_mb h3{ font-size: 35px!important; color:#000; font-weight: bold;} #emmb4 h4,#emmb5 h4,#emmb6 h4{font-style: italic; font-size: 30px; /*max-height: 2.5em; min-height: 2.5em;*/ text-align: center;} .preu-bo .consultar-cond-bo{text-align: center; margin: 0 auto; display: block; text-decoration: underline; color:#000; font-weight: normal;} #emmb7 .et_pb_text p{ } #emmb7 .et_pb_text p a{color:#000;} #emmb7 .et_pb_text p a:hover{text-decoration: underline;} /* Bons Mobil - Control de columnes per la vista tauleta */ @media (max-width: 980px ){ #emmb4 .et_pb_row .et_pb_column, #emmb5 .et_pb_row .et_pb_column, #emmb6 .et_pb_row .et_pb_column, #emmb6_mb .et_pb_row .et_pb_column{width: 47%;} #emmb4 .et_pb_row .et_pb_column:nth-child(odd), #emmb5 .et_pb_row .et_pb_column:nth-child(odd), #emmb6 .et_pb_row .et_pb_column:nth-child(odd), #emmb6_mb .et_pb_row .et_pb_column:nth-child(odd){margin-right: 6%;} } @media (max-width: 767px ){ #emmb4 .et_pb_row .et_pb_column, #emmb5 .et_pb_row .et_pb_column, #emmb6 .et_pb_row .et_pb_column, #emmb6_mb .et_pb_row .et_pb_column{width: 100%;} #emmb4 .et_pb_row .et_pb_column:nth-child(odd), #emmb5 .et_pb_row .et_pb_column:nth-child(odd), #emmb6 .et_pb_row .et_pb_column:nth-child(odd), #emmb6_mb .et_pb_row .et_pb_column:nth-child(odd){margin-right:0%;} } /* Bons mobil - modal */ .condicions-title{font-size: 40px; font-weight: bold; color:#000;} .condicions-content{font-size: 18px; padding-top: 20px; color: #000; } .condicions-content li{padding: 5px 0;} /* -------------------------------------------------------------------- */ /* Bloquejar Notificacions */ .bloq_not_block{ color:#000; font-size: 18px;} #bloq-notificacions-menu .menu-title p{font-family: "HP Simplified bold"!important; color:#000; font-size: 35px; font-style: italic; font-weight: bold; margin-bottom:18px;} #bloq-notificacions-menu.block{padding:27px;} #bloq-notificacions-menu p{text-align:center;} #bloq-notificacions-menu p:not(:last-of-type){padding-bottom: 10px} #bloq-notificacions-menu a{ color:#000; font-size: 20px;} #bloq-notificacions-menu .et_pb_column_1{ border-right: 2px solid #000; } /* -------------------------- Upload 04/11/2019 -------------------------- */ /*Existing Rules*/ #solicitar-presupost{margin-top:15px;} /*No Existing Rules*/ .buttons-row{display:flex;} #preu-selec .buttons-row{display:flex;} @media (max-width: 500px){ #preu-selec .buttons-row{flex-direction: column;} } @media (min-width: 981px) and (max-width: 1660px){ #preu-selec .buttons-row{flex-direction: column;} } #presupost-form-wrap{ max-width: 90%; width: 1080px; margin:150px auto;} #presupost-form-wrap h1{padding: 0px 10px;} #presupost-form-wrap .info-form{ font-size: 20px; color:#000; padding: 15px 10px;} #presupost-form .form-input input[type="email"], #presupost-form .form-input input[type="text"]{background: none; border: 2px solid #000; border-radius: 9px; padding: 10px; font-size: 16px; color: #000;} #presupost-form .form-input input[type="email"]::placeholder, #presupost-form .form-input input[type="text"]::placeholder{color:#000;} #presupost-form .form-input input[type="email"], #presupost-form .form-input input[type="text"]{display: block; width: 100%;} #presupost-form .form-row{display: flex; width:100%; padding:10px;} #presupost-form .form-row .form-input{flex:1;} #presupost-form .form-row .form-input:nth-child(odd){margin-right: 10px;} #presupost-form .form-row .form-input:nth-child(even){margin-left: 10px;} #presupost-form .form-row.checkboxes{flex-direction: column;} #presupost-form .form-row.checkboxes label{display: block; width: 100%; color:#000; font-size: 16px;} #presupost-form .form-row.checkboxes .container{display: block; position: relative; padding-left: 25px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} #presupost-form .form-row.checkboxes .container input{position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } #presupost-form .form-row.checkboxes .checkmark{position: absolute; top: 0; left: 0; border:2px solid #000; height: 20px; width: 20px;} #presupost-form .form-row.checkboxes .checkmark:after {content: ""; position: absolute; display: none;} #presupost-form .form-row.checkboxes .container input:checked ~ .checkmark:after {display: block;} #presupost-form .form-row.checkboxes .container .checkmark:after { left: 4px; top: 0px; width: 5px; height: 10px; border: solid #000; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} #presupost-form button:disabled {background-color: #828282;} /*5-11-19*/ #em_en_right{ color:#218611; font-size: 22px; text-align: center; padding-top:10px; } #em_en_right .em_petit{ font-size: 14px; line-height: 16px; max-width: 250px; display: block; margin-top: 20px; } /* Validacions */ /* Solicitar pressupost estils */ #email-sent-message{ font-size: 18px; padding: 50px; color: #000; font-size: 50px; line-height: 1.2em; text-align: center; font-weight: bold; } #presupost-form span label.error{color:red !important; font-weight: normal; font-size: 14px !important;} @media (max-width: 760px){ #presupost-form{padding: 0 10px;} #presupost-form .form-row{flex-direction:column; padding:0;} #presupost-form .form-row .form-input:nth-child(odd){margin:0;} #presupost-form .form-row .form-input:nth-child(even){margin:0;} #presupost-form .form-row .form-input{margin:5px 0px !important;} #presupost-form .form-row.checkboxes{padding-top:10px;} } /* -------------------------- Energia -------------------------- */ /* Promo doble estalvi Packs */ .promo-de {font-weight: 800;} /* Configurador */ .radio-wrapper {margin:0 auto;} .radio-wrapper label{display:block;} .radio-container {display: block; position: relative; padding-left: 22px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .radio-container input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .radio-container .checkmark {position: absolute; top: 50%; left: 0; height: 20px; width: 20px; border-radius: 50%; border:2px solid #000;transform: translateY(-50%);} .radio-container input:checked ~ .checkmark {background-color: #000; } .radio-container .checkmark:after {content: ""; position: absolute; display: none; } .radio-container .checkmark:after {top: 3px; left: 3px; width: 19px; height: 19px; border-radius: 50%; background: white; } .row-energia-estabanell{display: block; background-color: white; padding: 10px; border-radius: 15px; margin-bottom: 10px; } .row-energia .lbl{padding-left: 5px;} .row-energia .icon{max-width:50px;} .row-energia-client label{ color: #000; font-size: 18px; margin:0 10px;margin-bottom: 10px;} .row-energia-client label:last-of-type{margin-bottom: 0;} .row-energia label.lbl, .row-energia-client .radio-wrapper label{font-size: 14px; line-height: 1.3em;} @media (max-width: 1600px) and (min-width:981px){ .row-energia-client .radio-wrapper {flex-direction: column;} .row-energia-client .radio-wrapper .radio-container{margin: 0;margin-bottom: 5px;} } @media (max-width: 980px) and (min-width: 426px){ .row-energia-client .radio-wrapper {flex-direction: row;} .row-energia-client label{ margin:0 10px;} } @media (max-width: 425px){ .row-energia-client .radio-wrapper {flex-direction: column;} .row-energia-client .radio-wrapper .radio-container{margin: 0;margin-bottom: 5px;} } /* Pas2 */ .energia-input-description{ color: #000; font-size: 18px;} #pas-contractacio-2 .fact-energia-row {background-color: white; border-radius: 15px; padding: 10px; margin-bottom: 20px;} #pas-contractacio-2 .fact-energia-row .logo-estabanell{display: block; max-width: 300px; margin:0 auto; margin-bottom: 10px;} #pas-contractacio-2 .fact-energia-row .energia-input-description{ display: block; margin-bottom: 5px; } /* Modal ets client d'energia */ #modal-energia-client .buttons{display: flex;} #soc-client-energia, #ser-client-energia{flex: 1; max-width: 50%; display: block; white-space: normal; margin: 10px;} #modal-energia-client .description-message .message{ font-size: 28px; display: block; color:#000; line-height: 1.3em;} #modal-energia-client .buttons{display: flex; margin-top: 20px;} #modal-energia .description-message .message{ font-size: 18px; display: block; color:#000; line-height: 1.3em;} /* Loading btn */ .btn.loading{position: relative;overflow:hidden; pointer-events:none;} .btn.loading:before {background-color: rgba(255,255,255,0.6); position: absolute; top: 0; height: 100%; right: 0; left: 0; content: ""; } .btn.loading:after {content: "\f110"; font-family: "FontAwesome"; font-weight: normal; font-size: 20px; width: 100%; display: block; position: absolute; top: 0; left: 0; right: 0; height: 100%; line-height: 2em; color: #000; animation: fa-spin 2s linear infinite; text-decoration: none; font-style: normal; } .modal-link{cursor:pointer;} .modal-link:hover{text-decoration: underline;} #modal-plans-energia .modal-desc{ font-size: 16px; font-weight: normal; color: #000; padding-top: 10px;} .plans-wrapper{margin-top: 20px;display: flex;} .plans-wrapper .pla{flex:1; padding:0 5px;} .plans-wrapper .pla-desc { font-size: 16px; font-weight: normal; color: #000; padding-top: 5px;} .plans-wrapper .pla-desc ul{padding-left: 40px; list-style: circle;} .plans-wrapper .pla-title {font-size: 25px; color: #000; font-weight: 600; } .block-descomptes{padding-top: 10px !important;} @media (max-width: 767px){ .plans-wrapper{flex-direction: column;} .plans-wrapper .pla:not(:last-of-type){margin-bottom: 10px;} } /* -------------------------------------------------------------- */ .descompte-selec-wrapper{display: none!important;} /* Promoció mobils Packs */ .general-mobile-row{ background-color: white; border-radius: 15px; margin-bottom: 10px; } .promocio-tarifa-mobil .checkbox{display: inline-block; } /*.promocio-tarifa-mobil label.switch{padding-top:15px; }*/ .promocio-tarifa-mobil{ padding: 0 0 10px 5px; } .promocio-tarifa-mobil .check-text{color: #000; font-size: 18px;} .nom-promo-resum{font-size: 12px;display: block;line-height: 1em;} .nom-prod-resum{display: block} .mobile-group-resum:not(:last-of-type){padding-bottom:10px;} #seleccio-general, #seleccio-mobil{flex:1;} /* --------------------- */ /* Safe-web -> Info, no proxy */ #s-com-funciona-safeweb *, #s-p-avant-safeweb *, #s-com-gaudir-safeweb *, #s-que-es-safeweb *{ } /*Packs bloc Mobils canvis 9-2-21*/ .em_mes_mob9{display:none!important;} .em_hidden{display: none!important;} .em_blocked{display:block!important;} /* ---- Web Backgrounds ----- */ /* On trobarnos - 29473 Mobil - 28911 Fibra - 28909 Packs - 29183 Respostes - 28919 */ body.page-id-11{background: none !important;} .page-id-29473 .et_pb_section, .page-id-28911 .et_pb_section, .page-id-29183 .et_pb_section, .page-id-28919 .et_pb_section, .page-id-29631 .et_pb_section{ background-color: transparent!important;} body.page-id-29473.et_cover_background, body.page-id-28909.et_cover_background, body.page-id-28911.et_cover_background, body.page-id-29183.et_cover_background, body.page-id-29367.et_cover_background, body.page-id-28919.et_cover_background, body.page-id-29631.et_cover_background {background-size: 100%!important; background-position: bottom center !important;} .em_blink{ display: block; width: 120px; padding-bottom: 20px; margin:auto; text-align: center; } #contacte-btn{ position: fixed;right: 0;top: 240px;border-radius: 15px 0 0 15px!important;min-width: 70px;} body.custom-background { background-repeat: no-repeat !important; background-attachment: scroll; } .empob h1{font-size: 50px!important;} /*#empogic{background: rgba(255,255,255,0.7); border-radius:20px; padding: 10px;}*/ /* nous Home Sliders - 04/03/2020 */ #nou_home_slider .et_pb_slide{min-height: 32vw;} @media screen and (max-width: 980px){ #nou_home_slider .et_pb_slide{min-height: 70vw;} } @media screen and (max-width: 767px){ #nou_home_slider .et_pb_slide{min-height: 110vw;} } /* ------------------------------ */ /* Modificacions de packs per cobertura mobil */ /* Noves regles */ /*#form-contractacio .selections .mobil-selec-wrapper{display:block}*/ #resum-seleccions-config .seleccio-mobil{width: 350px;} .mobil-selec-wrapper .selection-img-wrapper .block-icon{position: static; transform:translate(0,0);} .lista-mobil-selec{text-align: left; display: block;} .lista-mobil-selec>* {text-align: left;} #form-contractacio .mobil-selec-wrapper .selections-text{display: block;} /* ------------------------------------------ */ #phone-button-mb{ display: none; width: 43px; height: 50px; position: fixed; bottom: 527px; right: 0px; font-family: "FontAwesome"; color: white; font-size: 36px; background-color: #000; z-index: 999; text-align: center; line-height: 1em; padding-top: 7px; margin: 0 auto; border-top-left-radius: 15px; border-bottom-left-radius: 15px;} @media screen and (max-width: 667px){ #phone-button-mb{display: block;} } /* Missatge de cookies - configurar */ #cliModalClose{position: static; font-size: 20px; font-weight: 400; width: 10%; background: #000; border-radius: 25px; display: block; color: white; text-shadow: none; margin: 0; margin-top: 10px; cursor: pointer; padding: 10px; height: auto; float: right;} #cliModalClose:hover{opacity: 0.8;} /* -------------------------------- */ body.custom-background.page-id-35261, body.custom-background.page-id-35339{background-image: none!important;} .page-id-35261 #em_info_bl, .page-id-35339 #em_info_bl{border:2px solid #094695;} /* ----------------------- nou slider home ----------------------- */ /* Promoció d'Energia */ /*Modal*/ #modal-condicions-energia .title-energia{ font-size: 26px; color: #000; font-weight: bold;} #modal-condicions-energia p{font-size: 15px;} #modal-condicions-energia li{ color: #000;} #modal-condicions-energia table td{ color: #000;} #modal-condicions-energia table th{ color: #000;} .home #emhspks{margin-top:0;} /* Modal de packs */ #modal-plans-energia p{font-weight: 500; font-family: 'HP Simplified'!important; color: #000; padding-bottom:1em; } #modal-plans-energia .title-energia{ font-size: 26px; color: #000; font-weight: bold; } #modal-plans-energia li{ color: #000; } #modal-plans-energia ul{padding: 0 0 23px 1em; line-height: 26px; list-style-type: disc; } #modal-plans-energia table{width: 100%; margin: 0 0 15px 0; border: 1px solid #eee; text-align: left; } #modal-plans-energia table th{ color: #000; padding: 9px 24px; font-weight:bold; } #modal-plans-energia table td { color: #000; padding: 6px 24px; border-top: 1px solid #eee; } /*Slider*/ #nou_home_slider .et_pb_slide_1 .et_pb_button_wrapper{ width:45%; } #nou_home_slider .et_pb_slide_1 .et_pb_slide_description{ padding-top:28%; padding-bottom:0; } #nou_home_slider .et_pb_slide_1 .et_pb_slider_container_inner{ display:block; } @media (max-width:980px){ #nou_home_slider .et_pb_slide_1 .et_pb_button_wrapper{ width:36%; } #nou_home_slider .et_pb_slide_1 .et_pb_slide_description{ padding-top:65%; } } @media (max-width:767px){ #nou_home_slider .et_pb_slide_1 .et_pb_button_wrapper{ width:100%; } #nou_home_slider .et_pb_slide_1 .et_pb_slide_description{ padding-top:45%; } } /* ------------------------------------------------------------- */ /* -------------------------- safeWeb -------------------------- */ #s-header-safeweb .header-content {background-color: transparent; } #s-com-gaudir-safeweb form textarea, #s-com-gaudir-safeweb form input{background: none; border: 2px solid #0468bc; border-radius: 9px; padding: 10px; font-size: 16px; color: #094695; } #s-com-gaudir-safeweb form textarea::placeholder, #s-com-gaudir-safeweb form input::placeholder{color: #094695; } #s-com-gaudir-safeweb form .et_contact_bottom_container button{background-color: #0468bc; color: white; border-radius: 30px; font-style: italic; border: 2px solid #0468bc; } #s-com-gaudir-safeweb .et_pb_contact_field_options_title{display:none;} .et_contact_bottom_container .et_pb_contact_right{color: #094695; font-size:16px;} #s-com-gaudir-safeweb label{color: #094695; font-size:16px; } #s-com-gaudir-safeweb .et_pb_contact_field_options_list i{background: none;border: 2px solid #0468bc;} #s-p-avant-safeweb ul{padding:0;} #s-p-avant-safeweb li:before{content:'✓'; position:absolute; left:0;} #s-p-avant-safeweb li{position: relative;padding-left: 23px;line-height:1em;} #s-p-avant-safeweb li:not(:last-of-type){padding-bottom:10px;} /* Flotant */ .vull-provar-fixed{position:fixed; bottom:5%; right:0%; background-color:#000; border-radius:19px 0px 0px 19px; font-size:20px; padding:5px 10px 5px 0px; color:white; font-style:italic; } .vull-provar-fixed img {max-width:50px; padding:10px; margin:auto auto; vertical-align: middle; } @media (max-width:980px){ .vull-provar-fixed.btn-es{right: -58px !important; bottom: 332px !important;} .vull-provar-fixed {transform: rotate(-90deg); right: -51px !important; bottom: 340px !important; border-radius: 15px 15px 0px 0px !important; padding: 10px !important; } .vull-provar-fixed img{display:none;} } /* ------------------------------------------------------------- */ /*Landing doble estalvi */ #modal-condicions-energia p{font-size: 15px; font-weight: 500; font-family: 'HP Simplified'!important; color: #000 !important; } select#et_pb_contact_tipus_client_0{background: none; border: 2px solid #0468bc; border-radius: 9px; padding: 10px !important; font-size: 16px; color: #094695 !important; font-style:normal; font-weight:400; } #em_mes_inform p[data-id="tipus_client"]{clear:none !important;} /*Ocultem el camp product_name del formulari */ #et_pb_contact_product_name_0{display:none;} /* Popup doble estalvi - styles */ #modal-doble-estalvi .modal-main{ margin:0 auto; text-align:center;} #modal-doble-estalvi a.btn{ display:block;width:auto;} #modal-doble-estalvi p{font-size:22px; padding-bottom:0; color:black;} #modal-doble-estalvi p, #modal-doble-estalvi a{text-align: center; margin:0 auto;} #modal-doble-estalvi .info-promo{max-width:450px;} #modal-doble-estalvi .mes-info-promo{font-size:30px; max-width:500px; line-height:1;} #modal-doble-estalvi .legal{font-size:12px;} #modal-doble-estalvi .btn{max-width:200px; white-space:normal; font-style:normal;} #modal-doble-estalvi .condicions-main {padding: 0 18px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } #modal-doble-estalvi .destacat{padding-top:15px;} #modal-doble-estalvi .imatge-promo-wrapper{padding:15px 0; max-width:400px; text-align:center;margin:0 auto;} #modal-doble-estalvi .imatge-promo-wrapper .icon-dbl-est{max-width:80%;} #modal-doble-estalvi .veure-condicions{padding-top:15px; display:inline-block;} #modal-doble-estalvi .btn.btn-promo{margin-top:15px !important;} #modal-doble-estalvi .condicions-content{text-align:left !important;} #modal-doble-estalvi .condicions-content p, #modal-doble-estalvi .condicions-content td, #modal-doble-estalvi .condicions-content th, #modal-doble-estalvi .condicions-content h3{ text-align:left;font-size:15px; color:#000; padding-bottom:1em; } #modal-doble-estalvi .condicions-content li{text-align:left;font-size:15px; color:#000; } #modal-doble-estalvi .condicions-content ul{list-style-type: disc; padding: 0 0 23px 1em; line-height:26px;} #modal-doble-estalvi .condicions-content span{margin:none;} #modal-doble-estalvi span.title-energia{ font-size: 26px;color:#000; text-align:left !important; font-weight:bold;} #modal-doble-estalvi .condicions-content{background-color:#f2f2f2 !important; border-radius:19px; padding:20px!important;} #modal-doble-estalvi{padding-bottom:50px;} #modal-doble-estalvi th, td{padding: 9px 24px;} #modal-doble-estalvi tr{border:1px solid #ddd;} @media(max-width:640px){ #modal-doble-estalvi .table-container{overflow-x:scroll;} } /* ------------------------------- Pàgina "on trobar-nos" ------------------------------- */ #asl-storelocator *{font-family: "HP Simplified light";} #on-trobar-nos-h1 h1{font-size:40px !important;} #asl-storelocator p.search-input-header{font-size: 20px !important;} #asl-storelocator .p-title, #asl-storelocator .btn.btn-asl{font-size: 16px !important;} #asl-storelocator .addr-sec .p-area, #asl-storelocator .Num_of_store, #asl-storelocator.asl-p-cont.container.storelocator-main .sl-item a{font-size: 14px !important;} #asl-storelocator.asl-p-cont.asl-bg-0 .asl-overlay-on-item h1.h1{height: auto !important; padding: 0 20px !important;} #asl-storelocator.asl-p-cont.asl-bg-0 .asl-overlay-on-item h1.h1 p{font-style: normal;} #asl-storelocator .p-title .s-distance{float: right;} #asl-storelocator h1{font-size:16px !important;} #asl-storelocator a.btn{font-style:normal;} #asl-storelocator .asl-p-cont .row{display: block;} #map-row #asl-storelocator.asl-template-0{border-radius: 30px;padding: 0 !important;} #asl-map-canv div span.asl-reset-map{display:none !important;} #asl-storelocator{padding:0;} #asl-storelocator #asl-list, #asl-storelocator .search_filter{border:none !important; padding-top: 30px; padding-left: 30px; padding-right: 30px;background-color: rgba(255,255,255,0.8);} #asl-storelocator.asl-p-cont.asl-template-0 .col-xs-12.search_filter{padding-top: 15px !important; padding-left: 30px !important; padding-right: 30px !important; padding-bottom: 50px !important;} .row.asl-loc-sec{margin:0 !important;} @media(min-width:1434px){ #asl-storelocator.asl-p-cont.asl-template-0.asl-p-cont.no-asl-filters .asl-panel .inside.search_filter + #asl-list.storelocator-panel{margin-top: 130px !important;} } @media(max-width:1433px){ #asl-storelocator.asl-p-cont.asl-template-0.asl-p-cont.no-asl-filters .asl-panel .inside.search_filter + #asl-list.storelocator-panel{margin-top: 150px !important;} } @media (max-width:1100px){ #asl-storelocator p.search-input-header{font-size: 16px !important;} #asl-storelocator.asl-p-cont.asl-template-0.asl-p-cont.no-asl-filters .asl-panel .inside.search_filter + #asl-list.storelocator-panel{margin-top: 144px !important;} } @media (max-width:920px){ #asl-storelocator.asl-p-cont.asl-template-0.asl-p-cont.no-asl-filters .asl-panel .inside.search_filter + #asl-list.storelocator-panel{margin-top: 140px !important;} #asl-storelocator.asl-p-cont.asl-template-0 .col-xs-12.search_filter{padding-top: 15px !important; padding-left: 20px !important; padding-right: 20px !important; padding-bottom: 50px !important;} #asl-storelocator p.search-input-header{font-size: 14px !important;} } @media (max-width: 767px){ #asl-storelocator.asl-p-cont.asl-template-0.asl-p-cont.no-asl-filters .asl-panel .inside.search_filter + #asl-list.storelocator-panel {margin-top: 120px !important;} } /* -------------------------------------------------------------------------------------- */ .iva, .price{color:#000;} #emfbs2 .et_pb_row_0 .et_pb_blurb{height:100%; margin:0} #emfbs2 .et_pb_row_0 .et_pb_column{padding-top:20px;} @media (max-width:1200px) and (min-width:980px){ #emfbs2 .et_pb_blurb_description{flex-direction:column;} #emfbs2 .et_pb_blurb_description .blurb-left{min-height:240px;} } .email-botiga-wrapper{margin:10px 0;} .email-botiga-wrapper label{padding-left:10px; color:#000; font-size: 20px; } .ems_menu_tlfn.tlfn_tivify, .ems_menu_tlfn.callcenter-oppener{display:none !important;} /**** MEDIA QUERYS ****/ /*Media botons Cobertura, +info*/ @media (max-width: 980px) and (max-height: 720px){ #modal-cobertura-btn.cobertura-fixed-btn{bottom:330px ;} #contacte-btn-mb{bottom:200px ;} #phone-button-mb{bottom:447px;} html:lang(es) .page #modal-cobertura-btn.cobertura-fixed-btn{bottom:320px;} html:lang(es) #contacte-btn-mb{bottom:152px;} } /*Media desktop*/ @media (max-width: 2048px) { #ems1desk h1, #ems1desk h2{ width: 65%} #ems7desk{min-height:600px;} #ems3_3desk{padding-top: 0%;} #ems3desk{padding-top:0%;} #faqs1{padding-top:0;} #faqs1f1{padding-bottom: 0;} } @media (max-width:1560px){ #cookie-law-info-again {transform: rotate(-90deg) translate(-50%,450%);bottom: 130px !important;} } @media (min-width: 1500px){ body.page-id-29183{background-size: 140% !important;background-position: center !important;} } @media (max-width: 1540px){ .page-id-32590 .header-content, .page-id-32589 .header-content{background-color: rgba(255,255,255,0.75);border-radius: 9px;} /*Fibra*/ #emfbs6 #emfbs6_c2{float:none;} header #top-menu li{ padding-right: 0; margin-right: 12px;} header #top-menu #menu-item-29359, header #top-menu #menu-item-29558{ margin-right: 12px;} #visordoc-titol{font-size: 40px!important;} } @media (max-width: 1370px) { header .et_menu_container{ padding: 0 20px!important;} header #top-menu li{ padding-right: 0; margin-right: 12px;} header #top-menu #menu-item-29359, header #top-menu #menu-item-29558{ margin-right: 12px;} } @media (max-width: 1366px) { #em_carac_c2_desk{padding-left: 30px;} #em_peu_desk_1366{min-height: 100px;} } @media (max-width:1350px){ header .et_menu_container{ padding: 0 14px!important;} header #top-menu li{ padding-right: 0; margin-right: 14px;} header #top-menu #menu-item-29359, header #top-menu #menu-item-29558{ margin-right: 12px;} #contractador{width: 80%!important;} } @media (max-width: 1300px){ #em_cap_tv .et_pb_fullwidth_header .et_pb_fullwidth_header_container{width: 50%;} } @media all and (max-width: 1280px) { header .et_menu_container{ padding: 0 12px!important;} header #top-menu li{ padding-right: 0; margin-right: 12px;} header #top-menu #menu-item-29359, header #top-menu #menu-item-29558{ margin-right: 10px;} header #top-menu li a{ font-size: 16px;} header #top-menu .ems_menu_tlfn a{ font-size: 12px} header #top-menu .ems_menu_tlfn a span{font-size: 18px;} #ems2desk{min-height: 700px;} #ems5desk{min-height: 970px;} #ems2_titol{max-width: 100%;} #em1dt .et_pb_row{max-width:95%;width:95%;} #et-top-navigation{padding-left:0px;} } @media (max-width:1350px){ footer{height:50px;} } @media (max-width:1200px){ header .et_menu_container{ padding: 0 10px!important;} header #top-menu li{ padding-right: 0; margin-right: 10px;} header #top-menu #menu-item-29359, header #top-menu #menu-item-29558{ margin-right: 8px;} #contractador{width: 90%!important;} #emhbkb .et_pb_row{ width: 85%;} #visordoc-titol{font-size: 40px!important;} } @media (max-width: 1152px) { header #top-menu li a{ font-size: 15px;} header #top-menu .ems_menu_tlfn a{ font-size: 11px} header #top-menu .ems_menu_tlfn a span{font-size: 17px;} header #logo{ max-height: 30px;} header { height: 90px;} header #et-top-navigation{ padding-top:20px!important; padding-bottom: 20px!important; } header.et-fixed-header, header .et_menu_container{ height: 90px;} header.et-fixed-header #et-top-navigation{padding-top:20px!important; padding-bottom: 20px!important;} #page-container{padding-top:50px !important;} #ems2desk{min-height: 700px;} #ems5desk{min-height: 820px;} #emhbkb .et_pb_row{ width: 90%;} } /**/ /* Força el menú hamburguesa a aparèixer a partir de 1100px */ @media (max-width: 1100px) { #et_mobile_nav_menu { display: block !important; } #top-menu, .et_menu_container #top-menu-nav{ display: none !important; } .mobile_menu_bar { display: block !important; } #visordoc-titol{font-size: 40px!important;} } /* Evita conflictes visuals en pantalles grans */ @media (min-width: 1101px) { #et_mobile_nav_menu { display: none !important; } #top-menu, .et_menu_container { display: block !important; } .mobile_menu_bar { display: none !important; } } /**/ @media (max-width:1080px){ header #top-menu li a{ font-size: 14px;} header #top-menu .ems_menu_tlfn a{ font-size: 10px} header #top-menu .ems_menu_tlfn a span{font-size: 16px;} header #logo{ max-height: 30px;} header { height: 80px;} header #et-top-navigation{ padding-top:15px!important; padding-bottom: 15px!important; } header .em_menu_cl a{ padding: 12px 12px!important;} header .ems_menu_tlfn a{ padding: 4px 16px!important;} header .em_menu_cl, header .ems_menu_tlfn{padding-top: 4px;} header.et-fixed-header, header .et_menu_container{ height: 80px;} header.et-fixed-header #et-top-navigation{padding-top:15px!important; padding-bottom: 15px!important;} #page-container{padding-top:50px !important;} #contractador{width: 98%!important;} #emfbs5 ul li p{padding-right:0px;background-size:cover;margin-bottom:0;} #emhbkb .et_pb_row{ width: 95%;} .page-id-32590 #em_cap_tv, .page-id-32589 #em_cap_tv{max-height: 560px;min-height: 560px;} } @media (max-width:1040px) and (min-width:980px){ #footer-info{width:84%;} #et-top-navigation{padding-left: 216px !important;} } @media all and (max-width: 1024px) { header #top-menu li{ padding-right: 0; margin-right: 5px;} header #top-menu #menu-item-29359, header #top-menu #menu-item-29558{ padding-right: 5px;} header .em_menu_cl a{ padding: 12px 8px!important;} header .ems_menu_tlfn a{ padding: 4px 10px!important;} header .em_menu_cl, header .ems_menu_tlfn{padding-top: 4px;} #ems1deskf1{padding: 0;} #ems2desk{min-height: 635px;} #em1dt .et_pb_column_3_8.et_pb_column_inner_0{ margin-right: 20px; } #emhbkb .et_pb_row{ width: 96%;} #menu-item-wpml-ls-2-ca, #menu-item-wpml-ls-2-es{margin-right: 4px;} #menu-item-29359{margin-right: 0px!important;} #menu-item-29558{padding-right: 0px!important;} #visordoc-titol{font-size: 40px!important;} } /*Media Tablet*/ /*** Responsive Styles Tablet And Below ***/ @media all and (max-width: 980px) { /*Responsive tables*/ .table-of{overflow-x: scroll;} /*-----------------*/ body.page-id-29473.et_cover_background, body.page-id-28909.et_cover_background, body.page-id-28911.et_cover_background,body.page-id-29183.et_cover_background, body.page-id-29367.et_cover_background,body.page-id-28919.et_cover_background, body.page-id-29631.et_cover_background{ background-position: center center !important;} #contacte-btn-mb{display: block;position: fixed;bottom: 190px;right: -46px;border-radius: 15px 15px 0 0;transform: rotate(-90deg);} html:lang(es) #contacte-btn-mb{right: -72px;} #contacte-btn{display: none;} /*#modal-cobertura-btn.cobertura-fixed-btn{transition: none;border-radius: 15px 15px 0 0!important;transform: rotate(-90deg);bottom: 340px;top:auto;right: -60px!important;width: 160px;}*/ #modal-cobertura-btn.cobertura-fixed-btn{transition: none;border-radius: 15px 15px 0 0!important;transform: rotate(-90deg);bottom: 340px;top: auto;right: -46px!important; width: 134px;} /*html:lang(es) #modal-cobertura-btn.cobertura-fixed-btn{width: 190px; right: -73px !important; top: auto; bottom: 400px;}*/ html:lang(es) #modal-cobertura-btn.cobertura-fixed-btn{width: 135px; right: -46px !important; top: auto; bottom: 400px;} #modal-cobertura-btn .btn-img{display: none;} #emsaemS4_tbmb .et_pb_row{padding-bottom:0px;} #emontrS2R2{flex-direction:column;} #config-titles {text-align: center;padding-right: 0;} #ofertes{width: 98% !important;} #packs-recomanats{ padding-left: 3%; width: 96%!important;} /*CAPÇALERES******/ .header-content{background-color: rgba(255,255,255,0.75);border-radius: 9px;} #emfbs1.et_pb_section.et_pb_section_0{ background: url('https://extranet.estabanell.com/wp-content/uploads/2019/02/tablet_fibra.jpg')!important;background-size: cover!important; } #emmb1.et_pb_section.et_pb_section_0{ background: url('https://extranet.estabanell.com/wp-content/uploads/2019/02/slide_tablet_mobil.jpg')!important;background-size: cover!important; } #emfbs1.et_pb_section.et_pb_section_0{ background: url('https://extranet.estabanell.com/wp-content/uploads/2019/02/tablet_quisom.jpg')!important;background-size: cover!important; } #emontrS1.et_pb_section.et_pb_section_0{ background: url('https://extranet.estabanell.com/wp-content/uploads/2019/02/tablet_empresa.jpg')!important;background-size: cover!important; } /*#em_cap_tv.et_pb_section.et_pb_section_0{ background: url('https://extranet.estabanell.com/wp-content/uploads/2019/02/emaginatv_tb.jpg')!important;background-size: cover!important; }*/ #em_cap_tv.et_pb_section.et_pb_section_0{ background: url('https://extranet.estabanell.com/wp-content/uploads/2022/01/nova_emaginatv_tb_2022.png')!important;background-size: cover!important; } #emsaemS1.et_pb_section.et_pb_section_0{ background: url('https://extranet.estabanell.com/wp-content/uploads/2019/02/tablet_empresa.jpg')!important;background-size: cover!important; } /*Novaemaginatv*/ /*.page-id-32590 #em_cap_tv.et_pb_section.et_pb_section_0, .page-id-32589 #em_cap_tv.et_pb_section.et_pb_section_0{ background: url('https://extranet.estabanell.com/wp-content/uploads/2019/05/nova_emaginatv_tb.png')!important;background-size: cover!important; background-position: bottom right !important; }*/ .page-id-32590 #em_cap_tv.et_pb_section.et_pb_section_0, .page-id-32589 #em_cap_tv.et_pb_section.et_pb_section_0{ background: url('https://extranet.estabanell.com/wp-content/uploads/2022/01/nova_emaginatv_tb_2022.png')!important;background-size: cover!important; background-position: bottom right !important; } .flex-row-wrapper{ flex-direction: column; } /* Bloquejar notificacions */ #bloq-notificacions-menu .et_pb_column_1_2{ width: 50%; margin-bottom: 0; } } @media (max-width: 980px){ #em_cap_tv .et_pb_fullwidth_header .et_pb_fullwidth_header_container{width: 60%;left:-20%;} #em_tv_fun_tb .func_list .et_pb_text_inner{font-size: 18px;font-weight: 500;font-family: 'HP Simplified'!important;color: #000;} /*Seccio Seu i relaxa't*/ #em_tv_com .seu-relax-titol h2{width:70%;} #em_tv_com .seu-relax-text p{width:45%;} #em_tv_canals .em_tv_canals_r2 {width: 100%!important;min-width: 100% !important;} /*Funcionalitats*/ #em_tv_fun_tb {padding-top: 0;padding-bottom: 0;} #em_tv_fun_tb .em_tv_fun_tb_titol{padding-top:20px;width: 80%; margin:0 auto; text-align: center;} #em_tv_fun_tb .em_tv_fun_tb_header_img {min-height:890px;background-position-y:-60px; } #em_tv_pr{padding-bottom: 100px;} } @media all and (max-width: 980px) { #heading-contractador{flex-direction:column;} #heading-contractador #ofertes{margin:0 auto;width:95%;} #em1tb{padding-top: 80px !important; background-color: transparent!important;margin-left: 1.5% !important;margin-bottom: 0px;padding-bottom:0px;} #em_pd_text_tb{display:inline-block;padding-left:3%;} /*#et_mobile_nav_menu{display:none !important;}*/ header .mobile_menu_bar::before{ color:#000;} header .mobile_menu_bar_toggle{padding-top: 10px;} header .container{ width: 95%;} header .em_menu_cl a{ padding: 19px 12px!important; color:#000;} header .ems_menu_tlfn a{ padding: 4px 16px!important;} header .em_menu_cl, header .ems_menu_tlfn{padding-top: 4px; padding-right: 10px; z-index: 100;} header .logo_container{ max-width: 300px;} header #mobile_menu{border-top: 3px solid #000;} #top-menu {width: 215px;} #et-top-navigation{padding: 20px 10px 20px 10px;} /*#top-menu{display:block;}*/ .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header { position: fixed; } header{transition: background-color .2s ease-in-out !important;} .et-fixed-header{ background-color: white !important; transition: background-color .2s ease-in-out !important; } #emmb3_1{margin:0 auto !important; float:none !important;} /*Respostes*/ #em_faq_res .et_pb_row_1-4_3-4 .et_pb_column_1_4{display:flex; flex-direction:row-reverse;} #em_faq_res .et_pb_row_1-4_3-4 .et_pb_column_1_4>div:nth-child(1){flex:5;} #em_faq_res .et_pb_row_1-4_3-4 .et_pb_column_1_4>div:nth-child(2){flex:1;min-width:130px;} #faq_mes_ajuda_section{margin-top:0px;} /*TV*/ #ems3tb {min-height: 736px;} #ems5tb {min-height: 1031px;} #ems6tb {padding: 0;} #ems7tb {min-height: auto;} /*TV*/ #emontrS2R2 .et_pb_column{width:100%;} #emontrS2R2 .et_pb_column:nth-child(2){padding-top:30px;} #emhbkb{ height: 200px; } #emhspks{ margin-top: -260px; } #emhspks > div{ margin: 0; width: 100%; } #emhspks_c1{ width: 100%; margin-right: 0;} #emhspks_c1 > div{padding-bottom: 0;} #emhspks_c1 .et_pb_column{width: 33%;} #emhspks_c2{ display: none; } #em_hpk_1{ margin-left: 3%; width: 60%!important; margin-right: 3%; } #em_hpk_2{ width: 30%; margin-right: 3% } #em_hbi_c1, #em_hbi_c2, #em_hbi_c3{ width: 20%;} #em_hbi_c4{ width: 40%;} .emhbl{ width: 100%;} #emhbkb .et_pb_row{ width: 100%;} .block {margin:0 auto;} .configurador-content-wrap{flex-direction:column;} .col-4{width: 100%;} .col-5{width: 100%;} .col-7{width: 100%;} #pasos-contractador {max-width: 600px;} #contractador{width: 80%!important;} #emmb2_2_subtitol{margin-top:0px;} #emmb2_1 .et_pb_column{margin-right:0px;width: 100%;margin-bottom: 30px;} #emmb2_1 .et_pb_column .et_pb_module{margin:0;} #emmb2_2_subtitol{margin-top:0;} #emmb1_2 .et_pb_column:nth-child(1){margin-bottom:10px} #emmb3_1>div.et_pb_column{width:100% !important;} #emmb3_1 {margin: 0 auto;float: none;display: flex;flex-direction: column;} #emfbs5{background-position-y:-210px; background-size: 160%} #emfbs5_2 .et_pb_column:nth-child(1) {display: none;} #em_ic_c1, #em_ic_c2{width: 50%!important;} #em_hsltb .et_pb_slide, #emfbs1,#emmb1,#emfbs1,#emontrS1, #em_cap_tv{ min-height: 670px; } #visordoc-titol{font-size: 40px!important;} } @media all and (max-width: 900px){ #modalCoberturaFibra.modal .cobertura-form{flex-direction: column;} #modal-results .buttons{flex-direction: column;} #modal-results .buttons a.btn{margin-top:5px;} #em_hsltb .et_pb_slide, #emfbs1,#emmb1,#emfbs1,#emontrS1, #em_cap_tv{ min-height: 615px; } .empkbp{display: block; margin: auto;} /*Fibra*/ #emfbs6_c1{max-width: 100%;} #emfbs6_c1 .titol-residencia{max-width: 100%;} #emfbs6_c1 .text-residencia{max-width: 100%;} #emfbs6_c2{max-width: 100%;} #emfbs6_c2 .et_pb_image_wrap {max-width: 350px !important;} #emfbs6_tb .buttons, #emfbs6_mb .buttons{ margin: 0 auto;max-width: 420px} } /*** Responsive Styles Tablet Only ***/ @media all and (min-width: 768px) and (max-width: 980px) { body.page-id-29473.et_cover_background, body.page-id-28909.et_cover_background, body.page-id-28911.et_cover_background, body.page-id-29183.et_cover_background, body.page-id-29367.et_cover_background, body.page-id-28919.et_cover_background, body.page-id-29631.et_cover_background{ background-size:140% !important;} } @media (min-width:768px) and (max-width: 980px){ #em_pd_text_tb{ margin-left: 50px; margin-right: 50px; padding-left: 20px; border-left: 1px solid #00519e;} #ems4tb, #ems4_2tb, #ems4_3tb{padding-top:2%;} #ems4f1tb, #ems4_2f1tb,#ems4_3f1tb{padding-bottom:0px;} #ems4f2tb, #ems4_2f2tb,#ems4_3f2tb{padding-top:0px;} #ems4_3f1tb{padding-top:0;} #ems4f1tb{padding-top:0;} } @media (min-width:866px) and (max-width: 980px) { #ems3f1tb{width: 42% !important;margin-left: 3%;} #ems3f1tb{width: 42%; margin-left: 3%;} #ems1tb{min-height: 670px; padding: 65px 0;} #ems3tb{min-height: 736px} #ems5tb{min-height:1031px;} #ems7tb{ padding: 0; min-height: 370px;} footer #footer-bottom{ padding-top: 60px!important; } footer .container{ width: 95%;} #footer-info{width: 100%;} } @media (max-width:920px){ footer #footer-bottom{ padding-top: 64px!important; }} @media (max-width:880px)and (min-width:768px){ footer{height:150px;} footer #footer-bottom {padding-top:70px!important;} } @media (min-width:768px) and (max-width: 866px) { #ems3f1tb{width: 42% !important;margin-left: 3%;} #ems3tb {min-height: 650px;} .container{ width: 90%;} #ems1tb{min-height: 565px; padding: 65px 0;} #ems1f1tb{ padding: 0;} #ems5tb{ min-height: 980px;} #ems3f1tb{width: 42%; margin-left: 3%;} #ems1tb{min-height: 545px; padding: 65px 0;} #ems3tb{min-height: 650px} #ems7tb{ padding: 0; min-height: 338px;} .faq_menu_btn{ vertical-align: top; padding: 18px 20px !important; border: 2px solid #0144bf; background-color: #eee; margin-right: 15px; } footer #footer-bottom{ padding-top: 70px!important; } #footer-info{width: 100%;} #em_hbi_c1, #em_hbi_c2, #em_hbi_c3{ width: 18%;} } @media all and (max-width: 866px){ #et-top-navigation{ padding: 20px 10px 10px 10px; } #top-menu{ width: auto; } #top-menu li{ width:auto; } /*TV*/ #ems3f1tb{width: 42% !important;margin-left: 3%;} #ems3tb {min-height: 650px;} #em_hsltb .et_pb_slide, #emfbs1,#emmb1,#emfbs1,#emontrS1, #em_cap_tv{ min-height: 592px; } } @media (max-width: 860px){ #visordoc-titol{font-size: 34px!important;} } @media all and (max-width: 780px) { #footer-bottom .container{width:90% !important;} #em_hsltb .et_pb_slide, #emfbs1,#emmb1,#emfbs1,#emontrS1, #em_cap_tv{ min-height: 533px; } } @media (max-width: 768px){ /*Inputs de localitat del pas2*/ .direccio-seleccionada .row-multi-input {flex-direction: column !important;} .direccio-seleccionada .row-multi-input .multi-input {margin:0 !important;} /*----------------------------*/ #em_cap_tv .et_pb_fullwidth_header .et_pb_fullwidth_header_container{width: 70%;left:0;} /*Titols de secció centrats*/ #em_tv_fun_mb .et_pb_text_inner h2, #em_tv_app .et_pb_text_inner h2, #em_tv_pr .et_pb_text_inner h2, #em_tv_apps .apps_titol, #em_tv_com_mb .seu-relax-titol .et_pb_text_inner h2, #post-30198 #em_mes_inform .em_titol{text-align: center;} #em_tv_com_mb {padding-top:0;} #em_tv_com_mb .em_tv_com_mb_r1 .seu-relax-text, #em_tv_fun_mb .func_list .et_pb_text_inner{font-size: 18px;font-weight: 500;font-family: 'HP Simplified'!important;color: #000;} #em_tv_canals .em_tv_canals_r2{width:100% !important;} /*Funcionalitats */ #em_tv_fun_mb .et_pb_row{padding:0;} #em_tv_fun_mb .em_tv_fun_mb_titol{padding-top:20px;width: 80%;margin: 0 auto;} #em_tv_fun_mb {padding-top:0;} #em_tv_com_mb .seu-relax-img{width: 100;max-width: 100%;} #em_tv_com_mb, #em_tv_com_mb .em_tv_com_mb_r2{padding-bottom: 0;} #em_tv_fun_mb .et_pb_image_wrap {max-height: 720px;height: 720px;position: relative;overflow: hidden;} #em_tv_fun_mb .et_pb_image_wrap img{position: absolute;bottom: 0;left: 0;} body.page.custom-background{background-image: none !important} body.page.custom-background:before { content: ""; display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: -10; background-color: white !important; background: url("https://extranet.estabanell.com/wp-content/uploads/2018/11/fons_color_750x1334.png") no-repeat center center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } /*Mapa Cobertura Responsiu*/ #map-overlay-wrapper{ width: 95%; } } /*Media Mobil*/ /*** Responsive Styles Smartphone Only ***/ @media all and (max-width: 767px) { #footer-bottom .et-social-icons, #footer-info {float: left; width:100%; } body.page-id-29473.et_cover_background, body.page-id-28909.et_cover_background, body.page-id-28911.et_cover_background, body.page-id-29183.et_cover_background, body.page-id-29367.et_cover_background, body.page-id-28919.et_cover_background, body.page-id-29631.et_cover_background { background-size:190% !important;} #em1tb .et_pb_row{max-width:95%; width:95%;} /*#et_mobile_nav_menu{display:none !important;}*/ #ems2_titol h1 strong{color:#000 !important; display: inline;} #em1tb{background-color: transparent!important;margin-bottom:0px;} #footer-bottom{ position:static; bottom:auto; } .footer-right-info {display: inline-block; width: 100%;} .footer-right-info a {margin: 10px !important;} #em_form_pob_tb .et_contact_bottom_container{width:100%;} #em_form_pob_tb .et_contact_bottom_container{padding-left: 3% !important; width: 100%;} #em_form_pob_tb form.et_pb_contact_form button[type="submit"]{width:100%;margin-left:0px !important; margin-top: 3% !important;} #em_form_pob_tb .et-pb-contact-message{text-align: center;} .ems_menu_tlfn a{padding:8px,5px,8px,5px !important;} /*Fibra*/ #emfbS1R1{margin:0 auto;left:0!important; width:auto !important;} #form-cobertura-fibra select{width:100% !important;} #emfbs5 ul li p {padding-right: 0px !important;} /*Mobil*/ #emmb1_1{position:absolute!important; margin:0 auto;right:auto !important;top:50%; transform: translate(0%, -50%) !important;min-height:auto!important;} #emmb3_1 .et_pb_column{min-width: 100%;} #emmb3_1 .et_pb_column:nth-child(2) ul {padding-bottom: 0px;} #emfbs5{background-position-y:-100px; background-size: 200%} #form-cobertura-fibra{flex-direction:column;} #form-cobertura-fibra select{ width:100%;} #form-cobertura-fibra #form-cobertura-fibra-btn{margin: 0 auto !important;margin-top: 10px !important;} /*Contractador*/ #pasos-contractador #title-message h1 {font-size: 50px !important;} .configurador-content-wrap>div{margin:5px 0px;} body.page-id-29183{ background-size: 140% !important; background-position: center !important; } /*HOME*/ #em_h_av_c1{display: none;} #em_h_av_c2{ width: 35%; margin-right:5%;} #em_h_av_c3{ width: 60%;} #ems1m{ min-height: 800px; height: auto;} #ems1f1m{padding-top: 0px;} #ems1f1m, #ems2f1m{ width:86%!important; max-width: 86%!important; } #ems1m {padding-top: 0!important} #ems2m{min-height: 687px; height: auto; padding: 0;} #ems2f1m{padding-top: 30px;} #ems2f1m{ padding: 30px 0;} #ems3m{min-height: 767px; height: auto; padding: 0; } #ems4m{ height: auto; padding:50px 0; } #ems5m{ min-height: 1000px; height: auto; padding: 0px !important;} #ems5f1m{padding:0;} #ems3f1m .et_pb_column{margin-bottom: 0;} #ems3f1m{padding: 100px 0 0;} footer { height: 130px; background: url(https://extranet.estabanell.com/wp-content/uploads/2019/01/footer_bkg_767x130.png)!important;} footer #footer-bottom .container{ width: 95%!important;} footer #footer-info a{display: inline-block;} #em_hslmb .et_pb_slide, #emfbs1,#emmb1,#emontrS1,#emsaemS1, #em_cap_tv{ min-height: 838px; } #em_ic_c1, #em_ic_c2{width: 50%!important;} #emfbs1.et_pb_section.et_pb_section_0{ background: url('https://extranet.estabanell.com/wp-content/uploads/2019/02/mobil_fibra.jpg')!important; background-size: cover!important;} #emmb1.et_pb_section.et_pb_section_0{ background: url('https://extranet.estabanell.com/wp-content/uploads/2019/02/mobil_mobil.jpg')!important; background-size: cover!important;} #emontrS1.et_pb_section.et_pb_section_0{ background: url('https://extranet.estabanell.com/wp-content/uploads/2019/02/mobil_quisom.jpg')!important; background-size: cover!important;} #emsaemS1.et_pb_section.et_pb_section_0{ background: url('https://extranet.estabanell.com/wp-content/uploads/2019/02/mobil_empresa.jpg')!important; background-size: cover!important;} #em_cap_tv.et_pb_section.et_pb_section_0{ background: url('https://extranet.estabanell.com/wp-content/uploads/2019/02/emaginatv_mb.jpg')!important; background-size: cover!important;} /*.page-id-32590 #em_cap_tv.et_pb_section.et_pb_section_0, .page-id-32589 #em_cap_tv.et_pb_section.et_pb_section_0{ background: url('https://extranet.estabanell.com/wp-content/uploads/2019/05/nova_emaginatv_mb.png')!important; background-size: cover!important; background-position: bottom center !important; }*/ .page-id-32590 #em_cap_tv.et_pb_section.et_pb_section_0, .page-id-32589 #em_cap_tv.et_pb_section.et_pb_section_0{ background: url('https://extranet.estabanell.com/wp-content/uploads/2022/01/nova_emaginatv_mb_2022.png')!important; background-size: cover!important; background-position: bottom center !important; } #emhbkb{height: 180px} /*#emhspks{ margin-top: -230px; }*/ footer #footer-bottom{ padding-top: 44px!important; } #footer-info{width: 100%;} #em_hbi_c1, #em_hbi_c2, #em_hbi_c3, #em_hbi_c4{ width: 25%!important;} #em_hbi_c4 #em_en_right{display: none;} #oferiment-modal .recomanacio-buttons{flex-direction:column;} #oferiment-modal .recomanacio-buttons button{margin:5px 0;} #oferiment-modal .recomanacio-buttons button:last-child{margin-bottom:0px;} #canals-premium-20 .plus-simbol{right: 2px; top:2px;font-size:15px; height: 15px; width:15px;} .container{width:90%; margin-top:10px;} #visordoc-titol{font-size: 30px!important;} } @media (max-width: 736px) { #ems1m{min-height: 736px; height: auto;} #ems1m h1{width: 55%; padding-top: 30px;} #ems1m h2{width: 75%;} #ems2m{min-height: 660px; height: auto; padding: 0;} #ems3m{min-height: 736px; height: auto; padding: 0; } #ems5m{ min-height: 1000px; height: auto; padding: 60px 0; } #ems3f1m{padding: 10px 0 0;} #ems5m h2 {margin-top: 0;} #ems5m .et_pb_column .et_pb_module{ margin-bottom: 10px;} #ems3f1m .et_pb_column{margin-bottom: 0;} #ems3f1m{padding: 100px 0 0;} #emspeum{min-height: 457px;} #em_hslmb .et_pb_slide, #emfbs1,#emmb1,#emontrS1,#emsaemS1, #em_cap_tv{ min-height: 805px; } } @media (max-width: 732px) { #ems1m{ height: auto;} #ems2m{min-height: 655px; height: auto; padding: 0;} #ems3m{min-height: 732px; height: auto; padding: 0; } #ems4m{ height: auto; padding:45px 0; } #ems5m{ min-height: 1000px; height: auto; padding: 60px 0; } /*HOME*/ #em_h_av_c1{display: none;} #em_h_av_c2{ width: 36%; margin-right:4%;} #em_h_av_c3{ width: 60%;} #em_hslmb .et_pb_slide, #emfbs1,#emmb1,#emontrS1,#emsaemS1, #em_cap_tv{ min-height: 800px; } } @media (max-width: 720px) { #ems2m{min-height: 645px; height: auto; padding: 0;} #ems3m{min-height: 720px; height: auto; padding: 0; } #ems5m {min-height: 729px;height: auto;padding: 60px 0;} #emspeum{min-height: auto; margin-bottom:0;padding-bottom:0;} /*HOME*/ #em_h_av_c1{display: none;} #em_h_av_c2{ width: 100%; margin-right:0;} #em_h_av_c3{ width: 100%;} /*Formulari contacte*/ #emontrS3R2 form .et_pb_contact_field[data-id=nom-cognoms],#emontrS3R2 form .et_pb_contact_field[data-id=email], #emsaemS5R2 form .et_pb_contact_field[data-id=empresa],#emsaemS5R2 form .et_pb_contact_field[data-id=email] {width: 100%;} #emontrS3R2 form .et_pb_contact_field[data-id=cp],#emontrS3R2 form .et_pb_contact_field[data-id=tlfn], #emsaemS5R2 form .et_pb_contact_field[data-id=cp],#emsaemS5R2 form .et_pb_contact_field[data-id=tlfn] {width: 100%;} #em_hslmb .et_pb_slide, #emfbs1,#emmb1,#emontrS1,#emsaemS1, #em_cap_tv{ min-height: 787px; } #em_cap_tv .et_pb_fullwidth_header .et_pb_fullwidth_header_container{width: 90%} } @media (max-width: 700px){#em_tv_fun_mb .et_pb_image_wrap {height:640px;}} @media (max-width: 667px) { #ems1m{ height: auto;} #ems2m{min-height: 600px; height: auto; padding: 0;} #ems2m .et_pb_contact_field_options_title{display: none;} #ems3m{min-height: 667px; height: auto; padding: 0; } #ems4m{ height: auto; padding:40px 0; } #ems5m{ min-height: 760px; height: auto;} .ems_menu_tlfn{display: none!important;} #em_hslmb .et_pb_slide, #emfbs1,#emmb1,#emontrS1,#emsaemS1, #em_cap_tv{ min-height: 729px; } #visordoc-titol{font-size: 26px!important;} } @media (max-width: 650px){ #em_tv_com .et_pb_text_6 h2 {width:80%;} #premium-channels-modal .popup-channel{flex-direction: column; margin-right: 0;} #premium-channels-modal .popup-channel .description {margin-left: 0;} #premium-channels-modal .popup-header-logo{margin:0 auto; display: block; margin-bottom: 20px;} } @media (max-width: 640px) { #ems1m{min-height: 700px; height: auto;} #ems2m{min-height: 575px; height: auto; padding: 0;} #ems3m{min-height: 520px; height: auto; padding: 0; } #ems3f1m{padding: 0;} #em_hslmb .et_pb_slide, #emfbs1,#emmb1,#emontrS1,#emsaemS1, #em_cap_tv{ min-height: 700px; } } @media (max-width: 600px) { #ems1m{min-height: 656px; height: auto;} #ems1m h1{width: 60%; padding-top: 30px;} #ems1m h2{width: 85%;} #ems2m{min-height: 540px; height: auto; padding: 0;} #ems3m{min-height: 600px; height: auto; padding: 0; } #ems4m{ height: auto; padding:35px 0; } #ems5f1m{padding: 0;} #ems3f1m{padding: 10px 0 0;} #ems5m h2 {margin-top: 0;} #ems5m .et_pb_column .et_pb_module{ margin-bottom: 10px;} #ems3f1m{padding: 90px 0 0;} #ems3f1m img{margin-top: 75px;} #em_hslmb .et_pb_slide, #emfbs1,#emmb1,#emontrS1,#emsaemS1, #em_cap_tv{ min-height: 656px; } #visordoc-titol{font-size: 22px!important;} } @media (max-width:578px){ #emfbs5{background-position-y:-100px; background-size: 300%} #contractador{width: 98%!important;} #config-titles{width: 95%;margin: 0 auto;} #emmb1_1 .header-content, #emfbs1 .header-content, #emsaemS1 .header-content{margin: 0 auto;width: 100%;padding: 10px 0px;background-color: rgba(255,255,255,0.5);border-radius: 9px;} #emsaemS1 .emagina-title{position:absolute !important;top:50% !important;transform:translate(0, -50%);} #emsaemS1 .et_pb_fullwidth_header_container{left:0;margin:0 auto;} #emhspks_c1 #em_hpk_1, #emhspks_c1 #em_hpk_2{ width: 93%!important; margin: 0 3%; } #em_hpk_2{ margin-top: 20px!important;} #em_hslmb .et_pb_slide, #emfbs1,#emmb1,#emontrS1,#emsaemS1, #em_cap_tv{ min-height: 632px; } body.page.custom-background{ background-image: url("https://extranet.estabanell.com/wp-content/uploads/2018/11/fons_color_750x1334.png") !important;/*BKGMB*/ background-repeat: no-repeat !important; background-position: fixed !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } } @media (max-width: 568px) { #ems1m{min-height: 620px; height: auto;} #ems1m h1{width: 65%; padding-top: 30px;} #ems2m{min-height: 510px; height: auto; padding: 0;} #ems3m{min-height: 568px; height: auto; padding: 0; } #ems5m{ min-height: 800px; height: auto; padding: 50px 0; } #ems5m h2 {margin-top: 0px;} #em_hslmb .et_pb_slide, #emfbs1,#emmb1,#emontrS1,#emsaemS1, #em_cap_tv{ min-height: 621px; } } @media (max-width: 560px){ #em_tv_app .block, #em_tv_pr .block, #em_tv_apps .block{width: 100%;border-radius: 0;padding:20px 9px;} #em_tv_fun_mb .et_pb_image_wrap {height:500px;} } @media (max-width: 540px){ .linia-block{flex-direction: column;} .mobile-products-selects .linia-label-wrapper .custom-select-lbl{padding-top: 6px;text-align: center;} #em_hslmb .et_pb_slide, #emfbs1,#emmb1,#emontrS1,#emsaemS1, #em_cap_tv{ min-height: 590px; } #emhbkb .et_pb_main_blurb_image{ margin-bottom: 0; } #emhbkb .et_pb_main_blurb_image img{ width: 70%; } #em_en_left img{width: 70%!important; max-width: 62.3px;} #em_en_left #lg_em_energia{width: 80%!important; margin-top: 15px;} #emhbkb .et_pb_blurb_container h2{ font-size: 24px!important; } #emhbkb .emhbl span{ height: 53px; } #emhbkb{height: 150px} /*#emhspks{ margin-top: -190px; }*/ } @media (max-width: 533px) { #ems1m{min-height: 582px; height: auto;} #ems2m{min-height: 480px; height: auto; padding: 0;} #ems2m input, #ems2m select{padding: 12px;} #ems3m{min-height: 533px; height: auto; padding: 0; } #ems4m{ height: auto; padding:30px 0; } #ems5m{ min-height: 800px; height: auto; padding: 50px 0; } #ems3f1m{padding: 80px 0 0;} #ems3f1m img{margin-top: 65px; } #em_hslmb .et_pb_slide, #emfbs1,#emmb1,#emontrS1,#emsaemS1, #em_cap_tv{ min-height: 582px; } footer #footer-bottom{ padding-top: 24px!important; } #footer-info{width: 100%;} /*Fibra*/ #emfbs6 .buttons a, #emfbs6_tb .buttons a, #emfbs6_mb .buttons a{display:block;} #condicions-residencia{position:static; margin:0 auto; text-align:center;} } @media all and (max-width: 500px) { header .logo_container, .et_header_style_left #logo{ max-width: 150px!important;} header .em_menu_cl a{ padding: 16px 8px!important;border:2px solid #000;} .et-top-navigation{padding: 24px 10px 24px 10px;} #emsaemS3R1{padding:0;} #emsaemS3R1C1{padding:50px 50px 0px 50px;} header .em_menu_cl{padding-right: 5px;} #main-header .et_menu_container{width: 100%} #emhspks_c1 .et_pb_main_blurb_image img{ width: 65%; } #emontrS2R2{width: 90%;} #emfbs2 .preu{transform: translate(0%,-50%);position: relative;top: 50%;} #emhspks_c1 .et_pb_main_blurb_image{ margin-bottom: 0; } #emhspks_c1 .et_pb_blurb_container h2{ font-size: 22px!important; } #emhspks_c1 .emhbl span{ height: 53px; } #em_hslmb .et_pb_slide, #emfbs1,#emmb1,#emontrS1,#emsaemS1, #em_cap_tv{ min-height: 546px; } span.logo_helper{ height: 10%;} .container{width:95%; margin-top:10px;} #visordoc-titol{font-size: 22px!important;} #main-header .logo_container{ line-height:14px; } } @media all and (max-width: 480px) { h1, #emfbs1 h1, #emmb1_1 h1, #config-titles h1{ font-size: 24px!important; line-height: 26px; letter-spacing: 0px!important;} h2, #emfbs1 span, #emmb1_1 span, #emsaemS1 span{ font-size: 18px!important; line-height: 20px;} #emhspks_c1 .et_pb_blurb_container h2{ font-size: 18px!important; } #em_mes_inform p.em_titol{ font-size: 32px; line-height: 34px;} .logo_container{ height: 100px; } #emhbkb{ height: 120px; } #emhspks_c1 .emhbl span{ height: 53px;} /*#emhspks{ margin-top: -170px; }*/ #em_hpk_2{ margin-top: 20px!important; } #em_ic_c1, #em_ic_c2{width: 50%!important;} #emhspks_c1 .et_pb_main_blurb_image img{ width: 60%; } #packs-recomanats{ width: 93%!important; padding: 0 3%; } #em_ho_mot .et_pb_row, #em_mes_inform .et_pb_row, #emfbs3 .et_pb_row, #emfbs5 .et_pb_row, #emfbs2 .et_pb_row{ width: 95%;} .empkb, #footer-info{ width: 100%;} .emhbl{width: 100%; } #emhspks_c1 > div{ padding: 15px 0; } #emhspks_c1 .et_pb_main_blurb_image, #em_ic_c1, #em_ic_c1 .et_pb_module, #em_ic_c2 .et_pb_module{ margin-bottom: 0; } #emhspks, #em_ho_mot{ padding-bottom: 0;} #em_h_avan{display: none;} #em_hslmb .et_pb_slide, #emfbs1,#emmb1,#emontrS1,#emsaemS1, #em_cap_tv{ min-height: 525px; } #contractador{margin-top:25px!important;} } @media all and (max-width: 479px) { body.page-id-29473.et_cover_background, body.page-id-28909.et_cover_background, body.page-id-29183.et_cover_background, body.page-id-29367.et_cover_background, body.page-id-28919.et_cover_background, body.page-id-29631.et_cover_background{background-size:250% !important;} #mobil-tarifa-legal{margin-top:0px;} #emfbs5{background-position-y:-100px; background-size: 350%} #pasos-contractador #title-message h1 {font-size: 40px !important;} #bloq-notificacions-menu .et_pb_column_1{border:none; margin-bottom: 20px !important;} } @media (max-width: 475px){ #em_cap_tv{max-height: inherit;min-height: auto; } #em_cap_tv .header-content{width: 90%;} #em_tv_fun_mb .et_pb_image_wrap {height:440px;} footer #footer-bottom{ padding-top: 24px!important; } #visordoc-titol{font-size: 20px!important;} } @media all and (max-width: 468px) { #emfbs2 .et_pb_blurb .et_pb_blurb_description{display: flex; flex-direction: column; } #emfbs2 .et_pb_blurb .blurb-right{width: 200px; margin:0 auto;} #emfbs2 .et_pb_blurb .blurb-right .preu{transform: translate(0,0); position:static;margin-top:10px;} #em_hslmb .et_pb_slide, #emfbs1,#emmb1,#emontrS1,#emsaemS1, #em_cap_tv{ min-height: 511px; } } @media all and (max-width: 450px){ .on-trobar-block{ flex-direction: column;} .emagina-tenda-poble img { max-width: 130px; margin: 0 auto; text-align: center; display: block;} .info-tenda{padding:0;} .emagina-tenda-poble .poblacio {padding-left:0;padding-top:15px;} .nom-tenda{min-height: auto;} #em_hslmb .et_pb_slide, #emfbs1,#emmb1,#emontrS1,#emsaemS1, #em_cap_tv{ min-height: 492px; } #visordoc-titol{font-size: 18px!important;} } @media (max-width:430px){ #ems5m{background-size: 120%;min-height: 640px;background-position-y: 65%;} #em_hslmb .et_pb_slide, #emfbs1,#emmb1,#emontrS1,#emsaemS1, #em_cap_tv{ min-height: 470px; } footer #footer-bottom{ padding-top: 50px } } @media (max-width: 425px){ #em_tv_fun_mb .et_pb_image_wrap {height:400px;} #em_cap_tv .header-content{width: 100%;} #em_cap_tv .et_pb_fullwidth_header_container{width: 98% !important} #premium-channels-modal .popup-channel{width: 100%;padding-top: 10px;} #premium-channels-modal .popup-header-logo{width: 100%;} } @media all and (max-width: 416px) { #et-top-navigation{ padding-left: 0px !important;} .ems_menu_tlfn a{padding: 8px 5px 8px 5px !important;} footer { height: 150px; background: url(https://extranet.estabanell.com/wp-content/uploads/2019/01/footer_bkg_416x150.png)!important;} footer #footer-bottom{ padding-top: 44px!important; } #em_hslmb .et_pb_slide, #emfbs1,#emmb1,#emontrS1,#emsaemS1, #em_cap_tv{ min-height: 455px; } } @media all and (max-width: 390px){ #modificar-seleccio-btn {margin: 0 auto;float: none;width: 100px;text-align: center;margin-top: 5px;} #visordoc-titol{display: none;} } @media all and (max-width: 380px){footer #footer-bottom{ padding-top: 40px!important}} @media all and (max-width: 375px){ #modalCoberturaFibra.modal .main-result-msg {flex-direction: column-reverse;} #modalCoberturaFibra.modal .main-result-msg .msg{position: static;top: 0;transform: none;} #em_hslmb .et_pb_slide, #emfbs1,#emmb1,#emontrS1,#emsaemS1, #em_cap_tv{ min-height: 410px; } #em_tv_fun_mb .et_pb_image_wrap {height:350px;} footer { height: 170px; background: url(https://extranet.estabanell.com/wp-content/uploads/2019/02/footer_bkg_416x170.png)!important; } footer #footer-bottom{ padding-top: 40px!important; } } @media (max-width: 355px){ #emsaemS3R1C1{ padding: 50px 30px 0px 30px;} #em_hslmb .et_pb_slide, #emfbs1,#emmb1,#emontrS1,#emsaemS1, #em_cap_tv{ min-height: 355px; } } @media (max-width: 350px){ #emfbs5{background-position-y:-100px; background-size: 400%;} #emsaemS1 .et_pb_module_header{font-size:60px !important;} #em_hslmb .et_pb_slide, #emfbs1,#emmb1,#emontrS1,#emsaemS1, #em_cap_tv{ min-height: 382px; } } @media (max-width:330px){ #ems5m{min-height: 560px; background-position-y: 95%;} #em_hslmb .et_pb_slide, #emfbs1,#emmb1,#emontrS1,#emsaemS1, #em_cap_tv{ min-height: 360px;} } @media (min-width:320px) and (max-width: 767px) { #ems4mb,#ems4_2mb,#ems4_3mb,#ems4f2mb,#ems4_2f2mb,#ems4_3f2mb,#ems4_3f1mb{padding-top:0px;} #ems4f1mb{padding-top:2%;} #ems4f1mb,#ems4_2f1mb,#ems4_3f1mb{padding-bottom:0px;} #ems4f2mb, #ems4_2f2mb, #ems4_3f2mb {min-width:98%;} } @media (min-width: 320px) { #ems1m{min-height: 540px; height: auto;} #ems1f1tm{ margin-bottom:0!important;} } @media (max-width:980px){ .home #emhspks{margin-top:0;} } button .btn-prspst{display: none!important;} /* Sol. menu castellà */ @media (max-width:1340px){ html[lang=es-ES] #et-top-navigation{padding-left:0 !important;} html[lang=es-ES] .menu-item{margin-right:5px !important;} } html[lang=es-ES] .pps{font-size:15px;} #top-menu .ems_menu_tlfn.ems_menu_tfn2{display:none!important;} #top-menu .ems_menu_tlfn.ems_menu_tfn3{display:none!important;} .page-id-40258 #top-menu .ems_menu_tlfn.ems_menu_tfn1, .page-id-40200 #top-menu .ems_menu_tlfn.ems_menu_tfn1, .page-id-40045 #top-menu .ems_menu_tlfn.ems_menu_tfn1, .page-id-40040 #top-menu .ems_menu_tlfn.ems_menu_tfn1{display:none!important;} .page-id-40258 #top-menu .ems_menu_tlfn.ems_menu_tfn2, .page-id-40200 #top-menu .ems_menu_tlfn.ems_menu_tfn2, .page-id-40045 #top-menu .ems_menu_tlfn.ems_menu_tfn2, .page-id-40040 #top-menu .ems_menu_tlfn.ems_menu_tfn2{display:inline-block!important;} .page-id-40952 #top-menu .ems_menu_tlfn.ems_menu_tfn3{display:inline-block!important;} /**/ .selection-icon, .selection-img-wrapper .block-icon{width: 30px; display: inline-block; margin:0;} .selection-img-wrapper .block-icon{float: left;} #log_consultes{ width: 100%; border-collapse: collapse; } #log_consultes th, #log_consultes td { padding: 8px; border: 1px solid black; /* Borde de 1px negro */ } #log_consultes tr:nth-child(even) { background-color: #f2f2f2; /* Color de fondo para las filas pares */ } #log_consultes th { background-color: #333; /* Color de fondo para el encabezado */ color: white; /* Color del texto para el encabezado */ } #log_consultes tbody { text-align: left; /* Alineación del texto a la izquierda */ } /* Estilos para la paginación */ .pagination { margin-top: 20px; text-align: center; } .pagination .page-numbers { display: inline-block; padding: 8px 12px; margin: 0 4px; border: 1px solid #ddd; background-color: #fff; color: #333; text-decoration: none; border-radius: 4px; } .pagination .page-numbers:hover { background-color: #f5f5f5; } .pagination .current { background-color: #000; color: #fff; border-color: #000; } .pagination .next, .pagination .prev { display: inline-block; padding: 8px 12px; margin: 0 4px; border: 1px solid #ddd; background-color: #fff; color: #333; text-decoration: none; border-radius: 4px; } .pagination .next:hover, .pagination .prev:hover { background-color: #f5f5f5; } .page-id-62 .container{width: 100%; max-width: 100%; padding:0 30px;} #filtre { background-color: #fff; color: #000; padding: 20px; border-radius: 5px; width: 300px; margin: 25px auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } #filtre label { display: block; margin-bottom: 10px; font-weight: bold; } #filtre select { width: 100%; padding: 10px; margin-bottom: 20px; border: none; border-radius: 5px; background-color: #666; color: #fff; font-size: 16px; } #filtre input[type="submit"] { width: 100%; padding: 10px; border: none; border-radius: 5px; background-color: #222; color: #fff; font-size: 16px; cursor: pointer; transition: background-color 0.3s ease; } #filtre input[type="submit"]:hover { background-color: #000; } .flex-container { display: flex; justify-content: center; align-items: center; } .col-6 { flex: 0 0 50%; padding: 10px; /* Ajusta según sea necesario */ box-sizing: border-box; } /* #crea-pack{display: none!important} #pressuMobil, #crea-pack{ display:none!important; }*/ .rol-consultor #pressuMobil, .rol-subscriptor #pressuMobil, .rol-comercial #pressuMobil, .rol-respcom #pressuMobil, .rol-consultor #crea-pack, .rol-subscriptor #crea-pack, .rol-comercial #crea-pack, .rol-respcom #crea-pack { display:none!important; } /**/ /**/ #contractador { width:98%; } #contractador h1, #dadesPressupost h1 {font-family: CircularXXBold; font-style: normal!important; letter-spacing: -4px;} #contractador h2 {font-family: CircularXXBold; font-style: normal!important; letter-spacing: 0px;} #contractador .lbl-block-title{ font-family: CircularXXBold; letter-spacing: -1px;} #contractador .block-content .lbl, #contractador .product-title {font-family: CircularXXBook; font-size: 15px!important;} #contractador .em_mes_mob1, #contractador .custom-select-lbl, #contractador .select-selected{ font-family:CircularXXBook; font-size:15!important; } #contractador .linia-label-wrapper .custom-select-lbl{ font-size:16px; } #contractador .linia-label-wrapper{ min-width:60px; } #contractador #resum-selections .block{background: #ededed;} #contractador #form-contractacio .selections-text span{font-family:CircularXXBook; font-size: 16px!important;} #contractador .total-preu-wrap{ max-width:85%; } #contractador .select-selected{ padding: 8px 6px; font-size: 16px;} #modal-prod_grup p, #modal-prod_grup label{color:#000} #contractador #mobil-group .select-items div{ font-family: CircularXXBook; padding:5px 0px; } #contractar #form-contractacio .selections-text{font-family: CircularXXBold; font-size:16px;} #contractador #mobil-group .select-selected::after{ right:0; } #contractador .select-items div span{font-size: 16px;} #contractador #more-linies-msg p{font-size:16px;} /**/ #dadesPressupost p, #dadesPressupost input{ font-family: CircularXXBook;} #dadesPressupost h1, h2 { font-family: CircularXXBold; color: #000; font-weight: bold; margin-bottom: 10px;} #dadesPressupost hr { border: 0; border-top: 1px solid #ccc; margin: 20px 0;} /* Apartats específics */ #dadesPressupost #presupost-form-wrap {margin: 20px auto;max-width: 800px;padding: 20px;background-color: #f9f9f9; border-radius: 10px;} /* Formulari */ #dadesPressupost #presupost-form {display: flex;flex-direction: column;gap: 10px;} /* Camp de text */ #dadesPressupost textarea, #dadesPressupost input[type="text"], #dadesPressupost input[type="email"] {width: 100%;padding: 10px;border: 2px solid #ccc; /* Bordes grisos per als camps */border-radius: 9px;font-size: 14px;} /* Estil dels labels i input de la forma */ #dadesPressupost .form-row {display: flex;gap: 5px;margin-bottom: 0px;} #dadesPressupost .form-input {flex: 1;} #dadesPressupost .form-input input {width: 100%;} /* Checkbox i l'ítem d'entrada */ #dadesPressupost input[type="checkbox"] {margin-right: 10px;} /* Text informatiu */ #dadesPressupost .info-form {font-size: 14px;color: #666; margin-bottom: 15px;} /* Comentaris */ #dadesPressupost #comentaris {height: 100px;border: 2px solid #ccc;border-radius: 9px;padding: 10px;font-size: 14px;} /* Espai entre les seccions */ #dadesPressupost .form-row + .form-row {margin-top: 0px;} /* Secció de telèfons i portabilitats */ #dadesPressupost .portabilitats, #dadesPressupost .cups {background-color: #f1f1f1; /padding: 15px;border-radius: 9px;} #dadesPressupost .portabilitats input, #dadesPressupost .cups input {width: 100%;padding: 10px;border: 2px solid #ccc;border-radius: 9px;} /* Botons */ #dadesPressupost button, #dadesPressupost .btn {background-color: #333; color: #fff; border: none;padding: 12px 20px;border-radius: 5px;font-size: 16px;cursor: pointer;width: 100%;margin-top: 20px;} #dadesPressupost button:hover, #dadesPressupost .btn:hover {background-color: #555; } /* Missatge d'èxit */ #dadesPressupost #email-sent-message {background-color: #e6ffe6; padding: 20px;border: 2px solid #66cc66;border-radius: 9px;text-align: center;} #dadesPressupost #email-sent-message a {background-color: #333;color: #fff;padding: 10px 15px;text-decoration: none;border-radius: 5px;} #dadesPressupost #email-sent-message a:hover {background-color: #555;} @media (min-width:741px) { .flex-container{ flex-wrap:wrap; } .col-6 { flex: 0 0 50%; /* Cada columna ocupa el 100% del ancho */ } } @media all and (max-width: 740px){ .flex-container{ flex-wrap:wrap; } .col-6 { flex: 0 0 100%; /* Cada columna ocupa el 100% del ancho */ } } /*HEADER*/ .et_header_style_left #et-top-navigation{ padding-top:0!important; } #logo{max-height: 25px!important;} header, header .et_menu_container{height: 50px!important;} header #top-menu li a{ font-size:14px!important } .et_header_style_left #et-top-navigation .mobile_menu_bar{padding-top: 10px;} .mobile_menu_bar::before{color:#000;} .et_mobile_menu{border-top: 3px solid #000} .container{margin-top: 0!important;} #et-main-area{padding-top: 10px;} /*Footer*/ #footer-widgets{display:none} #body footer{line-height: 10px;}