/*
	Author: Lumberjacks
	Template: Coffee Break (Coming Soon)
	Version: 1.0
	URL: http://themeforest.net/user/Lumberjacks/
*/



/* TABLE OF CONTENTS

	1. Import section
	2. Basic styles
	3. Preloader
	4. Navigation
	5. Header
	6. Logo
	7. Socials
	8. Content
	9. Home
	10. Features
	11. Gallery
	12. Team
	13. Contact
	14. Footer
	15. Breakpoints

*/



/* 1. IMPORT SECTION */

	@import url("bootstrap.css");
	@import url("animate.css");
	@import url("https://fonts.googleapis.com/css?family=Roboto:400,300&subset=latin,cyrillic-ext");
	@import url("font-awesome.min.css");
	@import url("magnific-popup.css");



/* 2. BASIC STYLES */

	html,
	body {
		height: 100%;
		width: 100%;
	}

	body {
		font-size: 16px;
		line-height: 1.5em;
		font-family: 'Roboto', sans-serif;
		background-color: transparent;
		color: #fff;
		font-weight: 400;
		-webkit-font-smoothing: antialiased;
		text-rendering: optimizeLegibility;
		overflow-x: hidden;
		overflow-y: hidden;
	}

	a {
		transition: color 0.25s, background 0.25s, opacity 0.25s;
		-moz-transition: color 0.25s, background 0.25s, opacity 0.25s;
		-webkit-transition: color 0.25s, background 0.25s, opacity 0.25s;
		-o-transition: color 0.25s, background 0.25s, opacity 0.25s;
		-ms-transition: color 0.25s, background 0.25s, opacity 0.25s;
	}

	a, a:hover, a:active, a:focus {
		outline: 0;
		border: 0;
		text-decoration: none;
	}

	a, a:active, a:focus {
		color: #fff;
	}

	a:hover {
		color: #2c8171;
	}

	h2 {
  	
	font-family: 'Poiret One', cursive;
  	font-weight: 600;
  	/*text-transform: uppercase;*/
  	font-size: 3.8em;
  	display: inline;
  	/*border-bottom: 4px solid #fff;*/
  	padding-bottom: 10px;
	}
	
	titulo {
  	
	font-family: 'Poiret One', cursive;
  	font-weight: 600;
  	/*text-transform: uppercase;*/
  	font-size: 3.8em;
  	display: inline;
  	/*border-bottom: 4px solid #fff;*/
  	padding-bottom: 10px;
	}
	
	titulotab {
  	
	font-family: 'Poiret One', cursive;
  	font-size: 1.4em;
    font-weight: 400;
  	padding-bottom: 10px;
	display:block;
	padding: 10px 0 0 0;
	}
	
	.linea {
		position: fixed;
        top: 0;
		
		opacity: 0.8;
		left: -55px;
	}

	p {
	
    font-size: 0.98em;
    font-weight: 200;
    
    line-height: 1.5em;
    
	}

	::-moz-selection {
    color: #fff;
    background: rgba(237, 85, 101, 0.2);
	}

	::selection {
    color: #fff; 
    background: rgba(237, 85, 101, 0.2);
	}


/* 3. PRELOADER */

	.lj-preloader {
		content: "";
		width: 100%;
		height: 100%;
		z-index: 99;
		display: block;
		position: fixed;
		text-align: center;
		background-color: #e2e2e2;
	}

	.lj-preloader > img {
		top: 45%;
		width: 180px;
		height: 50px;
		margin: 0 auto;
		margin-bottom: 30px;
		position: relative;
	}


