/*
Theme Name: Centro de Desarrollo Cristiano 
Theme URI: http://www.iglesiacdc.com
Description: Iglesia Cristiana - Centro de Desarrolo Cristiano CDC.
Author: Pamela LG 
Author URI: http://www.racoagencia.com
Version: 1.0
*/

/*----------------RESPONSIVE----------------*/
/*---Menu---*/

.rmenu {
	z-index: 10002;
	display: block;
	width: auto;
	margin-top: 0;
	position: fixed;
	top: 15px;
	right: 15px;
}

.line1 {
	float: right;
	margin: 0;
	padding: 8px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.line1:hover {
	transform: scale(1.05);
}

.line-1 {
	border-top: 3.5px solid #086BA8;
	width: 30px;
	margin: 5px 0;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(8, 107, 168, 0.2);
}

.line1>.rsubmenu {
	display: none;
}

.line1:hover>.rsubmenu,
.line1.active>.rsubmenu {
	display: block;
}

.rsubmenu {
	position: fixed;
	z-index: 10001;
	top: 60px;
	right: 10px;
	margin-top: 0;
	background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
	border-radius: 12px;
	box-shadow: 0 10px 40px rgba(8, 107, 168, 0.25);
	border: 2px solid rgba(8, 107, 168, 0.15);
	overflow: hidden;
	min-width: 250px;
	max-width: 90vw;
}

.rsubmenu>ul {
	margin: 0;
	padding: 8px 0;
}

.rsubmenu>ul>li {
	line-height: normal;
	font-size: 1em;
	padding: 0;
	list-style-type: none;
	background: transparent;
	border-bottom: 1px solid rgba(8, 107, 168, 0.08);
}

.rsubmenu>ul>li:last-child {
	border-bottom: none;
}

.rsubmenu>ul>li>a {
	color: #086BA8;
	text-decoration: none;
	display: block;
	padding: 14px 18px;
	transition: all 0.3s ease;
	font-weight: 500;
	position: relative;
	min-height: 44px;
	/* Touch target size */
	display: flex;
	align-items: center;
}

.rsubmenu>ul>li>a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 4px;
	background: linear-gradient(180deg, #0A7EC1 0%, #086BA8 100%);
	transform: scaleY(0);
	transition: transform 0.3s ease;
}

.rsubmenu>ul>li:hover {
	background: linear-gradient(90deg, rgba(10, 126, 193, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
}

.rsubmenu>ul>li:hover>a::before {
	transform: scaleY(1);
}

.rsubmenu>ul>li:hover a {
	color: #064b73;
	padding-left: 24px;
}

.menu-responsive {
	text-transform: uppercase;
}

.menu-responsive ul li {
	list-style-type: none;
	margin-left: -2em
}

.menu-responsive p {
	border: 1px solid #666;
	border-radius: 4px;
	padding: 0.5em 0.5em 0.5em 1.5em;
	color: #333;
	font-weight: bold;
}

/*---25%---*/
@media (max-width:8000px) {

	.wrap,
	.wrap-100 {
		width: 24%;
		margin: 0 auto;
	}

	.rmenu,
	.clear1 {
		display: none;
	}

	.impresion-2 {
		display: none;
	}

	.clear3 {
		display: none;
	}

	.clear4 {
		clear: both;
	}
}

/*---33%---*/
@media (max-width:5000px) {

	.wrap,
	.wrap-100 {
		width: 32%;
	}
}

/*---50%---*/
@media (max-width:3500px) {

	.wrap,
	.wrap-100 {
		width: 51.5%;
	}
}

/*---67%---*/
@media (max-width:2500px) {

	.wrap,
	.wrap-100 {
		width: 68%;
	}
}

/*---75%---*/
@media (max-width:1900px) {

	.wrap,
	.wrap-100 {
		width: 77%;
	}
}

/*---90%---*/
@media (max-width:1600px) {

	.wrap,
	.wrap-100 {
		width: 92%;
	}
}

@media (max-width:1500px) {
	.wrap-100 {
		width: 100%;
	}
}

@media (max-width:1240px) {
	.Banner-prin {
		height: 35em;
	}

	.m-left {
		padding-left: 1em;
	}
}

@media (max-width:1202px) {

	.menu-principal>ul>li>a {
		padding-right: 0.5em
	}

}

@media (max-width:1155px) {}

@media (max-width:1100px) {
	.menu-principal>ul>li>a {
		padding-right: 0em
	}

}

@media (max-width:1021px) {
	header {
		position: fixed !important;
		top: 6px;
		left: 0;
		width: 100%;
		opacity: 1;
		overflow: visible;
		z-index: 9999;
		background: rgba(255, 255, 255, 0.98);
		box-shadow: 0 3px 15px rgba(8, 107, 168, 0.15);
	}

	.menu-principal {
		display: none;
	}

	.rmenu {
		display: block !important;
		position: fixed;
		top: 15px;
		right: 15px;
		z-index: 10002;
	}

	h1 {
		font-size: 1.1em;
		line-height: 1.2;
	}

	.titulo-interna {
		padding-top: 0.50em;
	}

	.span_1_of_3 {
		width: 50%;
	}

	.prods .prod-1 img {
		margin-top: 2em;
	}

	iframe {
		height: 20em;
	}

	.prop-img {
		padding-top: 3em;
	}
}

@media (max-width:930px) {
	.wrap {
		width: 97%;
	}

	.prop-img {
		padding-top: 5em;
	}
}

@media (max-width:900px) {
	.Banner-prin {
		height: 25em;
	}

	.Banner-galeria,
	.Banner-nosotros,
	.Banner-contacto {
		height: 17em;
		margin: 0;
		padding: 0;
	}

	.titulo h2 {
		padding: 3.5em 0 1em 0;
	}

	.span_1_of_40 {
		width: 80%;
		float: none;
		margin: 0 auto
	}

	.span_1_of_60 {
		width: 80%;
		float: none;
		margin: 0 auto
	}
}

@media (max-width:826px) {
	.boton {
		margin-top: -0.5em;
	}

	.contac-home img {
		display: none;
	}

	.foot-home {
		margin-top: 0;
	}
}

@media (max-width:792px) {
	.span_1_of_2 {
		width: 85%;
		float: none;
		margin: 0 auto;
	}

	.boton {
		margin-bottom: 1em;
	}

	.nuestra h1 {
		margin-left: 0em;
	}

	.span_1_of_4 {
		width: 50%;
	}

	.span_1_of_66 {
		width: 97%;
		margin-left: 0;
	}

	.nos1 {
		border: none;
	}

	.prods .prod-1 img {
		margin-top: -1em;
	}

	.contacto-home {
		background-image: none;
	}

	.contact-form-home input[type="text"],
	.contact-form-home textarea {
		width: 100%;
	}

	.btn.btn-primary {
		margin-left: 0em;
	}

	footer,
	.foot2 p {
		text-align: center;
	}

	.foot2 {
		border: none;
	}

	.foot {
		padding-top: 1em;
	}

	.clear3 {
		display: block;
		clear: both;
	}

	.serv-int5 {
		border-right: none;
		border-bottom: 1px solid #999;
	}

	.prop-img {
		padding-top: 0em;
	}

	.proposito {
		padding-right: 0em;
	}
}

@media (max-width:754px) {
	.social-header {
		display: none;
	}

	.wrap-60 {
		width: 85%;
	}

	p {
		font-size: 0.9em;
	}

	.wrap-80 {
		width: 93%;
	}

	.nos-img {
		margin-top: 0em;
	}
}

@media (max-width:719px) {
	.span_1_of_dev {
		width: 16%;
	}

	.span_1_of_30 {
		width: 80%;
		float: none;
		margin: 0 auto;
	}

	.noticias {
		border: none;
	}

	/*66 EU*/
	.span_1_of_70 {
		width: 70%;

		float: none;
		margin: 0 auto;
	}

	.contact-form-home input[type="text"],
	.contact-form-home textarea {
		width: 90%;
	}
}

@media (max-width:692px) {
	.menu-internas {
		padding-top: 6em;
	}

	.internas {
		margin-top: -2em;
	}

	.titulo-interna iframe {
		width: 60%;
	}

	.span_1_of_6 {
		width: 33.3%;
		height: 7em;
	}

}

@media (max-width:635px) {

	.titulo h2 {
		padding: 4.5em 0 1em 0;
		font-size: 2em;
	}

	.span_1_of_35,
	.span_1_of_65 {
		width: 90%;
		float: none;
		margin: 0 auto
	}

	.span_1_of_3 {
		width: 80%;
		float: none;
		margin: 0 auto;
	}

	.span_1_of_25 {
		width: 100%;
		text-align: center;
		padding-left: 4em;
	}

	/*66*/
	.span_1_of_75 {
		width: 100%;
	}
}


@media (max-width:546px) {

	.span_1_of_3 {
		width: 90%;
		padding-left: 1em;
	}

	.internas {
		margin-top: -4em;
	}

	h1 {
		font-size: 1.1em;
	}

	p {
		font-size: 1em;
	}
}

@media (max-width:519px) {

	.titulo-interna iframe {
		height: 12em;
		width: 60%;
	}

	.social-header {
		font-size: 0.9em;
	}

	.logo {
		text-align: center;
	}

	.span_1_of_25 {
		padding-left: 2em;
	}

	.span_1_of_30,
	.span_1_of_70 {
		width: 90%;
	}
}

@media (max-width:479px) {
	.menu-internas {
		padding-top: 4em;
	}

	.boton-white,
	.boton-gris {
		padding: 0.6em 1.5em 0.6em 1.5em;
		font-size: 0.9em;
	}

	.titulo h2 {

		font-size: 1.8em;
	}
}

@media (max-width:450px) {
	.span_1_of_4 {
		width: 90%;
		float: none;
		margin: 0 auto;
	}

	.social {
		border: none;
	}

	.nosotros-int-2 p {
		padding: 0.2em 1em 0.2em 1em;
	}

	footer p {
		line-height: 0.6em !important;
	}

	.clear4 {
		display: block;
		clear: both;
	}

	.span_1_of_6 {
		width: 50%;
		height: 7em;
	}
}

@media (max-width:425px) {
	.menu-internas {
		padding-top: 4.5em;
	}

	.logo {
		width: 90%;
		text-align: center;
	}

	.logo img {
		width: 40%;
	}

	.line1 {
		margin: 0em 0.3em 0 0;
	}

	.line-1 {
		border-top: 3.5px solid #086BA8;
		width: 1.6em;
	}

	.titulo-interna iframe {
		height: 11em;
		width: 70%;
	}

	.span_1_of_proj {
		width: 1.9%;
		text-align: center;
	}

	.prods .wrap-box {
		padding: 0 0.5em 0 0.5em;
	}
}

@media (max-width:380px) {

	.internas {
		margin-top: -6em;
	}

	.nosotros-int {
		padding: 0em 0.5em 0em 0.5em;
	}

	footer p {
		font-size: 0.8em;
	}
}

@media (max-width:345px) {
	.wrap-beige {
		padding: 2em 0 2em 0;
	}

	.wrap-60 {
		width: 94%;
	}

	.ruta iframe {
		width: 90%;
		margin: 2em 0 0 0;
		height: 12em;
	}

	.titulo-interna {
		padding-top: 0em;
	}

	.wrap-80 {
		width: 95%;
	}

	.span_1_of_6 {
		height: 5em;
	}
}

@media (max-width:332px) {

	.Banner-prin {
		height: 10em;
	}

	fieldset {
		padding: 0;
	}

	.titulo-interna iframe {
		height: 12em;
		width: 90%;
	}

	.nosotros h1 {
		font-size: 1.2em;
	}

	p {
		font-size: 0.8em;
	}
}

@media (max-width:295px) {
	.social-header {
		font-size: 0.8em;
	}

	.copy p {
		line-height: 1.5em !important;
	}

	.span_1_of_30,
	.span_1_of_70 {
		width: 98%;
	}
}

@media (max-width:275px) {
	.Banner-prin {
		height: 9em;
	}

	.titulo-interna iframe {
		height: 10em;
	}
}