body {
  font-family: 'Roboto', sans-serif;
    animation: colorchange 10s linear 1s infinite; /* animation-name followed by duration in seconds*/
  /* you could also use milliseconds (ms) or something like 2.5s */
  -webkit-animation: colorchange 10s linear 0s infinite alternate; /* Chrome and Safari */
  padding:0 !important;



}

ul li {
  list-style: none;
  text-decoration:none;
}

a:hover {
	text-decoration: none;
	transition:all 0.3s ease;

}

a:focus {
  outline:none;
  outline-offset: 0;
  text-decoration:none;

}

a {
text-decoration:none;
transition:all 0.3s ease;
}

a:visited {
text-decoration:none;

}

a:active {
text-decoration:none;


}

*::-moz-selection{
   background: #f9eaf0;
}

*::selection {
   background: #f9eaf0;
}

select:-moz-focusring {
    color: transparent;
	outline:none !important;
    text-shadow: 0 0 0 #000 !important;
	border:0 !important;
}

body, nav, ul, li, a  {margin: 0; padding: 0px }



/* fondo colores */

@keyframes colorchange {
  0% {
    background: #f9eaf0;
    color: #f7d2e1;
  }
  33% {
    background: #f8dcf9;
    color: #e2c3f4;
  }
  66% {
    background: #e1f8ff;
    color: #fff8e3;
  }
  100% {
    background: #feffcd;
    color: #f7d2e1;
  }
}

@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */ {
  0% {
    background: #f9eaf0;
    color: #f7d2e1;
  }
  33% {
    background: #f8dcf9;
    color: #e2c3f4;
  }
  66% {
    background: #e1f8ff;
    color: #fff8e3;
  }
  100% {
    background: #feffcd;
    color: #f7d2e1;
  }
}


/********************************/
/*         loading */
/********************************/

.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f9eaf0;
  z-index: 2000;
}

.loading-text {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 25px;
  line-height:20px;
  letter-spacing:0.3em;
  color: #f1f1f1;
  width: 100%;
  height: 100px;
  line-height: 100px;
   -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-animation: blur-text 1.5s 0.2s infinite linear alternate;
          animation: blur-text 1.5s 0.2s infinite linear alternate;

}


@-webkit-keyframes blur-text {
  0% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  100% {
    -webkit-filter: blur(4px);
            filter: blur(4px);
  }
}

@keyframes blur-text {
  0% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  100% {
    -webkit-filter: blur(4px);
            filter: blur(4px);
  }
}


/* Loaded styles///// */
.loaded #loader-wrapper {
  opacity: 0;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}




/* nav */



.navbar {
	margin:2%;
	/*background-color: rgba(93, 155, 216, 0.4); IE8 and lower */
	
	}

.navbar-brand {
	font-family: 'Raleway', sans-serif;
	font-size:14px;
	color: #3d485e;
	font-weight:500
	}

.navbar-brand span{
	font-weight:900
	}	
	
	
.navbar-brand:hover {
	color:#5d9bd8
	}
	
.navbar-nav a{
	font-family: 'Raleway', sans-serif;
	font-size:12px;
	color:#3d485e;
	font-weight:700
	}
	
.navbar-nav a:hover {
	color:#5d9bd8
	}
	
.nav-item {
	padding:5px;

	}
		
	
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,102,203, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: rgb(243,176,206);
} 


/* imagen home */


	
	
.imagen_home{
	padding:150px 0 150px 0;
	} 

.imagen_home img{
	width:100%;
	max-width:713px;
	display: block;
  margin-left: auto;
  margin-right: auto;

	}
	
	
.vertical {
position:absolute;
display: block;
}


/* vertical */	
.texto-vertical-2 a{
    writing-mode: vertical-lr;
    transform: rotate(180deg);
	position: fixed;
	right:30px;
	top: 40%;
	font-family: 'Raleway', sans-serif;
  	font-weight: 400;
	font-size:18px;
	color:#000;
	text-decoration: none
}

