/* @override http://juan.iconwise.com/css.php?n=full-slider */

/* @override http://juan.iconwise.com/css.php?n=full-slider */

/* @override http://juan.iconwise.com/vendor/full-slider.css */


@import url('https://fonts.googleapis.com/css?family=Lato:300,400');

@import url('https://fonts.googleapis.com/css?family=Montserrat:200,400,700');



.carousel-fade .carousel-item {
  display: block;
  position: relative;
  opacity: 0;
  transition: opacity 2s ease-in-out;
}

.carousel-fade .carousel-item.active {
  opacity: 1;
  display: block;
}


.carousel-caption {
  display: block;
 
  opacity: 0;
  transition: opacity 4s ease-in-out;
}

.carousel-caption{
  opacity: 1;
  display: block;
}



.carousel {
  position: relative;
  top: 0;
  left: 0;
background-color: #000;
}
.carousel-inner {
background-color: #000;
  height: 100%;
}
.carousel-item {
background-color: #000;
  opacity .9;
 min-height: 100%;
}
a.carousel-control-next:link, a.carousel-control-prev:link {
  background-color: transparent;
  text-decoration: none;
  opacity: .5;
}
a.carousel-control-next:hover, a.carousel-control-prev:hover  {
  background-color: transparent;
  text-decoration: none;
  opacity: 1;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
  position:relative;
  background-image: none;
}    
.carousel-control-next-icon:before {
  top:0;
  left:-5px;
  padding-right:10px;
 }
.carousel-control-prev-icon:before {
  top:0;
  left:-5px;
  padding-right:10px;
}

img.d-block.w-100 {
	position: relative;
	min-height: 900px;
	min-width: 100%;
	  object-fit: cover;
	
}


@media only screen and (max-width: 768px) {
    /* For mobile phones: */
     img.d-block.w-100 {
     	position: relative;
     	min-height: 600px;
     	object-fit: cover;
     
     }

}


#juanav {
    font-family: 'Montserrat', sans-serif;
    font-weight: 200;
	background-color: rgba(33,32,29,0.9);
	
}


.overlay{
  position:absolute;
  background-color: rgba(0,0,0,0.8);
  background-image: url(layout/dots2.png);
    background-attachment: fixed;
  opacity:.5;
  left:0;
  right:0;
  top:0;
  bottom:0;
  z-index:1;
  pointer-events: none; 

}


#banner{
	position: absolute;
	min-height: 200px;
left: 15%;
right: 15%;
	top: 50%;
    z-index: 200;
    color: #fff;
    text-align: center;
    word-break: keep-all;
    
}


#banner h1{
font-family: 'Lato', sans-serif;
	font-size: 2.7em;
	font-weight: 700;
}


.intro{
    display: block;
	position: absolute;
	top: 40%;
	
	right: 15%;
	left: 15%;
	
	
}

.intro p{
	color: #fff;
	font-size: 3em;
	line-height: 1.2em;
	text-align: center;
	font-weight: 400;
}

section{

	min-height: 400px;
}

.section-dark{
	background-color: #f7f7f7;
	color: #000;
	text-align: right;
}

p em{
	font-family: 'Lato', sans-serif;
	font-size: 0.8em;
}

hr {
	background-color: #ccc;
}

h1{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5em;
	font-weight: 400;
}


h3{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5em;
	font-weight: 200;
}


section p{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	line-height: 1.4em;
}




.section-dark h1{
    font-family: 'Montserrat', sans-serif;

	color: #000;
	margin-bottom: 20px;
}


.section-light h1{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #000;
	margin-bottom: 20px;
}


.row.photo-left{
	padding: 10px 0 10px 0;
}

.row.photo-right{
	padding: 10px 0 10px 0;
}




#projects .row{
	margin-bottom: 10px;
}

#xprojects .row:nth-of-type(odd){
  background-color: #fff;
}

#about{
	background-image: url(images/89.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	
	
	
}

#about .blanco {
	text-align: left;
	
}

.blanco{

padding-top: 20px;
padding-bottom: 30px;
padding-right: 10%;
position: relative;
    min-height: 450px;
  

	background-color: rgba(255, 255, 255, 0.9);
}

#about div.blanco.col-sm-12.col-md-6.col-md-offset-6.col-bg p {
	max-width: 600px;
}

#about div.col.profilefoto{
	padding-bottom: 20px;
}



#contact{
margin-top: 30px;
font-family: 'Lato', sans-serif;
	text-align: center;
}

.data {
	min-height: 150px;
}

section a {
	color: #333;
	text-decoration: underline;
	
}

.icons{
	padding-top: 20px;
	line-height: 1.2em;
}

.fa{
	color: #eee;
}

.iconfoot{

	padding: 20px;
	min-width: 250px;
	text-align: cen;
}




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

footer {
	background-color: #000;
	font-family: 'Lato', sans-serif;
	color: #fff;
	
}