html, body{
	font-family: 'Roboto', sans-serif;
	color: #000;
}
body{
	padding-bottom: 30px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	margin: 0;
}
h6{
	font-size: 10px;
}

h4{
	font-size: 3em;
	text-transform: uppercase;
	color: #6ebbc3;
}

p{
	margin: 1em 0em;
	line-height: 1.2;
	font-size: 1em;
	padding-bottom: 10px;

}
.sp{
	margin-top:10em;
	margin-bottom: 10em;
}

.svgh{
	width: 60%;
	max-width: 500px;
}
/*@media (min-width: 1200px){
	.container {
	    width: 1100px;
	}
}*/

.animatestroke {position: absolute;top: 0px;left: 16px; overflow: hidden;z-index: 3;opacity: 1;animation: photo-ani 3s forwards;}
.kz-photo-line {z-index: 2;position: relative; max-width: 200px; margin: auto;}
.line {fill: none;stroke: #ddd;stroke-width: 3px;stroke-dasharray: 400;stroke-dashoffset: 400;animation: line-ani 5s forwards;}
/* Keyframes */
@keyframes line-ani {to {stroke-dashoffset: 0;opacity: 0;}}
@keyframes photo-ani {0% {opacity: 0;}50% {opacity: 0;}100% {opacity: 1;}}

@keyframes letterAnimate{
	from {opacity: 0;}
	to {opacity: 1;}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes pathAnimation {
    from {stroke-dashoffset: -6589.18212890625px;}
    to {stroke-dashoffset: 0px;}
}

 /* The animation code */
@keyframes pathAnimation {
    from {stroke-dashoffset: -6589.18212890625px;}
    to {stroke-dashoffset: 0px;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes backAnimation {
    0% {fill: transparent;}
    10% {fill: #FFFFFF;}
    17% {fill: #FFFFFF;}
	100%{fill: initial;}
}

 /* The animation code */
@keyframes backAnimation {
    0% {fill: transparent;}
    10% {fill: #FFFFFF;}
    17% {fill: #FFFFFF;}
	100%{fill: initial;}
}
.cont1{
	right: -200px;
}
.op-0{
	opacity: 0;
}

.logo_adn{
	padding-top: 15px;

}
.logo_adn img{
	width: 10%;
}

.main {
	background-image: url(../img/back_intro.jpg);
	background-size: cover;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
	padding-top: 10px;
	overflow: hidden;
	padding-bottom: 3em;
	padding-top: 3em;
	border-color: #F7AE46;
	border-bottom-style: solid;
	border-bottom-width: 30px;

}

.main .col-12.col-md-6{
	margin-top: -80px;
}

.main h2{
	color: #f0615b;
	font-size: 28px;
	padding-bottom: 20px;
}
.main h3{
	font-size: 22px;
	font-weight: 400;
	font-style: italic;
	padding-bottom: 20px;
}

.main h5{
	font-size: 18px;
	font-weight: 400;
	padding-bottom: 20px;
}
.cort{width: 100%;text-transform: uppercase; background-color: #f0615b;padding:10em 2em;}
.cort h4{font-size:3em; color: white; padding:0px 10px;}

#padding_0{
	padding: 0;
}

.dama{
	padding-top: 40px;
}

.dama .col-md-7#padding_0 img{
	width: 100%;
	margin-top: -150px;
}

.dama .col-md-5#padding_0 img{
	width: 100%;
}
.dama .col p:nth-child(1),
.dama .col-md-5 p:nth-child(1){
	padding-top: 60px;
}
.dama .col p:nth-child(3),
.dama .col-md-5 p:nth-child(3){
	padding-bottom: 60px;
}

.dama .col p,
.dama .col-md-5 p{
	padding-left: 30px;
	padding-right: 30px;
}

.dama p span{
	font-style: italic;
}

.visible-991 {
	display: none;
}
.ord-6{
	overflow: hidden;
}

.objetivo{
	background-image: url(../img/back_intro2.jpg);
	background-size: cover;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    padding: 8em 0;
}

.bg_hij{background-image: url(../img/back_intro4.jpg);
	background-size: cover;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;

}

.img_ef{background-image: url(../img/beatriz_bn3.jpg);
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 95%;
    height: 95%;
    position: absolute;
    top: 1em;

}
.img_e{background-image: url(../img/plcf.png);
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: relative;
    margin: auto;
}
.img_jr{background-image: url(../img/jose_ramon.jpg);
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 95%;
    height: 95%;
    position: absolute;
    top: 1em;

}
.img_an{background-image: url(../img/andy.jpg);
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 95%;
    height: 95%;
    position: absolute;
    top: 1em;

}
.img_gon{background-image: url(../img/gonzalo.jpg);
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 95%;
    height: 95%;
    position: absolute;
    top: 1em;

}
.img_jue{background-image: url(../img/jueche.jpg);
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 95%;
    height: 95%;
    position: absolute;
    top: 1em;

}


.svgfix{position: fixed;
	z-index: 9999999;
	top: -206px;
    right: -170px;
}
.svgfix2{position: fixed;
	z-index: 9999999;
	bottom: -26px;
    left: -10px;
}

.fam {
	height: 50em;
	background-image: url(../img/fam.jpg);
	background-size: cover;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
	padding-top: 10px;
	overflow: hidden;
	padding-top: 3em;
	border-color: #F7AE46;
	border-bottom-style: solid;
	border-top-width: 3px;
	border-bottom-width: 3px;
}
@media (min-width: 992px) and (max-width: 1199px) {
	.main h1 {
	    font-size: 80px;
	}
	.main .col-12.col-md-6 {
	    margin-top: -15px;
	}
	.globo .row .col.col-md-10.col-lg-7 img {
	    margin-top: -65%;
	    width: 100%;
	}
	.globo .row .col.col-md-10.col-lg-7 div p {
	    font-size: 11px;
	}
	.globo .row .col.col-md-10.col-lg-7 div {
	    padding-left: 5%;
	    padding-right: 5%;
	}
	.svgfix{position: fixed;
	z-index: 9999999;
	top: -206px;
    right: -170px;
    opacity: 0.5;
}
.svgfix2{position: fixed;
	z-index: 9999999;
	bottom: -26px;
    left: -100px;
}
}

@media (min-width: 768px) and (max-width: 991px) {
	.logo_adn img {
	    width: 15%;
	}
	.main h1 {
	    font-size: 60px;
	}
	.main .col-12.col-md-6 {
	    margin-top: 0px;
	}
	.main h2 {
	    font-size: 18px;
	}
	.main h3 {
    	font-size: 14px;
	}
	.main h5 {
    	font-size: 12px;
	}
	.globo .row .col.col-md-10.col-lg-7 div {
	    padding-left: 4%;
	    padding-right: 4%;
	}

	.globo .row .col.col-md-10.col-lg-7 img {
	    margin-top: -68%;
	    width: 100%;
	}

	.hijos .col.text-center {
	    padding-bottom: 17px;
	}

	.hijos .col.text-center img {
	    width: 100%;
	}

	
	.dama .col-md-7#padding_0 img {
	    margin-top: 0px;
	}

	.dama .col p:nth-child(1),
	.dama .col-12 p{
		padding-top: 30px;
	}
	.dama .col-md-5 p:nth-child(1){
		padding-top: 10px;
	}
	.dama .col p:nth-child(3),
	.dama .col-md-5 p:nth-child(3){
		padding-bottom: 30px;
	}

	.dama .col p,
	.dama .col-md-5 p{
		padding-left: 10px;
		padding-right: 10px;
	}

	.dama .col-12 p {
		padding-left: 10px;
		padding-top: 10px;
	}
	.svgfix{position: fixed;
	z-index: 9999999;
	top: -206px;
    right: -170px;
    opacity: 0.5;
}
.svgfix2{position: fixed;
	z-index: 9999999;
	bottom: -26px;
    left: -100px;
}

.fam {
	height: 40em;background-attachment: unset}

}

@media (min-width: 577px) and (max-width: 767px) {
	.main {
	    padding-bottom: 50px;
	}
	.main h1 {
	    font-size: 45px;
	}
	.globo .row .col.col-md-10.col-lg-7 img {
	    margin-top: -70%;
	    width: 100%;
	}


	.globo .row .col.col-md-10.col-lg-7 div {
	    padding-left: 4%;
	    padding-right: 4%;
	}

	h4 {
	    font-size: 28px;
	}
	h4 span {
	    font-size: 22px;
	}
	.globo .row .col.col-md-10.col-lg-7 div p {
	    font-size: 12px;
	}

	.dama .col p:nth-child(1),{
		padding-top: 10px;
	}
	.dama .col p:nth-child(3),
	.dama .col-md-5 p:nth-child(3){
		padding-bottom: 10px;
	}
	svg{width: 90%;}
	.svgfix{position: fixed;
	z-index: 9999999;
	top: -206px;
    right: -170px;
    opacity: 0.5;
}
.svgfix2{position: fixed;
	z-index: 9999999;
	bottom: -26px;
    left: -100px;
            opacity: 0;
}
}


@media (min-width: 200px) and (max-width: 767px) {
	.logo_adn img {
	    width: 20%;
	}
	.main .col-12.col-md-6 {
	    margin-top: 0;
	}

	.dama .col-md-7#padding_0 img {
	    margin-top: 0px;
	}
	.dama .col p, .dama .col-md-5 p {
	    padding-left: 0px;
	    padding-right: 0px;
	}
	.ord-0{
		order: 0;
	}
	.ord-1{
		order: 1;
	}
	.ord-2{
		order: 2;
	}
	.ord-3{
		order: 3;
	}
	.ord-4{
		order: 4;
	}
	.ord-5{
		order: 5;
	}
	.ord-6{
		order: 6;
	}

	.dama .col p:nth-child(3),
	.dama .col-md-5 p:nth-child(3){
		padding-bottom: 60px;
	}
	.cort{width: 100%;text-transform: uppercase; background-color: #f0615b;padding:1em 0em;}
	.cort h4{font-size:2em; color: white; padding:0px 0.2em;}
	svg{width: 90%;}
	.svgfix{position: fixed;
	z-index: 9999999;
	top: -206px;
    right: -170px;
    opacity: 0.5;
}
.svgfix2{position: fixed;
	z-index: 9999999;
	bottom: -26px;
    left: -100px;
            opacity: 0;
}
.fam {
	height: 30em;background-attachment: unset;}



}

@media (min-width: 200px) and (max-width: 576px) {
	.main {
	    padding-bottom: 80px;
	}
	.main h1 {
	    font-size: 40px;
	}

	.globo .row .col.col-md-10.col-lg-7 div {
	    padding-left: 0;
	}

	.globo .row .col.col-md-10.col-lg-7 div p {
	    font-size: 12px;
	}
	.globo .row .col.col-md-10.col-lg-7 img {
	    margin-top: -70%;
	    width: 105%;
	    margin-left: -15px;
	}

	svg{width: 90%;}
	.svgfix{position: fixed;
	z-index: 9999999;
	top: -206px;
    right: -170px;
    opacity: 0.5;
}
.svgfix2{position: fixed;
	z-index: 9999999;
	bottom: -26px;
    left: -100px;
            opacity: 0;
}


}


@media (min-width: 450px) and (max-width: 500px) {
	.globo .row .col.col-md-10.col-lg-7 img {

	    margin-top: -80%;
	    width: 107%;
	    margin-left: -15px;
	    height: 120%;

	}
		svg{width: 90%;}
		.svgfix{position: fixed;
	z-index: 9999999;
	top: -206px;
    right: -170px;
    opacity: 0.5;
}
.svgfix2{position: fixed;
	z-index: 9999999;
	bottom: -26px;
    left: -100px;
        opacity: 0;

}


}

@media (min-width: 400px) and (max-width: 449px) {
	.globo .row .col.col-md-10.col-lg-7 img {

	    margin-top: -115%;
	    width: 107%;
	    margin-left: -15px;
	    height: 140%;

	}
		svg{width: 90%;}
		.svgfix{position: fixed;
	z-index: 9999999;
	top: -206px;
    right: -170px;
    opacity: 0.5;
}
.svgfix2{position: fixed;
	z-index: 9999999;
	bottom: -26px;
    left: -100px;
            opacity: 0;
}
}

@media (min-width: 341px) and (max-width: 399px) {
	.globo .row .col.col-md-10.col-lg-7 img {

	    margin-top: -130%;
	    width: 107%;
	    margin-left: -15px;
	    height: 120%;

	}
		svg{width: 90%;}
		.svgfix{position: fixed;
	z-index: 9999999;
	top: -206px;
    right: -170px;
    opacity: 0.5;
}
.svgfix2{position: fixed;
	z-index: 9999999;
	bottom: -26px;
    left: -100px;
            opacity: 0;
}
	
}

@media (min-width: 200px) and (max-width: 340px) {
	.globo .row .col.col-md-10.col-lg-7 div {
	    padding-left: 0;
	}

	.globo .row .col.col-md-10.col-lg-7 div p {
	    font-size: 12px;
	}
	.globo .row .col.col-md-10.col-lg-7 img {
	    margin-top: -185%;
	    width: 111%;
	    height: 120%;
	    margin-left: -15px;
	}
	.hijos {
	    padding-top: 80px;
	}
	svg{width: 90%;}
	.svgfix{position: fixed;
	z-index: 9999999;
	top: -206px;
    right: -170px;
    opacity: 0.5;
}
.svgfix2{position: fixed;
	z-index: 9999999;
	bottom: -26px;
    left: -100px;
            opacity: 0;
}

}