@charset "UTF-8";
/* CSS Document */

/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

 /* Set mmt background color */
 /* Set mmt text color */
 /* Set mmt background color oscuro */
 /* Set mmt text color claro*/
 /* Set mmt text color claro*/
 /* set mmt background buttons color */
 /* Set mmt text color claro*/
 /* Set mmt text color claro*/
 /* Set mmt background button categories */

body, p, a, h1, h2, h3, h4, h5, h6 {font-family:'Open Sans', sans-serif!important;}

/*****************************/
/*     comunes               */
/*****************************/

a[id^='cta'],
a.more-link,
input[type="submit"]{
  background-color:rgb(232,111,35);
  color: #fff;
  padding: 6px 24px !important;
  border-radius: 0 !important;
  text-align: center;
  font-size:15px;
  font-weight: 600;
  opacity: 1;
  transition: all .5s ease;
  display:inline-block;
}
a.more-link{margin-bottom:1em;}
a.more-link:hover{color:white;text-decoration:none;}
.caption .container a[id^='cta']{
font-weight:700;
  font-size:18px;
}
a[id^='cta']:hover,
a.more-link:hover,
input[type="submit"]:hover
{background-color:rgb(204, 84, 9);}
a[id^='cta']:hover,
a[id^='cta']:hover span{color:#fff;text-decoration:none;}

a[id^='cta'].btn-comparador {
    padding: 14px 18px!important;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 600;
    margin-left:1em;
}
a[id^='cta'].limpio{
    cursor: pointer;
    background-color: transparent;
    color: #00559f;
    padding: 0 !important;
    border-radius: 0 !important;
    text-align: left;
    font-size: 15px;
    font-weight: 500;
    opacity: 1;
    transition: all .5s ease;
    display: inline;
}
a[id^='cta'].limpio:hover{text-decoration:underline;}
.miwrapper{
    width: 100%;
    margin: 0 auto;
}
.col-gl-10{
  width:20%;
  float:left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.azul{
  background-color:rgb(0,85,159);
}
div.flex,
ul.flex{
  display: flex!important;
  justify-content: space-between;
  align-items: center;
}
div.i-b{display:inline-block}
div.containerdos{
  width:100%;
  max-width:1170px;
  margin:0 auto;
  padding: 0 15px;
}
div.containertres{
  max-width: 1400px;
  width:100%;
  margin:0 auto;
  padding: 0 15px;
}
.content-rt-2 {
    padding-top: 0;
    padding-bottom: 0;
}
p {
  color: #000;
  line-height: 1.4;
  font-size: 1.5rem;
  text-align:justify;
}
a[href^="tel:"]
{
    white-space: nowrap;
}
h3 a[href^="tel:"]
{
    white-space: normal;
}

.centrado p{text-align:center;}
.body-container-wrapper ul{margin:.5em 0;}
.body-container-wrapper ul li,
.body-container-wrapper ol li{
  padding:.2em 0;
  color: #000;
  line-height: 1.5;
  font-size: 1.5rem;
}
button{background-color:rgb(232,111,35);}
h1{
    font-size: 2.8rem;
    color: #000;
  padding: 0 0 .5em;
  font-weight: 700;
  line-height: 1.2;
}
h2{
    font-size: 2rem;
    color: #000;
  padding: 0 0 .5em;
  font-weight: 600;
  line-height: 1.2;
}
.caja-calcula h2{
  padding: 0 0 .1em;}
h3 {
    font-size: 1.8rem;
    font-weight: 600;
    padding: 0 0 .5em;
  color:#000;
  line-height: 1.2;
}
h4 {
    font-size: 1.6rem;
    font-weight: 700;
    padding: 0 0 .1em;
  color:#000;
  line-height: 1.2;
}
h5 {
    font-size: 1.4rem;
    font-weight: 700;
    padding: 0 0 .1em;
  color:#000;
  line-height: 1.2;
}
.v-center{text-align:center;}
a{color:#00559f;cursor:pointer;}
a:hover{text-decoration:underline;color:#00559f;}

.post-item{
    margin-top: 3em;
}
.post-item:first-child{
    margin-top: 0;
}

@media (max-width: 1199px){
  .container {
      width: 100%;
  }
}

ul li{margin-bottom: .5em;}

.col-tres img, .col-cuatro img, .col-cinco img{max-width:78px;}
.header-container-wrapper{
  background-color:#0338A5;
}

/********** eliminamos carga por defecto de 3 backgrounds image de ui-kit.css ************/
.header-1-sub .pt-page-1 .background,
.header-1-sub .pt-page-2 .background,
.header-1-sub .pt-page-3 .background{
  background-image: url();
}
.header-1-sub .pt-page{background-color: #fff;}

/**************************************/
/*       menú ppl y footer            */
/**************************************/

.footer-menus-seguros .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a,
.footer-menus-general .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a{
      font-weight: 800!important;
      padding-bottom: .5em;
}
.footer-menus-seguros .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children a:hover,
.footer-menus-general .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children a:hover{
    text-decoration:underline;
     cursor:pointer;
  }
.footer-menus-seguros .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a:hover,
.footer-menus-general .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a:hover{
 text-decoration:none;
  cursor:default;
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  white-space: normal;
}
.header-8-v2 .navbar .navbar-collapse li.hs-menu-depth-1>ul.hs-menu-children-wrapper{margin:0;}


@media screen and (min-width: 768px){
  .footer-menus-seguros .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper,
  .footer-menus-general .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper{
    visibility: visible;
    opacity: 1;
    position: relative;
  }
  .footer-menus-seguros .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children>a:after,
  .footer-menus-general .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children>a:after{
    content:none;
  }
  
  
  /*.footer-menus-seguros .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children  ul.hs-menu-children-wrapper > li:first-child,
  .footer-menus-general .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children  ul.hs-menu-children-wrapper > li:first-child
  {display:none;}*/
}

@media screen and (max-width: 767px){
  .footer-menus-seguros .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper{
    /*position: relative;*/
  }
  .footer-menus-seguros .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children>a:after,
  .footer-menus-general .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children>a:after{
    content:url(https://8472476.fs1.hubspotusercontent-na1.net/hubfs/8472476/Icons/bullet-menu.png);
    margin-left: .5em;
  }
  .footer-menus-general .contactos-footer > div {
    min-height: 70px;
  }
  .footer-menus-seguros .col-rt {
    padding: 5px 15px;
   }
}
/**************************************/

.header-container-wrapper .row-fluid-wrapper > .row-fluid {display: flex;align-items: stretch;}
.header-8 {
    height: auto!important;
}
.header-8 .navbar {
    margin: 6px 0!important;
 }
.header-8-v2 .navbar ul{
    margin: 34px 0 0;
}
.header-8-v2 .navbar ul > li.hs-item-has-children > a {
    padding: 13px!important;
}
.header-8-v2 .navbar ul > li > a {
    padding: 13px 0 13px 16px;
}
.header-8-v2 .navbar ul > li.hs-item-has-children ul > li > a {
    padding: 4px 0!important;
}
.header-8 .navbar .brand img:first-child {
    margin: 0!important;
}
.header-1-sub{z-index: 2!important;}
.header-8 .navbar .navbar-header,
.navbar-header {
  float: none!important;
}
.navbar-header .brand img {
    max-height: 90px !important;
  transition: all .5s ease;
}
@media screen and (max-width: 767px){
  .navbar-header .brand img {
    max-width: 105px !important;
    transition: all .5s ease;
  }
}
/*.logo-menu{width: calc(100% - 254px)!important;}*/
.logo-menu,
#group-logo-menu{width: 100%!important;}

.logo-menu .navbar .brand,
.navbar .brand{
    padding: 0 8px!important;
}
.row-fluid > .tel-head{
  width:200px!important;
  margin-left:0!important;
  background-color:rgb(0,85,159);
  color:rgb(255,255,255);
  max-height: 104px;
}

.row-fluid .tel-head a{
  color:rgb(255,255,255);
  font-weight: bold;
  font-size: 2.4rem;
}
.row-fluid .tel-head .hs_cos_wrapper{margin:0 auto;}
.menuhead/*,
.area-cliente*/{
  width:84px!important;
  margin-left:0!important;
  background-color: rgb(5,41,77);
  max-height: 104px;
}

.row-fluid .tel-head .hs_cos_wrapper{margin:0 auto;}
.row-fluid .menuhead ul li.hs-item-has-children{
    margin: 0 0 0 8px;
}
/*.row-fluid .area-cliente .hs_cos_wrapper{
    margin: 0 0 0 8px;
}*/
.fui-phone:before,
.fui-mail:before{
    color:rgb(17,138,252);font-size: 2rem;
}
/*.row-fluid .area-cliente a.hs-button{background-color:transparent;padding:0;}
.row-fluid .area-cliente a:before {
  content: "\e01d";
  display: inline-block;
  font-family: 'Flat-UI-Icons';
  font-size: 2.2rem;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color:rgb(17,138,252);
}*/

.col-tres.seguros .col-rt{background-color: transparent!important;}
.col-tres.seguros .col-rt > div {padding:1em;background-color:#fff;}
.col-tres.seguros .col-rt:first-child > div {margin-right:.5em;}
.col-tres.seguros .col-rt:nth-first-child(2) > div {margin:0 .5em;}
/*.col-tres.seguros .col-rt:last-child > div {margin-left:.5em;}*/

/*****************************************/
/*        Estilos banner cabecera        */
/*****************************************/
.header-1-sub .pt-page-1 .background {
    background-position: 50% 50%;
}
.header-1-sub .page-transitions .caption {
    position: absolute;
    left: 0;
    right: auto;
    display: flex;
    top: 0;
    bottom: 0!important;
    align-items: center;
  width:50%;
}
.header-1-sub .page-transitions .caption .container {
    background-color: rgba(0,47,86,.8);
    width: 100%;
    max-width: 100%;
    margin: 0 0 0 5%;
    padding: 1.5em;
}
.header-1-sub .page-transitions .caption .container h1{
  color:rgb(80,187,254);
  font-size: 4rem;
  font-family: 'Open Sans', sans-serif;
  line-height: 1;
}
.header-1-sub .page-transitions .caption .container h1 strong{
  font-weight:800;
}
.header-1-sub .page-transitions .caption .container h2{
  color:rgb(255,255,255);
  font-size: 2.5rem;
  font-weight: 400;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.2;
  margin: 0 0 20px 0;
}
.header-1-sub .page-transitions .caption .container p{
  margin-bottom: 1em;
  color:#fff;
}
.header-1-sub .page-transitions .caption .container h2 strong{
  font-weight:800;
}
.header-1-sub .page-transitions .caption .container a{
  border-radius: 0 !important;
  padding: 5px 38px 10px!important;
}

.container.controls {
    position: absolute;
    top: 90%;
    left: calc(94% - 50px);
}
.header-1-sub .page-transitions .controls>* {
    top: 0!important;
}
/************ caja texto calcula ******************/
section.caja-calcula {
    margin: 0;
    padding: 20px 0;
    text-align:left;
}
section.caja-calcula h2{
  padding-left: .5em!important;
  font-size: 2.6rem;
  color: #000;
  line-height: 1.2!important;
}
section.caja-calcula p{
  padding-left: 1.2em !important;
  color:rgb(80,187,254);
  font-size: 1.4rem;
  font-weight: 700;
}
section.caja-calcula img{
  width: auto!important;
  margin-top: 2px!important;
  max-width: 100%;
  float:left;
}

/****************** cajas 3 y 4 columnas ***************/
.seguros-de-moto .container
{
    width: 100%;
    max-width: 1170px;
  margin: 0 auto;
  padding: 0 15px;
}

section.caja-ayuda {
    padding: 1em 0;
}
section.caja-ayuda h2 {
    color:#000!important;
  font-size: 2.6rem;
}
.col-tres,
.col-cuatro,
.col-cinco{
  padding:1em 0; 
}
.col-tres .col-rt > div
{
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.col-cuatro .col-rt{
  position: relative;
  display: flex;
  align-items: center;
  }
.col-cinco.ayudas .col-rt,
.col-cinco.ayudas .row{
  position: relative;
  display: flex;
  flex-flow: wrap;
  }

.col-cinco.ayudas .col-rt > div{
  padding: 1em;
  background-color: #fff;
  width:100%;
  justify-content: center;
  text-align:center;
  }
.col-cinco.ayudas .i-b{display:block;}
.col-cinco.ayudas.ayudas-blanco img{width:78px; max-width: 78px;}
.col-cinco.ayudas.ayudas-blanco h3{min-height:52px;}

.col-tres h2,
.content-rt.seguros-de-coche h3,
.content-rt-2.seguros-de-moto h3,
.footer-copy ul li a{
  font-size: 1.6rem;
  text-decoration: underline;
  color:rgb(0,85,159);
  font-weight: 600;
  padding-bottom: .4em;
  line-height:1.2;
}

.col-tres.calc-coches .col-rt > div
{
 min-height: 110px; 
}
.col-tres.calc-coches .i-b {
    padding-left: 1em;
}
.col-cuatro h2,
.col-cinco h2{
  font-size: 1.6rem;
  padding-bottom: .4em;
      line-height: 1.2;
}
.col-cinco.ayudas h2{
  min-height: 46px;
}
.col-tres .i-b,
.col-cuatro .i-b{
  padding-left: 1em;
  display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: flex-end;
}
.col-tres a.btn-llamar,
.col-cuatro a.btn-llamar
{
  border-radius: 0 !important;
  min-width: 80px;
}
button#abremodal,
.col-cuatro.ayudas button.btn-llamar
{
  background-color:rgb(232,111,35);
  padding: 5px 18px !important;
  font-size: 15px;
  min-width: 100px;
}
.col-cuatro.calcular .row,
.col-cinco.calcular .row,
.col-tres.calcular .row
{
  display:flex;
}
.col-tres.calcular .col-rt > div,
.col-cuatro.calcular .col-rt > div {
    background-color: #fff;
    width: 100%;
    display: flex;
    height: 100%;
    padding: 1em;
    align-items: center;
}
.col-cinco.calcular .col-rt > div
{
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding: 1em;
  
}
.col-cuatro.calcular .row,
.col-cinco.calcular .row,
.col-tres.calcular .row {
    display: flex;
    flex-wrap: wrap;
}

/*****************************/
/*      caja conócenos       */
/*****************************/
#conocenos{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#conocenos .cont-conoce{
    padding-top: 4em;
}
#conocenos .cont-conoce,
#conocenos .col-conoce-uno{
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
}
#conocenos .col-conoce-uno{
  flex-basis: 40%;
  flex-flow: row nowrap;
}
#conocenos .col-conoce-dos{
    flex-basis: 60%;
}
#conocenos .tit-conocenos{
 flex-basis: 80%;
 border-bottom: 2px dashed rgba(17,138,252,.5);
 height: 70px;
}
#conocenos .separa{
    flex-basis: 20%;
}
#conocenos .separauno{
    display: block;
    width: 100%;
    height: 30px;
}
#conocenos .separados{
    display: block;
    width: 100%;
  border-left: 2px dashed rgba(17,138,252,.5);
    border-top: 2px dashed rgba(17,138,252,.5);
    height: 36px;
}
#conocenos .list-conocenos{
  border-left: 2px dashed rgba(17,138,252,.5);
  margin-top: 2.5em;
  padding-bottom: 3em;
  padding-right: 3em;
}
#conocenos h3,
#conocenos ul li{
  color:rgb(255,255,255);
  line-height: 1.3;
  font-weight: 600;
  margin-bottom: 2.4rem;
  font-size: 1.5rem;
}
#conocenos ul {
    list-style-type: none;
    position: relative;
    top: -44px;
}
#conocenos ul li:before {
    content: url(https://8472476.fs1.hubspotusercontent-na1.net/hubfs/8472476/bullet-conocenos.png);
    position: relative;
    left: -3.4em;
    top: 1.95em;
}
#conocenos ul li span{
  display:block;
  font-size: 3rem;
  margin-bottom: 1rem;
  margin-top: -.2em;
  line-height: 1.2;
}
#conocenos h3{
  font-weight: 800;
  text-align:right;
  padding-right: .7em;
  font-size: 4.4rem;
}
#conocenos h4{
  color: #fff;
  text-align: center;
  padding: 1em;
}
.hs-blog-social-share .hs-blog-social-share-item-linkedin {
    margin-right: 10px;
    position: relative;
    top: -2px;
}
/*****************************************/
/*    Estilos titulos secciones home     */
/*****************************************/
div.containerdos.header-seguros {
    margin-top: 2em;
}
div.containerdos.header-seguros h2,
div.header-blog h2{
    font-size: 2.8rem;
    color: #000;
}
div.header-blog {
  padding: 2em 0;
  background-color:rgba(240,240,240);
}
div.header-blog h2{
  text-align:center;
}
.cuatro-cols .row{
  display:flex;
  flex-wrap: wrap;
}