/* 4. NAVIGATION */

	nav {
		position: fixed;
		top: 0;
		left: -50px;
		width: 50px;
		height: 100%;
		z-index: 5;
		background: rgba(0, 0, 0, 0.65);
		padding-top: 90px;
		text-align: left;
		overflow: hidden;
	}

	nav a {
		display: block;
		padding: 15px 0;
		background-color: transparent;
		white-space: nowrap;
		color: rgba(255, 255, 255, 0.85);
	}

	nav a:hover {
		background-color: #2c8171;
		color: #fff;
	}

	nav a.active {
		color: #2c8171;
	}

	nav a.active:hover {
		color: #fff;
	}

	nav i {
		display: inline-block;
		width: 50px;
		text-align: center;
	}

	nav span {
		display: inline;
  	font-family: 'Poiret One', cursive;
  	
	font-size: 22px;
	}


/* 5. HEADER */

	header {
		width: 100%;
		min-height: 100%;
		margin-bottom: -100px;
		position: relative;
		top: 100%;
		padding-left: 50px;
	}
	
	header > .container {
		height: 100%;
		padding: 50px 20px 150px;
		position: relative;
		z-index: 1;
	}

	header > canvas {
		position: absolute;
		top: 0;
		left: 0;
	}

	.lj-background {
		height: 100vh;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -99;
	}
	
	.lj-overlay {
		width: 100%;
		height: 100%;		
		position: fixed;
		top: 0;
		left: 0;
		z-index: -1;
	}

	.lj-overlay-image {
		background-image: url('../img/1x1.png');
		background-repeat: repeat;
	}
	
	.lj-overlay-color {
    background-color: rgba(0,0,0,0.25);
	}
	
	.lj-overlay-gradient {
		background: -moz-linear-gradient(215deg,  rgba(0,204,255,0.8) 0%, rgba(196,255,0,0.8) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,204,255,0.8)), color-stop(100%,rgba(196,255,0,0.8))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(215deg,  rgba(0,204,255,0.8) 0%,rgba(196,255,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(215deg,  rgba(0,204,255,0.8) 0%,rgba(196,255,0,0.8) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(215deg,  rgba(0,204,255,0.8) 0%,rgba(196,255,0,0.8) 100%); /* IE10+ */
		background: linear-gradient(215deg,  rgba(0,204,255,0.8) 0%,rgba(196,255,0,0.8) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ccff', endColorstr='#c4ff00',GradientType=1 ) progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/1x1.png'); /* IE6-9 fallback on horizontal gradient */
		pointer-events:none;
	}


/* 6. LOGO */

	.lj-logo {
		text-align: left;
		z-index: 3;
	}
	
	.lj-logo img {
		width: 341px;
		height: 102px;
		display: inline-block;
		margin-bottom: 50px;
	  vertical-align: bottom;
	}


/* 7. SOCIALS */

	.lj-socials {
		text-align: right;
		margin-bottom: 50px;
		z-index: 3;
	}

	.lj-socials ul {
		margin-top: 0;
		margin-bottom: 0;
		padding-left: 0;
		list-style-type: none;
	}

	.lj-socials li {
		display: inline-block;
		/*margin-right: 5px;*/
	}

	.lj-socials li:last-child {
		margin-right: 0;
	}

	.lj-socials li a {
		width: 40px;
		height: 40px;
		display: inline-block;
		line-height: 40px;
		text-align: center;
		background-color: transparent;
		font-size: 1.25em;
	}

	/*.lj-socials li a:hover {
		background-color: #2c8171;
		color: #fff;
	}*/
	
	
	.socialf:hover {
		background-color: #3b5998;
		color: #fff;		
	}
	.socialy:hover {
		background-color: #bb0000;
		color: #fff;		
	}
	.socialt:hover {
		background-color: #00aced;
		color: #fff;		
	}
	.socialg:hover {
		background-color: #dd4b39;
		color: #fff;		
	}
	.sociali:hover {
		background-color: #125688;
		color: #fff;		
	}

	.lj-socials li {
		overflow: hidden;
	}
	
	.lj-socials .idioma a {
		width: 23px;
		
	}
	
	.lj-socials .idioma {
		 font-family: 'Open Sans', sans-serif;
  color: #ffffff;
  font-weight:300;
  font-size: 10.5px;}
  
   .lj-socials .lin-idioma {
		 font-family: 'Open Sans', sans-serif;
  color: #ffffff;
  font-weight:300;
  font-size: 10.5px;
      position: absolute;
    /* padding: 0 10px 0px 0; */
    margin: 6.5px 20px 0 -5px;}


/* 8. CONTENT */

	.lj-changer {
		margin-top: 30px;
	}

	.lj-changer > div {
		display: none;
		position: relative;
	}

	.lj-changer > div.active {
		display: block;
	}


/* 9. HOME */

	#home .lj-title {
    z-index: 2;
  }
    
  #home .lj-title > div {
  	font-family: 'Poiret One', cursive;
  	font-weight: 400;
  	font-size: 4em;
    word-wrap: break-word;
    line-height: 1em;
    display: inline-block;
  }

  #home .lj-title .rotate {
  	display: inline-block;
  }
  
  #home .lj-title .rotate2 {
  	display: inline-block;
  }
  
  #home .lj-title span {
    color: #ffffff;
  }

  #home .lj-title-paragraph {
  	max-width: 625px;
	
  }

  #home .lj-title-paragraph p {
  	font-size: 1.1em;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
  	/*font-style: italic;*/
  }
  
  #home .sub-ini {
  	font-size: 1.1em;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    padding: 20px 0 0 0;
  	/*font-style: italic;*/
  }
  
  
  .puntos {
	  border-top: 1px dotted #ffffff;
	  top: 20px;
    position: relative;
	  }
	
	.botonesini {
	padding: 0 15px 0 0;
    display: inline;
    top: 60px;
    position: relative;
}
	
  .btnini {
  -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    font-size: 16px;
    padding: 18px 50px 18px 50px;
    background: rgba(44, 129, 113, 0.9);
    /* border: solid #ccc 1px; */
    text-decoration: none;
    font-weight: 600;
  
}

  .btnini:hover {
  background: rgba(182, 103, 60, 0.9);
  /*border: solid #2c8171 1px;*/
  text-decoration: none;
  padding: 18px 50px 18px 50px;
  color: #ffffff;
} 

