/*
Theme Name: Divi Child Theme
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 4.6.5.1602272827
Updated: 2020-10-09 19:47:07

*/


/* MENSAJE-ALERTA EN FORMULARIO */
.et-pb-contact-message {
	color: #856404;
    background-color: #fff;
	    position: relative;
    margin-bottom: 1rem;
    border-radius: .25rem;
}
.et-pb-contact-message p {
	padding:10px;
	padding-bottom: 10px !important;
}
.et-pb-contact-message ul {
	padding: 10px;
}
.et-pb-contact-message ul li {
	list-style-type:none;
	font-weight:bold;
}

/* BOTON ENVIAR */
.et_contact_bottom_container {
	float:none;
}
.et_pb_contact_reset, .et_pb_contact_submit {
    display: block;
	margin: 0 auto;
}

/* TITULO CONTACTO */
.dipe-form-header-info {
	width:100%;
}
.dipe-form-header-title {
	text-align:center;
}

.wpcf7-form-control-wrap {
	width:100%;
}

/* Seccion Soluciones */
.cont-soluciones .et_pb_module_header {
	background-color: #0267A3;
    border-radius: 30px;
    padding: 5px 15px;
    display: inline-block;
    margin-bottom: 20px;
}
.cont-soluciones .et_pb_promo_description{
	text-align: left;
}
.cont-soluciones ul {	
  list-style: none;
}
.cont-soluciones ul li::before {
  content: "\2022";
  color: #0267A3;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

/* CABEZAL BANNER AFILIATE */
#banner_cabezal_afiliate .et_multi_view_image__loading {
	visibility: visible !important;
}
/* CABEZAL BANNER AFILIATE */

/* SCROLL */
@-webkit-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@-moz-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
 .scroll-btn {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
}
.scroll-btn > * {
	display: inline-block;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	color: #0267A3;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
	color: #0267A3;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.scroll-btn .mouse {
	position: relative;
	display: block;
	width: 35px;
	height: 55px;
	margin: 0 auto 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid #0267A3;
	border-radius: 23px;
}
.scroll-btn .mouse > * {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background: #0267A3;
	border-radius: 50%;
	-webkit-animation: ani-mouse 2.5s linear infinite;
	-moz-animation: ani-mouse 2.5s linear infinite;
	animation: ani-mouse 2.5s linear infinite;
}

/* FLECHA/MOUSE BAJAR */
.cont-arrow {
  position: relative;
  width: 24px;
  height: 24px;
	left: 4px;
}

.chevron {
  position: absolute;
  width: 25px;
  height: 5px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}

.chevron:first-child {
  animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #0267A3;
}

.chevron:before {
  left: 0;
  transform: skew(0deg, 30deg);
}

.chevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}

@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}

.text {
  display: block;
  margin-top: 75px;
  margin-left: -30px;
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-size: 12px;
  color: #080dcb;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: .25;
  animation: pulse 2s linear alternate infinite;
}

@keyframes pulse {
  to {
    opacity: 1;
  }
}
/* FIN - FLECHA */


/* BENEFICIOS / PLANES */
.item_beneficios {
	display: inline-block;
	vertical-align: middle;
}

.cont-planes:after {
content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -100px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 435px 100px 435px 0;
    border-color: transparent #0067ae transparent transparent;	
}

.et-db #et-boc .et-l .item_beneficios.et_pb_module {	
	margin: 0 30px !important;
}
@media only screen and (max-width: 600px) {
	.et-db #et-boc .et-l .item_beneficios.et_pb_module {	
		margin: 0 !important;
	}
}


.cabezal_iconos_mobile .et_pb_column {
	    display: flex;
    justify-content: space-between;
}

.cabezal_redes li a.icon.et_pb_with_border {
	width:25px;
}

/* BENEFICIOS / PLANES - FIN */

/* MENU */
#menu div {
	display: flex;
    justify-content: flex-end;
}
#menu div p {
	display: flex;
    justify-content: flex-end;
	line-height:2;
}
#menu div a {
	display: inline-block;
	margin-left: 3px;
}
#menu ul {
	display: flex;
    justify-content: flex-end;
	list-style: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#menu ul li {
	margin-right: 4em;
}
#menu ul li a {
	color: #9B9C9E;
}
#menu ul li a:hover {
	color: #0067AE;
}
/* MENU - FIN */

/* PIE/CONTACTO */
.pie_seguinos span {
	vertical-align:middle;
	line-height: 1;
	margin-left: 3px;
}
.pie_seguinos a {
	display:inline-block;
}
/* PIE/CONTACTO - FIN */


/* FORMULARIO */
#form_afiliate {
	text-align: center;
	    border-radius: 10px;
	overflow: hidden;
}
#form_afiliate h2 {
	margin-bottom: 20px;
	color:#0067AE;
}
#form_afiliate input {
	margin-bottom: 20px;
	    border-radius: 10px;
}
#form_afiliate input[type=text] {
	    border: 1px solid #0067AE;
}
#form_afiliate input[type=submit] {
	    border-radius: 22px;
}
#form_afiliate textarea {
	    height: 100px;
}
#form_afiliate .dp-row {
	    display:flex;
}

/* FORMULARIO - FIN */