div.containerdos.header-seguros p{
  color: #000;
  line-height: 1.4;
}
.content-rt.seguros-de-coche h3,
.content-rt-2.seguros-de-moto h3{
  
  line-height: 1.4;
  text-align: center;
  background-color: rgba(240,240,240);
  padding: 1.2em .5em;
  min-height: 82px;
}
.content-rt.seguros-de-coche img,
.content-rt-2.seguros-de-moto img{
  width:100%!important;
}
.content-rt.seguros-de-coche p,
.content-rt.seguros-de-moto p{margin-top:1em;}

/*****************************************/
/*       Estilos menú sup derecho        */
/*****************************************/
.menuhead .hs-menu-wrapper>ul {
    padding-left: 7px;
  
}
.menuhead .hs-menu-wrapper>ul:hover {
    cursor:pointer;
  
}
.menuhead .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper{
  left: -34px;
 }
.menuhead .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper > li:first-child{
  margin-top:38px;
}
.menuhead .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper > li{
  background-color: #fff;
  padding: .5em 1em;
  margin-bottom: 0;
}

.menuhead .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a{font-size:0;}
.menuhead > .hs_cos_wrapper{line-height: 0;
    position: relative;
    top: calc(75% - 44px);}
.menuhead .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children{line-height:0;}
.menuhead .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a:before {
    content: url('https://8472476.fs1.hubspotusercontent-na1.net/hubfs/8472476/Icons/area-usuario.png');
    width: 41px;
    height: 18px;
    display: block;
    /*border-top: 2px solid white;
    border-bottom: 2px solid white;*/
    position: absolute;
    
}
.menuhead .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{
    white-space: nowrap;
}
/*****************************************/
/*       Estilos rejilla blog home       */
/*****************************************/
.blog-grid-wrapper{background-color:rgba(240,240,240);}
.rejilla-blog-mmt {
    padding-bottom: 2em;
}