.btninire {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: 'Open Sans', sans-serif;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  padding: 18px 50px 18px 50px;
  background: rgba(44, 129, 113, 0.9);
  /*border: solid #2c8171 1px;*/
  text-decoration: none;
  
}

  .btninire:hover {
  background: rgba(182, 103, 60, 0.9);  
  /*border: solid #ccc 1px;*/
  text-decoration: none;
  padding: 18px 50px 18px 50px;
  color: #ffffff;
} 
	  
/* TABS */

titulotab .tabs {
	
}
titulotab .tabs li, titulotab .tabs2 li, titulotab .tabs3 li {
	display: inline-block;

}
titulotab .tabs li a {
	text-decoration: none;
    /* color: #000; */
    display: block;
    font-size: 0.7em;
    padding: 0 10px 0 0;
    /* border: 1px solid #fff; */
    outline: none;
}

titulotab .tabs2 li a {
	text-decoration: none;
    /* color: #000; */
    display: block;
    
    padding: 15px 10px 10px 0;
    /* border: 1px solid #fff; */
    outline: none;
}

titulotab .tabs3 li a {
	text-decoration: none;
    /* color: #000; */
    display: block;
    
    padding: 15px 10px 10px 0;
    /* border: 1px solid #fff; */
    outline: none;
}

titulotab .tabs li a:hover {
	
}

html titulotab .tabs li.active, html titulotab .tabs li.active a:hover  {
	
}

titulotab .tabs li a.active {
	color: #000;
}

.tab_container {
    border-top: 1px dotted #ffffff;
    list-style-type: none;
	
}
.tab_content {
    position: relative;
    font-style: normal;
}



.tab_content2 {
    position: relative;
    font-style: normal;
}

#features .tab_container .tab_content .fa {
    font-size: 15px;
    padding: 0 9px 0 9px;
	
}

#features .tab_container .tab_content i {
    font-size: 17px;
	font-weight:400;
	
}


