/* last modified Mon, 30 Sep 2024 13:47:03 GMT */  @font-face { font-family: 'sm-icon'; src: url('/assets/fonts/sm-icon.eot?jlmr14'); src: url('/assets/fonts/sm-icon.eot?jlmr14#iefix') format('embedded-opentype'), url('/assets/fonts/sm-icon.ttf?jlmr14') format('truetype'), url('/assets/fonts/sm-icon.woff?jlmr14') format('woff'), url('/assets/fonts/sm-icon.svg?jlmr14#sm-icon') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Material-Design-Iconic-Font'; font-style: normal; font-weight: 400; src: url(/assets/fonts/Material-Design-Iconic-Font.eot); src: local('Material-Design-Iconic-Font'), local('Material-Design-Iconic-Font'), url(/assets/fonts/Material-Design-Iconic-Font.woff2) format('woff2'), url(/assets/fonts/Material-Design-Iconic-Font.woff) format('woff'), url(/assets/fonts/Material-Design-Iconic-Font.ttf) format('truetype'); } html, body { padding: 0; margin: 0; background-color: #fff; font-size: 62.5%; font-size: 13px; } body { font-family: 'Roboto', sans-serif; font-weight: 400; line-height: 1.42857143; color: #5e5e5e; overflow-x: hidden; } @media (max-width:575px) { html, body { font-size: 14px; } } body > footer { margin-top: 80px; } body main > .container { text-align: left; margin-top: 15px; } @media (min-width:768px) { body main > .container { margin-top: 22px; } } body.loadbymodal main > .container { margin-right: auto; margin-left: auto; margin-top: 0; padding-left: 0px; padding-right: 0px; } .loadbymodal main table ul, .modal-body p ul, .modal-body dl ul { padding-left: 20px; } .modal-body dt { background-color: #d7d7d7; padding: 2px 5px 1px 5px; margin-top: 2px; } .modal-body dd { padding: 0px 5px 1px 5px; } .modal-body .dl-horizontal dt { text-overflow: clip; white-space: normal; } .modal-body dd { padding-top: 3px; } @media (max-width:767px) { .modal-body dl.dl-horizontal dd { background: #efefef; } } @media (min-width:768px) { .modal-body dl.dl-horizontal dd:nth-of-type(odd) { background: #efefef; } } .sans-serif a, .sans-serif { font-family: 'Roboto', sans-serif; } .sans a, .sans { font-family: 'Roboto Slab', serif; } .fs17 { font-size: 17px; } .f-w-300 { font-weight: 300; } .m-t-0 { margin-top: 0px !important; } .m-t-10 { margin-top: 10px; } .m-t-15 { margin-top: 10px; } .m-t-20 { margin-top: 20px; } .m-t-25 { margin-top: 25px; } .m-t-30 { margin-top: 30px; } .m-t-40 { margin-top: 40px !important; } .m-t-50 { margin-top: 50px !important; } .m-t-60 { margin-top: 60px !important; } .m-b-0 { margin-bottom: 0px; } .m-b-10 { margin-bottom: 10px; } .m-b-15 { margin-bottom: 15px; } @media (max-width: 767px) { .form-group.m-b-15 { margin-bottom: 20px; } } .m-b-20 { margin-bottom: 20px; } .m-b-25 { margin-bottom: 25px; } .m-b-30 { margin-bottom: 30px; } .m-b-40 { margin-bottom: 40px; } .c-b { color: #113F96; } .c-r { color: #d10026; } .c-n { color: #1a1a1a; } .c-g { color: #999999; } .c-black { color: #000000; } .f-s-12 { font-size: 12px; } .f-s-13 { font-size: 13px; } .f-s-14 { font-size: 14px; } .f-s-15 { font-size: 15px; } .nowrap { white-space: nowrap; } .wrapnormal { white-space: normal; } .clear-left { clear:left; } .main_breadcrumb { min-height: 40px; line-height: 40px; border-bottom: 1px solid #d7d7d7; } hr { border-top: 1px solid #d7d7d7; } .section-separator::before { position: relative; display: block; right: 0; left: 0; top: -20px; border-top: 1px solid #d7d7d7; } @media (min-width: 768px) { hr.only-border-xs { border: 0px; } } main hr { margin: 20px 0 30px 0; } .btn-xs { padding-top: 5px; padding-bottom: 5px; } .container-1200, .max-fluid { max-width: 1200px; margin: auto; } @media (min-width:992px) { .submenu-bg { border-bottom: 1px solid #efefef; } #page-start .submenu-bg { border-bottom: 0px; } .submenu-bg.show-submenu-bg, #page-cards-about .submenu-bg, #page-cards-about-new .submenu-bg, #page-Solicita-tu-tarjeta .submenu-bg, #page-descuentos-efectivo .submenu-bg, #page-cards-financing .submenu-bg, #page-cards-premio .submenu-bg, #page-discounts-map-list-cat .submenu-bg, #page-discounts-map-list .submenu-bg, #page-discounts-details .submenu-bg, #page-discounts-details-slug .submenu-bg, [id^="page-cards-new"] .submenu-bg, [id$="-insurance"] .submenu-bg, [id^="page-insurance-"] .submenu-bg { height:41px; min-height:41px; display: block; background-color: #efefef; border-bottom: 0px solid #efefef; } } h1, h2, h3, h4 { font-family: 'Roboto', serif; font-weight: 400; } h1 { font-size: 32px; color: #113F96; } h2 { font-size: 23px; color: #113F96; } h1.section-title, h2.section-title { line-height: 1.2em; font-weight: 400; color: #113F96; margin: 40px 0 30px 0; padding: 0; letter-spacing: 0px; position: relative; text-align: left; overflow: hidden; } h1.section-title, h2.section-title { font-size: 23px; } h3 { color: #113F96; } @media (max-width: 767px) { h2.section-title { font-size: 18px; margin: 30px 0 20px 0; } .text-justify ul, .text-justify table, .text-justify h1,.text-justify h2,.text-justify h3, .text-justify h4,.text-justify h5,.text-justify h6 { text-align: left; } } @media (max-width: 576px) { h2.section-title { font-size: 17px; margin: 30px 0 20px 0; } } h1.section-title:after, h2.section-title:after { content: ''; border-bottom: 1px solid #113F96; position: absolute; bottom: 0.5em; width: 100%; margin: 0 0 0 15px; } .section-bottom { margin-bottom: 60px; } .underline { text-decoration: underline; } .checkbox label, .radio label { padding-left: 27px !important; position: relative; margin-right: 10px; } .radio label { color: #999999; } .radio .input-helper:before, .checkbox .input-helper:before { top: 2px; width: 15px; height: 15px; left: 5px; } .checkbox .input-helper::before, .radio .input-helper::before { left: 0; border: 1px solid #ccc; background-color: #ffffff; } .radio .input-helper::before { border-radius: 7px; } .radio.requiered input[type="radio"]:not(:selected) + .input-helper::before, .checkbox.requiered input[type="checkbox"]:not(:checked) + .input-helper::before, .checkbox.requiered input[type="checkbox"]:not(:checked) + .input-helper::before { display: block; border-color: #2a78e4; background-color: #AEDEF4; } input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:active, input:-webkit-autofill:hover, input:-webkit-autofill:visited, textarea:-webkit-autofill, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:active, textarea:-webkit-autofill:hover, select:-webkit-autofill, select:-webkit-autofill:focus, select:-webkit-autofill:active, select:-webkit-autofill:hover { -webkit-box-shadow: none !important; transition: background-color 5000s ease-in-out 0s !important; } .call-requestxx input.form-control.requiered { background-color: #FFFFCB !important; } form .alertinfo { font-family: 'Roboto', sans-serif; font-size: 13px; color: #2a78e4; line-height: 1em; display: none; opacity: 0; transition: all 0.5s linear; white-space: nowrap; position: relative; top: 5px; left: 0px; margin-left: 1px; margin-bottom: 6px; } form .checkbox .alertinfo { top: 3px; } form .alertinfo .fa-angle-right { font-weight: 600; } @media (max-width: 767px) { form .alertinfo { white-space: normal; line-height: 1.4em; } form .checkbox .alertinfo { top: 2px; } } form .checkbox.requiered .alertinfo, form .requiered + .alertinfo { display: block; opacity: 1; } .radio input, .checkbox input { width: 17px; height: 17px; display: block; visibility: hidden; } .radio input:checked + .input-helper:after, .checkbox input:checked + .input-helper:after { -webkit-transform: scale(1) rotate(-50deg); -ms-transform: scale(1) rotate(-50deg); -o-transform: scale(1) rotate(-50deg); transform: scale(1) rotate(-50deg); opacity: 1; filter: alpha(opacity=100); } .radio input:checked + .input-helper::before, .checkbox input:checked + .input-helper::before { borderx: 0px solid #ccc; } .radio .input-helper:after, .checkbox .input-helper:after { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0) rotate(80deg); -ms-transform: scale(0) rotate(80deg); -o-transform: scale(0) rotate(80deg); transform: scale(0) rotate(80deg); width: 22px; height: 9px; border-bottom: 2px solid #009688; border-left: 2px solid #009688; border-bottom-left-radius: 2px; left: -1px; top: 1px; left: 1px; top: -1px; } .checkbox .input-helper:before, .radio .input-helper:before, .checkbox .input-helper:after, .radio .input-helper:after { -webkit-transition: all; -o-transition: all; transition: all; -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; position: absolute; content: ""; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn { background-color: #d10026; border: 1px solid #d10026; border-radius: 5px; box-shadow: none !important; color: #ffffff !important; cursor: pointer; font-family: 'Roboto', sans-serif; font-weight: 400; text-align: center; padding: 6px 12px; font-size: 13px; } .btn.disabled{ color: #cccccc !important; } .btn2.disabled { background-color: #f4f4f4; border: 1px solid #ddd; } @media (max-width:551px) { .btn { padding: 10px 12px; font-size: 16px; line-height: 1em; } main .btn { padding: 6px 12px; line-height: 1.4em; white-space: normal; } } .btn-lg { padding: 8px 30px; font-size: 17px; line-height: 1.3333333; } @media (min-width: 320px) and (max-width: 359px){ body .btn-lg { width: 100%; } } @media (min-width: 360px) and (max-width: 424px){ body form .btn-lg { width: auto; min-width: 80% !important; } } .btn-blue { background-color: #113f96; border: 1px solid #113f96; } .btn2 { background-color: #113f96; border: 1px solid #113f96; box-shadow: none; } .btn3 { background-color: #d10026; border: 1px solid #d10026; box-shadow: none; } .btn:hover { color: #d10026 !important; background-color: #fff; } .btn-primary-reverse { background-color: #ffffff; color: #113f92 !important; border: 1px solid #113f92; } .btn-primary-reverse:hover:hover, .btn-primary-reverse:focus:hover, .btn-primary-reverse.focus:hover, .btn-primary-reverse:active:hover, .btn-primary-reverse:focus:focus, .btn-primary-reverse.focus:focus, .btn-primary-reverse.focus:hover, .btn-primary-reverse.focus:focus, .btn-primary-reverse.focus.focus, .btn-primary-reverse.focus:active .btn-primary-reverse:active:focus, .open > .dropdown-toggle.btn-primary-reverse:focus, .open > .dropdown-toggle.btn-primary-reverse:hover, .btn-primary-reverse:hover:focus, .open > .dropdown-toggle.btn-primary-reverse.focus { color: #113f92; background-color: #ffffff; border: 1px solid #113f92; color: #ffffff !important; background-color: #113f92; border: 1px solid #113f92; cursor: pointer; } body .btn-banner{ font-size: 20px; font-weight: 400; border-radius: 5px; margin: 0; padding: 10px 45px; } @media (min-width: 360px) and (max-width: 424px){ body .btn-banner{ padding: 10px 75px; } } @media (min-width: 320px) and (max-width: 359px){ body .btn-banner{ padding: 10px 53px; } } body .btn-section{ font-size: 17px; font-weight: 400; margin: 45px 0 20px 0; border-radius: 5px; } #chat-widget-container { z-index: 10 !important; } #cookies { position: fixed; bottom: 0; z-index: 9999; width: 100%; } #boxCookies { position: relative; background-color: #113f96; text-align: center; padding-top: 15px; padding-bottom: 5px; } #boxCookies p { color: #FFF; } #boxCookies a { color: #FFF; text-decoration: underline; } #boxCookies button { padding: 8px 20px; text-align: left; background-color: #113f96; box-shadow: 0 0 0 4px #113f96; box-shadow: none !important; } #boxCookies button:hover, #boxCookies button:focus { color: #113f96 !important; background-color: #fff; } #cookies .btn { border-color: #ffffff; } .containerCookies { padding: 0; } #boxCookies .cookies-close { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; text-decoration: none; width: 32px; height: 32px; line-height: 32px; background: #113f96; position: absolute; right: 0px; top: 0px; border-radius: 15px; cursor: pointer; box-sizing: border-box; } #boxCookies .cookies-close .fa { position: relative; top: -1px; font-size: 13px; line-height: 13px; color: #fff; font-weight: 400; } @media (max-width: 650px){ #boxCookies { text-align:left; } #boxCookies p { padding-left: 0; } #boxCookies .cookies-close.visible-xs { display: none !important; } #boxCookies button { margin-top: 35px; } } .condition-info-text, .button-info-text { margin-top: 15px; font-family: 'Roboto', sans-serif; font-size: 12px; line-height: 1.2em; color: #999; } #tituloCondiciones h1 { margin-bottom: 18px; color: #113F96; font-size: 32px; font-weight: 400; letter-spacing: 0px; position: relative; text-align: left; overflow: hidden; } #row1SelectorIslas { margin: 0 auto; } #desdeDonde { text-align: center; margin-top: -10px; } #desdeDonde h1 { font-size: 25px; margin-top: 25px; } #selectorIslas { margin-top: 0px; } #logotipoSelector img { margin: 10px auto; width: 100px; } #canarias { padding-left: 15px; padding-right: 5px; position: relative; } #baleares { padding-left: 5px; padding-right: 15px; position: relative; } #peninsula { padding-left: 10px; margin-top: 2%; margin-left: 1%; position: relative; } #selectorIslas .islas-item { padding: 0px; min-height: 385px; margin: 20px; width: calc(33.333% - 40px); } #selectorIslas .islas-item { } #selectorIslas .islas-item .selectorIslas-title { display: block; margin: auto; padding: 65px 0px 0px; text-align: center; font-size: 1.6em; letter-spacing: 0.5px; font-weight: 600; } #selectorIslas .islas-item .selectorIslas-map { display: block; margin: 25px auto; width: 100%; height: 150px; } #selectorIslas .islas-item .selectorIslas-select { position: relative; margin: 10px auto !important; position: relative; text-align: center; } #selectorIslas .islas-item .selectorIslas-select .dropdown-menu { margin: initial; position: absolute; top: 50px; left: calc(50% - 110px); max-width: 220px; width: 100%; padding: 0px; } #selectorIslas .islas-item .selectorIslas-select .dropdown-menu > li > a { padding: 10px 20px; font-size: 1.2em !important; border-bottom: 1px solid #ddd; } #selectorIslas .islas-item .selectorIslas-select .dropdown-menu > li:last-of-type > a { border-bottom: 0px; } #selectorIslas .islas-item .selectorIslas-select .dropdown-menu > li > a:hover, #selectorIslas .islas-item .selectorIslas-select .dropdown-menu > li > a:visited, #selectorIslas .islas-item .selectorIslas-select .dropdown-menu > li > a:active { font-weight: 600; color: #113f96; } #selectorIslas .islas-item .selectorIslas-select .btn{ padding: 5px 20px; font-size: 1.2em; } @media (max-width: 650px) { #selectorIslas .islas-item { display: block; float: initial; clear: both; width: calc(240px); margin: 0px auto; min-height: initial; height: 265px; background-size: 100%; } #selectorIslas .islas-item .selectorIslas-title { padding-top: 40px; font-size: 1.2em; } #selectorIslas .islas-item .selectorIslas-map { margin: 10px auto; max-width: 215px; height: 100px; } } .botonSelector { min-width: 82px; width: 82px; text-align: center; height: 31px; font-size: 13px; line-height: 1.3; color: #d10026; appearance: button; -moz-appearance: button; -webkit-appearance: button; } #contenedorSelectorCanarias { position: relative; text-align: center; margin-top: -42px; } #contenedorSelectorBaleares { position: relative; text-align: center; margin-top: -42px; } #contenedorSelectorPeninsula { position: absolute; text-align: center; margin-top: -44px; margin-left: 24%; } #contenedorSelectorCanarias ul { margin-top: -20px; margin-left: 89px; } .form { text-align: left; } .form #email { font-weight: 400; } .form .inputfile { width: 0.1px; height: 0.1px; opacity: .5; overflow: hidden; position: absolute; z-index: -1; } .form .inputfile-info { color: #999999; font-size: 0.85em; line-height: 1.1em; margin-bottom: 10px; margin-top: -5px; } .form .inputfile + label { cursor: pointer; margin-bottom: 10px; } @media (max-width:767px) { .form .inputfile-info { clear: none; display: inline-block; } .form .inputfile + label { cursor: pointer; margin-bottom: 15px; } } .form .inputfile:focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; } .form .inputfile + label * { pointer-events: none; } .inputfile + label { font-weight: 400; color: #ffffff !important; background-color: #113f92; display: inline-block; padding: 5px 15px; border-radius: 5px; margin-right: 5px; } .inputfile + label::before { content: '\f093'; font-family: FontAwesome; margin-right: 5px; } .inputfile.selected + label::before { content: '\f0c6'; } .inputfile.selected ~ .inputfile-info { color: #113f92; } .inputfile:focus + label, .inputfile + label:hover { background-color: #2a78e4; } .form .form-group.has-error .form-control { margin-bottom: 0px; } .form .has-error .form-control, .form .has-error .form-control .btn-primary-reverse { border-color: #2a78e4; } .form .has-error .help-block, .form .has-error .control-label, .form .has-error .radio, .form .has-error .checkbox, .form .has-error .radio-inline, .form .has-error .checkbox-inline, .form .has-error.radio label, .form .has-error.checkbox label, .form .has-error.radio-inline label, .form .has-error.checkbox-inline label { color: #2a78e4; } .form .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #2a78e4; line-height: 1.15em; } .form .inputfile-info + .help-block { margin-top: -8px; } .form .help-block::before { content: '\f062'; font-family: FontAwesome; margin-right: 5px; } .form .bootstrap-select .dropdown-menu ul li.selected a.active { color: #113f92; color: #2a78e4; } .form .bootstrap-select .dropdown-menu ul li.selected a::after { content: '\f00c'; font-family: FontAwesome; text-align: right; display: inline-block; float: right; top: 2px; right: 20px; position: absolute; color: #999; } .form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width:100%; min-width:220px; } .form + .sweet-modal-confirm-info-box { border: 1px solid #cccccc; } .scroll-totop, #scroll-totop { clear:both; display: block; text-align: center; font-size: 3em; opacity: 0.5; } .scroll-totop:hover, .scroll-totop:focus, #scroll-totop:hover, #scroll-totop:focus { opacity: 0.7; } .cd-top { border-radius: 90px; background: rgba(0, 54, 156, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%; border: 0px solid #fff; box-shadow: none;; } @media print { #top, #top-bar, body > footer, #footer-items, #footer-brand { display: none; } } table { border-collapse: collapse; } body .dataTables_filter { display: none; } body.wdesarrollo .dataTables_filter { display: block; } .dataTables_wrapper .dataTables_filter input { border-radius: 0px !important; font-size: inherit !important; margin-left: 0em !important; padding-left: 6px !important; border-bottom: solid 1px #113f92 !important; } .dataTables_wrapper .dataTables_filter input:focus { border-bottom: solid 2px #113f92 !important; } .dataTables_wrapper .dataTables_filter input:focus::-webkit-input-placeholder { color: transparent !important; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .dataTables_wrapper .dataTables_filter input:focus::-moz-placeholder { color: transparent !important; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .dataTables_wrapper .dataTables_filter input:focus:-moz-placeholder { color: transparent !important; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } @media (max-width: 575px) { .dataTables_wrapper .dataTables_filter input { display: block !important; float: none !important; width: 100%; height: 40px !important; } .dataTables_wrapper .dataTables_filter > label { display: block !important; margin-bottom: 17px; } } .dataTable .infotext-financing, .dataTable .infotext-new { background-color: #D10026; color: #ffffff; float: right; padding: 1px 4px 0px 6px; font-size: 0.85em; letter-spacing: 0.075em; font-weight:400; } .dataTable .infotext-financing { font-size: 9px; letter-spacing: 0.0225em; background-color: #113f92; padding: 2px 4px 1px 5px; text-transform: uppercase; white-space: nowrap; } .dataTable td:hover .infotext-new, .dataTable td:hover .infotext-financing { background-color: transparent; } .infotext-label { color: #777777; } html:not(.ismobile) #page-loader-div .preloader p { white-space: nowrap; position: relative; left: -32px; top: 22px; color: #CCC; } html:not(.ismobile) #page-loader-div { background: #fff; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; } html:not(.ismobile) #page-loader-div .preloader { width: 50px; position: absolute; left: 50%; margin-left: -25px; top: 50%; margin-top: -55px; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 3000ms; animation-duration: 3000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .preloader:not([class*="pl-"]) { width: 40px; } .preloader::before { content: ''; display: block; padding-top: 100%; } .preloader { position: relative; margin: 0px auto; margin-top: 0px; margin-left: auto; display: inline-block; } .preloader::before { content: ''; display: block; padding-top: 100%; } svg:not(:root) { overflow: hidden; } .pl-circular { animation: rotate 2s linear infinite; height: 100%; transform-origin: center center; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } @keyframes rotate { 100% { transform: rotate(360deg); } } @keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } @keyframes color { 100%, 0% { stroke: #f44336; } 40% { stroke: #113f96; } 66% { stroke: #4caf50; } 80%, 90% { stroke: #ffc107; } } .preloader.pls-blue .plc-path { stroke: #113f96; } .preloader[class*="pls-"] .plc-path { animation: dash 1.5s ease-in-out infinite; } .plc-path { stroke-dasharray: 1, 200; stroke-dashoffset: 0; stroke-linecap: round; stroke-width: 2; stroke-miterlimit: 10; fill: none; } .grecaptcha-badge { visibility: hidden; }#page-start #top { background: white; box-shadow: none; border-bottom: 1px solid transparent !important; } #page-start #top-bar .menu-top-bar li { float: left; } #page-start #top-bar .menu-top-bar .hidden-sm { display: block !important; } #page-start h3.title-group { } #bannerWellcome .banner { background-color: #fff; background-image: url(../images/slide5.jpg); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; max-height: 400px; height: 400px; padding:10px; } #bannerWellcome .banner { position: relative; background-color: transparent; } #bannerWellcome .banner-content { position: absolute; top: auto; bottom: 15px; left: 60px; right: 15px } #bannerWellcome .banner-content h1 { color: #ffffff; font-size: 44px; margin-bottom: 10px; } #bannerWellcome .banner-content h2 { color: #ffffff; font-size: 28px; } #bannerWellcome .banner-content img { max-width: 200px; } #bannerWellcome .banner-content .ventajon-card { margin-top: 20px; } #bannerWellcome .banner-content .visit-from-box { max-width: 380px; padding: 5px 30px 10px 30px; background-color: rgba(255,255,255,0.5); } #bannerWellcome .banner-content .visit-from-box h2 { color: #113F96; font-size: 22px; margin-bottom: 0; } #bannerWellcome .banner-content .visit-from-box h3 { color: #d10026; font-size: 16px; } @media (max-width:556px) { #bannerWellcome .banner-content h1 { display: none; } #bannerWellcome .banner-content h2 { font-size: 15px; } #bannerWellcome .banner-content img { max-width: 150px; } #bannerWellcome .banner-content { bottom: 15px; left: 15px; top: auto; } #bannerWellcome .banner { max-height: 210px; background-position: 0 85%; background-image: url(../images/slide5mobile.jpg); } } @media (min-width:557px) and (max-width:767px) { #bannerWellcome .banner-content h1 { display: none; } #bannerWellcome .banner-content h2 { font-size: 28px; } #bannerWellcome .banner-content img { max-width: 180px; } #bannerWellcome .banner-content { top: auto; bottom: 15px; left: 30px; } #bannerWellcome .banner { max-height: 280px; background-position: right 85%; background-image: url(../images/slide5.jpg); } } @media (min-width:768px) and (max-width:991px) { #bannerWellcome .banner { background-position: right 85%; max-height: 350px; } } @media (min-width:992px) { #bannerWellcome .banner-content img { max-width: 200px; position:absolute; bottom: 0px; right: 240px; } } @media (max-width:556px) { #page-start h2.titulo { margin-top: 5px; } } #page-start h3 { color: #d10026; font-size: 18px; } #page-start ul { line-height: 2em; } #page-start .visit-from-box ul a { text-decoration: underline; } .page-start-footer { margin-top: 15px !important; } @media (max-width:767px) { .page-start-footer .list-inline > li { display: block; } #page-start ul { line-height: 2.5em; } .page-start-footer { line-height: 2em; margin-top: 10px !important; } } @media (min-width:768px) { .page-start-footer li:not(:first-child) > span::before, .page-start-footer li:not(:first-child) > a::before { content: '|'; color: #aaa; position: relative; left: -5px; } } #page-error-404 h1 { } #page-error-404 h2 { color: #113F96; font-size: 24px; } #page-error-404 h3 { color: #d10026; font-size: 18px; } #page-error-404 .visit-from-box { background-color: #efefef; padding: 10px 30px 10px 30px; margin-top: 20px; } .slogan p { color: #D10026; font-size: 30px; margin: 0px auto 0px auto; color: #d10026; white-space: nowrap; line-height: 2.5em; } .partner-logos-label { font-family: "Roboto", "sans-serif"; font-size: 13px; font-weight: 400; text-align: left; } .partner-logos-container { border-left: 1px solid #cccccc; margin-bottom: 30px } .partner-logos .img-partner { width: 19%; margin-left: 2px; } .savings { white-space: nowrap; } @media (max-width: 1110px) { .slogan p { font-size: 26px !important; } } @media (max-width: 991px) { .slogan p { font-size: 30px !important; text-align: center; margin: 0px auto 10px auto; } } @media (max-width: 767px) { .slogan p { font-size: 19px !important; margin: 0px auto 0px auto; } } @media (max-width: 360px) { .slogan p { font-size: 17px !important; } } @media (max-width: 320px) { .slogan p { font-size: 16px !important; } } .millones { font-size: inherit; } .home-content { margin-top: 20px; } .carousel-home { top: 0; }  @media (min-width: 992px) { .row.flextable {     height:100%; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .row.flextable .section-box { display: block; height: 100%; } .row.flextable [class*=col-] {     display: table-cell;     vertical-align: top;     height: 100%; } } .section-box { border: 1px solid #d7d7d7; padding: 15px; } .section-box .section-container-img { height: 197px; height: 178px; height: 192px; overflow: hidden; } .section-box-content.bg-img { background-image: url("/assets/images/home/main/imagen-home-plan-proteccion-familiar.jpg"); background-size: cover; background-repeat: no-repeat; background-position: 10% 40%; } @media (max-width: 767px) { .section-box-content.bg-img{ background-position: 70% 50%; } } .section-box-content { min-height: 290px; position: relative; padding-bottom: 45px; position: relative; height: 100%; } @media (min-width: 768px) and (max-width: 991px) { .discount-map { margin-top: 30px; } .discount-map .section-box-content .container-image { text-align: right; background: #dfa900; } .discount-map .section-box-content .container-image img { width: 100%; height: auto; top: -70px; position: relative; } } @media (min-width: 992px) { } @media (min-width: 1200px) { .section-box-content { height: 95%; padding-bottom: 30px; } } .section-box-content.p-15 { padding: 15px; } .section-box-content .btn { bottom: 0px; position: absolute; font-size: 14px; } .section-box-content.p-15 .btn { bottom: 15px; } @media (min-width: 768px) and (max-width: 820px) { .section-box-content .btn { font-size: 13px; } } @media (max-width: 556px) { .section-box-content .btn { right: 0px; left: 0px; } .section-one .section-box-content .btn { right: 120px; } .section-box-content.p-15 .btn { right: 15px; left: 15px; } #section-home-insurances .btn { width: 100%; } } @media (max-width: 359px) { .section-one .section-box-content .btn { right: 94px; padding: 10px 6px 10px 6px; } .section-box .img-logo-partner img { max-width: 92px !important; margin-top: 3px; } } @media (max-width: 767px) { .section-box { margin-bottom: 30px; } } @media (min-width: 1200px) { .section-box { margin-bottom: 30px; } } .section-box h2 { margin: 0 0 15px 0 !important; text-transform: uppercase; font-weight: 300; } .section-box h2 small { vertical-align: top; color: #113F96; } .section-box h2 strong { font-weight: 600; } .section-box .container-image { overflow: hidden; max-height: 330px; margin: 5px 0 10px 0; vertical-align: middle !important; } .section-box .container-image img { margin: 0; padding: 0; vertical-align: middle !important; } .section-box .img-logo, .section-box .img-logo-partner { float: right; text-align: right; position: absolute; bottom: 0; right: 0; } .section-box .img-logo img { max-width: 85px; margin-top: 13px; margin-bottom: 3px; } .section-box .img-logo-partner img { max-width: 105px; margin-top: 3px; } @media (min-width:768px) and (max-width:992px) { .section-box .img-logo, .section-box .img-logo-partner { display: block; float: none; } .section-box .img-logo img { max-width: 85px; margin-top: 13px; margin-bottom: 13px; } .section-box .img-logo-partner img { max-width: 105px; margin-top: 3px; } } .section-box p:last-child { position: absolute; bottom: -33px; left: 0; } .section-box p > small { font-size: 80%; } .section-proteccion h2 { font-size: 30px; color: #113F96; border-bottom: 1px solid #113F96; padding-bottom: 15px; width: 144px; } .section-proteccion p { margin: 15px auto 0 auto; } @media (max-width: 767px) { .section-proteccion h2{ font-size: 20px; border: none; width: auto; padding-bottom: 0; } } @media (max-width:556px) { .slider-products-btn { width: 100%; } } #banner-tiendasonline { margin-top: 50px; background-color: #FFD354; text-align: center; } #banner-tiendasonline img { display: inline-block; } #section-home-smproducts .btn.btn-tiendasonline { font-size: 14px; margin-top: 20px; } @media (max-width:556px) { #section-home-smproducts .btn.btn-tiendasonline { width: 100%; } } #top { background: white; box-shadow: none !important; border-bottom: 1px solid #DBDBDB; } #top-bar .container-1200, #top-bar .max-fluid, #top .container-1200, #top .max-fluid { max-width: 1200px; margin: auto; } @media (min-width:992px) { #top { height: 85px; border-bottom: 0; } } @media (max-width:767px) { #top { position: fixed; width: 100%; z-index: 11; z-index: 90; top: 0; } body { padding-top: 56px; } body[id^="page-landing-promotion-"]{ padding-top: 0; } } body.loadbymodal { padding-top: 0px; } #top-bar [class^=col-] { padding: 0 15px 0 15px; } #top-bar, #top-bar input, #top-bar a, #top, #top input, #top a { font-family: 'Roboto', sans-serif; } #top-bar a { color: #113f96; } #top-bar a:hover { color: #0a6ebd; } #top #menu-ventajon .dropdown-menu.list-inline > li > a { } #top-bar { font-family: 'Roboto', sans-serif; background-color: #efefef; color: white; font-size: 14px; border-bottom: #cccccc; padding-top: 5px; position: relative; } #selectorIslas .btn, #top-bar .btn { font-family: 'Roboto',sans-serif; padding: 3px 12px 2px 12px; font-size: 12px; font-weight: 400; text-align: center; cursor: pointer; border: 1px solid #113f96; border-radius: 0px; box-shadow: none !important; margin-top: 0; } #selectorIslas .btn.select-market { color: #5e5e5e !important; } #selectorIslas .btn { margin-top: 3px; } #top-bar .droplogin { color: #fff !important; background-color: #113f96; border: 1px solid #113f96; box-shadow: none; font-size: 12px; padding: 3px 10px 0px 11px; margin: 3px 0 0 0; line-height: 1.5em; display: inline-block; min-height: 25px; } #top .live-search { display: none; position: absolute; } #top-bar .btn-sm { padding: 3px 10px 2px 10px; font-size: 12px; } #top-bar ul { margin: 0; } #top-bar li { font-family: 'Roboto', sans-serif; } #top-bar .menu-user-type { border-bottom: #cccccc; } #top-bar .menu-user-type ul { } #top-bar .menu-user-type > li { display: inline-block; padding-left: 0px; padding-right: 0px; } #top-bar .menu-user-type a { font-size: 12px; padding-left: 15px; padding-right: 15px; line-height: 34px; display: block; } #top-bar .menu-user-type a:hover, #top-bar .menu-user-type a:focus { color: #d10026; text-decoration: underline; } #top-bar .menu-user-type li.active { background-color: #ffffff; border: 1px solid #cccccc; border-width: 1px 1px 0 1px; } #top-bar .container { position:relative; padding-top:7px; } #top-bar .menu-top-bar { margin-top:1px; line-height: 30px; float: right; } #top-bar .menu-top-bar .tel { font-weight:600; } @media (max-width:830px) { .market-malaga #top-bar .menu-top-bar, .market-resto-de-peninsula #top-bar .menu-top-bar, .market-otras-provincias #top-bar .menu-top-bar, .market-otras-comunidades #top-bar .menu-top-bar, .market-baleares #top-bar .menu-top-bar, .market-mallorca #top-bar .menu-top-bar { display:none; } [id^="page-business"] #top-bar .menu-top-bar { display:block; } } @media (max-width:767px) { #top-bar .menu-top-bar { display:none; } } #top-bar .menu-top-bar li:nth-child(-n+1)::before { display: none; } #top-bar .menu-top-bar li { padding-left: 15px; padding-right: 15px; } #top-bar .menu-top-bar li::before { content: "|"; position: relative; font-size: 1rem; left: -16px; top: -1px; color: #666666; } #top-bar .menu-top-bar { color: #333333; } #top-bar .menu-top-bar, #top-bar .menu-top-bar a { font-family: "Roboto", "sans-serif"; font-size: 12px; } #top-bar .menu-top-bar a:hover { text-decoration: underline; } #top-bar .btn-app-download { color: #000000; border: 1px solid #000000; padding: 3px 5px 4px 5px; background-color: #FFFFFF; border-radius: 2px; } #top-bar .btn-client-attention { border-color: #000000; border-width: 0 1px 0 0; } #top-bar .btn-client-asistance { border-color: #000000; border-width: 0 1px 0 0; } #top-bar .container > div:nth-child(2n+1){ clearx:left; } #menu-ventajon #search-query.form-control { border-color: #113f96; } #menu-ventajon *::-moz-placeholder { font-size: 13px; } #searchtoggle { margin-right:12px; height:56px; line-height:56px; } #menu-ventajon .search { max-width: 290px; float:right; padding: 0; } #menu-ventajon .form-searchs { position: relative; margin: 0; } #menu-ventajon .search span { display: inline-block; vertical-align: middle; cursor: pointer; color: #113f92; } #menu-ventajon .search-bar { z-index: 1; width: auto; position: relative; top: 0; left: 0; margin: 0; display: block; padding: 0; } #menu-ventajon .icon-search { border-left: 0; position: absolute; top: 4px; right: 4px; cursor: pointer; min-width: 35px; padding: 0px; } #menu-ventajon [class^="sm-icon"], #menu-ventajon [class*="sm-icon"] { font-family: 'Material-Design-Iconic-Font'; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #menu-ventajon .icon-search::before { font-family: 'FontAwesome'; content: '\e904'; font-family: 'Material-Design-Iconic-Font'; content: '\f1c3'; color: #263e88; font-size: 25px; font-weight: 400; } .main-logo { width: auto; height: 36px; margin-top: 5px; margin-left: 5px; padding: 0px; margin-bottom: 10px; } @media (max-width: 767px) { .main-logo { margin-top: 10px; margin-left: 15px; margin-bottom: 5px; } } @media (max-width: 576px) { body:not(#page-start) .main-logo { margin-left: 5px; } } @media (max-width: 359px) { body:not(#page-start) .main-logo { margin-left: 0px; } } @media (min-width: 768px) { .main-logo { width: 140px; height: auto; margin: 0px 0px 10px 10px; } } @media (min-width: 992px) { .main-logo { width: 150px; margin: 0px 70px 10px 0px; } } @media (min-width: 992px) and (max-width: 1024px) { .main-logo { margin-right: 40px; } } #menu-ventajon button:hover, button:active, button:focus, #menu-ventajon a:hover, a:active, a:focus { outline: none; } #cart-trigger2 > span:hover { text-decoration: underline; } #menu-ventajon button::-moz-focus-inner { border: 0; } #top-bar #cart-trigger2 { float: right; margin-left: 30px; line-height: 30px; max-height: 30px; font-size: 13px; color: #113f96; margin-right: 0px; margin-top: 1px; } #top-bar #cart-trigger2 .fa { margin-right: 3px; } #top-bar .loginuser::before, #top-bar #cart-trigger2::before { color: #666666; content: "|"; position: relative; font-size: 1rem; left: -14px; top: -1px; } [id^="page-business"] #top-bar #cart-trigger2 { display: none; } #top-bar #cart-trigger2 span.cart-text { margin-left: 0px; font-size: 12px; } #top-bar .loginuser { margin-left: 15px; } #top-bar .loginuser .fa-power-off { color: #aaaaaa; margin: -1px 0 0 3px; font-size:16px; vertical-align: middle; } #top-bar .loginuser .btn .fa-power-off { color: #efefef; } #logout-mobile-frontend .fa-power-off, #menuMobile .fa-power-off, #top-bar .loginuser #logout-frontend .fa-power-off { color: #009837; } #top-bar #logout-frontend, #top-bar #logout-frontend span { margin-left: 5px; } @media (min-width: 768px) { .loginuser { float:right; min-height: 30px; line-height: 30px; font-size: 13px; color: #113f96; } .loggedin .loginuser { margin-top: 1px; } .loginuser a { cursor: pointer; } .loginuser a:btn2 { margin-top: 0px; } .loginuser a:hover span { text-decoration: underline; } .logoutUser { margin-top:0; } } @media (min-width: 768px) and (max-width:991px) { #top-bar.loggedin .btn-client-attention, #top-bar.loggedin .hidden-sm-loggedin { display: none; } } @media (min-width:768px) { #top-bar.loggedin .hidden-sm { display: none; } } #selectorIslas { margin-top: 0; } #selectorIslas .btn { background-color: #ffffff; color: #113f96 !important; border-color: #113f96; } #selectorIslas .btn .select-market { color: #5e5e5e !important; border-color: #5e5e5e; } #selectorIslas .btn .caret { margin-left: 5px; margin-top:-3px; position: relative; } #selectorIslas .btn .caretxx::before { content: "|"; position: absolute; font-size: 1rem; left: -2px; top: -1px; color: #113f96; } #selectorIslas .btn .zmdi, #selectorIslas .btn .fa { margin-left: 2px; margin-right: 4px; font-size: 14px; } #contenedorSelectorIslas { position: relative; float: right; margin-right: 15px; margin-left: 3px; } main #contenedorSelectorIslas { float: none; margin-right: 0px; margin-top: 15px; } @media (min-width:768px) and (max-width:1199px){ main #contenedorSelectorIslas { text-align: right; } } #contenedorSelectorIslas .title-group-peninsula, #contenedorSelectorIslas .title-group-islas-baleares { display: none; } #contenedorSelectorIslas .dropdown-menu { padding: 12px 15px 12px 15px; margin: 0px; margin-left: 0px; background-color: #ffffff; position: absolute; top: auto; right: auto; left: auto; z-index: 12; } @media (min-width:768px) { main #contenedorSelectorIslas .dropdown-menu { right: -10px; } } #menu-ventajon, #top .row { padding-top: 0 !important; padding-bottom: 0 !important; } @media (max-width:767px) { #menu-ventajon { padding: 0; } } #top > .container-fluid { padding-top: 20px; } #menu-ventajon .mega-dropdown { position: static !important; width: auto !important; } #menu-ventajon .dropdown-menu.list-inline { margin: 0; padding-top: 0; padding-bottom: 0; line-height: 40px; z-index:9; } @media (max-width:991px) { #menu-ventajon .dropdown-menu.list-inline { padding-bottom: 15px; padding-bottom: 0px; } } #menu-ventajon a { color: #113f96; } #menu-ventajon .open > a { color: #d10026; } #menu-ventajon .tab-content { padding: 0; } #menu-ventajon .dropdown-menu.dropdown-menu-user-action { padding: 0px; margin: 0px; background-color: #ffffff; position: absolute; right: 0; top: auto; left: auto; right: 0; width: 70px; min-width: 70px; border: 1px solid #cccccc; border-width: 0px 0px 1px 1px; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2) !important; } #menu-ventajon .dropdown-menu.dropdown-menu-user-action ul { padding: 0px 0px 0px 0px; margin: 0; } #menu-ventajon .dropdown-menu.dropdown-menu-user-action li { padding: 0px 0px 0px 0px; margin: 0; text-align: center; border-top: 1px solid #cccccc; } #menu-ventajon .dropdown-menu.dropdown-menu-user-action li a { margin: 0; font-size: 18px; white-space: nowrap; width: 70px; height: 70px; line-height: 70px; box-sizing: border-box; display: block; } #menu-ventajon .visible-xs .fa, #menu-ventajon .dropdown-menu-user-action .fa, #menu-ventajon .dropdown-menu-user-action .zmdi { font-size: 18px; } @media (max-width: 767px) { #contenedorSelectorIslas .dropdown-menu { margin-left: 0px; } } @media (max-width: 991px) { #menu-ventajon .social-links { margin-top: 10px; } #menu-ventajon .social-links .fa { font-size: 36px; } } #contenedorSelectorIslas .dropdown-menu hr { margin: 7px 0px 7px 0px; } #contenedorSelectorIslas .dropdown-menu a { display: block; padding: 3px 3px 3px 22px; position: relative; white-space: nowrap; } #contenedorSelectorIslas ul#select-group-contentall li:not(.active) a, #contenedorSelectorIslas ul#select-group-content-otras-comunidades li:not(.active) a, #contenedorSelectorIslas ul#select-group-content-peninsula li:not(.active) a, #contenedorSelectorIslas ul#select-group-content-islas-baleares li:not(.active) a { padding-left: 7px; } #contenedorSelectorIslas .dropdown-menu li.noisland a { margin: 0; padding: 0; color: #999999; } #contenedorSelectorIslas .dropdown-menu .active a::before { font-family: "FontAwesome"; content: "\f041"; font-family: 'Material-Design-Iconic-Font', sans-serif; content: "\f1ab"; position: absolute; left: 8px; } #contenedorSelectorIslas .dropdown-menu .active a { background-color: #efefef; color: #d10026; } #contenedorSelectorIslas .dropdown-menu a:hover { background-color: #efefef; } #contenedorSelectorIslas .titulo-selector { color: #113f92; font-family: 'Roboto', sans-serif; font-weight: 400; margin-top: 0; margin-bottom: 1px; margin-left: 7px; } #contenedorSelectorIslas .titulo-selector.title-group-peninsula, #contenedorSelectorIslas .titulo-selector.title-group-islas-baleares { display: none; } #menu-ventajon .nav-logo { list-style: none outside none; margin-top: 0; margin-bottom: 0; padding-left: 0; float:left; } #menu-ventajon .nav > li > a { padding-left: 0px; padding-right: 0px; position: relative; display: block; border-top: 1px solid transparent; font-size: 14px; font-weight: 400; padding-top:15px; line-height:24px; background-color: unset; } @media (min-width: 992px) { #menu-ventajon .nav > li > a { line-height: 30px !important; font-family: 'Roboto Slab', serif; } } #menu-ventajon .navbar-nav { text-align: left; } #menu-ventajon .navbar-collapse.collapse { display: block; } #menu-ventajon .tab-pane > navbar-nav { text-align: left; margin: 0 auto; margin-top: 0px; height: auto; font-size: 15px; margin-top: 0px; border-bottom: 0px solid #d4d4d4; float: left; } @media (min-width:992px) { #menu-ventajon .nav > li > a { text-align: left; font-size: 14px; letter-spacing: 0.0125em; font-weight: 600; } #menu-ventajon .nav:not(:first-child) > li > a::before { content: ''; width: 1px; height: 17px; position: absolute; left: 0; top:23px; background-color: #bbb; } #menu-ventajon .nav > li.dropdown-open > a::before, #menu-ventajon .nav > li.open > a::before { content: ''; width: 1px; min-height: 55px; position: absolute; left: auto; right: -1px; top: 0; background-color: #fff; z-index: 10; } .navbar-nav .dropdown-menu > li:not(:first-child) > a::before { content: '|'; color: #aaa; position: relative; left: -25px; } } @media (max-width: 319px) { #menu-ventajon .responsive-menu .nav > li > a { padding: 15px 20px; } } [id^="page-promotions"] #menu-ventajon .nav > li.promotions > a, [id^="page-advantages"] #menu-ventajon .nav > li.advantages > a, #menu-ventajon .nav > li > a:hover { color: #d10026; } #menu-ventajon .nav > li > a > span { padding-left: 15px; padding-right: 15px; } #menu-ventajon .nav > li.dropdown-open > a, #menu-ventajon .nav > li.open > a { border-top: 0px solid #cccccc !important; background-color: #eeeeee; color: #d10026; } #menu-ventajon .nav > li.dropdown-open > a, #menu-ventajon .nav li.sel > a { color: #d10026; } #menu-ventajon .nav > li.dropdown > a.dropdown-toggle { position: relative; } #menu-ventajon .nav > li.dropdown-open, #menu-ventajon .nav > li.dropdown.open { position: static; } #menu-ventajon .nav > li.dropdown-open > .dropdown-menu, #menu-ventajon .nav > li.dropdown.open > .dropdown-menu { float: none; width: 100%; text-align: left; top:auto; left:0; right:0; background-color: #efefef; box-shadow: none; min-height: 40px; line-height: 40px; box-sizing: border-box; } #menu-ventajon .responsive-menu .nav > li.dropdown-open > .dropdown-menu, #menu-ventajon .responsive-menu .nav > li.dropdown.open > .dropdown-menu { position: absolute; } @media (min-width:992px) { #menu-ventajon .nav > li > a > span { line-height:2.2em; } #menu-ventajon .nav > li > a { height: 65px; } #menu-ventajon .nav > li:not(.open) > a:hover, #menu-ventajon .nav > li:not(.dropdown-open) > a:hover { background-color: transparent; } #menu-ventajon .nav > li.dropdown-open > a:hover, #menu-ventajon .nav > li.open > a:hover { background-color: #eeeeee; } } @media (max-width:991px) { #menu-ventajon .nav > li.dropdown.open > .dropdown-menu { display: inline-block; width:100%; opacity: 0; height: 0px; min-height: 0px; overflow: hidden; -webkit-transition: all; -moz-transition: all; transition: all; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; transition-duration: 1s; } #menu-ventajon .nav > li.dropdown-open > .dropdown-menu, #menu-ventajon .nav > li.dropdown.open > .dropdown-menu { background-color: #ffffff; } #menu-ventajon .nav > li.dropdown > .dropdown-menu >li { border-top: 1px solid #ccc; display: block; } #menu-ventajon .nav > li.dropdown-openxx > .dropdown-menu, #menu-ventajon .nav > li.dropdown.open > .dropdown-menu { display: inline-block; width:100%; height: auto; opacity: 1; } } #menu-ventajon .mega-dropdown-menu > li > ul { padding: 0; margin: 0; list-style: none; } @media (max-width:991px) { #menu-ventajon .dropdown .dropdown-menu.mega-dropdown-menu > li { padding: 0 0 20px 25px !important; } #menu-ventajon .dropdown .dropdown-menu.mega-dropdown-menu > li > ul { margin: 0; padding: 0; } #menu-ventajon .mega-dropdown-menu > li > ul > li { margin-left: -10px; margin-right: 10px; } #menu-ventajon .dropdown.mega-dropdown .dropdown-menu.mega-dropdown-menu a { padding-left: 10px !important; } #menu-ventajon .dropdown-menu .mega-dropdown > .dropdown-toggle::after { font-family: "FontAwesome"; content: "\f078"; font-family: 'Material-Design-Iconic-Font'; content: "\f2fc"; content: "\f2f9"; position: absolute; right: 15px; -webkit-transition: 0.2s all ease-in-out; -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } #menu-ventajon .dropdown-menu .mega-dropdown.open > .dropdown-toggle::after { -webkit-transform: scale(1) rotate(180deg); transform: scale(1) rotate(180deg); } } #menu-ventajon .mega-dropdown-menu > li > ul > li > a { color: #113f96 !important; color: #000000 !important; } #menu-ventajon .mega-dropdown-menu > li ul > li > a { font-weight: normal; line-height: 1.428571429; white-space: normal; display: block; } #menu-ventajon .mega-dropdown-menu > li ul > li > a:hover, #menu-ventajon .mega-dropdown-menu > li ul > li > a:focus { text-decoration: none; color: #CD0026 !important; background-color: #ffffff; } @media (min-width:992px) { #menu-ventajon .mega-dropdown:not(.open) .dropdown-menu.mega-dropdown-menu { -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; transform: scale(0); opacity: 0; display: block !important; } #menu-ventajon .mega-dropdown.open .dropdown-menu.mega-dropdown-menu { transform: scale(1); opacity: 1; } #menu-ventajon .nav > li.dropdown-open > .dropdown-menu, #menu-ventajon .nav > li.dropdown.open > .dropdown-menu { display: table; transform: scale(1); opacity: 1; } #menu-ventajon .mega-dropdown-tiendas { min-width: 785px; max-width: 785px; } #menu-ventajon .mega-dropdown-productos { min-width: 600px; max-width: 600px; } } @media (max-width:991px) { #menu-ventajon .dropdown-menu > li > a { padding: 6px 15px 5px 15px !important; border: none; } #menu-ventajon .navbar-nav .open .dropdown-menu > li > a { line-height: 32px; background-color: #ffffff !important; } #menu-ventajon .dropdown.open .dropdown-menu.mega-dropdown-menu { background-color: #ffffff; } } @media (min-width:992px) { #menu-ventajon .nav > li.dropdown-open .dropdown-menu, #menu-ventajon .nav > li.dropdown.open .dropdown-menu { padding-left: 6px; } } @media (min-width:1200px) { #menu-ventajon .nav > li.dropdown-open .dropdown-menu, #menu-ventajon .nav > li.dropdown.open .dropdown-menu { padding-left: 77px; padding-left: 240px; } } #menu-ventajon .navbar-nav > li > .dropdown-menu { border-radius: 0; border: 0; } #menu-ventajon .dropdown-menu > li { display: inline-block; } #menu-ventajon .dropdown-menu > li > a { color: #263e88; } #menu-ventajon .dropdown-menu > li > a:hover, #menu-ventajon .dropdown-menu > li > a:focus { color: inherit; background-color: inherit; } #menu-ventajon .dropdown-menu > li > a:hover, #menu-ventajon .dropdown-menu > li > a:focus { color: #d10026; } @media (min-width: 992px) and (max-width: 1199px) { #menu-ventajon .dropdown.mega-dropdown a { text-align: left; border-bottom: 0px solid #d4d4d4; padding: 5px 15px !important; } #menu-ventajon .dropdown.mega-dropdown .dropdown-menu a { text-align: left; border-bottom: 0px solid #d4d4d4; padding: 3px 0px !important; } } @media (max-width: 991px) { #menu-ventajon .dropdown.mega-dropdown .dropdown-menu a { text-align: left; border-bottom: 0px solid #d4d4d4; padding: 8px 0px !important; } } @media (min-width: 992px) { #menu-ventajon .tab-pane > .navbar-nav { float: left !important; } #menu-ventajon .tab-pane > .navbar-nav { border-bottom: 0px solid #d4d4d4; } } @media (max-width: 991px) { #menu-ventajon .tab-pane > .navbar-nav { float: none !important; } #menu-ventajon .nav > li > a { padding: 15px 0px; } .navbar-nav > li { float: none !important; } #menu-ventajon .nav > li > a > span { border-right: none !important; padding-left: 15px; padding-right: 15px } #menu-ventajon .nav > li > a > span.infotext-location { padding-left: 0; padding-right: 5px } #menu-ventajon .nav > li.dropdown-open > a, #menu-ventajon .nav > li.open > a { border-top: none !important; color: #000000; font-weight:600; letter-spacing: 0.01em; background-color: #ffffff; } #menu-ventajon .navbar-nav { border-top: 1px solid #cccccc; border-bottom: 0px solid #cccccc; margin: 0; } #menu-ventajon .navbar-nav > li.visible-xs:not(:first-child) { border-top: 1px solid #cccccc; margin: 0; } #menu-ventajon .navbar-collapse { display: none !important; } #menu-ventajon .navbar-collapse.in { display: block !important; float:none; clear:both; } #menu-ventajon .dropdown-menu { position: relative; padding: 0px 0 0px 0; box-shadow: none !important; background-colorxx: #efefef; } #menu-ventajon .dropdown-menu.mega-dropdown-menu { float: none !important; margin-top:0; } #menu-ventajon .dropdown .dropdown-menu.mega-dropdown-menu { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=1); displayx: block; border: 0; } #menu-ventajon .dropdown .dropdown-menu.mega-dropdown-menu .p-20 { padding: 0 0 20px 25px !important; } } @media (max-width: 991px) { #menu-ventajon .dropdown .dropdown .dropdown-menu:not([data-animation]) { display: none !important; } #menu-ventajon .dropdown .dropdown.open .dropdown-menu:not([data-animation]) { display: block !important; } #menu-ventajon .dropdown:not([data-animation]) .dropdown-menu, #menu-ventajon .btn-group:not([data-animation]) .dropdown-menu { -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); display: none; } #menu-ventajon .dropdown.open .dropdown-menu:not([data-animation]), #menu-ventajon .dropup.open .dropdown-menu:not([data-animation]), #menu-ventajon .bootstrap-select.open .dropdown-menu:not([data-animation]), #menu-ventajon .btn-group.open .dropdown-menu:not([data-animation]) { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); display: block; } } @media (max-width: 991px) { #menu-ventajon > #js-navbar-collapse { width: 100%; position: absolute; top: 113px; top: 56px; left: 0; height: 100vh; background: transparent; z-index: 11; z-index: 91; overflow: none; border: 0; } #menu-ventajon #js-navbar-collapse #js-navbar-collapse-close { position: fixed; top: 0px; left: 300px; padding: 20px; font-size: 24px; color: #ffffff; cursor: pointer; opacity: 0.1; -webkit-transition: opacity 0.8s; transition: opacity 0.8s; } #menu-ventajon #js-navbar-collapse.in #js-navbar-collapse-close { opacity: 0.8; -webkit-transition: opacity 0.8s; transition: opacity 0.8s; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } #menu-ventajon #js-navbar-collapse.in #js-navbar-collapse-close:hover { opacity: 1; } #menu-ventajon > #js-navbar-collapse >.js-navbar-collapse-content { width: 300px; height: 100vh; position: relative; top: 0px; left: 0px; background: #ffffff; padding:10px; overflow: auto; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1); } #menu-ventajon > #js-navbar-collapse.in >.js-navbar-collapse-content { } } @media (max-width: 767px) { #menu-ventajon > #js-navbar-collapse { background: rgba(17, 63, 150, 0.8); } #menu-ventajon > #js-navbar-collapse { position: fixed; top: 0; left: 0; } } @media (max-width: 359px) { #menu-ventajon > #js-navbar-collapse >.js-navbar-collapse-content { width: 270px; } #menu-ventajon #js-navbar-collapse #js-navbar-collapse-close { padding: 20px; top: 0px; left: 265px; } } #menu-ventajon .trigger-menu { text-align: center; padding: 0px; height:56px; text-align: center; width: auto; float: left; } @media (min-width: 768px) and (max-width: 991px) { #menu-ventajon .trigger-menu { top:0px; position:relative; } #menu-ventajon .trigger-menu .menu-show { width: 95px; font-family: 'Roboto', sans-serif; } } #menu-ventajon .trigger-menu i, #menu-ventajon .trigger-menu span { display: inline-block; vertical-align: middle; font-weight: 300; font-size:18px; cursor: pointer; line-height:inherit; } #menu-ventajon .menu-show { background: none; border: 0; font-size: 18px; padding: 0; margin-top: 0; cursor: pointer; color: #113f92; width:56px; line-height:56px; cursor: pointer; } #menu-ventajon [class^="sm-icon-"], #menu-ventajon [class*=" sm-icon-"] { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #menu-ventajon .icon-menu { font-family: "FontAwesome" !important; } #menu-ventajon .icon-menu:before { content: "\f0c9"; } @media (max-width: 767px) { #top > .container-fluid { padding-top: 0px; } } @media (max-width: 767px) { #menu-ventajon .user-type-nav-tabs, #top-bar .user-type-nav-tabs { margin: 0px 0 10px 0; border: 0; } #menu-ventajon .user-type-nav-tabs li, #top-bar .user-type-nav-tabs li { width: 50%; margin: 0; border-left: 0 !important; border-right: 0 !important; } } #menu-ventajon .user-type-nav-tabs > li > a, #top-bar .user-type-nav-tabs > li > a { padding-left: 15px !important; background-color: #efefef; border-radius: 0; box-shadow: 0; border-bottom: 1px solid #cccccc; } #menu-ventajon .user-type-nav-tabs .nav-tabs > li > a, #top-bar .user-type-nav-tabs .nav-tabs > li > a { margin-right:0; } #menu-ventajon .user-type-nav-tabs > li:hover > a, #top-bar .user-type-nav-tabs > li:hover > a { cursor: pointer; } #menu-ventajon .user-type-nav-tabs > li:not(.active) > a:hover, #top-bar .user-type-nav-tabs > li:not(.active) > a:hover { border-bottom: 1px solid #cccccc; } #menu-ventajon .user-type-nav li a, #top-bar .user-type-nav li a { color: #113f96; } #menu-ventajon .user-type-nav li a:hover, #top-bar .user-type-nav li a:hover { color: #113f96; } #menu-ventajon .active-tab-users li.users-tab a, #menu-ventajon .active-tab-companies li.companies-tab a, #menu-ventajon .user-type-nav-tabs li.active a, #top-bar .active-tab-users li.users-tab a, #top-bar .active-tab-companies li.companies-tab a, #top-bar .user-type-nav-tabs li.active a { font-weight: 400; color: #666666; background-color: #ffffff; border: 1px solid transparent; border-bottom: 0; } #menu-ventajon .infotext-financing, #menu-ventajon .infotext-new { background-color: #D10026; color: #ffffff; float: right; padding: 0 10px; font-family: 'Roboto','Roboto Slab', serif; font-size: 0.9em; letter-spacing: 0.07em; } #menu-ventajon .infotext-financing { background-color: #cccccc; } #menu-ventajon span.infotext-location { padding: auto 0 !important; } #menu-ventajon .cangelocation { display: inline-block; font-size: 0.85em !important; padding: 0px; float:right; } #menu-ventajon .social-links a { display: inline-block !important; font-size: 2.2em !important; padding: 5px !important; margin: 0 10px; } #menu-ventajon .social-links a:hover { background-color: none; } @media (min-width: 320px) and (max-width: 720px) { #menu-ventajon .icon-search { top: -1px; padding: 0; } #top .container { padding-top: 10px; } #menu-ventajon .boxLogin .navbar-form { margin-left: 5px; margin-right: 5px; } .bag_and_cart{ padding: 10px 20px 10px 10px; margin-top: 5px; } } @media (max-width: 420px) { #menu-ventajon .hidden-xxs { display:none; } } @media (max-width: 420px) { .footer-title { font-size: 14px; } .footer-items hr { margin-top: 10px; margin-bottom: 5px; } } .visible-xs .fa, .visible-xs .zmdi, #menuMobile .fa, #menuMobile .zmdi { line-height: inherit; vertical-align: inherit; } #menuMobile .btn-dropdownmenu { font-size: 18px; padding: 0; color: #113f96; cursor: pointer; background: none; border: none; width:40px; height:56px; } #menuMobile.open .btn-dropdownmenu {  color: #5e5e5e; border-left: 1px solid #cccccc; } .trigger { padding: 0 !important; } @media (max-width: 767px) { #menu-ventajon .trigger-menu { margin-left: -5px; } #menu-ventajon .cart-text { position:relative; top:-1em; font-size: 11px; } .header-nav-fixed { position:fixed; width:100%; z-index: 90; top:0; } } @media (max-width:991px){ .user-type-nav-tabs {  } .dropdown-menu.list-inline > li { padding: 0; line-height: 1.5em; } #menu-ventajon .navbar-collapse { margin-bottom: 15px; padding-left: 0px !important; padding-right: 5px !important; } #menu-ventajon ul.navbar-nav:first-child { border-top: 0px solid #cccccc !important; margin: 0; } #menu-ventajon #empresas ul.navbar-nav li:first-child { border-top: 0px solid #cccccc !important; } #menu-ventajon .nav > li.dropdown > a.dropdown-toggle::after { font-family: "FontAwesome"; content: "\f078"; font-family: 'Material-Design-Iconic-Font'; content: "\f2fc"; content: "\f2f9"; position: absolute; right: 15px; -webkit-transition: 0.2s all ease-in-out; -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } #menu-ventajon .nav > li.dropdown.open > a.dropdown-toggle::after { -webkit-transform: scale(1) rotate(180deg); transform: scale(1) rotate(180deg); } } @media (min-width: 768px) { #menu-ventajon .search-bar { margin-right: 0px; min-width: 220px; } #top-bar-nav { text-align:right; } } @media (min-width:992px) { #menu-ventajon .search-bar { margin-top: 6px; } #top-bar-nav { margin-bottom: 0px; } .menu-show { display: none; } .p0 { padding: 0 !important; } } @media (min-width:1120px) { #menu-ventajon .search-bar { min-width: 270px; } } #searchbar_mobile.col-xs-12 { padding-top: 40px !important; } #searchbar_mobile { display: none; padding-left: 15px !important; padding-right: 15px !important; background-color: #ffffff; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); z-index: 50; } #searchform { padding: 10px 0px !important; margin: 0; position: relative; } #searchform input { border-bottom: 1px solid #CCCCCC; border-radius: 0; border-top: none; border-left: none; border-right: none; height: 30px; padding: 0; font-size: 13px; min-height:38px; } .veclub #searchform input { width: 70%; width: calc(99% - 86px); } .veclub #searchform .btn { max-width: 75px; margin-left: 10px; } #content { padding-top: 40px; } @media (max-width: 767px) { #content { padding-top: 40px; min-height: 100vh; } } .cd-top { border-radius: 40px; z-index: 110; display: inline-block; position: fixed; height: 60px; width: 60px; border-radius: 60px; -webkit-border-radius: 60px; bottom: 60px; right: 30px; overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(0, 54, 156, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } @media only screen and (min-width:768px) { .cd-top { right: 40px; bottom: 70px; } } @media only screen and (min-width:992px) { .cd-top { border-radius: 5px; height: 40px; width: 40px; bottom: 80px; } } @media (max-width:767px) { .cd-top { display:none; } } .cd-top { display:none !important; } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cd-top.cd-is-visible { visibility: visible; opacity: 1; } .ventajon-submenu-bg { height: 41px; min-height: 41px; display: block; background-color: #efefef; } #menu-ventajon .form-control { display: block; width: 100%; height: 35px; padding: 6px 12px; font-size: 13px; line-height: 1.42857143; color: #000000; background-color: #ffffff; background-image: none; border: 1px solid #d7d7d7; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } #modalNarrower .text-title-card-info { font-size: 14px; margin-bottom: 20px; } #modalNarrower .modal-content { text-align: left; } #modalNarrower #loginForm .btn{ padding: 6px auto; min-width: 150px; } #modalNarrower .crea-tu-cuenta{ border-top:1px solid #D7D7D7; margin-top: 15px; width: calc(100% - 30px); margin-left: 15px; margin-right: 15px; } #modalNarrower .modal-body .col-sm-6:nth-of-type(1) { border-right: 0px solid #d7d7d7; } @media (max-width: 767px){ #modalNarrower .tab-pane { padding: 0 0 20px 0; } #modalNarrower #home11 > div:nth-of-type(1)::before { color: #333333; content: "o"; position: absolute; bottom: -35px; font-size: 17px; z-index:1; background-color:white; height: 36px; width: 4%; display:block; line-height: 36px; left: 48%; text-align:center; padding-left: 2px; } } @media (min-width: 768px){ #modalNarrower #home11::before { color: #333333; content: "o"; position: absolute; left: 49.03%; top: 35%; font-size: 17px; z-index: 1; background-color: white; height: 1.6em; padding-bottom: 2px; } #modalNarrower .modal-body .col-sm-6:nth-of-type(1) { border-right: 1px solid #d7d7d7; } } #modalNarrower #home11{ border-right:none !important; } #modalNarrower #home11::after{ border-left: 1px solid #D7D7D7; content: ""; top: 8px; right: 0; position: absolute; width: 0px; height: 90%; } #modalNarrower .social-btn { position:relative; display:block; border: 1px solid #4267B2; border-radius: 0px; padding: 8px 0; color: #113f96; text-align: left; max-width:89%; margin: 0 auto 15px auto; padding-left: 45px; } #modalNarrower .social-btn.btn-facebook { background-color: #4267B2; color: #ffffff !important; } #modalNarrower .social-btn.btn-facebook:hover { border: 1px solid #113f96; background-color: #113f96; color: #ffffff !important; } #modalNarrower .social-btn.btn-facebook::before { content:'\f082'; color: #ffffff; font-family: 'FontAwesome'; position:absolute; top: 1px; left: 8px; font-size: 25px; } #modalNarrower .social-btn.btn-google, #modalNarrower .social-btn.btn-google:hover { border: 1px solid #A1A1A1; color: #333333 !important; background-color: #ffffff; background-image: url('../../../../assets/images/icono-google-normal.png'); background-repeat: no-repeat; background-position: 3px center; } #modalNarrower .social-btn.btn-google:hover { border: 1px solid #999999; color: #000000 !important; } @media (min-width: 768px){ #modalNarrower .crea-tu-cuenta p:first-child { margin: 15px 0 0 0; } #modalNarrower .crea-tu-cuenta p:last-child { margin: 1px 0 -15px 0; } } @media (max-width:575px) { #modalNarrower .modal-body .col-sm-6 { padding: 0; } #modalNarrower .social-btn { max-width: 100%; } .modal-header .text-center { text-align: center; } #modalNarrower .modal-body *{ margin-left: auto; margin-right:auto; } #modalNarrower #home11::before{ bottom: -22px; height: 36px; top: inherit; width: 40px; left: 0; padding-left: 15px; right: 0; margin: 0 auto; } #modalNarrower #home11::after{ border-left:none; border-bottomxxx: 1px solid #D7D7D7; content: ""; position: absolute; width: 80%; bottomxx: 12px; left: 10%; height:100%; pointer-events: none; } #modalNarrower #loginForm{ padding-right:0 !important; margin-bottom:20px; } #modalNarrower #imnew{ margin-top:5px; } #modalNarrower .form-group:first-of-type { margin-bottom: 10px; } #modalNarrower .form-group:nth-of-type(2){ margin-bottom: 10px; } #modalNarrower .modal-body #loginForm button{ display:block; width:100%; padding: 8px 40px; font-size: 14px; } #modalNarrower .checkbox .input-helper::before{ left:7px; } #modalNarrower .checkbox .input-helper::after{ left: 8px; } #modalNarrower .checkbox label{ padding-left:30px !important; font-size: 13px; margin-top:5px; } #modalNarrower .social-btn{ width:100%; } #modalNarrower .crea-tu-cuenta{ margin-left: 15px !important; } #modalNarrower .crea-tu-cuenta p:first-child{ margin-bottom:0; margin-top: 10px; font-size:13px; } #modalNarrower .crea-tu-cuenta p:last-child{ margin-bottom:0; } } .close-login i { text-align: center; margin: 0 auto; position: absolute; font-size: 15px; border: 1px solid #888888; border-radius: 43px; color: #888888; top: 13px; right: 13px; width: 25px; height: 25px; line-height: 23px; z-index: 1; } #modal-home .modal .modal-header, .modal .modal-header { padding: 15px 15px 0 15px; } .sm-icon-user { font-size: 20px; vertical-align: text-bottom; } .input_animation input { border-radius: 0 !important; border: 1px solid #e0e0e0 !important; height: 35px !important; font-size: 13px !important; } .input_animation.fg-toggled .fg-label{ top: 2px!important; font-size: 9px!important; } .input_animation input.form-control:focus, .call-request input.form-control:focus { box-shadow: none !important; -webkit-box-shadow: none !important; outline: none !important; background-size: 100% 1px !important; border-bottom: 1px solid #113f92 !important; padding: 9px 6px 0px 6px; } .underline { text-decoration: underline; } .btn-login-user { background-color: #d10026; } @media screen and (min-width: 320px) and (max-width: 767px) { form#login_mobile .tab-nav li { display: inline-block; vertical-align: top; width: 49%; } form#login_mobile .tab-nav li.active > a { font-size: 15px; } header form .form-group { margin-bottom: 20px; } .form-control:not(.fc-alt) { border: 1px solid gainsboro; } #menu-ventajon .responsive-menu { min-height: 0; background-color: #e7e7e7; margin-top: 5px; border-top: 1px solid #cccccc !important; } #menu-ventajon .responsive-menu .navbar-nav > li { float: left !important; width: auto; text-align: center; padding: 0px; } #menu-ventajon .responsive-menu .navbar-nav > li > a { width: auto; padding: 7px 16px !important; font-size: 13px; } #menu-ventajon .responsive-menu.navbar { border: 0; } #page-home #modalNarrower .nav > li > a:hover, #page-home #modalNarrower .nav > li > a:focus { background-color: #fff; } } @media screen and (min-width: 320px) and (max-width: 359px) { #menu-ventajon .responsive-menu .navbar-nav > li > a { width: auto; padding: 7px 12px !important; font-size: 13px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { body .navbar-nav .open .dropdown-menu { position: absolute; float: none; margin-top: 7px; background-color: #eeeeee; border: 0; box-shadow: none; width: 100%; max-width: 100% !important; left: 0; right: 0; } #menu-ventajon .mega-dropdown-tiendas, #menu-ventajon .mega-dropdown-productos { max-width: 100%; } }#footer-items .max-fluid, #footer-brand .max-fluid { padding-left: 15px; padding-right: 15px; max-width: 1200px; margin: 0 auto 0 auto; } #footer-items, #footer-brand { border-top: 1px solid #DBDBDB; background-color: white; } #footer-items .col-lg-2, #footer-items .col-md-3, #footer-items .col-xs-6, #footer-items .col-xs-12 { padding: 0 15px 0 15px; } #footer-brand .col-sm-6, #footer-brand .col-xs-12 { padding: 15px 15px 15px 15px; } #footer-items { padding: 5px 0 30px 0; } #footer-brand { padding: 0; } #footer-brand .row { padding: 15px 15px 15px 15px; } #footer-items ul { font-size: 13px; padding: 0; margin: 0; list-style: none; line-height: 19px; } #footer-items ul li { padding-top: 5px; } #footer-items .collapse-group ul.collapse { list-style: none; display: block !important; font-size: 13px; line-height: 19px; font-weight: 300; color: #113f92; } #footer-items .footer-title { font-family: 'Roboto Slab', serif; font-size: 16px; font-weight: 400; color: #113f92; padding: 15px 0 5px 0; } #footer-items .link-facebook:before, #footer-items .link-instagram:before, #footer-items .link-twitter:before { font-family: "FontAwesome" !important; margin-right: 5px; width: 15px; font-size:1.5em; } #footer-items .protection-footer img { } #footer-items ul li a { color: #3E3E3C; font-weight: 300; font-family: 'Roboto', sans-serif; } #footer-items ul li a:before:hover { text-decoration: none !important; } #footer-items .link-facebook:before { content: '\f230'; } #footer-items .link-instagram:before { content: '\f16d'; } #footer-items .link-twitter:before { content: '\f081'; } #contact-ventajon { text-align: left; float: left; margin-top: 5px; } #contact-ventajon .phone { font-size: 20px; line-height: 40px; font-weight: 600; border-right: 1px solid #113f95; margin-right: 15px; padding-right: 20px; display: inline-block; } #contact-ventajon .web { font-size: 20px; line-height: 40px; font-weight: 300; margin: 0; } .logo-footer-ventajon { max-width: 160px; float: right; } .scroll-totop, #scroll-totop { clear: both; display: block; text-align: center; opacity: 0.5; color: #113f92; margin-bottom: 30px; } .scroll-totop .fa, #scroll-totop .fa { font-size: 50px; font-weight: 400; } .scroll-totop:hover, .scroll-totop:focus, #scroll-totop:hover, #scroll-totop:focus { opacity: 0.7; } @media (min-width:992px) and (max-width:1199px) { #footer-items .col-md-3:nth-child(4n+1) { clear:left; } #footer-items .col-md-4:nth-child(3n+1) { clear:left; } } @media (min-width:768px) and (max-width:991px) { #footer-items .col-sm-4:nth-child(3n+1) { clear:left; } } @media (max-width: 992px){ #footer-items .footer-title { margin-bottom: 0; } } @media (max-width:767px){ #footer-items { padding: 15px 0 30px 0; } #footer-items .col-xs-6:nth-child(odd) { clear:left; } #footer-items .col-xs-6 { padding: 0px 15px 0px 15px; } #footer-brand .col-xs-12 { padding: 0px; } #contact-ventajon { margin-top: 20px; text-align: center; float: none; padding-top: 0px; } #contact-ventajon .phone { padding-top: 0px; padding-bottom: 0px; } .logo-footer-ventajon { max-width: 140px; margin: 15px auto 15px auto !important; padding-left: 15px; float: none !important; } } @media (min-width: 360px) and (max-width: 400px){ #contact-ventajon .phone, #contact-ventajon .web { font-size: 18px; } #contact-ventajon .phone { padding-right: 15px; margin-right: 9px; } } #footer-items .footer-title.visible-for-toogle { display: none !important; } @media (max-width: 359px) { #footer-items > .row { padding-top: 15px; } #footer-items .col-xs-6 { width:100%; padding: 0px 0px 0px 0px; } #footer-items > ul > li.col-xs-12 > a { display: block; text-align: center; } #footer-items li:not(:first-child) .collapse-group { border-top: 1px solid #D7D7D7; } #footer-items .collapse-group ul.collapse { margin-bottom: 15px; display: none !important; } #footer-items .collapse-group ul.collapse.in { display: block !important; } #footer-items .footer-title { font-family: 'Roboto Slab', serif; font-size: 14px; color: #113f92; font-weight: 400; cursor: pointer; margin: 0; padding: 10px 0 10px 0; } #footer-items .footer-title.hidden-for-toogle { display: none !important; } #footer-items .footer-title.visible-for-toogle { display: block !important; } #footer-items .footer-title.collapse-icon:after { font-family: 'FontAwesome'; content: "\f078"; font-family: 'Material-Design-Iconic-Font', sans-serif; content: "\f2f9"; position: absolute; right: 15px; -webkit-transition: 0.2s all ease-in-out; -webkit-transform: scale(1) rotate(180deg); transform: scale(1) rotate(180deg); } #footer-items .footer-title.collapse-icon.collapsed:after { -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } #contact-ventajon { float: none; display: table; width: 100%; } #contact-ventajon .phone { padding-right: 0px; margin-right: 0px; border-right: none; display: block; } } .modal .backtologin { margin: -5px 0 15px 0; } .modal .backtologin::before { font-family: 'FontAwesome'; color: #333333; color: #113F96; content: "<< "; content: "\f100"; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 111; background-color: #000000; } a.close-login { background: tranparent; cursor: pointer; display: inline-block; } .close-login i { text-align: center; margin: 0 auto; position: absolute; font-size: 15px; border: 1px solid #888888; border-radius: 43px; color: #888888; top: 20px; right: 25px; width: 25px; height: 25px; line-height: 23px; z-index: 1; top: 15px; right: 15px; border: 1px solid #D7D7D7; colorx: #113F96; } [class^="icon-"], [class*=" icon-"] { } .modal input { color: #666 !important; font-family: 'Roboto', sans-serif; } .modal .navbar-form .form-control { display: block !important; } .modal a.close, .modal button.close { text-align: center; margin: 0 auto; margin-top: 0px; position: absolute; font-size: 15px; border: 1px solid #000 !important; border-radius: 43px; top: 15px; right: 15px; width: 25px; height: 25px; line-height: 1.32em; z-index: 1; } @media (min-width: 768px) { .tab-pane-visible-sm-noactive { display: block !important; } } .modal .nav-tabs:not([data-tab-color]) > li > a::after, .modal .tab-nav:not([data-tab-color]) > li > a::after { background: #113f96; } .modal .nav-tabs li.active > a::after, .modal .tab-nav li.active > a::after { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .modal .nav-tabs li > a::after, .modal .tab-nav li > a::after { content: ""; height: 2px; position: absolute; width: 100%; left: 0; bottom: 0; -webkit-transition: all; -o-transition: all; transition: all; -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .modal .nav-tabs li > a, .modal .tab-nav li > a { display: inline-block; color: #7a7a7a; position: relative; width: 100%; -webkit-transition: all; -o-transition: all; transition: all; -webkit-transition-duration: 250ms; transition-duration: 250ms; font-weight: 600; font-size: 16px; } .modal .tab-nav li > a:hover { background-color: transparent; } .modal .nav-tabs li.active > a::after, .modal .tab-nav li.active > a::after { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .modal .nav-tabs li.active > a, .modal .tab-nav li.active > a { background-color: transparent; font-size: 18px; color: #000; } @media (max-width:551px) { .modal .nav-tabs li a, .modal .tab-nav li > a { text-align: center; font-size: 14px; padding-left: 0px; padding-right: 0; } .modal .hidden-xxs { display: none; } } .tab-navs, #modalNarrowerLoginBefore .tab-nav, #modalNarrower .tab-nav { margin-bottom: 25px; } #modalNarrowerLoginBefore .tab-nav li > a, #modalNarrower .tab-nav li > a { width: 50% !important; float: left !important; } .modalxx .login-form { margin-top: 5px; padding-top: 10px } @media (min-width: 768px) { .modal .login-form { margin-left: 15px; padding-right: 15px } .modal p { margin: 9px 0 9px 0; } } @media (max-width: 767px) { .modal .tab-content > .tab-pane > h3 > .login-form, .modal .tab-content > .tab-pane > .login-form, .modal .tab-content > .tab-pane > h3 > .navbar-form, .modal .tab-content > .tab-pane > .navbar-form { margin-top: 0; padding-top: 0; } } @media (min-width: 768px) { #modalNarrower #home11 { border-right: 1px solid #D7D7D7; } } .modal .form-group { margin-bottom: 20px; } @media (min-width: 768px) { .modal .form-group { margin-bottom: 15px; } } .modal-content { -webkit-border-radius: 3px; border-radius: 3px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31); border: 0; margin: 0 15px 0 15px; } .modal .modal-header { padding-bottom: 0; font-size: 12px; } @media (max-width: 767px) { .modal .modal-header { font-size: 10px; font-weight: 300; } } .modal .modal-body { padding-top: 0; } .modal .modal-body h4 { font-size: 18px; } .modal-body .col-sm-6:nth-of-type(1) { border-right: 1px solid #d7d7d7; } .modal hr { border-top: 1px solid #d7d7d7 !important; margin: 18px 0; } .mw-420 { max-width: 420px; } .modal-header p { margin: 0; font-size: 16px; font-weight: 400; color: #113F96; } .modal-header p.txt { font-size: 13px; margin-top: 12px; color: #5e5e5e; } .modal-header .fa-user-o { margin-right: 15px; } @media (max-width: 767px) { .modal-header .fa-user-o { margin-right: 10px; } } @media (max-width: 551px) { .modal-header p.txt, .modal-header p.text-center.txt { text-align: left; } .modal-header .fa-user-o { margin-right: 5px; } } .modal-container .modal-header.card-bg-icon .modal-title { height: auto; line-height: 21px; padding-right: 20px; font-size: 19px; background-position: left center; } .modal-header.card-bg-icon .modal-title { padding-left: 80px; padding-right: 50px; background-position: left top; background-repeat: no-repeat; background-size: auto 42px; height: 42px; min-height: 42px; line-height: 42px; vertical-align: middle; text-align: center; } .modal-header.card-bg-icon .modal-image-credistar { background-image: url('../../../../assets/images/common/tarjeta-ve-blue-peq.png');; } .modal-header.card-bg-icon .modal-image-cofidis { background-image: url('../../../../assets/images/common/financiacion-cofidis.png');; } .modal-header.card-bg-icon .modal-image-santander { background-image: url('../../../../assets/images/common/financiacion-santander.png');; } .modal-content .modal-form-title { font-size: 16px; color: #113F96; } .modal-header.card-bg-icon .modal-title .fa { display: none; } #page-cards-about .modal .modal-header.card-bg-icon hr { border-top: 1px solid #d7d7d7 !important; margin: 12px 0 18px 0; } @media (max-width: 767px) { .modal-header.card-bg-icon .modal-title { text-align: left; line-height: 1.4em; display: table-cell; padding-right: 30px; } .modal-header.card-bg-icon .modal-title span { display: table; } } .modal-dialog { top: 20% !important; margin: 30px auto; } @media (max-width: 991px) { .modal-dialog { top: 10% !important; } } @media (max-width: 767px) { .modal-dialog { top: 0 !important; margin: 70px auto; } } .modal-footer { border-top: 1px solid #eeeeee; } @media (max-width:480px) { .modal-content a.btn, .modal-content button.btn { width: 100%; } } #modalRegister .radio, #modalRegister .checkbox { display: inline-block; } #modalRegister .form-mercados { margin-top:15px; font-size: 12px; } #modalRegister h3 { margin-top: 0; } .loader-login { text-align: center; width: 100%; } .loader-login span { z-index: 9999 !important; font-size: 12px; color: #FFF !important; font-weight: 700 !important; position: relative !important; top: 28px !important; } .spinner { border-radius: 90px; width: 90px; height: 40px; background-color: #d10026; margin: 0 auto; -webkit-animation: sk-rotateplane 1.4s infinite ease-in-out; animation: sk-rotateplane 1.4s infinite ease-in-out; } @-webkit-keyframes sk-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes sk-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .modal-header .modal-title { font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; text-align: center; margin-right:30px; margin-top:5px; } .modal-body .title { color: #000000; font-weight: 600; } .modal-header .modal-title .fa { margin-right: 5px; } @media (max-width:575px) { .modal-header .modal-title { font-family: 'Roboto', sans-serif; text-align: left; } } #modalSetMarket h3 { color: #d10026; font-size: 16px; } #modalSetMarket h3.title-group { } #modalSetMarket .modal-body { padding: 10px 60px 30px 60px; } @media (min-width:320px) { #modalSetMarket .modal-body .row div:nth-child(3), #page-start .visit-from-box .row div:nth-child(3) { float: right !important; } } #modalSetMarket ul.list-unstyled { line-height: 2em; } #modalSetMarket ul.list-unstyled li { white-space: nowrap; } @media (max-width:576px) { #modalSetMarket .modal-body { padding: 10px 15px 15px 15px; } #modalSetMarket h2.titulo { font-size: 18px; } #modalSetMarket ul.list-unstyled { line-height: 2.5em; } } #modalSetMarket ul.list-unstyled a { color: #113f96; text-decoration: underline; font-family: 'Roboto', sans-serif; } .sweet-alert.modal-login h2 { font-size: 24px; } .rojo-login { color: #D10026; text-transform: capitalize; } .modal .login-form input.form-control { border-bottom: solid 1px #cccccc; } #modalMarketChanged .modal-body h2 { padding: 0 15px; } #modalMarketChanged .modal-body h2 strong { white-space: nowrap; } body .sweet-alert { font-family: 'Roboto', sans-serif !important; font-size: 13px; font-weight: 400; text-align: center; color: #5e5e5e; border-radius: 3px; } @media (min-width: 541px) { body .sweet-alert { width: 420px; margin-left: -210px; } } body .sweet-alert .sa-icon { border: 4px solid gray; } body .sweet-alert h2 { margin: 20px 0 10px 0; color: #575757; color: #113f92; font-size: 24px; line-height: 1.4em; } body .sweet-alert p { color: #5e5e5e; font-size: 14px; font-weight: 400; line-height: 1.42857143em; } body .sweet-alert p > div { margin: 15px 0; } body .sweet-alert p .email, body .sweet-alert p .tel { font-size: 18px; font-weight: 600; } body .sweet-alert h2, body .sweet-alert p { text-align: left; } body .sweet-alert > h2, body .sweet-alert > p { margin-left: 15px; margin-right: 5px; text-align: left; } body .sweet-alert { padding: 15px 15px 15px 15px; } body .sweet-alert.sweet-modal > h2 { font-family: 'Roboto', sans-serif !important; font-size: 16px; line-height: 1.1em; font-weight: 400; text-align: center; border-bottom: 1px solid #d7d7d7; padding-bottom: 18px; margin: 5px 0 18px 0; } body .sweet-alert.sweet-modal.sweet-modal-closebtn button.cancel { text-align: center; margin: 0 auto; position: absolute; font-size: 15px; border: 1px solid #000 !important; border-radius: 43px; top: 15px; right: 15px; width: 25px; height: 25px; min-height: 25px; line-height: 1.32em; z-index: 1; padding: 0; cursor: pointer; background: transparent; opacity: 0.2; } body .sweet-alert.sweet-modal.sweet-modal-closebtn button.cancel:hover { opacity: 0.5; } body .sweet-alert.sweet-modal.sweet-modal-closebtn button.cancel::after { font-family: 'FontAwesome', 'sans-serif'; content: '\f00d'; color: #000000; text-align: center; margin: 0; position: absolute; top: 0; left: 0; font-size: 15px; line-height: 23px; width: 25px; height: 25px; display:block; } @media (max-width: 540px) { body .sweet-alert h2, body .sweet-alert p { text-align: left; } body .sweet-alert > h2, body .sweet-alert > p { margin-left: 0px; margin-right: 0px; } body .sweet-alert h2 { font-size: 22px; } body .sweet-alert.send-success > h2 { font-size: 16px; text-align: left; } } body .sweet-alert button { font-family: 'Roboto', sans-serif !important; font-weight: 400; margin: 2px 0px 5px 0px; box-shadow: none !important; font-size: 17px; padding: 6px 30px !important; font-size: 13px; padding: 6px 12px !important; } body .sweet-alert .sa-button-container { margin-top: 18px; } body .sweet-alert button.cancel, body .sweet-alert button.cancel:hover { background-color: transparent; } body .sweet-alert button.cancel { font-family: 'Roboto', sans-serif !important; font-weight: 400; margin: 0px 0px 5px 15px; box-shadow: none !important; font-size: 13px; padding: 0px 6px 0px 0px !important; color: #113f92; background: none; text-decoration: underline; border: none; float:left; max-width: 48%; text-align: left; min-height:36px; } @media (max-width:540px) { body .sweet-alert button.cancel { margin-left: 0; } } body .sweet-alert.sweet-modal-closebtn button.cancel { background-color: #D0D0D0; border: 1px solid #D0D0D0; } body .sweet-alert button.confirm { background-color: #ffffff !important; border: 1px solid #113f92 !important; color: #113f92 !important; float: right !important; max-width: 49%; } body .sweet-alert button.confirm:hover, body .sweet-alert button.confirm:active { background-color: #113f92 !important; color: #ffffff !important; } body .sweet-alert.sweet-modal-confirm button.confirm { background-color: #d10026 !important; border: 1px solid #d10026 !important; color: #ffffff !important; float: right !important; max-width: 49%; font-weight:600; font-size: 14px; } body .sweet-alert.sweet-modal-confirm button.confirm:hover, body .sweet-alert.sweet-modal-confirm button.confirm:active { border: 1px solid #d10026 !important; background-color: #ffffff !important; color: #d10026 !important; } .sweet-modal-confirm-info-box { background-color: #ffffff; padding: 30px 30px 15px 30px; display: inline-block; width: 100%; position:relative; } .sweet-modal-confirm-info-box .close-confirm { position:absolute; right:15px; top: 15px; cursor: pointer; font-size: 16px; line-height: 1em; } .sweet-modal-confirm-info-box h2 { margin: 5px 0 10px 0; font-size: 22px; } .sweet-modal-confirm-info-box p .email, .sweet-modal-confirm-info-box p .tel { font-size: 16px; font-weight: 400; } .sweet-modal-confirm-info-box .ok-icon { display: block; width: 65px; height: 65px; margin: 0px 15px 30px 0px; } @media (min-width:552px) { .sweet-modal-confirm-info-box .ok-icon { float: left; margin: 0px 30px 15px 0px; } .sweet-modal-confirm-info-box p { float: left; margin-right:30px; } } .sweet-modal-confirm-info-box .ok-icon > svg { width: 100%; } .sweet-modal-confirm-info-box .ok-icon .checkmark { stroke: green; stroke-dasharray: 745.74853515625; animation: okIconCheckmark 2s ease-out forwards; } @keyframes okIconCheckmark { from { stroke-dashoffset: 745.74853515625; } to { stroke-dashoffset: 0; } } .link-back { text-decoration: underline; } #modalMap .modal-dialog #map { height: 480px; max-height: 480px; } #modalMap .content { right: 0; } #map .zoomin, #map .zoomout, #modalMap .zoomin, #modalMap .zoomout { margin-left: 15px; font-size: 1.2em; margin-bottom: 10px; } @media (max-width:991px) { #map .zoomin, #map .zoomout, #modalMap .zoomin, #modalMap .zoomout { font-size: 1.3em; } #modalMap #map .btn-content hr { margin: 9px 0 8px 0; } } #modalMap #map .btn-content .btn, #modalMap #map .imagery, #modalMap #map .hidden-business-elements .hidden-xs, #modalMap #map .business-map-discount-details { display: none !important; } @media (min-width: 522px) { #modalMap .leaflet-popup-content-wrapper, #modalMap .business-map, #modalMap .content { width: auto !important; right: 0; } } @media (min-width: 768px) { #modalMap .modal-dialog { top: 15% !important; width: 90%; max-width: 980px; margin: 30px auto; } } @media (max-width: 767px) { #modalMap .modal-dialog { top: 0% !important; width: 100%; margin: 15px auto 15px; max-height: 100%; overflow: auto; } #modalMap .modal-dialog #map { height: 460px; max-height: 460px; } } @media (max-width:991px) { #modalMap.modal a.close, #modalMap.modal button.close { border: 0px !important; font-size: 24px; } #modalMap .modal-dialog { top: 0 !important; margin: 0; height: 100%; width: 100%; overflow: hidden; } #modalMap .modal-content { margin: 0; border-radius: 0; height: 100%; width: 100%; overflow: hidden; } #modalMap .modal-body { height: calc(100% - 76px); width: 100%; overflow: hidden; } #modalMap .modal-dialog #map { height: 100%; width: 100%; max-height: 100%; min-height:100%; } } .modal-legal-info-txt .modal-body { overflow: auto; } @media (min-width: 992px) { .modal-legal-info-txt .modal-body { max-height: 480px; } .modal-legal-info-txt .modal-content { padding-bottom: 15px; } } .modal-legal-info-txt h3 { font-size: 16px; } @media (min-width: 522px) { .modal-legal-info-txt .content, #modalDataProtection .content, #modalLegalWeb .content, #modalLegalWebUse .content, #modalPrivacyPolicy .content { width: auto !important; right: 0; } } #modalDataProtection .modal-body, #modalLegalWeb .modal-body, #modalLegalWebUse .modal-body, #modalPrivacyPolicy .modal-body { background: url(../images/common/ajax-loader.gif) no-repeat; background-position: center top; min-height: 220px; } @media (min-width: 768px) { .modal-legal-info-txt .modal-dialog, #modalDataProtection .modal-dialog, #modalLegalWeb .modal-dialog, #modalLegalWebUse .modal-dialog, #modalPrivacyPolicy .modal-dialog { top: 15% !important; width: 90%; max-width: 980px; margin: 30px auto; } .modal-legal-info-txt iframe, #modalDataProtection iframe, #modalLegalWeb iframe, #modalLegalWebUse iframe, #modalPrivacyPolicy iframe { min-height: 480px; } } @media (max-width: 767px) { .modal-legal-info-txt .modal-dialog, #modalDataProtection .modal-dialog, #modalLegalWeb .modal-dialog, #modalPrivacyPolicy .modal-dialog { top: 0% !important; width: 100%; margin: 15px auto 15px; max-height: 100%; overflow: auto; } } @media (max-width:991px) { .modal-legal-info-txt.modal a.close, .modal-legal-info-txt.modal button.close, #modalDataProtection.modal a.close, #modalDataProtection.modal button.close, #modalLegalWeb.modal a.close, #modalLegalWeb.modal button.close, #modalLegalWebUse.modal a.close, #modalLegalWebUse.modal button.close, #modalPrivacyPolicy.modal a.close, #modalPrivacyPolicy.modal button.close { border: 0px !important; font-size: 24px; } .modal-legal-info-txt .modal-dialog, #modalDataProtection .modal-dialog, #modalLegalWeb .modal-dialog, #modalLegalWebUse .modal-dialog, #modalPrivacyPolicy .modal-dialog { top: 0 !important; margin: 0; height: 100%; width: 100%; overflow: hidden; } .modal-legal-info-txt .modal-content, #modalDataProtection .modal-content, #modalLegalWeb .modal-content, #modalLegalWebUse .modal-content, #modalPrivacyPolicy .modal-content { margin: 0; border-radius: 0; height: 100%; width: 100%; overflow: hidden; } #modalDataProtection .modal-body, #modalLegalWeb .modal-body, #modalLegalWebUse .modal-body, #modalPrivacyPolicy .modal-body { height: calc(100% - 76px); max-height: auto; width: 100%; overflow: hidden; } #modalDataProtection .modal-dialog #map, #modalLegalWeb .modal-dialog #map, #modalLegalWebUse .modal-dialog #map, #modalPrivacyPolicy .modal-dialog #map { height: 100%; width: 100%; max-height: 100%; min-height:100%; } .modal-legal-info-txt .modal-body { height: calc(100% - 91px); max-height: auto; width: 100%; overflow: auto; } } @media (max-width:767px) { .modal-legal-info-txt .modal-body { height: calc(100% - 76px); padding-left: 15px 0px 15px 0px; } } .modal iframe { border: 0; width: 100%; height: 100%; } @media (min-width:768px){ [id^=page-home-user-cards] h3 { font-size: 20px; }} [id^=page-home-user-cards] main h2, [id^=page-home-user-insurances] main h2.title-discounts, [id^=page-home-user-insurances] main h3, [id^=page-home-user-cards] main h3 { color: #000000; } .botonContratar{ border-radius:3px; width:100%; font-size:14px; padding: 8px 12px; } .especificacionesNoContratados{ margin: 10px 0; display: block; font-size: 14px; } #productosContratados p{ margin: 0; padding-left: 15px; } [id^=page-home-user-insurances] h2, [id^=page-home-user-insurances] h3, [id^=page-home-user-cards] h2{ font-weight: bold; } [id^=page-home-user-cards] h2.title-discounts, [id^=page-home-user-cards] h2.title-vecash { display: inline-block; clear: both; font-weight: 400; font-size: 20px; } [id^=page-home-user-cards] .acumulado .title-discounts::after { display: inline-block; margin-left: 15px; margin-bottom:-5px; min-height: 30px; content: ' '; min-width: 42px; background-image: url(/assets/images/icons/icon-billete-blue.png); background-repeat: no-repeat; background-position: left bottom; background-size: contain; } [id^=page-home-user-cards] .acumulado .title-vecash::after { display: inline-block; margin-left: 15px; margin-bottom:-5px; content: ' '; min-width: 50px; min-height: 50px; background-image: url(/assets/images/icons/icon-hucha-red.png); background-repeat: no-repeat; background-position: left bottom; background-size: contain; } [id^=page-home-user-cards] #movements h3 { float: left; margin-top: 0px; } [id^=page-home-user-cards] #movements h3.title-discounts::before { display: inline-block; margin-right: 10px; margin-bottom:-10px; content: ' '; width: 42px; min-width: 42px; min-height: 45px; background-image: url(/assets/images/icons/icon-billete-blue.png); background-repeat: no-repeat; background-position: left 70%; background-size: contain; } [id^=page-home-user-cards] #movements h3.title-vecash::before { display: inline-block; margin-right: 10px; margin-bottom:-10px; content: ' '; width: 42px; min-width: 42px; min-height: 45px; background-image: url(/assets/images/icons/icon-hucha-red.png); background-repeat: no-repeat; background-position: left bottom; background-size: contain; } [id^=page-home-user-cards] .big-info-text > h2 { border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; margin-top: 35px; margin-bottom: 35px; padding-top: 28px; padding-bottom: 30px; color: #000000; text-align: center; font-weight: 300; line-height: 1.3em; } @media (max-width: 767px){ [id^=page-home-user-cards] .big-info-text > h2 { margin-top: 30px !important; margin-bottom: 30px; padding-top: 20px; padding-bottom: 22px; font-size: 22px !important; line-height: 1.4em; } } [id^=page-home-user-cards] #movements { margin-topxx:0px; } @media (max-width: 460px){ [id^=page-home-user-cards] #table-vouchers th.status, [id^=page-home-user-cards] #table-vouchers td.status { display: none; } } [id^=page-home-user-cards] #movements .dataTables_wrapper { margin-top: 10px; margin-bottom: 10px; } [id^=page-home-user-cards] #movements th, [id^=page-home-user-cards] #checks th { color: #000000; } [id^=page-home-user-cards] #movements th { white-space: nowrap; } [id^=page-home-user-cards] #movements th.amount { text-align: center; white-space: normal; max-width: 75px; min-width: 75px; } [id^=page-home-user-cards] #movements th.dto { text-align: center; } [id^=page-home-user-cards] #movements td.dto { max-width: 70px; text-align: center; } [id^=page-home-user-cards] .dto span { position:relative; } [id^=page-home-user-cards] .dto span[data-toggle=tooltip]::before { font-family: "FontAwesome"; font-size: 9px; content: "\f05a"; position: absolute; right: -9px; top: 0px; color: #113f92; } [id^=page-home-user-cards] #movements tfoot th.amount, [id^=page-home-user-cards] #movements td.amount { max-width: 70px; text-align: right; padding-right: 30px; } @media (max-width: 767px){ [id^=page-home-user-cards] #movements tfoot th.amount, [id^=page-home-user-cards] #movements td.amount { padding-right: 10px !important; } } [id^=page-home-user-cards] #movements td.amount-acum { color: #113F96; } [id^=page-home-user-cards] #movements tbody td.amount-vecash, [id^=page-home-user-cards] #movements .mov-vecash td.amount-acum, [id^=page-home-user-cards] #movements tfoot .amount-vecash, [id^=page-home-user-cards] #movements .mov-vecash tfoot .amount-acum { color: #d10026; } [id^=page-home-user-cards] #movements tbody td.amount-discounts, [id^=page-home-user-cards] #movements .mov-discounts td.amount-acum, [id^=page-home-user-cards] #movements tfoot .amount-discounts, [id^=page-home-user-cards] #movements .mov-discounts tfoot .amount-acum { color: #113F96; } [id^=page-home-user-cards] #movements td.desc { min-width: 300px; } [id^=page-home-user-cards] table.dataTable thead th { line-height: 1em; vertical-align: middle; } [id^=page-home-user-cards] table.dataTable thead th, [id^=page-home-user-cards] table.dataTable tfoot th { padding-left: 10px; padding-right: 13px; } @media (max-width:576px){ [id^=page-home-user-cards] #movements th { font-size: 13px; } [id^=page-home-user-cards] #movements td.movdate { min-width: auto; max-width: 20%; } [id^=page-home-user-cards] #movements th.amount , [id^=page-home-user-cards] #movements td.amount { display: none; } [id^=page-home-user-cards] #movements td.desc { min-width: auto; max-width: 70%; } [id^=page-home-user-cards] #movements td.dto { min-width: auto; max-width: 10%; } [id^=page-home-user-cards] table.dataTable thead th, [id^=page-home-user-cards] table.dataTable thead td { padding: 10px 13px 10px 5px; } } [id^=page-home-user-cards] #movements .dataTables_info, [id^=page-home-user-cards] #movements .dataTables_filter { display:none; } [id^=page-home-user-cards] .dataTable, [id^=page-home-user-cards] .dataTable { text-align:left; } [id^=page-home-user-cards] #movements .transaccionfilter, [id^=page-home-user-cards] #movements #typeFilter, [id^=page-home-user-cards] #movements #monthFilter { float: right; border: 1px solid #999999; background-color: #ffffff; padding: 5px; margin-left: 15px; margin-top: 10px; margin-bottom: 10px; } @media (max-width:576px){ [id^=page-home-user-cards] #movements .transaccionfilter, [id^=page-home-user-cards] #movements #typeFilter, [id^=page-home-user-cards] #movements #monthFilter { margin-left: 5px; margin-top: 5px; } [id^=page-home-user-cards] #movements #monthFilter { margin-left :0px; float: left; } } [id^=page-home-user-cards] #movements .transaccionfilter.cardcount-1 { display:none; } [id^=page-home-user-cards] .info-discounts .fa { color: #113f92; } [id^=page-home-user-cards] #checks .list-cash-totalimp { padding-top: 15px; padding-right: 15px; text-align: right; background-image: url('/assets/images/icons/icon-hucha-red.png'); background-repeat: no-repeat; background-position: right 120px bottom; background-size: auto; } [id^=page-home-user-cards] #checks .list-cash-totalimp .totalimp { font-size: 24px; color: #113F96; font-weight: 600; } [id^=page-home-user-cards] .progress-container { max-width: 470px; } [id^=page-home-user-cards] .progress { height: 25px; } [id^=page-home-user-cards] .progress-label { padding: 0 3% 0 3%; font-size: 16px; margin-bottom: 5px; } [id^=page-home-user-cards] .progress-label-2 { margin-left: 17%; } [id^=page-home-user-cards] .progress-label-3 { float: right; color: #000000; } [id^=page-home-user-cards] .progressbar-vecash { margin-bottom: 25px; } [id^=page-home-user-cards] .bloque_cash { width: 9%; margin-right: 1%; display: inline-block; height: 35px; background-color: #cccccc; } [id^=page-home-user-cards] .bloque_cash.bg_active { background-color: green; } [id^=page-home-user-cards] .bloque_cash.bg_inactive { background-color: red; } [id^=page-home-user-cards] #contadorTarjeta { text-align: center; margin: 45px 0 30px 0; padding: 45px 30px 45px 30px; background-color: #efefef; } [id^=page-home-user-cards] .col-img-card { text-align: center; padding-top: 5px; } [id^=page-home-user-cards] .col-img-card img { max-width: 280px; clear:both; } @media (max-width:767px){ [id^=page-home-user-cards] .col-img-card { text-align: center; padding-top: 0px; padding-bottom: 15px } } [id^=page-home-user-cards] #contadorTarjeta h1 { margin-top: 0; } [id^=page-home-user-cards] #contadorTarjeta h2 { font-size: 18px; font-family: 'Roboto', sans-serif; margin-bottom: 0; } [id^=page-home-user-cards] #contadorTarjeta .import { font-size: 32px; font-weight: bold; color: #d10026; margin-bottom: 30px; } @media (max-width:576px){ [id^=page-home-user-cards] #contadorTarjeta .import { font-size: 30px; } [id^=page-home-user-cards] #contadorTarjeta h2 { font-size: 16px; } } [id^=page-home-user-cards] #contadorTarjeta .btn { margin-top: 20px; } [id^=page-home-user-cards] .slider-products-content-home { margin-top: 15px; } [id^=page-home-user-cards] .img-canjear-cheque { border:1px solid #cccccc; margin:15px 0 15px 0; max-width: 100%; } [id^=page-home-user-cards] .btn-back { margin-top:15px; float: right; } [id^=page-home-user-cards] .tooltip.bottom { margin-left: -20px; } [id^=page-home-user-cards] .tooltip > .tooltip-inner { background-color: #fff; color: #000000; border: 1px solid #999999; } [id^=page-home-user-cards] .tooltip.left > .tooltip-inner:before { font-family: 'FontAwesome'; content: "\f295"; color: #113F96; font-size: 1.1em; position: relative; margin-right: 5px; vertical-align: middle; } [id^=page-home-user-cards] .tooltip.bottom > .tooltip-inner:before { font-family: 'FontAwesome'; content: "\f058"; color: #6AC259; font-size: 2em; position: relative; margin-right: 5px; vertical-align: middle; } [id^=page-home-user-cards] span[data-toggle="tooltip"]:hover { cursor: help; } [id^=page-home-user-cards] a[data-toggle="tooltip"]:hover { cursor: pointer; } [id^=page-home-user-cards] .tooltip > .tooltip-arrow { border-color: #999999; background-color: #ffffff; width: 10px; height: 10px; transform: translate(0px, 0px) rotate(45deg); } [id^=page-home-user-cards] .tooltip.bottom > .tooltip-arrow { border-width: 1px 0px 0px 1px; } [id^=page-home-user-cards] .tooltip.left > .tooltip-arrow { border-width: 1px 1px 0px 0px; } [id^=page-home-user-cards] .col-smproducts .btn { margin-top: 20px; float:right; } .list-group-flush .list-group-item:first-child { border-top: 0; } .list-group-flush .list-group-item:last-child { border-bottom: 0; } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; border-top-left-radius: 0px; border-top-right-radius: 0px; } [id^=page-home-user-cards] .list-group-item { position: relative; margin-left: 170px; padding-left: 0; } [id^=page-home-user-cards] .list-group .dtr-label { position: absolute; margin-left: -160px; width: 150px; display: inline-block; text-align: right; font-weight: 600; } [id^=page-home-user-cards] div.dtr-modal div.dtr-modal-display { background-color: #f5f5f7; border: 0px solid black; border-radius: 0.5em; box-shadow: 0 12px 30px rgba(0,0,0,0.6); } [id^=page-home-user-cards] div.dtr-modal h2 { font-size: 20px; } #nav-home-mobile h2{ font-weight: 600; } main #productosContratados h2 { margin-top:10px; } main #productosContratados #tituloMasSeguros h2 { margin-top: 25px; } .f-c-black { color: #333333; } .colorRojo { color: #d10026; } .form-mercados { margin-top:15px; font-size: 12px; } #containerCuponesMoviles .table > tbody > tr > td{ border-top: none; } #containerCuponesMoviles .table{ margin-bottom: 50px; } #tusDatosPersonales > div:not(.datosBack){ padding-left: 55px; } #tusDatosPersonales label:not(.notBlue) { color: #113F96; } #tusDatosPersonales .cc-tipo label { max-width: 44%; } #tusDatosPersonales .notificaciones { margin-top: 15px; margin-bottom: 70px; } #tusDatosPersonales p { font-size: 16px; padding-top: 0px; } #tusDatosPersonales .passNuevaBlock div:first-child{ margin-bottom: 13px; } #tusDatosPersonales form#nifnie .checkbox { margin-bottom: 20px; } #tusDatosPersonales .btn4 { color: #5e5e5e; border: 1px solid #5e5e5e; border-radius: 5px; background-color: #fff; padding: 7px 10px; margin-right: 10px; position: relative; top: 10px; cursor: pointer; } #tusDatosPersonales .text-right .btn4 { margin-right: 0px; margin-left: 10px; } #tusDatosPersonales .btn4:hover{ background-color: #113F96; border-color: #113F96; color: #fff; } #tusDatosPersonales h2{ font-size: 18px; margin-bottom: 25px; } #tusDatosPersonales input, #formCardValidation input{ border-bottom: solid 1px #113f92; box-shadow: none; } #tusDatosPersonales input:focus, #formCardValidation input:focus{ border-bottom: solid 2px #113f92; box-shadow: none; transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1); -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1); } #tusDatosPersonales .password{ margin-top: 15px; } #tusDatosPersonales .password .checkbox{ margin-bottom: 20px; } #tusDatosPersonales .validation-icon{ font-size:32px; float: right; position: absolute; top:2px; right: -50px; } @media (max-width:767px){ #tusDatosPersonales .validation-icon{ display: none !important; } } #tusDatosPersonales .cc-message-error{ margin-left:12px; padding-top: -5px; } #tusDatosPersonales .icon-ok{ color: #6AC259; } #tusDatosPersonales .icon-fail{ color: #F27474; } #setFullName { margin-bottom: 40px; } input.valid { background-color: #fff; border-bottom: solid 1px #113f92; box-shadow: none; } #tusDatosPersonales input.valid[readonly], #formCardValidation input.valid[readonly]{ background-color: #eee; } body input.invalid.form-control { box-shadow: 0 0 3px #113f96 !important; background-color: rgba(75, 169, 236, 0.2); border: 1px solid #113f96; font-weight: 400; } div.invalid { color: #2A78E4; } div.invalid:before { font-family: 'FontAwesome'; content: "\f062"; color: #2A78E4; display: block; width: 20px; height: 20px; float: left; margin: 0; } #tusDatosPersonales #fullname .invalid.container:last-child, #tusDatosPersonales #nifnie .invalid.container:last-child{ padding-left: 0px; margin-bottom: 10px; } #dbdown { margin: 30px auto 45px auto; } #dbdown h1 { color: #113f8d; } #dbdown h3 { font-size: 27px; color: #333333; } @media (max-width: 767px){ #nav-home{ height: 0px; } #nav-home-mobile h3, .segurosBack h3, .datosBack h3 { font-size: 16px; margin: 5px auto 20px auto; } #nav-home-mobile .nav-tabs > li{ float:none; margin-bottom: 15px; } #nav-home-mobile ul.nav > li:not(:first-child) > a:before { display:none; } #nav-home-mobile ul.nav{ left: 0 } #nav-home-mobile .nav-tabs > li > a { font-size: 16px; color: #fff; background-color: #193e84; margin-left: -16px; margin-right: -16px; } body#page-home-user > footer{ margin-top: 420px; } #nav-home-mobile .desconectar{ background-color: rgba(204, 204, 204, 0.22); padding: 5px 15px 0px 8.33333333%; margin-top: 20px; } #nav-home-mobile .desconectar p{ color: #333; } #infoTarjeta h3, .segurosBack h3, .datosBack h3{ font-size: 18px; margin: 10px auto 20px auto; } #infoTarjeta h3 > a, .segurosBack h3 > a, .datosBack h3 > a{ margin: auto 15px auto -5px; padding: 5px; } #infoTarjeta a[data-toggle="tab"]{ margin: 20px auto; } main #infoTarjeta h2, main #productosContratados h2{ font-size: 23px; margin-top: 0px; } #tablaMoviles, #containerCuponesMoviles{ margin-top: 30px; } main #tusDatosPersonales .passNuevaBlock div:first-child{ margin-bottom: 20px; } #tusDatosPersonales > div:not(.datosBack){ padding-left: 15px; } #tusDatosPersonales #fullname a.btn4 { top: 20px; } #tusDatosPersonales .btn4 { top: 18px; } #tusDatosPersonales #accept-pass.btn4{ top: 0; } #tusDatosPersonales h2.datos{ margin-top: 0; } #tusDatosPersonales .password{ margin-top: 20px; } #tusDatosPersonales .notificaciones{ margin-top: 15px; } } .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; overflow: hidden; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-initialized .slick-slide { display: block; padding: 0; } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; min-height: 1px; padding: 0; } [dir='rtl'] .slick-slide { float: right; } .campaing-products-slider .slick-slide img { display: block; padding: 0; max-height: 175px; margin: auto; } .special-slick-image { max-height: 240px !important; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; padding: 15px 10px; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-prev, .slick-next { font-size: 0px; line-height: 1; position: absolute; top: 50%; display: block; width: 30px; height: 30px; margin-top: -10px \9; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); border: 0; transform: translate(0, -50%); cursor: pointer; color: #113F92; outline: none; background: #ffffff; border: 1px solid #113F92; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; z-index: 7; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 1; } .slick-disabled { background: #ffffff; opacity: 1; cursor: default; border: 1px solid #DDDDDD; } .slick-prev:before, .slick-next:before { font-family: "FontAwesome"; font-size: 14px; color: #113F92; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-disabled:before, .slick-disabled:before { font-family: "FontAwesome"; font-size: 14px; color: #DDDDDD; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: 0px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: "\f053"; } [dir='rtl'] .slick-prev:before { content: "\f053"; } .slick-next { right: 0px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: "\f054"; } [dir='rtl'] .slick-next:before { content: "\f054"; } .slick-slider { padding: 0 40px; } .blog-slider.slick-initialized .slick-slider { padding: 0px 10px; } @media (min-width:961px) { .blog-slider.slick-slider { padding: 0; margin: 0 -10px; } } .slick-dots { position: absolute; bottom: 30px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 13px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .5; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } .filter { height: 30px; width: 100%; text-align: center; display: none; } .filter label { font-weight: 300; font-size: 15px; color: #113F8F; line-height: 23px; text-align: left; } .filter button { border: 0; background: inherit; font-size: 14px; } .range-slider .input-range { -webkit-appearance: none; width: 150px; height: 3px; border: 0; border-radius: 8px; background: #ccc; outline: none; padding: 2px; float: left; margin-top: 10px; margin-right: 15px; } .submit-close-to { max-width: 100px; margin-top: 0px; } .range-slider .input-range::-webkit-slider-thumb { -webkit-appearance: none; width: 13px; height: 13px; border-radius: 50%; background: #e06161; display: block; cursor: pointer; -webkit-transition: background .15s ease-in-out; transition: background .15s ease-in-out; } .range-slider .input-range::-webkit-slider-thumb:hover { background: #353535; } .range-slider .input-range:active::-webkit-slider-thumb { background: #e06161; } .range-slider .input-range::-moz-range-thumb { width: 13px; height: 13px; border: 0; border-radius: 50%; background: #353535; cursor: pointer; -webkit-transition: background .15s ease-in-out; transition: background .15s ease-in-out; } .range-slider .input-range::-moz-range-thumb:hover { background: #e06161; } .range-slider .input-range:active::-moz-range-thumb { background: #e06161; } .range-slider .range-value { display: inline-block; width: 60px; color: #113F8F; font-size: 14px; line-height: 20px; text-align: center; border-radius: 3px; padding: 1px 5px; position: relative; float: left; font-weight: 500; margin-right: 30px; } .range-slider .range-value:after { position: absolute; top: 1px; width: 0; height: 0; right: 11px; content: 'km'; font-weight: 500; } ::-moz-range-track { background: #ccc; border: 0; } input::-moz-focus-inner { border: 0; } .range-slider .input-range::-ms-slider-thumb { -ms-appearance: none; width: 13px; height: 13px; border-radius: 50%; background: #e06161; display: block; cursor: pointer; -ms-transition: background .15s ease-in-out; transition: background .15s ease-in-out; } .range-slider .input-range::-ms-slider-thumb:hover { background: #353535; } .range-slider .input-range:active::-ms-slider-thumb { background: #e06161; } .slider-products-content-home { padding: 20px; background-color: #EDEDED; } .slider-products-btn { margin-top: 20px; margin-bottom: 20px; padding: 7px 12px 5px 12px; font-size: 14px; } @media (max-width:767px) { .slider-products-content-home { padding: 0px; background-color: transparent; } .slider-products-btn { margin-top: 30px; float: none; } } @media (max-width:556px) { .slider-products-btn { width: 100%; } } .slider-products-content-home .slick-initialized .slick-slide { padding: 0 10px; } .slider-products-content-home .product-card { margin-top: 0; } .product-card { border: 1px solid #D9D9D9; background-color: #FFFFFF; height: 320px; position: relative; max-width: 210px; opacity: 0.9; min-width: 200px; } @media (min-width: 1187px) { .col-lg-9 .product-card { max-width: 180px; min-width: 175px; } } .product-card-actions { position: absolute; top: 0; right: 0; width: 100%; z-index: 1; } .product-card-like span { padding: 5px; font-size: 24px; color: #F0BEC7; line-height: 40px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .product-card-actions li { float: right; } .product-card-photo { display: table-cell; padding-top: 15px; text-align: center; z-index: 8; height: 190px; vertical-align: middle; } .product-name-ellipsis { height: 40px; overflow: hidden; } .media-home { display: table !important; table-layout: fixed; zoom: 1; height: 190px; max-height: 190px; padding: 10px; } .product-card-name h3 { margin: 0; text-overflow: ellipsis; line-height: 19px; color: #000000; font-size: 17px; font-weight: 300; overflow: hidden; display: block; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -moz-line-clamp: 2; -moz-box-orient: vertical; -ms-line-clamp: 2; -ms-box-orient: vertical; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-align: left; padding: 0 10px; } .product-card-prices { padding: 7px 10px; } .product-card-offer-price, .product-card-previous-price { font-size: 16px; text-decoration: line-through; font-weight: 100; color: #848484; text-align: left; } .product-card-price { text-align: right; color: #113F92; font-size: 20px; } .price-home { font-size: 17px; } .segurosConfig { text-align: center; padding-top: 20px; } #productosContratados .segurosConfig h3 { margin: 0; } #productosContratados .segurosConfig .especificacionesContratados { text-decoration: underline; position: relative; top: -10px; } #cardValidation.step1 .hidden-step1, #cardValidation.step2 .hidden-step2, #cardValidation.step3 .hidden-step3, #cardValidation .visible-step1, #cardValidation .visible-step2, #cardValidation .visible-step3, #cardValidation .error-ajax-interno, #cardValidation .error-ajax-dni, #cardValidation .error-ajax-movil, #cardValidation .error-ajax-movil-no-registrado, #cardValidation .error-ajax-codigo, #cardValidation .error-ajax, #emailRequirement .error-ajax { display: none; } #cardValidation.step1 .visible-step1, #cardValidation.step2 .visible-step2, #cardValidation.step3 .visible-step3 { display: block; } #cardValidation .black-font h3, #cardValidation .black-font h2{color: black; font-weight: 600;} #page-home-user-personal label, #formEmailRequirement p, #cardValidation p, #tusDatosPersonales p{ font-size: 14px; } #page-home-user-personal input, #page-home-user input, #cardValidation .input_value{ font-size: 14px; } #cardValidation div.container .contentValid, #emailRequirement div.container .contentValid { padding-left: 55px; } #formCardValidation .form-group, #emailRequirement .form-group { margin-bottom: 20px; } #formCardValidation .form-group p, #emailRequirement .form-group p { vertical-align: middle; } #formcodigosms label, #formCardValidation .form-group:not(.checkbox) label { color: #113F96; } #formCardValidation .btn { margin-right: 20px; } #formCardValidation .checkbox input{ display:block; visibility: hidden; } .checkValid, .checkInValid{ border: 1px solid #ccc; padding: 8px; color: #0076de; font-size: 14px; } .checkValid i, .checkInValid i{ float:right; } .ok-icon { display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin: 0px 10px 0px 10px; } .ok-icon > svg { width: 100%; height: 100%; } .warning-icon{ display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin: 0px 10px 0px 10px; } .warning-big-icon{ width: 45px; height: 45px; margin-top: -5px; } .warning-icon > svg{ width: 100%; height: 100%; } .ok-icon .checkmark { stroke: green; stroke-dasharray: 745.74853515625; animation: okIconCheckmark 2s ease-out forwards; } @keyframes okIconCheckmark { from { stroke-dashoffset: 745.74853515625; } to { stroke-dashoffset: 0; } } #spinner-ventajon { text-align: center; position: fixed; left: 0; right: 0; top: 0; bottom:0; z-index: 999; background-color: rgba(0, 0, 0, 0.65); height: 100%; display: block; } #spinner-ventajon .ajax-loader { position: absolute; top: 35%; right:0; left:0; } #spinner-ventajon img, #spinner-ventajon span { display: block; margin: 0 auto; color: #fff; font-weight: 600; } #spinner-ventajon span { margin-top: 15px; } #cardValidation .error-ajax i, #emailRequirement .error-ajax i, #emailRequirement .error-color, #cardValidation .error-color{ color: #0076de; } #cardValidation .input_value, #emailRequirement .input_value { margin-right: 5px; } #formEmailRequirement p{ color: #113F96; font-weight: 600; } #contenidosTarjetaDescuentos { background-size: cover; height: 500px; padding: 0; color: #fff; width: 103%; } #contenidosTarjetaDescuentos.islas { background-image: url('/assets/images/home/main/zona-personal-tu-cuenta-islas-desktop.jpg'); } #contenidosTarjetaDescuentos.peninsula { background-image: url('/assets/images/home/main/zona-personal-tu-cuenta-peninsula-desktop.jpg'); } #contenidosTarjetaDescuentos h2 { color: #fff; margin-top: 50px; font-size: 32px; } #bannerTarjetaUsers { background-color: #e46828; } @media (max-width: 767px){ #cardValidation .datosBack, #emailRequirement .datosBack { font-size: 16px; vertical-align: top; } #cardValidation .datosBack h3, #emailRequirement .datosBack h3{ margin:0; width:auto; display:inline-block; } #cardValidation .fa, #emailRequirement .fa { margin-right: 20px; } #cardValidation .datosBack + div > h3, #emailRequirement .datosBack + div > h3 { margin-top: 0; } #cardValidation div.container .contentValid, #emailRequirement div.container .contentValid { padding-left: 15px; } #emailRequirement .call-request .btn { margin: 5px 0 25px 0; } #bannerTarjetaUsers { background-color: transparent; } #bannerTarjetaUsers .container { padding: 0; } #bannerTarjetaUsers .visible-xs { padding: 0 15px; margin-bottom: 25px; } #bannerTarjetaUsers .visible-xs p { color: #333; } #contenidosTarjetaDescuentos.islas { background-image: url('/assets/images/home/main/zona-personal-tu-cuenta-islas-mobile.jpg'); } #contenidosTarjetaDescuentos.peninsula { background-image: url('/assets/images/home/main/zona-personal-tu-cuenta-peninsula-mobile.jpg'); } } @media only print { body.non-print main > section, .modal-backdrop.toPrint { display: none !important; visibility: hidden !important; } .modal.toPrint { position: relative; overflow: hidden; visibility:visible; width: 100%; font-size: 80%; } .modal.toPrint label { margin-top: 5px; } .modal.toPrint input { border: 0px; border-bottom: 1px solid #efefef; padding: 0px; margin-top:0; margin-bottom: 5px; width: 100%; } .modal.toPrint .check-data-area { margin-top: 15px; padding: 0; } .modal.toPrint .nav .li { visibility: hidden; } .modal.toPrint .nav .li.active { visibility: visible; } } nav .nav-tpvcards { margin: 0 0 0 10%; padding: 0; list-style: none; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; } nav .nav-cofidiscard { padding: 0; list-style: none; } @media (min-width: 992px) { nav .nav-tpvcards, nav .nav-cofidiscard { display: inline-block !important; } } nav .nav-tpvcards li, nav .nav-cofidiscard li { float: left; margin: 0 20px 0 15px; } nav .nav-tpvcards .nav-title-tpvcards, nav .nav-cofidiscard .nav-title-cofidiscard { margin-top: 5px; font-weight: 600; font-size: 13px; color: #113f96; text-align: right; max-width: 155px; } nav .nav-tpvcards .cards img, nav .nav-cofidiscard .cards img { height: 45px; } .tit-company { color: #d10026; margin-left: 15px; font-size: 16px; vertical-align: bottom; top: -10px; position: relative; } @media (max-width: 359px) { .tit-company { font-size: 12px; margin-left: 5px; } } ul#submenu-business-actions { margin-top: 15px; } #submenu-business li a.sel { font-weight:bold; } #submenu-business li a:hover{ text-decoration: underline; } #submenu-business li img { margin-right: 5px; } .ventaja-empresas { max-width: 700px; margin: 100px 0 18px 0px; } .intro-business { background-image: url('../images/fondo-business.jpg'); background-size: cover; background-repeat: no-repeat; margin-top: 30px; } @media (max-width: 1200px) { .intro-business { background-size: auto 400px; background-position: right bottom; padding-bottom: 100px; } } @media (max-width: 767px) { .intro-business { background-size: auto 200px; background-position: right bottom; padding-bottom: 100px; } .ventaja-empresas { margin: 0px 0 18px 0px; } } .intro-business-content { font-weight: 400; } .m-content-business { margin-top: 0; } .invoices { margin-top: 50px; } .invoice-size { font-size: 18px; width: auto; } .title-business { text-align: left; font-size: 35px; font-weight: 500; max-width: 500px; margin: 0; } .invoice-options { padding: 0; } @media (min-width: 992px) { .invoices { margin-top: 20px; } .p-menu-business { margin-right: 0 !important; } .intro-business { padding-top: 0; } } @media (min-width:1200px) { .intro-business { background-image: url(../images/fondo-business.jpg); background-size: cover; height: 750px; } } .call-free-action { color: #113F96; } .call-free-action .btn { margin-top:5px; } @media (max-width: 576px) { body[id*=business-] .modal .btn, body[id*=business-] main .btn { width: 100%; } } #page-business-home .banner { min-height: 350px; color: #ffffff; position: relative; padding: 0; background-color: rgba(48, 59, 81, 1); background-image: linear-gradient(to right, rgba(48, 59, 81, 1) 20%, rgba(226, 192, 165, 1) 80%); } #page-business-home .banner::before { height: 350px; width: 100%; content: ''; display: block; position: absolute; top:0; left:0; right:0; background-image: url(../images/business/foto-banner-empresas.jpg); background-size: cover; background-repeat:no-repeat; background-position: 50% 50%; } @media (min-width:1500px) { #page-business-home .banner::before { background-size: contain; } } #page-business-home .banner > .container::before { display: block; position: absolute; top:0; left:0; background-image: linear-gradient(to right, rgba(48, 59, 81, 0.9) 0%, transparent 100%); height: 350px; width: 50%; content: ''; } @media (max-width:360px) { #page-business-home .banner { min-height: 380px; } #page-business-home .banner::before { height: 380px; background-image: url(../images/business/foto-banner-empresas-m.jpg); background-size: cover; background-repeat:no-repeat; background-position: 50% 50%; } #page-business-home .banner > .container::before { height: 380px; } } @media (max-width:767px) { #page-business-home .banner > .container::before { background-image: linear-gradient(to bottom, rgba(48, 59, 81, 0.9) 0%, transparent 100%); width: 100%; } } @media (min-width:768px) and (max-width:991px) { #page-business-home .banner .banner-content { margin-left:15px; } } #page-business-home .banner h1, #page-business-home .banner h2, #page-business-home .banner .call-free-action { color: #ffffff; } #page-business-home .banner h1 { font-size: 39px; text-transform: uppercase; } #page-business-home .banner h1 strong { font-size: 44px; } #page-business-home .banner h1 strong:before { content: ' '; clear: right; display: block; } #page-business-home .banner h2 { margin-top: 40px; font-size: 18px; } #page-business-home .banner .call-free-action { margin-top:20px; } #page-business-home .banner .call-free { font-size: 16px; } #page-business-home main ul { padding-left: 15px; } #page-business-home section h3 { font-size: 16px; color: #113F96; } #page-business-home section#section-marketing-advantages h3 { text-transform: uppercase; } @media (max-width:991px) { #section-marketing-advantages .row > .col-sm-6:nth-child(2n+1) { clear: left; } } #page-business-home section img { margin-bottom: 10px; } #page-business-home section.section-call-request h3 { margin-top: 0; font-size: 14px; } #page-business-home section.section-call-request hr { border-color: #bbbbbb; } #page-business-home section.section-call-request { background-color: #eeeeee; margin: 45px 0 45px 0; padding: 25px 0 15px 0; } #page-business-home section.m0 { margin: 0px; } @media (min-width:768px) { #moreInfoCollapse.collapse, #moreInfoCollapse2.collapse { display: block; } } #moreInfoFormToggleBtn:not(.collapsed), #moreInfoFormToggleBtn2:not(.collapsed) { float: right; } #moreInfoFormToggleBtn .tooglebtn, #moreInfoFormToggleBtn2 .tooglebtn { display: none !important; } #moreInfoFormToggleBtn.collapsed .tooglebtn, #moreInfoFormToggleBtn2.collapsed .tooglebtn { display: block !important; } #moreInfoFormToggleBtn .fa-close, #moreInfoFormToggleBtn2 .fa-close { font-size: 24px; line-height: 24px; cursor: pointer; } .section-call-request .btn-title { color: #113F96; font-size:13px; line-height: 24px; margin-top: 10px; } #moreInfoFormToggleBtn.collapsed + .btn-title, #moreInfoFormToggleBtn2.collapsed + .btn-title { display: none !important; } #moreInfoFormToggleBtn.collapsed .fa-close, #moreInfoFormToggleBtn2.collapsed .fa-close { display: none !important; } .form, .login-form, .call-request { font-family: 'Roboto', sans-serif; } .form .form-group .form-control { margin-bottom: 10px; } .form label.control-label { font-weight: 400; color: #113f92; } .form .form-group input[type=file] { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .form input[type="file" i] { align-items: baseline; color: inherit; text-align: start; } .form input[type="file" i] { -webkit-appearance: initial; background-color: initial; padding: initial; border: initial; } .form button.form-control, .form input.form-control, .form textarea.form-control, .login-form input.form-control, .call-request input.form-control { font-family: 'Roboto', sans-serif; color: #333333 !important; padding: 6px 6px 4px 6px; border: none; border: solid 1px #cccccc; border-bottom: solid 1px #113f92; -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1); -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1); background: -webkit-linear-gradient(top, #113f92 0%, #113f92 100%); background: linear-gradient(to bottom, #113f92 0%, #113f92 100%); background-position: left bottom !important; background-size: 0 0 !important; background-repeat: no-repeat; color: #113f92; border-radius: 0; background-color: #ffffff; } .form textarea.form-control { padding: 10px 6px 4px 6px; } .login-form input.form-control, .call-request input.form-control { display: block; } .form textarea.form-control:focus, .form input.form-control:focus, .login-form input.form-control:focus, .call-request input.form-control:focus { box-shadow: none !important; -webkit-box-shadow: none !important; outline: none !important; background-size: 100% 1px !important; border-bottom: solid 1px #113f92 !important; padding: 9px 6px 0px 6px; } .form textarea.form-control:focus { padding: 14px 6px 0px 6px; } .form .form-group, .login-form .form-group, .call-request .form-group { position: relative; } .form .form-group:not(.checkbox) label, .login-form .form-group:not(.checkbox) label, .call-request .form-group:not(.checkbox) label { pointer-events: none; position: absolute; top: 8px; left: 6px; font-size: 13px; color: #999; color: transparent; font-weight: 300; width: 100%; z-index: 1; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all; background-color: transparent; } .form textarea:focus::-webkit-input-placeholder, .form input:focus::-webkit-input-placeholder, .login-form input:focus::-webkit-input-placeholder, .call-request input:focus::-webkit-input-placeholder { color: transparent !important; } .form textarea:focus::-moz-placeholder, .form input:focus::-moz-placeholder, .login-form input:focus::-moz-placeholder, .call-request input:focus::-moz-placeholder { color: transparent !important; } .form textarea:focus:-moz-placeholder, .form input:focus:-moz-placeholder, .login-form input:focus:-moz-placeholder, .call-request input:focus:-moz-placeholder { color: transparent !important; } .form input.form-control:focus ~ label, .form textarea.form-control:focus ~ label, .login-form input.form-control:focus ~ label, .call-request input.form-control:focus ~ label { font-family: 'Roboto', sans-serif; color: #113f92; font-size: 10px !important; letter-spacing: 0.03em; font-weight: 400; top: 2px; left: 6px; z-index: 1; } .acept-legal-text { font-size: 12px; font-family: 'Roboto', sans-serif; font-weight: 400; } .acept-legal-text a { text-decoration: underline; } .form .acept-legal-text, .call-request .acept-legal-text, .login-form .acept-legal-text { font-size: 11px; } .form .form-control textarea, .call-request .form-control textarea { min-height: 200px; } @media (max-width:767px) { .form .form-group, .call-request .form-group { margin: 0px 0 20px 0; } .call-request .btn { margin: 5px 0 5px 0; } .form .form-control, .call-request .form-control { display: block; width: 100%; height: 40px; padding: 6px 12px; font-size: 15px; line-height: 1.42857143; } .form .bootstrap-select.form-control { padding: 6px 0px; } .form textarea.form-control , .call-request textarea.form-control { height: 150px; } .acept-legal-text { font-size: 13px; } } #loginModalCompany h3 { } #loginModalCompany h3.collapse-icon { margin: 15px 0; cursor: pointer; } #loginModalCompanyxx h3.collapse-icon:before { content: ""; width: 1px; height: 40px; position: absolute; top: 10px; right: 63px; border-left: 1px solid #cccccc; } #loginModalCompanyxx h3.collapse-icon:after { font-family: 'FontAwesome'; content: "\f078"; position: absolute; right: 30px; -webkit-transition: 0.2s all ease-in-out; -webkit-transform: scale(1) rotate(180deg); transform: scale(1) rotate(180deg); } #loginModalCompanyxx h3.collapse-icon.collapsed:after { -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } #loginModalCompanyxx .modal-body .col-sm-6:nth-of-type(2) { border-left: 0px solid #ccc; } @media (min-width:576px) { #loginModalCompany p .btn { margin-left:15px; } } .form-link { text-decoration: underline; margin-left: 0px; line-height: 2em; } .form-link:hover { color: #d10026; } @media (max-width:767px) { .form-link { line-height: 2em; } } @media (max-width:767px) { #loginModalCompany .collapse-group { background-color: #eeeeee; padding: 5px 15px 5px 15px; } #loginModalCompany .collapse-group .collapse.in { margin-bottom: 15px; } #loginModalCompany .modal-body .col-xs-12:not(:first-child) .collapse-group { border-top: 1px solid #D7D7D7; } #loginModalCompany .collapse-group .btn-login { display: block; } #loginModalCompany p .c-b { display: block; margin-bottom: 15px; } } @media (min-width:768px) { #loginModalCompany .collapse { display: block; } } #modalContact h3 { font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 600; margin: 0; } body[id*=business-] .menu-show, body[id*=business-] #menuMobile a, body[id*=business-] #menuMobile:not(.open) .btn-dropdownmenu { color: #d10026; } main > .container { margin-top: 0; } @media (min-width:768px){ #contactCompanyForm > .col-xs-12.col-sm-3.col-md-3.col-lg-3{ margin-left:-10px; } } @font-face { font-family: Eufoniem; src: url(/assets/fonts/Eufoniem_One.ttf); } body[id^="page-business-home"] > footer { margin-top: 0px; } [id^="page-business-home-index"] .container-callmebutton { display: none; } [id^="page-business-home"] .btn-callcenter.fixed { position: fixed; top: 15px; right: 15px; color: #ffffff; background-color: #113f96; float: right; min-width: 40px; min-height: 40px; line-height: 40px; font-size: 28px; padding: 0; text-align: center; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3); display: hidden; } @media (max-width: 767px) { [id^="page-business-home"] .btn-callcenter.fixed { top: 75px; } } [id^="page-business-home"] .nav-back { margin-top: 7px; margin-bottom: 5px; min-height: auto; } [id^="page-business-home"] .banner h1 { margin-top: 5px; } [id^="page-business-home"] #banner-index.banner h2 { margin-top: 35px; } [id^="page-business-home"] .banner .container { text-align: left; } [id^="page-business-home"] .banner { min-height: 350px; padding-top: 10px !important; color: #ffffff; position: relative; padding: 0; background-size: contain; background-position: center bottom; background-repeat: no-repeat; } [id^="page-business-home"] #banner-index.banner { background-image: url(../images/business/banner-empresas-index.jpg); background-position: 38% 0px; background-size: cover; } @media (max-width: 992px) { [id^="page-business-home"] #banner-index.banner { background-position: 305px 20px; } } @media (max-width: 767px) { [id^="page-business-home"] #banner-index.banner { background-position: 305px 20px; } } @media (max-width: 540px) { [id^="page-business-home"] #banner-index.banner { background-position: 400px 20px !important; background-size: auto; } } @media (max-width: 380px) { [id^="page-business-home"] #banner-index.banner { background-position: 360px 20px !important; background-size: auto; } } @media (max-width: 480px) { [id^="page-business-home"] .banner { min-height: 380px; } [id^="page-business-home"] #banner-index.banner .banner-content { width: 90%; } [id^="page-business-home"] .banner .btn { position: relative; left: 15px; right: 15px; width: auto; } [id^="page-business-home"] .banner h1 { font-size: 31px !important; } } [id^="page-business-home"] section .box h1, [id^="page-business-home"] section .box h2, [id^="page-business-home"] section .box h3, [id^="page-business-home"] section .box p, [id^="page-business-home"] section .box li { color: #000000; } [id^="page-business-home"] section .box h2 { font-weight: bold; font-size: 28px; margin-top: 20px; margin-bottom: 18px; } @media (max-width: 480px) { [id^="page-business-home"] section .box h2 { font-weight: bold; font-size: 26px; margin-top: 20px; margin-bottom: 18px; } } [id^="page-business-home"] section .box h3 { font-weight: 300; font-size: 24px; margin-top: 20px; margin-bottom: 18px; } [id^="page-business-home"] section .box p { font-weight: 400; font-size: 14px; } [id^="page-business-home"] section .bg-white p { padding: 2px 10px 2px 10px; background-color: #ffffff; color: #000000; font-size: 14px; line-height: 1.6em; padding: 4px 10px; margin-bottom: 4px; } [id^="page-business-home"] section .bg-white .number { font-size: 18px; padding-right: 8px; font-weight: 500; } @media (min-width: 768px) { [id^="page-business-home"] section .bg-white span.adjust-r-visible-xs { padding-right: 0px; } [id^="page-business-home"] section .bg-white span.adjust-l-visible-xs { padding-left: 0px; } [id^="page-business-home"] main > .container { margin-top: 0; } } [id^="page-business-home"] section p.info-legal-text { margin-top: 30px; color: #fff; font-size: 0.95em; } [id^="page-business-home"] section p.info-legal-text.black { margin-top: 30px; color: #333; font-size: 10px; text-shadow: none; } [id^="page-business-home"] section p.info-legal-text.black .tae-tag { font-size: 11px; } [id^="page-business-home"] section#main-part { padding-top: 50px; padding-bottom: 100px; text-align: center; } [id^="page-business-home"] section .business-menu > div { margin-bottom: 35px; } [id^="page-business-home"] section .business-menu h2 { font-size: 40px; } [id^="page-business-home"] section .business-menu span { font-size: 22px; color: #113f96; font-weight: bold; margin-bottom: 10px; } [id^="page-business-home"] section .business-menu p { margin-top: 15px; } [id^="page-business-home"] section .business-menu a:hover { text-align: center; font-weight: bold; color: #0a6ebd; } [id^="page-business-home"] section .business-menu .zoom { transition: transform 0.2s; margin: 0 auto; } [id^="page-business-home"] section .business-menu .zoom:active, [id^="page-business-home"] section .business-menu .zoom:focus, [id^="page-business-home"] section .business-menu .zoom:hover { transform: scale(1.1); } [id^="page-business-home"] section#main-part .img-box { width: 100%; min-height: 290px; margin: 0px 0px 15px 0px; overflow: hidden; position: relative; text-align: center; } [id^="page-business-home"] section#main-part .img-box img { position: absolute; top: auto; left: 0; bottom: 0; right: 0; width: auto; height: auto; max-width: auto; margin: auto auto 0; vertical-align: bottom; display: inline-block; margin-left: auto; margin-right: auto; } @media (max-width: 480px) { [id^="page-business-home"] section#main-part { padding-top: 30px; padding-bottom: 30px; text-align: center; } [id^="page-business-home"] section#main-part .img-box { min-height: 290px; } [id^="page-business-home"] section#main-part .img-box.img-box2 img { max-width: 100%; max-height: inherit !important; bottom: auto; top: 10px; } } @media (min-width: 481px) and (max-width: 767px) { [id^="page-business-home"] section#main-part .img-box.img-box2 img { min-width: 100%; max-width: 100%; height: auto; min-height: 100%; max-height: inherit !important; bottom: auto; top: 10px; } } @media (max-width: 991px) { [id^="page-business-home"] section .business-menu a { font-size: 20px; } [id^="page-business-home"] section#main-part { padding-top: 60px; padding-bottom: 45px; text-align: center; } [id^="page-business-home"] section#main-part .img-box { min-height: 220px; } } [id^="page-business-home"] section#take-part { padding-top: 0px; padding-bottom: 40px; background-color: #b480bb; color: #ffffff; } [id^="page-business-home"] section#take-part h2, [id^="page-business-home"] section#take-part h3, [id^="page-business-home"] section#take-part p { color: #ffffff; } [id^="page-business-home"] section#take-part p { font-size: 1.2em; text-align: center; } [id^="page-business-home"] section#take-part p strong { font-size: 2.8em; } @media (min-width: 992px) { [id^="page-business-home"] section#take-part p strong { font-size: 3.8em; } } [id^="page-business-home"] section#take-part h2.section-title::after { border-bottom: 1px solid #ffffff; bottom: 0.3em; } [id^="page-business-home"] #banner-getclients.banner { background-color: #fff; background-image: url(../images/business/mano.png); background-size: 1920px auto; background-position: center bottom; background-repeat: no-repeat; } [id^="page-business-home"] #banner-getclients.banner h1 { font-weight: bold; text-align: center; } [id^="page-business-home-getclients"] section .box { padding-left: 100px; padding-right: 100px; } [id^="page-business-home"] section#part-getclients-1 { color: #000; font-size: 22px; text-align: center; padding-top: 60px; padding-bottom: 60px; } [id^="page-business-home"] section#part-getclients-1 p { color: #000; font-size: 26px; } @media (max-width: 480px) { [id^="page-business-home"] section#part-getclients-1 { padding-top: 30px; padding-bottom: 30px; overflow: hidden; } [id^="page-business-home"] section#part-getclients-1 .box { padding-right: 15px; padding-left: 15px; } [id^="page-business-home"] section#part-getclients-1 p { font-size: 20px; } } [id^="page-business-home"] section#part-getclients-2 { background-color: #c4e8ff; padding-top: 60px; padding-bottom: 90px; overflow: hidden; background-image: url(../images/business/bg-azul.png); background-size: 1920px auto; background-position: center top; background-repeat: no-repeat; } [id^="page-business-home"] section#part-getclients-2 .title { color: #000; font-size: 38px; line-height: 34px; font-weight: 200; margin-bottom: 18px; } [id^="page-business-home"] section#part-getclients-2 .subtitle { color: #000; font-size: 18px; font-weight: 200; margin-top: 0; } [id^="page-business-home"] section#part-getclients-2 .arrow-1 { width: 38px; height: 76px; } [id^="page-business-home"] section#part-getclients-2 .arrow-2 { width: 38px; height: 76px; margin-top: 100px; } [id^="page-business-home"] section#part-getclients-2 .description { color: #000; font-size: 16px; font-weight: 200; } [id^="page-business-home"] section#part-getclients-2 .description p { margin-bottom: 0; } [id^="page-business-home"] section#part-getclients-2 .box { padding-right: 320px; } [id^="page-business-home"] section#part-getclients-2 .box:before { position: absolute; content: ""; min-height: 100%; width: 100%; background-image: url(../images/business/bg-getclients-sec2.png); background-size: 560px auto; background-position: right 10px; background-repeat: no-repeat; top: -60px; bottom: -110px; right: -255px; } @media (max-width: 1024px) { [id^="page-business-home"] section#part-getclients-2 .box:before { background-position: right bottom; } } @media (min-width: 768px) { [id^="page-business-home"] section#part-getclients-2 .box h2.bg-white span, [id^="page-business-home"] section#part-getclients-2 .box h2.bg-white { white-space: nowrap; } .p-l-0 { padding-left: 0; } .p-r-0 { padding-right: 0; } } @media (max-width: 768px) { [id^="page-business-home"] section#part-getclients-2 { overflow: hidden; } [id^="page-business-home"] section#part-getclients-2 .box { padding-right: 60px; padding-left: 60px; bottom: 50px; } [id^="page-business-home"] section#part-getclients-2 .box:before { background-image: url(../images/business/bg-getclients-sec2.png); background-size: auto 320px; background-position: right bottom; background-repeat: no-repeat; top: auto; bottom: -150px; right: -40px; } [id^="page-business-home"] section#part-getclients-2 .box p:last-child { padding-right: 140px; } [id^="page-business-home"] section#part-getclients-2 .box p:nth-child(5) { margin-right: 90px; } [id^="page-business-home"] section#part-getclients-2 .box p:nth-child(6), [id^="page-business-home"] section#part-getclients-2 .box p:nth-child(7) { margin-right: 105px; } } @media (max-width: 480px) { [id^="page-business-home"] section#part-getclients-2 { background-image: none; } [id^="page-business-home"] section#part-getclients-2 .box { padding-right: 15px; padding-left: 15px; } [id^="page-business-home"] section#part-getclients-2 .box:before { background-image: url(../images/business/bg-getclients-sec2.png); background-size: auto 230px; background-position: right bottom; background-repeat: no-repeat; top: auto; bottom: -150px; right: -15px; } [id^="page-business-home"] section#part-getclients-2 .box p { margin-right: 0px !important; } [id^="page-business-home"] section#part-getclients-2 .box p.info-legal-text { margin-right: 60px; } } [id^="page-business-home"] section#part-getclients-3 { background-color: #fff; padding-top: 100px; padding-bottom: 60px; background-image: url(../images/business/bg-sentado.png); background-size: 1920px auto; background-position: center top; background-repeat: no-repeat; } [id^="page-business-home"] section#part-getclients-3 .title { color: #000; font-size: 38px; line-height: 34px; font-weight: 200; margin-bottom: 18px; } [id^="page-business-home"] section#part-getclients-3 .bg-white .badge_important { position: relative; background-color: #d10026; color: #fff; font-weight: 200; padding: 2px 8px; margin-left: 47px; } [id^="page-business-home"] section#part-getclients-3 .bg-white .badge_important::before { content: ""; height: 0; position: absolute; top: 0; width: 0; border-bottom: 10px solid transparent; border-right: 8px solid #d10026; border-top: 10px solid transparent; left: -8px; } [id^="page-business-home"] section#part-getclients-3 .subtitle { color: #fff; font-size: 18px; font-weight: 700; margin-top: 0; } [id^="page-business-home"] section#part-getclients-3 .description { color: #fff; font-size: 14px; font-weight: 200; } [id^="page-business-home"] section#part-getclients-3 .box { padding-left: 300px; } [id^="page-business-home"] section#part-getclients-3 .box:before { position: absolute; content: ""; min-height: 100%; width: 100%; background-image: url(../images/business/bg-getclients-sec3.png); background-size: 420px auto; background-position: left 10px; background-repeat: no-repeat; top: -60px; bottom: -60px; left: -190px; } [id^="page-business-home"] section#part-getclients-3 .box .list-how { list-style: none; margin: 30px 0px 5px 0px; padding: 0; } [id^="page-business-home"] section#part-getclients-3 .box .list-how li { display: inline-block; margin: 2px 0px 2px 0px; padding: 2px 10px 2px 30px; font-size: 1.4em; color: #ffffff; background-color: rgba(0, 0, 0, 0.5); position: relative; } [id^="page-business-home"] section#part-getclients-3 .box ol li span::before { position: absolute; color: #ffffff; font-weight: bold; font-size: 1.8em; top: 0px; left: 5px; line-height: 1em; } [id^="page-business-home"] section#part-getclients-3 .box ol li:nth-child(1) span::before { content: "1"; } [id^="page-business-home"] section#part-getclients-3 .box ol li:nth-child(2) span::before { content: "2"; } [id^="page-business-home"] section#part-getclients-3 .box ol li:nth-child(3) span::before { content: "3"; } [id^="page-business-home"] section#part-getclients-3 .box ol li:nth-child(4) span::before { content: "4"; } [id^="page-business-home"] section#part-getclients-3 .box .list-how li span { color: #ffffff; font-weight: 400; padding: 5px 0px 5px 0px; margin: 0; line-height: 1.5em; overflow: hidden; } @media (max-width: 1024px) { [id^="page-business-home"] section#part-getclients-3 .box:before { background-position: left bottom; } } @media (max-width: 768px) { [id^="page-business-home"] section#part-getclients-3 { overflow: hidden; } [id^="page-business-home"] section#part-getclients-3 .box { padding-right: 60px; padding-left: 60px; bottom: 50px; } [id^="page-business-home"] section#part-getclients-3 .box:before { background-image: url(../images/business/bg-getclients-sec3.png); background-size: auto 340px; background-position: left bottom; background-repeat: no-repeat; top: auto; bottom: -150px; left: -15px; } [id^="page-business-home"] section#part-getclients-3 .box .list-how li { font-size: 1.25em; } [id^="page-business-home"] section#part-getclients-3 .box .list-how, [id^="page-business-home"] section#part-getclients-3 .box .info-legal-text { margin-left: 180px; } } @media (max-width: 480px) { [id^="page-business-home"] section#part-getclients-3 .box .list-how { margin-left: 0px; } [id^="page-business-home"] section#part-getclients-3 { background-image: none; background-color: #df9932; } [id^="page-business-home"] section#part-getclients-3 .box .info-legal-text { margin-left: 120px; margin-right: 0px; padding-right: 0px; } [id^="page-business-home"] section#part-getclients-3 { overflow: hidden; } [id^="page-business-home"] section#part-getclients-3 .box { padding-right: 15px; padding-left: 15px; bottom: 50px; } [id^="page-business-home"] section#part-getclients-3 .box:before { background-image: url(../images/business/bg-getclients-sec3.png); background-size: auto 240px; background-position: left bottom; background-repeat: no-repeat; top: auto; bottom: -175px; right: -15px; } [id^="page-business-home"] section#part-getclients-3 .box .list-how li { font-size: 1em; } } [id^="page-business-home"] section#part-getclients-4 { background-color: #ece8df; padding-top: 60px; padding-bottom: 100px; background-image: url(../images/business/cohete.png); background-size: cover; } [id^="page-business-home"] section#part-getclients-4 .row { display: flex; align-items: flex-end; } [id^="page-business-home"] section#part-getclients-4 .block-2 { padding-bottom: 30px; } [id^="page-business-home"] section#part-getclients-4 .block-2 .title { color: #000; font-weight: 900; margin-bottom: 28px; text-transform: uppercase; } [id^="page-business-home"] section#part-getclients-4 .block-2 .description { color: #000; font-weight: 200; font-size: 16px; } [id^="page-business-home"] section#part-getclients-4 .eufoniem { font-family: "Eufoniem", "Roboto"; font-size: 110px; line-height: 30px; margin-left: 30%; color: #fff; } [id^="page-business-home"] section#part-getclients-4 .title { color: #000; font-weight: 200; margin-bottom: 18px; } [id^="page-business-home"] section#part-getclients-4 .title-1 { font-size: 66px; line-height: 63px; } [id^="page-business-home"] section#part-getclients-4 .box-gray { padding: 10px 18px 20px 50px; color: #000; background-color: #fff; margin-top: 40px; margin-bottom: 40px; position: relative; } [id^="page-business-home"] section#part-getclients-4 .box-gray h3 { color: #000; font-weight: bold; font-size: 34px; } [id^="page-business-home"] section#part-getclients-4 .box-gray p { color: #000; font-size: 16px; } @media (max-width: 768px) { [id^="page-business-home"] section#part-getclients-4 { padding-top: 30px; padding-bottom: 20px; overflow: hidden; } [id^="page-business-home"] section#part-getclients-4 .box { padding-right: 60px; padding-left: 60px; } [id^="page-business-home"] section#part-getclients-4 .box-gray { max-width: 70%; } [id^="page-business-home"] section#part-getclients-4 .box:before { background-size: auto 280px; background-position: right bottom; background-repeat: no-repeat; top: auto; bottom: -30px; right: -10px; } } @media (max-width: 480px) { [id^="page-business-home"] section#part-getclients-4 { padding-top: 30px; padding-bottom: 180px; overflow: hidden; background-image: none; background-color: #f4d67e; } [id^="page-business-home"] section#part-getclients-4 .eufoniem { margin-left: 36%; } [id^="page-business-home"] section#part-getclients-4 .row { display: block; } [id^="page-business-home"] section#part-getclients-4 .box { padding-right: 15px; padding-left: 15px; } [id^="page-business-home"] section#part-getclients-4 .box-gray { max-width: 100%; } [id^="page-business-home"] section#part-getclients-4 .box:before { background-size: auto 240px; background-position: center bottom; background-repeat: no-repeat; top: auto; bottom: -190px; right: -15px; } } [id^="page-business-home"] #banner-financing.banner { background-color: #fff; background-image: url(../images/banner_brazo.png); background-position: left; background-repeat: no-repeat; } [id^="page-business-home"] #banner-financing.banner h1 { font-weight: bold; text-align: center; } [id^="page-business-home"] section .box { padding-left: 100px; padding-right: 100px; } @media (max-width: 992px) { [id^="page-business-home"] section .box { padding-right: 60px; padding-left: 60px; } } [id^="page-business-home"] section#part-financing-1 { color: #000; font-size: 22px; text-align: center; padding-top: 60px; padding-bottom: 60px; } [id^="page-business-home"] section#part-financing-1 p { color: #000; font-size: 26px; font-weight: 200; } @media (max-width: 768px) { [id^="page-business-home"] section#part-financing-1 { padding-top: 30px; padding-bottom: 30px; } } @media (max-width: 480px) { [id^="page-business-home"] section#part-financing-1 { padding-top: 30px; padding-bottom: 30px; overflow: hidden; } [id^="page-business-home"] section#part-financing-1 p { font-size: 20px; } } [id^="page-business-home"] section#part-financing-2 { padding-bottom: 60px; background-image: url("../images/brazos.png"); background-size: cover; background-repeat: no-repeat; background-position: center; } [id^="page-business-home"] section#part-financing-2 h2, h3, h4 { color: #000; margin-top: 0; } [id^="page-business-home"] section#part-financing-2 .title { color: #000; font-size: 76px; font-weight: 900; } [id^="page-business-home"] section#part-financing-2 .title-mid { color: #000; font-size: 24px; font-weight: 200; } [id^="page-business-home"] section#part-financing-2 .title-sky { color: #54bfeb; font-size: 62px; font-weight: 900; } [id^="page-business-home"] section#part-financing-2 .title-blue { color: #1673c0; font-size: 62px; font-weight: 900; } [id^="page-business-home"] section#part-financing-2 .items-list { margin-left: -35px; } [id^="page-business-home"] section#part-financing-2 .items-list .icon { color: #54bfeb; font-size: 20px; margin-top: 0; } [id^="page-business-home"] section#part-financing-2 .items-list p { color: #000; font-size: 16px; font-weight: 200; } [id^="page-business-home"] section#part-financing-2 .subtitle-sky { color: #54bfeb; font-size: 20px; font-weight: 700; margin: 0; } [id^="page-business-home"] section#part-financing-2 .items-list-2 { margin-left: -35px; } [id^="page-business-home"] section#part-financing-2 .items-list-2 .icon { color: #1673c0; font-size: 20px; margin-top: 0; } [id^="page-business-home"] section#part-financing-2 .items-list-2 p { color: #000; font-size: 16px; font-weight: 200; } [id^="page-business-home"] section#part-financing-2 .subtitle-blue { color: #1673c0; font-size: 20px; font-weight: 700; margin: 0; } [id^="page-business-home"] section#part-financing-2 .tae-tag { font-size: 26px; } [id^="page-business-home"] section#part-financing-2 .text-box { background-color: #dee0e3; color: #000; font-size: 18px; font-weight: 200; text-align: center; padding: 20px 16px; margin-bottom: 120px; } [id^="page-business-home"] section#part-financing-2 .text-box p { margin: 0; } @media (max-width: 767px) { [id^="page-business-home"] section#part-financing-2 { padding-top: 30px; padding-bottom: 100px; overflow: hidden; } [id^="page-business-home"] section#part-financing-2 .box { padding-right: 15px; padding-left: 15px; } [id^="page-business-home"] section#part-financing-2 .box:before { background-image: url(../images/business/bg-financing-sec2.png); background-size: auto 240px; background-position: right bottom; background-repeat: no-repeat; top: auto; bottom: -150px; right: -15px; } [id^="page-business-home"] section#part-financing-2 .box p:last-child { padding-right: 120px; } } [id^="page-business-home"] section#part-financing-3 { padding-bottom: 150px; padding-top: 60px; background-image: url("../images/brazo.png"); background-size: cover; background-repeat: no-repeat; background-position: center; } [id^="page-business-home"] section#part-financing-3 .eufoniem { font-family: "Eufoniem", "Roboto"; font-size: 110px; font-weight: 400; line-height: 60px; color: #000; padding-left: 16px; } [id^="page-business-home"] section#part-financing-3 .mb-2 { margin-bottom: 20px; } [id^="page-business-home"] section#part-financing-3 .title { color: #000; font-size: 48px; font-weight: 900; } [id^="page-business-home"] section#part-financing-3 .title-mid { color: #000; font-size: 24px; font-weight: 200; line-height: 40px; } [id^="page-business-home"] section#part-financing-3 .title-green { color: #fff; font-size: 62px; font-weight: 900; background-color: #afc346; padding: 0 16px; } [id^="page-business-home"] section#part-financing-3 .text-description { color: #000; font-size: 18px; font-weight: 200; margin-bottom: 30px; } [id^="page-business-home"] section#part-financing-3 .items-list { color: #000; font-size: 24px; font-weight: 900; padding: 0; } [id^="page-business-home"] section#part-financing-3 .items-list li { margin-bottom: 30px; } [id^="page-business-home"] section#part-financing-3 .items-list li::marker { color: #afc346; } [id^="page-business-home"] section#part-financing-3 .box p.info-legal-text.black { padding-left: 190px; padding-right: 110px; font-size: 0.8em; line-height: 1.3em; color: #555555; } @media (max-width: 620px) { [id^="page-business-home"] section#part-financing-3 .box p.info-legal-text.black { padding-right: 0px; } } @media (max-width: 480px) { [id^="page-business-home"] section#part-financing-3 .box:before { background-image: url(../images/business/bg-financing-sec3.png); background-size: auto 310px; background-position: left bottom; background-repeat: no-repeat; top: auto; bottom: -115px; left: -60px; } [id^="page-business-home"] section#part-financing-3 .box p.info-legal-text.black { padding-left: 120px; padding-right: 0px; line-height: 1.1em; } } [id^="page-business-home"] section#part-financing-4 { background-color: #f4a8ab; padding-top: 30px; padding-bottom: 470px; background-image: url(../images/business/bg-financing-sec4.png); background-size: auto 680px; background-position: center 270px; background-repeat: no-repeat; } [id^="page-business-home"] section#part-financing-4 .box { padding-left: 170px; padding-right: 170px; position: relative; } @media (max-width: 992px) { [id^="page-business-home"] section#part-financing-4 .box { padding-left: 60px; padding-right: 60px; } } @media (max-width: 768px) { [id^="page-business-home"] section#part-financing-4 .box { padding-left: 30px; } } [id^="page-business-home"] section#part-financing-4 .box h2 { text-align: center; } [id^="page-business-home"] section#part-financing-4 .box ol { color: #ffffff; font-size: 42px; list-style: none; margin: 30px 0 0 15px; padding: 0; } [id^="page-business-home"] section#part-financing-4 .box ol li { display: inline; list-style-type: none; font-weight: bold; color: #ffffff; background-color: rgba(0, 0, 0, 0.5); font-size: 24px; line-height: 1em; padding: 4px 20px 5px 30px; margin: 2px 70px 15px 5px; float: left; width: auto; position: relative; text-align: center; } [id^="page-business-home"] section#part-financing-4 .box ol li::before { position: absolute; color: #ffffff; font-size: 82px; content: "1"; left: -16px; top: 13px; } @media (max-width: 1200px) { [id^="page-business-home"] section#part-financing-4 .box ol li { font-size: 24px; padding: 4px 10px 5px 25px; margin: 2px 52px 15px 5px; } } [id^="page-business-home"] section#part-financing-4 .box ol li:nth-child(2)::before { content: "2"; left: -29px; } [id^="page-business-home"] section#part-financing-4 .box ol li:nth-child(3)::before { content: "3"; left: -31px; } [id^="page-business-home"] section#part-financing-4 .box ol li:last-child { margin-right: 0px; } @media (max-width: 768px) and (max-width: 992px) { [id^="page-business-home"] section#part-financing-4 .box ol { margin-left: 0%; } } @media (max-width: 767px) { [id^="page-business-home"] section#part-financing-4 { padding-top: 30px; padding-bottom: 250px; overflow: hidden; } [id^="page-business-home"] section#part-financing-4 .box { padding-right: 15px; padding-left: 15px; } [id^="page-business-home"] section#part-financing-4 { background-image: url(../images/business/bg-financing-sec4.png); background-size: 100% auto; background-position: center 115%; background-repeat: no-repeat; } } @media (min-width: 600px) and (max-width: 767px) { [id^="page-business-home"] section#part-financing-4 .box ol li::before { font-size: 72px; left: -16px; top: 13px; } [id^="page-business-home"] section#part-financing-4 .box ol li { font-size: 21px; padding: 4px 9px 5px 19px; margin: 2px 30px 15px 15px; } [id^="page-business-home"] section#part-financing-4 { background-position: center 160%; } } @media (max-width: 599px) { [id^="page-business-home"] section#part-financing-4 .box ol { margin-left: 30%; } } @media (max-width: 480px) { [id^="page-business-home"] section#part-financing-4 .box ol { margin-left: 22%; } [id^="page-business-home"] section#part-financing-4 { background-image: url(../images/business/bg-financing-sec4.png); background-size: 100% auto; background-position: center 105%; } } @media (max-width: 380px) { [id^="page-business-home"] section#part-financing-4 { background-position: center bottom; } } [id^="page-business-home"] #banner-sellonline.banner { background-color: #a4cd7e; background-image: url(../images/business/new-banner-empresas-1.png); background-size: auto 360px; background-position: center; background-repeat: no-repeat; } [id^="page-business-home"] #banner-sellonline.banner h1 { font-weight: bold; color: #000; margin-top: 30px; } [id^="page-business-home"] section#part-sellonline-1 .box { padding-left: 100px; padding-right: 100px; } [id^="page-business-home"] section#part-sellonline-1 { color: #000; font-size: 22px; text-align: center; background-color: #fff; padding-top: 60px; padding-bottom: 60px; background-size: 1920px auto; background-position: center top; background-repeat: no-repeat; } [id^="page-business-home"] section#part-sellonline-1 p { color: #000; font-size: 26px; font-weight: 300; } [id^="page-business-home"] section#part-sellonline-1 p .badge_important { position: relative; background-color: #d10026; color: #fff; font-size: 22px; font-weight: 200; padding: 2px 16px 2px 12px; margin-left: 22px; } [id^="page-business-home"] section#part-sellonline-1 p .badge_important::before { content: ""; height: 0; position: absolute; top: 0; width: 0; border-bottom: 16px solid transparent; border-right: 15px solid #d10026; border-top: 15px solid transparent; left: -15px; } @media (max-width: 768px) { [id^="page-business-home"] section#part-sellonline-1 .box { padding-left: 30px; padding-right: 30px; } [id^="page-business-home"] section#part-sellonline-1 { padding-top: 30px; padding-bottom: 30px; overflow: hidden; } } @media (max-width: 480px) { [id^="page-business-home"] section#part-sellonline-1 .box { padding-right: 15px; padding-left: 15px; } [id^="page-business-home"] section#part-sellonline-1 p { font-size: 20px; } } [id^="page-business-home"] section#part-sellonline-2 { width: 1920px; height: 1240px; background-image: url(../images/business/new-banner-empresas-2.png); background-repeat: no-repeat; background-size: cover; padding-top: 60px; padding-bottom: 60px; overflow: hidden; } [id^="page-business-home"] section#part-sellonline-2 .box { padding-right: 500px; } [id^="page-business-home"] section#part-sellonline-2 .box h2 { white-space: nowrap; } @media (max-width: 1024px) { [id^="page-business-home"] section#part-sellonline-2 .box:before { background-position: right bottom; } } @media (max-width: 480px) { [id^="page-business-home"] section#part-sellonline-2 { height: 700px; padding-top: 30px; padding-bottom: 30px; overflow: hidden; } [id^="page-business-home"] section#part-sellonline-2 .box h2 { white-space: normal; } [id^="page-business-home"] section#part-sellonline-2 .box { padding-right: 15px; padding-left: 15px; padding-bottom: 90px; } } [id^="page-business-home"] section#part-sellonline-3 { width: 1920px; height: 2250px; background-image: url(../images/business/new-banner-empresas-3.png); background-repeat: no-repeat; background-size: cover; padding-top: 60px; padding-bottom: 60px; overflow: hidden; } [id^="page-business-home"] section#part-sellonline-3 .box { padding-right: 180px; padding-left: 180px; } [id^="page-business-home"] section#part-sellonline-3 h3 { font-size: 22px; font-weight: 400; } [id^="page-business-home"] section#part-sellonline-3 .box h4.sub-title { font-weight: 300; font-size: 20px; } [id^="page-business-home"] section#part-sellonline-3 .box .box-each { list-style: none; text-align: center; } [id^="page-business-home"] section#part-sellonline-3 .box .box-each li { display: inline-block; font-weight: 300; font-size: 20px; border: 2px solid #000000; padding: 10px 30px 10px 30px; margin: 30px 15px 10px 15px; } [id^="page-business-home"] section#part-sellonline-3 .box .box-each li span.number { display: block; font-weight: 300; font-size: 72px; line-height: 1em; } @media (max-width: 1024px) { [id^="page-business-home"] section#part-sellonline-3 .box { padding-right: 100px; padding-left: 100px; } [id^="page-business-home"] section#part-sellonline-3 .box .box-each li { display: inline-block; font-weight: 300; font-size: 18px; border: 2px solid #000000; padding: 8px 20px 8px 20px; margin: 30px 10px 10px 10px; } [id^="page-business-home"] section#part-sellonline-3 .box .box-each li span.number { display: block; font-weight: 300; font-size: 68px; line-height: 1em; } } @media (max-width: 922px) { [id^="page-business-home"] section#part-sellonline-3 .box { padding-right: 60px; padding-left: 60px; } } @media (max-width: 480px) { [id^="page-business-home"] section#part-sellonline-3 .box { padding-right: 15px; padding-left: 15px; } [id^="page-business-home"] section#part-sellonline-3 .box .box-each li { font-size: 14px; padding: 5px 15px 5px 15px; margin: 20px 5px 10px 5px; } [id^="page-business-home"] section#part-sellonline-3 .box .box-each li span.number { font-size: 48px; } } [id^="page-business-home"] section#part-sellonline-3 .img-tienda.img-responsive { display: inline; } [id^="page-business-home"] section#part-sellonline-3 .table-expenses { font-size: 18px; background-color: transparent; margin: 30px 0 30px 0; } [id^="page-business-home"] section#part-sellonline-3 .table-expenses thead th { font-weight: 400; white-spacexx: nowrap; } @media (max-width: 767px) { [id^="page-business-home"] section#part-sellonline-3 .table-expenses thead th { white-space: normal; } } [id^="page-business-home"] section#part-sellonline-3 .table-expenses th, [id^="page-business-home"] section#part-sellonline-3 .table-expenses td { border-right: 1px solid #000000; border-bottom: 1px solid #000000; padding: 7px 10px 7px 10px; text-align: center; min-width: 20%; max-width: 33%; } [id^="page-business-home"] section#part-sellonline-3 .table-expenses th:first-child, [id^="page-business-home"] section#part-sellonline-3 .table-expenses td:first-child { text-align: left; } [id^="page-business-home"] section#part-sellonline-3 .table-expenses tfoot td:first-child { border-bottom: 0px solid #000000; } [id^="page-business-home"] section#part-sellonline-3 .table-expenses tfoot { font-weight: bold; font-size: 1.4em; } @media (max-width: 480px) { [id^="page-business-home"] section#part-sellonline-3 { padding-top: 30px; padding-bottom: 30px; } [id^="page-business-home"] section#part-sellonline-3 .box h2 { white-space: normal; } [id^="page-business-home"] section#part-sellonline-3 .box { padding-right: 15px; padding-left: 15px; } [id^="page-business-home"] section#part-sellonline-3 .table-expenses { font-size: 16px; } [id^="page-business-home"] section#part-sellonline-3 .table-expenses th, [id^="page-business-home"] section#part-sellonline-3 .table-expenses td { padding: 3px 7px 3px 7px; } } [id^="page-business-home"] section#part-sellonline-4 { width: 1920px; height: 1240px; background-image: url(../images/business/new-banner-empresas-4.png); background-repeat: no-repeat; background-size: cover; padding-top: 60px; padding-bottom: 60px; } [id^="page-business-home"] section#part-sellonline-4 .box { padding-right: 400px; } [id^="page-business-home"] section#part-sellonline-4 .orange { color: #ffbca8; } @media (max-width: 1024px) { [id^="page-business-home"] section#part-sellonline-4 .box:before { background-position: right bottom; } } @media (min-width: 922px) { [id^="page-business-home"] section#part-sellonline-4 .box h2 { min-width: 700px; white-space: nowrap; } } @media (max-width: 921px) { [id^="page-business-home"] section#part-sellonline-4 .box { padding-right: 170px; padding-left: 60px; } [id^="page-business-home"] section#part-sellonline-4 .box p:last-child { padding-right: 100px; } [id^="page-business-home"] section#part-sellonline-4 .box:before { background-image: url(../images/business/bg-sellonline-sec4.png); background-size: 350px auto; background-position: right bottom; background-repeat: no-repeat; top: auto; bottom: -60px; right: -60px; } } @media (max-width: 767px) { [id^="page-business-home"] section#part-sellonline-4 { padding-top: 30px; overflow: hidden; } [id^="page-business-home"] section#part-sellonline-4 .box { padding-right: 15px; padding-left: 15px; } [id^="page-business-home"] section#part-sellonline-4 .box:before { background-image: url(../images/business/bg-sellonline-sec4.png); background-size: auto 240px; background-position: right bottom; background-repeat: no-repeat; top: auto; bottom: -240px; right: 0px; } } nav .nav-tpvcards { margin: 0 0 0 10%; padding: 0; list-style: none; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; } nav .nav-cofidiscard { padding: 0; list-style: none; } @media (min-width: 992px) { nav .nav-tpvcards, nav .nav-cofidiscard { display: inline-block !important; } } nav .nav-tpvcards li, nav .nav-cofidiscard li { float: left; margin: 7px 20px 0 15px; } nav .nav-tpvcards .nav-title-tpvcards, nav .nav-cofidiscard .nav-title-cofidiscard { margin-top: 5px; font-weight: 600; font-size: 13px; color: #113f96; text-align: right; max-width: 140px; } nav .nav-tpvcards .cards img, nav .nav-cofidiscard .cards img { height: 45px; } .tit-company { color: #d10026; margin-left: 15px; font-size: 16px; vertical-align: bottom; top: -10px; position: relative; } @media (max-width: 359px) { .tit-company { font-size: 12px; margin-left: 5px; } } ul#submenu-business-actions { margin-top: 15px; } #submenu-business li a.sel { font-weight: bold; } #submenu-business li a:hover { text-decoration: underline; } #submenu-business li img { margin-right: 5px; } .ventaja-empresas { max-width: 700px; margin: 100px 0 18px 0px; } .intro-business { background-image: url("../images/fondo-business.jpg"); background-size: cover; background-repeat: no-repeat; margin-top: 30px; } @media (max-width: 1200px) { .intro-business { background-size: auto 400px; background-position: right bottom; padding-bottom: 100px; } } @media (max-width: 767px) { .intro-business { background-size: auto 200px; background-position: right bottom; padding-bottom: 100px; } .ventaja-empresas { margin: 0px 0 18px 0px; } } .intro-business-content { font-weight: 400; } .m-content-business { margin-top: 0; } .invoices { margin-top: 50px; } .invoice-size { font-size: 18px; width: auto; } .title-business { text-align: left; font-size: 35px; font-weight: 500; max-width: 500px; margin: 0; } .invoice-options { padding: 0; } @media (min-width: 992px) { .invoices { margin-top: 20px; } .p-menu-business { margin-right: 0 !important; } .intro-business { padding-top: 0; } } @media (min-width: 1200px) { .intro-business { background-image: url(../images/fondo-business.jpg); background-size: cover; height: 750px; } } .call-free-action { color: #113f96; } .call-free-action .btn { margin-top: 5px; } @media (max-width: 576px) { body[id*="business-"] .modal .btn, body[id*="business-"] main .btn { width: 100%; } } [id^="page-business-home"] .banner { min-height: 350px; color: #ffffff; position: relative; padding: 0; background-color: #8dc5e1; } @media (max-width: 360px) { [id^="page-business-home"] .banner { min-height: 380px; } } @media (min-width: 768px) and (max-width: 991px) { [id^="page-business-home"] .banner .banner-content { margin-left: 15px; } } [id^="page-business-home"] .banner h1, [id^="page-business-home"] .banner h2, [id^="page-business-home"] .banner .call-free-action { color: #ffffff; } [id^="page-business-home"] .banner h1 { font-size: 39px; text-transform: uppercase; } [id^="page-business-home"] .banner h1 strong { font-size: 44px; } [id^="page-business-home"] .banner h1 strong:before { content: " "; clear: right; display: block; } [id^="page-business-home"] .banner h2 { margin-top: 40px; font-size: 18px; } [id^="page-business-home"] .banner .call-free-action { margin-top: 20px; } [id^="page-business-home"] .banner .call-free { font-size: 16px; } [id^="page-business-home"] main ul { padding-left: 15px; } [id^="page-business-home"] section#section-marketing-advantages h3 { text-transform: uppercase; } @media (max-width: 991px) { #section-marketing-advantages .row > .col-sm-6:nth-child(2n + 1) { clear: left; } } [id^="page-business-home"] section img { margin-bottom: 10px; } [id^="page-business-home"] section.section-call-request h3 { margin-top: 0; font-size: 14px; color: #113f96; } [id^="page-business-home"] section.section-call-request hr { border-color: #bbbbbb; } [id^="page-business-home"] section.section-call-request { background-color: #eeeeee; margin: 0px 0 0px 0; padding: 25px 0 15px 0; } [id^="page-business-home"] section.m0 { margin: 0px; } @media (min-width: 768px) { #moreInfoCollapse.collapse, #moreInfoCollapse2.collapse { display: block; } } #moreInfoFormToggleBtn:not(.collapsed), #moreInfoFormToggleBtn2:not(.collapsed) { float: right; } #moreInfoFormToggleBtn .tooglebtn, #moreInfoFormToggleBtn2 .tooglebtn { display: none !important; } #moreInfoFormToggleBtn.collapsed .tooglebtn, #moreInfoFormToggleBtn2.collapsed .tooglebtn { display: block !important; } #moreInfoFormToggleBtn .fa-close, #moreInfoFormToggleBtn2 .fa-close { font-size: 24px; line-height: 24px; cursor: pointer; } .section-call-request .btn-title { color: #113f96; font-size: 13px; line-height: 24px; margin-top: 10px; } #moreInfoFormToggleBtn.collapsed + .btn-title, #moreInfoFormToggleBtn2.collapsed + .btn-title { display: none !important; } #moreInfoFormToggleBtn.collapsed .fa-close, #moreInfoFormToggleBtn2.collapsed .fa-close { display: none !important; } [id^="page-business-home"] .container form { text-align: left; } .form, .login-form, .call-request { font-family: "Roboto", sans-serif; } .form .form-group .form-control { margin-bottom: 10px; } .form label.control-label { font-weight: 400; color: #113f92; } .form .form-group input[type="file"] { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .form input[type="file" i] { align-items: baseline; color: inherit; text-align: start; } .form input[type="file" i] { -webkit-appearance: initial; background-color: initial; padding: initial; border: initial; } .form button.form-control, .form input.form-control, .form textarea.form-control, .login-form input.form-control, .call-request input.form-control { font-family: "Roboto", sans-serif; color: #333333 !important; padding: 6px 6px 4px 6px; border: none; border: solid 1px #cccccc; border-bottom: solid 1px #113f92; -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1); -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1); background: -webkit-linear-gradient(top, #113f92 0%, #113f92 100%); background: linear-gradient(to bottom, #113f92 0%, #113f92 100%); background-position: left bottom !important; background-size: 0 0 !important; background-repeat: no-repeat; color: #113f92; border-radius: 0; background-color: #ffffff; } .form textarea.form-control { padding: 10px 6px 4px 6px; } .login-form input.form-control, .call-request input.form-control { display: block; } .form textarea.form-control:focus, .form input.form-control:focus, .login-form input.form-control:focus, .call-request input.form-control:focus { box-shadow: none !important; -webkit-box-shadow: none !important; outline: none !important; background-size: 100% 1px !important; border-bottom: solid 1px #113f92 !important; padding: 9px 6px 0px 6px; } .form textarea.form-control:focus { padding: 14px 6px 0px 6px; } .form .form-group, .login-form .form-group, .call-request .form-group { position: relative; } .form .form-group:not(.checkbox) label, .login-form .form-group:not(.checkbox) label, .call-request .form-group:not(.checkbox) label { pointer-events: none; position: absolute; top: 8px; left: 6px; font-size: 13px; color: #999; color: transparent; font-weight: 300; width: 100%; z-index: 1; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; background-color: transparent; } .form textarea:focus::-webkit-input-placeholder, .form input:focus::-webkit-input-placeholder, .login-form input:focus::-webkit-input-placeholder, .call-request input:focus::-webkit-input-placeholder { color: transparent !important; } .form textarea:focus::-moz-placeholder, .form input:focus::-moz-placeholder, .login-form input:focus::-moz-placeholder, .call-request input:focus::-moz-placeholder { color: transparent !important; } .form textarea:focus:-moz-placeholder, .form input:focus:-moz-placeholder, .login-form input:focus:-moz-placeholder, .call-request input:focus:-moz-placeholder { color: transparent !important; } .form input.form-control:focus ~ label, .form textarea.form-control:focus ~ label, .login-form input.form-control:focus ~ label, .call-request input.form-control:focus ~ label { font-family: "Roboto", sans-serif; color: #113f92; font-size: 10px !important; letter-spacing: 0.03em; font-weight: 400; top: 2px; left: 6px; z-index: 1; } .acept-legal-text { font-size: 12px; font-family: "Roboto", sans-serif; font-weight: 400; } .acept-legal-text a { text-decoration: underline; } .form .acept-legal-text, .call-request .acept-legal-text, .login-form .acept-legal-text { font-size: 12px; } .login-form .consentlegal1 .acept-legal-text { font-size: 13px; color: #333; } .login-form .consentlegal2 .acept-legal-text, .login-form .consentlegal2 .acept-legal-text a { font-size: 12px; color: #999; } .form .form-control textarea, .call-request .form-control textarea { min-height: 200px; } @media (max-width: 767px) { .form .form-group, .call-request .form-group { margin: 0px 0 20px 0; } .call-request .btn { margin: 5px 0 5px 0; } .form .form-control, .call-request .form-control { display: block; width: 100%; height: 40px; padding: 6px 12px; font-size: 15px; line-height: 1.42857143; } .form .bootstrap-select.form-control { padding: 6px 0px; } .form textarea.form-control, .call-request textarea.form-control { height: 150px; } .acept-legal-text { font-size: 13px; } } #loginModalCompany h3 { } #loginModalCompany h3.collapse-icon { margin: 15px 0; cursor: pointer; } #loginModalCompanyxx h3.collapse-icon:before { content: ""; width: 1px; height: 40px; position: absolute; top: 10px; right: 63px; border-left: 1px solid #cccccc; } #loginModalCompanyxx h3.collapse-icon:after { font-family: "FontAwesome"; content: "\f078"; position: absolute; right: 30px; -webkit-transition: 0.2s all ease-in-out; -webkit-transform: scale(1) rotate(180deg); transform: scale(1) rotate(180deg); } #loginModalCompanyxx h3.collapse-icon.collapsed:after { -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } #loginModalCompanyxx .modal-body .col-sm-6:nth-of-type(2) { border-left: 0px solid #ccc; } @media (min-width: 576px) { #loginModalCompany p .btn { margin-left: 15px; } } .form-link { text-decoration: underline; margin-left: 0px; line-height: 2em; } .form-link:hover { color: #d10026; } @media (max-width: 767px) { .form-link { line-height: 2em; } } @media (max-width: 767px) { #loginModalCompany .collapse-group { background-color: #eeeeee; padding: 5px 15px 5px 15px; } #loginModalCompany .collapse-group .collapse.in { margin-bottom: 15px; } #loginModalCompany .modal-body .col-xs-12:not(:first-child) .collapse-group { border-top: 1px solid #d7d7d7; } #loginModalCompany .collapse-group .btn-login { display: block; } #loginModalCompany p .c-b { display: block; margin-bottom: 15px; } } @media (min-width: 768px) { #loginModalCompany .collapse { display: block; } } #modalContact h3 { font-size: 16px; font-family: "Roboto", sans-serif; font-weight: 600; margin: 0; } body[id*="business-"] .menu-show, body[id*="business-"] #menuMobile a, body[id*="business-"] #menuMobile:not(.open) .btn-dropdownmenu { color: #d10026; } .container-fluid.carousel-home { padding-left: 0; padding-right: 0; } .carousel-fade .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 10; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 10; } .carousel-control { z-index: 9; opacity: 0.3; color: #113f96; color: #ffffff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8); opacity: 0.5; } .carousel-control:hover { opacity: 1; color: #113f96; color: #ffffff; } .carousel-control.right { margin: auto 0; width: 60px; height: 60px; background-image: none; } .carousel-control.left { margin: auto 0; width: 60px; height: 60px; background-image: none; } .carousel-indicators { bottom: -7px; } .carousel-indicators .active { width: 20px; height: 20px; border-radius: 40px; } .carousel-indicators li { width: 20px; height: 20px; border-radius: 40px; } .carousel .carousel-indicators { bottom: 10px; margin: 0; left: 0; bottom: 0; width: 100%; padding: 0 0 6px 0; background: transparent; z-index: 9; } .carousel .carousel-indicators li { background-color: rgba(255, 255, 255, 0.5); border: 1px solid #113f96; margin: 0 10px 0 0; } .carousel .carousel-indicators li.active { background-color: #113f96; border: 1px solid #113f96; box-shadow: inset 0 0 0 -1px #ffffff; } @media (min-width: 992px) { .carousel .carousel-indicators li { width: 15px; height: 15px; border-radius: 90px; } .carousel .carousel-indicators { z-index: 9 !important } } .carousel-home .carousel-caption { display: block; width: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 30px; margin: 0 auto 0 auto; padding: 0 30px 50px 30px; max-width: 1200px; background: transparent; text-shadow: none; text-align: left; border: 0px solid #000; } .carousel-home .container.carousel-caption { width: auto; } .carousel-inner { height: 350px; max-height: 350px; overflow: hidden; } .carousel-home .carousel-caption img { max-height: 350px; height: auto; width: auto; overflow: hidden; } .carousel-bgimg { background-color: #fff; background-image: url(); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; text-align: left; min-height: 350px; } @media (min-width: 1681px) { .carousel-inner { height: 500px; max-height: 450px; } .carousel-bgimg { min-height: 350px; } } .carousel-caption h1 { margin-top: 30px; font-size: 33px; } .carousel-caption h2 { font-size: 16px; } .carousel-caption .btn { margin-top: 15px; } .carousel-caption .legal-text-info { font-family: 'Roboto'; color: #333333; font-size: 10px; line-height: 1.15em; position: absolute; bottom: -10px; } @media (max-width: 1220px) { .carousel-home .carousel-caption { padding: 0 70px 50px 70px; } } @media (max-width: 992px) { .carousel-home .carousel-caption { left: 30px; right: 30px; top: 0; bottom: 40px; padding: 0; } .carousel-control { display: none; } } @media (max-width: 767px) { .carousel-banner { height: 350px; } .carousel-inner { height: 350px; overflow: hidden; } .carousel-home .carousel-caption img { max-height: 350px; overflow: hidden; } .carousel-bgimg { min-height: 350px; max-height: 350px; } .carousel-caption h1 { font-size: 36px; margin-top: 18px; } .carousel-caption h2 { font-size: 14px; } .carousel-home .carousel-caption { left: 15px; right: 15px; bottom: 40px; width: auto; } .carousel-control { display: none; } } @media (max-width: 480px) { .carousel-banner { height: 380px; } .carousel-inner { height: 380px; max-height: 380px; } .carousel-home .carousel-caption img { max-height: 380px; } .carousel-bgimg, .carousel-banner .carousel-bgimg { min-height: 380px; } .carousel-home .carousel-caption { bottom: 40px; } } .tiempo-02-segundos { -moz-animation-delay: 0.2s; -ms-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; } .tiempo-04-segundos { -moz-animation-delay: 0.4s; -ms-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; } .tiempo-06-segundos { -moz-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; } .tiempo-07-segundos { -moz-animation-delay: 0.7s; -ms-animation-delay: 0.7s; -webkit-animation-delay: 0.7s; } .tiempo-08-segundos { -moz-animation-delay: 0.8s; -ms-animation-delay: 0.8s; -webkit-animation-delay: 0.8s; } .carousel-banner { background-color: #efefef; background-color: #cccccc; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; min-height: 350px; } .carousel-banner .carousel-bgimg { background-color: transparent; position: relative; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; min-height: 350px; } @media (min-width: 1200px) { .carousel-banner .carousel-bgimg { background-size: auto; background-position: 50% 50%; } } .carousel-banner .carousel-content.carousel-bgimg.contain { background-size: contain; } .carousel-banner .carousel-content.carousel-bgimg.left { background-position-x: left; } .carousel-banner .carousel-content.carousel-bgimg.bottom { background-position-y: bottom; } .carousel-banner .carousel-bgimg img.center { position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; min-width: 100%; max-height: 350px; vertical-align: middle; object-position: 50% 50%; object-fit: cover; } .carousel-banner .carousel-bgimg img.bottom-right, .carousel-banner .carousel-bgimg img.bottom-center, .carousel-banner .carousel-bgimg img.top-right { position: absolute; margin: auto; top: 0; left: auto; right: 0; bottom: 0; min-width: 100%; max-height: 350px; vertical-align: middle; object-position: top right; object-fit: cover; } .carousel-banner .carousel-bgimg img.bottom-right { object-position: bottom right; } .carousel-banner .carousel-bgimg img.bottom-center { object-position: bottom center; } @media (max-width: 556px) { .carousel-banner .carousel-bgimg img.bottom-right, .carousel-banner .carousel-bgimg img.bottom-center, .carousel-banner .carousel-bgimg img.top-right { left: -400px; } .carousel-banner .carousel-bgimg img { min-height: 380px; } } @media (min-width: 1681px) { .carousel-banner .carousel-bgimg img.center, .carousel-banner .carousel-bgimg img.bottom-right, .carousel-banner .carousel-bgimg img.bottom-center, .carousel-banner .carousel-bgimg img.top-right { max-height: 350px; } } .carousel-banner .carousel-caption { margin-top: 35px; user-select: none; cursor: default; } .carousel-banner .carousel-caption h2 { margin: 0 0 15px 0; font-weight: 600; font-size: 38px; color: #ffffff; max-width: 620px; } .carousel-banner .carousel-caption h2 { color: #333333; } .carousel-banner .carousel-caption h2 strong { font-weight: 600; } .carousel-banner .carousel-caption h1.bg-white span, .carousel-banner .carousel-caption h2.bg-white span { background-color: #fff; line-height: 1.45em; font-size: 38px; padding: 0px 15px; } @media (max-width: 767px) { .carousel-banner .carousel-caption h1.bg-white span, .carousel-banner .carousel-caption h2.bg-white span { font-size: 35px; } } @media (max-width: 556px) { .carousel-banner .carousel-caption h1, .carousel-banner .carousel-caption h2, .carousel-banner .carousel-caption h1.bg-white, .carousel-banner .carousel-caption h2.bg-white { font-size: 25px; } .carousel-banner .carousel-caption h1.bg-white span, .carousel-banner .carousel-caption h2.bg-white span { font-size: 1em; } } .carousel-banner .carousel-caption .btn { margin: 15px 15px 15px 0px; } .carousel-caption .icon-logo { vertical-align: middle; } @media (max-width: 556px) { .display-desktop{ display:none; } .carousel-banner .carousel-caption { margin-top: 25px; } .carousel-banner .carousel-caption .btn { margin: 5px 5px 5px 0px; } .carousel-banner .btn-lg { width: 100%; right: 15px; left: 15px; } .carousel-banner .carousel-caption h2 { max-width: 100%; margin: 0 0 7px 0; } .carousel-banner .carousel-caption h3 { max-width: 100%; margin: 0 0 7px 0; font-size: 27px; } .carousel-banner .carousel-caption p { max-width: 100%; font-size: 16px; margin: 7px 0 7px 0; } .carousel-caption .icon-logo { max-width: 50%; float: right; } .carousel-banner .carousel-bgimg { min-height: 380px; } } .carousel-caption .legaltext { color: #ffffff; font-size: 10px; line-height: 1.15em; bottom: -10px; } .carousel-caption .legaltext a { color: #ffffff; font-weight: bold; } @media (max-width: 556px) { .carousel-caption .legaltext a { color: #efefef; font-weight: bold; } .legaltext-hidden-xs .carousel-caption .legaltext { display: none; } } .carousel-caption .calltoaction { position: absolute; width:100%; bottom: 0; } @media (max-width: 556px) { .calltoaction .btn-lg, .calltoaction .btn { display: block; width: 100%; text-align: center; white-space: normal; } } .banner-comicdesign .carousel-caption { text-align: left; left: 30px; right:30px; } @media (min-width: 992px) { .banner-comicdesign .carousel-caption { display: block; width: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 30px; margin: 0 auto 0 auto; margin-top: 0px; padding: 0 30px 50px 30px; max-width: 1200px; background: transparent; text-shadow: none; border: 0px solid #000; } } .banner-comicdesign { background-size: contain; background-repeat: no-repeat; background-position: center bottom; position: relative; } .banner-comicdesign .carousel-bgimg { background-position: left bottom; background-size: contain; } .banner-comicdesign .btn { min-width: 260px; } @media (max-width: 1199px) { .banner-comicdesign .carousel-bgimg { background-position: center center; background-size: contain; } } @media (min-width: 557px) and (max-width: 780px) { .banner-comicdesign .btn { min-width: 200px; } .banner-comicdesign .carousel-bgimg { background-position: center center; } .carousel-banner.banner-comicdesign .carousel-bgimg:before { position:absolute; background-color: #ffffff; content:" "; display: block; height: 55px; left:-10px; right:-10px; bottom:-10px; -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -o-transform: rotate(-1deg); -ms-transform: rotate(-1deg); transform: rotate(-1deg); } } @media (max-width: 556px) { .banner-comicdesign .carousel-bgimg { background-color: transparent; background-position: center center; } .carousel-banner.banner-comicdesign .carousel-bgimg:before { position:absolute; background-color: #ffffff; content:" "; display: block; height: 75px; left:-10px; right:-10px; bottom:-10px; -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -o-transform: rotate(-1deg); -ms-transform: rotate(-1deg); transform: rotate(-1deg); } .banner-comicdesign .carousel-bgimg { background-position: center top; } } @media (max-width: 480px) {} @media (max-width: 380px) { .banner-comicdesign .carousel-bgimg { background-color: transparent; background-size: contain; background-position: left 30%; } } #banner-segurosalud { background-color: #fff; background-position: center bottom; background-size: contain; } #banner-segurosalud .legaltext { max-width: 30%; margin-bottom: -10px; } #banner-segurosalud .legaltext, #banner-segurosalud .legaltext a { font-size: 9px; color: #444444; } #banner-segurosalud.otras-comunidades, #banner-segurosalud.malaga { background-image:url(/assets/images/banner/insurances/banner-seguro-salud-2020-malaga.jpg); } #banner-segurosalud { background-image:url(/assets/images/banner/insurances/banner-seguro-salud-2020.jpg); background-size: contain; background-position: center bottom; } #banner-segurosalud.sorteo.otras-comunidades, #banner-segurosalud.sorteo.malaga { background-image:url(/assets/images/banner/insurances/banner-seguro-salud-2020-malaga.jpg); } #banner-segurosalud.sorteo { background-image:url(/assets/images/banner/insurances/banner-seguro-salud-sorteo.png); background-size: contain; background-position: center bottom; } #banner-segurosalud .carousel-bgimg { background-color: transparent; } @media (max-width: 1199px) { #banner-segurosalud .legaltext { max-width: 90%; } #banner-segurosalud, #banner-segurosalud.otras-comunidades, #banner-segurosalud.malaga, #banner-segurosalud.sorteo, #banner-segurosalud.sorteo.otras-comunidades, #banner-segurosalud.sorteo.malaga { background-image: url(); } #banner-segurosalud .carousel-bgimg { background-image:url(/assets/images/banner/insurances/banner-seguro-salud-tablet-2020.jpg); background-position: center center; } #banner-segurosalud.otras-comunidades .carousel-bgimg, #banner-segurosalud.malaga .carousel-bgimg { background-image:url(/assets/images/banner/insurances/banner-seguro-salud-tablet-2020-malaga.png); } #banner-segurosalud.sorteo .carousel-bgimg { background-image:url(/assets/images/banner/insurances/banner-seguro-salud-tablet-2020.jpg); background-position: center center; } #banner-segurosalud.sorteo.otras-comunidades .carousel-bgimg, #banner-segurosalud.sorteo.malaga .carousel-bgimg { background-image:url(/assets/images/banner/insurances/banner-seguro-salud-tablet-2020-malaga.jpg); } #banner-segurosalud.carousel-banner.banner-comicdesign .carousel-bgimg:before { position:absolute; background-color: #ffffff; content:" "; display: block; height: 80px; left:-10px; right:-10px; bottom:-10px; -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -o-transform: rotate(-1deg); -ms-transform: rotate(-1deg); transform: rotate(-1deg); } } @media (min-width: 557px) and (max-width: 780px) { #banner-segurosalud .legaltext { max-width: 100%; } #banner-segurosalud.carousel-banner.banner-comicdesign .carousel-bgimg:before { height: 85px; } } @media (min-width: 557px) and (max-width: 600px) { #banner-segurosalud .legaltext { margin-bottom: 0px; } } @media (max-width: 556px) { #banner-segurosalud { background-color: #DADADA; } #banner-segurosalud.sorteo .carousel-bgimg { background-image: url(/assets/images/banner/insurances/banner-seguro-salud-movil-2020.jpg); background-position: center bottom; } #banner-segurosalud.sorteo.otras-comunidades .carousel-bgimg, #banner-segurosalud.sorteo.malaga .carousel-bgimg { background-image:url(/assets/images/banner/insurances/banner-seguro-salud-movil-2020-malaga.jpg); } #banner-segurosalud .carousel-bgimg { background-image: url(/assets/images/banner/insurances/banner-seguro-salud-movil-2020.jpg); background-position: center bottom; } #banner-segurosalud.otras-comunidades .carousel-bgimg, #banner-segurosalud.malaga .carousel-bgimg { background-image:url(/assets/images/banner/insurances/banner-seguro-salud-movil-malaga.png); } } #banner-apps { background-image:url(/assets/images/banner/apps/banner-apps.jpg); } #banner-apps .carousel-bgimg { background-color: transparent; } @media (max-width: 1199px) { #banner-apps .carousel-bgimg { background-image:url(/assets/images/banner/apps/banner-apps-tablet.jpg); background-position: center bottom; } } @media (max-width: 556px) { #banner-apps .carousel-bgimg { background-image: url(/assets/images/banner/apps/banner-apps-movil.jpg); background-position: center bottom; } } #banner-feerratas { background-image:url(/assets/images/banner/feerratas/banner-feerratas.jpg); } #banner-feerratas .carousel-bgimg { background-color: transparent; } @media (max-width: 1199px) { #banner-feerratas .carousel-bgimg { background-image:url(/assets/images/banner/feerratas/banner-feerratas-tablet.jpg); background-position: center bottom; } } @media (max-width: 556px) { #banner-feerratas .carousel-bgimg { background-image: url(/assets/images/banner/feerratas/banner-feerratas-movil.jpg); background-position: center bottom; } } #banner-joboffers .carousel-bgimg { background-color: transparent; } @media (min-width: 1199px) { #banner-joboffers { background-image:url(/assets/images/banner/jobs/banner-joboffers.jpg); } } @media (max-width: 1199px) { #banner-joboffers .carousel-bgimg { background-image:url(/assets/images/banner/jobs/banner-joboffers-tablet.jpg); background-position: center bottom; } } @media (max-width: 556px) { #banner-joboffers .carousel-bgimg { background-image: url(/assets/images/banner/jobs/banner-joboffers-movil.jpg); background-position: center bottom; } } #banner-cardadvantages { background-image:url(/assets/images/banner/cards/advantages/banner-advantages.jpg); } #banner-cardadvantages .carousel-bgimg { background-color: transparent; } @media (max-width: 1199px) { #banner-cardadvantages .carousel-bgimg { background-image:url(/assets/images/banner/cards/advantages/banner-advantages-tablet.jpg); background-position: center center; } } @media (max-width: 556px) { #banner-cardadvantages .carousel-bgimg { background-image: url(/assets/images/banner/cards/advantages/banner-advantages-movil.jpg); background-position: center bottom; } } #banner-financing { background-color: #ffffff; } #banner-financing .carousel-bgimg { background-image:url(/assets/images/banner/cards/financing/banner-financing.png); background-color: #ffffff; background-size: contain; } @media (max-width: 1199px) { #banner-financing .carousel-bgimg { background-image:url(/assets/images/banner/cards/financing/banner-financing-tablet.png); background-position: center center; } } @media (max-width: 556px) { #banner-financing { background-color: #ffffff; } #banner-financing .carousel-bgimg { background-image: url(/assets/images/banner/cards/financing/banner-financing-movil.png); background-position: center center; } } #banner-magazine .carousel-bgimg { background-image:url(/assets/images/banner/magazine/banner_revista_desktop.jpg); min-height: 310px!important; } @media (max-width: 1199px) { #banner-magazine .carousel-bgimg { background-image:url(/assets/images/banner/magazine/banner_revista_desktop.jpg); background-position: center center; } } @media (max-width: 556px) { #banner-magazine .carousel-bgimg { background-image: url(/assets/images/banner/magazine/banner_revista_mobile.jpg); background-position: center center; } } #banner-legal { background-color: #DADADA; background-image:url(/assets/images/banner/insurances/banner-seguro-legal.png); } #banner-legal .carousel-bgimg { background-color: transparent; } @media (max-width: 1199px) { #banner-legal { background-image:url(); } #banner-legal .carousel-bgimg { background-image:url(/assets/images/banner/insurances/banner-seguro-legal-tablet.png); background-position: center center; } } @media (max-width: 556px) { #banner-legal { background-color: #DADADA; } #banner-legal .carousel-bgimg { background-image: url(/assets/images/banner/insurances/banner-seguro-legal-movil.png); background-position: center bottom; } } #banner-home { background-color: #EFCDD1; background-image:url(/assets/images/banner/insurances/banner-seguro-hogar.png); } #banner-home .carousel-bgimg { background-color: transparent; } @media (max-width: 1199px) { #banner-home { background-image:url(); } #banner-home .carousel-bgimg { background-image:url(/assets/images/banner/insurances/banner-seguro-hogar-tablet.png); background-position: center center; } } @media (max-width: 556px) { #banner-home { background-color: #EFCDD1; } #banner-home .carousel-bgimg { background-image: url(/assets/images/banner/insurances/banner-seguro-hogar-movil.png); background-position: center bottom; } } #banner-death { background-color: #DADADA; background-image:url(/assets/images/banner/insurances/banner-seguro-decesos.png); } #banner-death .carousel-bgimg { background-color: transparent; } @media (max-width: 1199px) { #banner-death { background-image:url(); } #banner-death .carousel-bgimg { background-image:url(/assets/images/banner/insurances/banner-seguro-decesos-tablet.png); background-position: center center; } } @media (max-width: 556px) { #banner-death { background-color: #DADADA; } #banner-death .carousel-bgimg { background-image: url(/assets/images/banner/insurances/banner-seguro-decesos-movil.png); background-position: center bottom; } } #banner-life-calculator .life-calculator { background-color: #DADADA; background-image:url(/assets/images/banner/insurances/banner-segurovida.png); background-position: right bottom; } @media (max-width: 1199px) { #banner-life-calculator .life-calculator { background-image:url(/assets/images/banner/insurances/banner-segurovida-movil.png); background-position: right bottom; } } @media (max-width: 556px) { #banner-life-calculator .life-calculator { background-image: url(/assets/images/banner/insurances/banner-segurovida-movil.png); } } #banner-vecash { background-color: #fff; background-image:url(/assets/images/banner/vecash/banner-vecash.png); } #banner-vecash .carousel-bgimg { background-color: transparent; } @media (max-width: 1199px) { #banner-vecash { background-image:url(); } #banner-vecash .carousel-bgimg { background-image:url(/assets/images/banner/vecash/banner-vecash-tablet.png); background-position: center 30%; } } @media (min-width: 557px) and (max-width: 780px) { #banner-vecash.carousel-banner.banner-comicdesign .carousel-bgimg:before { height: 75px; } } @media (max-width: 556px) { #banner-vecash { background-color: #fff; } #banner-vecash .carousel-bgimg { background-image: url(/assets/images/banner/vecash/banner-vecash-movil.png); background-position: center center; } } #banner-faq { background-color: #88D4E3; } #banner-2021-automocion.carousel-banner { background-image:url(/assets/images/home/slider/2021-01/automocion/banner_desktop_automocion.jpg); background-color: #FFF; } #banner-2021-automocion.tenerife { background-image:url(/assets/images/home/slider/2021-01/automocion/banner_desktop_automocion_tenerife.jpg); } #banner-2021-automocion.las-palmas { background-image:url(/assets/images/home/slider/2021-01/automocion/banner_desktop_automocion_las_palmas.jpg); } #banner-2021-automocion .carousel-bgimg { background-color: #FFF; } #banner-2021-automocion .carousel-bgimg { background-color: transparent; } @media (max-width: 1199px) { #banner-2021-automocion.carousel-banner { background-image: url(); } #banner-2021-automocion .carousel-bgimg { background-image:url(/assets/images/home/slider/2021-01/automocion/banner_tablet_automocion.jpg); } #banner-2021-automocion.tenerife .carousel-bgimg { background-image:url(/assets/images/home/slider/2021-01/automocion/banner_tablet_automocion_tenerife.jpg); } #banner-2021-automocion.las-palmas .carousel-bgimg { background-image:url(/assets/images/home/slider/2021-01/automocion/banner_tablet_automocion_las_palmas.jpg); } } @media (max-width: 556px) { #banner-2021-automocion.carousel-banner { background-color: #FFF; } #banner-2021-automocion .carousel-bgimg { background-image: url(/assets/images/home/slider/2021-01/automocion/banner_mobile_automocion.jpg); } #banner-2021-automocion.tenerife .carousel-bgimg { background-image: url(/assets/images/home/slider/2021-01/automocion/banner_mobile_automocion_tenerife.jpg); } #banner-2021-automocion.las-palmas .carousel-bgimg { background-image: url(/assets/images/home/slider/2021-01/automocion/banner_mobile_automocion_las_palmas.jpg); } } #banner-2021-revista.carousel-banner { background-image:url(/assets/images/home/slider/2021-01/revista/banner_desktop_revista.jpg); background-color: #fff; } #banner-2021-revista .carousel-bgimg { background-color: #fff; } #banner-2021-revista .carousel-bgimg { background-color: transparent; } @media (max-width: 1199px) { #banner-2021-revista.carousel-banner { background-image: url(); } #banner-2021-revista .carousel-bgimg { background-image:url(/assets/images/home/slider/2021-01/revista/banner_tablet_revista.jpg); } } @media (max-width: 556px) { #banner-2021-revista.carousel-banner { background-color: #fff; } #banner-2021-revista .carousel-bgimg { background-image: url(/assets/images/home/slider/2021-01/revista/banner_mobile_revista.jpg); } } #banner-2021-rebajas.carousel-banner { background-image:url(/assets/images/home/slider/2021-01/rebajas/banner_desktop_rebajas.jpg); background-color: #fff; } #banner-2021-rebajas .carousel-bgimg { background-color: #fff; } #banner-2021-rebajas .carousel-bgimg { background-color: transparent; } @media (max-width: 1199px) { #banner-2021-rebajas.carousel-banner { background-image: url(); } #banner-2021-rebajas .carousel-bgimg { background-image:url(/assets/images/home/slider/2021-01/rebajas/banner_tablet_rebajas.jpg); } } @media (max-width: 556px) { #banner-2021-rebajas.carousel-banner { background-color: #fff; } #banner-2021-rebajas .carousel-bgimg { background-image: url(/assets/images/home/slider/2021-01/rebajas/banner_mobile_rebajas.jpg); } } #banner-2020-discount20.carousel-banner { background-image:url(/assets/images/home/slider/2020-12/discount20/banner_desktop_discount20.jpg); background-color: #F66504; } #banner-2020-discount20 .carousel-bgimg { background-color: #F66504; } #banner-2020-discount20 .carousel-bgimg { background-color: transparent; } @media (max-width: 1199px) { #banner-2020-discount20.carousel-banner { background-image: url(); } #banner-2020-discount20 .carousel-bgimg { background-image:url(/assets/images/home/slider/2020-12/discount20/banner_tablet_discount20.jpg); } } @media (max-width: 556px) { #banner-2020-discount20.carousel-banner { background-color: #F66504; } #banner-2020-discount20 .carousel-bgimg { background-image: url(/assets/images/home/slider/2020-12/discount20/banner_mobile_discount20.jpg); } } #banner-anticipate.carousel-banner { background-image:url(/assets/images/home/slider/2020-11/anticipate/banner_desktop_anticipate.jpg); background-color: #acc311; } #banner-anticipate.tenerife { background-image:url(/assets/images/home/slider/2020-11/anticipate/banner_desktop_anticipate_tenerife.jpg); } #banner-anticipate.las-palmas { background-image:url(/assets/images/home/slider/2020-11/anticipate/banner_desktop_anticipate_palmas.jpg); } #banner-anticipate.malaga { background-image:url(/assets/images/home/slider/2020-11/anticipate/banner_desktop_anticipate_malaga.jpg); } #banner-anticipate .carousel-bgimg { background-color: #acc311; } #banner-anticipate .carousel-bgimg { background-color: transparent; } #banner-anticipate .carousel-caption{ text-align: right!important; } @media (max-width: 1199px) { #banner-anticipate.carousel-banner { background-image: url(); } #banner-anticipate .carousel-bgimg { background-image:url(/assets/images/home/slider/2020-11/anticipate/banner_tablet_anticipate.jpg); } #banner-anticipate.tenerife .carousel-bgimg { background-image:url(/assets/images/home/slider/2020-11/anticipate/banner_tablet_anticipate_tenerife.jpg); } #banner-anticipate.las-palmas .carousel-bgimg { background-image:url(/assets/images/home/slider/2020-11/anticipate/banner_tablet_anticipate_palmas.jpg); } #banner-anticipate.malaga .carousel-bgimg { background-image:url(/assets/images/home/slider/2020-11/anticipate/banner_tablet_anticipate_malaga.jpg); } } @media (max-width: 556px) { #banner-anticipate.carousel-banner { background-color: #acc311; } #banner-anticipate .carousel-bgimg { background-image: url(/assets/images/home/slider/2020-11/anticipate/banner_mobile_anticipate.jpg); } #banner-anticipate.tenerife .carousel-bgimg { background-image: url(/assets/images/home/slider/2020-11/anticipate/banner_mobile_anticipate_tenerife.jpg); } #banner-anticipate.las-palmas .carousel-bgimg { background-image: url(/assets/images/home/slider/2020-11/anticipate/banner_mobile_anticipate_palmas.jpg); } #banner-anticipate.malaga .carousel-bgimg { background-image: url(/assets/images/home/slider/2020-11/anticipate/banner_mobile_anticipate_malaga.jpg); } } #banner-spar.carousel-banner { background-image:url(/assets/images/home/slider/2020-11/spar/banner_desktop_spar.jpg); background-color: #ff3e40; } #banner-spar .carousel-bgimg { background-color: #ff3e40; } #banner-spar .carousel-bgimg { background-color: transparent; } @media (max-width: 1199px) { #v.carousel-banner { background-image: url(); } #banner-spar .carousel-bgimg { background-image:url(/assets/images/home/slider/2020-11/spar/banner_tablet_spar.jpg); } } @media (max-width: 556px) { #banner-spar.carousel-banner { background-color: #ff3e40; } #banner-spar .carousel-bgimg { background-image: url(/assets/images/home/slider/2020-11/spar/banner_mobile_spar.jpg); } } #banner-11-mascotas.carousel-banner { background-image:url(/assets/images/home/slider/2020-11/mascotas/banner_desktop_mascotas.jpg); background-color: #959684; } #banner-11-mascotas .carousel-bgimg { background-color: #959684; } #banner-11-mascotas .carousel-bgimg { background-color: transparent; } @media (max-width: 1199px) { #v.carousel-banner { background-image: url(); } #banner-11-mascotas .carousel-bgimg { background-image:url(/assets/images/home/slider/2020-11/mascotas/banner_tablet_mascotas.jpg); } } @media (max-width: 556px) { #banner-11-mascotas.carousel-banner { background-color: #959684; } #banner-11-mascotas .carousel-bgimg { background-image: url(/assets/images/home/slider/2020-11/mascotas/banner_mobile_mascotas.jpg); } } #banner-halloween.carousel-banner { background-image:url(/assets/images/home/slider/2020-10/halloween/banner_desktop_halloween.jpg); background-color: #000; } #banner-halloween.las-palmas { background-image:url(/assets/images/home/slider/2020-10/halloween/banner_desktop_halloween_palmas.jpg); } #banner-halloween .carousel-bgimg { background-color: #000; } #banner-halloween .carousel-bgimg { background-color: transparent; } #banner-halloween .carousel-caption{ text-align: right!important; } @media (max-width: 1199px) { #banner-halloween.carousel-banner { background-image: url(); } #banner-halloween .carousel-bgimg { background-image:url(/assets/images/home/slider/2020-10/halloween/banner_tablet_halloween.jpg); } #banner-halloween.las-palmas .carousel-bgimg { background-image:url(/assets/images/home/slider/2020-10/halloween/banner_tablet_halloween_palmas.jpg); } } @media (max-width: 556px) { #banner-halloween.carousel-banner { background-color: #000; } #banner-halloween .carousel-bgimg { background-image: url(/assets/images/home/slider/2020-10/halloween/banner_mobile_halloween.jpg); } #banner-halloween.las-palmas .carousel-bgimg { background-image: url(/assets/images/home/slider/2020-10/halloween/banner_mobile_halloween_palmas.jpg); } } #banner-revista.carousel-banner { background-image:url(/assets/images/home/slider/2020-09/revista/banner_desktop_revista.jpg); background-color: #12cac8; } #banner-revista .carousel-bgimg { background-color: #12cac8; } #banner-revista .carousel-bgimg { background-color: transparent; } @media (max-width: 1199px) { #banner-revista.carousel-banner { background-image: url(); } #banner-revista .carousel-bgimg { background-image:url(/assets/images/home/slider/2020-09/revista/banner_tablet_revista.jpg); } } @media (max-width: 556px) { #banner-revista.carousel-banner { background-color: #12cac8; } #banner-revista .carousel-bgimg { background-image: url(/assets/images/home/slider/2020-09/revista/banner_mobile_revista.jpg); } } #banner-2020-09-vuelta-al-cole.carousel-banner { background-image:url(/assets/images/home/slider/2020-09/vuelta-al-cole/banner_desktop_vuelta_al_cole_pmi.jpg); background-color: #85769d; } #banner-2020-09-vuelta-al-cole.las-palmas { background-image:url(/assets/images/home/slider/2020-09/vuelta-al-cole/banner_desktop_vuelta_al_cole_lpm.jpg); } #banner-2020-09-vuelta-al-cole .carousel-bgimg { background-color: #85769d; } #banner-2020-09-vuelta-al-cole .carousel-bgimg { background-color: transparent; } @media (max-width: 1199px) { #banner-2020-09-vuelta-al-cole.carousel-banner { background-image: url(); } #banner-2020-09-vuelta-al-cole .carousel-bgimg { background-image:url(/assets/images/home/slider/2020-09/vuelta-al-cole/banner_tablet_vuelta_al_cole_pmi.jpg); } #banner-2020-09-vuelta-al-cole.las-palmas .carousel-bgimg { background-image:url(/assets/images/home/slider/2020-09/vuelta-al-cole/banner_tablet_vuelta_al_cole_lpm.jpg); } } @media (max-width: 556px) { #banner-2020-09-vuelta-al-cole.carousel-banner { background-color: #85769d; } #banner-2020-09-vuelta-al-cole .carousel-bgimg { background-image: url(/assets/images/home/slider/2020-09/vuelta-al-cole/banner_mobile_vuelta_al_cole_pmi.jpg); } #banner-2020-09-vuelta-al-cole.las-palmas .carousel-bgimg { background-image: url(/assets/images/home/slider/2020-09/vuelta-al-cole/banner_mobile_vuelta_al_cole_lpm.jpg); } } #banner-2020-08-transportes.carousel-banner { background-image:url(/assets/images/home/slider/2020-08/transportes/banner_desktop_transportes_pmi.jpg); background-color: #f4706e; } #banner-2020-08-transportes.las-palmas { background-image:url(/assets/images/home/slider/2020-08/transportes/banner_desktop_transportes_lpm.jpg); } #banner-2020-08-transportes .carousel-bgimg { background-color: #f4706e; } #banner-2020-08-transportes .carousel-bgimg { background-color: transparent; } @media (max-width: 1199px) { #banner-2020-08-transportes.carousel-banner { background-image: url(); } #banner-2020-08-transportes .carousel-bgimg { background-image:url(/assets/images/home/slider/2020-08/transportes/banner_tablet_transportes_pmi.jpg); } #banner-2020-08-transportes.las-palmas .carousel-bgimg { background-image:url(/assets/images/home/slider/2020-08/transportes/banner_tablet_banner_transportes_lpm.jpg); } } @media (max-width: 556px) { #banner-2020-08-transportes.carousel-banner { background-color: #f4706e; } #banner-2020-08-transportes .carousel-bgimg { background-image: url(/assets/images/home/slider/2020-08/transportes/banner_mobile_transportes_pmi.jpg); } #banner-2020-08-transportes.las-palmas .carousel-bgimg { background-image: url(/assets/images/home/slider/2020-08/transportes/banner_mobile_transportes_lpm.jpg); } } #banner-2020-07-restaurantes.carousel-banner { background-image:url(/assets/images/home/slider/2020-07/restaurantes/banner_desktop_restaurantes.jpg); background-color: #00969f; } #banner-2020-07-restaurantes .carousel-bgimg { background-color: #00969f; } #banner-2020-07-restaurantes .carousel-bgimg { background-color: transparent; } @media (max-width: 1199px) { #banner-2020-07-restaurantes.carousel-banner { background-image: url(); } #banner-2020-07-restaurantes .carousel-bgimg { background-image:url(/assets/images/home/slider/2020-07/restaurantes/banner_tablet_restaurantes.jpg); } } @media (max-width: 556px) { #banner-2020-07-restaurantes.carousel-banner { background-color: #00969f; } #banner-2020-07-restaurantes .carousel-bgimg { background-image: url(/assets/images/home/slider/2020-07/restaurantes/banner_mobile_restaurantes.jpg); } } #banner-2020-04-ikea.carousel-banner { background-image:url(/assets/images/home/slider/2020-04/10_desct/banner-ikea.jpg); background-color: #ffdb00; } #banner-2020-04-ikea .carousel-bgimg { background-color: #ffdb00; } #banner-2020-04-ikea .carousel-bgimg { background-color: transparent; } @media (max-width: 1199px) { #banner-2020-04-ikea.carousel-banner { background-image: url(); } #banner-2020-04-ikea .carousel-bgimg { background-image:url(/assets/images/home/slider/2020-04/10_desct/banner-ikea-tablet.jpg); background-position: center right; } } @media (max-width: 556px) { #banner-2020-04-ikea.carousel-banner { background-color: #ffdb00; } #banner-2020-04-ikea .carousel-bgimg { background-image: url(/assets/images/home/slider/2020-04/10_desct/banner-ikea-mobile.jpg); background-position: bottom right; } } #banner-2020-03-ventajon-shop.carousel-banner { background-image:url(/assets/images/home/slider/2020-03/tienda_ventajon/banner-desktop-ve_shop.jpg); background-color: #db0c16; } #banner-2020-03-ventajon-shop .carousel-bgimg { background-color: #db0c16; } #banner-2020-03-ventajon-shop .carousel-bgimg { background-color: transparent; } @media (max-width: 1199px) { #banner-2020-03-ventajon-shop.carousel-banner { background-image: url(); } #banner-2020-03-ventajon-shop .carousel-bgimg { background-image:url(/assets/images/home/slider/2020-03/tienda_ventajon/banner-tablet-ve_shop.jpg); background-position: center right; } } @media (max-width: 556px) { #banner-2020-03-ventajon-shop.carousel-banner { background-color: #db0c16; } #banner-2020-03-ventajon-shop .carousel-bgimg { background-image: url(/assets/images/home/slider/2020-03/tienda_ventajon/banner-mobile-ve_shop.jpg); background-position: bottom right; } } #banner-2020-06-tiendasonline.carousel-banner { background-image:url(https://webventajon.s3.eu-west-1.amazonaws.com/storage/banners/HOME-TOV-Desktop.jpg); background-color: #00a5b3; } #banner-2020-06-tiendasonline .carousel-bgimg { background-color: transparent; } @media (max-width: 1199px) { #banner-2020-06-tiendasonline.carousel-banner { background-image: url(); } #banner-2020-06-tiendasonline .carousel-bgimg { background-image:url(https://webventajon.s3.eu-west-1.amazonaws.com/storage/banners/HOME-TOV-tablet.jpg); background-position: center right; } } @media (max-width: 556px) { #banner-2020-06-tiendasonline.carousel-banner { background-color: #00a5b3; } #banner-2020-06-tiendasonline .carousel-bgimg { background-image: url(https://webventajon.s3.eu-west-1.amazonaws.com/storage/banners/HOME-movil.jpg); background-position: bottom right; } } #banner-salud.carousel-banner { background-image:url(/assets/images/banner/home/slider/2020-01/banner-salud.png); background-color: #FFD354; } #banner-salud .carousel-bgimg { background-color: #FFD354; } #banner-salud .carousel-bgimg { background-color: transparent; } @media (max-width: 1199px) { #banner-salud.carousel-banner { background-image: url(); } #banner-salud .carousel-bgimg { background-image:url(/assets/images/banner/home/slider/2020-01/banner-salud-tablet.png); } } @media (max-width: 556px) { #banner-salud.carousel-banner { background-color: #FFD354; } #banner-salud .carousel-bgimg { background-image: url(/assets/images/banner/home/slider/2020-01/banner-salud-movil.png); } } #banner-unete.carousel-banner { background-image:url(/assets/images/banner/home/unete/banner-unetealclub.png); background-color: #fff; } #banner-unete .carousel-bgimg { background-color: #fff; } #banner-unete .carousel-bgimg { background-color: transparent; } @media (max-width: 1199px) { #banner-unete.carousel-banner { background-image: url(); } #banner-unete .carousel-bgimg { background-image:url(/assets/images/banner/home/unete/banner-unetealclub-tablet.png); } } @media (max-width: 991px) {} @media (max-width: 767px) {} @media (max-width: 556px) { #banner-unete.carousel-banner { background-color: #15acc0; } #banner-unete .carousel-bgimg { background-image: url(/assets/images/banner/home/unete/banner-unetealclub-movil.png); } } @media (max-width: 480px) {} @media (max-width: 380px) {} .section-box-blog .section-box-content { background-image: url('/assets/images/home/main/home-main-guia-de-ventajas.jpg'); background-size: cover; background-repeat: no-repeat; background-position: 50% top !important; } .section-box-blog .section-box-content.center_top { background-position: 50% top !important; } .section-box-blog .section-box-content.right_top { background-position: right top !important; } #ahorramosJuntos { background-image: url('https://blog.ventajon.com/wp-content/uploads/2018/01/CHICA-HUCHA-CERDITO.png'); } .section-box-blog .section-box-content h2, .section-box-blog .section-box-content h3 { color: #ffffff; background-color: rgba(17, 63, 150, 0.5); background-color: rgba(0,0,0,0.2); padding: 5px; font-size: 26px; text-transform: none; font-weight: bold; } .section-box-blog.section-box-losgastronautas .section-box-content h3 { font-size: 24px; font-weight: normal; } .section-box-blog.section-box-losgastronautas .section-box-content h2, .section-box-blog.section-box-losgastronautas .section-box-content h3 { margin-top: 0 !important; margin-bottom: 0 !important; } .section-box-blog #ahorradorExtraordinarioxx.section-box-content h2, .section-box-blog #ahorradorExtraordinarioxx.section-box-content h3 { background-color: rgba(0, 0, 0, 0.2); color: #ffffff; background-color: rgba(255, 255, 255, 0.9); color: #333333; } @media (max-width:850px) { .section-box-blog .section-box-content h2, .section-box-blog .section-box-content h3 { padding: 5px; font-size: 22px; } } @media (max-width:767px) { .section-box-blog .section-box-content { background-size: cover; } .section-box-blog #ahorradorExtraordinario.section-box-content h2, .section-box-blog #ahorradorExtraordinario.section-box-content h3 { font-size: 20px; padding: 5px 0px 5px 2px; } .section-box-blog .section-box-content .btn-lg { width: auto; } } .visible-xxs { display: none; } .hidden-xxs { display: ''; } #insurance-calculate-promotion .legal-text-info { margin-top: 5px !important; } .carousel-single #insurance-calculate-promotion .legal-text-info { margin-top: 0px !important; } #bases-sorteo-promocion-calcula-tu-seguro { color: #333333; font-size: 0.85em; } @media (max-width: 480px) { .carousel-single #bases-sorteo-promocion-calcula-tu-seguro, #bases-sorteo-promocion-calcula-tu-seguro { clear: both; margin-top: 15px !important; font-size: 0.85em; display: inline-block; float: right; } } .carousel-single #banner-promocion-calcula-tu-seguro { margin-bottom: 10px !important; } #insurance-calculate-promotion .carousel-banner { background: #fed7c6; } #insurance-calculate-promotion .carousel-caption .legal-text-info { position: relative; bottom: auto; } #page-health-w-insurance #insurance-calculate-promotion.promotion-banner3 .carousel-caption .legal-text-info, #page-health-insurance #insurance-calculate-promotion.promotion-banner3 .carousel-caption .legal-text-info { position: absolute; bottom: 0; } #page-health-w-insurance #insurance-calculate-promotion.promotion-banner3 .carousel-caption, #page-health-insurance #insurance-calculate-promotion.promotion-banner3 .carousel-caption { bottom: 5px; } #insurance-calculate-promotion .carousel-bgimg { background-repeat: no-repeat; background-position: center center !important; } #insurance-calculate-promotion.promotion-banner0 .carousel-bgimg { background-color: #ced7e0; background-image: url('../images/seguros/banner-segurosalud-ventajon.jpg'); } #insurance-calculate-promotion.promotion-banner1 .carousel-bgimg { background-color: #fed7c6; background-image: url('../images/promotions/imagen-banner-malaga-seguro-salud-ventajon.jpg'); } #insurance-calculate-promotion.promotion-banner2 .carousel-bgimg { background-color: #d1e3e7; background-image: url('../images/promotions/imagen-banner-seguro-salud-ventajon.jpg'); } #insurance-calculate-promotion.promotion-banner3 .carousel-bgimg { background-image: url('../images/promotions/imagen-banner-web-ventajon_promo_seguros.jpg'); } #insurance-calculate-promotion.promotion-banner3 .carousel-bgimg::before { content: ' '; background-image: none; background: #ffffff; display: block; width: 100%; height: 100%; position: absolute; z-index:-1; } #insurance-calculate-promotion.promotion-banner4 .carousel-bgimg { background-image: url('../images/promotions/desktop-seguro_salud_fondo.jpg'); } #insurance-calculate-promotion.promotion-banner4 .carousel-bgimg::before { content: ' '; background-image: linear-gradient(to right, #9a9997 40%, #edd501 60%); display: block; width: 100%; height: 100%; position: absolute; z-index:-1; } #insurance-calculate-promotion.promotion-banner4 .img-txt-price { position: absolute; right: 50px; top: 10px; } @media (max-width: 991px) { #insurance-calculate-promotion.promotion-banner4 .img-txt-price { right: 0px; } } @media (min-width:1400px) { #insurance-calculate-promotion.promotion-banner4 .img-txt-price { right: 130px; } } #insurance-calculate-promotion.promotion-banner4 .legal-text-info { margin-top: 30px !important; } #insurance-calculate-promotion.promotion-banner5 .carousel-bgimg { background-image: url('../images/seguros/banner_segurossaludpromo_desktop.jpg'); } #insurance-calculate-promotion.promotion-banner5 .carousel-bgimg::before { content: ' '; background-image: linear-gradient(to right, #9a9997 40%, #5dae36 60%); display: block; width: 100%; height: 100%; position: absolute; z-index:-1; } #insurance-calculate-promotion.promotion-banner5 .img-txt-price { position: absolute; right: 10px; top: 35px; max-height: 235px; } @media (max-width: 991px) { #insurance-calculate-promotion.promotion-banner5 .img-txt-price { right: 0px; } } @media (min-width:1400px) { #insurance-calculate-promotion.promotion-banner5 .img-txt-price { right: 45px; } } #insurance-calculate-promotion.carousel-banner .carousel-caption h2.bg-white, #insurance-calculate-promotion.carousel-banner .carousel-caption h1.bg-white { margin-top: 0px; max-width: 610px; } #insurance-calculate-promotion.carousel-banner .carousel-caption h2.bg-white span, #insurance-calculate-promotion.carousel-banner .carousel-caption h1.bg-white span { clear: both; margin-bottom: 5px; } #insurance-calculate-promotion.carousel-banner .carousel-caption h2, #insurance-calculate-promotion.carousel-banner .carousel-caption h1 { color: #333333; margin-top: 0; font-size: 36px; font-weight: 300; text-transform: uppercase; } #insurance-calculate-promotion.carousel-banner.promotion-banner3 .carousel-caption h2, #insurance-calculate-promotion.carousel-banner.promotion-banner3 .carousel-caption h1 { color: #333333; } #insurance-calculate-promotion.carousel-banner.promotion-banner2 .carousel-caption h2, #insurance-calculate-promotion.carousel-banner.promotion-banner2 .carousel-caption h1 { font-size: 46px; } #insurance-calculate-promotion.carousel-banner.promotion-banner2 .carousel-caption h2, #insurance-calculate-promotion.carousel-banner.promotion-banner2 .carousel-caption h1 { text-transform: none; } #insurance-calculate-promotion.carousel-banner.promotion-banner4 .carousel-caption h2, #insurance-calculate-promotion.carousel-banner.promotion-banner4 .carousel-caption h1 { text-transform: uppercase; color: #333333; } #insurance-calculate-promotion.carousel-banner.promotion-banner5 .carousel-caption h2.bg-white, #insurance-calculate-promotion.carousel-banner.promotion-banner5 .carousel-caption h1.bg-white { margin-top: 45px; } #insurance-calculate-promotion.carousel-banner.promotion-banner5 .carousel-caption h2, #insurance-calculate-promotion.carousel-banner.promotion-banner5 .carousel-caption h1 { text-transform: uppercase; color: #333333; } #insurance-calculate-promotion.carousel-banner.promotion-banner4 .carousel-caption h3 { color: #333333; } #insurance-calculate-promotion.carousel-banner .carousel-caption h2 strong, #insurance-calculate-promotion.carousel-banner .carousel-caption h1 strong { font-weight: 600; } #insurance-calculate-promotion.carousel-banner .carousel-caption h2.bg-white, #insurance-calculate-promotion.carousel-banner .carousel-caption h1.bg-white { font-size: 30px; } #insurance-calculate-promotion.carousel-banner .carousel-caption h2.bg-white span, #insurance-calculate-promotion.carousel-banner .carousel-caption h1.bg-white span { font-size: 1em; font-weight: 300; text-transform: uppercase; white-space: nowrap; } #insurance-calculate-promotion .carousel-caption h3 { max-width: 540px; font-weight: 300; font-size: 16px; line-height: 1.45em; } #insurance-calculate-promotion .carousel-caption h3 strong { font-weight: 600; } @media (max-width: 1199px) { #insurance-calculate-promotion .carousel-bgimg { background-position: left center !important; } } @media (max-width: 991px) { #insurance-calculate-promotion .carousel-bgimg { background-position: 35% center !important; } .carousel-home #insurance-calculate-promotion .carousel-caption img { max-width: 193px; } } @media (max-width: 767px) { #insurance-calculate-promotion.carousel-banner .carousel-caption h2, #insurance-calculate-promotion.carousel-banner .carousel-caption h1 { font-size: 30px; } #insurance-calculate-promotion.carousel-banner .carousel-caption h2.bg-white, #insurance-calculate-promotion.carousel-banner .carousel-caption h1.bg-white { font-size: 26px; } #insurance-calculate-promotion .carousel-bgimg { background-position: 25% center !important; } #insurance-calculate-promotion .carousel-caption h3 { font-size: 16px; max-width: 77%; } #insurance-calculate-promotion.carousel-banner.promotion-banner5 .carousel-caption h2.bg-white, #insurance-calculate-promotion.carousel-banner.promotion-banner5 .carousel-caption h1.bg-white { margin-top: 20px; } } @media (max-width: 480px) { .visible-xxs { display: block; } .hidden-xxs { display: none; } } @media (min-width: 557px) and (max-width: 991px) { #insurance-calculate-promotion.promotion-banner0 .carousel-bgimg { background-position: 50% bottom !important; background-size: cover; } } @media (max-width: 556px) { #insurance-calculate-promotion.carousel-banner.promotion-banner2 .carousel-caption h1, #insurance-calculate-promotion.carousel-banner.promotion-banner3 .carousel-caption h1 { font-size: 30px; } #insurance-calculate-promotion.carousel-banner .carousel-caption h2.bg-white span, #insurance-calculate-promotion.carousel-banner .carousel-caption h1.bg-white span { padding: 0 10px; margin-bottom: 3px; white-space: normal; } #insurance-calculate-promotion.carousel-banner .carousel-caption h2.bg-white, #insurance-calculate-promotion.carousel-banner .carousel-caption h1.bg-white { max-width: 80%; } #insurance-calculate-promotion .carousel-bgimg { background-size: contain; } #insurance-calculate-promotion.promotion-banner4 .carousel-bgimg { background-size: cover; } #insurance-calculate-promotion.promotion-banner5 .carousel-bgimg { background-size: cover; } #insurance-calculate-promotion.promotion-banner0 .carousel-bgimg { background-position: 50% bottom !important; background-size: cover; } #insurance-calculate-promotion.promotion-banner1 .carousel-bgimg { background-position: center bottom !important; background-size: cover; } #insurance-calculate-promotion.promotion-banner2 .carousel-bgimg { background-position: center bottom !important; background-size: cover; } #insurance-calculate-promotion.promotion-banner3 .carousel-bgimg { background-position: center bottom !important; background-size: cover; } #insurance-calculate-promotion .carousel-caption h3 { font-size: 14px; font-size: 13px; line-height: 1.3; max-width: 57%; max-width: 65%; margin: 10px 0 15px 0; } .carousel-banner .btn-lg { width: auto; } } @media (max-width: 480px) { #insurance-calculate-promotion.promotion-banner3 .carousel-caption { text-align: center; } #insurance-calculate-promotion.carousel-banner.promotion-banner2 .carousel-caption h1, #insurance-calculate-promotion.carousel-banner.promotion-banner3 .carousel-caption h1, #insurance-calculate-promotion.carousel-banner .carousel-caption h2, #insurance-calculate-promotion.carousel-banner .carousel-caption h1 { font-size: 21px; font-weight: 400; line-height: 1.1; } #insurance-calculate-promotion.promotion-banner0 .carousel-bgimg { background-image: url('../images/seguros/mobile-banner-seguro-salud-ventajon.jpg'); background-position: right bottom !important; background-size: 330px auto; } #insurance-calculate-promotion.promotion-banner1 .carousel-bgimg { background-image: url('../images/promotions/imagen-banner-malaga-seguro-salud-ventajon-mobile.jpg'); background-position: right top !important; background-size: 300px auto; } #insurance-calculate-promotion.promotion-banner2 .carousel-bgimg { background-image: url('../images/promotions/imagen-banner-seguro-salud-ventajon-mobile.jpg'); background-position: right 20% !important; background-size: cover; } #insurance-calculate-promotion.promotion-banner3 .carousel-bgimg { background-image: url('../images/promotions/imagen-banner-web-ventajon-promoSeguros-mobile.jpg'); background-position: right center !important; background-size: cover; } #insurance-calculate-promotion.promotion-banner4 .carousel-bgimg { background-image: url('../images/promotions/mobile-seguro_salud_fondov2.jpg'); background-position: center 22% !important; background-size: cover; } #insurance-calculate-promotion.promotion-banner5 .carousel-bgimg { background-image: url('../images/seguros/banner_segurossaludpromo_mobile.jpg'); background-position: center 22% !important; background-size: cover; } #insurance-calculate-promotion.promotion-banner4 .carousel-caption { text-align:center; } #insurance-calculate-promotion.promotion-banner5 .carousel-caption { text-align:right; } #insurance-calculate-promotion.promotion-banner4.carousel-banner .carousel-caption h2.bg-white, #insurance-calculate-promotion.promotion-banner4.carousel-banner .carousel-caption h1.bg-white, #insurance-calculate-promotion.promotion-banner4.carousel-banner .carousel-caption h3 { max-width: 100%; } #insurance-calculate-promotion.promotion-banner5.carousel-banner .carousel-caption h2.bg-white, #insurance-calculate-promotion.promotion-banner5.carousel-banner .carousel-caption h1.bg-white, #insurance-calculate-promotion.promotion-banner5.carousel-banner .carousel-caption h3 { max-width: 100%; } #insurance-calculate-promotion.promotion-banner4 .visible-xxs.img-txt-price { position: relative; margin-top: 115px; margin-bottom: 10px; width: 230px; left:0; right:0; display: inline-block !important; } #insurance-calculate-promotion.promotion-banner4 #banner-promocion-calcula-tu-seguro { margin: 5px 0 0 0; } #insurance-calculate-promotion.promotion-banner4 .legal-text-info { margin-top: 0px !important; text-align: justify; font-size: 0.65em; line-height: 1em; } #insurance-calculate-promotion.promotion-banner5 .img-txt-price { position: relative; margin-top: 10px; margin-bottom: 35px; width: 165px; top: auto; left: auto; right:0; display: inline-block !important; } #insurance-calculate-promotion.promotion-banner5 #banner-promocion-calcula-tu-seguro { margin: 5px 0 0 0; } .carousel-single #bases-sorteo-promocion-calcula-tu-seguro, #bases-sorteo-promocion-calcula-tu-seguro { clear: both; margin: -5px 0 0 0 !important; font-size: 0.85em; display: block; text-align: right; float:none; } #insurance-calculate-promotion.carousel-banner.promotion-banner2 .carousel-caption { position: absolute; top: auto; bottom: 40px; } #insurance-calculate-promotion.carousel-banner.promotion-banner3 .carousel-caption { position: absolute; top: 0; bottom: 40px; } #carousel-home #insurance-calculate-promotion.carousel-banner.promotion-banner2 .carousel-caption, #carousel-home #insurance-calculate-promotion.carousel-banner.promotion-banner3 .carousel-caption { bottom: 35px; } .carousel-single #insurance-calculate-promotion.carousel-banner.promotion-banner2 .carousel-caption, .carousel-single #insurance-calculate-promotion.carousel-banner.promotion-banner3 .carousel-caption { bottom: 20px; } #insurance-calculate-promotion .carousel-caption { min-height: 325px; } #insurance-calculate-promotion.promotion-banner2 .carousel-caption, #insurance-calculate-promotion.promotion-banner3 .carousel-caption { min-height: auto; } #insurance-calculate-promotion.carousel-banner .carousel-caption h2, #insurance-calculate-promotion.carousel-banner .carousel-caption h1 { max-width: 56%; line-height: 1.1; } #insurance-calculate-promotion.carousel-banner.promotion-banner3 .carousel-caption h2, #insurance-calculate-promotion.carousel-banner.promotion-banner3 .carousel-caption h1 { max-width: 100%; line-height: 1.1; text-align: center; } #insurance-calculate-promotion.carousel-banner.promotion-banner0 .carousel-caption h2, #insurance-calculate-promotion.carousel-banner.promotion-banner0 .carousel-caption h1 { font-size: 24px; max-width: 100%; } #insurance-calculate-promotion.carousel-banner .carousel-caption h2.bg-white span, #insurance-calculate-promotion.carousel-banner .carousel-caption h1.bg-white span { padding: 0 10px; margin-bottom: 3px; white-space: nowrap; } #insurance-calculate-promotion.carousel-banner .carousel-caption h2.bg-white, #insurance-calculate-promotion.carousel-banner .carousel-caption h1.bg-white { font-size: 21px; font-weight: 400; max-width: 60%; } #insurance-calculate-promotion .carousel-caption h3 { font-size: 14px; font-size: 13px; line-height: 1.3; max-width: 53%; } #insurance-calculate-promotion.carousel-banner .carousel-caption { margin-top: 5px; } #insurance-calculate-promotion.promotion-banner1xx .carousel-caption h3 { max-width: 70%; } #insurance-calculate-promotion.promotion-banner2 .carousel-caption h3 { font-size: 14px; font-size: 13px; line-height: 1.3; max-width: 51%; margin: 15px 0 30px 0; } #insurance-calculate-promotion.promotion-banner3 .carousel-caption h3 { color: #333333; font-size: 15px; line-height: 1.3; max-width: 100%; margin: 8px 0 2px 0; text-align: center; position: relative; } #insurance-calculate-promotion.promotion-banner3 .carousel-caption h3:before { position: absolute; content: ''; width: 80%; left: 10%; top: -3px; border-top: 1px solid #333333; } #carousel-home #insurance-calculate-promotion.promotion-banner2 .carousel-caption h3, #carousel-home #insurance-calculate-promotion.promotion-banner3 .carousel-caption h3 { margin: 10px 0 0px 0; } #insurance-calculate-promotion.promotion-banner3 .visible-xxs.img-txt-companies { display: inline-block; max-width: 220px; } #insurance-calculate-promotion.promotion-banner3 .visible-xxs.img-txt-price { float: right; max-width: 40%; margin-top: 20px; padding-left:10px; border-left: 1px solid #3f3f3f; } #insurance-calculate-promotion.carousel-banner .carousel-caption .btn.btn-lg, #insurance-calculate-promotion.carousel-banner .carousel-caption .btn { display: block; margin: 5px 15px 8px 15px !important; width: auto; } #insurance-calculate-promotion.promotion-banner0 .carousel-caption .btn { position: absolute; bottom: 0; left: 15px; right: 15px; top: auto; } #insurance-calculate-promotion .legal-text-info { text-align: center; text-shadow: 0px 0px 1px #ffffff; } #insurance-calculate-promotion.promotion-banner3 .carousel-caption .btn { position: absolute; bottom: 30px; left: 15px; right: 15px; top: auto; } #insurance-calculate-promotion.promotion-banner3 .legal-text-info { text-align: justify; font-size: 9px; line-height: 1em; } #insurance-calculate-promotion.promotion-banner3 .carousel-caption .legal-text-info { position: absolute !important; bottom: 0 !important; } } @media (max-width: 359px) { #insurance-calculate-promotion.carousel-banner .carousel-caption h2, #insurance-calculate-promotion.carousel-banner .carousel-caption h1 { font-size: 20px; } #insurance-calculate-promotion.promotion-banner2 .carousel-caption h3 { font-size: 13px; max-width: 53%; } } @media (max-width: 319px) { #insurance-calculate-promotion .carousel-caption h3 { display:none; } } body#page-landing-promotion-insurance-calculate-canarias main > .container, body#page-landing-promotion-insurance-calculate main > .container { margin-top: 0; } #page-landing-promotion-insurance-calculate-can .logos-partners, #page-landing-promotion-insurance-calculate .logos-partners { padding-top: 15px; text-align: center; } #page-landing-promotion-insurance-calculate-can .logos-partners img, #page-landing-promotion-insurance-calculate .logos-partners img { max-height: 60px; } @media (max-width: 556px) { #page-landing-promotion-insurance-calculate-can .logos-partners, #page-landing-promotion-insurance-calculate .logos-partners { padding-top: 0px; } #page-landing-promotion-insurance-calculate-can .logos-partners img, #page-landing-promotion-insurance-calculate .logos-partners img { max-height: 47px; } } @media (max-width: 480px) { #page-landing-promotion-insurance-calculate-can .container .btn, #page-landing-promotion-insurance-calculate .container .btn { width: 100%; display: block; } } @media (max-width: 359px) { #page-landing-promotion-insurance-calculate-can .logos-partners img, #page-landing-promotion-insurance-calculate .logos-partners img { max-height: 43px; } } #containerDiscountMapList .nav { margin-top: 15px; margin-bottom: 15px; } #containerDiscountMapList .nav-pills > li > a { border: 1px solid transparent; border-radius: 5px; } #containerDiscountMapList .nav-tabs > li > a { background: transparent; } #containerDiscountMapList .nav-pills > li:not(.active) > a:hover { color: #d10026; border: 1px solid #d7d7d7; background-color: #efefef; } #containerDiscountMapList .nav-tabs > li:not(.active) > a:hover { background-color: #efefef; color: #113f96; border-color: transparent; border-radius: 5px 5px 0px 0px; border-bottom: none; } #containerDiscountMapList .nav-tabs > li.active > a { color: #113f96; color: #d10026; border-color: #d7d7d7; border-bottom-color: #ffffff; border-radius: 5px 5px 0px 0px; border-width: 1px 1px 1px 1px; } #containerDiscountMapList .nav-tabs { border-bottom: 1px solid #d7d7d7; } #containerDiscountMapList .nav > li:not(.active):not(:focus):not(:hover) > a { text-decoration: underline; } #containerDiscountMapList h3 { font-size: 18px; margin-bottom: 0; } @medis (max-width:767px) { #containerDiscountMapList h3 { font-size: 14px; } } .btn-map-adjust { height: 26px; padding-top: 3px; margin-left: 0px; max-width: 30%; } .drop-menu-markets, .drop-menu-categorias { position: relative; } .btn-drop-menu-markets, .btn-drop-menu-categorias { height: 35px; padding: 6px 12px; font-size: 13px; line-height: 1.42857143; color: #999999; } @media (max-width:767px) { .btn-drop-menu-markets, .btn-drop-menu-categorias { width: 100%; max-width: 100%; margin: 5px 0 5px 0px; text-align: left; } } .buscador .dropdown-menu { position: absolute; top: auto; left: 0; border: 1px solid #cccccc; padding-bottom: 0px; z-index: 10; } .buscador .dropdown-menu li:last-child { margin-bottom: 8px; } .buscador .dropdown-menu hr { margin: 5px 0; } .buscador .dropdown-menu a:hover { cursor: pointer; } .scrollable-menu { height: auto; max-height: 305px; overflow-x: hidden; z-index: 10; } @media (max-width:576px) { .scrollable-menu { height: auto; max-height: 305px; overflow-x: hidden; min-width: 200px; } } .a-table-size { font-size: 13px !important; font-weight: bold; } .roll-over-table:hover { background-color: #CCC; } .menu-buscador-listado { margin-top: 40px; } .config-tabla-listado-descuentos { padding-left: 0px; padding-right: 0px; } .config-tabla-listado-descuentos th { font-size: 16px; } .config-tabla-listado-descuentos th.th_name, .config-tabla-listado-descuentos th.th_name.sorting { } .config-tabla-listado-descuentos th.th_cat { min-width: 75px; max-width: 280px; } .config-tabla-listado-descuentos th.th_discount { min-width: 40px; max-width: 85px; } .config-tabla-listado-descuentos td { font-size: 12px; } .dataTables_wrapper .dataTables_filter input { border-radius: 0px !important; font-size: inherit !important; border: solid 1px #DAD9D9; padding: 0.5em 1em; } body table.dataTable thead th, body table.dataTable thead td, body table.dataTable.no-footer { border-bottom: 1px solid #DAD9D9; } body table.dataTable tfoot th, body table.dataTable tfoot td { border-top: 1px solid #DAD9D9; } @media (max-width:767px) { table.dataTable tbody th, .config-tabla-listado-descuentos th { font-size: 14px; white-space: nowrap; } table.dataTable tbody td, table.dataTable tbody td:hover, .config-tabla-listado-descuentos td, .config-tabla-listado-descuentos td:hover { font-size: 11px; padding: 11px 5px 10px 5px !important; line-height: 1.2em; } } body .dataTables_wrapper .dataTables_paginate .paginate_button, body .dataTables_wrapper .dataTables_paginate .paginate_button:hover, body .dataTables_wrapper .dataTables_paginate .paginate_button:active, body .dataTables_wrapper .dataTables_paginate .paginate_button:focus { background: transparent !important; background-color: transparent !important; box-shadow: inset 0 0 0 #000000 !important; border: 1px solid #cccccc !important; border-radius: 0; } body .dataTables_wrapper .dataTables_paginate span > .paginate_button, body .dataTables_wrapper .dataTables_paginate .paginate_button.current, body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { border: 1px solid transparent !important; background: transparent; box-shadow: inset 0 0 0 #000000 !important; } body .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: #787878 !important; } body .dataTables_wrapper .dataTables_paginate .paginate_button.current { font-weight: bold; } body .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: #787878 !important; } body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled { color: #cccccc !important; } #map { height: 750px; } @media (max-width:767px) { #map { height: 585px; } } #map.swiping::after { content: 'Para mover el mapa, utiliza dos dedos'; color: #fff; font-size: 15px; letter-spacing: 0.02em; font-weight: 300; justify-content:center; display: flex; align-items: center; padding: 15px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 9999; pointer-events:none; } #contenedorMapa { padding: 0; } #colContenedorMapa { padding: 0; } @media (min-width: 992px) { .discounts-map-searchform-container { border-top: 0px solid #d7d7d7; margin-top: 15px; } } @media (min-width: 768px) { .discounts-map-searchform-container { border-bottom: 1px dashed #d7d7d7; } } @media (max-width:767px) { .discounts-map-searchform-container { border-bottom: 1px dashed #d7d7d7; } .discounts-map-searchform-container.container-fluid, #listado.container, #contenedorListado.container { padding: 0; } .discounts-map-searchform-container { padding-top:10px; } #containerDiscountMapList .nav-pills > li > a { padding: 7px 8px 8px 8px; font-size: 12px; } } #buscadorVentajas .form { padding: 0; margin: 0; } #buscadorVentajas .form .form-group-select button, #buscadorVentajas .form .form-group { margin-top: 10px; position: relative; } #buscadorVentajas .form .form-group-select .dropdown-menu { margin-top: -9px; } .c-gray { color: #999999; } @media (max-width:767px) { #buscadorVentajas .form .form-group-select .dropdown-menu { margin-topx: 0px; topx: 12px !important; } } @media (max-width:551px) { #buscadorVentajas .form .form-group-select .dropdown-menu { min-width:330px; } } @media (max-width:359px) { #buscadorVentajas .form .form-group-select .dropdown-menu { min-width:auto; } } #buscadorVentajas input.form-control { font-family: 'Roboto', sans-serif; color: #333333; } #buscadorVentajas .btn-drop-menu-categorias, #buscadorVentajas .btn-drop-menu-markets { color: #333333; cursor: pointer; } #buscadorVentajas .drop-menu-categorias a:first-letter { text-transform: uppercase; } @media (max-width:767px) { #buscadorVentajas { display: none; margin: 0 0 0 0; padding: 0 0 10px 0; } } @media (min-width:1024px) { #buscadorVentajas { margin: 0; padding: 0; } } #buscadorVentajas .form-control { margin-top: 0px; margin-bottom: 10px; margin-right: 8px; } @media (max-width:767px) { #buscadorVentajas .form .form-group-select button, #buscadorVentajas .form .form-group { display:block; } #buscadorVentajas .form-control { margin-top: 5px; margin-bottom: 15px; margin-right: 0px; } #buscadorVentajas .form input.form-control { } #buscadorVentajas .form input.form-control label { min-width: 200px; margin: 0; padding: 0; } #buscadorVentajas .form input.form-control:focus ~ label { min-width: 200px; } } .formWidthBuscador { width: 100%; } #menuBuscar { margin-right: 60px; } .boton-buscador { color: #d10026; appearance: button; -moz-appearance: button; -webkit-appearance: button; } .boton-buscador-2 { margin-top: 5px; color: #113f96; appearance: button; -moz-appearance: button; -webkit-appearance: button; } .filter-letters li:not(:first-child) { border-left: 1px solid #cccccc; padding: 0 5px; } .filter-letters a { cursor: pointer; padding: 0 5px; } .filter-letters a.sel { font-weight: 600; color: #d10026; } .dataTables_wrapper select { background: #ffffff url('/assets/images/caret-down.svg') no-repeat 87% 57%; background-size: 9px; border: 1px solid #cccccc; border-radius: 2px; padding: 0.4em 7px 0.4em 9px; appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; min-width: 70px; } .dataTables_length select::after { font-family: 'FontAwesome', 'sans-serif'; content: '\f0dd'; } @media (max-width:767px) { .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { float: none; text-align: left !important; } } #listado .dataTables_wrapper .dataTables_paginate, #contenedorListado .dataTables_wrapper .dataTables_paginate { float: none; clear: both; text-align: left } @media (max-width:767px) { .dataTables_wrapperxx .dataTables_paginate .paginate_button.next { text-indent: -999px; position:relative; } .dataTables_wrapperxx .dataTables_paginate .paginate_button.next:after { position:relative; top:0; right:0; font-family: 'FontAwesome', 'sans-serif'; content: '\f0dd'; } } #listado, #contenedorListado { margin-bottom: 60px; font-weight: 400; } #listado label, #contenedorListado label { font-weight: 300; } #listado .dataTables_paginate, #contenedorListado .dataTables_paginate { margin-bottom: 15px; } #listado .dataTables_paginate a, #contenedorListado .dataTables_paginate a { border: 1px solid #cccccc; -moz-border-radius: 2px; border-radius: 2px; } #listado .dataTables_paginate a.disabled, #contenedorListado .dataTables_paginate a.disabled { font-weight: normal; color: #cccccc !important; } #listado .dataTables_paginate span a, #contenedorListado .dataTables_paginate span a { border: 0; } #listado .dataTables_paginate a, #contenedorListado .dataTables_paginate a { padding: 0.4em 1em; } #listado .dataTables_paginate a:not(:last-child), #contenedorListado .dataTables_paginate a:not(:last-child) { margin-right: 8px; } @media (max-width: 575px) { #listado .dataTables_paginate, #contenedorListado .dataTables_paginate { white-space: nowrap; } #listado .dataTables_paginate a:not(:last-child), #contenedorListado .dataTables_paginate a:not(:last-child) { margin-right: 15px; } #listado .dataTables_paginate a, #contenedorListado .dataTables_paginate a { padding: 0.4em 1.54em; } } @media (max-width: 359px) { #listado .dataTables_paginate a, #contenedorListado .dataTables_paginate a { padding: 0.4em 1.25em; } #listado .dataTables_paginate, #contenedorListado .dataTables_paginate { white-space: normal; } } #listado .dataTables_paginate a.current, #contenedorListado .dataTables_paginate a.current { font-weight: bold; } @media (max-width: 575px) { #listado .dataTables_paginate .ellipsis, #contenedorListado .dataTables_paginate .ellipsis, #listado .dataTables_paginate span a:not(.current).paginate_button, #contenedorListado .dataTables_paginate span a:not(.current).paginate_button { display:none; } } #listado .dataTables_wrapper .top, #contenedorListado .dataTables_wrapper .top { border-top: 1px solid #DAD9D9; padding-top: 30px; padding-bottom: 15px; } #listado table.dataTable thead th, #contenedorListado table.dataTable thead th { position: relative; background-image: none !important; padding-left: 25px; padding-right: 0px; } #listado table.dataTable thead th:hover, #contenedorListado table.dataTable thead th:hover { color: #d10026; } #listado table.dataTable thead th:not(:first-child), #contenedorListado table.dataTable thead th:not(:first-child) { border-left: 1px solid #ddd !important; } #listado table.dataTable thead th.sorting:after, #listado table.dataTable thead th.sorting_asc:after, #listado table.dataTable thead th.sorting_desc:after, #contenedorListado table.dataTable thead th.sorting:after, #contenedorListado table.dataTable thead th.sorting_asc:after, #contenedorListado table.dataTable thead th.sorting_desc:after { position: absolute; bottom: 11px; left: 8px; right: auto; display: block; font-family: "FontAwesome"; color: #ddd; font-size: 0.8em; } #listado table.dataTable thead th.sorting:after, #contenedorListado table.dataTable thead th.sorting:after { content: "\f0dc"; } #listado table.dataTable thead th.sorting_asc:after, #contenedorListado table.dataTable thead th.sorting_asc:after { content: "\f0de"; color: #113f96; } #listado table.dataTable thead th.sorting_desc:after, #contenedorListado table.dataTable thead th.sorting_desc:after { content: "\f0dd"; color: #113f96; } #listado table.dataTable tr:hover td, #contenedorListado table.dataTable tr:hover td { background-color: #d10026; color: #ffffff; } #listado table.dataTable tr:hover td a, #contenedorListado table.dataTable tr:hover td a { color: #ffffff; display: block; } #listado table.dataTable td.colorRojo, #contenedorListado table.dataTable td.colorRojo { text-align: right; } .colorRojo,.colorRojo a { color: #d10026; } #rowFichaEmpresa h1 { font-size: 32px; line-height: 1em; color: #113f96; margin-top: 40px; margin-bottom: 15px; } #rowFichaEmpresa h2 { font-size: 23px; line-height: 1em; margin-top: 20px; margin-bottom: 10px; } #rowFichaEmpresa p { margin-top: 0px; margin-bottom: 10px; } @media (max-width:576px) { #rowFichaEmpresa h1 { font-size: 24px; line-height: 30px; margin-top: 30px; margin-bottom: 0px; } } #companyImage img { margin-left: auto; margin-right: auto; max-height: 200px; margin-top: 20px; margin-bottom: 0px; float: left; } #rowFichaEmpresa .collapse-icon::before { font-family: 'FontAwesome'; content: '\f068'; color: #75A0F0; float:right; margin: 8px 10px 0px 0px; font-size: 18px; height:100%; } #rowFichaEmpresa .collapse-icon.collapsed::before { content: '\f067'; } #rowFichaEmpresa .info-box > .fa, #rowFichaEmpresa .info-box > a { float:left; } #rowFichaEmpresa .info-box > .fa { margin-top:2px; float:left; } #rowFichaEmpresa .info-box > .fa + .info-content, #rowFichaEmpresa .info-box .info-content { display: block; overflow: hidden; } #rowFichaEmpresa .social-info-box .info-content { white-space: nowrap; } #map .fa, #modalMap .fa, #rowFichaEmpresa .business-directions .fa { min-width: 17px; margin-right: 3px; text-align: center; font-weight:400; } #modalMap .fa-envelope, #rowFichaEmpresa .fa-envelope { font-size:0.85em; } #rowFichaEmpresa .business-directions > ul { margin-bottom: 30px text-align: left; } #rowFichaEmpresa .business-directions > ul li { padding: 10px 0px; margin: 0px 0px 15px 0px; } #rowFichaEmpresa .business-directions > ul li { border-bottom: 1px solid #d7d7d7; } .wdesarrollo #rowFichaEmpresa .business-directions > ul li { border-bottom: 1px solid #d7d7d7; } .wdesarrollo #rowFichaEmpresa .business-directions.count-2 > ul li:first-child { border-bottom: none; } .wdesarrollo #rowFichaEmpresa .business-directions > ul li:last-child { border-bottom: none; } @media (max-width:767px) { #rowFichaEmpresa .business-directions p { margin-bottom: 20px; } } @media (min-width:768px) { #rowFichaEmpresa .business-directions .show-visible-xs { display:none; } .wdesarrollo #rowFichaEmpresa .business-directions:not(.count-1) > ul { column-count: 2; -webkit-column-count: 2; column-gap: 30px; -webkit-column-gap: 30px; overflow: hidden; } .wdesarrollo #rowFichaEmpresa .business-directions:not(.count-1) > ul li:only-child { column-count: 0; -webkit-column-count: 0; column-gap: 0; -webkit-column-gap: 0; overflow: hidden; } .wdesarrollo #rowFichaEmpresa .business-directions:not(.count-1) > ul { column-rule: 1px solid #d7d7d7; } #rowFichaEmpresa .business-directions:not(.count-1) > ul li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } } .business-directions .list-title { margin: 10px 0px 15px 0px; padding: 10px 0px 15px 0px; border-bottom: 1px solid #113F96; font-size: 18px; } #discount-details h2 { font-size: 100px; text-align: center; color: #d10026; letter-spacing: -9px; font-weight: 700; } #discount-details { border: 1px solid #113f92; max-width: 225px; padding: 10px 20px 10px 20px; margin-top: 20px; margin-bottom: 20px; background-image: url(../images/common/tarjeta-ve-blue-peq.png); background-size: 74px auto; background-repeat: no-repeat; background-position: calc(100% - 24px) 28px; color: #113f92; font-weight: bold; top: -25px; } @media (max-width:552px) { #discount-details { max-width: 185px; padding: 0px 10px 10px 10px; background-position: calc(100% - 15px) 15px; background-size: 59px auto; } } #contenedorMapa .business-map-discount-details { border: 1px solid #113f92; max-width: 210px; padding: 10px 10px 10px 10px; margin: 15px 0px; background-image: url(../images/common/tarjeta-ve-blue-peq.png); background-size: 60px auto; background-repeat: no-repeat; background-position: calc(100% - 20px) 15px; color: #113f92; font-weight: bold; top: -25px; } #contenedorMapa .leaflet-popup-pane .business-map-logo img { padding: 0px; border: 0px solid #efefef; } #contenedorMapa .leaflet-popup-pane .imagery { margin-top:15px; } @media (max-width: 767px) { #contenedorMapa .business-map .imagery .discount { font-size: 40px; line-height: 1em; } #contenedorMapa .leaflet-popup-pane h2 { margin-top: 9px; margin-bottom: 9px; } #contenedorMapa .leaflet-popup-pane hr { margin-top: 8px; margin-bottom: 8px; } #contenedorMapa .business-map-discount-details { border: none; border-left: 1px solid #113f92; background-image: none; max-width: auto; padding: 0px 0px 0px 10px; margin: 0; color: #113f92; font-weight: bold; top: 0; } #contenedorMapa .leaflet-popup-pane .business-map .imagery .discount-title { font-size: 9px; } } .bubble-box:before { content: ''; position: absolute; bottom: 0; left: 30px; width: 0; height: 0; border: 20px solid transparent; border-top-color: #113f92; border-width: 25px 20px 0 0; margin-left: -10px; margin-bottom: -25px; } .bubble-box:after { content: ''; position: absolute; bottom: 0; left: 30px; width: 0; height: 0; border: 18px solid transparent; border-top-color: #ffffff; border-width: 25px 20px 0 0; margin-left: -9px; margin-bottom: -23px; } #discount-details .discount { color: #113f92; font-size: 60px; line-height: 60px; margin-top:10px; font-weight: bold; text-align: center; display:block; padding-right: 45%; text-shadow: 2px -1px 0 #ffffff; } @media (max-width:552px) { #discount-details .discount { font-size: 50px; line-height: 50px; } } #discount-details .discount-symbol { color: #113f92; font-size: 29px; font-weight: bold; } #discount-details .discount-title { color: #113f92; font-size: 11px; font-weight: bold; line-height: 1em; } #colBotonVolverGuia { } #rowLista { margin-top: 40px; padding-left: 10px; padding-right: 10px; margin-bottom: -40px; } #rowLista hr { margin-top: 10px; margin-bottom: 10px; } #tituloDescuentoLista h2 { margin-top: 30px; font-size: 25px; line-height: 26px; font-weight: 100; } #descuentoLista h2 { font-size: 70px; text-align: center; color: #d10026; letter-spacing: -9px; font-weight: 700; } #descuentoLista { margin-top: 20px; margin-bottom: -20px; padding: 43px 40px 40px 37px; background-image: url(../images/fondo-descuentos.jpg); background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; } .hidden-element { display: none; } .discounts-map-searchform-container .search-filter-toggle { color: #113f96; cursor: pointer; display: inline-block; margin-top: 10px; margin-bottom: 10px; } @media (max-width:576px) { .discounts-map-searchform-container form .btn { display: block; width: 100%; margin: 5px 0px; } } .discounts-map-searchform-container .btn-clear { text-decoration: underline; cursor: pointer; } .discounts-map-searchform-container .btn-clear:hover { text-decoration: none; color: #d10026; } .discounts-map-searchform-container .nav-pills > li > a { margin-top: 10px; border-radius: 5px; padding: 6px 12px; } #rowFichaEmpresa .fa-facebook-square { color: #3b5998; } #rowFichaEmpresa .fa-twitter-square { color: #00aced; } #rowFichaEmpresa .fa-youtube { color: #de0000; } #rowFichaEmpresa .fa-instagram { color: #e4405f; } #rowFichaEmpresa .fa-linkedin { color: #0077B5; } #rowFichaEmpresa .fa-google-plus-square { color: #dd4b39; } #rowFichaEmpresa .fa-snapchat-square { color: #FFFC00; } #rowFichaEmpresa .fa-tripadvisor { color: #00AF87; } #rowFichaEmpresa .fa-pinterest { color: #bd081c; } .promotions-header h1 { colorxx: #000000; } .promotions-header h2 { margin-top: 0; margin-bottom: 40px; } .promotions-list { } .promotions-list > div { margin-bottom: 35px; } @media (min-width:768px) and (max-width:1199px) { .promotions-list > div:nth-child(2n+1) { clear: left; } } @media (min-width:1200px) { .promotions-list > div:nth-child(3n+1) { clear: left; } .promotions-list > div:nth-child:nth-child(3):after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } } .promotions-list > div > div > div.col-xs-9.col-sm-7 { padding-left: 0px; } .promotions-list .enunciado-oferta { font-size: 16px; font-weight: 700; line-height: 1.2em; } .promotions-container { margin-topx: 40px; } .promotions-see-all { } .promotion-image-container img { border-radius: 2px; -moz-border-radius: 2px; } .promotion-daterange { line-height: 1em; } .offer-ini { font-size: 12px; color: #113F96; } .offer-fin { font-size: 12px; color: #d10026; } img.img-promotion { margin-bottom: 30px; } .btn.btn-facebook { border-color: #3b5998; } .btn.btn-twitter { border-color: #00aced; } .btn.btn-instagram { border-color: #e4405f; } .btn.btn-facebook:hover { background-color: #3b5998; border-color: #3b5998; color: #ffffff; } .btn.btn-twitter:hover { background-color: #00aced; border-color: #00aced; color: #ffffff; } .btn.btn-instagram:hover { background-color: #e4405f; border-color: #e4405f; color: #ffffff; } .btn-facebook .fa { color: #3b5998; } .btn-twitter .fa { color: #00aced; } .btn-instagram .fa { color: #e4405f; } .btn-facebook:hover .fa { color: #ffffff; } .btn-twitter:hover .fa { color: #ffffff; } .btn-instagram:hover .fa { color: #ffffff; } .col-social-icons .btn { padding: 4px 8px; min-width: 28px; margin: 0 5px 0 5px; } #bannerMagazine { position: relative; max-height: 350px; min-height: 350px; width: 100%; padding:10px; background-color: #002F47; background-image: url(../images/magazine/banner-bg-revista.jpg); background-size: 1200px auto; background-repeat: no-repeat; background-position: 50% 38%; } @media (min-width:1200px) { #bannerMagazine::before { content: ''; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; background-image: linear-gradient(to right, transparent 70%, #167596 80%); } #bannerMagazine::after { position:absolute; top: 0; left: calc(50% - 600px); width: 1200px; height: 100%; content: ''; background-image: linear-gradient(to right, #002F47 0%, transparent 15%, transparent 85%, #167596 100%); } } @media (max-width:1200px) { #bannerMagazine.banner { background-size: cover; } } @media (max-width:556px) { #bannerMagazine.banner { max-height: 350px; min-height: 350px; background-position: 0 0; } } .banner-container .carousel-caption { display: block; width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 30px; margin: 0 auto 0 auto; margin-top: 0px; padding: 0 30px 50px 30px; max-width: 1200px; background: transparent; text-shadow: none; text-align: left; border: 0px solid #000; } @media (max-width: 767px) { .banner-container .carousel-caption { padding: 0 15px 50px 15px; } } .banner-container .carousel-banner .carousel-caption h1.bg-white span, .banner-container .carousel-banner .carousel-caption h2.bg-white span { text-transform: uppercase; font-weight: 400; } .banner-container .carousel-banner .carousel-caption h1.bg-white span:after, .banner-container .carousel-banner .carousel-caption h2.bg-white span:after { content:"\000A"; white-space: pre; } .banner-container #banner-work-with-us.carousel-banner .carousel-caption h1, .banner-container #banner-work-with-us.carousel-banner .carousel-caption h2 { margin-top: 50px; } #banner-work-with-us { position: relative; max-height: 350px; min-height: 350px; width: 100%; padding:10px; background-color: #0251a5; background-image: url(../images/work/banner-bg-work-with-us.jpg); background-size: 1200px auto; background-repeat: no-repeat; background-position: 50% 43%; } @media (min-width:1200px) { #banner-work-with-us::before { content: ''; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; background-image: linear-gradient(to right, transparent 85%, #002c5d 90%); } #banner-work-with-us::after { position:absolute; top: 0; left: calc(50% - 600px); width: 1200px; height: 100%; content: ''; background-image: linear-gradient(to right, #0251a5 0%, transparent 15%, transparent 90%, #002c5d 100%); } } @media (min-width:1400px) { #banner-work-with-us::before { background-image: linear-gradient(to right, transparent 70%, #002c5d 75%); } } @media (max-width:1200px) { #banner-work-with-us.banner { background-size: cover; } } @media (max-width:556px) { #banner-work-with-us.banner { max-height: 380px; min-height: 380px; background-position: 0 0; background-color: #002c5d; background-image: url(../images/work/banner-bg-work-with-us.jpg); background-size: 1200px auto; background-repeat: no-repeat; background-position: 70% 79%; } .banner-container #banner-work-with-us.carousel-banner .carousel-caption h1, .banner-container #banner-work-with-us.carousel-banner .carousel-caption h2 { position: absolute;; top: auto; bottom: 0; } } #page-health-w-insurance #insurance-calculate-promotion.promotion-banner0 .carousel-bgimg, #page-health-insurance #insurance-calculate-promotion.promotion-banner0 .carousel-bgimg { background-color: transparent; background-image: url('../images/seguros/banner-segurosalud-ventajon.jpg'); } #page-health-w-insurance #insurance-calculate-promotion.promotion-banner0 .carousel-bgimg::before, #page-health-insurance #insurance-calculate-promotion.promotion-banner0 .carousel-bgimg::before { content: ' '; background-image: linear-gradient(to right, #9a9997 50%, #f7d501 50%); display: block; width: 100%; height: 100%; position: absolute; z-index:-1; } #page-health-insurance #insurance-calculate-promotion.carousel-banner .carousel-caption h2, #page-health-insurance #insurance-calculate-promotion.carousel-banner .carousel-caption h1 { color: #333333; margin-top: 0; font-size: 36px; font-weight: 300; text-transform: uppercase; } #page-health-insurance #insurance-calculate-promotion.carousel-banner.promotion-banner5 .carousel-caption h2, #page-health-insurance #insurance-calculate-promotion.carousel-banner.promotion-banner5 .carousel-caption h1 { margin-top: 45px; } #page-health-w-insurance #insurance-calculate-promotion.promotion-banner0 .img-txt-price, #page-health-insurance #insurance-calculate-promotion.promotion-banner0 .img-txt-price { float:right; margin-right: 20px; } @media (max-width: 991px) { #page-health-insurance #insurance-calculate-promotion.carousel-banner .carousel-caption h2, #page-health-insurance #insurance-calculate-promotion.carousel-banner .carousel-caption h1 { margin: 0px 25px 60px 5px; } #page-health-insurance #insurance-calculate-promotion.carousel-banner.promotion-banner5 .carousel-caption h2, #page-health-insurance #insurance-calculate-promotion.carousel-banner.promotion-banner5 .carousel-caption h1 { margin: 45px 0px 60px 0px; } #page-health-insurance #insurance-calculate-promotion.carousel-banner .carousel-caption h2 span, #page-health-insurance #insurance-calculate-promotion.carousel-banner .carousel-caption h1 span, #page-health-insurance #insurance-calculate-promotion.carousel-banner .carousel-caption h2, #page-health-insurance #insurance-calculate-promotion.carousel-banner .carousel-caption h1 { max-width: 100%; text-align: left; color: #333333; font-size: 32px; font-weight: 300; text-transform: uppercase; white-space: normal; } } @media (max-width: 576px) { #page-health-insurance #insurance-calculate-promotion.carousel-banner .carousel-caption h2, #page-health-insurance #insurance-calculate-promotion.carousel-banner .carousel-caption h1 { margin: 0px 25px 110px 5px; } #page-health-insurance #insurance-calculate-promotion.carousel-banner.promotion-banner5 .carousel-caption h2, #page-health-insurance #insurance-calculate-promotion.carousel-banner.promotion-banner5 .carousel-caption h1 { margin: 45px 0px 60px 0px; } #page-health-insurance #insurance-calculate-promotion.carousel-banner .carousel-caption h2 span, #page-health-insurance #insurance-calculate-promotion.carousel-banner .carousel-caption h1 span, #page-health-insurance #insurance-calculate-promotion.carousel-banner .carousel-caption h2, #page-health-insurance #insurance-calculate-promotion.carousel-banner .carousel-caption h1 { max-width: 100%; text-align: left; color: #333333; font-size: 26px; font-weight: 300; text-transform: uppercase; white-space: normal; } } @media (max-width: 480px) { #page-health-w-insurance #insurance-calculate-promotion.promotion-banner0 .img-txt-price, #page-health-insurance #insurance-calculate-promotion.promotion-banner0 .img-txt-price { max-height: 90px; } #page-health-w-insurance #insurance-calculate-promotion.promotion-banner0 .carousel-bgimg, #page-health-insurance #insurance-calculate-promotion.promotion-banner0 .carousel-bgimg { background-color: #edd503; background-image: url('../images/seguros/banner-seguro-salud-ventajon-mobile.jpg'); background-position: left bottom !important; background-size: cover; } #page-health-insurance #insurance-calculate-promotion.promotion-banner5 .carousel-bgimg { background-color: #edd503; background-image: url('../images/seguros/banner_segurossaludpromo_mobile.jpg'); } #page-health-insurance #insurance-calculate-promotion.carousel-banner .carousel-caption h2, #page-health-insurance #insurance-calculate-promotion.carousel-banner .carousel-caption h1 { margin: 30px 0px 10px 0px; } #page-health-insurance #insurance-calculate-promotion.carousel-banner.promotion-banner5 .carousel-caption h2, #page-health-insurance #insurance-calculate-promotion.carousel-banner.promotion-banner5 .carousel-caption h1 { margin: 25px 0px 10px 0px; } #page-health-insurance #insurance-calculate-promotion.carousel-banner .carousel-caption h2 span, #page-health-insurance #insurance-calculate-promotion.carousel-banner .carousel-caption h1 span, #page-health-insurance #insurance-calculate-promotion.carousel-banner .carousel-caption h2, #page-health-insurance #insurance-calculate-promotion.carousel-banner .carousel-caption h1 { max-width: 100%; text-align: right; color: #333333; font-size: 23px; font-weight: 300; text-transform: uppercase; white-space: normal; } #page-health-insurance #insurance-calculate-promotion.carousel-banner.promotion-banner5 .carousel-caption h2 span, #page-health-insurance #insurance-calculate-promotion.carousel-banner.promotion-banner5 .carousel-caption h1 span, #page-health-insurance #insurance-calculate-promotion.carousel-banner.promotion-banner5 .carousel-caption h2, #page-health-insurance #insurance-calculate-promotion.carousel-banner.promotion-banner5 .carousel-caption h1 { font-size: 20px; } } .insurance-banner-callcenter-bg{ background-image: url('/assets/images/insurance-callcenter/cabecera-callcenter-desktop-bg.jpg'); margin-left: -15px; margin-right: -15px; background-repeat: repeat-x; min-height: 250px; } .insurance-banner-callcenter{ background-image: url('/assets/images/insurance-callcenter/cabecera-callcenter-desktop.png'); margin-left: -15px; margin-right: -15px; background-position-x: center; background-repeat: no-repeat; min-height: 250px; } @media (max-width:991px) { .insurance-banner-callcenter { background-image: url("/assets/images/insurance-callcenter/cabecera-callcenter-tablet.png"); } .insurance-banner-callcenter-bg{ background-image: url('/assets/images/insurance-callcenter/cabecera-callcenter-tablet-bg.jpg'); } } @media (min-width: 320px) and (max-width: 767px){ .insurance-banner-callcenter { background-image: url('/assets/images/insurance-callcenter/cabecera-callcenter-mobile.png'); } .insurance-banner-callcenter-bg{ background-image: url('/assets/images/insurance-callcenter/cabecera-callcenter-mobile-bg.jpg'); } } .insurance-banner-contact-bg{ background-image: url('/assets/images/insurance-contact/cabecera-contacto-desktop-bg.jpg'); margin-left: -15px; margin-right: -15px; background-repeat: repeat-x; min-height: 250px; } .insurance-banner-contact{ background-image: url('/assets/images/insurance-contact/cabecera-contacto-desktop.png'); margin-left: -15px; margin-right: -15px; background-position-x: center; background-repeat: no-repeat; min-height: 250px; } @media (max-width:991px) { .insurance-banner-contact { background-image: url("/assets/images/insurance-contact/cabecera-contacto-tablet.png"); } .insurance-banner-contact-bg{ background-image: url('/assets/images/insurance-contact/cabecera-contacto-tablet-bg.jpg'); } } @media (min-width: 320px) and (max-width: 767px){ .insurance-banner-contact { background-image: url('/assets/images/insurance-contact/cabecera-contacto-mobile.png'); } .insurance-banner-contact-bg{ background-image: url('/assets/images/insurance-contact/cabecera-contacto-mobile-bg.jpg'); } } .insurance-banner { max-height: 350px; min-height: 350px; padding:10px; background-size:cover; background-repeat:no-repeat; background-position:40% 50%; background-color:#f6f6f6; } #bannerSeguroHogar { background-color:#f6f6f6; } #bannerSeguroHogar .insurance-banner { background-image:url('../images/seguros/banner-seguro-hogar-ventajon.jpg'); background-size:cover; background-repeat:no-repeat; background-position:60% 50%; } #bannerSeguroAccidentes { background-color:#f6f6f6; } #bannerSeguroAccidentes .insurance-banner { background-image:url('../images/seguros/banner-seguro-accidentes-ventajon.jpg'); background-repeat:no-repeat; background-position:40% 50%; } #bannerSeguroLegal { background-color:#f6f6f6; } #bannerSeguroLegal .insurance-banner { background-image:url('../images/seguros/banner-seguro-proteccion-legal-ventajon.jpg'); background-size:cover; background-repeat:no-repeat; background-position:40% 50%; } #bannerSeguroVida { background-color:#eeeeee; } #bannerSeguroVida .insurance-banner { background-image:url('../images/seguros/banner-seguro-vida-ventajon.jpg'); background-size:cover; background-repeat:no-repeat; background-position: 60% 50%; } #bannerSeguroDecesos { background-color:#f6f6f6; } #bannerSeguroDecesos .insurance-banner { background-image:url('../images/seguros/banner-seguro-decesos-ventajon.jpg'); background-size:cover; background-repeat:no-repeat; background-position:66% 50%; } .insurance-banner { max-height: 350px; min-height: 140px; padding:10px; } @media (max-width:767px) { #bannerSeguroVida .insurance-banner { background-image: url('../images/seguros/mobile-banner-seguro-vida-ventajon.jpg'); background-position: 50% 60%; } #bannerSeguroHogar .insurance-banner { background-image: url('../images/seguros/mobile-banner-seguro-hogar-ventajon.jpg'); background-position: 50% 60%; } #bannerSeguroDecesos .insurance-banner { background-image: url('../images/seguros/mobile-banner-seguro-decesos-ventajon.jpg'); background-position: 50% 90%; } #bannerSeguroLegal .insurance-banner { background-image: url('../images/seguros/mobile-banner-seguro-proteccion-legal-ventajon.jpg'); background-position: 50% 90%; } #insurance-pages .banner-content > div:last-child{ margin-top: 15px; } #insurance-pages .banner-content h2{ font-size: 22px; } #insurance-pages .image-container img{ width: 60%; } main .insurance-banner .banner-content{ position: absolute; top: 0px; bottom: 0px; left: 15px; line-height: 3em; width: 85%; } } @media (min-width:576px) and (max-width:767px){ #bannerSeguroVida .insurance-banner { background-position: 70% 50%; max-height: 350px; } } @media (min-width:768px) and (max-width:992px) { #bannerSeguroVida .insurance-banner { background-position: 70% 50%; max-height: 350px; } } .insurance-banner { position: relative; height: 470px; color: #113F96; } .insurance-banner .image-container { width: 310px; height: 180px; overflow: hidden; border: 0px solid #000; } .insurance-content .logo{ border-right: 1px solid #eee; margin-top: 20px; } .insurance-content .logo img{ margin-top: 0px; margin-left: 65px; width: 160px; min-width: 160px; } .insurance-content .logo p{ margin-bottom: 0px; } .insurance-content .condition-info-text{ margin-top: 20px; } #bannerSeguroAccidentes.insurance-banner .image-container { width: 300px; height: 215px; } .insurance-banner .banner-content { position: absolute; top: 0px; bottom: 0px; left: 115px; line-height: 3em; width: 40%; } @media (max-width:992px) { .insurance-banner .banner-content { bottom: 30px; right: 15px; } } .insurance-content .image-container { text-align: center; padding: 15px; } .insurance-content .image-container img { margin: auto; } .title-callyou { color: #113F96; font-size: 14px; line-height: 1.42857143; font-weight: 400; margin-right: 15px; display: inline-block; } @media (max-width: 575px) { .title-callyou { margin-bottom: 15px; } } a.btn-callyou { display: inline-block; background-color: #ffffff; color: #113F96; border: 1px solid #113F96; border-radius: 5px; cursor: pointer; font-size: 14px; line-height: 1em; font-weight: 400; vertical-align: middle; touch-action: manipulation; padding: 3px 18px 1px 18px; -webkit-transition: color 0.2s linear 0s; transition: color 0.2s linear 0s; } .title-callyou { color: #113F96; font-size: 14px; line-height: 1.42857143; font-weight: 400; margin-right: 30px; display: inline-block; } @media (min-width:992px) { .col-lg-4.col-md-4 .title-callyou { margin-top: 6px; } .col-lg-4.col-md-4 a.btn-callyou { margin-top: 18px; } } .btn-callyou:before { font-family: 'FontAwesome'; content: '\f095'; font-family: 'Material-Design-Iconic-Font'; content: '\f2b6'; font-size: 1.7em; line-height: 1.42857143; vertical-align: middle; margin-right: 10px; } a.btn-callyou:hover, a.btn-callyou:focus { color: #d10026; } @media (min-width:768px) { main ul.list-columns { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } main ul.list-inline li { margin: 0 0 15px 0; } } main ul.list-inline li { margin: 0 0 15px 0; } @media (min-width:576px) { main ul.list-columns { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } } @media (min-width:992px) { main ul.list-columns { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } main ul.list-columns-3 { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } main ul.list-columns-2 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } .insurance-content .list-checkok { list-style-type: none; margin: 0; padding: 0; } .insurance-content .list-checkok li { padding: 0 0 0 1.34em; margin: 0 0 15px 0; } .insurance-content .list-checkok li:before { font-family: FontAwesome; content: "\f00c"; color: #113F96; display: inline-block; margin-left: -1.34em; width: 1.34em; } .confirmation-modal { display: flex; justify-content: center; align-items: flex-start; position: absolute; top: 110px; left: 0; right: 0; height: calc(100vh - 400px); background: rgba(255,255,255,0.9); z-index: 9999; } .confirmation-modal_box { display: block; position: relative; margin: 20px auto 0px; padding: 40px 40px 30px; width: 100%; max-width: 450px; background: #fff; border: 1px solid #ddd; -webkit-box-shadow: 0 0 7px 1px rgba(0,0,0,0.1); box-shadow: 0 0 7px 1px rgba(0,0,0,0.1); } .confirmation-modal_box .confirmation-close { display: flex; justify-content: center; align-items: center; position: absolute; top: 6px; right: 11px; width: 22px; height: 22px; color: #777; } .confirmation-modal_box .confirmation-title { font-size: 22px; color: #666666; line-height: 18px; padding: 0px 20px 20px; text-align: center; letter-spacing: 0.5px; font-weight: 500; margin: 0px; } .confirmation-modal_box .confirmation-data { display: flex; justify-content: flex-start; align-items: flex-start; } .confirmation-modal_box .confirmation-label { display: block; text-align: center; padding: 5px 0px 15px; width: 100%; } .confirmation-modal_box .confirmation-label span { display: block; margin: 0px 0px 4px; font-size: 14px; color: #666; font-weight: 500; } .confirmation-modal_box .confirmation-label strong { display: block; font-size: 28px; line-height: 36px; letter-spacing: 0.5px; } .confirmation-modal_box .confirmation-action { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #ddd; padding-top: 25px; } .confirmation-proccess { display: flex; justify-content: center; align-items: center; position: absolute; padding: 20px 0px; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.9); } .confirmation-proccess .icon-loading { display: block; width: 46px; height: 46px; background: url(../images/assegurance/loading.gif) no-repeat; background-size: 100%; } .confirmation-modal_box .confirmation-send { display: block; font-weight: 400; text-align: center; color: #FFF !important; cursor: pointer; background-color: #d10026; font-size: 14px; border-radius: 5px; box-shadow: 0 0 0 4px #d10026; -webkit-box-shadow: 0 0 0 4px #d10026; -moz-box-shadow: 0 0 0 4px #d10026; padding: 7px 25px; } .confirmation-modal_box .confirmation-update { font-size: 14px; color: #113f96; text-decoration: underline; font-weight: 400; letter-spacing: 0.5px; } .loading-solicitude h1 { font-size: 22px; letter-spacing: 0; font-weight: 400; margin: 0; } .loading-solicitude p { font-size: 16px; text-align: left; color: #686868; } .loading-solicitude a { font-size: 16px; text-decoration: underline; } .box-contact-solicitude .flex-item-center { align-items: center !important; } .box-contact-solicitude .loading-solicitude { padding: 20px; } .box-contact-solicitude .loading-solicitude .loading-icon { display: block; width: 65px; height: 65px; margin: 0px; margin-right: 10px; } .box-contact_claim { margin-top: 15px; text-align: center; } .box-contact_claim p { text-align: center; } .box-contact_claim p a { text-decoration: underline; } .box-contact-solicitude .loading-solicitude .loading-icon > svg { width: 100%; height: 100%; } .box-contact-solicitude .loading-solicitude .loading-icon .checkmark { stroke: green; stroke-dasharray: 745.74853515625; animation: loadingIconCheckmark 2s ease-out forwards; } @keyframes loadingIconCheckmark { from { stroke-dashoffset: 745.74853515625; } to { stroke-dashoffset: 0; } } #solicitudSeguro { min-height: 554px; } #solicitudSeguro h2 { text-align: center; font-size: 25px; } .box-contact-solicitude { border: 1px solid #113f96; padding: 0; margin-top: 0px; } .box-contact-solicitude h3 { color: #113f96; text-align: center; font-size: 21px; } .box-contact-solicitude p { text-align: center; font-size: 16px; } .box-contact-solicitude label { text-align: left; font-weight: normal; color: #113f96; } .box-contact-solicitude .form-group { text-align: left; } .box-contact-solicitude .form-control { border-radius: 0; -moz-appearance: textfield; -webkit-appearance: textfield; } body .solicitud-legal label.confirmation { color: #5e5e5e !important; } .box-contact-solicitude .btn-primary { width: 100%; margin-top: 27px; } .message-solicitude { text-align: center; border-bottom: 1px solid #999999; padding: 10px 0px; } .calculate-alert { position: relative; margin-top: 25px; border: 1px solid #ddd; background: rgba(17, 63, 150, .03); padding: 40px 20px; } .calculate-alert p { display: block; text-align: center; font-size: 20px; color: #666; } .calculate-alert p:last-child { margin-bottom:0px; } .calculate-alert p strong { text-decoration: underline; color: #113f96; } .message-solicitude span { color: #113f96; position: relative; top: 2px; margin-left: 8px; } .message-solicitude-footer { text-align: center; margin-top: 15px; margin-bottom: 55px; } .disabled { pointer-events: none; cursor: default; color: #9A9A9A; } @keyframes checkONsupport { 0% { stroke-dashoffset: 745.74853515625; } 100% { stroke-dashoffset: 0; } } #bannerFinancing { background-color: #4ea779; } #bannerFinancing > .max-fluid { background-image: url("../images/tarjetas/financiacion/banner-financiacion-desktop.jpg"); background-size: cover; background-repeat: no-repeat; background-position: 50% 80%; height: 350px; max-height: 350px; min-height: 140px; } @media (max-width: 767px) { #bannerFinancing > .max-fluid { background-image: url("../images/tarjetas/financiacion/banner-financiacion-mobile.jpg"); background-position: 0% 40%; } main #bannerFinancing .banner-content h1 { font-size: 21px; text-align: center; } } @media (min-width: 768px) and (max-width: 992px) { #bannerFinancing { max-height: 350px; } } #bannerFinancing { font-weight: 400; color: #113f96; } #bannerFinancing .container { position: relative; } #bannerFinancing .banner-content h1 { font-size: 32px; color: #113f96; text-transform: uppercase; } #bannerFinancing .banner-content h1 span { color: #333; background-color: #fff; line-height: 43px; font-size: 30px; padding: 0px 15px; } #bannerFinancing .banner-content p { color: #113f96; } #bannerFinancing .banner-content > p { margin-top: 15px; margin-bottom: 0px; } #bannerFinancing .banner-content > div { position: relative; top: 150px; } #bannerFinancing .banner-content > div > span a { color: #fff; } #bannerFinancing .banner-content > div > span a:hover { text-decoration: underline; } #bannerFinancing .banner-content > div > span:first-child { border-right: 1px solid #fff; padding-right: 10px; margin-right: 5px; } #bannerFinancing .max-fluid, #bannerFinancing .container { position: relative; } #bannerFinancing .banner-content { position: absolute; top: 10px; left: 30px; padding: 0px 30px 15px 0px; display: inline-block; } #financing > div.container { scroll-behavior: smooth; } #financing .maintitle { font-size: 48px; margin-top: 20px; margin-bottom: 40px; font-weight: 300; } #financing .maintitle strong { font-weight: 600; white-space: nowrap; } @media (max-width: 991px) { #financing .maintitle { font-size: 40px; margin-bottom: 30px; } } @media (max-width: 767px) { #financing .maintitle { font-size: 36px; margin-bottom: 20px; } } #financing .subtitle p { font-size: 14px; margin-bottom: 25px; } #financing .subtitle .logo-partner { text-align: right; position: relative; top: -5px; } #financing .subtitle .logo-partner .logo-label { font-size: 0.75em; text-align: right; width: 90px; height: 100%; display: inline-block; vertical-align: middle; } #financing .subtitle .logo-partner img { height: 57px; border-left: 1px solid #cccccc; padding-left: 10px; margin-left: 15px; vertical-align: middle; } @media (max-width: 991px) { #financing .subtitle .logo-partner { text-align: left; } } @media (min-width: 768px) and (max-width: 991px) { #financing .subtitle .logo-partner { top: -10px; } #financing .subtitle .logo-partner img { margin-left: 0px; } #financing .subtitle .logo-partner .logo-label { padding-top: 10px; text-align: left; width: auto; border-left: 1px solid #cccccc; padding-left: 20px; margin-left: 0px; } } #financing .legal { border-top: 1px solid #ccc; margin-top: 50px; padding-top: 25px; } #financing .legal p { font-size: 10px; } #page-cards-financing span.num { font-size: 9px; vertical-align: super; } #page-cards-premio span.num { font-size: 9px; vertical-align: super; } #financia h3 { margin-bottom: 25px; } #financia .row2 { margin-top: 30px; } #aplaza h2 { margin-top: 50px; } #aplaza .aplaza-ejemplo p { font-size: 10px; } #financing .dudas { background-color: #4ea779; padding: 35px 80px; margin-top: 40px; } #financing .dudas h3 { color: #fff; margin: 7px; } @media screen and (max-width: 991px) { #bannerFinancing .banner-content { top: 15px; left: 15px; } #aplaza > .row > .col-sm-6:nth-child(odd) { clear: left; } } #otherAdvantages h3 { margin-right: 0; margin-bottom: 30; } #otherAdvantages h3 sup { font-size: 0.5em; } #otherAdvantages .box { text-align: center; } #otherAdvantages .box img { height: 120px; margin-bottom: 20px; } @media screen and (max-width: 767px) { #bannerFinancing .banner-content h1 span { line-height: 33px; font-size: 23px; padding: 0px 15px; } #bannerFinancing .banner-content > div { top: 180px; text-align: center; } #financing .subtitle p { margin-bottom: 15px; margin-top: 15px; text-align: justify; } #financia h3, #aplaza h3 { font-size: 20px; } #otherAdvantages h3 { font-size: 20px; } #financia h3 { margin-bottom: 15px; } #financing .dudas { text-align: center; padding: 35px 30px; } #financing .dudas h3 { margin-bottom: 30px; } } @media screen and (max-width: 556px) { #bannerFinancing .banner-content { display: block; top: 0px; bottom: 0px; left: 15px; right: 15px; background-color: transparent; padding: 0; } .banner-content h1 { font-size: 22px; } } .tabla-financiacion table { border-collapse: collapse; } .tabla-financiacion thead { background-color: #113f96; } .tabla-financiacion thead th { border-right: 1px solid #fff; } .tabla-financiacion thead th:last-child { border-right: 0; } .tabla-financiacion tr { text-align: center; } .tabla-financiacion .table-hover > tbody > tr:hover { background-color: #e3ecfc; } .tabla-financiacion th { color: #fff; font-size: 15px; } .tabla-financiacion td { font-size: 14px; } .tabla-financiacion th, .tabla-financiacion td { padding: 7px 15px; } .t-empresas thead th { text-align: center; } .t-empresas tbody td { text-align: left; } #monthlyFees .monthlyFees_box { background-color: #d10026; padding: 7px 15px; margin: 20px 0; } #monthlyFees .monthlyFees_title { color: white; margin: 0; } .boxLogin { background-color: #FFF; padding: 0 40px 0 40px; text-align: center; display: none; z-index: 9999; } .special-p { font-family: 'Roboto', sans-serif; font-size: 10px; color: #666; line-height: 13px; margin-top: 30px; padding: 0 20px 0 20px; text-align: justify; } #tituloDescuentosFuncionan h1 { margin-top: 60px; font-family: 'Roboto Slab', sans-serif; font-size: 50px; color: #113f96; font-weight: 100; line-height: 60px; letter-spacing: -2px; } #productosContratados h2 { margin-top: 65px; } .img-box{ width: 100%; padding-bottom: 150px; background-size: cover; background-position: 50% 0%; background-repeat: no-repeat; margin-bottom: 15px; } #seguroSalud .img-box{ background-image: url(../images/home/thumbs/home-thumb-seguro-salud.jpg); } .seguroSaludNoContratado { background-image: url(../images/producto-contratado-seguro-salud-no.jpg) !important; } #seguroHogar .img-box{ background-image: url(../images/home/thumbs/home-thumb-seguro-hogar.jpg); } .seguroHogarNoContratado { background-image: url(../images/producto-contratado-seguro-hogar-no.jpg) !important; } #seguroVida .img-box{ background-image: url(../images/home/thumbs/home-thumb-seguro-vida.jpg); } .seguroVidaNoContratado { background-image: url(../images/producto-contratado-seguro-vida-no.jpg) !important; } #seguroDecesos .img-box{ background-image: url(../images/home/thumbs/home-thumb-seguro-decesos.jpg); background-position: 100% 14%; } .seguroDecesosNoContratado { background-image: url(../images/producto-contratado-seguro-decesos-no.jpg) !important; } #seguroLegal .img-box{ background-image: url(../images/home/thumbs/home-thumb-seguro-legal.jpg); } .seguroLegalNoContratado { background-image: url(../images/producto-contratado-seguro-legal-no.jpg) !important; } h2 + .logos-aseguradoras{ margin-top:-10px; } .logos-aseguradoras{ display:flex; justify-content: space-between; margin-bottom: 5px; } h2 + .logos-aseguradoras img{ width: 45%; } .logos-aseguradoras img{ height: auto; display: block; width: 33%; margin: 0 auto; filter: opacity(0.7); } #productosContratados h5{ filter: opacity(0.7); } #page-cards-about-new .img-card img, #page-email-confirmation .img-card img { max-width: 60%; margin-top: 30px; } #page-cards-about-new main .container ul li ul li:before { content: none; } .cards-about-new main .row{ display:flex; margin:0; } .col-izq{width:70%;} .col-izq h1{font-size:50px;} .contenido{ display:grid; grid-template-columns: 20% 80%; grid-row-gap: 20px; grid-column-gap: 20px; margin-top: 120px; position: relative; background: linear-gradient(to right, transparent 20%, #EDEAF3 20%); } .contenido::before { background: url(../images/tarjetas/solicita/Parte01_nubelila_desktop.jpg); background-repeat: no-repeat; content: ''; position: absolute; width: 103%; height: 200px; right: -10px; top: -200px; background-size: contain; background-position: bottom right; } .contenido::after { background: url(../images/tarjetas/solicita/Parte02_nubelila_desktop.jpg); background-repeat: no-repeat; content: ''; position: absolute; width: 103%; height: 200px; right: -10px; bottom: calc(-13vw + 22px); background-size: contain; background-position: bottom right; pointer-events: none; } @media (min-width:1200px){ .contenido::after { bottom: -171px; } } .contenido > *{ margin-top:10px; margin-left:20px; } .contenido h4{ margin: 0; font-size: 14px; line-height: 2; font-weight: bold; } .contenido .title{ justify-self: center; margin-left:0; } .contenido .title img{ display: block; margin: 10px auto; } .contenido .title.datos{ grid-row-start: 1; grid-row-end:4; } .contenido .title.confirmacion{ grid-row-start: 5; grid-row-end: 7; position: relative; z-index: 1; } .col-izq p{ position: relative; font-size: 14px; line-height: 2; } .contenido ul{ font-size: 14px; line-height: 2; } .contenido p::before{ content: "·"; font-size: 50px; font-weight: bold; position: absolute; top:-37px; left:-20px; } .contenido .contratacion + p::after{ background: url(../images/tarjetas/solicita/Texto_contratacion.png); content: ""; background-repeat: no-repeat; position: absolute; width: 100%; height: 100px; top: 28px; left: -10px; background-size: 40%; } .contenido .especial-margins{ margin-top:-10px; margin-left:30px; } .contenido .btnSolicita{ position: relative; margin-top:15px; } .contenido .btnSolicita::before { background: url(../images/tarjetas/solicita/Fondo_bt_solicitud_tarjetas.png); content: ""; background-repeat: no-repeat; position: absolute; width: 654px; height: 120px; top: -41px; left: -51px; background-size: 47%; pointer-events: none; z-index: 2; } .contenido a{ font-size:14px; margin:0; padding: 6px 17px; position: relative; z-index: 1; } .last-row{ display:flex; margin-top:200px; margin-bottom: 30px; } .last-paraf{ line-height:1.4 !important; } .last-paraf::before{ content:none; } .last-row .logo-financia{ align-self: center; padding: 0 5%; max-width: 20%; } .last-row .last-paraf{ width: 80%; } .sidebar{ width: 30%; padding: 0 30px; position:relative; } .sidebar::before { background: url(../images/tarjetas/solicita/Flecha01_desktop.png); background-repeat: no-repeat; content: ''; position: absolute; width: 100px; height: 100px; left: -90px; top: 110px; background-repeat: no-repeat; } .sidebar .moving{ position:sticky; top:0; z-index: 2; margin-bottom: 400px; } .sidebar .wow{ display: block; margin:0 auto; } .sidebar h3{ text-align: center; font-size: 18px; line-height: 25px; font-weight: bold; margin-top:0; } .sidebar img.tarjeta{ width: 40%; margin: 20px auto; display: block; } .sidebar .moving > div{ text-align:center; margin-top:40px; } .sidebar .moving a{ display: inline; padding: 8px 15px; font-size:1.2vw; } @media (min-width: 1200px), (max-width:767px) { .sidebar .moving a { font-size: 16px; } } .sidebar img.chica{ height: auto; width: 100%; margin: 10px; display: block; z-index: -1; background: white; position: absolute; top: 0; left: -10px; transform: translateY(calc(-53% + 343px)); } .sidebar img.nube{ height: auto; width: 80%; left: 19px; position: relative; top: 0; } .showOnMobile{ display: none; } @media (max-width: 767px){ #page-cards-about-new .img-card { text-align: center; } .cards-about-new main .row{ flex-direction:column; margin-right:-15px; margin-left: -15px; } .col-izq{ width:100%; } .col-izq h1{ font-size:24px; padding:0 20px; } .contenido h4{ text-align: center; font-size:18px; position: relative; } .contenido h4::before{ content: '1'; position: relative; left: -8px; text-decoration: underline; font-weight: bold; font-size: 23px; } .contenido .contratacion h4::before{ content: '2'; } .contenido .confirmacion h4::before{ content: '3' } .col-izq p { position: relative; font-size: 17px; line-height: 1.4; padding: 0 35px; margin-left:25px; z-index: 2; } .col-izq > p:first-of-type{ padding: 0 20px; margin-left: 0; text-align: justify; } .contenido p::before { top: -39px; left: 15px; font-size: 70px; } .contenido p:first-of-type{ margin-top:50px; } .contenido{ grid-template-columns: 100%; margin-top: 20px; grid-row-gap: 0; background:none; } .contenido::before{ content:none; } .contenido::after{ content: none; } .contenido > * { margin-top: 0px; } .contenido ul{ font-size: 16px; line-height: 1.5; } .contenido > ul::before{ content: ''; background-image: url(../images/tarjetas/solicita/Parte01_nube_lila.jpg); width: 103%; height: 50vw; right: 0; top: calc(-48vw + 226px); background-size: contain; background-position: bottom right; background-repeat: no-repeat; position: absolute; z-index: -1; box-shadow: 0px 150px 0 135px #EDEAF3; } .contenido > ul::after { content: ''; background: url(../images/tarjetas/solicita/Parte02_nube_lila.jpg); width: 103%; height: 65vw; right: -10px; bottom: calc(-55vw + 630px); background-size: contain; background-position: bottom right; pointer-events: none; background-repeat: no-repeat; position: absolute; z-index: -1; } .contenido .confirmacion::before{ content: ''; background-image: url(../images/tarjetas/solicita/Parte01_nube_amarilla.jpg); width: 103%; height: 50vw; right: 0; top: calc(-28vw + 2px); background-size: contain; background-position: bottom right; background-repeat: no-repeat; position: absolute; box-shadow: 0px 150px 0 85px #FFF9CF; } .contenido .confirmacion::after { content: ''; background: url(../images/tarjetas/solicita/Parte02_nube_amarilla.jpg); width: 103%; height: 65vw; right: -10px; bottom: calc(-20vw - 200px); background-size: contain; background-position: bottom right; pointer-events: none; background-repeat: no-repeat; position: absolute; } .contenido .title img{ margin:0 auto; position:relative; } .contenido .title.datos{ position:relative; background:white; width:100%; margin-top: 0; grid-row-end:1; z-index: 2; } .contenido .title.datos::before{ content: url(../images/tarjetas/solicita/Flecha01.png); position: absolute; top: 55px; left: 40px; } .contenido .especial-margins { margin-top: 0; margin-left: 60px; z-index: 1; margin-right: 30px; } .contenido .title.contratacion { margin-top:80px; z-index: 1; } .contenido .title.contratacion + p, .contenido .title.confirmacion + p{ line-height:1.8; } .contenido .title.contratacion + p::before, .contenido .title.confirmacion + p::before{ top:-49px; } .contenido .title.confirmacion + p::after{ content: url(../images/tarjetas/solicita/Flecha01.png); position: absolute; top: -75px; right: 22px; transform: scaleX(-1); } .contenido .title.contratacion + p::after { background: none; content: '¡Así de rápido y seguro!'; position: relative; top: 0; left: 0; display: block; font-weight: bold; } .contenido .title.confirmacion { grid-row-start: initial; grid-row-end: initial; margin-bottom: 10px; width: 100%; position: relative; } .contenido ul.especial-margins > li > ul{ padding-left:0 !important; } .last-row{ margin-top: 20px; } .last-row .logo-financia{ display:none; } .contenido .btnSolicita{ position: fixed; width: 100%; margin: 0; bottom: 0; z-index: 90; } .contenido .btnSolicita::before{ content:none; } .contenido .btnSolicita a{ font-size: 18px; padding: 13px; } .sidebar{ display:none; } .showOnMobile{ display:block; } .showOnMobile .tarjeta{ width: calc(20% + 45px); display: block; position: relative; margin: 0 auto; z-index: 1; } .showOnMobile .chica{ width: 100%; margin-top: 10px; } .last-paraf { margin-left: 0 !important; margin-top:30px; } .last-row + .last-paraf { line-height: 1.7 !important; } .logo-financia{ display:none; } } @media (max-width: 575px){ #page-cards-about-new .btn { text-align: center; width: 100%; } } #page-cards-about-new main .container ul, #page-email-confirmation main .container ul { text-align: left; list-style-type: none; display: inline-block; padding-left: 0; } #page-cards-about-new main .container ul ul, #page-email-confirmation main .container ul ul { padding-left: 30px; } #page-cards-about-new main .container ul li:before { content: '- '; } @media (min-width: 768px) { #page-cards-about-new .img-card img, #page-email-confirmation .img-card img { float: right; } } #ventajon-card-request .carousel-caption{ top: 15%; left: 0; right: 0; bottom: 0; height: 300px; text-shadow: none; } #ventajon-card-request #carousel-gasolina .infotxt{ position: relative; top: 20px; } #ventajon-card-request > hr{ margin-bottom: 0px; } #ventajon-card-request ul { list-style: none; padding: 0; margin-left: 50px; } #ventajon-card-request li { padding-left: 1.3em; line-height: 1em; } #ventajon-card-request li > p { font-size: 14px; color: #113F96; line-height: 1.5em; position: relative; top: -40px; border-bottom: 2px solid #113F96; padding-bottom: 25px; } #ventajon-card-request .ventajas-tarjeta li p > span { font-size: 9px; vertical-align: super; } #ventajon-card-request li:before { content: "\f00c"; font-family: 'FontAwesome'; font-size: 50px; color: #3daa35; display: inline-block; margin-left: -1.3em; width: 1.3em; } #ventajon-card-request .ventajas-tarjeta > div { margin-top: 60px; margin-bottom: 25px; } #ventajon-card-request p.legal { font-size: 11px; text-align: justify; } @media (max-width: 992px){ #ventajon-card-request #carousel-gasolina .carousel-caption h2 { position: relative; top: -30px; margin-bottom: 40px; } } @media (max-width: 553px){ #ventajon-card-request #carousel-gasolina .carousel-caption h2 { position: relative; top: 80px; margin-bottom: 120px; } #ventajon-card-request #carousel-gasolina .carousel-caption .btn{ position: relative; top: -40px; } } #ventajon-discounts .container-fluid{ background-color: #7e77ad; } #ventajon-discounts #bannerDescuentosEfectivo{ background-image: url('../images/tarjetas/banner/imagen-ahorrador-conductor.jpg'); background-repeat: no-repeat; background-size: cover; background-position: 100% 50%; height: 380px; max-width: 1170px; } #ventajon-discounts .bannerDescuentos-content{ max-width: 1200px; } #ventajon-discounts .bannerDescuentos-content h2{ text-transform: uppercase; font-size: 35px; color: #333; } #ventajon-discounts .bannerDescuentos-content h2 > span { background-color: #fff; line-height: 50px; padding: 0px 15px; } #ventajon-discounts .bannerDescuentos-content{ color: #ffffff; } #ventajon-discounts .bannerDescuentos-content .cta { position: relative; top: 25px; } #ventajon-discounts #title-club{ margin: 40px auto 0px auto; } #ventajon-discounts #title-club h3 { font-size: 54px; font-weight: 200; } #ventajon-discounts #title-club h3 strong { font-weight: 600; } #ventajon-discounts #title-club img { width: 70%; margin-left: 45px; margin-top: -10px; } #ventajon-discounts .section-bottom p{ font-size: 19px; font-weight: 400; color: #113F96; margin-right: 25%; margin-bottom: 25px; } #ventajon-discounts .section-bottom ul{ padding-left: 10px; } #ventajon-discounts .section-bottom#bienvenida p { margin: 0; } #ventajon-discounts #bienvenida .superwoman { background-repeat: no-repeat; background-size: contain; background-position: 80% 50%; height: 230px; position: relative; } #ventajon-discounts #bienvenida .superwoman h2{ text-align: center; font-size: 50px; margin-bottom: 30px; } #ventajon-discounts #bienvenida .superwoman h2 span { font-size: 72px; } #ventajon-discounts #bienvenida .superwoman h2 small { font-size: 14px; vertical-align: super; } #ventajon-discounts #bienvenida .superwoman .card-discount{ border: 1px solid #113F96; text-align: center; padding: 20px 50px; font-size: 18px; } #bienvenida { margin-bottom: 150px; } #ventajon-discounts #bienvenida .superwoman .izda > div { border: 2px solid #113F96; } #ventajon-discounts #bienvenida .superwoman .izda p:first-child { font-size: 130px; font-weight: 600; height: 80px; margin-top: -25px; } #ventajon-discounts #bienvenida .superwoman .izda p:last-child { color: #fff; font-weight: 600; text-transform: none; background-color: #113F96; padding: 5px 0px 5px 0px; } #ventajon-discounts #bienvenida .superwoman .dcha p { text-transform: uppercase; margin-bottom: 23px; } #ventajon-discounts #bienvenida .superwoman .dcha span, #ventajon-discounts #ventajas .lista-ventajas span { font-size: 10px; vertical-align: super; } #ventajon-discounts #bloque-devuelve-dinero > div, #ventajon-discounts #ventajas { margin-top: 100px; } #ventajon-discounts #bloque-devuelve-dinero div[class="row text-center"] > div > p{ font-size: 26px; font-weight: 600; border-bottom: 2px solid #ccc; width: 16px; margin-left: 15%; } #ventajon-discounts #bloque-devuelve-dinero div > div > div{ margin-top: -40px; } #ventajon-discounts #bloque-devuelve-dinero div > div > div > p{ margin: auto 10% 0px 10%; font-size: 17px; } #ventajon-discounts #bloque-devuelve-dinero img{ margin: 0 25%; width: 40%; } #ventajon-discounts #bannerDescuentosEfectivo .bannerDescuentos-content{ margin-right: 15px; position: relative; top: 30px; } #ventajon-discounts .container-fluid .container { padding-left: 0; padding-right: 0; } #ventajon-discounts .container-fluid .container .bannerDescuentos-content { padding-left: 15px; padding-right: 15px; } #ventajon-discounts #ventajas { border-bottom: 1px solid #113F96; } #ventajon-discounts #ventajas img.baleares { } #ventajon-discounts #ventajas .lista-ventajas > div:first-child { margin-bottom: 25px; } #ventajon-discounts #ventajas .lista-ventajas h4 { font-size: 18px; font-weight: 200; color: #113F96; margin-top: 25px; margin-bottom: 15px; } #ventajon-discounts #ventajas .lista-ventajas .btn-baleares { margin-top: 65px; } #ventajon-discounts #corner { margin-top: 100px; position: relative; left: 100px; } #ventajon-discounts #corner img { width: 115%; margin-left: -13px; } #ventajon-discounts #corner h4 { color:#113F96; font-size: 36px; line-height: 1.3em; font-weight: 200; margin-top: 0px; } #ventajon-discounts #corner p { font-size: 16px; font-weight: 300; margin: 10px 0; } @media (max-width: 1199px){ #ventajon-discounts #bannerDescuentosEfectivo .bannerDescuentos-content{ margin-left: 15px; margin-right: 15px; } } @media (min-width: 768px) and (max-width: 991px){ #ventajon-discounts #title-club img { width: 100%; margin-left: 0; margin-top: 20px; } #ventajon-discounts .section-bottom p{ margin-bottom: 15px; margin-top: 30px; margin-left: 50px; } #ventajon-discounts #bloque-devuelve-dinero div > div > div > p{ font-size: 15px; } #ventajon-discounts #bienvenida .superwoman { background-image: none; } #ventajon-discounts #bienvenida .superwoman .izda p:first-child { font-size: 90px; height: 120px; margin-top: -10px; } #ventajon-discounts #bienvenida .superwoman .izda p:last-child { font-size: 15px; } #ventajon-discounts #bienvenida .superwoman .dcha p { font-size: 16px; } #ventajon-discounts #ventajas{ border: none; } #ventajon-discounts #corner img { width: 160%; } } @media screen and (max-width: 767px) { #ventajon-discounts .btn { width: 100%; } #ventajon-discounts #title-club h3 { font-size: 35px; text-align: center; } #ventajon-discounts #title-club > div > div:last-child { background-repeat: no-repeat; background-size: contain; background-position: 80% 100%; height: 300px; border-bottom: 1px solid #113F96; margin-left: 15px; margin-right: 15px; } #ventajon-discounts #title-club img { width: 180px; margin-top: 10px; margin-left: 0; } #ventajon-discounts #bienvenida .superwoman { background-image: none; margin-top: 50px; left: 0; } #ventajon-discounts #bienvenida .superwoman .izda { width: 280px; margin-left: 13%; } #ventajon-discounts #bienvenida .superwoman .dcha { text-align: center; } #ventajon-discounts #bienvenida .superwoman .dcha p { margin-top: 15px; } #ventajon-discounts #bloque-devuelve-dinero > div, #ventajon-discounts #ventajas { margin-top: 50px; } #ventajon-discounts #bloque-devuelve-dinero div[class*="row text-center"] > div { margin-bottom: 25px; } #ventajon-discounts #ventajas{ border: none; } #ventajon-discounts #ventajas .lista-ventajas { padding-left: 40px; padding-right: 40px; } #ventajon-discounts #corner { margin-top: 50px; left: 0; } #ventajon-discounts #corner img { width: 100%; margin-left: 0; } #ventajon-discounts #corner p { text-align: center; } #bloque-devuelve-dinero { margin-top: 170px; } } @media (min-width: 424px) and (max-width: 640px){ #ventajon-discounts #bannerDescuentosEfectivo{ background-image: url('../images/tarjetas/banner/imagen-ahorrador-conductor-mobile.jpg'); background-repeat: no-repeat; background-size: cover; background-position: 50% 60%; } #ventajon-discounts .bannerDescuentos-content h2{ font-size: 20px; } #ventajon-discounts .section-bottom p{ margin: 30px 0% 15px auto; } #ventajon-discounts #title-club > div > div:last-child { background-position: 80% 200%; } } @media (min-width: 360px) and (max-width: 424px){ #ventajon-discounts #bannerDescuentosEfectivo{ background-image: url('../images/tarjetas/banner/imagen-ahorrador-conductor-mobile.jpg'); background-repeat: no-repeat; background-size: cover; background-position: 50% 40%; } #ventajon-discounts .bannerDescuentos-content .cta{ top: 65px; } #ventajon-discounts .bannerDescuentos-content h2{ font-size: 19px; text-align: center; } #ventajon-discounts .bannerDescuentos-content h2 > span { line-height: 30px; } #ventajon-discounts .bannerDescuentos-content a { position: relative; top: 150px; } #ventajon-discounts .section-bottom p{ margin: 30px 0% 0px auto; font-size: 20px; } #ventajon-discounts #bloque-devuelve-dinero div[class*="row text-center"] > div{ margin-bottom: 25px; } } @media (min-width: 320px) and (max-width: 359px){ #ventajon-discounts #bannerDescuentosEfectivo{ background-image: url('../images/tarjetas/banner/imagen-ahorrador-conductor-mobile.jpg'); background-repeat: no-repeat; background-size: cover; background-position: 50% 70%; } #ventajon-discounts #bannerDescuentosEfectivo .bannerDescuentos-content{ margin-left: 0; } #ventajon-discounts .bannerDescuentos-content a { position: relative; top: 150px; } #ventajon-discounts .section-bottom p{ margin: 30px 22% 15px auto; font-size: 20px; } #ventajon-discounts #bloque-devuelve-dinero div[class*="row text-center"] > div{ margin-bottom: 50px; } } .item-title{ font-size: 20px; color: #113f96; font-weight: 400; line-height: 20px; letter-spacing: -1px; margin-left: 100px; } .calculate-hero { display: block; position: relative; } .calculate-hero_conditions { position: absolute; top: 325px; bottom: 0; left: 0; right: 0; z-index: 3; padding: 0px 40px 0px 160px; letter-spacing: 0.3px; } .calculate-hero_conditions .condition-text { display: block; text-align: left; padding: 0px 0px 5px; font-size: 9px; color: #222; line-height: 12px; } .calculate-support { margin: 0px; } #page-health-insurance2 .carousel-ven-a-ventajon, #page-health-w-insurance .carousel-ven-a-ventajon, #page-health-insurance .carousel-ven-a-ventajon { margin: 0 auto; background-color: #ced7e0; background-image: none; background-size: contain; background-repeat: no-repeat; background-position: 48% 50% !important; text-align: center; } .carousel-content-config { height: 350px; } .carousel-content-config_container { display: block; width: 100%; max-width: 1200px; height: 100%; margin: auto; position: relative; } .carousel-ven-a-ventajon_item { display: block; position: absolute; top: 0px; left: 20px; bottom: 0; width: 100%; z-index: 3; text-align: left; } .carousel-ven-a-ventajon_item .item-title { font-size: 35px; line-height: 35px; text-transform: uppercase; position: relative; top: -20px; } .carousel-ven-a-ventajon_item .item-claim.flex-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; } .carousel-ven-a-ventajon_item .item-action.flex-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-left: 100px; } .carousel-ven-a-ventajon_item.flex-content-center { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; background-image: url('../images/seguros/banner-seguro-salud-ventajon.jpg'); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .carousel-ven-a-ventajon_item .item-claim { display: block; margin: 0px 0px 0px 100px; } .carousel-ven-a-ventajon .carousel-content_item { display: block; position: absolute; right: 0; bottom: 0; top: 0px; } .carousel-ven-a-ventajon_item .item-title span { display: inline-block; padding: 0px 3px; font-size: 31px; line-height: 31px; } .carousel-ven-a-ventajon_item .item-title span > span { display: block; font-size: 8px; line-height: 8px; } .calculate-support > .container { padding: 35px 0 0 0; } .calculate-support_item > img { display: inline-block; margin: -6px; } h2.calculate-support_item, a.calculate-support_item{ margin: 8px 0px; display: block; } #talking h2 { font-size: 20px; color: #113f96; font-weight: 400; line-height: 20px; letter-spacing: -1px; } #companiasSeguroSalud h3 { font-size: 22px; color: black; text-align: center; font-weight: 400; } #companiasSeguroSalud.calculate-adventajes { margin-bottom: 0px; } .calculate-adventajes { padding: 0px 0px 20px; margin: 0px; } .calculate-adventajes .adventajes-title { margin: 20px 0px 40px; } .calculate-adventajes .flex-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: flex-start; } #companiasSeguroSalud .red { color: #d10026; font-weight: 600; } .calculate-adventajes .item-assegurance.brand-mapfre { border: 1px solid #c40006; } .calculate-adventajes .item-assegurance { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0px 20px; justify-content: center; align-items: center; width: 230px; height: 65px; border: 1px solid transparent; } .item-assegurance { padding: 15px; } .calculate-adventajes .item-assegurance img { width: 75%; } .calculate-adventajes .item-assegurance.brand-adeslas { border: 1px solid #0097d8; } .calculate-adventajes .item-assegurance.brand-aegon { border: 1px solid #000; } .header-calculate > section > .container{ width: 1200px; } #insurance-health #info-salud { margin-top: 50px; } #insurance-health #info-salud a { text-decoration: underline; } #insurance-health .carencias h3 { font-size: 15px; font-weight: 600; margin-top: 0; } #faq.health-faq #collapse9 ul li { display: inline; list-style: none; text-align: center; } @media screen and (max-width: 768px) { #insurance-health #info-salud h2 { text-align: center; font-size: 18px; margin: 30px 0px 20px 30px; width: 82%; } } @media (min-width: 993px) and (max-width: 1199px){ .header-calculate > section > .container { width: auto; } .carousel-ven-a-ventajon .carousel-content_item.nurse { background-position: bottom left; right: 20%; } .carousel-ven-a-ventajon .carousel-content_item.doctor { right: 2%; background-position: bottom left; } .calculate-hero_conditions .condition-text{ max-width: 700px; margin-left: -1%; } .header-calculate h2.section-title{ margin: 30px 0px 20px 30px; width: 85%; } } @media (min-width: 768px) and (max-width: 992px){ .header-calculate > section > .container { width: auto; } .carousel-ven-a-ventajon .carousel-content_item.nurse { background-position: bottom left; right: 30%; } .carousel-ven-a-ventajon .carousel-content_item.doctor { right: 12%; background-position: bottom left; } .calculate-hero_conditions .condition-text{ max-width: 700px; margin-left: -11%; } .header-calculate h2.section-title{ margin: 30px 0px 20px 30px; width: 91%; } } @media (min-width: 601px) and (max-width: 767px){ .carousel-ven-a-ventajon_item .item-title{ font-size: 26px; line-height: 25px; margin-top: 50px; margin-bottom: 120px; } .header-calculate > section > .container { width: auto; } .carousel-ven-a-ventajon .carousel-content_item.nurse { background-position: bottom left; right: 39%; } .carousel-ven-a-ventajon .carousel-content_item.doctor { background-position: bottom left; right: 21%; } .calculate-hero_conditions .condition-text{ max-width: 550px; margin-left: -11%; } .carousel-ven-a-ventajon_item .item-title{ font-size: 26px; line-height: 25px; } .carousel-ven-a-ventajon_item .item-title span{ font-size: 16px; line-height: 13px; } .header-calculate h2.section-title{ margin: 30px 0px 20px 30px; width: 90%; } } @media (min-width: 424px) and (max-width: 600px){ .carousel-ven-a-ventajon_item .item-title{ font-size: 26px; line-height: 25px; margin-left: 0; position: relative; top: -20px; } .carousel-ven-a-ventajon_item .item-action.flex-content{ margin-left: 0; } .header-calculate > section > .container { width: auto; } body .header-calculate .btn-lg{ margin-top: 45%; } .carousel-ven-a-ventajon .carousel-content_item.nurse { background-position: bottom left; right: 45%; } .calculate-hero_conditions .condition-text{ max-width: 350px; margin-left: -12%; } .carousel-ven-a-ventajon_item .item-title{ font-size: 26px; line-height: 25px; } .carousel-ven-a-ventajon_item .item-title span{ font-size: 16px; line-height: 13px; } .calculate-adventajes .item-assegurance img{ width: 100%; } .calculate-adventajes{ padding: 10px 0px 20px; } .header-calculate h2.section-title{ margin: 30px 0px 20px 30px; width: 85%; } .header-calculate h2.section-title:after{ top: 75%; } @-moz-document url-prefix() { .carousel-ven-a-ventajon_item .item-title{ top: 0px; } .carousel-ven-a-ventajon_item .item-action.flex-content{ margin-top: 45%; } } } @media (min-width: 360px) and (max-width: 424px){ .carousel-ven-a-ventajon_item.flex-content-center { background-image: url('../images/seguros/mobile-banner-seguro-salud-ventajon.jpg'); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .carousel-ven-a-ventajon_item .item-action.flex-content{ margin-left: 0; width: 90%; } .header-calculate > section > .container { width: auto; } .header-calculate .sobrefooter h3{ font-size: 16px; } .header-calculate .sobrefooter > div{ margin-left: 3.5em; } body .header-calculate .btn-lg{ margin-top: 45%; } .carousel-ven-a-ventajon .carousel-content_item.nurse { background-position: bottom left; right: 49%; } .calculate-hero_conditions .condition-text{ max-width: 300px; margin-left: -13%; } .carousel-ven-a-ventajon_item .item-title{ font-size: 26px; line-height: 25px; margin-left: 0; position: relative; top: -20px; } .carousel-ven-a-ventajon_item .item-title span{ font-size: 16px; line-height: 13px; } .calculate-adventajes .item-assegurance{ margin: 0px 8px; } .calculate-adventajes .item-assegurance img{ width: 100%; } .calculate-adventajes{ padding: 10px 0px 20px; } .header-calculate h2.section-title{ margin: 30px 0px 20px 30px; width: 82%; } .header-calculate h2.section-title:after{ top: 75%; } @-moz-document url-prefix() { .carousel-ven-a-ventajon_item .item-title{ top: 0px; } .carousel-ven-a-ventajon_item .item-action.flex-content{ margin-top: 45%; } } } @media screen and (max-width: 360px){ .carousel-ven-a-ventajon_item.flex-content-center { background-image: url('../images/seguros/mobile-banner-seguro-salud-ventajon.jpg'); background-size: cover; background-repeat: no-repeat; background-position: 50% 60%; } .carousel-ven-a-ventajon_item .item-action.flex-content{ margin-left: 0; width: 90%; } .header-calculate > section > .container { width: auto; } .header-calculate .sobrefooter h3{ font-size: 16px; } .header-calculate .sobrefooter > div{ margin-left: 2em; } body .header-calculate .btn-lg{ margin-top: 45%; } .carousel-ven-a-ventajon .carousel-content_item.nurse { background-position: bottom left; right: 49%; } .calculate-hero_conditions .condition-text{ max-width: 260px; margin-left: -13%; } .carousel-ven-a-ventajon_item .item-title{ font-size: 26px; line-height: 25px; margin: 0; position: relative; top: -20px; } @-moz-document url-prefix() { .carousel-ven-a-ventajon_item .item-title{ top: 0px; } .carousel-ven-a-ventajon_item .item-action.flex-content{ margin-top: 45%; } } .carousel-ven-a-ventajon_item .item-title span{ font-size: 16px; line-height: 13px; } .calculate-adventajes .item-assegurance{ margin: 0px 8px; } .calculate-adventajes .item-assegurance img{ width: 100%; } .calculate-adventajes{ padding: 10px 0px 20px; } .header-calculate h2.section-title{ margin: 30px 0px 20px 30px; width: 82%; } .header-calculate h2.section-title:after{ top: 75%; } } #companySeguroSalud { } .flex-item-center { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #companySeguroSalud .header-modalidades { border-bottom: 1px solid #CCC; margin-bottom: 30px; padding-top: 15px; } .title_modalidad { font-size: 15px; font-weight: 400; margin-left: 10px; line-height: 22px; vertical-align: middle; } .header-result_img { width: 16%; } .header-result_action { text-align: right; padding-top: 12px; } .header-result_action .fa { font-size: 22px; color: #CF2A28; } .calculate a { font-size: 14px; text-decoration: underline; color: #113f96; } .item-tab_boxes { position: relative; } .recomendation-title { height: 30px; } .recomendation-title p { color: #CF2A27; } .recomendation-title i { color: #FE9800; font-size: 23px; } .panel.recomendation { border: 1px solid #113f96; border-radius: 0; } body .recomendation .panel-heading, .recomendation .panel-footer { background-color: #085394; border-radius: 0; } .panel-body.recomendation, .recomendation-tab a { background-color: #E3ECF4 !important; } .recomendation .panel-body hr{ border-color: #d0d0d0; } .panel-custom { border-radius: 0px; border: 1px solid #CCC; margin-bottom: 40px; } .item-tab_boxes .panel-body{ font-size: 12px; font-weight: 400; line-height: 15px; } .item-tab_boxes .panel-body hr{ border-color: #d0d0d0; } .item-tab_boxes .panel-heading, .panel-footer { background-color: #666666; border-radius: 0; min-height: 212px; } .item-tab_boxes .panel-heading h3, .item-tab_boxes .panel-footer h3{ color: #fff; } .logo_item img { width: 47%; margin: 0 auto; display: block; padding: 3px 0; } .logo_item, .logo_item_mapfre { background-color: white; margin-bottom: 10px; } .logo_item_mapfre img { width: 60%; margin: 0 auto; display: block; padding: 9px 0; } .panel-heading h3, .panel-footer h3 { font-size: 16px; font-weight: 300; height: initial; letter-spacing: 0.02em; color: #fff; } .panel-heading .special-popover, .panel-body .special-popover { position: relative; } .panel-heading .more_info, .panel-footer .more_info { margin: 0 auto; display: block; color: #9FC5F8; text-decoration: underline; cursor: pointer !important; } .panel-heading hr, .panel-footer hr { color: #CCC; height: 0px; } #companySeguroSalud .panel-heading p, #companySeguroSalud .panel-footer p { color: white; } .panel-heading p span, .panel-footer p span { font-size: 20px; } .panel-body .btn-block { margin-top: -35px; width: 69%; margin-left: 15%; } .contact_asesor { background: transparent; border: 0; margin: 30px 0px 10px; cursor: pointer; } .m-t-20 { margin-top: 20px; } .disabled { pointer-events: none; cursor: default; color: #9A9A9A; } .panel-body > a > img{ width: 100%; } .panel-body .copagoWin { margin-top: -40px; } .copago{ cursor: pointer; text-decoration: underline; } .copagoWin tr { color: #113f96; } .panel-body .copagoWin th { color: #113f96; font-size: 18px; border: 0; } .panel-body > div > div{ margin-top: 20px; } .conditions a { text-decoration: underline; } .companySeguroSalud-claim { display: block; margin: auto; text-align: center; padding: 30px 10px; max-width: 950px; } #companySeguroSalud .tab-info_modal { margin: 15px; } #companySeguroSalud.container{ padding-bottom: 30px; } .calculate-support .container{ margin-bottom: 30px; } #insurances-comparative #result-calculator .insurances-container { display: flex; flex-wrap: wrap; } #insurances-comparative #result-calculator .product-block { order: 1; } #insurances-comparative #result-calculator .product-block#recomendation-product-block { order: 0; } #insurances-comparative .insurance-head { margin-topxx: 50px; margin-bottom: 70px; } @media (max-width: 480px) { #insurances-comparative .insurance-head { margin-bottom: 85px; } } #insurances-comparative .insurance-head img { position: relative; width: 250px; margin: auto; } #insurances-comparative .insurance-head a { margin-top: 15px; } #insurances-comparative .btn-cb:hover { background-color: #fff; border: 1px solid #d10026; } #result-calculator .precio, #insurances-comparative .precio { margin-top: 10px; } @media (max-width: 992px) { #result-calculator .precio, #insurances-comparative .precio { padding-top:30px; } } #result-calculator .precio > span p, #insurances-comparative .precio > span p { font-size: 75%; text-align: left; padding-left: 5px; font-weight: 400; color: #5e5e5e; } @media (min-width: 768px) { #result-calculator .precio p, #insurances-comparative .precio p { margin-left: -5px; } #result-calculator .precio > span > p, #insurances-comparative .precio > span > p { margin-top: -15px; padding-left: 6px; } } @media (min-width: 768px) and (max-width:991px) { #result-calculator .precio > span > p, #insurances-comparative .precio > span > p { top: -10px; position: relative; margin-leftxx: -85px; } } #insurances-comparative .product-name{ display: inline-block; } #insurances-comparative .product-name > span, #insurances-comparative .product-name > p { color: #000000; font-size: 18px; margin: 0px; } #insurances-comparative #result-calculator .product-name .open { margin-top: -25px; position: initial; } #insurances-comparative #result-calculator .result-legal { padding-left: 0; } @media screen and (max-width: 768px) { #insurances-comparative h2.section-title { text-align: center; } #insurances-comparative h2.section-title:after { display: none; } #insurances-comparative .insurance-head img { width: 200px; } #insurances-comparative .insurance-head h1 { font-size: 28px; } #insurances-comparative .title-mobile h2.section-title { margin: 0 0 20px 0; } } @media (min-width: 992px) and (max-width: 1199px){ .header-result_img { width: 30%; } } @media (min-width: 768px) and (max-width: 991px){ .header-result_img { width: 29%; } .panel-heading h3, .panel-footer h3{ font-size: 13px; } .header-result_action{ padding-top: 0; } #companySeguroSalud.container{ border-bottom: none; } } @media (min-width: 425px) and (max-width: 767px){ body.insurance-calculator{ padding-top: 0px; } .header-result_img { width: 34%; } .title_modalidad{ font-size: 18px; } .calculate a{ font-size: 15px; } .item-tab_boxes > div[data-product="1"] > .recomendation-title{ height: 0; } #companySeguroSalud.container{ border-bottom: none; } } @media (min-width: 360px) and (max-width: 424px){ body.insurance-calculator{ padding-top: 0px; } .header-result_img { width: 34%; } .calculate a{ font-size: 12px; } .item-tab_boxes > div[data-product="1"] > .recomendation-title{ height: 0; } #companySeguroSalud.container{ border-bottom: none; } } @media (min-width: 320px) and (max-width: 359px){ body.insurance-calculator{ padding-top: 0px; } .header-result_img { width: 32%; } .title_modalidad{ font-size: 13px; } .calculate a{ font-size: 10px; } .fa-arrow-right:before{ font-size: 19px; } .item-tab_boxes > div[data-product="1"] > .recomendation-title{ height: 0; } #companySeguroSalud.container{ border-bottom: none; } } .impossible_calculate_error { position: relative; top: 0; left: 0; bottom: 0; right: 0; color: #113f92; text-align: center; margin-bottom: 30px; } .impossible_calculate_error i { font-size: 40px; margin-top: 25px; color: #ff9600; } .impossible_calculate_error p a { text-decoration: underline; } .header-modalidades { border-bottom: 1px solid #CCC; margin-bottom: 20px; } .hrfirst, .hrsecond { border-right: 1px solid #CCC; } .header-result { min-height: 35px; } .header-calculate .header-result > div > p > span{ margin: 0; color: #9999A8; } .header-calculate .header-result > div > p > span:last-child{ display: none; } .header-result.hrlast { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0px; margin-bottom: 14px; } .header-result span { display: inline-block; font-size: 14px; color: #113f96; margin: -1px 0 0 15px; } .header-result p { display: inline-block; margin: -1px 10px 0 15px; color: #000; font-size: 14px; font-weight: 300; } body .insurance-product .carousel-banner .carousel-bgimg { background-repeat: none; background-position: center center !important; } @media (min-width:1680px) { .insurance-product .carousel-banner .carousel-bgimg { background-position: right center; } } .insurance-product.seguro_mapfre_1 .carousel-banner .carousel-bgimg { background-image: url(../images/insurance/seguro_mapfre_eleccion.jpg); } .insurance-product.seguro_mapfre_2 .carousel-banner .carousel-bgimg { background-image: url(../images/insurance/seguro_mapfre_concopagos.jpg); } .insurance-product.seguro_mapfre_3 .carousel-banner .carousel-bgimg { background-image: url(../images/insurance/seguro_mapfre_sincopagos.jpg); } .insurance-product.seguro_mapfre_4 .carousel-banner .carousel-bgimg { background-image: url(../images/insurance/seguro_mapfre_medisalud.jpg); } .insurance-product.seguro_adeslas_5 .carousel-banner .carousel-bgimg { background-image: url(../images/insurance/seguro_adeslas_esencial.jpg); } .insurance-product.seguro_adeslas_6 .carousel-banner .carousel-bgimg { background-image: url(../images/insurance/seguro_adeslas_sincopagos.jpg); } .insurance-product.seguro_adeslas_7 .carousel-banner .carousel-bgimg { background-image: url(../images/insurance/seguro_adeslas_concopagos.jpg); } .insurance-product.seguro_aegon_8 .carousel-banner .carousel-bgimg { background-image: url(../images/insurance/seguro_aegon_sincopagos.jpg); } @media (min-width:768px) and (max-width:991px) { .insurance-product .carousel-banner .carousel-bgimg { min-height: 280px; } .insurance-product.seguro_mapfre_1 .carousel-banner .carousel-bgimg { background-image: url(../images/insurance/seguro_mapfre_eleccion_tablet.jpg); } .insurance-product.seguro_mapfre_2 .carousel-banner .carousel-bgimg { background-image: url(../images/insurance/seguro_mapfre_concopagos_tablet.jpg); } .insurance-product.seguro_mapfre_3 .carousel-banner .carousel-bgimg { background-image: url(../images/insurance/seguro_mapfre_sincopagos_tablet.jpg); } .insurance-product.seguro_mapfre_4 .carousel-banner .carousel-bgimg { background-image: url(../images/insurance/seguro_mapfre_medisalud_tablet.jpg); } .insurance-product.seguro_adeslas_5 .carousel-banner .carousel-bgimg { background-image: url(../images/insurance/seguro_adeslas_esencial_tablet.jpg); } .insurance-product.seguro_adeslas_6 .carousel-banner .carousel-bgimg { background-image: url(../images/insurance/seguro_adeslas_sincopagos_tablet.jpg); } .insurance-product.seguro_adeslas_7 .carousel-banner .carousel-bgimg { background-image: url(../images/insurance/seguro_adeslas_concopagos_tablet.jpg); } .insurance-product.seguro_aegon_8 .carousel-banner .carousel-bgimg { background-image: url(../images/insurance/seguro_aegon_sincopagos_tablet.jpg); } } @media (max-width:767px) { .insurance-product .carousel-banner .carousel-bgimg { min-height: 280px; } .insurance-product.seguro_mapfre_1 .carousel-banner .carousel-bgimg { background-image: url(../images/insurance/seguro_mapfre_eleccion_mobile.jpg); } .insurance-product.seguro_mapfre_2 .carousel-banner .carousel-bgimg { background-image: url(../images/insurance/seguro_mapfre_concopagos_mobile.jpg); } .insurance-product.seguro_mapfre_3 .carousel-banner .carousel-bgimg { background-image: url(../images/insurance/seguro_mapfre_sincopagos_mobile.jpg); } .insurance-product.seguro_mapfre_4 .carousel-banner .carousel-bgimg { background-image: url(../images/insurance/seguro_mapfre_medisalud_mobile.jpg); } .insurance-product.seguro_adeslas_5 .carousel-banner .carousel-bgimg { background-image: url(../images/insurance/seguro_adeslas_esencial_mobile.jpg); } .insurance-product.seguro_adeslas_6 .carousel-banner .carousel-bgimg { background-image: url(../images/insurance/seguro_adeslas_sincopagos_mobile.jpg); } .insurance-product.seguro_adeslas_7 .carousel-banner .carousel-bgimg { background-image: url(../images/insurance/seguro_adeslas_concopagos_mobile.jpg); } .insurance-product.seguro_aegon_8 .carousel-banner .carousel-bgimg { background-image: url(../images/insurance/seguro_aegon_sincopagos_mobile.jpg); } } @media (max-width:480px) { .insurance-product .carousel-banner .carousel-bgimg:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.4; background-color: rgba(255,255,255,0.5); } .insurance-product .carousel-banner .carousel-bgimg { position: relative; min-height: 280px; } body .insurance-product .carousel-banner .carousel-bgimg { background-position: center top !important; background-size: auto; } } .blue-v { color: #113f92 !important; } .f-w-400 { font-weight: 400; } .p-25 { padding: 25px !important; } .m-b-20 { margin-bottom: 20px !important; } .fs26 { font-size: 1.625em; } .link { font-family: 'Roboto', sans-serif; color: #113f92 !important; padding: 0; text-align: left; background: transparent; width: auto; border-left: 0; font-weight: 500; text-decoration: underline; } .subtitulo-contacto { font-size: 20px; color: #000; font-weight: 300; line-height: 25px; } .titulo-texto-contacto { font-size: 20px; color: #113F8F; font-weight: 400; } .fondo-gris { background-color: #EDEFF3; padding: 20px; margin-top: 15px; } .b-azul { background-color: #113f92; padding-top: 20px; } .c-white { color: #ffffff !important; } .link-blanco { color: #fff; font-weight: 400; } .icon-contact::before { font-family: 'Material-Design-Iconic-Font', sans-serif; content: "\f2b6"; font-size: 25px; color: #113F8F; margin-left: 10px; } .icon-callyou::before { font-family: 'Material-Design-Iconic-Font', sans-serif; content: "\f2b5"; font-size: 25px; color: #113F8F; margin-left: 10px; } #call-request .atencion-legal { width: 70%; } #callmeback_button { position:relative; top: -45px; } #call-request { text-align: left; } #call-request input.form-control { padding: 6px 6px 6px 6px; display: block; border: none; border: solid 1px #cccccc; border-bottom: solid 1px #113f92; -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1); transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1); background: -webkit-linear-gradient(top, #113f92 0%, #113f92 100%); background: linear-gradient(to bottom, #113f92 0%, #113f92 100%); background-position: left bottom !important; background-size: 0 0 !important; background-repeat: no-repeat; color: #113f92; border-radius: 0; background-color: #ffffff; } #call-request input.form-control:focus { box-shadow: none !important; outline: none !important; background-size: 100% 1px !important; border-bottom: solid 1px #113f92 !important; padding: 8px 6px 0px 6px; } #call-request .form-group { position: relative; margin-top: 4px; } #call-request .form-group label { pointer-events: none; position: absolute; top: 8px; left: 0; font-size: 13px; color: #999; color: transparent; font-weight: 300; width: 95%; z-index: 1; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all; } #call-request input:focus::-webkit-input-placeholder { color: transparent !important; } #call-request input:focus::-moz-placeholder { color: transparent !important; } #call-request input:focus:-moz-placeholder { color: transparent !important; } #call-request input.form-control:focus ~ label { color: #113f92; top: 1px; margin-left: 6px; font-size: 10px !important; letter-spacing: 0.03em; font-weight: 400; z-index: 1; } @media (max-width:575px) { #call-request .form-group.group_btn { text-align: center; } } @media (min-width:360px) and (max-width:424px) { #call-request .form-group.group_btn .btn { width: auto; min-width: 80% !important; } } #page-business-atention h1 { margin-top:30px; font-size: 23px; } #page-business-atention #callmeback_button { top: 0; } @media (min-width: 768px) { #page-business-atention h1 { text-align: center; } } #page-business-atention .fondo-gris .texto-contacto { font-size:15px; } #page-business-atention .fondo-gris .texto-contacto .zmdi { margin-right:10px; } .sidebar-menu { margin-top:30px; } .sidebar-menu ul li a { color: #3C3C3B; padding: 10px 15px 10px 15px; } .sidebar-menu ul li li a { padding: 10px 30px 10px 30px; } .sidebar-menu ul li a:hover { color: #000000; } .sidebar-menu ul li a:before { font-family: 'FontAwesome'; content: '\f0da'; margin-right: 5px; color: #b8b8b8; } .sidebar-menu ul li.sel a:before { color: #113f92; } .sidebar-menu ul li.divider { margin: 15px 30px 15px 15px; border-bottom: 1px solid #efefef; } @media (max-width: 767px) { #page-insurance-faq .carousel-caption .back { position: relative; top: 15px; } } #faq .panel { borderxx: none; border: 0; } #faq > h1 { font-size: 24px; color: #113F96; } #faq > h2, #faq > h3 { color: #000000; font-size: 21px; margin: 45px 0px 30px 0px; } #faq .panel-heading { padding: 10px 0px 0px 0px; } #faq .panel-heading a { position: relative; display:block; padding: 0px 45px 10px 0px; border-bottom: 0px solid #dddddd; } #faq .panel-heading a::after { font-family: "FontAwesome"; content: "\f0d8"; position: absolute; right: 1em; top: 0; bottom: 0; -webkit-transition: 0.2s all ease-in-out; -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } #faq .panel-heading a.collapsed::after { content: "\f0d7"; } #faq .panel-heading a.collapsed { border-bottom: 1px solid #dddddd; } #faq .panel-heading .fa { float:right; } #faq .panel-group .panel-heading + .panel-collapse > .panel-body, #faq .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 2px solid #113f92; } #faq .panel-body { padding: 15px 0 15px 0; } #faq .panel h4{ colorxx: #113f92; font-size: 16px; } #faq .scroll-totop { margin-top: 30px; margin-bottom: 15px; } #faq .scroll-totop .fa { margin-top: 0px; margin-bottom: 0px; font-size: 44px; font-weight: 400; } .show_exist_jobs { display: none; } #divJobs .itemTitle { font-size: 16px; padding-right: 70px; } #divJobs li { margin: 15px 0 20px 0; position: relative; } #divJobs li .itemDate { position: absolute; right: 15px; top: 16px; } #divJobs li {    border: 1px solid #DBDBDB; padding: 15px; } #divJobs { margin-bottom: 30px; } @media (min-width: 768px){ .trust_txt { font-size: 16px; } #page-work-with-us main .container > H2 { font-size: 33px; } } .hide_exist_jobs a { font-weight: bold; } @media screen and (max-width: 768px){ #call-request .atencion-legal { width: 100%; } #callmeback_button { position:relative; top: 0; } } body#page-calculate-insurance-by-insurance{ padding-top: 0px; } header.calculator { background-position: 60% 50%; } .header-calculate nav.container{ margin-top: 15px; } #companySeguroSalud .nav > li > a.nav-link { background-color: #eee; margin: 5px; } #companySeguroSalud .nav > li > a.active { color: #3b3b3b; } #companySeguroSalud .nav > li > a.nav-link:hover { background-color: #c6d2e3; } #calculator .content-calculate { border-top: 1px solid #113f96; } .header-calculate nav .h-tel p { font-size: 23px; font-weight: 600; margin-top: 5px; } .header-calculate nav .salir-calc a:hover{ color: #113f96; } .header-calculate nav .salir-calc a { padding: 0px 15px; margin-top: -5px; } .header-calculate nav .salir-calc a > p { margin: 0; } .header-calculate nav .salir-calc a > p > span { font-weight: 600; } .header-calculate nav a { font-size: 13px; } .header-calculate nav i{ font-size: 20px; vertical-align: middle; } #calculator .sorteo { margin-bottom: 20px; } #calculator .header_calculate_bar{ margin-left: 0; margin-right: 0; } #calculator .date-birthday > div{ margin-left: 0; margin-right: 0; } #calculator .modalidad-item.hli .title-modalidad::after { content: '\f00c'; font-family: FontAwesome; font-weight: normal; font-style: normal; color: #6BA84F; font-size: 21px; text-decoration: none; position: absolute; right: 23px; top: 14px; } #calculator .calculate-steps .steps-content .item-company.hli::after { content: '\f00c'; font-family: FontAwesome; font-weight: normal; font-style: normal; color: #6BA84F; font-size: 21px; text-decoration: none; position: absolute; right: 12px; top: 4px; } .logo-calculate-insurance h1 { font-size: 19px; color: #113f96; font-weight: 400; letter-spacing: 0px; width: 300px; } .insurance-main_title { width: auto !important; font-size: 24px !important; line-height: 30px; margin: 29px 0px; } .wizard { margin-top: 25px; } .wizard .navbar { margin-bottom: 0; } .wizard .nav-tabs { position: relative; margin-bottom: 0; border-bottom: 0; } .wizard ul { margin: 0; } .wizard .nav-tabs > li { width: 25%; } .wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus { color: #555555; cursor: default; border-bottom-color: transparent; float: left; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-radius: 0; } .wizard .nav-tabs > li a { width: 35px; height: 35px; padding: 0; float: left; } .wizard li.active span.round-tab, .fake_focus span.round-tab { background: #d10026 !important; border: 2px solid #d10026 !important; color: white; } .wizard .nav-tabs > li a .round-tab { background: #999; border: 2px solid #999; } .wizard li.active span.round-tab, .fake_focus span.round-tab { background: #d10026; border: 2px solid #d10026; color: white; } span.round-tab { color: white; } span.round-tab { width: 35px; height: 35px; line-height: 28px; display: inline-block; border-radius: 100px; background: #E5E5E5; border: 2px solid #E5E5E5; z-index: 2; position: absolute; left: 0; text-align: center; font-size: 25px; } .wizard .info1, .wizard .info2, .wizard .info3, .wizard .info4 { margin-top: 7px; } .wizard li.active .info1 p, .wizard li.fake_focus .info1 p, .wizard li.active .info2 p, .wizard li.fake_focus .info2 p, .wizard li.active .info3 p, .wizard li.fake_focus .info3 p, .wizard li.active .info4 p, .wizard li.fake_focus .info4 p { color: #d10026 !important; } .wizard .info1 p, .wizard .info2 p, .wizard .info3 p, .wizard .info4 p { color: #999; } .wizard .progress { background: transparent; border: 1px solid #ccc; border-left: 0px; border-radius: 0; height: 10px; overflow: initial; } .wizard .progress .progress-bar { height: calc( 100% + 2px ); position: relative; top: -1px; background-color: #d10026; } .calculate-steps #calculateForm { margin: 55px 0px 30px !important; } #calculateForm { margin-top: 12%; } .header-calculate form { display: block; text-align: center; } .calculate-steps .steps-header { max-width: 900px; margin: 0px auto !important; float: none; display: block; height: 32px; } #calculateForm h2 { font-size: 18px; color: #113f96; float: left; } .calculate-steps .steps-header .steps-title { font-size: 22px !important; margin: 0px; padding: 0px !important; line-height: 24px !important; } .calculate-steps .btn { padding: 4px 20px !important; } .next-step { font-size: 16px; } .calculate-steps .btn i { margin-left: 10px; } .calculate-steps .steps-content { margin: 35px auto; padding: 0px !important; } #calculateForm label { font-family: 'Roboto', sans-serif; font-size: 16px; color: #999999; display: block; } .calculate-steps .steps-content .block label{ height: 40px; padding-top: 10px; font-weight: 400; } .calculate-steps .steps-content .form-group > label { font-size: 17px; font-weight: 400; color: #777; } #calculateForm .insured h3 { margin-left: -70px; font-size: 16px; } #calculateForm input[type="date"]::-webkit-inner-spin-button{ display: none; -webkit-appearance: none; } #calculateForm .insured .fa-calendar { border: 1px solid #113f96; padding: 6px; position: relative; left: 4px; top: 1px; } #calculateForm .form-group select { width: 200px; height: 40px; background: #fff; } .calculate-steps .steps-content .form-group select, .calculate-steps .steps-content .block input[type="date"] { border: 1px solid #113f96; padding: 0px 10px; width: calc(220px - 20px) !important; font-size: 20px !important; } .calculate-steps .steps-header .prev-step { position: relative; top: 5px; margin-right: 15px; } .calculate-steps .steps-content .special-grid_item.width-ajust[class*="col-lg-8"] { width: calc( 33.3333333% - 10px); float: none; } .calculate-steps .steps-content .special-grid_item { display: inline-block; text-align: center; } .calculate-steps .steps-content .special-grid_item.width-ajust[class*="col-lg-8"] .modalidad-item { height: 110px !important; overflow: hidden; } .steps-content .hli { background-color: #E3ECF4; border: none !important; } .col-centered { float: none; } .modalidad-item { text-align: left; padding: 15px 15px 5px 15px; border: 1px solid #113f96; min-height: 110px; margin: 10px 0; cursor: pointer; } .title-modalidad { font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 600; } .modalidad-item ul { margin: 5px; line-height: 19px; font-size: 12px; } .calculate-steps .steps-content .item-company { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; border: 1px solid #113f96; padding: 15px; height: 76px; margin: 10px 0; cursor: pointer; } .item-company img { width: 120px; } .mapfre { border: 1px solid red !important; height: 65px; padding: 18px 0 0px 0; } .mapfre img { margin: 0 auto; display: block; } .adeslas { border: 1px solid #0097d8 !important; height: 65px; padding: 7px 0; } .adeslas img { margin: 0 auto; display: block; } .item-company p { font-size: 19px; margin-bottom: 0px; } .calculate-steps .steps-content .block:last-child { border-bottom: 0px; } .calculate-steps .steps-content .block { padding: 10px 0px; } .calculate-steps .steps-content .text-insured { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: right; align-items: center; width: 100%; margin: 0px; height: 40px; padding: 0px; font-size: 20px !important; } .calculate-steps .steps-content .steps-alert { margin: 20px 0px; } .calculate-steps .steps-content .steps-alert_box { position: relative; border: 1px solid #ddd; background: rgba(17, 63, 150, .03); padding: 20px; } .calculate-steps .steps-content .steps-alert_box .alert-text { text-align: center; margin-bottom: 2px; color: #2A78E4; } .calculate-steps .steps-content .date-birthday .help_inputs { padding: 0; margin: 0 0 12px 0; font-size: 16px; font-weight: 600; color: #666; text-align: left; } .calculate-steps .steps-content .date-birthday label { font-size: 15px; color: #666; display: block; font-weight: 400; margin: 0px; } .calculate-steps .steps-content .date-birthday input { border: 1px solid #113f96; font-size: 16px; color: #113f96; } .day, .month, .year { width: 100%; text-align: center; height: 41px; } #calculateForm input { height: 40px; } .add_new_insured, .remove_new_insured { cursor: pointer; padding-top: 5px; } .calculate-steps .steps-content .date-birthday .add_new_insured i, .calculate-steps .steps-content .date-birthday .remove_new_insured i { margin: 0px 12px 0px 0px; } .calculate-steps .steps-content .date-birthday .add_new_insured, .calculate-steps .steps-content .date-birthday .remove_new_insured { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; height: 35px; font-size: 13px; } .add_new_insured i, .remove_new_insured i { font-size: 31px; color: #113f96; margin-right: 6px; } #calculateForm .error-on{ box-shadow: 0 0 3px #113f96; background-color: #4ba9ec33; } .error-date { font-family: 'Roboto', sans-serif; color: #2A78E4; display: none; padding-left: 30px; text-align: left; } .calculate-steps .steps-content .steps-action { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; margin: 10px 0px; } .calculate-steps .steps-content .block h2{ -webkit-padding-start: 60%; } .calculate-steps .steps-content [data-order="1"].block .add_new_insured, .calculate-steps .steps-content [data-order="1"].block .remove_new_insured { height: 40px; } #calculateForm input[type="tel"], #calculateForm input[type="email"] { border: 1px solid #113f96; font-size: 16px; padding: 5px; text-align: left; } .calculate-steps .steps-content .steps-action .btn-dont { margin: 0px 0px 0px 30px !important; background: transparent !important; box-shadow: none !important; color: #113f96 !important; font-size: 14px !important; text-decoration: underline !important; padding: 4px 0px !important; cursor: pointer; } .error-telf { color: #2A78E4; display: none; } .error-email { display: none; position: absolute; right: -21%; color: #2A78E4; top: 25%; } #email { font-weight: 600; color: black; } .confirmation { font-size: 12px !important; font-weight: 300; margin-top: 15px; } .confirmation input { height: 13px !important; } .error-privacidad { display: none; position: absolute; right: -61%; color: #2A78E4; top: 60%; } .error-conditions { display: none; position: absolute; right: -61%; color: #2A78E4; top: 85%; } #calculator .calculate-support #talking{ border-top: 1px solid #113f96; border-bottom: 0; padding-top: 50px; padding-bottom: 30px; width: 75%; margin: auto; } .logo-calculate-insurance h2 { font-size: 16px; color: #333333; } .insurance-brand_title { font-size: 16px !important; color: #7b7b7b !important; letter-spacing: 0.2px; margin-bottom: 10px; font-weight: 400; display: block; margin: 15px 0px 5px; } .insurance-brand_img { display: block; padding: 3px 0px; max-width: 170px; max-height: 40px; } .insurance-brand_claim { display: block; text-transform: uppercase; font-size: 14px; color: #113f96; padding: 3px 0px 0px; } .calculate-steps .btn.disabled { color: #fff !important; } @media screen and (max-width: 1199px){ .header-calculate nav .nav-calculate{ margin-left: 0px; width: 100%; } } @media screen and (min-width: 990px) and (max-width: 1200px){ .calculate-steps .steps-content [data-order="1"].block .date-birthday .add_new_insured i, .calculate-steps .steps-content [data-order="1"].block .date-birthday .remove_new_insured i{ margin-left: 22px; } } @media (min-width: 769px) and (max-width: 991px) { #calculateForm h2.text-insured{ position: relative; top: 40px; } .error-email{ right: -42%; } .error-privacidad { max-width: 50%; } .error-conditions { right: -54%; width: 70%; text-align: right; } #step5 #collapseExample p{ margin-top: 60px; } } @media screen and (max-width: 800px) { #logotipoVentajon-insurance > a { display: block; padding-left: 15px; } .menuInsurance-close > a { float: right; } .calculate-steps .steps-content [data-order="1"].block .date-birthday .error-date { padding-left: 20px; } } @media (min-width: 651px) and (max-width: 768px) { .error-email{ right: 0; } .error-conditions { top: 120%; right: 0; width: 100%; text-align: center; } } @media screen and (max-width: 650px) { .menuInsurance-close > a { margin-left: 0px; position: relative; right: 15px; } .header-calculate nav .salir-calc a > i{ float: right; position: relative; top: -50px; font-size: 25px; right: 10px; } .logo-calculate-insurance { display: none; } .header_calculate_bar .wizard { display: block; width: 100%; } .header_calculate_bar .wizard .nav-tabs { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .header_calculate_bar .wizard .nav-tabs > li { width: initial; } .header_calculate_bar .wizard .progress { display: none; } .wizard [role="tablist"] { padding-left: 20px; padding-right: 10px; width: calc(100% - 30px); } .wizard [role="tablist"]::after, .wizard [role="tablist"]::before { display: none; } .wizard [role="tablist"] [role="presentation"] { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; height: 35px; } body .wizard [role="tablist"] [role="presentation"] [class*="info"], .wizard [role="tablist"] [role="presentation"].active [class*="info"] p::after { display: none; } .wizard [role="tablist"] [role="presentation"] .info4, .wizard [role="tablist"] [role="presentation"].active [class*="info"] { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; height: 35px; } body .wizard [role="tablist"] [role="presentation"] .info4 p{ padding-top: 4px; } .wizard [role="tablist"] [role="presentation"] .info4 p, .wizard [role="tablist"] [role="presentation"].active [class*="info"] p { } .wizard [role="tablist"] [role="presentation"] > a { width: initial; height: initial; } .wizard [role="tablist"] [role="presentation"] .round-tab { width: 25px; height: 25px; font-size: 17px; line-height: 20px; position: relative; left: -1px; } .calculate-steps #calculateForm { margin: 0px 0px 70px !important; } .calculate-steps .steps-header { height: inherit; } #calculateForm { position: relative; } .calculate-steps .steps-header .steps-title, #calculateForm h2:not(.text-insured) { display: block; float: none; padding: 15px 0px 15px 0px !important; font-size: 17px !important; line-height: 22px !important; } .calculate-steps .steps-content .text-insured, #calculateForm h2.text-insured { height: inherit; padding: 10px 0px 10px !important; text-align: left; float: none; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } .calculate-steps .steps-content .text-insured::before, #calculateForm h2.text-insured::before { display: block; font-family: FontAwesome; content: "\f078"; font-size: 18px; color: #ccc; width: 25px; height: 20px; position: absolute; right: 10px; top: 20px; } .calculate-steps .steps-content .date-birthday .help_inputs { font-size: 15px; margin-top: 5px; } .calculate-steps .steps-header .steps-action { position: fixed; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; bottom: 0; left: 0; right: 0; padding: 0px 30px; background-color: rgba(255, 255, 255, 0.95); border-top: 1px solid #113f96; z-index: 99; height: 65px; float: none; } .calculate-steps .steps-header .steps-action.oneitm { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; } .calculate-steps .steps-header .steps-action .prev-step { top: 0px; } .calculate-steps .steps-content { margin: 5px auto 15px auto; } .calculate-steps .steps-content .block.contract .date-birthday { display: none; } .calculate-steps .indicanosUbi{ margin: 15px auto; } .calculate-steps .steps-content .block { clear: both; border-bottom: 1px solid #ddd; } .calculate-steps .steps-content .block.error-active .date-birthday { display: block !important; } .calculate-steps .steps-content .form-group select { width: calc(240px - 20px) !important; height: 50px !important; } .calculate-steps .insured.steps-content { width: 70%; margin: 0px auto; padding: 0px; min-width: 270px; } .calculate-steps .steps-content.special-grid { float: none; display: block; margin: auto; } .calculate-steps .steps-content [class*="col-lg-4"].special-grid_item.width-ajust { width: calc( 100% - 10px ); } .calculate-steps .steps-content [class*="col-lg-4"].special-grid_item.width-ajust .modalidad-item { min-height: initial !important; height: initial !important; padding: 15px; margin: 5px 0px; } .calculate-steps .steps-content [class*="col-lg-4"].special-grid_item.width-ajust:last-of-type .modalidad-item { margin-bottom: 15px; } .calculate-steps .steps-content.special-grid .special-grid_item .modalidad-item ul { display: none; } .calculate-steps .steps-content.special-grid .special-grid_item .modalidad-item.hli ul { display: block; } .calculate-steps .steps-content .item-company { height: 60px; padding: 5px; } .calculate-steps .steps-content .date-birthday.form-group { margin-bottom: 0px; } .calculate-steps .steps-content .steps-action { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .calculate-steps .steps-content .steps-action .btn-dont { margin: 20px auto 0 !important; } #email { min-width: calc(300px - 20px); padding: 0px 10px; } #calculateForm label.confirmation { margin-top: 15px; } .calculate-steps .steps-content .date-birthday .add_new_insured, .calculate-steps .steps-content .date-birthday .remove_new_insured { padding: 10px 0 0; margin: 14px 0 0 0; height: 45px; font-size: 13px; line-height: 13px; } .calculate-steps .steps-content .form-group .error-email { position: relative; top: initial; right: initial; } .calculate-steps .steps-content .form-group .error-email .fa::before { font-family: FontAwesome; content: "\f063" } .calculate-steps .collapse { max-width: 80%; margin: auto; } .error-privacidad { position: relative; right: 0; left: 0; } .error-conditions { position: relative; top: 0; right: 0; } #calculateForm .insured .fa-calendar { padding: 5px; top: 2px; } } @media screen and (max-width: 768px) { .calculate-support { display: none; } .calculate-steps .steps-content .block h2{ display: block; -webkit-padding-start: 0%; } #step5 #collapseExample p{ margin-top: 60px; } .header-calculate nav .h-tel p { font-size: 13px; } .header-calculate nav .salir-calc a { padding: 3px 10px; } } @media (min-width: 467px) and (max-width: 650px){ #step5 #collapseExample p{ margin-top: 60px; } } body#page-calculate-insurance{ padding-top: 0; } .header-calculate nav .nav-calculate img{ width: 110px; margin-left:-15px} #step5 #collapseExample p{ margin-top: 60px; } .fs-13 { font-size: 13px; } .fs-14 { font-size: 14px; } .c-b2 { color: #75A0F0; } body#page-insurance-calculator{ background-color: #f0f0f0; } body#page-insurance-calculator .header-calculate { background-color: #fff; position: fixed; z-index: 99; width: 100%; border-bottom: 1px solid #ccc; } #result-calculator h2 { color: #000000; } #result-calculator .data-box { border-bottom: 1px solid #ccc; padding-top: 60px; } #result-calculator .data-resumen-desktop > div { border-right: 1px solid #ccc; } #result-calculator .data-resumen-desktop > div:last-child { border: none; } #result-calculator .data-resumen-desktop p { padding-top: 20px; } #result-calculator .data-resumen-desktop a, #data-resumen-mobile .panel-body a { text-decoration: underline; } #result-calculator .insured-age span:last-child { display: none; } #result-calculator .here-you-have p { font-size: 18px; margin-top: 30px; margin-bottom: 50px; } #result-calculator .here-you-have p.hola { padding-right: 40px; } #result-calculator .here-you-have .promo { border: 1px solid #d10026; margin-top: 30px; margin-bottom: 15px; background-color: #fff; padding: 10px; } #result-calculator .here-you-have .promo a { text-decoration: underline; } #result-calculator .here-you-have .promo p { font-size: 14px; margin-top: 0; margin-bottom: 0; } #result-calculator .here-you-have .promo p:first-child { font-weight: 600; } #result-calculator .here-you-have .promo p:last-child { color: #5e5e5e; } .data-box .panel-default > .panel-heading { color: #5e5e5e; } #data-resumen-mobile > .panel { margin-top: 15px; } #data-resumen-mobile .panel-body p { margin: 0; } #result-calculator .head-insurances { margin-bottom: 25px; text-align: left; } @media (min-width:768px) { #result-calculator .head-insurances { margin-top: 25px; } } #result-calculator .head-insurances h5 { margin-left: 30px; font-size: 15px; } #result-calculator .head-insurances .copagos-title h5 { margin-left: 15px; } #result-calculator .head-insurances .dental-title h5 { margin-left: -5px; } #result-calculator .prodnr.head-insurances .copagos-title, #result-calculator .prodnr.head-insurances .medicalchart-title, #result-calculator .prodnr.head-insurances .dental-title { display:none; } #result-calculator .head-insurances label { font-weight: 400; } #result-calculator .btn.dropdown-toggle { background-color: #ffffff; border-color: #dddddd; border-radius: 0; padding: 10px 20px; margin-bottom: -3px; color: #000000 !important; } #result-calculator .dropdown-menu { background-color: #ffffff; border: none; } #result-calculator .dropdown-menu li:hover, #result-calculator .dropdown-menu li.selected.active { background-color: #dddddd; color: #000000; } #result-calculator .dropdown-menu a { color: #000000; padding: 10px 20px; border-bottom: 1px dotted #dddddd; } #result-calculator h4.panel-title { margin-bottom: 0px; } #result-calculator .panel-body { border: none; } #result-calculator .insurance-logo { min-height: 40px; vertical-align: middle; } #result-calculator .insurance-logo img { max-width: 130px; max-height: 30px; margin: 5px 0 5px 0; vertical-align: middle; } @media (max-width:480px) { #result-calculator .insurance-logo img { max-width: 100%; } } #result-calculator .product-name > div:first-child { width: 70%; } #result-calculator .product-name .open { position: absolute; top: 10px; right: 0; } #result-calculator .product-block .product-name { display: table; } #result-calculator .product-block .product-name > p, #result-calculator .product-block .product-name > span { display: table-cell; height: 40px; vertical-align: middle; } #result-calculator .product-block#recomendation-product-block .product-name, #result-calculator #recomendation-product-block .product-name { height: 30px; } #result-calculator p.price-container { font-weight: 600; font-size: 35px; margin-left: -5px; display:inline-block; position: relative; } #result-calculator p.price-container .from-label { font-size: 10px; font-weight: 400; color: #5e5e5e; position: absolute; top: -9px; } #result-calculator .precio p { font-weight: 600; font-size: 35px; margin-left: -5px; margin-right: -5px; } #result-calculator .precio p > span.euros { color: #5e5e5e; font-size: 17px; font-weight: 400; } #result-calculatorxx .btn.btn-asesor { font-size: 16px; margin-top: 5px; } @media (min-width:992px) { .product-block .btn.btn-asesor { margin-bottomxx: 15px; float:right; } } @media (min-width: 480px) and (max-width:768px) { .product-block .btn.btn-asesor { margin-left: 15px; margin-right: 15px; } #page-insurance-company .product-block .btn.btn-asesor { display: block; } #page-insurance-company .prodnr4 .product-block .btn.btn-asesor { display: inline-block; float:right; } } @media (min-width:769px) and (max-width:991px) { .product-block .btn.btn-asesor { display: inherit; float:right; margin-leftxx: 15px !important; } } #result-calculatorxx .copagos { margin-top: 9px; } #result-calculatorxx .dental, #result-calculatorxx .centros, #result-calculatorxx .product-name span { margin-top: 8px; } .product-recomendation .panel .precio, #recomendation-product-block .precio { margin-top: 10px; } #recomendation-product-block h5, #recomendation-product-block p, #recomendation-product-block span, { font-family: 'Roboto', sans-serif; } .product-recomendation .panel, #recomendation-product-block .panel { border: 1px solid #113F96; } .product-recomendation .panel .panel-heading, #recomendation-product-block .panel-heading { padding-topxx: 0; } .product-recomendation .panel .recomendation > div:first-child , #recomendation-product-block .recomendation > div:first-child { background-color: #113F96; top:-15px; } .product-recomendation .panel .recomendation h5, #recomendation-product-block .recomendation h5 { color: #fff; margin-top: 4px; margin-bottom: 2px; white-space: nowrap; } @media (min-width: 768px) { #recomendation-product-blockxx .precio p { margin-top: -10px; margin-left: -5px; } } #result-calculator i.fa-star { color: #f5c90b; } #result-calculator .product-info h5 { text-transform: uppercase; color: #113F96; font-weight: 600; } #result-calculator .product-info { margin-bottom: 15px; padding-left: 100px; padding-right: 80px; } #result-calculator .product-info > div > div { margin-bottom: 25px; } #result-calculator .product-info .no-active { color: #aaa; text-decoration: line-through; } #result-calculator a.copagoModal { cursor: pointer; } #result-calculator .modal-dialog { top: 0 !important; } #result-calculator .modal td { border: none; } #result-calculator .cent { font-size: 32px; } #recomendation-product-block .btn, .product-block .btn { margin: 0px 5px 10px 5px; } @media (max-width:991px) { #recomendation-product-block .btn, .product-block .btn { margin: 0px 0px 10px 0px; } } @media (min-width: 992px) and (max-width:1220px) { .product-block .btn { margin: 0px 0px 10px 0px; padding: 6px 7px !important; } } .product-recomendation .panel .recomendation, #recomendation-product-block .recomendation, .prodnr .product-recomendation .panel .recomendation, .prodnr #recomendation-product-block .recomendation { top: -4px; position: absolute; left: 30px; right: 30px; } @media (max-width: 991px) { .prodnr .product-recomendation .panel .recomendation, .prodnr #recomendation-product-block .recomendation { leftxx: 25px; rightxx: 25px; } } @media (max-width: 480px) { .col-xs-6.product-block .recomendation strong { display: none; } .product-recomendation .panel .recomendation > div:first-child, #recomendation-product-block .recomendation > div:first-child { min-heightxx:30px; } .prodnr .product-recomendation .panel .recomendation > div:first-child, .prodnr #recomendation-product-block .recomendation > div:first-child { min-height: 20px; } .product-recomendation .panel .recomendation h5, #recomendation-product-block .recomendation h5 { font-size: 12px; } } .product-block .panel-heading { padding: 15px 15px 0 15px; } @media (max-width: 991px) { .product-block .panel-heading { padding: 0 15px; } } .product-block#recomendation-product-block .panel-heading, .product-block #recomendation-product-block .panel-heading { margin-top: 0px; } .product-block .panel-heading .centros, #recomendation-product-block .panel-heading .centros { color: #113F96; } .product-block .panel-heading .centros:hover, #recomendation-product-block .panel-heading .centros:hover { text-decoration: none; } .result-legal #infoSocio ul { padding-left: 25px; } #result-calculator .result-legal { margin-top: 60px; margin-bottom: 30px; font-size: 11px; } #result-calculator .result-legal > a { font-size: 13px; margin-bottom: 15px; color: #000000; border-bottom: 1px solid #dddddd; padding-bottom: 10px; margin-bottom: 15px; display:block; position: relative; } #result-calculator .result-legal > a > .fa { color: #113f92; margin-right: 5px; } #result-calculator .result-legal > a.collapsed span::after { content: "\f0d7"; } #result-calculator .result-legal > a span::after { font-family: "FontAwesome"; content: "\f0d8"; position: relative; left: 15px; -webkit-transition: 0.2s all ease-in-out; -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } #result-calculator .result-legal p{ margin: 0 0 2px; } #result-calculator span.sub { font-size: 9px; vertical-align: top; } @media screen and (max-width: 1170px) { #result-calculator .precio p { font-size: 30px; } #result-calculator .cent { font-size: 20px; } #result-calculator .precio p > span.euros { font-size: 14px; } #result-calculator .product-block .btn { font-size: 13px; white-space: normal; } #recomendation-product-block .btn.btn-asesor { white-space: normal; } #page-insurance-company .precio > span p { padding-left: 15%; } } @media (min-width: 768px) and (max-width: 991px) { #result-calculator .product-name .open { position: absolute; top: 10px; right: 0px; } #result-calculator .here-you-have p { font-size: 15px; } } @media screen and (max-width: 991px) { #result-calculator .product-info { margin-bottom: 15px; padding-left: 15px; padding-right: 15px; font-size: 13px; } #result-calculator .precio p { font-size: 30px; margin-bottom: 10px; } } #result-calculator .col-lg-3.product-block .precio { padding-top: 30px; margin-top: 0; } #result-calculator .col-lg-3.product-block .precio:before { content: ''; border-top: 1px solid #ccc; position:absolute; top: 0; right: 15px; left: 15px; } @media screen and (max-width: 991px) { body#page-insurance-calculator .header-calculate { padding-bottom: 5px; } .data-box .panel-default > .panel-heading span { font-family: 'Roboto', sans-serif; } #result-calculator .btn.dropdown-toggle, #result-calculator .dropdown-menu.open { width: 111%; font-size: 13px; } #recomendation-product-block .precio:before, #result-calculator .product-block .precio:before { content: ''; border-top: 1px solid #ccc; position:absolute; top: 0; right: 15px; left: 15px; } #result-calculator .product-block { padding-rightxx: 10px; padding-leftxx: 10px; } #result-calculator .product-block form .btn, #result-calculator #modalities .dropdown-toggle { font-size: 13px; } #result-calculator .product-block .insurance-logo { height: 45px; text-align: center; } #result-calculator .product-block .product-name { display: table; text-align: center; } #result-calculator .product-block .product-name > p, #result-calculator .product-block .product-name > span { display: table-cell; text-align: center; height: 50px; vertical-align: middle; } #result-calculator .product-block#recomendation-product-block .product-name, #result-calculator #recomendation-product-block .product-name { height: 40px; } #result-calculator .product-name .open { positionxx: relative; top: 0px; right: 0px; } #result-calculatorxx .product-block .panel { min-height: 200px; } #recomendation-product-blockxx .panel { margin-top: -15px; } #recomendation-product-block #solicitarForm { margin-bottom: 15px; } #result-calculator .result-legal a.btn:hover { background-color: #75A0F0; border: none; border-radius: 0px; font-size: 13px; text-align: center; color: #fff !important; } #page-insurance-calculator .precio { text-align: center; } #page-insurance-company .precio { padding-top: 30px; } #page-insurance-company .precio > span p { font-size: 75%; text-align: center; padding-left: 0; margin-top: 0; } #result-calculator .here-you-have .promo { margin-top: 0; } #result-calculator .product-block .btn.btn-primary-reverse { border: 0px; } } @media screen and (max-width: 991px) and (min-width: 768px) { #result-calculator .product-block .btn.btn-primary-reverse { border: 0px; float: right; } #result-calculator .product-block .btn.btn-primary-reverse { float: left; } #result-calculator .product-block .btn.btn-asesor { float: right; margin-right:0; } #result-calculator .product-block .insurance-logo { padding-top: 10px; text-align: center; } } @media screen and (max-width: 767px) { #result-calculator .product-name .open { right: 10px; } #result-calculator .data-box { border-bottom: none; } #result-calculator .product-block .panel-group .btn.btn-asesor { bottom: 0px; left: 15px; right: 15px; white-space: nowrap; } #result-calculator .product-block .insurance-logo { padding-top: 10px; text-align: center; } } @media screen and (max-width: 575px) { #result-calculator .row.prodnr { padding-leftxx: 7px; padding-rightxx: 7px; } #result-calculator .product-block.col-xs-6:nth-child(even) { padding-leftxx: 7px; padding-rightxx: 7px; } #result-calculator .product-block.col-xs-6:nth-child(odd) { padding-leftxx: 7px; padding-rightxx: 7px; } } @media screen and (max-width: 767px) { #result-calculator .product-block .panel-group .btn.btn-asesor { bottom: 5px; position: absolute; } #result-calculator .product-block .panel-group .action-buttons { padding-bottom: 45px; } } @media (min-width: 768px) and (max-width: 991px) { #result-calculator .prodnr4 .product-block .panel-group .btn.btn-asesor { position: absolute; float: none; margin: 0; left: 30px; right: 30px; bottom: 10px; } #result-calculator .prodnr4 .product-block .btn.btn-primary-reverse { float: none; } #result-calculator .prodnr4 .product-block .panel-group .action-buttons { padding-bottom: 45px; } } @media (min-width: 991px) and (max-width: 1080px) { #result-calculator .prodnr4 .product-block .panel-group .btn.btn-asesor , #result-calculator .prodnr4 .product-block .btn.btn-primary-reverse { margin-left: 0; margin-right: 0; } } @media screen and (max-width: 380px) { #result-calculator .product-block .panel-group .btn.btn-asesor { bottom: 5px; left: 10px; right: 10px; white-space: nowrap; padding-left: 3px; padding-right: 3px; } } .sticky { position: -webkit-sticky; position: sticky; top: 15px; z-index:10; } .btn-callcenter.fixed { position: -webkit-sticky; position: fixed; top: 15px; right:15px; z-index:10; } @media (max-width: 767px) { .sticky { top: 70px; } .btn-callcenter.fixed { top: 70px; } } @media (max-width: 1200px) { #page-insurance-company-product .carousel-inner .container { width: auto; max-width: 1170px; } } .nav-back { margin-bottom: 15px; min-height:30px; } @media (max-width: 767px) { .insurance-product .carousel-banner .nav-back { margin-bottom: 0px; min-height:30px; } } .btn-callcenter.fixed, .nav-back .btn-callcenter { color: #ffffff; background-color: #113F96; float:right; min-width: 40px; min-height: 40px; line-height: 40px; font-size: 28px; padding: 0; text-align: center; box-shadow: 1px 2px 2px rgba(0,0,0,0.3); } .btn-callcenter.fixed .zmdi, .nav-back .btn-callcenter .zmdi { vertical-align: inherit; } .btn-callcenter.fixed .zmdi:before, .nav-back .btn-callcenter .zmdi:before { color: #ffffff; margin: 0; font-size: 24px; } #insurances-comparative .carousel-home, #insurances-comparative .carousel-single { border-bottom: 0px; background-color: #f3f3f3; } @media (max-width:991px) { #insurances-comparative .carousel-home .carousel-inner, #insurances-comparative .carousel-single .carousel-inner { height: 280px; overflow: hidden; } } #insurances-comparative .carousel-home .logo, #insurances-comparative .carousel-single .logo { margin: 10px 0 10px 0; float: right; max-width: 270px; max-height: 70px; } @media (max-width:767px) { #insurances-comparative .carousel-home .logo, #insurances-comparative .carousel-single .logo { float: right; max-width: 230px; max-height: 45px; } #insurances-comparative .carousel-banner .carousel-caption { margin-top: 25px; } } #insurances-comparative .carousel-single .carousel-banner .carousel-caption h1, #insurances-comparative .carousel-single .carousel-banner .carousel-caption h2, #insurances-comparative .carousel-single .carousel-banner .carousel-caption p { margin: 0; font-weight: normal; color: #000000 !important; max-width: inherit !important; } #insurances-comparative .carousel-single h1, #insurances-comparative .carousel-single h2 { margin: 0; font-size: 34px; } #insurances-comparative .carousel-single h2 { font-weight: 600 !important; } @media (max-width:800px) { #insurances-comparative .carousel-single h1 { font-size: 30px; } } @media (max-width:767px) { #insurances-comparative .carousel-home, #insurances-comparative .carousel-single { text-align: center; } #insurances-comparative .carousel-single h1, #insurances-comparative .carousel-single h2 { text-align: center; margin: 0; font-size: 24px; } #insurances-comparative .carousel-single p { text-align: center; } #insurances-comparative .carousel-home .logo, #insurances-comparative .carousel-single .logo { float: none; width: auto; max-width:200px; } } @media (max-width:480px) { #insurances-comparative .carousel-single h2 { font-size: 20px; } } #insurances-comparative .carousel-single span.price-info { position: relative; color: #000000 !important; display: inline-block; border: 0px solid #cccccc; } #insurances-comparative .carousel-single span.price-txt { font-size: 72px; font-weight: 600; } #insurances-comparative .carousel-single span.price-from { font-size: 13px; position: absolute; top: 8px; left: 0; } #insurances-comparative .carousel-single span.price-month { font-size: 13px; margin-left:2px; } #insurances-comparative .carousel-single span.price-e { font-size: 48px; font-weight: 600; position: absolute; top: 10px; } #insurances-comparative .carousel-single p sup { position: absolute; top: 20px; right: -7px; } #modality-data .submenu { text-align: right; border-bottom: 1px solid #d7d7d7; margin: 0; padding: 0; margin-bottom: 15px; } #modality-data .submenu ul li { display: inline-block; padding-left: 10px; padding-right: 10px; position: relative; } @media (min-width:768px) { #modality-data .submenu ul li:not(:first-child)::before { content: '|'; color: #aaa; position: relative; left: -10px; } } @media (min-width:768px) and (max-width:991px) { #modality-data .submenu { text-align: center; } #modality-data .submenu ul { display: inline-block; text-align: center; padding-left: 0; } } @media (max-width:767px) { #modality-data .submenu { margin-top:15px; border-bottom: 0px solid #d7d7d7; } #modality-data .submenu ul { text-align: center; padding: 0; margin: 0; } #modality-data .submenu ul li { width: 50%; float:left; text-align: center; display: inline-block; padding: 0 5px 0 0 ; } #modality-data .submenu ul li span { text-align: center; width: 100%; display: block; background-color: #f3f3f3; padding: 5px 2px; margin: 5px 0px 5px 0px; line-height: 1.4em; } #modality-data .submenu ul li a { padding: 5px; } } #modality-data .section, #result-calculator .section { position: relative; border-top: 1px solid #d7d7d7; margin-top: 60px; margin-bottom: 45px; } #modality-data .section h3, #result-calculator .section h3 { margin-top: 15px; color: #000000; line-height: 1.3em; } @media (max-width:767px) { #modality-data .section h3, #result-calculator .section h3 { text-align: center; } } #modality-data .no-active { color: #aaa; text-decoration: line-through; } #modality-data .legaltext { font-size: 0.85em; color: #aaa; } #modality-data .product-info { margin-bottom: 20px; } #modality-data .product-info .btn-calculate { margin-top: 30px; } @media (min-width: 992px) { #modality-data .product-info .btn-calculate { float: right; } #result-calculator .section-compare > div > .btn { margin-left: 34%; } } #page-insurance-calculator #result-calculator .section-compare > div > .btn { margin-left: 0; } .btn-80 { display: inline-block: width: auto; min-width: none; } @media (max-width:767px) { #modality-data .product-info .btn-calculate { float: none; margin-top: 30px; display: block; margin-left: 15px; margin-right: 15px; } .btn-80 { max-width: 80%; } } @media (max-width:359px) { .btn-80 { max-width: 100%; } } @media (min-width:992px) { #result-calculator .prodnr4 > .product-block.col-lg-3 { text-align:center; } #result-calculator .prodnr4 > .product-block.col-lg-3 .txt-info { display:none; } #result-calculator .prodnr4 > .product-block.col-lg-3 .btn-primary-reverse { border: 0; margin: 0; float: left; } #result-calculator .prodnr4 > .product-block.col-lg-3 .btn { margin-right:0; } } #result-calculator .product-block .checkbox { font-size: 13px; font-family: 'Roboto', sans-serif; margin: 7px 0 7px 0; float:left; } #result-calculator .product-block .checkbox span { line-height: 1.3em; } #result-calculator .prodnr4 .product-block .comparing, #result-calculator .prodnr4 .product-block .checkbox { display:none; } #result-calculator .prodnr .product-block .checkbox { display: block; } #result-calculator .prodnr .product-block .txt-info, #result-calculator .prodnr .product-block .btn-asesor { display:none; } #result-calculator .prodnr .product-block .btn.btn-primary-reverse { border: 0px; float:right; } #result-calculator .prodnr .product-block .col-lg-12 { text-align: center; } @media (max-width: 767px) { #result-calculator .prodnr4 .product-block .btn-asesor, #result-calculator .prodnr .product-block .checkbox, #result-calculator .prodnr .product-block .btn-asesor { display:block; } #result-calculator .prodnr4 .product-block .checkbox, #result-calculator .prodnr .product-block .checkbox, { display:none; } } @media (min-width: 992px) { #result-calculator .product-block .checkbox { display:none; } } @media (max-width: 767px) { #result-calculator .prodnr .product-block .btn.btn-primary-reverse { border: 0px; float:none; } #result-calculator .prodnr4 .product-block .checkbox, #result-calculator .prodnr .product-block .checkbox, #result-calculator .product-block .checkbox { display:none; } } #modality-data .product-info h4 { margin-top: 20px; } #modality-data .product-info p { margin: 0px; } .section-copayments table { margin-top: 15px; border: 1px solid #d7d7d7; } .section-copayments table th, .section-copayments table td { padding: 10px 15px; background-clip: padding-box; } .table-see-more { text-align: right; margin-top: 20px; } .table-see-more a .fa { margin-left: 5px; font-size: 14px; } .table-responsive-border { position: relative; } @media screen and (max-width: 575px) { .table-responsive-border { margin-left: -15px; margin-right: -15px; } } .section-compare .table-responsive { margin-top: 30px; margin-bottom: 30px; } @media(min-width:768px) { .section-compare .table-responsive { overflow-x: hidden; } } @media(max-width:767px) { .section-compare .table-responsive { margin-top: 5px; } } .table-responsive > #modalities-data-compare.fixed-column { position: absolute; display: inline-block; width: auto; border-right: 1px solid #ddd; left: 0; top: 1px; z-index: 10; } @media(min-width:768px) { .table-responsive > #modalities-data-compare.fixed-column { display: none; } } table#modalities-data-compare { position:relative; } table#modalities-data-compare .nobordered th, table#modalities-data-compare .nobordered td { border: 0; padding:0; line-height: 1em; height: 35px; } table#modalities-data-compare { border: 0; margin-bottom: 30px; position: relative; } table#modalities-data-compare th { font-size: 1.2em; font-weight: 400; background-color: #113f96; color: #ffffff; position: relative; background-clip: padding-box; border-right: 1px solid #ffffff; white-space: normal; vertical-align: middle; } table#modalities-data-compare td:first-child, table#modalities-data-compare th:first-child { positionxx: fixed; } table#modalities-data-compare th span.recomendation { color: #000000; font-weight: normal; position: absolute; left: 0; top: -30px; z-index: 10; } table#modalities-data-compare .recomendation .fa-star { color: #ffbc2d; vertical-align: middle; margin-right: 5px; } table#modalities-data-compare th, table#modalities-data-compare td { padding: 10px 15px; min-width: 160px; max-width: 360px; } @media (max-width: 991px) { table#modalities-data-compare th, table#modalities-data-compare td { padding: 7px 5px; min-width: 115px; max-width: 150px; } } @media (max-width: 767px) { table#modalities-data-compare th { height: 55px; line-height: 1.05em; font-size: 1.05em; padding: 0px 5px !important; } table#modalities-data-compare th, table#modalities-data-compare td { padding: 7px 15px; } } table#modalities-data-compare td:first-child { min-width: 240px; max-width: 440px; } table#modalities-data-compare .fa-check { color: #39a135; } table#modalities-data-compare .fa-times { color: #ffbc2d; } table#modalities-data-compare .tfooter td { text-align: center; background-color: #ffffff; border-color: #ffffff; position: relative; padding-bottom: 20px; color: #ffffff; font-size: 16px; } table#modalities-data-compare .tfooter td .price-amount { font-weight:600; font-size: 28px; } table#modalities-data-compare td:not(:first-child) { text-align: center; } table#modalities-data-compare .tfooter td:not(:first-child) { background-color: #808080; background-clip: padding-box; border-right: 1px solid #ffffff; } table#modalities-data-compare .tfooter td.pfav { background-color: #113f96; } table#modalities-data-compare .tfooter td .btn { padding-left: 0; padding-right: 0; position: absolute; left: 20%; right: 20%; bottom: -15px; } .table-responsive>.fixed-column { position: absolute; display: inline-block; width: auto; border-right: 1px solid #ddd; } @media(min-width:768px) { .table-responsive>.fixed-column { display: none; } } @media(max-width:767px) { .table-responsive>.fixed-column { white-space: normal; } table#modalities-data-compare td:first-child, .table-responsive > .table#modalities-data-compare > tbody > tr > td:first-child { white-space: normal !important; min-width: 210px; max-width: 210px; width: 220px; font-weight: 400; } table#modalities-data-compare td, .table-responsive > .table#modalities-data-compare > tbody > tr > td { padding: 5px 15px; } table#modalities-data-compare.fixed-column .tfooter td:first-child { height: 120px; } } @media(max-width:359px) { table#modalities-data-compare td:first-child, .table-responsive > .table#modalities-data-compare > tbody > tr > td:first-child { white-space: normal !important; min-width: 170px; max-width: 170px; width: 170px; } } #result-calculator .comparing { background-color: #6f8bba; color: #ffffff; position: absolute; bottom: 0; left: 0; right: 0; height: 39px; line-height: 37px; text-align: left; padding-left:15px; font-family: 'Roboto', sans-serif; font-size: 13px; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } @media(max-width:991px) { #result-calculator .comparing { bottom: 0px; height: 39px; line-height: 37px; } } @media(max-width:480px) { #result-calculator .comparing { height: 49px; line-height: 47px; } } @media(max-width:767px) { #result-calculator .comparing { display: none; } } #result-calculator .comparing .fa { padding-right: 5px; } #page-insurance-calculator footer #scroll-totop { display: none; } .box-contact-solicitude { border: 1px solid #ccc; padding: 0; margin-top: 30px; } .message-solicitude { font-size: 18px; text-align: center; border-bottom: 1px solid #ccc; padding: 10px 0; } .message-form { display: block; position: relative; padding: 25px; } .message-solicitude span { color: #113f96; position: relative; top: 2px; margin-left: 8px; } .box-contact-solicitude p { text-align: center; font-size: 13px; font-weight: 400; } .error-name, .error-consent { color: #2A78E4; display: none; } #solicitudSeguro .form-control:focus{ border-color: #66afe9; } #solicitudSeguro label{ color: #113f96; } #solicitude_form .btn{ width: 100%; margin-top: 23px; padding: 8px 12px; } .message-solicitude-footer { font-size: 16px; color: #113f96; text-align: center; margin-top: 15px; margin-bottom: 55px; } @media (max-width: 1199px){ .box-contact-solicitude{ max-width: 900px; margin-left: 65px; } } @media (max-width: 991px){ .box-contact-solicitude { max-width: 720px; margin-left: 25px; } } @media (max-width: 424px){ .box-contact-solicitude { max-width: 320px; margin-left: 20px; } .message-solicitude span{ font-size: 16px; } #solicitude_form .btn{ margin-left: 15px; } .message-form img#status_img{ width: 280px; } } @media (max-width: 359px){ .box-contact-solicitude { max-width: 285px; margin-left:18px; } .message-solicitude span{ font-size: 14px; } #solicitude_form .btn{ margin-left: 15px; } .message-form img#status_img{ width: 240px; } .message-solicitude-footer{ font-size: 13px; } } #containerAltaClientes { padding: 40px; } #containerAltaClientes h1 { font-size: 75px; color: #113f96; font-weight: 100; line-height: 60px; letter-spacing: -2px; } #guiaDeDescuentos { text-align: center; } #containerAltaClientes .logotipoVentajonStand { margin-top: -10px; margin-bottom: 5px; margin-left: auto; margin-right: auto; text-align: center; max-width: 200px; } #guiaDeDescuentos h1 { font-size: 50px; } #identificateCupones { padding-left: 20px; padding-right: 20px; } #identificateCupones h2 { font-weight: 700; font-size: 17px; } #identificateCupones button { margin-bottom: 10px; margin-top: 20px; } #tituloIdentificate p { width: 95%; color: #999; margin: 5px auto 0px auto; font-size: 13px; font-weight: 400; text-align: center; } #contenedorAlta { border-radius: 90px; } #formularioAlta { text-align: center; } #formularioAlta form { margin-bottom: 20px; margin-top: 25px; } #containerAltaClientes .check { margin: 0; text-align: left; float: left; } #containerAltaClientes .radio label, #containerAltaClientes .checkbox label { padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } #containerAltaClientes .navbar-form .radio input[type="radio"], #containerAltaClientes .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-right: 6px; margin-left: -7px; margin-top: 6px; margin-bottom: 15px; display: inline-block; } #containerAltaClientes .formMarginTop { margin-top: 5px; width: 300px; } #containerAltaClientes .mayusculas { text-transform: uppercase; } #containerAltaClientes input { color: #666 !important; } #containerAltaClientes .form-mercados { font-size: 11px; } #containerAltaClientes #bases_concurso{margin-top:40px;} #identificateCupones div.checkbox span { position: relative; top: -10px; } #identificateCupones div.checkbox label { padding-left: 0 !important; margin-top: 20px; } #nav-home{ height: 80px; margin-top: 15px; } #nav-home h1{ font-weight: 600; font-size: 25px; } #nav-home ul.nav{ position: relative; top: 10px; left: 25px; } #nav-home ul.nav > li:not(:first-child) > a:before { content: ''; width: 1px; height: 17px; position: absolute; left: 0; top: 12px; background-color: #bbb; } #nav-home .nav-tabs > li > a{ margin-right: -2px; } #nav-home .nav > li > a:hover{ margin-right: -2px; } #nav-home li.active > a{ color: #d10026; font-weight: 500; } #nav-home .nav-publi img{ width: 65%; margin-left: 15px; } #nav-home .nav-publi p{ color: #0076de; margin: 0 -30px auto -45px; } @media (max-width: 767px){ #nav-home{ height: 0px; } } #bannerApps { position: relative; background-color: #00b2b6; height: 350px; } #bannerApps .banner-content { position: relative; padding-top: 30px; height: 350px; } #bannerApps .banner-content h2 { color: #000000; font-weight: 300; font-size: 36px; line-height: 1.41em; max-width: 380px; } #bannerApps .banner-content h2 span, #bannerApps .banner-content h2 strong { color: #000000; background-color: #ffffff; margin-bottom: 2px; padding-left: 15px; padding-right: 15px; white-space: nowrap; } #bannerApps .banner-img-card { position: absolute; max-width: 200px; top: 47px; right: 15px; } #bannerApps .image-container { position: absolute; background-image: url('/assets/images/landings/apps/vision-ahorrativa-ventajon-tecnologia-desktop.jpg'); background-repeat: no-repeat; background-position: 50% bottom; min-height: 350px; right: 0; left: 0; } #page-landing-apps .app-list { position: relative; } #page-landing-apps .app-list h2 { font-weight: 600; line-height: 60px; margin: 0 0 15px 0; } #page-landing-apps .app-list .app-icon { float:left; max-width: 70px; max-height: 70px; margin-right: 10px; margin-top: -5px; margin-left: -7px; } #page-landing-apps .app-list .download-link { margin: 20px 0px 10px 0px; display: inline-block; } #page-landing-apps .app-list .download-link:first-child { margin-right: 30px; } #page-landing-apps .app-list .download-link.disabledxx .download-icon { opacity: 0.3; } .main-text p { margin-top: 15px; margin-bottom: 30px; } @media (max-width: 576px) { #page-landing-apps .app-list img { max-height: 34px; } #page-landing-apps .app-list .download-link:first-child { margin-right: 20px; } } @media (max-width: 992px) { #bannerApps .banner-img-card { position: absolute; max-width: 140px; } #bannerApps .image-container { background-position: 30% bottom; } } @media (max-width:767px) { #bannerApps .banner-content h2, #bannerApps .banner-content h2 span, #bannerApps .banner-content h2 strong { font-size: 22px; line-height: 1.5em; } #bannerApps .banner-content h2 span, #bannerApps .banner-content h2 strong { padding-left: 7px; padding-right: 7px; } #bannerApps .banner-img-card { position: absolute; max-width: 120px; bottom: 30px; top: auto; left: 15px; right: auto; } #bannerApps .image-container { background-position: 40% bottom; } #page-landing-apps .app-list h2 { margin-top: 18px; margin-bottom: 0; } #page-landing-apps .app-list p { margin-left: 75px; } } @media (min-width:768px) { .main-text p { margin-top: 15px; } #page-landing-apps .app-list h2 { margin-left: 67px; } #page-landing-apps .app-list .app-icon { top: -5px; left: 6px; position: absolute; max-width: 72px; max-height: 72px; margin: 0; } .main-text p { font-size: 14px; } } #landing-sorteo-salud .main-logo { margin-top: 15px; } #landing-sorteo-salud .copy > div:first-child { margin-top: 50px; margin-bottom: 50px; } #landing-sorteo-salud .copy .copy-text p { margin-bottom: 25px; font-size: 16px; } #landing-sorteo-salud .copy .copy-text p span { font-weight: 600; } @media screen and (max-width: 768px) { body#page-landing-promotion-insurance-calculate { padding-top: 0; } #landing-sorteo-salud .copy > div:first-child { margin-top: 30px; margin-bottom: 25px; } #landing-sorteo-salud #banner-promocion-calcula-tu-seguro1 { margin-top: 25px; width: 100%; } } #page-health-w-insurance .maintitle, #page-health-insurance .maintitle { font-size: 26px; margin-top: 30px; text-align: left; color: #000000; } @media (min-width: 768px) { #page-health-insurance .maintitle, #page-health-w-insurance .maintitle { margin-bottom: 45px; } } #page-health-w-insurance .seccion, #page-health-insurance .seccion { padding-top: 15px; } #page-health-w-insurance .boxtitle, #page-health-insurance .boxtitle { text-transform: none; color: #000000; line-height: 1.3em; } #page-health-w-insurance .boxtitle span, #page-health-insurance .boxtitle span { color: #000000; background-color: #ffffff; padding: 10px 15px 10px 15px; display: inline-block; margin-bottom: 5px; } #page-health-w-insurance .boxwhite .boxtitle span, #page-health-insurance .boxwhite .boxtitle span { color: #ffffff; background-color: #333333; } #page-health-w-insurance .boxwhite, #page-health-insurance .boxwhite { padding: 17px 20px 10px 20px; background-color: #ffffff; min-height: 220px; border: 1px solid #efefef; } #page-health-w-insurance .boxgray, #page-health-insurance .boxgray { padding: 17px 20px 10px 20px; background-color: #efefef; min-height: 220px; } #page-health-w-insurance .boxborder, #page-health-insurance .boxborder { padding: 15px 20px 15px 20px; border: 1px solid #113F96; min-height: 220px; } #page-health-w-insurance .boxhospitals, #page-health-insurance .boxhospitals { position: relative; background-image: url("/assets/images/insurance-home/hopitales-destacados.png"); background-color: #22D5CB; background-position: left top; background-size: contain; background-repeat: no-repeat; padding: 15px 20px 10px 20px; border: 0; min-height: 220px; color: #ffffff; font-size: 14px; } #page-health-w-insurance .hospitals-list, #page-health-insurance .hospitals-list { list-style-type: none; padding: 0; margin: 0; position:absolute; bottom: 15px; left:15px; font-size: 12px; font-weight:bold; vertical-align: bottom; } #page-health-w-insurance .hospitals-list li, #page-health-insurance .hospitals-list li { display: inline-block; margin-right:10px; } @media (max-width:992px) { #page-health-w-insurance .boxhospitals, #page-health-insurance .boxhospitals { background-size: contain !important; } } @media (max-width:420px) { #page-health-w-insurance .boxhospitals, #page-health-insurance .boxhospitals { position: relative; background-position: right top !important; background-image: url("/assets/images/insurance-home/hospitales-destacados-mobile.png"); background-size: contain !important; min-height: 250px; } } #page-health-w-insurance .boxhospitals .boxtitle, #page-health-insurance .boxhospitals .boxtitle { color: #ffffff; font-size: 18px !important; } @media (max-width: 921px) { #page-health-w-insurance .boxhospitals, #page-health-insurance .boxhospitals { background-position: left top; background-size: cover; } } #page-health-w-insurance #seccionLogos, #page-health-insurance #seccionLogos { } #page-health-w-insurance #seccionLogos, #page-health-insurance #seccionLogos { text-align: center; } #page-health-w-insurance #seccionLogos .btn, #page-health-insurance #seccionLogos .btn { white-space: normal; } @media (max-width: 767px) { #page-health-w-insurance #seccionLogos .btn, #page-health-insurance #seccionLogos .btn { padding: 10px 6px; font-size: 14px; line-height: 16px; } } #page-health-w-insurance #seccionLogos .brand-box, #page-health-insurance #seccionLogos .brand-box { width: 30%; margin: 0 1%; max-width: 220px; display: inline-block; clear: none; } #page-health-w-insurance #seccionLogos .boximg, #page-health-insurance #seccionLogos .boximg { position:relative; height: 90px; display: block; overflow: hidden; vertical-align: middle; } #page-health-w-insurance #seccionLogos img, #page-health-insurance #seccionLogos img { max-height: 60%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } @media (max-width: 480px) { #page-health-w-insurance #seccionLogos img, #page-health-insurance #seccionLogos img { max-height: 26px; } } #page-health-w-insurance #seccionInfo, #page-health-insurance #seccionInfo { margin-top: 45px; } @media (min-width: 768px) { #page-health-w-insurance #seccionInfo, #page-health-insurance #seccionInfo { margin-top: 60px; } } #page-health-w-insurance #seccionInfo .boxgray, #page-health-w-insurance #seccionInfo .boxwhite, #page-health-insurance #seccionInfo .boxgray, #page-health-insurance #seccionInfo .boxwhite { background-image: url("/assets/images/insurance-home/cuadros-medicos.png"); background-size: auto 100%; background-position: right -15px bottom; background-repeat: no-repeat; background-color: #CFD4D4; } #page-health-w-insurance #seccionInfo .boxmedicals img.boxtitle, #page-health-insurance #seccionInfo .boxmedicals img.boxtitle { max-width: 55%; margin: 0; position: relative; left: -20px; top: -5px; } @media (max-width:991px) { #page-health-w-insurance #seccionInfo .boxgray, #page-health-w-insurance #seccionInfo .boxwhite, #page-health-insurance #seccionInfo .boxgray, #page-health-insurance #seccionInfo .boxwhite { background-image: url("/assets/images/insurance-home/cuadros-medicos.png"); background-position: right -35px bottom; min-height: 220px; } } @media (max-width:767px) { #page-health-w-insurance #seccionInfo .boxgray, #page-health-w-insurance #seccionInfo .boxwhite, #page-health-insurance #seccionInfo .boxgray, #page-health-insurance #seccionInfo .boxwhite { background-position: right -15px bottom; } } @media (max-width:420px) { #page-health-w-insurance #seccionInfo .boxmedicals img.boxtitle, #page-health-insurance #seccionInfo .boxmedicals img.boxtitle { max-width: 75%; margin: 0; } #page-health-w-insurance #seccionInfo .boxgray, #page-health-w-insurance #seccionInfo .boxwhite, #page-health-insurance #seccionInfo .boxgray, #page-health-insurance #seccionInfo .boxwhite { background-image: url("/assets/images/insurance-home/cuadros-medicos-mobile.png"); background-position: right bottom; background-size: contain; min-height: 220px; } } #page-health-w-insurance #seccionInfo .boxwhite, #page-health-w-insurance #seccionInfo .boxgray, #page-health-insurance #seccionInfo .boxwhite, #page-health-insurance #seccionInfo .boxgray { position: relative; } #page-health-w-insurance #seccionInfo .boxwhite .btn, #page-health-w-insurance #seccionInfo .boxgray .btn, #page-health-insurance #seccionInfo .boxwhite .btn, #page-health-insurance #seccionInfo .boxgray .btn { position: absolute; bottom: 20px; left: 15px; } @media (max-width:767px) { #page-health-w-insurance #seccionInfo .boxwhite .btn, #page-health-w-insurance #seccionInfo .boxgray .btn, #page-health-insurance #seccionInfo .boxwhite .btn, #page-health-insurance #seccionInfo .boxgray .btn { left: 10px; } } #page-health-w-insurance #seccionInfo .boxtitle, #page-health-insurance #seccionInfo .boxtitle { margin-top: 0; margin-bottom: 15px; font-size: 22px; font-weight: bold; } #page-health-w-insurance #seccionInfo .boxtitle span, #page-health-insurance #seccionInfo .boxtitle span { font-size: 30px; text-transform: uppercase; } #page-health-w-insurance #seccionInfo .boxtitle span:first-child, #page-health-insurance #seccionInfo .boxtitle span:first-child { font-size: 23px; } @media (max-width: 767px) { #page-health-w-insurance #seccionInfo .boxborder, #page-health-insurance #seccionInfo .boxborder { margin-top:30px; } } #page-health-w-insurance #seccionAtt, #page-health-insurance #seccionAtt { position: relative; } #page-health-w-insurance #seccionAtt .boxtitle, #page-health-insurance #seccionAtt .boxtitle { margin-top: 0; } #page-health-w-insurance #seccionAtt .boxtitle .c, #page-health-insurance #seccionAtt .boxtitle .c{ color: #EF9800; } @media (max-width: 767px) { #page-health-insurance #seccionAtt, #page-health-insurance #seccionAtt { text-align: center !important; } } #page-health-w-insurance #seccionAtt .container, #page-health-insurance #seccionAtt .container { margin-top: 40px; padding-top: 20px; position: relative; } #page-health-w-insurance #seccionAtt .container::before, #page-health-insurance #seccionAtt .container::before { position: relative; display: block; right: 0; left: 0; top: -20px; border-top: 1px solid #d7d7d7; } #page-health-w-insurance #seccionAtt .boxgray, #page-health-w-insurance #seccionAtt .boxwhite, #page-health-insurance #seccionAtt .boxgray, #page-health-insurance #seccionAtt .boxwhite { background-image: url("/assets/images/insurance-home/llamanos-bg.png"); background-position: right -70px bottom; background-repeat: no-repeat; background-size: contain; background-color: #CFD4D4; } #page-health-w-insurance #seccionAtt #attTime img.boxtitle, #page-health-insurance #seccionAtt #attTime img.boxtitle { max-width: 50%; margin: 0; position: relative; left: -20px; top: -5px; } #page-health-w-insurance #seccionAtt #attTime , #page-health-insurance #seccionAtt #attTime { color: #5e5e5e; } #page-health-w-insurance #seccionAtt #attTime .time, #page-health-insurance #seccionAtt #attTime .time { color: #ffffff; font-weight: bold; font-size: 14px; } @media (min-width: 768px) { #page-health-w-insurance #seccionAtt #attTime img.boxtitle, #page-health-insurance #seccionAtt #attTime img.boxtitle { float: left; } #page-health-w-insurance #seccionAtt #attTime .time, #page-health-insurance #seccionAtt #attTime .time { margin-top: 20px; } } @media (max-width: 991px) { #page-health-w-insurance #seccionAtt #attTime img.boxtitle, #page-health-insurance #seccionAtt #attTime img.boxtitle { max-width: 60%; float: none; } #page-health-w-insurance #seccionAtt #attTime .time, #page-health-insurance #seccionAtt #attTime .time { margin-top: 5px; } #page-health-w-insurance #seccionAtt .tel , #page-health-insurance #seccionAtt .tel { line-height: 1em; } #page-health-w-insurance #seccionAtt #attTime .tel a, #page-health-insurance #seccionAtt #attTime .tel a { font-size: 22px; line-height: 1.1em; display: block; } } @media (min-width: 800px) and (max-width: 991px) { #page-health-w-insurance #seccionAtt .boxgray, #page-health-w-insurance #seccionAtt .boxwhite, #page-health-insurance #seccionAtt .boxgray, #page-health-insurance #seccionAtt .boxwhite { background-position: right -80px bottom; } #page-health-w-insurance #seccionAtt #attTime .time, #page-health-insurance #seccionAtt #attTime .time { margin-top: 5px; } #page-health-w-insurance #seccionAtt #attTime .time br, #page-health-insurance #seccionAtt #attTime .time br { float: left; } } @media (min-width: 800px) and (max-width: 900px) { #page-health-w-insurance #seccionAtt .boxgray, #page-health-w-insurance #seccionAtt .boxwhite, #page-health-insurance #seccionAtt .boxgray, #page-health-insurance #seccionAtt .boxwhite { background-position: right -100px bottom; } #page-health-w-insurance #seccionAtt #attTime .time, #page-health-insurance #seccionAtt #attTime .time { margin-top: 7px; } } @media (max-width: 767px) { #page-health-w-insurance #seccionAtt #attTime img.boxtitle, #page-health-insurance #seccionAtt #attTime img.boxtitle { display: none; } #page-health-w-insurance #seccionAtt #attTime .time, #page-health-insurance #seccionAtt #attTime .time { color: #5e5e5e; font-weight: normal; font-size: 12px; } #page-health-w-insurance #seccionAtt #attTime .time br, #page-health-insurance #seccionAtt #attTime .time br { float: left; } #page-health-w-insurance #seccionAtt .boxwhite, #page-health-w-insurance #seccionAtt .boxgray, #page-health-insurance #seccionAtt .boxwhite, #page-health-insurance #seccionAtt .boxgray { margin-top:30px; min-height: auto; background-color: transparent; background-image: none; border: 0; padding: 0; margin-top: 5px; } #page-health-w-insurance #seccionAtt .boxgray, #page-health-w-insurance #seccionAtt .boxwhite, #page-health-insurance #seccionAtt .boxgray, #page-health-insurance #seccionAtt .boxwhite { background-position: right -70px bottom; } } #page-health-w-insurance #seccionAtt .callback, #page-health-insurance #seccionAtt .callback { margin: 10px 0 30px 0; } #page-health-w-insurance #seccionAtt .tel, #page-health-insurance #seccionAtt .tel { font-size: 16px; color: #113F96; white-space: nowrap; } [id$="-insurance"] .tel a { white-space: nowrap; } #page-health-w-insurance #seccionAtt #attTime .tel, #page-health-insurance #seccionAtt #attTime .tel { position: absolute; bottom: 10px; font-weight: bold; font-size: 26px; color: #ffffff; line-height: 1.3em; } #page-health-w-insurance #seccionAtt #attTime .tel a, #page-health-insurance #seccionAtt #attTime .tel a { color: #ffffff; margin-right: 20px; text-shadow: 0px 0px 1px #CBD4D4; } #page-health-w-insurance #seccionBlog h2, #page-health-w-insurance #seccionBlog .section-title, #page-health-insurance #seccionBlog h2, #page-health-insurance #seccionBlog .section-title { margin-top: 0; color: #000000; line-height:1.3em; } @media (max-width: 767px) { #page-health-w-insurance #seccionBlog h2, #page-health-insurance #seccionBlog h2 { text-align: center } } #page-health-w-insurance #seccionBlog .container::before, #page-health-insurance #seccionBlog .container::before { position: relative; display: block; right: 0; left: 0; top: -20px; border-top: 1px solid #d7d7d7; } #page-health-w-insurance #seccionBlog .container, #page-health-insurance #seccionBlog .container { margin-top: 40px; padding-top: 20px; position: relative; } #page-health-w-insurance #seccionBlog .container::beforexx, #page-health-insurance #seccionBlog .container::beforexx { position: relative; display: block; right: 0; left: 0; top: -20px; border-top: 1px solid #d7d7d7; } #page-health-w-insurance #seccionBlog .boximg, #page-health-insurance #seccionBlog .boximg { background-color: #efefef; min-height: 100px; max-height: 200px; overflow: none; } #page-health-w-insurance #seccionBlog .boximg img, #page-health-insurance #seccionBlog .boximg img { min-height: 50px; max-height: 200px; } @media (max-width: 767px) { #page-health-w-insurance #seccionBlog .box , #page-health-insurance #seccionBlog .box { margin-bottom: 0px; } } #page-health-w-insurance #seccionFaq, #page-health-insurance #seccionFaq { margin-top: 45px; } #page-health-w-insurance #seccionFaq .boxwhite, #page-health-w-insurance #seccionFaq .boxgray, #page-health-insurance #seccionFaq .boxwhite, #page-health-insurance #seccionFaq .boxgray { background-color:#88D4E3; background-image: url("/assets/images/insurance-home/preguntas-frecuentes.png"); background-position: center bottom; background-repeat: no-repeat; background-size: contain; min-height: 220px; padding-bottom: 60px; } #page-health-w-insurance #seccionFaq .boxgray h4, #page-health-insurance #seccionFaq .boxgray h4 { color: #ffffff; } @media (min-width:768px) { #page-health-w-insurance #seccionFaq .boxgray h4, #page-health-insurance #seccionFaq .boxgray h4 { font-size: 20px; } } #page-health-w-insurance #seccionFaq .boxtitle, #page-health-insurance #seccionFaq .boxtitle { margin-top: 0; font-size: 30px; font-weight: bold; text-transform: uppercase; } #page-health-w-insurance #seccionFaq .c-b, #page-health-insurance #seccionFaq .c-b { color: #113f92; } #page-health-w-insurance #seccionFaq .boxwhite .btn, #page-health-w-insurance #seccionFaq .boxgray .btn, #page-health-insurance #seccionFaq .boxwhite .btn, #page-health-insurance #seccionFaq .boxgray .btn { margin-top: 0px; position: absolute; bottom: 30px; } @media (max-width: 767px) { #page-health-w-insurance #seccionFaq, #page-health-insurance #seccionFaq { text-align: center !important; } #page-health-w-insurance #seccionFaq .boxwhite, #page-health-w-insurance #seccionFaq .boxgray, #page-health-insurance #seccionFaq .boxwhite, #page-health-insurance #seccionFaq .boxgray { padding-bottom: 17px; } #page-health-w-insurance #seccionFaq .boxwhite .btn, #page-health-w-insurance #seccionFaq .boxgray .btn, #page-health-insurance #seccionFaq .boxwhite .btn, #page-health-insurance #seccionFaq .boxgray .btn { font-size: 14px; word-wrap: normal; position: relative; bottom: auto; margin-top: 15px; } } #office-information { border-top: 1px solid #dddddd; text-align: left; } .container #office-information { border-top: 0px solid #dddddd; text-align: left; background-color: transparent; } [id$="-insurance"] #office-information { margin-top: 75px; } @media (max-width: 767px) { [id$="-insurance"] #office-information { margin-top: 60px; } } #office-map { background-color: #efefef; display:block; height: 320px; margin-left: -15px; margin-right: -15px; } @media (min-width: 1200px) { #office-map { height: 230px; } } #office-data { margin: 0 15px 15px 15px; padding-top: 20px; max-width: 490px; } .container #office-data { padding-top: 0px; } @media (max-width: 767px) { #office-data { margin: 15px 0 15px 0; } } #office-data h4 { font-family: 'Roboto', sans-serif; font-size: 18px; margin: 5px 0 0px 0; } #office-data h4.tit { font-size: 14px; margin: 15px 0 6px 0; } #office-data address { margin: 0; } a.link-google-maps { font-size: 0.85em; } #office-map iframe div.login-control { display: none; } body[id*="-insurance-"] > footer, body[id^="insurance-"] > footer, body[id$="-insurance"] > footer { margin-top: 0px; } @media (max-width:575px) { [id^="page-insurance-contact"] main, [id^="page-insurance-contact"] main #office-information, [id^="page-insurance-contact"] main div.col-sm-12.text-right, [id^="page-insurance-callcenter"] main, #atencionAlCliente { text-align: center; } [id^="page-insurance-callcenter"] main h1, [id^="page-insurance-contact"] main h1, #atencionAlCliente main h1 { font-size: 24px; } [id^="page-insurance-callcenter"] main h3, [id^="page-insurance-contact"] main h3, #atencionAlCliente main h3 { font-size: 20px; } [id^="page-insurance-callcenter"] main h1 strong, [id^="page-insurance-contact"] main h1 strong, #atencionAlCliente main h1 strong { display: block; } [id^="page-insurance-contact"] main .btn, [id^="page-insurance-callcenter"] main .btn { min-width: 50%; } } #atencionAlCliente #activoInactivo .boxborder { border: 1px solid #cccccc; padding: 10px 10px 5px 10px; } @media (max-width:767px) { #atencionAlCliente #activoInactivo .boxborder { padding: 10px 10px 5px 10px; margin: 5px 0px 20px 0px; } } #atencionAlCliente #activoInactivo img { margin: 20px 10px 15px 10px; } #atencionAlCliente #activoInactivo h3 { text-transform: uppercase; margin: 5px 0 0 0; font-size: 19px; white-space: nowrap; } #atencionAlCliente #activoInactivo .c-active { color: #8cc63f; font-weight:bold; } #atencionAlCliente #activoInactivo .c-inactive { color: #999999; font-weight:bold; } .item-title{ font-size: 20px; color: #113f96; font-weight: 400; line-height: 20px; letter-spacing: -1px; margin-left: 100px; } .calculate-hero { display: block; position: relative; } .calculate-hero_conditions { position: absolute; top: 325px; bottom: 0; left: 0; right: 0; z-index: 3; padding: 0px 40px 0px 160px; letter-spacing: 0.3px; } .calculate-hero_conditions .condition-text { display: block; text-align: left; padding: 0px 0px 5px; font-size: 9px; color: #222; line-height: 12px; } .calculate-support { margin: 0px; } #page-health-insurance2 .carousel-ven-a-ventajon, #page-health-w-insurance .carousel-ven-a-ventajon, #page-health-insurance .carousel-ven-a-ventajon { margin: 0 auto; background-color: #ced7e0; background-image: none; background-size: contain; background-repeat: no-repeat; background-position: 48% 50% !important; text-align: center; } .carousel-content-config { height: 350px; } .carousel-content-config_container { display: block; width: 100%; max-width: 1200px; height: 100%; margin: auto; position: relative; } .carousel-ven-a-ventajon_item { display: block; position: absolute; top: 0px; left: 20px; bottom: 0; width: 100%; z-index: 3; text-align: left; } .carousel-ven-a-ventajon_item .item-title { font-size: 35px; line-height: 35px; text-transform: uppercase; position: relative; top: -20px; } .carousel-ven-a-ventajon_item .item-claim.flex-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; } .carousel-ven-a-ventajon_item .item-action.flex-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-left: 100px; } .carousel-ven-a-ventajon_item.flex-content-center { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; background-image: url('../images/seguros/banner-seguro-salud-ventajon.jpg'); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .carousel-ven-a-ventajon_item .item-claim { display: block; margin: 0px 0px 0px 100px; } .carousel-ven-a-ventajon .carousel-content_item { display: block; position: absolute; right: 0; bottom: 0; top: 0px; } .carousel-ven-a-ventajon_item .item-title span { display: inline-block; padding: 0px 3px; font-size: 31px; line-height: 31px; } .carousel-ven-a-ventajon_item .item-title span > span { display: block; font-size: 8px; line-height: 8px; } .calculate-support > .container { padding: 35px 0 0 0; } .calculate-support_item > img { display: inline-block; margin: -6px; } h2.calculate-support_item, a.calculate-support_item{ margin: 8px 0px; display: block; } #talking h2 { font-size: 20px; color: #113f96; font-weight: 400; line-height: 20px; letter-spacing: -1px; } #companiasSeguroSalud h3 { font-size: 22px; color: black; text-align: center; font-weight: 400; } #companiasSeguroSalud.calculate-adventajes { margin-bottom: 0px; } .calculate-adventajes { padding: 0px 0px 20px; margin: 0px; } .calculate-adventajes .adventajes-title { margin: 20px 0px 40px; } .calculate-adventajes .flex-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: flex-start; } #companiasSeguroSalud .red { color: #d10026; font-weight: 600; } .calculate-adventajes .item-assegurance.brand-mapfre { border: 1px solid #c40006; } .calculate-adventajes .item-assegurance { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0px 20px; justify-content: center; align-items: center; width: 230px; height: 65px; border: 1px solid transparent; } .item-assegurance { padding: 15px; } .calculate-adventajes .item-assegurance img { width: 75%; } .calculate-adventajes .item-assegurance.brand-adeslas { border: 1px solid #0097d8; } .calculate-adventajes .item-assegurance.brand-aegon { border: 1px solid #000; } .header-calculate > section > .container{ width: 1200px; } #insurance-health #info-salud { margin-top: 50px; } #insurance-health #info-salud a { text-decoration: underline; } #insurance-health .carencias h3 { font-size: 15px; font-weight: 600; margin-top: 0; } #faq.health-faq #collapse9 ul li { display: inline; list-style: none; text-align: center; } @media screen and (max-width: 768px) { #insurance-health #info-salud h2 { text-align: center; font-size: 18px; margin: 30px 0px 20px 30px; width: 82%; } } @media (min-width: 993px) and (max-width: 1199px){ .header-calculate > section > .container { width: auto; } .carousel-ven-a-ventajon .carousel-content_item.nurse { background-position: bottom left; right: 20%; } .carousel-ven-a-ventajon .carousel-content_item.doctor { right: 2%; background-position: bottom left; } .calculate-hero_conditions .condition-text{ max-width: 700px; margin-left: -1%; } .header-calculate h2.section-title{ margin: 30px 0px 20px 30px; width: 85%; } } @media (min-width: 768px) and (max-width: 992px){ .header-calculate > section > .container { width: auto; } .carousel-ven-a-ventajon .carousel-content_item.nurse { background-position: bottom left; right: 30%; } .carousel-ven-a-ventajon .carousel-content_item.doctor { right: 12%; background-position: bottom left; } .calculate-hero_conditions .condition-text{ max-width: 700px; margin-left: -11%; } .header-calculate h2.section-title{ margin: 30px 0px 20px 30px; width: 91%; } } @media (min-width: 601px) and (max-width: 767px){ .carousel-ven-a-ventajon_item .item-title{ font-size: 26px; line-height: 25px; margin-top: 50px; margin-bottom: 120px; } .header-calculate > section > .container { width: auto; } .carousel-ven-a-ventajon .carousel-content_item.nurse { background-position: bottom left; right: 39%; } .carousel-ven-a-ventajon .carousel-content_item.doctor { background-position: bottom left; right: 21%; } .calculate-hero_conditions .condition-text{ max-width: 550px; margin-left: -11%; } .carousel-ven-a-ventajon_item .item-title{ font-size: 26px; line-height: 25px; } .carousel-ven-a-ventajon_item .item-title span{ font-size: 16px; line-height: 13px; } .header-calculate h2.section-title{ margin: 30px 0px 20px 30px; width: 90%; } } @media (min-width: 424px) and (max-width: 600px){ .carousel-ven-a-ventajon_item .item-title{ font-size: 26px; line-height: 25px; margin-left: 0; position: relative; top: -20px; } .carousel-ven-a-ventajon_item .item-action.flex-content{ margin-left: 0; } .header-calculate > section > .container { width: auto; } body .header-calculate .btn-lg{ margin-top: 45%; } .carousel-ven-a-ventajon .carousel-content_item.nurse { background-position: bottom left; right: 45%; } .calculate-hero_conditions .condition-text{ max-width: 350px; margin-left: -12%; } .carousel-ven-a-ventajon_item .item-title{ font-size: 26px; line-height: 25px; } .carousel-ven-a-ventajon_item .item-title span{ font-size: 16px; line-height: 13px; } .calculate-adventajes .item-assegurance img{ width: 100%; } .calculate-adventajes{ padding: 10px 0px 20px; } .header-calculate h2.section-title{ margin: 30px 0px 20px 30px; width: 85%; } .header-calculate h2.section-title:after{ top: 75%; } @-moz-document url-prefix() { .carousel-ven-a-ventajon_item .item-title{ top: 0px; } .carousel-ven-a-ventajon_item .item-action.flex-content{ margin-top: 45%; } } } @media (min-width: 360px) and (max-width: 424px){ .carousel-ven-a-ventajon_item.flex-content-center { background-image: url('../images/seguros/mobile-banner-seguro-salud-ventajon.jpg'); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .carousel-ven-a-ventajon_item .item-action.flex-content{ margin-left: 0; width: 90%; } .header-calculate > section > .container { width: auto; } .header-calculate .sobrefooter h3{ font-size: 16px; } .header-calculate .sobrefooter > div{ margin-left: 3.5em; } body .header-calculate .btn-lg{ margin-top: 45%; } .carousel-ven-a-ventajon .carousel-content_item.nurse { background-position: bottom left; right: 49%; } .calculate-hero_conditions .condition-text{ max-width: 300px; margin-left: -13%; } .carousel-ven-a-ventajon_item .item-title{ font-size: 26px; line-height: 25px; margin-left: 0; position: relative; top: -20px; } .carousel-ven-a-ventajon_item .item-title span{ font-size: 16px; line-height: 13px; } .calculate-adventajes .item-assegurance{ margin: 0px 8px; } .calculate-adventajes .item-assegurance img{ width: 100%; } .calculate-adventajes{ padding: 10px 0px 20px; } .header-calculate h2.section-title{ margin: 30px 0px 20px 30px; width: 82%; } .header-calculate h2.section-title:after{ top: 75%; } @-moz-document url-prefix() { .carousel-ven-a-ventajon_item .item-title{ top: 0px; } .carousel-ven-a-ventajon_item .item-action.flex-content{ margin-top: 45%; } } } @media screen and (max-width: 360px){ .carousel-ven-a-ventajon_item.flex-content-center { background-image: url('../images/seguros/mobile-banner-seguro-salud-ventajon.jpg'); background-size: cover; background-repeat: no-repeat; background-position: 50% 60%; } .carousel-ven-a-ventajon_item .item-action.flex-content{ margin-left: 0; width: 90%; } .header-calculate > section > .container { width: auto; } .header-calculate .sobrefooter h3{ font-size: 16px; } .header-calculate .sobrefooter > div{ margin-left: 2em; } body .header-calculate .btn-lg{ margin-top: 45%; } .carousel-ven-a-ventajon .carousel-content_item.nurse { background-position: bottom left; right: 49%; } .calculate-hero_conditions .condition-text{ max-width: 260px; margin-left: -13%; } .carousel-ven-a-ventajon_item .item-title{ font-size: 26px; line-height: 25px; margin: 0; position: relative; top: -20px; } @-moz-document url-prefix() { .carousel-ven-a-ventajon_item .item-title{ top: 0px; } .carousel-ven-a-ventajon_item .item-action.flex-content{ margin-top: 45%; } } .carousel-ven-a-ventajon_item .item-title span{ font-size: 16px; line-height: 13px; } .calculate-adventajes .item-assegurance{ margin: 0px 8px; } .calculate-adventajes .item-assegurance img{ width: 100%; } .calculate-adventajes{ padding: 10px 0px 20px; } .header-calculate h2.section-title{ margin: 30px 0px 20px 30px; width: 82%; } .header-calculate h2.section-title:after{ top: 75%; } } body#page-recovery-password { padding: 0; } main.login-content { text-align: center; } .login-content { width: 500px; margin: 15px auto; padding: 5px; } .bg-login { background: url('https://www.ventajon.com/shoppingmall/assets/images/prehome/back-prehome-top.jpg') no-repeat fixed center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 913px; } .card-forms { margin: 15px; background: white; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); } .card-forms div { text-align: center; } .card-forms > div:last-child { padding: 20px; } .p-alto-0 { padding: 0 15px; } .logo-login-ventajon { max-width: 100%; width: 195px; margin: 23px 0; } .btn-login-user { font-family: 'Roboto Slab', serif; font-size: 17px; font-weight: 400; color: #ffffff; text-align: right; cursor: pointer; background-color: #FFC22D; padding: 5px 26px; border: 1px solid #FFC22D; border-radius: 5px; } .btn-login-user:hover { background-color: #fff; border: 1px solid #FFC22D; color: #FFC22D; } #page-recovery-password .form-control { border: 1px solid #e0e0e0; border-left: 0; border-right: 0; border-top: 0; -moz-appearance: none; background: transparent none repeat scroll 0% 0%; border-radius: 0; padding: 6px; margin: 18px 0 8px 0; font-size: 14px !Important; box-shadow: none; } #reset .invalid { text-align: left; } @media screen and (max-width: 767px) { .login-content { width: 330px; } } #recovery_password button[type="submit"] { margin-bottom: 15px; } #recovery_password a.back { text-decoration: underline; font-size: 14px; cursor: pointer; } #unsuscribe h1 { margin-bottom: 20px; } #unsuscribe label { padding-left: 5px; } #unsuscribe p, #unsuscribe label { font-size: 1.1em; font-weight: 400; } #unsuscribe button#save { padding: 6px 30px; } #unsuscribe .links_filters { text-decoration: none; font-family: 'Roboto', sans-serif; padding-left: 25px; } #unsuscribe .checkbox input, #unsuscribe .radio input { top: 0; left: 0; margin-left: 0 !important; z-index: 1; cursor: pointer; opacity: 0; filter: alpha(opacity=0); margin-top: 0; } #unsuscribe .radio .input-helper::before { top: -1px; width: 19px; height: 19px; border-radius: 50%; } #unsuscribe .checkbox .input-helper::before, #unsuscribe .radio .input-helper::before { left: 0; border: 1px solid #ccc; } #unsuscribe .checkbox .input-helper::before, #unsuscribe .radio .input-helper::before, #unsuscribe .checkbox .input-helper::after, #unsuscribe .radio .input-helper::after { -webkit-transition: all; -o-transition: all; transition: all; -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; position: absolute; content: ""; } #unsuscribe .radio input:checked + .input-helper::after { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #unsuscribe .radio .input-helper::after { width: 11px; height: 11px; background: #113F92; border-radius: 50%; top: 3px; left: 4px; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } #unsuscribe .radio input[type="radio"], #unsuscribe .radio-inline input[type="radio"], #unsuscribe .checkbox input[type="checkbox"], #unsuscribe .checkbox-inline input[type="checkbox"] { position: relative; margin-top: -5px; } #insurance-pages-life-calculator .life-calculator{ background-image: url('/assets/images/banner/insurances/banner-seguro-vida.png'); padding: 25px 0 25px; background-position-y: bottom; background-position-x: right; background-repeat: no-repeat; background-size: contain; } #insurance-pages-life-calculator > .container-fluid{ padding:0; background-color:#d8d8d8; } #insurance-pages-life-calculator .asesoria, #insurance-pages-life-calculator .covers-info, #insurance-pages-life-calculator .btns-and-result, #insurance-pages-life-calculator .call-assistant, #insurance-pages-life-calculator .num-eur-month, #insurance-pages-life-calculator .range-slider, #insurance-pages-life-calculator .covers-btns{ display:flex; } #insurance-pages-life-calculator h1,#insurance-pages-life-calculator h3{color:black;} #insurance-pages-life-calculator h1{font-size: 25px;} #insurance-pages-life-calculator h2{ margin: 0 0 10px; font-weight:bold; } #insurance-pages-life-calculator h3{ margin:0; font-size:17px; font-weight: bold; } #insurance-pages-life-calculator .container > h3{ margin-bottom:10px; } #insurance-pages-life-calculator form p{ margin: 0; } #insurance-pages-life-calculator .range-slider{ margin-bottom: 30px; margin-left: -15px; } #insurance-pages-life-calculator input[type='range']{ overflow:hidden; -webkit-appearance: none; outline: none; width: 300px; height:25px; cursor:pointer; appearance: none; opacity: 1; padding:0; } #insurance-pages-life-calculator input[type='range']:hover { opacity: 1; } #insurance-pages-life-calculator #slider::-webkit-slider-runnable-track { background: white; } #insurance-pages-life-calculator #slider::-moz-range-track{ background:white; } #insurance-pages-life-calculator #slider::-ms-track{ background:white; padding:0; border:none; color:transparent; } #insurance-pages-life-calculator #slider::-ms-ticks-before { display: none; } #insurance-pages-life-calculator #slider::-ms-tooltip { display: none; } #insurance-pages-life-calculator #ticks_on_track_container{ display: none; } #insurance-pages-life-calculator #slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; box-shadow: -100vw 0 0 100vw #FFBC2D; width: 0; height: 0; cursor: pointer; } #insurance-pages-life-calculator #slider::-moz-range-thumb { width: 0; height: 0; box-shadow: -100vw 0 0 100vw #FFBC2D; cursor: pointer; border:none; } #insurance-pages-life-calculator #slider::-ms-thumb { box-shadow: -100vw 0 0 100vw #FFBC2D, -100vw 0 0 100vw #FFBC2D; -webkit-appearance: none; border:none; width: 0; height: 0; cursor: pointer; } #insurance-pages-life-calculator .range-slider input[type='range']{ background-color:white; align-self:center; } #insurance-pages-life-calculator #rangevalue{ padding-left:7px; text-align:center; width: 70px; border-radius: initial; } #insurance-pages-life-calculator #rangevalue::-webkit-inner-spin-button{ height:30px; padding: 0 1px; } #insurance-pages-life-calculator .range-slider::after{ content:"años"; top:5px; position: relative; left: 10px; } #insurance-pages-life-calculator .bluearrow{ width: 10px; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #113F96; position:relative; top:-25px; cursor:pointer; } #insurance-pages-life-calculator span.ages { position: relative; bottom: -30px; left: -15px; } #insurance-pages-life-calculator span.ages:first-child{ left:15px; } #insurance-pages-life-calculator .covers{ margin-bottom: 10px; } #insurance-pages-life-calculator .covers-info a{ margin-left: 10px;} #insurance-pages-life-calculator .covers-btns .colu{display:flex; flex-direction:column;} #insurance-pages-life-calculator .covers-btns .colu:nth-child(2n){ margin-left: 20px;} #insurance-pages-life-calculator .btns-and-result{margin: 10px 0 25px;} #insurance-pages-life-calculator .covers-btns label{ font-weight: normal; } @media (min-width: 768px) { #insurance-pages-life-calculator .covers-btns label{ background-color: #DADADA; } } #insurance-pages-life-calculator .eur-per-month input[type='radio']{ opacity:0; position: absolute; } #insurance-pages-life-calculator .eur-per-month input[type='radio'] + label{ border-radius:4px; border: 1px solid #113F96; color:#113F96; background-color:white; padding: 5px 10px 0 20px; margin:0 10px 0 0; width: 99px; user-select: none; } #insurance-pages-life-calculator .eur-per-month input[type='radio'] + label:last-child{ padding: 5px 3px 0 ; } #insurance-pages-life-calculator .eur-per-month input[type='radio'] + label span{ font-weight:normal; } #insurance-pages-life-calculator .eur-per-month input[type='radio'] + label:hover{ cursor:pointer; transform:scale(1.05); } #insurance-pages-life-calculator .eur-per-month input[type='radio']:checked + label{ background-color:#113F96; color:white; } #insurance-pages-life-calculator .eur-per-month p{ margin:0; line-height: 10px; font-weight:normal;} #insurance-pages-life-calculator .num-eur-month{ padding-bottom: 5px; } #insurance-pages-life-calculator a.btn-asesor{ display:block; background-color:#C10E27; color: white; padding: 10px 15px; border-radius: 4px; } #insurance-pages-life-calculator a.btn-asesor:hover{ background-color:white; color:#C10E27; } #insurance-pages-life-calculator .number{ font-size:45px; line-height:45px; } #insurance-pages-life-calculator .eur-month span{ font-size:20px; } #insurance-pages-life-calculator .eur-month span:after{ content:'*'; font-size: 13px; vertical-align: text-top; } #insurance-pages-life-calculator .result{ background-color: white; margin-left: 20px; padding: 0 15px; text-align: center; display: flex; flex-direction: column; justify-content: space-evenly; opacity: .89; } #insurance-pages-life-calculator .result h3{ margin-top:10px; } #insurance-pages-life-calculator .result h2{ font-weight: bold; } #insurance-pages-life-calculator .call-assistant{ display:flex; flex-direction:column; line-height:10px; align-self: center; } #insurance-pages-life-calculator .call-assistant > *{ align-self: flex-start; justify-self: center; margin-left:25px; } #insurance-pages-life-calculator .call-assistant a{ margin-left: } #insurance-pages-life-calculator .btn-callyou{ display: inline-block; background-color: #ffffff; color: #113F96; border: 1px solid #113F96; border-radius: 5px; cursor: pointer; font-size: 14px; line-height: 2em; font-weight: 400; text-decoration: none; vertical-align: middle; touch-action: manipulation; margin-top: 10px; padding: 5px 18px 3px 39px; -webkit-transition: color 0.2s linear 0s; transition: color 0.2s linear 0s; } #insurance-pages-life-calculator .input-wrapper:before { font-family: 'FontAwesome'; content: '\f095'; font-family: 'Material-Design-Iconic-Font'; content: '\f2b6'; font-size: 1.7em; line-height: 1.42857143; vertical-align: middle; position: absolute; bottom: 11px; left: 30px; -webkit-transition: color 0.2s linear 0s; transition: color 0.2s linear 0s; } #insurance-pages-life-calculator .input-wrapper:hover .btn-callyou, #insurance-pages-life-calculator .input-wrapper:hover::before{ color: #d10026; } #insurance-pages-life-calculator .coverages-container ul.nav{ display: flex; margin: 25px 0; } #insurance-pages-life-calculator .coverages-container .nav > li{ background-color:#999; margin-right: 5px; } #insurance-pages-life-calculator .coverages-container .nav > li a{ color:white; } #insurance-pages-life-calculator .coverages-container .nav > li:not(.active) > a:hover{ background-color: #aaa; } #insurance-pages-life-calculator .coverages-container .tab-content ul{ list-style-type:none; -webkit-padding-start: 15px; } #insurance-pages-life-calculator .coverages-container .tab-content ul li:before { content: '-'; position: absolute; margin-left: -15px; } #insurance-pages-life-calculator .info p{ margin: 15px 0 17px; } #insurance-pages-life-calculator #scroll-totop-first{ margin-bottom:10px; clear: both; display: block; text-align: center; opacity: 0.5; color: #113f92; } #insurance-pages-life-calculator #scroll-totop-first:hover{ opacity: .7; } #insurance-pages-life-calculator #scroll-totop-first .fa{ position: relative; bottom: -30px; text-align: right; display: inherit; font-size: 50px; } #insurance-pages-life-calculator .covers-select-movil{display:none;} #insurance-pages-life-calculator .only-tablet{display:none;} #insurance-pages-life-calculator .only-mobile{display:none;} [id$="-insurance"] #office-information { margin-top: 40px; } #insurance-pages-life-calculator .logo div{ display: flex; justify-content: start; } #insurance-pages-life-calculator .insurance-content img{ margin-left:-15px; width:initial; max-height:90px; } #insurance-pages-life-calculator .insurance-content img.mapfre-logo{ width: auto; height: 25px; margin: auto 0; } @media (max-width: 1199px) { #insurance-pages-life-calculator .life-calculator{ background-image: url('/assets/images/banner/insurances/banner-seguro-vida-movil.png'); background-size: contain; } } @media (min-width: 768px) and (max-width: 991px) { #insurance-pages-life-calculator .life-calculator{ background-image: url('/assets/images/banner/insurances/banner-seguro-vida-movil.png'); padding: 15px 15px 25px 15px; } #insurance-pages-life-calculator #rangevalue { padding: 0 15px; } #insurance-pages-life-calculator .call-assistant.only-tablet{ margin:15px 0; } #insurance-pages-life-calculator .insurance-content .col-sm-12{width:50%;} #insurance-pages-life-calculator .insurance-content .clear-tablet{clear:left;} #insurance-pages-life-calculator .coverages-container ul.nav li{ width:25%; display: flex; align-items:center; text-align:center; } #insurance-pages-life-calculator .coverages-container ul > li.active{ background:#113f96; } #insurance-pages-life-calculator .tablet-disappear{display:none;} #insurance-pages-life-calculator .only-tablet{display:block;} } @media (max-width: 767px){ #insurance-pages-life-calculator .life-calculator{ background: white; padding:0; font-size: 15px; } #insurance-pages-life-calculator .life-calculator > .container{ padding:0; } #insurance-pages-life-calculator .life-calculator > .container:before{ background-image: url('/assets/images/banner/insurances/banner-seguro-vida-tablet.png'); background-color: #DADADA; background-size: contain; width: 100%; height: 158px; background-position-x: center; background-position-y: bottom; background-repeat: no-repeat; } #insurance-pages-life-calculator .life-calculator > .container > *{ padding: 0 10px; } #insurance-pages-life-calculator h3{ font-size:23px; margin: 15px 0; } #insurance-pages-life-calculator #slider{ outline: 2px solid #F3F3F3; } #insurance-pages-life-calculator #rangevalue{ padding:0; border: 2px solid #f3f3f3; -moz-appearance:textfield; } #insurance-pages-life-calculator #rangevalue::-webkit-inner-spin-button{ -webkit-appearance: none; } #insurance-pages-life-calculator span.ages{ left:-20px; } #insurance-pages-life-calculator span.ages:first-child { left: 20px; } #insurance-pages-life-calculator .covers-info{ flex-direction:column; } #insurance-pages-life-calculator .covers-info a, #insurance-pages-life-calculator .covers-info p{ margin:0; } #insurance-pages-life-calculator .covers-btns{ flex-direction: column; } #insurance-pages-life-calculator .covers-btns .colu{ margin-left:0 !important; } #insurance-pages-life-calculator .covers-btns label{ margin-top: 10px; } #insurance-pages-life-calculator .covers > p{ margin: 25px 0 15px; } #insurance-pages-life-calculator .btns-and-result{ flex-direction: column; margin-bottom:30px; } #insurance-pages-life-calculator .eur-per-month{ display:flex; justify-content: space-evenly; } #insurance-pages-life-calculator .eur-per-month input[type='radio'] + label { width: 102px; padding: 10px 10px 0 15px; } #insurance-pages-life-calculator .eur-per-month input[type='radio'] + label:last-child{ padding: 10px 0 0 ; } #insurance-pages-life-calculator .eur-per-month input[type='radio'] + label:last-child > span{ padding: 10px; } #insurance-pages-life-calculator .eur-per-month input[type='radio'] + label:last-child .number{ letter-spacing: -3px; } #insurance-pages-life-calculator .number { font-size: 60px; line-height: 60px; font-weight: 500; } #insurance-pages-life-calculator .eur-per-month input[type='radio'] + label:hover{ transform: initial; } #insurance-pages-life-calculator .eur-month span { font-size: 43px; line-height: 35px; } #insurance-pages-life-calculator .eur-month span:after { font-size: 20px; } #insurance-pages-life-calculator .result { background-color: #F3F3F3; margin: 30px 0 0; padding:10px; } #insurance-pages-life-calculator .result h3{ margin: 5px; font-size:19px; } #insurance-pages-life-calculator .asesoria{ flex-direction:column; } #insurance-pages-life-calculator .call-assistant{ line-height:22px; } #insurance-pages-life-calculator .btn-asesor{ margin: 5px auto 15px; } #insurance-pages-life-calculator a.btn-asesor{ display: inline; padding: 12px 30px; font-size:18px; } #insurance-pages-life-calculator .call-assistant > * { margin:0; } #insurance-pages-life-calculator .title-callyou{ margin-bottom:0; } #insurance-pages-life-calculator .coverages-container{ margin-top:30px; } #insurance-pages-life-calculator .insurance-content .row:first-child{display:none;} #insurance-pages-life-calculator hr{ margin: 20px 0 10px 0; } #insurance-pages-life-calculator ul.nav-pills{display:none !important;} #insurance-pages-life-calculator .covers-select-movil{ display: block; padding: 10px; background: white; width: 100%; margin: 15px 0 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #insurance-pages-life-calculator .select-wrap{position:relative;} #insurance-pages-life-calculator .down-arrow{ display: inline-block; position: absolute; right: 15px; bottom: 14px; transform: scale(1.9,1); color: black; font-size: 11px; pointer-events: none; } #insurance-pages-life-calculator #scroll-totop-first .fa{ font-size:40px; } #insurance-pages-life-calculator .hide-mobile{display:none;} #insurance-pages-life-calculator .only-mobile{display:block;} } @media (max-width: 450px){ #insurance-pages-life-calculator input[type='range'] { width: 200px; } #insurance-pages-life-calculator .range-slider::after{ left: 5px; } } @font-face { font-family: Eufoniem; src: url(/assets/fonts/Eufoniem_One.ttf); } .sorpresa_img { display: unset; width: 100%; } .sorpresa_img--envios { display: unset; border-top: 1px solid #113f96; padding-top: 60px; width: 100%; } @media (min-width: 801px) { .sorpresa_img { width: 1170px; } .sorpresa_img--envios { width: 1170px; } } .sorpresa_banner { margin-top: 0; text-align: center; margin-bottom: 40px; } .sorpresa__description { color: #113f96; font-size: 32px; text-align: center; font-weight: 500; margin-bottom: 20px; } .sorpresa_textEasy { font-family: "Eufoniem", "Roboto"; color: #113f96; font-size: 52px; text-align: center; font-weight: 500; margin-bottom: 20px; } .sorpresa-button-box { text-align: center; padding-bottom: 60px; } .sorpresa-button-box-2 { text-align: right !important; padding-bottom: 60px; } .sorpresa-button-box-3 { text-align: right !important; } .sorpresa_btn--red { width: 200px; background-color: #d10026; color: #fff; border: 1px solid transparent; border-radius: 5px; padding: 8px 82px; text-align: center; font-size: 17px; } .sorpresa_btn--red:hover { background-color: #fff; color: #d10026; border-color: #d10026; } .sorpresa_btn--red:focus { background-color: #fff; color: #d10026; border-color: #d10026; } .sorpresa_btn--blue { width: 200px; background-color: #113f96; color: #fff; border: 1px solid transparent; border-radius: 5px; padding: 8px 82px; text-align: center; font-size: 17px; } .sorpresa_btn--blue:hover { background-color: #fff; color: #113f96; border-color: #113f96; } .sorpresa_btn--blue:focus { background-color: #fff; color: #113f96; border-color: #113f96; } .sorpresa_btn--blue-2 { width: 200px; background-color: #113f96; color: #fff; border: 1px solid transparent; border-radius: 5px; padding: 8px 45px; text-align: center; font-size: 17px; } .sorpresa_btn--blue-2:hover { background-color: #fff; color: #113f96; border-color: #113f96; } .sorpresa_btn--blue-2:focus { background-color: #fff; color: #113f96; border-color: #113f96; } .sorpresa_envios { text-align: center; margin-bottom: 40px; } #categories { padding-bottom: 20px; } #categories .container { border-top: 1px solid #113f96; padding-top: 60px; padding-left: 0; padding-right: 0; } #categories .wrapper { background-color: #00cadcdc; border-radius: 16px; padding: 30px 20px 0; } #categories h2 { color: #333333; padding-bottom: 12px; } .card-category { padding: 0 !important; text-align: center; } .card-category .card-body { background-color: white; height: 150px; width: 150px !important; border-radius: 50%; margin: 0 auto; } .card-category .card-body img { margin: 0 auto; max-width: 130px; padding-top: 10px; } .card-category-title p { font-size: 17px; font-weight: 400; margin-top: 15px; color: #333333; text-align: center; padding-bottom: 15px; } @media only screen and (min-device-width: 320px) and (max-device-width: 767px) { .card-category .card-body { height: 120px; width: 120px !important; margin: none; } .card-category-title p { font-size: 14px; } .card-category .card-body img { max-width: 95px; } .sorpresa-button-box-2 { text-align: center !important; } .sorpresa-button-box-3 { text-align: center !important; } }