.row {
	
	
	padding-bottom: 40px;
	padding-top: 10px;
}

.padding {
	padding-bottom: 10px;
	padding-top: 10px;
	
}

.row.flex {
	
	display: flex;
	display: -webkit-flex;
	
}

.row.flex .col {
	
	
	    align-self: center;
	    -webkit-align-self: center;
}


.opacity {
	
	opacity: .2;
	
} 

h1 {
	
	color: #103f91;
	font-size: 2rem;
}

img {
	
	width: 100%;
}

.flow-text {
    font-size: 1.4rem;
    color: #103f91;
}

.flow-text strong {
	
	font-weight: bold;
	color: #103f91;

}

.cabecera {
	
  background:  #103f91; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-90deg,  #103f91,white); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-90deg,  #103f91,white); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-90deg,  #103f91,white); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-90deg,  #103f91,white); /* Standard syntax */
position: relative;
	height: inherit;
	
}




.cabecera .logo {
    max-width: 500px;
    margin: 0px auto;
    display: block;
    padding-bottom: 20px;
  
}

.cabecera .barra {
	
	width: 100%;
	
}

.cabecera .barra {
    width: 100%;
    bottom: -55px;
    position: absolute;
}


.row .col.center {
    float: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .75rem;
    min-height: 1px;
    margin: 0 auto;
    display: block;
}

section {
	
	padding-top: 80px;
	padding-bottom: 80px;
	
}

.sello {
    position: absolute;
    width: 180px;
    height: 180px;
    bottom: -10px;
    z-index: 9999999999;
    left: 20px;
}


.boton {
	
	    margin: 0 auto;
    display: block;
    text-align: center;
   
    background:#f677c4;
    padding: 20px;
    font-size: 2em;
    position: relative;
    border: 2px solid #fff;

}

.rosa {
	
	background:#f677c4;
}


.pre.rosa {

    margin: 0 auto;
    display: block;
    text-align: center;
	
	padding: 10px;
	 max-width: 70%;
	background:#f677c4;
	
}


.boton a {
	
	color: #fff;

}

.percen.responsive-img {
	
	max-width: 70%;
	margin: 0 auto;
	display: block;
	padding-top: 20px;
}

.row {
	position: relative;
	
}

.transparente {
	
	z-index: 2;
	position: absolute;
	top:0;

	
}

.z-index {
	
	z-index: 1;
	padding-top: 50px;
}

.azul {
	
	background: #0D47A0;
}


.pre.azul {

    margin: 0 auto;
    display: block;
    text-align: center;
	
	padding: 10px;
	 max-width: 70%;
	background:#0D47A0;
	
}


@media (max-width: 600px) {


section {
    padding-top: 20px;
    padding-bottom: 80px;
}

.percen.responsive-img {
	
	max-width: 100%;

}

.pre.rosa {
    margin: 0 auto;
    display: block;
    text-align: center;
    padding: 10px;
    max-width: 100%;
    background: #f677c4;
}

.sello {
	
	position: absolute;
    width: 80px;
    height: 80px;
    bottom: -10px;
    z-index: 9999999999;
    left: 10px;
}
	
	.cabecera {
		
		background: #103f91; 
		height: inherit;
	}
	
	
	.cabecera .barra {
    width: 100%;
    bottom: -20px;
    position: absolute;
}


.cabecera .logo {
 
 width: 100%;
 padding-bottom: 0px;
}

	
	
	.row.flex {
		
		flex-direction: column;
		-webkit-flex-direction: column;
		    padding: 20px;
	
		
	}
	
}


/** Loader */


.loading-page {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.loading-page .counter {
  text-align: center;
}
.loading-page .counter p {
  font-size: 40px;
  font-weight: 100;
  color: #0D47A0;
}
.loading-page .counter h1 {
  color: #0D47A0;
  font-size: 60px;
  margin-top: -10px;
}
.loading-page .counter hr {
  background: #0D47A0;
  border: none;
  height: 10px;
}
.loading-page .counter {
  position: relative;

}
.loading-page .counter h1.abs {
  position: absolute;
  top: 0;
  width: 100%;
}
.loading-page .counter .color {
  width: 0px;
  overflow: hidden;
  color: #0D47A0;
}
.loading-page .counter p {
    font-size: 40px;
    font-weight: 100;
    color: #0D47A0;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
}

.hand {
	
	font-family: 'Yellowtail', cursive;
	font-size: 3rem;
}

ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

.centro {
	
	    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    width: 100%;
    max-width: 80%;
}

.relative {
	
	position: relative;
}

@media only screen and (min-width: 993px) {

.container {
    width: 80%;
}
}

@media (min-width: 1100px) {
	
.sello {
    position: absolute;
    width: 180px;
    height: 180px;
    bottom: 15px;
    z-index: 9999999999;
    left: 70px;
}

.cabecera .logo {
    max-width: 700px;
    margin: 0px auto;
    display: block;
      padding-bottom: 23px;
}

.wrap {
	
	display: block;
	max-width: 1100px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.container {
	
	max-width: 80%;
}
	
}