/* 10. FEATURES */

	#features ul {
		margin-top: 10px;
		border-top: 1px dotted #ffffff;
		list-style-type: none;
	    padding: 20px 0 0 0;
		
	}

	#features li {
		padding: 10px 0;
		position: relative;
		font-size: 1.4em;
		font-style: normal;
		font-weight: 400;
	}

	#features li:first-child {
		padding-top: 0;
	}

	#features li:last-child {
		padding-bottom: 0;
	}

	#features li p {
		font-size: 0.7em;
		font-weight: 300;
		/*font-style: italic;*/
		margin: 0px 0 0 0px;
		
	}

	/*#features i {
		margin: 30px 15px 0 0;
		opacity: 0.2;
	}*/

    #features .btn-gal {
		display: block;
		text-align: center;
		padding: 18px 50px 18px 50px;
		/*border: solid #ccc 1px;*/
		text-decoration: none;
		background: rgba(44, 129, 113, 0.9);
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		font-weight: 600;
		transition: color 0.25s, background 0.25s, opacity 0.25s;
		-moz-transition: color 0.25s, background 0.25s, opacity 0.25s;
		-webkit-transition: color 0.25s, background 0.25s, opacity 0.25s;
		-o-transition: color 0.25s, background 0.25s, opacity 0.25s;
		-ms-transition: color 0.25s, background 0.25s, opacity 0.25s;
	}
	
	#features .btn-gal .fa {
    font-size: 20px;
    width: 25px;
    text-align: center;
	padding: 0 40px 0 0px;
}

	#features .btn-gal:hover {
		/*border: solid #2c8171 1px;*/
    /* background-color: #2c8171; */
    background: rgba(182, 103, 60, 0.9); 
	color:#fff;
	}

/* 11. GALLERY */

	#gallery .grid {
		margin-top: 40px;
	}

	#gallery .grid-item {
		width: 356px;
		margin-bottom: 30px;
		position: relative;
	}

	#gallery img {
		max-width: 100%;
		border: 4px solid #fff;
		-webkit-box-shadow: 0px 0px 80px 5px rgba(0,0,0,1);
		-moz-box-shadow: 0px 0px 80px 5px rgba(0,0,0,1);
		box-shadow: 0px 0px 80px 5px rgba(0,0,0,1);
	}

	#gallery a::before {
		display: block;
		content: "";
		position: absolute;
		background-color: #fff;
		opacity: 0;
		width: 100%;
		height: 100%;
		transition: opacity 0.25s ease-in-out 0s;
		-moz-transition: opacity 0.25s ease-in-out 0s;
		-webkit-transition: opacity 0.25s ease-in-out 0s;
		-o-transition: opacity 0.25s ease-in-out 0s;
		-ms-transition: opacity 0.25s ease-in-out 0s;
	}

	#gallery a:hover::before {
		opacity: 0.1;
	}
	
/* 11B. LA CARTA */

	#carta .grid {
		margin-top: 40px;
	}

	#carta .grid-item {
		width: 356px;
		margin-bottom: 30px;
		position: relative;
	}

	#carta img {
		max-width: 100%;
		border: 4px solid #fff;
		/*-webkit-box-shadow: 0px 0px 80px 5px rgba(0,0,0,1);
		-moz-box-shadow: 0px 0px 80px 5px rgba(0,0,0,1);
		box-shadow: 0px 0px 80px 5px rgba(0,0,0,1);*/
	}

	#carta a::before {
		display: block;
		content: "";
		position: absolute;
		background-color: #fff;
		opacity: 0;
		width: 100%;
		height: 100%;
		transition: opacity 0.25s ease-in-out 0s;
		-moz-transition: opacity 0.25s ease-in-out 0s;
		-webkit-transition: opacity 0.25s ease-in-out 0s;
		-o-transition: opacity 0.25s ease-in-out 0s;
		-ms-transition: opacity 0.25s ease-in-out 0s;
	}

	/*#carta a:hover::before {
		opacity: 0.1;
	}	*/

