.node--type-basic-page .container p.body, .element-longtext p.body {
    margin-bottom: 1rem;
}

.virtual-space {
    margin-top: 25px;
}

#block-piedepagina > ul > li > ul > li > ul > li > ul > li > a.indented {
   padding-left: 15px;
}

.megamenu h5 a:hover {
    text-decoration: none;
    background-color: #98a92a;
    color: #fff;
    padding: 5px;
}

.voxReflex img {
    width: 16px;
    margin-right: 3px;
    margin-bottom: 3px;
}

.block-dkv-compare-coverages .price-from {
	margin: 0px 0px 12px;
}

a.red-button, .block-hero.block--view-mode-default .content .group-left .field--name-field-cta-link a, .block-hero.block--view-mode-full .content .group-left .field--name-field-cta-link a.red-button, .block-next-steps.block--view-mode-full .field--name-field-cta-link a, .block-next-steps.block--view-mode-default .field--name-field-cta-link a.red-button {
	background-color: #ED0039;
	border: 0px;
}

.block-hero .block-system-breadcrumb-block nav .breadcrumb .breadcrumb-item, .node--type-article.node--view-mode-full .block-system-breadcrumb-block nav .breadcrumb .breadcrumb-item, .block-hero .block-system-breadcrumb-block nav .breadcrumb .breadcrumb-item:before, .node--type-article.node--view-mode-full .block-system-breadcrumb-block nav .breadcrumb .breadcrumb-item:before, .block-hero .block-system-breadcrumb-block nav .breadcrumb .breadcrumb-item a, .node--type-article.node--view-mode-full .block-system-breadcrumb-block nav .breadcrumb .breadcrumb-item a {
	color: #6a625a;
}

.dropdown-menu p.body a.menu-block {
	text-decoration: none;
    color: #6a625a;
}

.dropdown-menu p.body a.menu-block:hover {
	background-color: #F2F4E4;
    //display: block;
}

/* Extra small devices (phones, 600px and down) */
@media all and (max-width: 600px) {
	.hero-banner .image-style-crop-freeform {
		display: none;
	}
}

/* Custom hiberus (delete when deploy) */
@media all and (min-width: 992px){
  .block-views-blockbrandcontent-list-block-1 .view-brandcontent-list .views-infinite-scroll-content-wrapper .views-row{
      min-height: 322px;
  }
}

p.title-fedra-h1 {
	font-size: 46px;
}

p.title-fedra-h2 {
	font-size: 24px;
}

p.title-fedra-h3 {
	font-size: 21px;
}

p.title-fedra-h4 {
	font-size: 18px;
}

p.title-fedra-h5 {
	font-size: 16px;
}

p.title-fedra-h1, p.title-fedra-h2, p.title-fedra-h3, p.title-fedra-h4, p.title-fedra-h5 {
	font-family: "fedra-regular", Arial, sans-serif;
    margin-bottom: 0.5rem;
	font-weight: 500;
    line-height: 1.2;
    margin-top: 0;
}

.megamenu p.title-fedra-h5 a:hover {
    text-decoration: none;
    background-color: #98a92a;
    color: #fff;
    padding: 5px;
}

.block-general div[id*="slick-block-content-block-general-apps"] .slick__slide .links .field.field--name-field-app-googleplay,
.block-general div[id*="slick-block-content-block-general-apps"] .slick__slide .links .field.field--name-field-app-appstore {
	background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.block-general div[id*="slick-block-content-block-general-apps"] .slick__slide .links .field.field--name-field-app-googleplay{
	background-image: url(/themes/custom/dkvproducto_theme/css/images/play_store.png);
}
.block-general div[id*="slick-block-content-block-general-apps"] .slick__slide .links .field.field--name-field-app-appstore {
	background-image: url(/themes/custom/dkvproducto_theme/css/images/app_store.png);
}

.block-general div[id*="slick-block-content-block-general-apps"] .slick__slide .links .field.field--name-field-app-googleplay a,
.block-general div[id*="slick-block-content-block-general-apps"] .slick__slide .links .field.field--name-field-app-appstore a {
	display: block;
    height: 48px;
    width: 143px;
    font-size: 0;
    border: none;
}

.block-general .field--name-field-opinions-video .field--name-field-video .video-embed-field-lazy-play.video-thumbnail {
    background-image: url(/themes/custom/dkvproducto_theme/css/images/play.svg);
}

.block--type-bloque-zig-zag.block--view-mode-video-left .field--name-image:before, .block--type-bloque-zig-zag.block--view-mode-video-right .field--name-image:before {
    background-image: url(/themes/custom/dkvproducto_theme/css/images/play-zigzag.svg);
	z-index: 1;
}

/* Inicio de widget de contacta con un agente */
.need-help {
  padding: 24px 0;
  background-image: url("https://dkv.es/sites/default/files/2022-03/need-help-bg-mobile_reduced.jpg");
  background-size: cover;
  background-position: center;
}

.need-help .grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(214px, 1fr));
  grid-gap: 24px;
}