.texto-vertical-2 a:hover{
	text-decoration: none;
	color: #333;
}

.texto-vertical-3 a{
    writing-mode: vertical-lr;
    transform: rotate(180deg);
	position: fixed;
	right:30px;
	top: 85%;
	font-family: 'Raleway', sans-serif;
  	font-weight: 400;
	font-size:10px;
	color:#333;
	text-decoration: none
}

.texto-vertical-3 a:hover{
	text-decoration: none;
	color:#333;
}	
	 

	
/* carrousel */	

.carrouselmargen	{
	padding: 150px 0 150px 0;

	}
	
.carrouselmargen h1{
	font-family: 'Raleway', sans-serif;
	font-size:20px;
	font-weight:700;
	color:#fff;
	text-align: center;
	margin:auto;

	}	
	 
.carousel-inner	{
	padding: 80px;
	width:100%;
	height:100%;
	max-width:700px;
	margin:auto
	}
	
.carousel-caption{
	}		
	
.carousel-inner	img{
	padding:  0 0 0 ;
	}
	
.carousel-inner h5{	

font-family: 'Raleway', sans-serif;
	font-size:40px;
	font-weight:700;
	color:#5d9bd8;
	text-align:left;
	padding-left: 100px
}

.carousel-inner p{	

font-family: 'Raleway', sans-serif;
	font-size:25px;
	font-weight:500;
	color:#5d9bd8;
	text-align:left;
	padding-left: 100px
}

.flechaizq{	

font-family: 'Raleway', sans-serif;
	font-size:14px;
	font-weight:400;
	color:#5d9bd8;
	padding-left:30px;
	text-align:left
}

.flechader{	

font-family: 'Raleway', sans-serif;
	font-size:14px;
	font-weight:400;
	color:#5d9bd8;
	padding-left:30px;
	text-align:right
}



.quien_soybg{
	background-image:url(../img/manchita.png);
	background-repeat:no-repeat;
	margin:0;
}

.marco{
	border:#facad6 solid 15px;
	padding:30px
}

.quien_soy {
  position: relative;
  left: 0px;
  top: -30px;
  z-index: 2;

}

.quien_soy h1{
	font-family: 'Raleway', sans-serif;
	font-size:48px;
	font-weight:900;
	line-height:45px;
	color:#5d9bd8
}

.quien_soy p{
	font-family: 'Raleway', sans-serif;
	font-size:20px;
	font-weight:400;
	color:#5d9bd8
}




.trabajos{
	padding: 100px 0 100px 0;
}

.trabajos_filtro{
	padding: 50px;
	text-align:center
}

.filter-button{
	color:#5d9bd8;
	border: none;
	background-color:transparent;
	font-family: 'Raleway', sans-serif;
	font-size:18px;
	font-weight:700;
	z-index: 1000;
	 position: relative
}


.borde_a{
	border:#facad6 solid 10px;
	padding:20px
	
	}
	
.borde_a a:hover{
	color:#066
	
	}	
	
	
.borde_b {
	 border:#5d9bd8 solid 20px;
  padding:10px
}


.borde_c {
	 border:#f3b0ce double 15px;
  padding:15px
}