/* 12. SLIDE HABITACIONES */

.clean_slider_container{
    /*overflow: hidden;*/
    margin:0 auto;
    position: relative;
}
.clean_slider_container ul{
	display: -webkit-inline-box;
    overflow: hidden;
    list-style: none outside none;
    margin: 0 0 4px;
    padding: 0;
}  
.clean_slider_container li{
    margin:0;
    padding:0;
    /*float:left;*/
}
.clean_slider_img_list img{
    display: none;
    z-index: 1;
    position: absolute;
}
.clean_slider_mark_container{
    float: right;
    /* margin-right: 10px; */
    top: -32px;
    /* bottom: -2px; */
    position: relative;
    z-index: 2;
    margin: 0 auto;
    /* left: 0; */
     right: 7px; 
    /* width: 50px; */
}



.clean_slider_mark_container li{
    width:16px;
    height:16px;
}  
.medida{
    width:100%;
    height:auto;
} 
.medida2{
    width:100%;
    height:auto;
}   
.clean_slider_mark_container a{
    background: url(bg2.png) transparent top left no-repeat;
    width:16px;
    height:16px;
    display: block;
}
.clean_slider_mark_container a.active{
    background: url(bg2.png) transparent bottom left no-repeat;
    width:16px;;
    height:16px;
    display: block;
}
.clean_slider_image_shown{
/** style to be applied to the final image **/
/** css3 properties, you can remove or change this class **/
    /*box-shadow:2px 2px 5px black;
    border-radius: 10px 10px 10px 10px;*/
}
.caption{
    background-color: black;
    filter: alpha(opacity = 80);    
    opacity: 0.8;
    position: absolute;
    height: 70px;
    z-index: 99;
    text-align: center;
    display: none;
    text-decoration: none;

}
.caption label{
    display: block;
    font-family: cursive;
    font-size: 23px;
    margin: 14px 10px 10px;
    color:white;
}


/* 12. TEAM */

	#team img, #carta img {
	display: block;
    margin-top: 10px;
    width: 100%;
    /* height: auto; */
    border: 4px solid #fff;
    /* overflow: hidden; */
    position: relative;
		/*-webkit-box-shadow: 0px 0px 80px 5px rgba(0,0,0,1);
		-moz-box-shadow: 0px 0px 80px 5px rgba(0,0,0,1);
		box-shadow: 0px 0px 80px 5px rgba(0,0,0,1);*/
	}

	#team figure {
		/*display: inline-block;
		margin-right: 30px;*/
	}
	
	#carta figure {
		display: inline-block;
		margin: 30px 0 0 0; 
	}

	#team figcaption, #carta figcaption {
  	font-family: 'Poiret One', cursive;
  	font-weight: 400;
  	font-size: 1.4em;
  	margin-top: 10px;
  	position: relative;
	}

	#team figcaption span {
		display: block;
		font-style: italic;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 0.7em;
		color: #2c8171;
	}

	#team .team-socials {
		position: absolute;
		right: 0;
		top: 0;
	}

	#team .team-socials a {
		margin-left: 10px;
		opacity: 0.2;
	}

	#team .team-socials a:hover {
		opacity: 1;
		color: #fff;
	}
	
	#team .servicios{
	
    	padding: 15px 0 0 0;
	}
	
	#carta .servicios{
	
    	padding: 0px 0 0 0;
	}
	
	#team iconserv, #carta iconserv {
		display: block;
		font-size: 15px;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		padding: 0px 0 0 0;
	}
	
	#team iconserv .fa, #carta iconserv .fa {
		font-size: 16px;
		width: 25px;
        text-align: center;
	}
	
	#team .botonesini .fa {
		font-size: 18px;
		width: 25px;
        text-align: center;
	}
	
	#team iconcont {
		padding: 0 0 0 10px;
	}