.need-help .btn {
  font-family: "FSMe-regular",Arial,sans-serif;
  background: #004e4d;
  border-radius: 8px;
  border: 1px solid #004e4d;
  display: inline-flex;
  padding: 12px 12px 12px 40px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  color: #fbfbf6;
  transition: 0.5s ease all;
  cursor: pointer;
  align-items: center;
  text-decoration: none;
  position: relative;
}

.need-help .btn svg path {
  fill: #fbfbf6;
  transition: 0.5s ease all;
}

.need-help .btn .left-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
}

.need-help .btn .right-icon {
  margin-left: 10px;
  position: relative;
  top: -1px;
}

.need-help .btn:hover {
  background: #ffffff;
  color: #004e4d;
}

.need-help .btn:hover svg path {
  fill: #004e4d;
}

.need-help .container {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 15px;
}

.need-help .main-wrapper {
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 4px 16px rgba(0, 78, 77, 0.06);
  backdrop-filter: blur(16px);
  border-radius: 8px;
  padding: 24px;
}

.need-help .logo {
  margin-bottom: 25px;
}

.need-help .title {
  font-family: "FSMe-regular",Arial,sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #004e4d;
  margin: 0 0 15px 0;
}

.need-help .subtitle {
  font-family: "FSMe-regular",Arial,sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 32px;
  color: #004e4d;
  margin: 0 0 24px 0;
}

.need-help .content {
  font-family: "FSMe-regular",Arial,sans-serif;
  margin: 0 0 24px 0;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #004e4d;
}

.need-help .help-item {
  background: #ffffff;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  padding: 5px 0 15px 0;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-flow: column;
}

.need-help .help-item .btn-wrapper {
  flex: 1;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.need-help .help-item .main-icon {
  margin-bottom: 0;
}

.need-help .help-item .description {
  font-family: "FSMe-regular",Arial,sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #004e4d;
  margin: 0 auto 15px auto;
}

@media (min-width: 600px) {
  .need-help {
    padding: 30px 0;
    background-image: url("https://dkv.es/sites/default/files/2022-03/need-help-bg_reduced.jpg");
  }

  .need-help .main-wrapper {
    padding: 30px;
  }

  .need-help .title {
    font-size: 32px;
    line-height: 48px;
  }

  .need-help .subtitle {
    font-size: 24px;
    line-height: 32px;
  }

  .need-help .content {
    font-size: 16px;
    line-height: 24px;
  }

  .need-help .help-item .description {
    max-width: 200px;
  }
}

@media (min-width: 1920px) {
  .need-help {
    background-image: url("https://dkv.es/sites/default/files/2022-03/need-help-bg-large_reduced.jpg");
  }
}

/* FIN de widget de contacta con un agente */

/* INICIO WIDGET MODALIDADES */
.modalities {
  padding: 30px 0;
  background: #f0f0f0;
}

.modalities p,
.modalities h1,
.modalities h2,
.modalities h3 {
  margin: 0;
}

.modalities .container {
  max-width: 897px;
  margin: 0 auto;
  padding: 0 15px;
}

.modalities .btn {
  background: #ed0039;
  border: 1px solid #ed0039;
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 8px 11px;
  text-decoration: none;
  justify-content: center;
  transition: 0.5s ease all;
}

.modalities .btn:hover svg path {
  transition: 0.5s ease all;
}

.modalities .btn span {
  font-family: "fedra-regular", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  margin: 0px 8px;
  transition: 0.5s ease all;
}

.modalities .btn:hover {
  background: white;
}

.modalities .btn:hover span {
  color: #ed0039;
}

.modalities .btn:hover svg path {
  fill: #ed0039;
}

.modalities .main-title {
  font-family: "fedra-regular", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 25px;
  color: #6a625a;
  margin-bottom: 20px;
}

.modalities .main-desc {
  font-family: "fedra-regular", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  color: #6a625a;
  margin-bottom: 40px;
}

.modalities .modalities-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(256px, 1fr));
  grid-gap: 24px;
  margin-bottom: 64px;
}

.modalities .modality {
  background: #ffffff;
  border-radius: 4px;
  display: flex;
  flex-flow: column;
}

