/********************Reset***************** -webkit-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;*/ @import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i'); * { margin:0; padding:0; } html{ margin:0 !important} /*body::-webkit-scrollbar { background: #fff; width: 6px; } body::-webkit-scrollbar-thumb { background: #1d8cc2; }*/ ::-webkit-scrollbar { width: 14px; height: 18px; } ::-webkit-scrollbar-thumb { height: 6px; border: 4px solid rgba(0, 0, 0, 0); background-clip: padding-box; background-color: #1d8cc2; -webkit-border-radius: 7px; } ::-webkit-scrollbar-button { width: 0; height: 0; display: none; } ::-webkit-scrollbar-corner { background-color: transparent; } body { font-family: 'Nunito', sans-serif !important;margin:0; padding:0 !important; color:#989898 !important; position:relative; font-size:18px!important; width:100%;} h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif!important;color:#1d8cc2 !important;} h1 { font-size:35px; color: #1d8cc2 !important} h2 { font-size:25px; color: #1d8cc2 !important} h3 { font-size:20px; color: #1d8cc2 !important} h4 { font-size:16px; } input:focus, select:focus, textarea:focus { outline:none } input, input[type="text"], input[type="file"] { background: none; border: none;color:#404040 } nav ul{ margin:0 !important; padding:0 !important} ul, li{ list-style: none} a {text-decoration:none!important; color:#989898!important; font-size:16px;/*-webkit-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;*/ } a:hover { text-decoration:none!important; } a img { border:none; -webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -moz-transition: all 800ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} a:hover img{-webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} img{ } p{margin: 0;} .clear { clear:both; } .text { } .flip { cursor:pointer } .no_padding{ padding:0!important} .no_gutter > [class*='col-'] { padding-right:0; padding-left:0;} .col-centered{ float: none;margin: 0 auto;} .display_table{display: table; width: 100%; height: 100%} .display_table_cell{ display: table-cell; width: 100%; height: 100%; vertical-align: middle} .content_info{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .shared{ text-align: center;} .shared h5{ text-transform: uppercase; font-weight: bold!important; color: #1d8cc2!important} .shared li{ display: inline-block} .shared li a{ display: block; margin: 0 2px} .shared li a i{font-size: 13px; } /********************fin Reset******************/ /******************************* HEADER *******************************/ #content_header{background: #fff; width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; padding: 0px 7.8%;transition: all 400ms ease-out;} /*#content_header.animar_header{background: #fff; width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; padding: 0px 7.8%;transition: all 400ms ease-out;}*/ #logo{ width: 200px; float: left} #header_top,#access{ float: right; text-align: right} #logo,#header_top{ margin-top: 15px} .item_top{ display: inline-block; vertical-align: middle; margin-left: 45px} .item_top i,.item_top span{ color: #B3B3B3!important; vertical-align: middle; display: inline-block; font-size: 15px} .item_mail i,.item_tel i{ font-size: 15px; margin-right: 5px} #access{ text-align: right; margin-bottom: -10px; transform: translateY(-20px)} #access li{ display: inline-block; margin-left: 30px} #access li a{ display: block; font-weight: 600; color: #989898!important; font-size: 15px; text-transform: uppercase} #access li a:hover,#access li a:focus{color:#FE6500!important;} #content_header #hamburger{background: none; outline: 0;width: 45px; height: 45px; border: 2px solid #4055A0; padding: 5px; position: absolute; top: 10px; right: 10px; display: none} #content_header #hamburger:focus{background: none} #content_header #hamburger:hover{ background: #4055A0!important} #content_header #hamburger:hover .icon-bar{ background: #fff} #content_header #hamburger .icon-bar{ display: block;height: 3px; background: #4055A0; border-radius: 1px 3px 1px 3px; width: 100%; } #content_header #hamburger .icon-bar{ margin-bottom: 3px} .section_interna{margin: 12% 0 0;} .banner_interna{margin-bottom: 45px;position: relative;overflow: hidden;} .banner_interna .content_info h1{margin: 0;margin-left: 10%;color: #fff !important;} @media only screen and (max-width: 995px){ .container{width: 100%!important; padding: 0!important} #content_header.animar_header{ padding: 0 0%} } @media only screen and (max-width: 830px){ #access li{ display: inline-block; margin-left: 10px} } @media only screen and (max-width: 780px){ #content_header{ background: #fff; position: fixed; width:100%;top: 0; left: 0; padding: 5px 0px 10px 0!important; z-index: 99999} #logo{ width: 130px; margin-left: 15px;} .container{ padding: 0!important} } @media only screen and (max-width: 580px){ } .btn_eficiencia{padding: 5px 25px; background: #1d8cc2; color: #fff!important; display: table; margin: 0 auto;/*float: right*/-webkit-box-shadow: 5px 5px 10px 0px rgba(168,198,207,1); -moz-box-shadow: 5px 5px 10px 0px rgba(168,198,207,1); box-shadow: 5px 5px 10px 0px rgba(168,198,207,1);font-size: 18px;transition: all 300ms ease-out;} .btn_eficiencia:hover{ background: #fff; color: #ff5000!important;transition: all 300ms ease-out;} #slider{} #slider .carousel-control.flechas{background: none!important;} #slider .carousel_caption{ position: absolute;width: 100%; height: 100%; top: 0; left: 0; right: inherit} #slider .carousel_caption .entry_content{ width: 40%; } #slider .carousel_caption .entry_content h3{ color: #1d8cc2!important; font-size: 35px !important; font-weight: bold; line-height: 1em} #slider .carousel_caption .entry_content p{ color: #1d8cc2!important; font-size: 20px !important;line-height: 1em} #slider .entry_left{ text-align: left;margin: 0 0 0 15%} #slider .entry_right{ text-align: right;margin: 0 015% 0 0% } @media only screen and (max-width: 780px){ /*#slider .display_table_cell{ vertical-align: bottom}*/ /*#slider .btn_eficiencia{ margin: 0 auto; display: table; float: inherit; font-size: 22px!important; padding: 3px 20px}*/ } @media only screen and (max-width: 580px){ #slider_nosotros {height: 556px !important;padding: 5% 0;} #slider_seguros {height: 556px !important;padding: 5% 0;} } .section_home{ overflow: hidden} /*.header_section{ margin:30px 0 50px 0}*/ .header_section h3,.header_section h4,.header_section h5,.header_section h6{ text-align:right; color: #666 !important;font-family: 'Nunito', sans-serif !important;} .header_section h3{ font-size:20px; } .header_section h4{ font-size:19px} .header_section h5{ font-size:18px} .header_section h6{ font-size:16px} .header_section span{ position:relative;} .header_section span:after{ content: ''; display: inline-block; width: 30px; height: 1px; background: #ccc; margin-left: 15px } @media only screen and (max-width: 580px){ .section_home{ padding: 5px 0px} .header_section{margin:25px auto} .header_section h3{ font-size: 20px} .header_section h4{ font-size:22px} .header_section h5{ font-size:20px} .header_section h6{ font-size:16px} } #slider img{width: 100%} /*********SECTIONS GRAL************/ .banner_section{ height: 380px; overflow: hidden;} .banner_section .display_table_cell{ vertical-align: bottom} .banner_section .header_section{ margin: 0 auto} .banner_section .header_section h1,.banner_section .header_section h3{ font-size: 120px; color: #fff!important; font-weight: bold; margin-bottom: -30px!important; letter-spacing:4.3px;text-shadow: 2px 3px 4px rgba(0,0,0,0.7)} /************SERVICIOS*******************/ #servicos{} .servicio_modal .entry_content::-webkit-scrollbar-track{background-color: #fff; margin-top: 45px; margin-right: 5px} .servicio_modal .entry_content::-webkit-scrollbar{width: 8px;background: transparent!important;} .servicio_modal .entry_content::-webkit-scrollbar-thumb{ border-radius: 0px;background-color: #ccc; height: auto} #menu_servicios{ margin: 0; padding: 0} #menu_servicios li{padding: 52px 5%; cursor: pointer;transition: all 400ms ease-out;} #menu_servicios li h3{ text-transform: uppercase; font-size: 20px;color: #1d8cc2 !important;} #menu_servicios li i,#menu_servios li h3 span{ display: inline-block; vertical-align: middle} #menu_servicios li i{ width: 80px; position: relative; top: 10px;} #menu_servicios li p{ font-size:14px} #menu_servicios li.active{background: rgba(256,78,0,1);transition: all 400ms ease-out; } #menu_servicios li.active i{filter: brightness(0) invert(1);} #menu_servicios li:hover{background: rgba(256,78,0,.85); transition: all 400ms ease-out; } #menu_servicios li:hover i{filter: brightness(0) invert(1);} #menu_servicios li.active h3,#menu_servicios li:hover h3,#menu_servicios li.active p,#menu_servicios li:hover p{ color: #fff!important} #servicios .carousel_caption{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(256,78,0,.9)} #servicios .carousel_caption .entry_content{ padding: 10%} #servicios .carousel_caption .entry_content .title_modal{ color: #fff!important; font-size: 28px; font-weight: 400; text-transform: uppercase} #servicios .carousel_caption .entry_content p{ color:#fff!important;font-style: normal; font-size:18px;} #servicios .carousel_caption .entry_content li{ color:#fff!important;font-style: normal; font-size:15px; margin-bottom: 3px; position: relative} #servicios .carousel_caption .entry_content li:before{content: ''; background: #fff; display: inline-block; width: 7px;height: 7px; vertical-align: middle; border-radius: 15px; position: absolute; top: 7px; left: -15px} #servicios .carousel_caption .entry_content b,#servicios .carousel_caption .entry_content strong{color: #fff!important} #servicios .carousel_caption .entry_content ul{ margin: 0} .entry_consultoria ul,.entry_sector-de-la-economia ul{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;-webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;} /*servicios mobile*/ #accordion_servicios .panel-body{border: 1px solid #ccc;} #accordion_servicios a{color: #1d8cc2!important} #accordion_servicios ul{margin: 0;} #accordion_servicios {font-size: 14px;margin-bottom: 0px;color: #4d4d4d!important;} #accordion_servicios ul li{list-style-type: disc;margin-left: 15px;} #logo_servicios{width: 30%;display: block;margin: 0 auto;} /*.servicios_mb .panel-title a{border: 0;}*/ /*.menu_servicios_mb{ display: none}*/ @media only screen and (max-width: 1199px){ #menu_servicios li{ padding: 21px 5%} /*#servicios .header_section{ margin-bottom: 20px}*/ #menu_servicios li h3{ margin-top: 10px; font-size: 20px} #menu_servicios li h3 i{ width: 30px} #content_metod{height: 210px !important;} } @media only screen and (max-width: 880px){ #menu_servicios li {padding: 13px 1%;} #servicios .carousel_caption .entry_content { padding: 4%;} } /*@media only screen and (max-width: 850px){#menu_servicios li{ padding: 56px 5%}}*/ @media only screen and (max-width: 830px){ /*#servicios .header_section{ margin-bottom: 20px}*/ #menu_servicios li h3{ margin-top: 10px; font-size: 15px} #menu_servicios li h3 i{ width: 30px} .servicio_modal .entry_content{margin: 0 5%; height: 80%} .title_modal{ margin-left: 5%; font-size: 30px} #content_metod{height: 200px !important;} /*#menu_servicios li{ padding: 39px 5%}*/ .menu_servicios_pc{margin-bottom: 40px;} } @media only screen and (max-width: 780px){ /*#servicios .header_section{ margin-bottom: 0px}*/ #menu_servicios li {padding: 3px 0%;} #servicios .carousel_caption .entry_content { padding: 4%;} } @media only screen and (max-width: 580px){ /*.menu_servicios_mb{ display:block; padding: 0; margin: 0}*/ /*.menu_servicios_pc{display: none;}*/ /*#menu_servicios li {text-align: center}*/ #menu_servicios li i{width: 70px;} #menu_servicios li h3{ margin-top: 10px; font-size: 16px} #menu_servicios li h3 i{ width: 25px} /*#menu_servicios li p{ display: none}*/ #servicios .carousel_caption .entry_content{ padding: 10%} #servicios .carousel_caption .entry_content .title_modal{ font-size: 20px; } #servicios .carousel_caption .entry_content p{ color:#fff!important;font-style: normal; font-size:12px!important; margin-bottom: 10px!important} #servicios .carousel_caption .entry_content ul{ margin: 10px 0px!important} #servicios .carousel_caption .entry_content li{ color:#fff!important;font-style: normal; font-size:12px!important; margin-bottom: 3px; position: relative} } /*************** METODOLOGIA ************/ #metodologia{} #metodologia .header_section{ } #metodologia .header_section h3{ text-align: left;} #metodologia .header_section span:after{ display: none} #metodologia .header_section span:before{ content: ''; display: inline-block; width: 30px; height: 1px; background: #ccc; margin-right: 15px } #content_metod{ height: 250px; position: relative} #content_metod .carousel-inner, #content_metod .item{ height: 100%} #content_metod .carousel_caption{ position: absolute; width: 100%; height: 100%; top: 0; left: 0} #content_metod .carousel_caption .entry_content{ padding: 0px 10%} #content_metod .carousel_caption .entry_content p{ color: #666!important} #menu_metod{ margin: 0} #menu_metod .owl_page{transition: all 400ms ease-out; cursor: pointer; position: relative; overflow: hidden} #menu_metod .owl_page.active h3{ background: rgba(0,98,154,.8);transition: all 400ms ease-out;} #menu_metod .owl_page_0.active h3,#menu_metod .owl_page_0:hover h3{ background: rgba(0,98,154,0.1);transition: all 400ms ease-out;} #menu_metod .owl_page_1.active h3,#menu_metod .owl_page_1:hover h3{ background: rgba(36,36,84,0.1);transition: all 400ms ease-out;} #menu_metod .owl_page_2.active h3,#menu_metod .owl_page_2:hover h3{ background: rgba(114,185,0,0.1);transition: all 400ms ease-out;} #menu_metod .owl_page_3.active h3,#menu_metod .owl_page_3:hover h3{ background: rgba(158,0,93,0.1);transition: all 400ms ease-out;} #menu_metod .owl_page_4.active h3,#menu_metod .owl_page_4:hover h3{ background: rgba(0,95,29,0.1);transition: all 400ms ease-out;} #menu_metod .owl_page_5.active h3,#menu_metod .owl_page_5:hover h3{ background: rgba(255,78,0,0.1);transition: all 400ms ease-out;} #menu_metod li h3{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; text-align: center; margin: 0; color: #1d8cc2!important; font-weight: normal;} #menu_metod li h3 span { padding: 0px 15%; display: block;} #menu_metod .display_table_cell{ vertical-align: bottom} /*mobile*/ .metodologia_mb #menu_metod #display_mobile.display_table_cell{ vertical-align: middle;transition: all 400ms ease-out;} .metodologia_mb #menu_metod #display_mobile {padding: 0 10px;} .metodologia_mb #menu_metod li h3 span{ padding: 0 10px; font-size: 12px;} .metodologia_mb #menu_metod li:hover h3 span{opacity: 0;transition: all 400ms ease-out;} .metodologia_mb #menu_metod #img_metodod{opacity: 1;transition: all 400ms ease-out;} .metodologia_mb #menu_metod li:hover #img_metod{opacity: 0;transition: all 200ms ease-out;} .metodologia_mb #menu_metod #display_mobile .entry_content p{opacity: 0;transition: all 400ms ease-out;font-size: 10px !important;} .metodologia_mb #menu_metod li:hover #display_mobile .entry_content p{opacity: 1;transition: all 400ms ease-out;} .metodologia_mb #menu_metod li #display_mobile .dar-click{font-size: 18px;} /*#menu_metod li #display_mobile p{transform: scale(0);transition: all 400ms ease-out;} #menu_metod li:hover #display_mobile p{ transform: scale(0.60);transition: all 400ms ease-out;} #menu_metod li:hover #img_metod{transform: scale(0);transition: all 400ms ease-out;} #menu_metod #img_metod{transform: scale(0.8);transition: all 400ms ease-out;} #menu_metod li h3 span{transform: scale(1);transition: all 400ms ease-out;} #menu_metod li:hover h3 span{transform: scale(0);transition: all 400ms ease-out;}*/ @media only screen and (max-width: 1000px){ #content_metod .carousel_caption{ position: relative; padding: 40px 0} /*#content_metod{ height: auto; position: relative}*/ /*#menu_metod li h3 span{ padding: 0 10px; font-size: 16px;}*/ } @media only screen and (max-width: 580px){ /*#menu_metod li h3 span span span{ display: none}*/ } /********** Titulo seguros - nosotros **********/ .content_title{position: relative;} .content_title .header_section h3{position: absolute;right: 0} /*************** NOSOTROS ************/ #slider_nosotros{ background: #3dba00; height: 456px} #slider_nosotros .carousel-inner, #slider_nosotros .item{ height: 100%} #slider_nosotros .carrousel_caption{ position: absolute;width: 100%; height: 100%; top: 0; left: 0; right: inherit} #slider_nosotros .carrousel_caption .entry_content{ padding: 0 10%} #slider_nosotros .carrousel_caption .entry_content h4{ color: #fff!important;letter-spacing: 3px; font-size: 30px; font-weight: normal; margin-bottom: 10px!important} #slider_nosotros .carrousel_caption .entry_content p,#slider_nosotros .carrousel_caption .entry_content ul li,#slider_nosotros .carrousel_caption .entry_content p strong,#slider_nosotros .carrousel_caption .entry_content p b{ color: #fff!important; font-style: normal} #slider_nosotros .carrousel_caption .entry_content ul { margin: 0!important;} #slider_nosotros .carrousel_caption .entry_content ul li{ position: relative; margin-bottom: 5px} #slider_nosotros .carrousel_caption .entry_content ul li:before{content: ''; background: #fff; display: inline-block; width: 7px;height: 7px; vertical-align: middle; border-radius: 15px; position: absolute; top: 7px; left: -15px} #slider_nosotros .carousel_indicators{ text-align: center; display: table; width: 40%; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 20px} #slider_nosotros .carousel_indicators li{ width: 10px; height: 10px; background: none; display: inline-block; margin: 0 2.5px; border-radius: 10px; border: 1px solid #fff; cursor: pointer} #slider_nosotros .carousel_indicators li.active{ background: #fff} #slider_nosotros .carousel_control{ position: absolute; width: 30px; height: 30px; bottom: 10px; color: #fff!important;margin: 0 10%;} #slider_nosotros .left{ left:0;} #slider_nosotros .right{ right: 0} /*************** SEGUROS HOME ************/ #slider_seguros{ background: #0081c5; height: 456px;} #slider_seguros .carousel-inner, #slider_seguros .item{ height: 100%} #slider_seguros .carrousel_caption{ position: absolute;width: 100%; height: 100%; top: 0; left: 0; right: inherit} #slider_seguros .carrousel_caption .entry_content{ padding: 0 10%;margin-bottom: 25px;} #slider_seguros .carrousel_caption .entry_content h4{ color: #fff!important;letter-spacing: 3px; font-size: 30px; font-weight: normal; margin-bottom: 10px!important} #slider_seguros .carrousel_caption .entry_content p,#slider_seguros .carrousel_caption .entry_content ul li,#slider_seguros .carrousel_caption .entry_content p strong,#slider_seguros .carrousel_caption .entry_content p b{ color: #fff!important; font-style: normal} #slider_seguros .carrousel_caption .entry_content ul { margin: 0!important;} #slider_seguros .carrousel_caption .entry_content ul li{ position: relative; margin-bottom: 5px} #slider_seguros .carrousel_caption .entry_content ul li:before{content: ''; background: #fff; display: inline-block; width: 7px;height: 7px; vertical-align: middle; border-radius: 15px; position: absolute; top: 7px; left: -15px} #slider_seguros .carousel_indicators{ text-align: center; display: table; width: 40%; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 20px} #slider_seguros .carousel_indicators li{ width: 10px; height: 10px; background: none; display: inline-block; margin: 0 2.5px; border-radius: 10px; border: 1px solid #fff; cursor: pointer} #slider_seguros .carousel_indicators li.active{ background: #fff} #slider_seguros .carousel_control{ position: absolute; width: 30px; height: 30px; bottom: 10px; color: #fff!important;margin: 0 10%;} #slider_seguros .left{ left:0;} #slider_seguros .right{ right: 0} #slider_seguros .btn_eficiencia{background: #fff;color: #1d8cc2 !important;border-radius: 5px;box-shadow: none;font-weight: bold;} #slider_seguros .btn_eficiencia:hover{color: #ff5000 !important;} @media only screen and (max-width: 580px){ #slider_nosotros .carrousel_caption .entry_content h4{font-size: 25px;} #slider_seguros .carrousel_caption .entry_content h4{font-size: 25px;} /*#slider_nosotros .carrousel_caption .entry_content{ padding: 0 15px} #slider_seguros .carrousel_caption .entry_content{ padding: 0 15px}*/ } /******************************/ /************TESTIMONIOS*************/ #testimonios{position: relative;} #testimonios .entry_content{padding: 10% 0px;} #testimonios .entry_content{text-align: center;width: 50%;} #testimonios .entry_content h3 {color: #1d8cc2!important;font-size: 35px !important;font-weight: bold;line-height: 1em;} #testimonios .entry_content p {color: #1d8cc2!important;font-size: 20px !important;line-height: 1em;display: inline-block;} #testimonios .entry_content a{color: #1d8cc2!important;} #testimonios .entry_content .ver-video{background: #5c6581;padding: 0px 7px;border-radius: 30px;color: #fff;font-size: 20px;} /*#testimonios .header_section{ margin-bottom: 20%} #testimonios .entry_summary{ padding: 10px 3% 10px 10%} #testimonios .entry_summary p{ font-size: 16px} #testimonios iframe{ padding: 0; margin: 0 auto; width: 100%}*/ /************GARANTIAS*************/ #garantias{ background: #E6E6E6; padding: 10px 0 30px 0} #garantias .header_section{ margin-bottom: 0; text-align: left} #garantias .header_section h3{ text-align: left} #garantias .header_section span:after{ display: none} #garantias .header_section span:before{ content: ''; display: inline-block; width: 30px; height: 1px; background: #ccc; margin-right: 15px } .item_garantia{ position: relative; text-align: center} .item_garantia img{ display: block; margin: 0 auto} .item_garantia h4{ font-size: 20px!important; text-transform: uppercase;color: #1d8cc2 !important;} .item_garantia .entry_summary{ padding: 5%; text-align: left!important; } .item_garantia .entry_summary ul li,.item_garantia .entry_summary p{ color: #989898 !important; font-size: 15px!important} .item_garantia .entry_summary ul li{ position: relative; margin-bottom: 3px} .item_garantia .entry_summary ul li:before{content: ''; background: #1d8cc2; display: inline-block; width: 7px;height: 7px; vertical-align: middle; border-radius: 15px; position: absolute; top: 7px; left: -15px} /*************** ALIADOS ************/ #aliados{} #aliados .header_section{ } #aliados .header_section h3{ text-align: left} #aliados .header_section span:after{ display: none} #aliados .header_section span:before{ content: ''; display: inline-block; width: 30px; height: 1px; background: #ccc; margin-right: 15px } #list_aliados li figure{ margin: 35px 0} #aliados_corousel{ overflow: hidden;} #clientes{ overflow: hidden; margin-bottom: 45px} #clientes_corousel .owl-pagination{ display: block; text-align: center; margin-top: 35px} #clientes_corousel .owl-pagination .owl-page{ background: #1d8cc2;width: 10px; height: 10px; display: inline-block; margin: 0 1.5px; cursor: pointer} #clientes_corousel .owl-pagination .owl-page.active{ background: #4d4d4d;} @media only screen and (max-width: 768px){ #aliados{ margin: 55px 0} } /************MAPAS*****************/ #mapas{ position: relative} #mapas ul{ text-align: center; margin: 0 auto; position: absolute; left: 0; right: 0; top: 0; z-index: 900} #mapas ul li{ display: inline-block; margin: 0 -2px;} #mapas ul li.active a,#mapas ul li:hover a{ background: #FE6500;} #mapas ul li a{ display: block; padding: 10px 20px;text-transform: uppercase; text-align: center; background: rgba(0,0,0,.66); color: #fff!important; position: relative;} #mapas ul li a:before{ content: '\f041'; display: inline-block; font-family:'FontAwesome'; margin-right: 10px; font-size: 16px } #mapas .tab-content{} #mapas .tab-content iframe{ border: none; margin: 0;pointer-events: none;} @media only screen and (max-width: 580px){ #mapas{ } #content_form .container-fluid{ padding: 0} } /*********** Archive Seguros ****************/ #archive_seguros .items_seguros{margin: 0 0 50px;background: #eaeaea;transition: all 400ms ease-out;padding: 2% 3%;position: relative;} #archive_seguros .items_seguros:hover{background: #79d7f3;color:#fff; transition: all 400ms ease-out;} #archive_seguros .items_seguros .entry_content h4{font-size: 30px;text-align: center;font-weight: 400;transition: all 400ms ease-out;} #archive_seguros .items_seguros:hover .entry_content h4{color: #fff !important;transition: all 400ms ease-out;} #archive_seguros .items_seguros #flecha_seguro{color: #1d8cc2;transition: all 400ms ease-out;position: relative;padding-top: 30px;} #archive_seguros .items_seguros:hover #flecha_seguro{color: #fff;transition: all 400ms ease-out;} #archive_seguros .items_seguros:hover .btn_eficiencia{background: #fff;color: #666 !important;transition: all 400ms ease-out;} /*********** Interna Seguros ****************/ #single_seguros .header_section h2{text-align: center;} /***********CONTACTENOS****************/ #contacto{background: #1d8cc2; padding-bottom: 35px} #contacto .header_section h3{ text-align: left; color: #fff!important} #contacto .header_section span:after{ display: none} #contacto .header_section span:before{ content: ''; display: inline-block; width: 30px; height: 1px; background: #ccc; margin-right: 15px } .sede_item{ margin-bottom: 55px} .sede_item:last-child{ margin-bottom: 0!important} #datos_sedes{ margin-left: 10%} #datos_sedes h4{ color: #fff!important; text-transform: uppercase; font-weight: bold; font-size: 20px;letter-spacing: 2px;} #datos_sedes ul{ margin: 0} #datos_sedes ul h6{color: #fff!important; font-size: 16px} #datos_sedes ul li{ color: #fff!important; font-size: 14px; margin-bottom: 0px; margin-left: 15px} body.page_gracias,html,.page_gracias #page,.page_gracias .container-fluid,#page .carousel-inner,#page .item,#page .fill { height: 100%} body.page_gracias #content_header{ background: #fff; width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; padding: 0px 10%} body.page_gracias #content_footer{ background: #fff; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 9999; padding: 0px 10%} #page_gracias{ width:100%; height: 100%; background-attachment: fixed!important; background-repeat: no-repeat!important; background-position: center center!important; background-size: cover!important} #page .carousel_caption{ position: absolute; top: 0; left: 0; width: 100%; height: 100%} #page .carousel_caption .entry_content{ text-align: center} #page .carousel_caption .entry_content h1{ color: #fff; font-size: 100px; text-transform: uppercase} #page .carousel_caption .entry_content p{ color: #fff; font-size: 55px} #accordion_sedes{ display: none} #accordion_sedes h3{ text-align: center; color: #fff!important; font-weight: 400; text-transform: uppercase} .panel-default,.panel-heading,.panel-default>.panel-heading{ background: none; border:none; border-radius: 0; box-shadow: none} .panel-heading,.panel-default>.panel-heading{ padding: 0} .panel-title{} .panel-title a{ display: block; position: relative; padding: 5px 0;} .panel-title a i{ position: absolute; right: 0} .panel-title a i,.panel-title a span{ font-size: 20px;} .panel-body{ border: 1px solid #fff} #accordion_sedes a{ color: #fff!important} #accordion_sedes h4{ color: #fff!important; text-transform: uppercase; font-weight: normal} #accordion_sedes ul{ margin: 0} #accordion_sedes ul h6{color: #fff!important; font-size: 16px} #accordion_sedes ul li{ color: #fff!important; font-size: 14px; margin-bottom: 0px; margin-left: 15px} @media only screen and (max-width: 767px){ #accordion_sedes{ display: block; padding: 0 20px; margin-top: 45px} } /*******Fotmato********/ .entry_content{ max-width: 1024px; margin: 0 auto} .entry_content table{ border:1px solid rgb(0,0,0)} .entry_content table tr td{ line-height:1em} .entry_content table tr td h2{ text-align:center} .entry_content table tr td h2,.entry_content table tr td h3,.entry_content table tr td h4,.entry_content table tr td h5,.entry_content table tr td h5{ color:#77b8d6 } @media only screen and (max-width: 780px){ .entry_content table tr td h2,.entry_content table tr td h3,.entry_content table tr td h4,.entry_content table tr td h5,.entry_content table tr td h5{ color:#fff !important}} @media only screen and (max-width: 780px){ .entry_content table tr td{ background:rgb(224,23,23); display:block; float:none; width:95%; margin:5px auto; color:#fff} .entry_content table tr td p{ color:#fff !important} } .entry_content h1{ line-height: 1em;font-size: 28px} .entry_content h2,.entry_content h3,.entry_content h4,.entry_content h5,.entry_content h6{ clear: both; font-weight: bold;color:#1d8cc2 !important; margin-bottom:15px !important;line-height: 1em; } .entry_content h2 strong,.entry_content h3 strong,.entry_content h4 strong,.entry_content h5 strong,.entry_content h6 strong{color:#FF4E00 !important} .entry_content h2{font-size: 24px} .entry_content h3{font-size: 20px} .entry_content h4{font-size: 18px } .entry_content h5{ font-size: 16px} .entry_content h6{ font-size: 14px} .entry_content strong,.entry_content b{ color: #FF4E00 !important} .entry_content a,.entry_content a strong,.entry_content a b,.entry_content p a{ color:#FF4E00 ; font-size: 18px;} .entry_content a:hover,.entry_content a:hover strong,.entry_content a:hover b,.entry_content p a:hover{ color:#ff5000 !important; font-size: 18px;} .entry_content p{ line-height:1.33em; font-size:17px !important; margin-bottom: 20px!important } .entry_content ul{ margin-left:70px; margin-top: 35px!important; margin-bottom: 35px; text-align: left} .entry_content ul li{ margin-bottom:15px; position:relative; font-size:15px; font-style: italic;} .entry_content blockquote{ border-radius:15px; border-left: none;border-right: none;border-top: none; border-bottom:#77b8d6 ; text-align:center; box-shadow:0px 3px 5px rgba(6,6,6,0.4); margin:25px auto} .entry_content blockquote p{ color:#424142; font-weight: bold} .entry_content .gallery img{ width: 100%; height: 100%} /***********PAGINAS***************/ /***********paginador***************/ #pagination{ display: table; margin: 25px auto; text-align: center} #pagination li{ display: inline-block; margin: 0 2.5px} #pagination li a,#pagination li span{ font-size: 18px; display: block; min-width: 35px; min-height: 35px; padding: 3px; text-align: center; border: 1px solid #7ab3a0; line-height: 32px} #pagination li a:hover,#pagination li span:hover,#pagination li span.current{ background: #7ab3a0; color: #fff!important; cursor: pointer} /***************BARRA LATERAl*************************/ /*************** CONTACTO ************/ /************FORMATO formularios***************/ #content_form{} #content_form form{} .item_form{ margin-bottom: 10px} .item_form label{ color: #fff; margin-bottom: 0;font-weight: 100;} #content_form form p{ margin:15px !important} #content_form input,#content_form textarea,#content_form select{ background: #fff; font-size:14px; font-weight: bold;border-radius: 0px; padding:5px 0!important; border: 1px solid #fff; width:100%; color:#4055A0 !important; text-transform: uppercase} #content_form input:focus,#content_form textarea:focus{ outline: none; color:#4055A0 !important} #content_form textarea{ max-height:120px !important; height:120px !important} #content_form input.btn-default{ width: auto; border-radius:5px; border:1px solid #fff !important; margin:15px 0; display:table !important; color:#4d4d4d !important; font-weight: 700; float: right; font-size: 17px; padding: 3px 20px!important; border-radius: 0 } #content_form input.btn-default:hover{ background:none !important; color:#fff !important; border: 1px solid #fff!important} #content_form input:focus::-webkit-input-placeholder { color:#4055A0; } #content_form input:focus::-moz-placeholder { color:#4055A0; } /* firefox 19+ */ #content_form input:focus::-ms-input-placeholder { color:#4055A0; } /* ie */ #content_form input:focus::-o-placeholder { color:#4055A0; } #content_form input::-webkit-input-placeholder { color:#4055A0; } #content_form input::-moz-placeholder { color:#4055A0; } /* firefox 19+ */ #content_form input::-ms-input-placeholder { color:#4055A0; } /* ie */ #content_form input::-o-placeholder { color:#4055A0; } #content_form input::-webkit-input-placeholder { color:#4055A0; } #content_form input::-moz-placeholder { color:#4055A0; } /* firefox 19+ */ #content_form input::-ms-input-placeholder { color:#4055A0; } /* ie */ #content_form input::-o-placeholder { color:#4055A0; } #content_form textarea:focus::-webkit-input-placeholder { color:#4055A0; } #content_form textarea:focus::-moz-placeholder { color:#4055A0; } /* firefox 19+ */ #content_form textarea:focus::-ms-input-placeholder { color:#4055A0; } /* ie */ #content_form textarea:focus::-o-placeholder { color:#4055A0; } #content_form textarea::-webkit-input-placeholder { color:#4055A0; } #content_form textarea::-moz-placeholder { color:#4055A0; } /* firefox 19+ */ #content_form textarea::-ms-input-placeholder { color:#4055A0; } /* ie */ #content_form textarea::-o-placeholder { color:#4055A0; } /* formularios vida -salud */ .formulario .info_interna{margin: 0 0 50px;background: #eaeaea;padding: 5% 10%;} .form_eficiencias label{color: #5ccbe9;font-weight: bold;margin-bottom: 10px;font-size: 14px;line-height: 12px;} .form_eficiencias label span{color: #ff2f38;} .form_eficiencias label.title_actividad{margin: 0 auto;display: table;} .form_eficiencias .item_form.title_radio{margin-bottom: 15px;} /*.form_eficiencias label span.text_radio{background: #5ccbe9;color: #fff;font-weight: 500;padding: 0 10px;}*/ .form_eficiencias label i{font-size: 20px;margin-right: 15px;vertical-align: bottom;} .form_eficiencias label p{color: #fff;background: #5ccbe9;font-weight: 500;padding: 20px;font-size: 14px;} .form_eficiencias input,.form_eficiencias textarea,.form_eficiencias select{color: #989898 !important;background: transparent;border-left: 0;border-right: 0;border-top: 0;border-bottom-style: dotted;border-bottom-color: #5ccbe9;border-bottom-width: 5px;display: block;width: 100%;} .form_eficiencias .item_form{ margin-bottom: 40px;} .form_eficiencias .btn_formulario{display: table;background: #ff6400;color: #fff;border: none;outline: 0;font-weight: bold;text-transform: uppercase;font-size: 16px;padding: 15px 40px; -webkit-box-shadow: 5px 5px 10px 0px rgb(0, 0, 0);-moz-box-shadow: 5px 5px 10px 0px rgba(168,198,207,1);box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.4);} .form_eficiencias .msg_contacto{background: #5ccbe9;padding: 5% 10%;color: #fff;margin: 30px 0;display: none;transition: all 400ms ease-out;} .form-error{border-bottom-color: #F46036 !important;transition: all 400ms ease-out;} .form_eficiencias label.error{background: rgba(0, 0, 0, 0.8);color: #fff;font-size: 12px;text-align: center;margin: 5px 0;border-radius: 5px 5px 15px 5px;padding: 5px 10px;} .form_eficiencias select option{background: #ff6400;color:#ffff;outline: 0;} .form_eficiencias input:focus::-webkit-input-placeholder { color:#9898a5; } .form_eficiencias input:focus::-moz-placeholder { color:#9898a5; } /* firefox 19+ */ .form_eficiencias input:focus::-ms-input-placeholder { color:#9898a5; } /* ie */ .form_eficiencias input:focus::-o-placeholder { color:#9898a5; } .form_eficiencias input::-webkit-input-placeholder { color:#9898a5; } .form_eficiencias input::-moz-placeholder { color:#9898a5; } /* firefox 19+ */ .form_eficiencias input::-ms-input-placeholder { color:#9898a5; } /* ie */ .form_eficiencias input::-o-placeholder { color:#9898a5; } .form_eficiencias input::-webkit-input-placeholder { color:#9898a5; } .form_eficiencias input::-moz-placeholder { color:#9898a5; } /* firefox 19+ */ .form_eficiencias input::-ms-input-placeholder { color:#9898a5; } /* ie */ .form_eficiencias input::-o-placeholder { color:#9898a5; } .form_eficiencias textarea:focus::-webkit-input-placeholder { color:#9898a5; } .form_eficiencias textarea:focus::-moz-placeholder { color:#9898a5; } /* firefox 19+ */ .form_eficiencias textarea:focus::-ms-input-placeholder { color:#9898a5; } /* ie */ .form_eficiencias textarea:focus::-o-placeholder { color:#9898a5; } .form_eficiencias textarea::-webkit-input-placeholder { color:#9898a5; } .form_eficiencias textarea::-moz-placeholder { color:#9898a5; } /* firefox 19+ */ .form_eficiencias textarea::-ms-input-placeholder { color:#9898a5; } /* ie */ .form_eficiencias textarea::-o-placeholder { color:#9898a5; } .form_eficiencias .radio-inline{display: inline-block;position: relative;cursor: pointer;user-select: none;padding: 0 10px 0 30px;} .form_eficiencias .radio-inline input{display: none;} .form_eficiencias .radio-inline .circle{display: inline-block;width: 20px;height: 20px;border:1px solid #5ccbe9; position: absolute;left:0;top: 0;border-radius: 50%;} .form_eficiencias .radio-inline input:checked + .circle{background: transparent;} .form_eficiencias .radio-inline input:checked + .circle:after{content: "";width: 10px;height: 10px;background: #5ccbe9;position: absolute;border-radius: 50%;left: 50%;top: 50%;transform: translate(-50%,-50%);} .form_eficiencias .radio-inline.input_radio{float: none;margin: 0 auto;top: 5px;} /*********REDES**SOCIALES****************/ #redes_sociales{ padding: 0!important} #redes_sociales ul {list-style: none;} #redes_sociales li { display: inline-block; vertical-align: middle; margin: 0 5px} #redes_sociales a{ display: block; text-align: center;} #redes_sociales a:before{background:#b3b3b3;font: normal normal normal 16px/1 FontAwesome;content: "\f415"; color: #fff;width: 25px; height: 25px; border-radius: 50px;; display: block; line-height: 25px} #redes_sociales a:hover:before{ background:#FE6500!important;} #redes_sociales a[href*="codepen.io"]:before {content: "\f1cb ";} #redes_sociales a[href*="digg.com"]:before {content: "\f1a6 ";} #redes_sociales a[href*="dribbble.com"]:before {content: "\f17d ";} #redes_sociales a[href*="dropbox.com"]:before { content: "\f16b ";} #redes_sociales a[href*="facebook.com"]:before {content: "\f09a";} #redes_sociales a[href*="flickr.com"]:before {content: "\f16e ";} #redes_sociales a[href*="foursquare.com"]:before {content: "\f180 ";} #redes_sociales a[href*="plus.google.com"]:before { content: "\f0d5";} #redes_sociales a[href*="github.com"]:before {content: "\f09b";} #redes_sociales a[href*="instagram.com"]:before {content: "\f16d ";} #redes_sociales a[href*="linkedin.com"]:before {content: "\f0e1 ";} #redes_sociales a[href*="pinterest.com"]:before {content: "\f231";} #redes_sociales a[href*="getpocket.com"]:before {content: "\f265";} #redes_sociales a[href*="f281 .com"]:before {content: "\f222";} #redes_sociales a[href*="skype.com"]:before {content: "\f17e ";} #redes_sociales a[href*="twitter.com"]:before { content: "\f099 ";} #redes_sociales a[href*="vimeo.com"]:before {content: "\f27d ";} #redes_sociales a[href*="youtube.com"]:before { content: "\f16a ";} /**************FOOTER**************/ #content_footer{ padding-top: 25px!important; padding-bottom: 25px!important} #content_footer .item_footer{line-height: 1em; font-size: 15px;} #content_footer .item_footer img{width: 160px;} #content_footer .item_proteccion{ text-align: left; margin-top: 10px} #content_footer .text_copy{ text-align: center} #content_footer .anchor_text { text-align: right} #content_footer .anchor_texta { display: inline-block; margin-top: 5px} /*pagina no encontrada*/ #content_error{text-align: center;margin-bottom:5%;} /******** media queries ********/ @media only screen and (max-width: 1200px){ #slider .carousel_caption .entry_content{width: 50%;} #testimonios .entry_content{width: 50%;} } @media only screen and (max-width: 900px){ .item_top{ display: none} #content_header #hamburger{ display: block;} #access{ display: none; margin-top:30px; transform: translate(0); text-align: center; width: 100%} #access li{display: block; margin-bottom: 10px; margin-right: 15px} #access li a{ text-transform: uppercase; text-align: right; font-size: 20px; font-weight: bold} #slider .carousel_caption .entry_content.entry_content h3{font-size: 30px !important;} #slider .carousel_caption .entry_content.entry_content p{font-size: 18px !important;} #testimonios .entry_content h3{font-size: 30px !important;} #testimonios .entry_content p{font-size: 18px !important;} #archive_seguros .items_seguros{padding: 6% 3%} } @media only screen and (max-width: 768px){ .entry_content p{font-size: 16px !important; } .btn_eficiencia{font-size: 16px !important;padding: 5px 20px;} #content_footer .item_footer{text-align: center!important; margin-bottom: 5px} #archive_seguros .items_seguros{padding: 10% 3%} .banner_interna .content_info h1{margin: 0;margin-left: 10%;color: #fff !important;font-size: 30px;} } @media only screen and (max-width: 580px){ #slider .carousel_caption .entry_content{width: 65%;} #testimonios .entry_content{width: 65%;} #slider .carousel_caption .entry_content.entry_content h3{font-size: 20px !important;} #slider .carousel_caption .entry_content.entry_content p{font-size: 16px !important;} #testimonios .entry_content h3{font-size: 25px !important;} #testimonios .entry_content p{font-size: 16px !important;} #archive_seguros .items_seguros{padding: 14% 3%} #archive_seguros .items_seguros .entry_content h4{font-size: 25px;} #archive_seguros .items_seguros .info_seguros{margin-bottom: 50px;} .banner_interna .content_info h1{margin: 0;margin-left: 10%;color: #fff !important;font-size: 25px;} } @media only screen and (max-width: 480px){ .section_interna{margin: 18% 0 0;} .banner_interna{margin-bottom: 30px;} .banner_interna .content_info h1{margin: 0;margin-left: 10%;color: #fff !important;font-size: 20px;} } @media only screen and (max-width: 425px){ .btn_eficiencia{font-size: 14px !important;margin-bottom: 20px;} .banner_interna .content_info h1{margin: 0;margin-left: 10%;color: #fff !important;font-size: 14px;} } @media only screen and (max-width: 375px){ #slider .carousel_caption .entry_content{width: 70%;} #testimonios .entry_content{width: 70%;} #slider .carousel_caption .entry_content.entry_content h3{font-size: 22px !important;} #testimonios .entry_content h3{font-size: 22px !important;} .section_interna{margin: 24% 0 0;} } @media only screen and (max-width: 320px){ #img_mobile_sg{margin-top: 50px;} }