/* 13. CONTACT */
	
	#contacto iconserv   {
		display: block;
		font-size: 15px;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		padding: 0px 0 0 0;
	}
	
	#contacto subtitulo .fa {
		font-size: 28px;
		padding: 0 10px 0 0;
	}
	
	
	
	contact-cont{
		font-family: 'Roboto', sans-serif;
		font-size: 16px;
		font-weight: 300;}
	
    #contact subtitulo {
	    font-family: 'Poiret One', cursive;
    font-weight: 400;
    font-size: 1.4em;
    /* margin-top: 10px; */
    position: relative;
    display: block;
    padding: 15px 0 8px 2px;
	}
	
	#contacto subtitulo {
	    font-family: 'Poiret One', cursive;
    font-weight: 400;
    font-size: 1.6em;
    /* margin-top: 10px; */
    position: relative;
    display: block;
    padding: 10px 0 3px 2px;

	}
	
	#contacto .servicios .btn-ubi {
	    font-family: 'Poiret One', cursive;
    font-weight: 400;
    font-size: 1.6em;
    /* margin-top: 10px; */
    position: relative;
    display: block;
    padding: 10px 0 25px 0px;
	}
	
	#contacto .servicios .btn-ubi .fa {
	font-size: 16px;
    padding: 0 10px 0 0;
	}
	
	.btn-con-ubi {
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    font-size: 14px;
    padding: 15px 50px 15px 50px;
    background: rgba(44, 129, 113, 0.9);
    text-decoration: none;
    font-weight: 400;
	}
	
	.btn-con-ubi:hover {
        background: rgba(182, 103, 60, 0.9);
		color: #ffffff;
	}
	
	#contact form {
		margin-top: 30px;
	}

	#contact input{
		padding: 0 0 0 0;
		line-height: 1.4em;
		display: block;
		background-color: rgba(255, 255, 255, 0.9);
		border: 0;
		outline: 0;
		border-left: 2px solid #2c8171;
		width: 100%;
		padding: 10px;
		color: #444;
    margin: 0 0 2px 0;}
		
	#contact textarea {
		font-weight: 300;
		line-height: 1.4em;
		display: block;
		background-color: rgba(255, 255, 255, 0.9);
		border: 0;
		outline: 0;
		border-left: 2px solid #2c8171;
		width: 100%;
		padding: 10px;
		color: #444;
		
	}

	#contact textarea {
		min-height: 150px;
		resize: both;
		max-width: 100%;
	}

	#contact button {
		margin-top: 20px;
    padding: 18px 50px 18px 50px;
    background: rgba(255,255,255,0);
    background: rgb(44, 129, 113);
    border: solid #2C8171 1px;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    max-width: 100%;
    font-weight: 600;
    width: 100%;
		transition: color 0.25s, background 0.25s, opacity 0.25s;
		-moz-transition: color 0.25s, background 0.25s, opacity 0.25s;
		-webkit-transition: color 0.25s, background 0.25s, opacity 0.25s;
		-o-transition: color 0.25s, background 0.25s, opacity 0.25s;
		-ms-transition: color 0.25s, background 0.25s, opacity 0.25s;
	}
	
	#contact button .fa {
    font-size: 20px;
    width: 25px;
    text-align: center;
	padding: 0 40px 0 0px;
}

	#contact button:hover {
		    border: solid #B6673C 1px;
    /* background-color: #2c8171; */
    background: rgb(182, 103, 60);
	}

	#contact label {
		display: block;
		position: relative;
		font-weight: 300;
		color: rgba(255, 255, 255, 1);
		cursor: text;
		transition: all 0.25s ease-in-out 0s;
		-moz-transition: all 0.25s ease-in-out 0s;
		-webkit-transition: all 0.25s ease-in-out 0s;
		-o-transition: all 0.25s ease-in-out 0s;
		-ms-transition: all 0.25s ease-in-out 0s;
	}

	#contact label.active {
		
	}

	#contact label span {
		
		padding-left: 20px;
   	    position: absolute;
        top: 9px;
        float: right;
        right: 5px;
	}

	#contact label i.fa-check {
		color: #2ecc71;
	}

	#contact label i.fa-close {
		color: #ed5566;
	}
	
	.fa {
   
    
    font-size: 25px;
   
}