.modalities .modality .modality-content {
  padding: 24px;
  flex: 1;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

.modalities .modality.green-variant {
  background: #e1eae9;
}

.modalities .modality .modality-header {
  background: #004e4d;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  text-align: center;
}

.modalities .modality .modality-header .header-title {
  font-family: "fedra-regular", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
}

.modalities .modality .bottom-info {
  text-align: right;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
}

.modalities .modality .over-title {
  font-family: "fedra-regular", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #6a625a;
  margin-bottom: 8px;
}

.modalities .modality .title {
  font-family: "fedra-regular", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: #98a92a;
  margin-bottom: 16px;
  max-width: 150px;
}

.modalities .modality.green-variant .title {
  max-width: 100%;
}

.modalities .modality .type {
  font-family: "fedra-regular", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #004e4d;
  margin-bottom: 16px;
}

.modalities .modality .content {
  font-family: "fedra-regular", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #6a625a;
  margin-bottom: 16px;
}

.modalities .modality .from {
  font-family: "fedra-regular", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #6a625a;
}

.modalities .modality.green-variant .from,
.modalities .modality.green-variant .prev-price,
.modalities .modality.green-variant .content,
.modalities .modality.green-variant .title,
.modalities .modality.green-variant .over-title {
  color: #004e4d;
}

.modalities .modality.green-variant .years,
.modalities .modality.green-variant .discount,
.modalities .modality.green-variant .discount-desc {
  color: #537200;
}

.modalities .modality .prev-price {
  font-family: "fedra-regular", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 32px;
  text-decoration-line: line-through;
  color: #6a625a;
}

.modalities .modality .price {
  font-family: "fedra-regular", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: #004e4d;
  margin-bottom: 16px;
}

.modalities .modality .years {
  font-family: "fedra-regular", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #6a625a;
}

.modalities .modality .discount {
  font-family: "fedra-regular", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: #095751;
  max-width: 100px;
  align-self: flex-end;
}

.modalities .modality .discount-desc {
  font-family: "fedra-regular", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #6a625a;
  margin-bottom: 16px;
}

.modalities .bonus-title {
  font-family: "fedra-regular", Arial, sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 23px;
  color: #6a625a;
  margin-bottom: 24px;
}

.modalities .bonus-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(256px, 1fr));
  grid-gap: 24px;
}

.modalities .bonus-wrapper .bonus {
  padding: 24px;
  background-color: #fff;
  border-radius: 4px;
}

.modalities .bonus-wrapper .over-title {
  font-family: "fedra-regular", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #98a92a;
}

.modalities .bonus-wrapper .title {
  font-family: "fedra-regular", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: #095751;
}

.modalities .bonus-wrapper .secondary-desc {
  font-family: "fedra-regular", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #6a625a;
}

@media (min-width: 960px) {
.modalities {
    padding: 64px 0;
  }

  .modalities .main-title {
    font-size: 32px;
    line-height: 48px;
    max-width: 90%;
  }

  .modalities .main-desc,
  .modalities .bonus-title {
    font-size: 20px;
    line-height: 32px;
  }
}

/* FIN WIDGET MODALIDADES */

/* Change distributives, other insureances, apps to h2 */
.block-general .field--name-field-distributives .field--name-title-content h2 {
	font-size: 21px;
}

.block-general.block--view-mode-default .field--name-field-insurances > .field__item .field--name-title-content h2 {
    font-size: 21px;
}

.block-general div[id*="slick-block-content-block-general-apps"] .slick__slide .group-top .group-header .group-content .field--name-field-title h2 {
    font-size: 21px;
}

/* OPCITY HEADER PROBLEM */
header {
	opacity: 1;
}

/*Display none temporal renta bottom */
.block-renta .activistas-salud p {
	display: none;
}


@media all and (min-width: 992px) {
	.block-hero .content img {
		top: 50% !important;
		left: 50% !important;
		width: 170px !important;
	}
}

@media all and (max-width: 992px) {
	.menu-block:hover {
		pointer-events: none !important;
		background-color: unset !important;
	}
	.block-hero .content img {
		top: 7% !important;
    	left: 30% !important;
	}
}

@media only screen and (max-width: 5000px) {
    #hubspot-messages-iframe-container {
        margin-bottom: 70px;
    }
	
	body #inbenta-bot-sdk.inbenta .inbenta-bot__launcher {
        margin-bottom: 96px;
    }
}

@media only screen and (max-width: 991px) {
    #hubspot-messages-iframe-container {
        margin-bottom: 130px;
    }
	
	body #inbenta-bot-sdk.inbenta .inbenta-bot__launcher {
        margin-bottom: 96px;
    }
}

@media only screen and (max-width: 767px) {
    #hubspot-messages-iframe-container {
        margin-bottom: 70px;
    }
	
	body #inbenta-bot-sdk.inbenta .inbenta-bot__launcher {
        margin-bottom: 96px;
    }
}

@media only screen and (max-width: 466px) {
    #hubspot-messages-iframe-container {
        margin-bottom: 122px;
    }

	#hubspot-messages-iframe-container {
		height: 80%!important;
	}
	
	body #inbenta-bot-sdk.inbenta .inbenta-bot__launcher {
        margin-bottom: 96px;
    }
}