.btncerrar {
    display: inline-block;
	font-family: 'Raleway', sans-serif;
    font-weight: 700;
    color: #f3b0ce;
    text-align: left;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 25px;
	letter-spacing:0.01em;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.modal-footer {
	background-image:url(../img/manchita.png);
	background-repeat:no-repeat

	}
	

.myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

.myImg:hover {opacity: 0.7;}



/*parallax*/


.parallax {
  /* The image used */
  background-image: url(../img/bg_1.png);

  /* Full height */
  height: 100%; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.parallax1 {
  /* The image used */
  background-image: url(../img/bg_0.png);

  /* Full height */
  height: 100%; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.parallax2 {
  /* The image used */
  background-image: url(../img/bg_2.png);

  /* Full height */
  height: 100%; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.parallax3 {
  /* The image used */
  background-image: url(../img/bg_3.png);

  /* Full height */
  height: 100%; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.parallax4 {
  /* The image used */
  background-image: url(../img/bg_4.png);

  /* Full height */
  height: 100%; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



/*scroñllup*/
div#page {
max-width: 900px;
margin-left: auto;
margin-right: auto;
padding: 10px;
}
		
.back-to-top {
font-family: 'Raleway', sans-serif;
font-weight: 900;
letter-spacing:-0.02em;
position: fixed;
bottom: 2em;
left: 0px;
text-decoration: none;
color: #FFF;
background-color: rgba(243, 176, 206, 0.90);
text-transform: uppercase; 
font-size:16px;
padding: 2em;
display: none;
z-index:1000
}

.back-to-top:hover {	
background-color: #5d9bd8;
color: #FFF;
text-decoration:none
}

/* audio */

.audio_clase {
	z-index:100;
	position: absolute;

}


.audio_clase p{
	font-family: 'Raleway', sans-serif;
	font-size:20px;
	font-weight:700;
	color:#5d9bd8;
	text-align: left;
	z-index:100;
	position: absolute;
}

audio {
	outline:none;
	width:290px;
}




/* form */

.formulario_gral {
	padding:150px 0 150px 0
	
}

.formulario_gral h1{
	font-family: 'Raleway', sans-serif;
	font-size:20px;
	font-weight:700;
	color:#fff;
	text-align: left;
}



.placeholder_txt {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	color: #666;
	margin:5px 0 5px 0
}

label {
    display:block;
    margin-top:10px;
    letter-spacing:1px;
	
}
 
.principal {
    display:block;
    margin:0 auto;
	width:100%;
	max-width:510px;
    color: #5d9bd8;
	font-family: 'Raleway', sans-serif;

}
 
form {
    margin:0 auto;
	width:100%;
	max-width:400px;
}
 
input, textarea {
	width:100%;
	max-width:380px;
    height:27px;
    background:#fff;
    border:3px solid #f3b0ce;
    padding:20px;
    margin-top:5px;
    font-size:10px;
    color:#ffffff;
}
 
textarea {
    height:150px;
}
 
#submit {
    width:85px;
    height:35px;
    border:none;
    margin-top:20px;
    cursor:pointer;
	background-color:#f3b0ce
}


.btn_enviar {
	color: #fff;
	font-family: 'Raleway', sans-serif;;
	font-size:18px;
	font-weight: 700;
	padding:5px
}



/* footer */
.pie {
	padding-top: 100px;
	padding-bottom:100px;
}

.pie h1{
	color: #3d485e;
	font-family: 'Raleway', sans-serif;;
	font-size:18px;
	font-weight: 500;
}

.pie h1 span{
	font-weight: 900;
}

.pie p{
	color: #3d485e;
	font-family: 'Raleway', sans-serif;;
	font-size:16px;
	font-weight: 500;
}

.pie p span{
	font-weight: 900;
}


.piesocial{
	color: #3d485e;
	font-family: 'Raleway', sans-serif;;
	font-size:16px;
	font-weight: 500;
	padding:10px 5px 0px 0px 
}




/* RESPONSIVE */

@media (max-width: 800px) {
	.navbar {
	background-color: rgba(93, 155, 216, 0.4);
	
	}
	
	.vertical {
	display: none;
	}
	
	.navbar {
	text-align:left
	}
	
	.carousel-inner p{	

	font-size:20px;
	text-align:left;
	padding-left:0px
}

.pie {
	text-align:center
}




}

@media screen and (max-width: 640px){
	.navbar {
	background-color: rgba(93, 155, 216, 0.7);
	
	}
	
	.vertical {
	display: none;
	}
	
	.navbar {
	text-align:left
	}
	
	.nav-item {
	padding:0px;

	}
	
    .carousel-inner p{	

	font-size:16px;
	padding-left:120px
}

 .carousel-inner h5{	
	padding-left:120px
}

.pie {
	text-align:center
}





}