.fahome {
   
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;   
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 32px;
   
}

	#contact span.contact-message {
		display: none;
		position: relative;
		left: 30px;
		opacity: 0;
		margin-top: 10px;
		color: #2ecc71;
		font-size: 0.8em;
		font-weight: 300;
	}
	    
/* 14. FOOTER */

	footer {
		width: 100%;
		padding-left: 50px;
		position: relative;
		z-index: 1;
	}

	footer > .container {
		padding-top: 30px;
		padding-bottom: 30px;
	}

  .lj-progress {
  	height: 40px;
  	padding-top: 19px;
  }

  .lj-progress .lj-progress-bar {
  	display: block;
  	width: 100%;
  	height: 5px;
  	background: rgba(255, 255, 255, 0.15);
  }

  .lj-progress .filler {
  	background: #2c8171;
  	display: block;
  	height: 5px;
  }

  .lj-progress span {
  	font-weight: 300;
  	font-size: 1em;
  	top: -10px;
  	position: absolute;
  	display: inline-block;
  }

  .lj-progress span em {
  	font-size: 1.4em;
  	font-weight: 300;
  	padding-left: 10px;
  }

	.lj-footer-copyrights p {
		line-height: 40px;
		margin: 0;
		text-align: right;
		font-size: 0.8em;
		font-weight: 300;
		font-style: normal;
		font-size: 0.65em; 
   		letter-spacing: 0.5px;
    	font-family: 'Open Sans', sans-serif;
	}
	
/* REPRODUCTOR*/	

.reproductor {
		position: fixed;
    /* top: 0; */
    bottom: 0;
    opacity: 0.8;
    left: 10px;
    z-index: 5;
	    padding: 0 0 10px 5px;
    	font-family: 'Open Sans', sans-serif;
	}

.reproductor button {
	-webkit-appearance: none;
    cursor: pointer;
    background: none;
    text-decoration: none;
    border: none;
	outline: none;
    	font-family: 'Open Sans', sans-serif;
	}	


/* 15. BREAKPOINTS */

	@media (max-width: 1199px) {
		#gallery .grid-item {
			width: 290px;
		}
		
		#carta .grid-item {
			width: 290px;
		}
		
	}

	@media (max-width: 991px) {
		#gallery .grid-item {
			width: 340px;
		}
		
		#carta .grid-item {
			width: 340px;
		}
		
	}
	
	

	@media (max-width: 767px) {

		p {
			font-size: 1.2em;
		}

		nav {
			padding-top: 40px;
		}

		header {
			margin-bottom: -140px;
		}

		header > .container {
			padding-top: 50px;
		}

		.lj-logo {
			text-align: center;
		}

		.lj-socials {
			text-align: center;
		}

		#home .lj-title > div {
			font-size: 3em;
			margin-top: 0;
		}

		#home .lj-title-paragraph p {
			font-size: 1.2em
		}

		#features li {
			font-size: 1.2em;
		}

		#features li p {
			font-size: 0.8em;
		}

		#gallery .grid-item {
			width: 100%;
		}
		
		#carta .grid-item {
			width: 100%;
		}

		#team figure {
			margin-right: 0;
			margin-bottom: 30px;
		}

		.lj-footer-copyrights p {
			text-align: center;
		}
		
		

		
	
	
	
	


	
	}
	
	@media (max-width: 680px) {
	.linea {
		display:none;
	}
	
	.lj-logo img {
		
		
		text-align:left;
		float:left;
		margin-bottom: 20px;	  
	}
		
	}
	
	@media (max-width: 480px) {
	.btnini, .btninire {    
   		display: block;
   		text-align: center;
	}	

	.lj-logo img {
		width: 280px;
		height: auto;
			  
	}
	
	.botonesini {
    	padding: 0 15px 10px 0;
    	display: block;
	}

	titulo {  
  		font-size: 3.4em;
	}
	
	
		
	}