/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}
.panel1	{
  color: #fff;
}

footer  {
  border-top: 4px solid #57c2dd;
  margin-top: 6rem;
}

.portada  {
  margin-top: 1rem;
  margin-bottom: 1em;
}

.width-40 {
  width: 40px;
}


#portada-contactanos-btn  {
  border-radius: 10px;
  background-color: #000;
}

#logo-container {
  margin-left: 4rem;
}

nav, footer {
  font-family: 'DM Sans', 'Arial', 'Helvetica Neue', 'Helvetica' , sans-serif !important;
}
nav .sidenav-trigger  {
  float: right !important;
}

.navbar-fixed {
  z-index: 994;
}
.sidenav-overlay {
  z-index: 996;
}
.sidenav {
  z-index: 999;
}

#slide  {
  min-height: 600px;
}

.seccion  {
  padding-top: 3rem;
}

.seccion h1,
.seccion h2,
.seccion h3,
.seccion h4,
.seccion h5 {
  color: #006
}



.cls-11 {
  font-family: Arial, Helvetica, sans-serif;
}

.header-language {
  margin-left: 4em;
}


/******* Language picker **************************/
.language-background {
	width: 100% !important;
	margin: 0px;
	background-color: rgba(255, 255, 255, 0.76);	
	position: fixed;
	height: 100vh;
	z-index: 999999;

	display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex; 
	
	-webkit-box-pack: center;
  	-moz-box-pack: center;
  	-ms-flex-pack: center;
  	-webkit-justify-content: center;
  	justify-content: center;

  	-webkit-box-align: center;
  	-moz-box-align: center;
  	-ms-flex-line-pack: center;
  	-webkit-align-content: center;
  	align-content: center;	
}

.blue-space {
  margin: 0 auto !important;
}

#language1 {
  width: 50%; 
  text-align: right;
}

#language2 {
  width: 50%; 
  text-align: left;
}


.blue-space .spanish-button {
    padding: 15px 30px;
    border: 3px solid #fff;
    color: #fff;
    background: linear-gradient(to top right, #649ad0, #507fae 37%, #649ad0);
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 20px;
	letter-spacing: 1px;
	font-weight: bold;
}

.blue-space .english-button {
    padding: 15px 30px;
    border: 3px solid #fff;
    color: #fff;
    background: linear-gradient(to top right, #649ad0, #507fae 37%, #649ad0);
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1px;
	font-weight: bold;
}


@media only screen and (max-width: 870px) {
	.blue-space .row .six.columns {
		width: 100% !important;
		margin-bottom: 5%;
	}

	.spanish-button, .english-button {
		width: 170px;
	}

}

@media only screen and (max-width: 500px) {
	.language-background .blue-space {
		background-color:  transparent;
		/*background-color:  #5290cc;*/
		border-radius: 100%;
		width: 79% !important;		
		padding-top: 20%;
		padding-bottom: 20%;	
	}
}

@media only screen and (min-width: 501px) and (max-width:870px){ 
	.language-background .blue-space {
		background-color:   transparent;
		/*background-color:  #5290cc;*/
		border-radius: 100%;		
		width: 53% !important;
		padding-top: 15%;
		padding-bottom: 14%;
	}	
}

@media only screen and (min-width: 871px) {
	.language-background .blue-space {
		background-color:   transparent;
		/*background-color:  #5290cc;*/
		border-radius: 100%;		
		width: 43% !important;
		padding-top: 20%;
		padding-bottom: 20%;	
	}	

	.blue-space .row .six.columns {
		width: 47% !important;		
	}

}


/* Sweep To Right -- Green*/
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;  
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: #649ad0;
  border: 3px solid #649ad0;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Right -- Red */
.hvr-sweep-to-right-2 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.hvr-sweep-to-right-2:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;  
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right-2:hover, .hvr-sweep-to-right-2:focus, .hvr-sweep-to-right-2:active {
  color: #649ad0;
  border: 3px solid #649ad0;
}
.hvr-sweep-to-right-2:hover:before, .hvr-sweep-to-right-2:focus:before, .hvr-sweep-to-right-2:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}