.rejilla-blog-mmt .containerdos .secund-post > .row,
.rejilla-blog-mmt .containerdos > .row{display:flex;}
.rejilla-blog-mmt .containerdos .secund-post > .row:first-child {
    margin-bottom: 1em;
}
.rejilla-blog-mmt .containerdos .post-title{overflow:hidden;}
.rejilla-blog-mmt .containerdos .post-title,
.rejilla-blog-mmt .containerdos .post-title .desc-post{height:100%;}

.rejilla-blog-mmt .img-cat{
  position:relative;
 }
.rejilla-blog-mmt .ppl-post .img-cat{
  background-size: cover;
  min-height: 320px;
  background-position: center;
}
.rejilla-blog-mmt .img-cat a.cat-post{
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    background-color:rgba(47,158,255);
    color:#fff;
    padding: 6px 32px;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 600;
    min-width: 200px;
    text-align: center;
}
.rejilla-blog-mmt .desc-post{
  background-color: #fff;
  padding: 1em 2em;
}

.rejilla-blog-mmt .desc-post h3,
a h3.related-blog-item__title {
    color: #000;
    font-size: 1.8rem;
    font-weight: 700;
}
.rejilla-blog-mmt .desc-post p{
    font-size: 1.4rem;
    color: #000;
    line-height: 1.4;
    font-weight: 600;
}
.rejilla-blog-mmt .desc-post a.ver-mas-post{
  color:#c86e19;
  text-decoration:underline;
  font-weight: 600;
}

/**** rejjilla listado post *****/
.reblogmmt.hs-blog-listing .body-container-wrapper .row-fluid-wrapper.row-number-2{
  background-color:rgba(240,240,240);
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 3em;
}
.reblogmmt.hs-blog-listing.buscador .body-container-wrapper .row-fluid-wrapper.row-number-2{
  background-color:#fff;
  padding: 3em 0 0;
}
.reblogmmt.hs-blog-listing .body-container-wrapper .row-number-2 > .row-fluid{
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}
.reblogmmt.hs-blog-listing .rejilla-blog-mmt .containerdos > .row{margin-bottom:1em;}
.reblogmmt.hs-blog-listing .rejilla-blog-mmt .containerdos .post-title .desc-post {padding:1em;}
.reblogmmt.hs-blog-listing .listado-blog .rejilla-blog-mmt.content-rt .col-rt,
.reblogmmt.hs-blog-listing .listado-blog .rejilla-blog-mmt.content-rt-2 .col-rt
{padding:0;}
.reblogmmt.hs-blog-listing .listado-blog .rejilla-blog-mmt .desc-post {
    padding: 1em 0;
}
.reblogmmt.hs-blog-listing .listado-blog .rejilla-blog-mmt .col-rt.secund-post{
  padding:0 .5em; 
}
.reblogmmt.hs-blog-listing .listado-blog .rejilla-blog-mmt .col-rt.secund-post:first-child{
  padding-left:0; 
}
.reblogmmt.hs-blog-listing .listado-blog .rejilla-blog-mmt .col-rt.secund-post:last-child{
  padding-right:0; 
}
.reblogmmt.hs-blog-listing .blogsuscribe{background-color:#fff;padding:.5em 1em;}
.reblogmmt.hs-blog-listing .blogsuscribe h3:before{
  content:url(https://www.mmtseguros.com/hubfs/Icons/icon-suscribeblog.png);
  top: 7px;
  position: relative;
  margin-right: 5px;
}

/**** CTA en blog, lateral y footer ****/
.ctablogcol img{width:100%;max-width:100%;}
.ctablogfooter .imgctafooter{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.ctablogfooter .row{display:flex;}
.ctablogfooter .row > div{padding:0;}
.ctablogfooter{margin-bottom:4em;}
.cajatitctablogcol,
.cajatitctablogfooter{
  background-color:rgb(17,138,252);
  padding:.5em 1em;
  color:#fff;
}
.cajatitctablogcol p,
.cajatitctablogfooter p{
  color:#fff;
}

/*****************************************/
/*       módulo dos columnas             */
/*****************************************/
.dos-columnas .columnas{
    display: flex;
    justify-content: stretch;
}
.dos-columnas .columnas .col-rt{position:relative;}
.dos-columnas .columnas .col-rt > div{
  height: 100%;
}

/*****************************************/
/*       Estilos formularios             */
/*****************************************/
.hs-form .field {
    margin-bottom: 0;
}
input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]), .uneditable-input, textarea {
  border: 1px solid #dedede;
  font-family: 'Open Sans', sans-serif;
  border-radius: 4px;
}
.hs-fieldtype-textarea{margin-top:1em;}
input[type=checkbox] {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}
ul.inputs-list{
  padding:0;
}
fieldset .hs-richtext{
  font-size: 1.2rem;
  margin-top: 1em;
}
.legal-consent-container .hs-form-booleancheckbox-display>span{
  font-size: 1.2rem;
}
input[type="submit"]{
 margin: 1em 0; 
}
.legal-consent-container .hs-form-booleancheckbox-display>span {
    margin-left: 0!important;
}
#hs_form_target_formulario_de_contacto {
    padding: 1em;
    background-color: aliceblue;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/*****************************************/
/*           Rejilla oficinas            */
/*****************************************/
.list-oficinas{
  padding: 1em;
}
.list-oficinas .containerdos.results-list{
 clear:both;
 }
.list-oficinas .containerdos.results-list > .row{
    display: flex;
    flex-wrap: wrap;
}
.list-oficinas .containerdos.results-list ul{
  list-style-type:none;
  padding-left: 0;
}
.list-oficinas .containerdos.results-list ul li{
  margin-bottom: .2em;
  color:#000;
}
.list-oficinas .containerdos.results-list h2{
  line-height: 1;
  padding: 0;
}
.list-oficinas .containerdos.results-list h2 a {
    color: #000;
}

.list-oficinas .containerdos.results-list .fui-phone:before,
.list-oficinas .containerdos.results-list .fui-mail:before{
    color:#00559f;font-size: 1.8rem;
}

.map-offices #map-canvas {
    height: 52rem;
  width: 100%;
}
.dest-cliente .row{
 display:flex; 
}
.dest-azul {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: aliceblue;
  padding: 1em;
  height:100%;
}

