/*Imagen y contenido en el centro*/
.caja-dialogo-01{
	display: inline-flex;
	justify-content: center;
	align-items: flex-end;
	flex-wrap: nowrap;
	width: 80%;
	font-family: 'Quicksand', sans-serif;
	background-color: #fff;
	padding: 20px;
	border-radius: 8px;
	transition: all .4s ease-out;	
	box-sizing: border-box;
	position: relative;
}
.img-caja-dialogo-01{
	width: 60%;
	object-fit: contain;	
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0px;
}
.texto-caja-dialogo-01{
	width: 50%;	
	background-repeat: no-repeat;
	background-position: center;
	font-size: 25px;
	color: #676767;
	padding: 20px 10px;
	border: 5px solid #3FA9F5;
	border-radius: 50px 50px 50px 0px ;
	z-index: 2;	
	margin-left: 35%;
}
/*Estilos segundo diseño 100% Imagen-Contenido-Imagen */
.caja-dialogo-02{
	display: inline-flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
	width: 100%;
	font-family: 'Quicksand', sans-serif;
	background-color: #fff;
	padding: 0px 20px;
	border-radius: 8px;
	transition: all .4s ease-out;
	box-sizing: border-box;
	position: relative;
}
.img-caja-dialogo-02{
	width: 15%;
	object-fit: contain;
	margin-top: 50px;
	position: absolute;
	left: -14%;
	width: 50%;
}
.img-caja-dialogo-02-2{
	width: 35%;
	object-fit: contain;
	margin-top: 50px;
	position: relative;
	margin-left: 2%;
	margin-top: 6%;
	border-radius: 7px;
}
.img-caja-dialogo-02-2 img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}
.img-caja-dialogo-02-2:after{
	content: ' ';
	width: 100%;
	height: 100%;
	left: 0px;
	position: absolute;
	top: 0px;
	z-index: 2;
	background: linear-gradient(to right, rgba(0,0,0,.0), rgba(0,0,0,.0),rgba(0,0,0,.2), rgba(0,0,0,.2),rgba(255,255,255,.4));
}