.dos-cajas-destacados .row{display:flex;}
.dos-cajas-destacados .row .col-rt > div{height:100%;}


/********* estilos notas de prensa *************/
.cont-notas-prensa > .hs_cos_wrapper
{
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}
.nota_prensa{
  width: 32%;
  margin-bottom: 1em;
}
.nota_prensa:nth-child(n+3) {
    margin-right: 0;
}
/*****************************************/
/*       Estilos footer                  */
/*****************************************/
.footer-menus-seguros
{
 padding:3em 0; 
}
.footer-menus-seguros h2,
.footer-menus-general h2{
    font-size: 1.5rem;
    color: #fff;
    font-weight: 800;
    padding-bottom: .6em;
}
.footer-menus-seguros .hs-menu-wrapper>ul>li,
.footer-menus-general .hs-menu-wrapper>ul>li{
    margin-bottom: .4em;
}
.footer-menus-seguros .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1,
.footer-menus-general .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1{
    float: none!important;
}
.footer-menus-seguros .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a,
.footer-menus-general .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a{
    color: #fff;
}
.footer-menus-general .footer-phone{
  text-align:center;
  background-color: #fff;
}
 .footer-menus-general .footer-phone a span{
  color: rgb(5,41,77);
  font-size: 2.5rem;
  font-weight: 600;
}
 .footer-menus-general .footer-phone .fui-phone:before {
    color: rgb(5,41,77);
    font-size: 3.4rem;
    margin-right: .3em;
}
.footer-menus-general .footer-te-llamamos
{
  background-color: rgb(5,41,77);
}
.footer-menus-general .footer-rrss{
  background-color: rgb(80,187,254);
  flex-direction: column;
}
.footer-menus-general .footer-rrss h4{
  text-align: center;
  color: rgb(5,41,77);
  font-size: 1.6rem;
  font-weight: 600;
    padding-bottom: .4em;
}
.footer-menus-general .footer-rrss ul {
  list-style-type: none;
  justify-content: center;
}
.footer-menus-general .footer-rrss ul li {
  margin: 0 .4em;
}
  .footer-menus-general .footer-rrss .linea-rrss i:before
{
  font-size: 3rem;
  color: rgb(5,41,77);
}
.footer-menus-general .containerdos > div.row
{
  display: flex;
  align-items: stretch;
}
.footer-menus-general .contactos-footer{
  height:100%;
}
.footer-menus-general .contactos-footer > div{
  height:33.3333333333333%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-menus-general .containerdos > div.row > div.col-rt{
  padding:3em 15px;
}
.footer-menus-general .containerdos > div.row > div:last-child{
  padding:0;
}
.footer-menus-general .footer-te-llamamos button,
.footer-menus-general .footer-te-llamamos a
{
  color: #fff;
  background-color: transparent;
  font-size: 2rem;
  font-weight: 500;
  line-height: 0;
    display: flex;
    align-items: center;
}
.footer-menus-general .footer-te-llamamos button i.headphones,
.footer-menus-general .footer-te-llamamos a i.headphones
{
  margin-right: .5em;
}
.footer-menus-general .footer-te-llamamos button .headphones:before,
.footer-menus-general .footer-te-llamamos a .headphones:before
{
  /*content:url(https://8472476.fs1.hubspotusercontent-na1.net/hubfs/8472476/Icons/head-phones.png);*/
      width: 35px;
    height: 35px;
}
.footer-menus-general .footer-rrss .linea-rrss ul{padding:0;}
.footer-menus-general .footer-rrss .linea-rrss .fui-facebook:before{
  content:url(https://8472476.fs1.hubspotusercontent-na1.net/hubfs/8472476/Icons/facebook.png);
}
.footer-menus-general .footer-rrss .linea-rrss .fui-twitter:before{
  content:url(https://8472476.fs1.hubspotusercontent-na1.net/hubfs/8472476/Icons/twitter.png);
}  
.footer-menus-general .footer-rrss .linea-rrss .fui-linkedin:before{  
   content:url(https://8472476.fs1.hubspotusercontent-na1.net/hubfs/8472476/Icons/linkedin.png);
}
.footer-menus-general .footer-rrss .linea-rrss .fui-youtube:before{  
   content:url(https://8472476.fs1.hubspotusercontent-na1.net/hubfs/8472476/Icons/youtube.png);
}  
.footer-menus-general .footer-rrss .linea-rrss .fui-instagram:before{  
   content:url(https://8472476.fs1.hubspotusercontent-na1.net/hubfs/8472476/Icons/instagram.png);
}
.footer-copy p{
  color: #000;
  font-size: 1.4rem;
  font-weight: 600;
}
.footer-copy ul{
  display: flex!important;
  justify-content: space-between!important;
}
.footer-copy ul li {
    flex-grow: 1;
}
.footer-copy ul li a{
  font-size: 1.4rem!important;
    font-weight: 400!important;
    text-decoration: underline!important;
}


/* ==========================================================================
                                    RESPONSIVOS
   ========================================================================== */

@media screen and (max-width: 991px){
  .col-xs-4 {
    width: 33.33333333333333%;
  }
  .col-xs-6 {
    width: 50%;
  }
  
  #conocenos h3 {font-size: 3.4rem;}
  .footer-menus-general .footer-phone a span {
    font-size: 2rem;
  }
  .footer-menus-general .footer-te-llamamos button{
    font-size: 1.6rem;
    white-space: nowrap;
  }

  .col-cinco.ayudas .col-rt>div{
   text-align:left; 
  }
  .col-cinco.ayudas .i-b {
    display: inline-block;
    padding-left: 1em;
  }
  .col-cinco.ayudas h2 {
    min-height: auto;
  }
  .rejilla-blog-mmt .containerdos > .row {
    display: block;
}
  .col-cinco.ayudas.ayudas-blanco h3{min-height:1px;}
  .header-1-sub .page-transitions .caption .container h1 {
    font-size: 3.5rem;
  }
  .header-1-sub .page-transitions .caption .container h2 {
    font-size: 2rem;
  }
  
}
@media screen and (max-width: 767px){
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper
  {
    display:none;
    visibility:visible;
    opacity:1;
    transition: all .5 ease;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper
  {
    display:block;
    visibility:visible;
    opacity:1;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper
  {
    position:relative;
  }  
  .dos-columnas .columnas,
  .flex.sm-flex-col
  {
    flex-flow: column;
  }
  .col-gl-12{
    width:100%;
  }  
  .header-container .widget-type-global_group{
    width:100%!important;
  }
  .header-1-sub.banner-home{display:none;}
  .hs-landing-page .header-1-sub.banner-home{display:block;}
  section.caja-calcula h2,
  section.caja-calcula p
  {
    text-align:center!important;
    padding-left: 0 !important;
  }
  section.caja-calcula h2{
  font-size: 2.2rem;
  }
  section.caja-calcula p
  {
  font-size: 1.8rem;
  }
  section.caja-calcula h2 span{
    display:none;
  }
  section.caja-calcula .i-b{
    display:block;
  }
  .caja-calcula img{
    display:none;
    text-align: center!important;
  }
  .col-tres.ayudas .i-b,
  .col-cuatro.ayudas .i-b{
    flex-flow: row;
    height: auto;
  }
  .col-tres.seguros .i-b,
  .col-cuatro.seguros .i-b{
    flex-flow: column;
    height: auto;
  }
  .col-tres.calcular .i-b,
  .col-cuatro.calcular .i-b,
  .col-cinco.calcular .i-b{
    flex-flow: column;
    height: auto;
  }
  .col-tres.seguros .container > .row{
    display:flex;
  }
  .col-tres.seguros .col-rt>div{
    flex-flow: column;
  }
  .col-tres.seguros .col-sm-4.col-rt{
    width: 33.33333%;
  }
  .col-tres.seguros .i-b{
    padding-left: 0;
    margin-top: 1em;
  }
  .col-tres.seguros h2
  {
    font-size:1.6rem;
    text-align:center;
  }
  .col-cuatro.ayudas h2
  {
    font-size:1.6rem;
    text-align:left;
  }
  section.caja-ayuda h2
  {
    font-size:2rem;
    text-align:center;
  }
  
  .col-tres.seguros a[id^='cta']{margin-right:auto!important;padding: 6px 12px !important;}
  .col-tres.seguros p,
  .col-tres.seguros h2 span
  {
    display:none;
  }
  .col-cuatro.ayudas,
    .col-cinco.ayudas{padding-bottom:1em;}
  .col-cuatro.ayudas .col-rt,
  .col-cinco.ayudas .col-rt > div{
    background-color:rgba(240,240,240)!important;
    margin: .5em 1em;
    align-items: stretch;
    justify-items: stretch;
  }
  .col-cinco.ayudas.ayudas-blanco{background-color:#fff!important;}
  .col-cinco.ayudas .col-rt > div{display:flex;}
   .col-cuatro.ayudas.ayudas-blanco .col-rt,
  .col-cinco.ayudas.ayudas-blanco .col-rt{
    background-color:#fff!important;
  }
  .col-cuatro.ayudas .i-b,
  .col-cinco.ayudas .i-b{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
  }
  .col-cuatro.ayudas h2,
  .col-cinco.ayudas h2{
    display: flex;
    align-items: center;
  }
  
  .col-cuatro.ayudas .btn-llamar,
  .col-cinco.ayudas .btn-llamar,
  .col-cuatro.ayudas .btn-buscar,
  .col-cinco.ayudas .btn-buscar{
    float:right;
    font-size: 0!important;
    min-width: auto;
    height: calc(100% - 4px);
  }
  
  .col-cuatro.ayudas .i-b .hs-cta-wrapper,
  .col-cinco.ayudas .i-b .hs-cta-wrapper{
    height:100%;
  }
    
  .col-cinco.ayudas a{height:100%;}
  .col-cinco.ayudas button.btn-buscar,
  .col-cinco.ayudas button.btn-llamar{height: calc(100% - 0px);}
  
  .btn-llamar:before,
  .btn-buscar:before{
    color: #fff;
    font-size: 3rem;
    font-family: 'Flat-UI-Icons';
    top: 6px;
    position: relative;
  }
  .btn-llamar:before{
    content: "\e056";
  }
  .btn-buscar:before{
    content: "\e01c";
  }
  
  .col-cuatro.ayudas .col-rt,
  .col-cinco.ayudas .col-rt,
  .col-cinco.ayudas .col-rt > div{
    padding:0;
  }
  .col-cuatro.ayudas div.i-b
  .col-cinco.ayudas div.i-b{
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: stretch;
  }
  .col-cuatro.ayudas img,
  .col-cinco.ayudas img{
    padding-left: 1em;
  }
  
  #conocenos .cont-conoce, #conocenos .col-conoce-uno{
    flex-flow: column wrap;
  }
  #conocenos .col-conoce-uno,
  #conocenos .tit-conocenos,
  #conocenos .col-conoce-dos{
    flex-basis: 100%;
  }
  #conocenos .tit-conocenos {
    border-bottom: none;
  }
  #conocenos h3{
    text-align: center;
    font-size: 3rem;
  }
  #conocenos ul li span {
    font-size: 2.5rem;
  }
  #conocenos .separa {
    display: none;
  }
  #conocenos .list-conocenos {
    border-left: none;
    padding-right: 0;
  }
  
  .containerdos.header-seguros button.btn-comparador{display:none;}
  .seguros-de-coche .col-rt,
  .seguros-de-moto .col-rt
  {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
  }
  .content-rt.seguros-de-coche img,
  .content-rt.seguros-de-coche h3,
  .content-rt-2.seguros-de-moto img,
  .content-rt-2.seguros-de-moto h3,
  .content-rt.seguros-de-coche div > a,
  .content-rt-2.seguros-de-moto  div > a
  {
  width:50%;
  flex-basis: 50%;
  margin: 0;
  }
  .content-rt.seguros-de-coche p{width:100%;margin-top:1em;}
  .content-rt-2.seguros-de-coche h3,
  .content-rt-2.seguros-de-moto h3{
  display: flex;
  align-content: center;
  justify-content: left;
  align-items: center;
    text-align: left;
  }
  div.containerdos.header-seguros h2, div.header-blog h2 {
    font-size: 2rem;
  }
  .footer-menus-general .containerdos>div.row {
    display: block;
  }
  .footer-menus-general .containerdos>div.row>div.col-rt {
    padding: .5em 15px 0;
  }
  .footer-menus-general .containerdos>div.row>div.col-rt:first-child {
    padding: 3em 15px 0;
  }
  .footer-menus-general .containerdos>div.row>div.col-rt:nth-last-child(2) {
    padding: .5em 15px 3em;
  }
  .footer-menus-general .containerdos>div.row>div.col-rt:last-child {
    padding: 0;
  }
  .footer-copy ul {
    flex-flow: column;
  }
  .dest-cliente .row{
    display:block; 
  }
  .dest-cliente .row > div{
    padding: 5px 15px;
  }
  .dos-cajas-destacados .row{
    display:block;
  }
  .rejilla-blog-mmt .containerdos .secund-post > .row, .rejilla-blog-mmt .containerdos > .row{
    display:block;
  }
  div.containerdos.header-seguros div.flex{
    flex-flow: column;
  }
  .col-cinco.ayudas.ayudas-blanco h3{
    padding-right:1em;
  }
  .containerdos.results-list .col-rt{
    padding-right: 5px;
    padding-left: 5px;
  }
  .documentos .container{
    padding:1em!important;
  }
  .nota_prensa{
    width: 100%;
    float: none;
    margin-bottom: 2rem;
  }
  
}

/****************************************************/
/*               tablas responsivas                 */
/****************************************************/

/************  comparador de seguros de coche  *************/

/*
	Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.
	*/
    .tcomparador {padding: 2em 0!important;}
    .tcomparador thead tr:first-child{
    background-color: #0d3b5d;
    color: #fff;
    }
    .tcomparador th, .tcomparador td{padding:.5em;}
    .tcomparador .ok{min-height: 10px;}
    .tcomparador .ok:before{content:url(https://8472476.fs1.hubspotusercontent-na1.net/hubfs/8472476/Icons/ok.png);width:20px;height:20px;}
    .tcomparador .oks:before{content:url(https://8472476.fs1.hubspotusercontent-na1.net/hubfs/8472476/Icons/ok_sf.png);}
    .tcomparador td, .tcomparador th{width:15%;text-align:center;border: 1px solid #fff;}
    .tcomparador td:first-child, .tcomparador th:first-child{width:40%;text-align:center;border: 1px solid #fff;}
    .tcomparador tbody tr:nth-child(even) {
      background: rgb(17 138 252 / 30%);
      color: #fff;
    }
	@media
	  only screen 
    and (max-width: 760px), (min-device-width: 768px) 
    and (max-device-width: 1024px)  {

		/* Force table to not be like tables anymore */
		.tcomparador table, .tcomparador thead, .tcomparador tbody, .tcomparador th, .tcomparador td, .tcomparador tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		.tcomparador thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

    .tcomparador tr {
      margin: 0 0 1rem 0;
    }
      
    
    .tcomparador tbody tr:nth-child(even) {
      background: transparent;
    }
    .tcomparador th, .tcomparador td {
    padding: .1em .5em;
    font-size: 1.4rem;
    }
		.tcomparador td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
      color:#000;
      width: 100%;
		}
    .tcomparador td:nth-child(even){background-color: #ddd;}
    .tcomparador td:first-child{
        padding-left: 1%;
        text-align: left;
        width: 100%;
        font-weight:700;
        background-color: #0d3b5d;
        color: #fff;
        }
		.tcomparador td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}

		/*
		Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
		*/
		.tcomparador td:nth-of-type(1):before { content: ""; }
		.tcomparador td:nth-of-type(2):before { content: "Terceros"; text-align: left;}
		.tcomparador td:nth-of-type(3):before { content: "Terceros Ampliado"; text-align: left;}
		.tcomparador td:nth-of-type(4):before { content: "Todo Riesgo con Franquicia"; text-align: left;}
		.tcomparador td:nth-of-type(5):before { content: "Todo Riesgo"; text-align: left;}
	}

/************  comparador de seguros de moto  *************/

/*
	Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.
	*/
    .tcomparadorm {padding: 2em 0!important;}
    .tcomparadorm thead tr:first-child{
    background-color: #0d3b5d;
    color: #fff;
    }
    .tcomparadorm th, .tcomparadorm td{padding:.5em;}
    .tcomparadorm .ok{min-height: 10px;}
    .tcomparadorm .ok:before{content:url(https://8472476.fs1.hubspotusercontent-na1.net/hubfs/8472476/Icons/ok.png);width:20px;height:20px;}
    .tcomparadorm .oks:before{content:url(https://8472476.fs1.hubspotusercontent-na1.net/hubfs/8472476/Icons/ok_sf.png);}
    .tcomparadorm td, .tcomparadorm th{width:20%;text-align:center;border: 1px solid #fff;}
    .tcomparadorm td:first-child, .tcomparadorm th:first-child{width:40%;text-align:center;border: 1px solid #fff;}
    .tcomparadorm tbody tr:nth-child(even) {
      background: rgb(17 138 252 / 30%);
      color: #fff;
    }
    .tcomparadorm tr td:first-child,
    .tcomparadorm tr th:first-child{
      text-align: center;
    }

	@media
	  only screen 
    and (max-width: 760px), (min-device-width: 768px) 
    and (max-device-width: 1024px)  {

		/* Force table to not be like tables anymore */
		.tcomparadorm table, .tcomparadorm thead, .tcomparadorm tbody, .tcomparadorm th, .tcomparadorm td, .tcomparadorm tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		.tcomparadorm thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

    .tcomparadorm tr {
      margin: 0 0 1rem 0;
    }
      
    
    .tcomparadorm tbody tr:nth-child(even) {
      background: transparent;
    }
    .tcomparadorm th, .tcomparadorm td {
    padding: .1em .5em;
    font-size: 1.4rem;
    }
		.tcomparadorm td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
      color:#000;
      width: 100%;
		}
      .tcomparadorm td:nth-child(even){background-color: #ddd;}
        .tcomparadorm td:first-child{
        padding-left: 1%;
        text-align: left;
        width: 100%;
        font-weight:700;
        background-color: #0d3b5d;
        color: #fff;
        }
		.tcomparadorm td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}

		/*
		Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
		*/
		.tcomparadorm td:nth-of-type(1):before { content: ""; }
		.tcomparadorm td:nth-of-type(2):before { content: "Terceros"; text-align: left;}
		.tcomparadorm td:nth-of-type(3):before { content: "Terceros Ampliado con Franquicia"; text-align: left;}
		.tcomparadorm td:nth-of-type(4):before { content: "Todo Riesgo con Franquicia"; text-align: left;}
      
      .tcomparador td:first-child, .tcomparadorm th:first-child {
        width: 100%;
        text-align:left;
      }
	}

/************  asistencia en viaje  *************/

/*
	Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.
	*/
    .tasistencia {padding: 0 0 2em!important;}
    .tasistencia thead tr:first-child{
    background-color: #00559f;
    color: #fff;
    }
    .tasistencia th, .tasistencia td{padding:.5em;}
    .tasistencia .ok{min-height: 10px;}
    .tasistencia .ok:before{content:url(https://8472476.fs1.hubspotusercontent-na1.net/hubfs/8472476/Icons/ok.png);width:20px;height:20px;}
    .tasistencia .oks:before{content:url(https://8472476.fs1.hubspotusercontent-na1.net/hubfs/8472476/Icons/ok_sf.png);}
    .tasistencia td, .tasistencia th{width:16.66666%;text-align:center;border: 1px solid #fff;}
    .tasistencia td:first-child, .tasistencia th:first-child{width:16.66666%;text-align:right;border: 1px solid #fff;}
    .tasistencia tbody tr:nth-child(even) {
      background: rgb(239 239 239 / 80%);
      color: rgb(0 0 0 / 60%);
    }
    .oro{
      background-color:rgb(235,156,0);
      color:#fff;
      font-size: 2rem;
      font-weight: 600;
    }
    .platino{
      background-color:rgb(86,188,252);
      color:#fff;
      font-size: 2rem;
      font-weight: 600;
    }

  @media
	  only screen 
    and (max-width: 760px), (min-device-width: 768px) 
    and (max-device-width: 1024px)  {

		/* Force table to not be like tables anymore */
		.tasistencia table, .tasistencia thead, .tasistencia tbody, .tasistencia th, .tasistencia td, .tasistencia tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		.tasistencia thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
    .tasistencia tr {
      margin: 0 0 1rem 0;
    }
    .tasistencia tbody tr:nth-child(even) {
      background: transparent;
    }
    .tasistencia th, .tasistencia td {
    padding: .1em .5em;
    font-size: 1.4rem;
    }
		.tasistencia td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 204px;
      color:#000;
      width: 100%;
      text-align:left;
      min-height: 50px;
		}
      .tasistencia td:nth-child(even){background-color: #ddd;}
        .tasistencia td:first-child{
        padding-left: 1%;
        text-align: left;
        width: 100%;
        font-weight:700;
        
        color: #fff;
        }
		.tasistencia td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 2px;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}
      .oro{
      background-color:rgb(235,156,0);
      color:#fff;
      font-size: 2rem;
      font-weight: 600;
    }
    .platino{
      background-color:rgb(86,188,252);
      color:#fff;
      font-size: 2rem;
      font-weight: 600;
    }

		/*
		Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
		*/
		.tasistencia td:nth-of-type(1):before { content: ""; }
		.tasistencia td:nth-of-type(2):before { content: "RESCATE"; text-align: left;}
		.tasistencia td:nth-of-type(3):before { content: "REMOLQUE VEHÍCULO"; text-align: left;}
		.tasistencia td:nth-of-type(4):before { content: "REGIMEN DE GRUPAJE"; text-align: left;}
		.tasistencia td:nth-of-type(5):before { content: "VEHÍCULO DE \A SUSTITUCIÓN"; text-align: left;white-space: pre;}
    .tasistencia td:nth-of-type(6):before { content: "TRANSPORTE DE \A ANIMALES DOMÉSTICOS"; text-align: left;white-space: pre;}
	}


/**** tabla comparador de seguros de hogar *********/
.tcomparadorh{
    padding: 1em .5em;
    font-size: 1.2rem;
  }
  .tcomparadorh table td,
  .tcomparadorh table th {
    padding: .5em .2em;
    /*border: 1px solid #ddd;*/
  }
.tcomparadorh table th {
  text-align: center;
}
.tcomparadorh tr:nth-child(even){background-color: #ddd;}
  .tcomparadorh .encabezado{background-color:#666;color:#fff;}
	.tcomparadorh .grupos {
    background-color: rgb(102, 153, 255);
    color: rgb(255, 255, 255);
    padding: 0 0 0 1em;
    border: 1px solid #fff;
}
	.tcomparadorh .hconfort{background-color:#FC0;color:#fff;}
	.tcomparadorh .hconfortplus{background-color:#069;color:#fff;}
	.tcomparadorh .hinquilino{background-color:#390;color:#fff;}
	.tcomparadorh .hdecides{background-color:#09F;color:#fff;}
	.tcomparadorh .caja,
  .leyenda .caja
  {background-color:transparent;width:70%;height:5px;margin:0 auto;}
	
  .tcomparadorh .caja.cajanaranja,
	.leyenda .caja.cajanaranja
  {background-color:orange;}
	
  .tcomparadorh .caja.cajaazul,
  .leyenda .caja.cajaazul
   {background-color:blue;}

 @media
	  only screen 
    and (max-width: 760px), (min-device-width: 768px) 
    and (max-device-width: 1024px)  {

		/* Force table to not be like tables anymore */
		.tcomparadorh table, .tcomparadorh thead, .tcomparadorh tbody, .tcomparadorh th, .tcomparadorh td, .tcomparadorh tr {
			display: block;
		}
      .tcomparadorh th{display:none;}
      .tcomparadorh th:nth-child(2){display:block;}
		/* Hide table headers (but not display: none;, for accessibility) */
		.tcomparadorh thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
    .tcomparadorh tr {
      margin: 0 0 1rem 0;
    }
    .tcomparadorh tbody tr:nth-child(even) {
      background: transparent;
    }
    .tcomparadorh th, .tcomparadorh td {
    padding: .1em .5em;
    font-size: 1.4rem;
      min-height: 25px;
    }
		.tcomparadorh td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 204px;
      color:#000;
      width: 100%;
      text-align:left;
		}
      .tcomparadorh td:nth-child(even){background-color: #ddd;}
        
      /*.tcomparadorh td:first-child{
        padding-left: 1%;
        text-align: left;
        width: 100%;
        font-weight:700;
        
        color: #fff;
        }*/
		.tcomparadorh td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 6px;
			width: 25%;
			padding-right: 10px;
			white-space: nowrap;
		}
      
      .tcomparadorh .caja {
    background-color: transparent;
    width: 70%;
    max-width: 60px;
    height: 4px;
    margin: 6px auto;
}
      .tcomparadorh .descgarantia{font-weight:600;}
		/*
		Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
		*/
		.tcomparadorh td:nth-of-type(1):before { content: ""; }
		.tcomparadorh td:nth-of-type(2):before { content: "Hogar"; text-align: left;}
		.tcomparadorh td:nth-of-type(3):before { content: "+Hogar"; text-align: left;}
		.tcomparadorh td:nth-of-type(4):before { content: "Inquilino"; text-align: left;}
		.tcomparadorh td:nth-of-type(5):before { content: "Tú decides"; text-align: left;}
	}


/**** fin tablas comparadores de seguros *********/

.hs-blog-listing .body-container-wrapper .row-fluid-wrapper,
.hs-blog-post .body-container-wrapper .row-fluid-wrapper
{
  max-width:1170px;
  margin: 2em auto 0;
  padding: 0 15px
}

.hs-blog-listing .body-container-wrapper .row-fluid-wrapper.row-depth-1.row-number-1 {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}
.hs-blog-post .body-container-wrapper .row-fluid-wrapper.row-depth-1.row-number-1{display:none;}

.hs-blog-listing h2,
.hs-blog-post h2{margin-bottom:.5em;}
.hs-blog-listing .hs-featured-image,
.hs-blog-post .hs-featured-image
{
    float: none;
    margin: 0 0 20px 0;
    max-width: 100%;
}
.hs-blog-listing .container-fluid,
.hs-blog-post .container-fluid
{
    padding-right: 0;
    padding-left: 0;
}

div.labels{margin-left: -13px!important;
    margin-top: -44px!important;}

@media screen and (max-width: 991px){
  .row-fluid .span8 {width:100%;}
}





/***************************************/
/*      menú principal y responsivo    */
/***************************************/
.menuhead ul.hs-menu-children-wrapper{position:absolute!important;left:auto!important;right:-66px;}
.header-8 .navbar .navbar-toggle {
    background-image: url();
 }
.navbar .navbar-toggle {
    background: url();
 }

.header-8-v2 .navbar .navbar-collapse {
    margin-right: 1em;
    margin-top: 0;
    margin-left: 0;
}
.header-8-v2 .navbar ul>li>ul.hs-menu-children-wrapper{
  padding:0;
  width:auto;
}
.header-8-v2 .navbar ul>li{
  margin-bottom: 0;
  margin-left: 10px;
}

.navbar-header li.hs-menu-item.hs-menu-depth-1.active-branch,
.navbar-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:hover{
    background-color:rgb(0,85,159);
}
.navbar-header .active > a, .navbar-header .active-branch > a,
.navbar-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul >li.hs-menu-depth-1:hover> a{
    font-weight: 600!important;
    color: #fff!important;
}
.header-8-v2 .navbar ul>li>.hs-menu-children-wrapper li
{
  margin-top: 0;
  padding: 12px;
  border-bottom: 1px solid #d4d4d4;
  background-color: #fff;
}
.navbar-header li.hs-menu-item.hs-menu-depth-2.active.active-branch,
.header-8-v2 .navbar ul>li>.hs-menu-children-wrapper li:hover{
  background-color: rgb(17,138,252);
  color: #fff;
}
li.hs-menu-item.hs-menu-depth-2.active.active-branch a,
.header-8-v2 .navbar ul>li>.hs-menu-children-wrapper li:hover a
{color:#fff!important;}

.navbar-collapse .hs-menu-wrapper>ul li.hs-item-has-children ul.hs-menu-children-wrapper li:first-child{display:none;}

@media (min-width: 768px){
  .navbar-toggle {
      display: none;
  }
}

/* para menú hamburguesa */
@media (max-width: 1350px) and (min-width: 768px){
  
  .navbar-toggle {
      display: block;
  }
    .navbar-collapse.collapse {
      display: none !important;
  }
  .menu-fixed .navbar-header .brand img {
  max-width: 105px !important;*/
  transition: all .5s ease;
  }
}

/* salto de menu bajo logo */
@media screen and (max-width: 1640px){
  .header-8-v2 .navbar .navbar-collapse {
    margin: 1em 0 0 1.5em;
  }
  .header-8-v2 .navbar ul {
    margin: 0;
  }
  .header-8-v2 .navbar ul>li {
    margin-left: 0;
  }
}
/* para menú hamburguesa */
@media screen and (max-width: 1350px){
  
  li.hs-menu-item.hs-menu-depth-1.active.hs-item-has-children.active-branch,
  li.hs-menu-item.hs-menu-depth-1.hs-item-has-children.active-branch,
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:hover,
  li.hs-menu-item.hs-menu-depth-2.active.active-branch,
  .header-8-v2 .navbar ul>li>.hs-menu-children-wrapper li:hover{
  background-color: transparent;
  color: #fff;
  }
  
  
  .navbar-collapse .hs-menu-wrapper>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    position: absolute;
  }
  .navbar-collapse .hs-menu-wrapper>ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper {
    position: relative;
  }
   .navbar-collapse .hs-menu-wrapper>ul li.hs-item-has-children ul.hs-menu-children-wrapper li:first-child{display:block;}
  .navbar-collapse .hs-menu-wrapper>ul li.hs-item-has-children > a{
    pointer-events: none;
  }
  .navbar-header {
    display: flex;
    justify-content: space-between;
  }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 6px;
  }
  .navbar-toggle .icon-bar{
    width: 35px;
    height: 4px;
  }
  .menuhead {
    width: 54px !important;
  }
  .menuhead .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a:before {
    content: url(https://8472476.fs1.hubspotusercontent-na1.net/hubfs/8472476/Icons/area-usuario-hamb.png);
    width: 21px;
    height: 15px;
    top: -10px;
  }
  .menuhead > .hs_cos_wrapper{line-height: 0;
    position: relative;
    top: 44%;}
  .header-8 .navbar .navbar-toggle {
    margin-top: 5px;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    white-space: normal;
  }
  .header-tel span
  {
    display:none!important;
  }
  .header-container .widget-type-global_group{width:100%!important;}
  .navbar-header {
    display: flex;
    justify-content: space-between;
  }
  .row-fluid>.tel-head,
  .area-cliente.flex{
    width: 60px !important;
  }
  .fui-phone:before {
    color: #fff;
    font-size: 3rem;
  }
  .row-fluid .area-cliente a:before {
    color: #FFF;
    font-size: 2.8rem;
  }
  .row-fluid .area-cliente .hs_cos_wrapper {
    margin: 0 auto;
  }
  .logo-menu {
    width: 100%!important;
  }
  .header-8 .navbar {
    margin: 5px 0!important;
  }
  .header-8 .navbar .navbar-toggle{
    margin: 26px 0 0;
  }
  .menuhead ul.hs-menu-children-wrapper{
    position:absolute!important;
    left:auto!important;
    right:-32px;
  }
  body > .navbar-collapse{
    width: 230px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100% !important;
    z-index:101!important;
  }
}
@media (max-width: 568px){
  .hs-menu-wrapper, .hs-menu-wrapper * {
      width: auto;
  }
  .menuhead ul.hs-menu-children-wrapper{
    right: 0;
  }
  .menuhead > .hs_cos_wrapper {
    top: 50%;
  }
  .col-tres.seguros .col-xs-12{
    padding-right: 5px;
    padding-left: 5px;
  }
  .col-tres.seguros .col-rt > div {
    padding: 1em 0;
  }
  .hs-blog-social-share-list li:last-child
  {
    clear:both;
    margin-left: -6px;
  }
  .blog-pagination .previous-posts-link,
  .blog-pagination .next-posts-link,
  .blog-pagination .all-posts-link {
    position: relative;
    display: block;
    top: 0;
    margin-bottom: 2em;
  }
  
  /* .content-rt.seguros-de-coche img,
   * .content-rt.seguros-de-coche h3,
   * .content-rt-2.seguros-de-moto img,
   * .content-rt-2.seguros-de-moto h3, .content-rt.seguros-de-coche div > a, .content-rt-2.seguros-de-moto div > a {
    width: 100%;
    flex-basis: 100%;
    margin: 0;
  }*/
  
}
.menu-fixed {
	position:fixed;
	z-index:10;
	top:0;
	width:100%;
	box-shadow:0px 4px 3px rgba(0,0,0,.5);
}
.menu-fixed .navbar-header .brand img {
  max-width: 105px !important;*/
  transition: all .5s ease;
}


@media screen and (max-width: 991px){
  _:default:not(:root:root), .col-xs-6 {
    width: 49.9%;
  }
}
@media screen and (max-width: 767px){
  _:default:not(:root:root), .col-gl-12 {
    width: 99.9%;
  }
}

@media (min-width: 992px){
  _:default:not(:root:root), .col-sm-3 {
    width: 24.9%;
  }
  _:default:not(:root:root), .col-gl-10 {
    width: 19.9%;
  }
}


.reblogmmt.hs-blog-listing .bloquelistado .row-fluid-wrapper.row-depth-1.row-number-4 {margin: 0 auto;}
/* módulo categorias en blog */
.modulo_filtro_tags ul{list-style-type: none;padding-left: .5em;}

/* modulo recent post */
.reciente {
    margin-bottom: 1em;
}
.reblogmmt.hs-blog-post .hs-featured-image {
    margin: 0;
}
.reblogmmt .reciente .post-title{
    font-size: 1.5rem;
    line-height: 1.2;
}
.reblogmmt .reciente .post-date{
    font-size: 1.2rem;
}
.reblogmmt.hs-blog-post .hs-featured-image{width:100%;}

/******** landing pages ********/
.pbtn{
    text-align: center;
    margin: 5em auto 8em;
}
.btn-abremodal{
    font-size: 1.8em;
    padding: .5em 1em;
    line-height: 22px;
    -webkit-transition: color .25s,background .25s;
    -moz-transition: color .25s,background .25s;
    -o-transition: color .25s,background .25s;
    transition: color .25s,background .25s;
    color: #fff;
    background-color: #e86f23;
    cursor: pointer;
    border: 0;
    width: auto!important;
    height:auto!important;
    position: relative!important;
    border-radius: 0!important;
}
.btn-abremodal.btn-footer{font-size: 1.4em;
    padding: .5em .5em;}
.btn-abremodal:hover,
.btn-abremodal:focus{color:#fff;}
.footer-phone-block .footer-phone {
    position: relative;
    padding-left: 62px;
    margin-bottom: 20px;
}
.footer-phone-block .footer-phone .icon-phone-white {
    position: absolute;
    left: 5px;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    width: 40px;
    display: block;
}
.footer-phone-block .footer-phone .info {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 5px;
}
@media screen and (max-width: 767px){
.hs-landing-page .container h3 {
    font-size: 25px!important;
    margin: 0 0 2px!important;
  }
}

/******* página resultados búsquedas **********/
.reblogmmt.hs-blog-listing .hs-search-field{margin-top: 4em;}
.reblogmmt .cta-blog a[id^='cta']{padding: 4px!important;}

/******* página rejilla blog ********/

@media (min-width: 768px) and (max-width: 1139px){
.reblogmmt .body-container-wrapper .row-fluid .span4 {
    width: 31.491712705%;
}
.reblogmmt .body-container-wrapper .row-fluid .span8 {
    width: 65.74585634900001%;
  }
}

@media (max-width: 767px){

  .reblogmmt .body-container-wrapper .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: auto!important;
    margin-left: 0!important;
  }
  .reblogmmt .listado-blog .rejilla-blog-mmt .col-rt.secund-post {
    padding: 0;
  }
  .reblogmmt .hs-search-field {
    margin-top: 0;
  }
  .reblogmmt .cajatitctablogfooter p{
    text-align:left;
  }
  .reblogmmt h2{
    font-size: 24px!important;
  }
}

/******** menú lupa buscador **********/
.header-8-v2 .navbar ul>li.hs-menu-depth-1:last-child {
    margin-left: 20px;
}
.header-8-v2 .navbar ul > li.hs-menu-depth-1:last-child > a {
    content: "";
    font-size: 0;
    width: 25px;
    height: 25px;
    background-image: url(https://www.mmtseguros.com/hubfs/buscar.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 12px;
}
.hs-search-field__bar button{
  margin-top:15px;
  padding: 1.4rem 2.5rem 0.8rem;
}
.hs-search-field__bar button svg {
    height: 20px;
}
.hs-search-field__bar button svg path{
    fill: #fff;
}
li.hs-menu-item.hs-menu-depth-1.hs-item-has-children>a:after{
  top: 18px;
}

.menu-areas .header-8-v2 .navbar ul > li.hs-menu-depth-1:last-child > a {
    content: none;
    background-image: none;
    font-size: 1.8rem;
    font-weight:500;
    border-radius: 8px;
    background-color: #e86f23;
    transition: all .5s ease;
  width: auto;
  height:auto;
  top:auto;
  padding: 13px 25px 13px 15px!important;
  pointer-events: none;
  margin-right:1px;
}
.menu-areas .header-8-v2 .navbar ul > li.hs-menu-depth-1:last-child > a:before {
    content: "";
    font-family: 'Flat-UI-Icons';
    content: "\e01d";
    color: #fff;
    font-size: 2rem;
    position: relative;
    margin-right: 5px;
}
#group-logo-menu .logo-menu .header-8-v2 .navbar ul > li.hs-menu-depth-1:last-child > a {
    top: 2px;
}
@media (max-width:968px)
{
  .tel-head a.cta_button{font-size: 28px!important;}
}
@media (max-width:490px)
{
  .tel-head a.cta_button{font-size: 24px!important;}
}