.texto-caja-dialogo-02{
	width: 40%;
	background-repeat: no-repeat;
	background-position: center;
	font-size: 25px;
	color: #676767;
	padding: 20px;
	/* border: 1px solid #3FA9F5; */
	border-radius: 50px 50px 50px 50px;
	z-index: 2;
	margin-left: 18%;
	text-align: justify;
}
/*Estilos segundo diseño 90% Contenido-Opciones de selección. */
.caja-dialogo-03{
	display: inline-flex;	
	width: 90%;
	font-family: 'Quicksand', sans-serif;
	background-color: #fff;
	padding: 0px 20px;
	border-radius: 8px;
	transition: all .4s ease-out;
	box-sizing: border-box;
	position: relative;
	flex-wrap: wrap;
}
.cont-titulo-dialogo-03{
	width: 100%;
	display: inline-flex;
	justify-content: flex-start;
	flex-wrap: no-wrap;
	align-items: center;
	position: relative;
	padding: 10px;
	background-color: rgba(100,50,50,.1);
	border-radius: 7px;	
}
.img-titulo-dialogo-03{
  width: 100px;
	height: 100px;
	object-fit: contain;
	object-position: center;
	border: 4px solid #3FA9F5;
	padding: 10px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	border-radius: 50%;	
	background-color: #fff;
}
.texto-titulo-dialogo-03{
	width: 100%;
	text-align: left;
	font-family: 'Quicksand', sans-serif;	
	font-size: 20px;
	padding: 0px 20px;
}
.cont-titulo-dialogo-03-2{
	width: 100%;
	display: inline-flex;
	justify-content: space-around;
	flex-wrap: wrap;
	padding: 20px 0px;
}
.cont-titulo-dialogo-03-2 .boton{
  width: 35%;
	object-fit: contain;
	margin: 10px 0px;
	cursor: pointer;
	transition: all .4s ease-out;
}
.cont-titulo-dialogo-03-2 .boton:hover{
	transform: translateY(-10px) rotate(-1deg) scale(1.003);
}
.cont-titulo-dialogo-03-2 div{
	width: 100%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	transition: all 1s ease-out;
}
.cont-titulo-dialogo-03-2 div>img:hover{
	transform:rotate(35deg);
}
.cont-titulo-dialogo-03-2 div>img{
	width: 3%;	
}
.cont-titulo-dialogo-03-2 div>span{	
	font-family: 'Quicksand', sans-serif;	
	font-size: 15px;	
	color: #3FA9F5;
	margin-left: 10px;	
}
/*Estilos segundo diseño 100% Imagen-Imagen */
.caja-dialogo-04{
	display: inline-flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
	width: 100%;
	font-family: 'Quicksand', sans-serif;
	background-color: #fff;
	padding: 0px 20px;
	border-radius: 8px;
	transition: all .4s ease-out;
	box-sizing: border-box;
	position: relative;
}
.img-caja-dialogo-04{
	width: 15%;
	object-fit: contain;
	margin-top: 50px;
	position: absolute;
	left: -12%;
	width: 55%;
}
.img-caja-dialogo-04-2{
	width: 70%;
	object-fit: contain;
	margin-top: 50px;
	position: relative;
	margin-left: 25%;
	margin-top: 6%;
	border-radius: 7px;
}
.img-caja-dialogo-04-2 img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}
/*Estilos segundo diseño 100% Texto*/
.caja-dialogo-05{
	display: inline-flex;	
	width: 90%;
	font-family: 'Quicksand', sans-serif;
	background-color: #fff;
	padding: 0px 0px;
	border-radius: 8px;
	transition: all .4s ease-out;
	box-sizing: border-box;
	position: relative;
	flex-wrap: wrap;
}
.cont-titulo-dialogo-05{
	width: 100%;
	display: inline-flex;
	justify-content: flex-start;
	flex-wrap: no-wrap;
	align-items: center;
	position: relative;
	padding: 10px;
	background-color: rgba(100,50,50,.1);
	border-radius: 7px;	
}
.img-titulo-dialogo-05{
  width: 100px;
	height: 100px;
	position: absolute;
	top: -5%;
	left: -2%;
	object-fit: contain;
	object-position: center;
	border: 4px solid #3FA9F5;
	padding: 10px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	border-radius: 50%;	
	background-color: #fff;	
}
.texto-titulo-dialogo-05{
	width: 100%;
	text-align: justify;
	font-family: 'Quicksand', sans-serif;	
	font-size: 20px;
	padding: 0px 20px 0px 80px;
}
.cont-bullets-dialogo-05{
	width: 100%;
	padding: 10px 0px;
	display: inline-flex;
	justify-content: flex-end;
	align-items: center;
}
.cont-bullets-dialogo-05>a{
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: 1px solid #3FA9F5;
	background-color: #fff;	
	margin: 0px 5px;
}
.bullet-activo{
	background-color: rgba(0,169,157,1) !important;
	border: none !important;;	
}
.cont-img-dialogo-05{
	width: 60%;
	display: block;		
	text-align: center;
}
.cont-img-dialogo-05>img{
	width: 60%;
	display: block;		
	margin: 10px auto;	
	cursor: pointer;
	transition: all .7s ease-out;
}
.cont-img-dialogo-05>img:hover{
	transform: scale(1.04);
}
.cont-img-dialogo-05>div{
	width: 100%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.cont-img-dialogo-05>div img{
	width: 25px;
	height: 25px;
	margin: 0px 10px;
}
/*Imagen y contenido en el centro*/
.caja-dialogo-06{
	display: inline-flex;
	justify-content: flex-end;
	align-items: flex-start;
	flex-wrap: nowrap;
	width: 80%;
	font-family: 'Quicksand', sans-serif;
	background-color: #fff;
	padding: 20px;
	border-radius: 8px;
	transition: all .4s ease-out;	
	box-sizing: border-box;
	position: relative;
}
.caja-dialogo-06>iframe{
	width: 100%;
	height: 400px !important;
	border-radius: 8px;
}
.img-caja-dialogo-06{
	width: 65% !important;;
	object-fit: contain;	
	position: absolute;
	z-index: 1;
	top: 2%;
	right: 0%
	
}
.texto-caja-dialogo-06{
	width: 50%;	
	margin-left: 5%;
	background-repeat: no-repeat;
	background-position: center;
	font-size: 25px;
	color: #676767;
	padding: 20px 10px;
	border: 5px solid #3FA9F5;
	border-radius: 50px 50px 0px 50px ;
	z-index: 2;
}