/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/S6uyw4BMUTPHjxAwXjeu.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/S6uyw4BMUTPHjx4wXg.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
} 
 body {
      font: 400 15px/1.8 Lato, Montserrat, sans-serif;
	  /*font: 400 16px/1.8 CenturyGothic;*/
      /*color: #777;*/
	  color:#FFFFFF;
  }
  h3, h4 {
      margin: 10px 0 30px 0;
      letter-spacing: 10px;      
      font-size: 20px;
      color: #111;
  }
  .container {
     /* padding: 80px 120px;*/
  }
 
 /*.navbar {
  	height:120px;
  }
  .navbar-header {
  	height:120px;
  }
  .navbar-brand img{
  	height:120px; margin-top: -17px; margin-left: 12em;
  }
  */
  
  .navbar {
      font-family: Montserrat, sans-serif;
      margin-bottom: 0;
      /*background-color: #2d2d30 !important;*/
	  background-color: #FFFFFF !important;
      border: 0;
      font-size: 11px !important;
      letter-spacing: 4px;
      opacity: 0.9;
  }
  .navbar li a, .navbar .navbar-brand { 
      color: #555 !important;
   /* font-weight: bold;*/
  }
  .navbar-nav li a:hover {
      /*color: #fff !important;*/
	  color: #000000   !important;
  }
  .navbar-nav li.active a {
    /*color: #fff !important;*/
    background-color: #113f01 !important;
	color: #DBAA46 !important;
	 /* background-color: rgba(238, 238, 238, 0.02) !important;*/
	font-weight: bold;
  }
  .nav-tabs li a {
      color: #777;
  }
  .navbar-default .navbar-toggle {
      border-color: transparent;
  }
  .navbar-collapse {
	  /*background-color: #2E2E31;*/
	  background-color: #FFFFFF;
  }
  
  
  .person {
      border: 10px solid transparent;
      margin-bottom: 3px;
      width: 60%;
      height: 60%;
     /* opacity: 0.7;*/
  }
  .person:hover, .person:focus {
      /*border-color: #96C257;*//*#f1f1f1;*/
	  -webkit-box-shadow: 0px 2px 6px 2px #2196F3;
		-moz-box-shadow: 0px 2px 6px 2px #2196F3;
		box-shadow: 0px 2px 6px 2px #2196F3;
  }
  
  /*.carousel-inner { height:100vh}
  .carousel-inner.vh-90 { height:92vh }
  .carousel-caption { padding-bottom: 30vh !important;} 
  
  .carousel-caption2{ display: visible; }
  
  */
  .carousel-inner.pc-100 { height:100% }
 
  
  
  .carousel-inner img {
      /*-webkit-filter: grayscale(90%);
      filter: grayscale(90%); */
      width: 100%; /* Set width to 100% */
      margin: auto;
  }
  .carousel-caption h3 {
      color: #fff !important;
  }
  .overlay {
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 2;
		background-color: #080d15;
		opacity: .5;
		/*background-color: rgba(245, 185, 11, 0.5); 
     	opacity: .5; */
		/*background: radial-gradient(ellipse farthest-corner at center center, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0.85) 100%) repeat scroll 0% 0%;
		transition: 500ms;*/
		/*background: radial-gradient(ellipse farthest-corner at center center, rgba(0,0,0,0.2) 20%, rgba(0,0,0,0.5) 100%) repeat scroll 0% 0%;
		transition: 500ms;*/
	}
	
	.carousel-inner_pequeno{
		height:100%;
	}
	.div_carrusel_pequeno {
		width:100% !important;
		text-align:center !important;
	}
	.img_carrusel_pequeno {
		width:100% !important;
		height:300px !important;
	}
  
  	.full-height {
    	min-height: 100vh;
	}
	
  #IrArriba{
		width:40px;
		height:40px;
		opacity:0.3;
		position:fixed;
		bottom:25%;
		right:2%;
		display:none;
		cursor:pointer;
		z-index: 9999;
	}
	#IrArriba.visible{
		background: url(../imagenes/icono_arriba.webp) no-repeat;
	}
	#IrArriba:hover{
		opacity:0.7;
	}
	
	#PBX {
		position:fixed;
		top: 80px;
		right: 10px;
		font-size: 1em;
		color: #027904;
		z-index: 100000;
		font-weight: bolder;
	  }
	
	.portafolio {
		margin-top:120px;
	}
	
	#mensaje { opacity: 0.1 !important; height:1px !important}
	
  .gris {
  	background: rgba(45, 45, 48, 0.31) !important;
	color: rgba(16, 16, 16, 0.59) !important;
	font-weight:bold !important; 
  }
  .verde {
  	background: #96C257 !important;
	color: white !important;
	font-weight:bold !important; 
  }
  .dorado {
  	/*background: #C6A034 !important;*/
	color: white !important;
	/*font-weight:bold !important; */
	background-image: url("../imagenes/carrusel_1.webp") !important; background-position: 30% 30%;
	position: relative; 
  }
  .dorado.visible {
	  background-image: url("../imagenes/nosotros.webp") !important; 
  }
  .contactanos {
  	/*background: #C6A034 !important;*/
	/*font-weight:bold !important; */
	background-image: url("../imagenes/carrusel_1.webp") !important; background-repeat: no-repeat;background-size:100%,auto;/*background-position: 30% 30%;*/
	position: relative; 
  }
  .contactanos.visible {
  	background-image: url("../imagenes/contactanos.webp") !important; 
  }
  .banner-mask {
	background-color: rgba(255, 144, 22, 0.8);  
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	/*z-index: 3;*/
  }
  .bg-1 {
      background: #2d2d30;
      color: #bdbdbd;
  }
  .bg-1 h3 {color: #fff;}
  #contacto {background-color:#000000;}
  #contacto h2 {color: #DBAA46; font-weight: bold;}
  /*#productos h3 {color: #DBAA46; font-weight: bold;}*/
  
  .bg-1 p {font-style: italic;}
  .list-group-item:first-child {
      border-top-right-radius: 0;
      border-top-left-radius: 0;
  }
  .list-group-item:last-child {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
  }
  .thumbnail {
      padding: 0 0 15px 0;
      border: none;
      border-radius: 0;
  }
  .thumbnail p {
      margin-top: 15px;
      color: #555;
  }
  .thumbnail img {
	height:180px!important;
  }
  .descripcion {
  	font-size: 1.5em;color: #FFFFFF !important; font-weight:bold; margin:auto; padding-top:20px; width:80%;text-transform: uppercase;
  }
  .precio {
 	 font-size: 1.5em; color: #FFFFFF !important; margin:auto;padding-top:80px;
  }
  .btn {
      padding: 10px 20px;
      background-color: #333;
      color: #f1f1f1;
      border-radius: 0;
      transition: .2s;
  }
  .btn:hover, .btn:focus {
      border: 1px solid #333;
      background-color: #fff;
      color: #000;
  }
  .btn_enviar {
      padding: 10px 20px;
      background-color: #333;
      color: #f1f1f1;
      border-radius: 4px;
      transition: .2s; 
	  width: 25%;
	  font-size: 16px;
  }
  .btn_enviar:hover, .btn_enviar:focus {
      background-color: #DBAA46;
      color: #f1f1f1;
  }
  
  
  .modal-header, h4, .close {
      background-color: #333;
      color: #fff !important;
      text-align: center;
      font-size: 30px;
  }
  .modal-header, .modal-body {
      padding: 40px 50px;
  }

  #googleMap {
      width: 100%;
      height: 400px;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
  }  

  
  
  .open .dropdown-toggle {
      color: #fff;
      background-color: #555 !important;
  }
  .dropdown-menu li a {
      color: #000 !important;
  }
  .dropdown-menu li a:hover {
      background-color: red !important;
  }
  footer {
      /*background-color: #2d2d30;*/
      background-color: #000;
	  color: #DBAA46;
      padding: 32px;
  }
  footer a {
      color: #f5f5f5;
  }
  footer a:hover {
      color: #777;
      text-decoration: none;
  }  
  .form-control {
      border-radius: 4px;
	  background-color:#FFFFFF;
  }
  textarea {
      resize: none;
  }
  
    .fancybox img {
	 /* filter: gray; 
	  -webkit-filter: grayscale(1); */
		-webkit-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
		box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
		margin-bottom:20px;
	}
	
	.fancybox img:hover {
	 /* filter: none; 
	  -webkit-filter: grayscale(0); */
	  -webkit-box-shadow: 0px 2px 6px 2px #2196F3;
		-moz-box-shadow: 0px 2px 6px 2px #2196F3;
		box-shadow: 0px 2px 6px 2px #2196F3;
	}
	
	.producto {
	 /* filter: gray; 
	  -webkit-filter: grayscale(1); */

		-webkit-box-shadow: 0px 2px 6px 2px #96C257
		-moz-box-shadow: 0px 2px 6px 2px #96C257;
		box-shadow: 0px 2px 6px 2px #96C257;
		
		margin-bottom:20px;
		padding: 10px;
		cursor:pointer;
		
		
	}
	.producto:hover {
		-webkit-box-shadow: 0px 2px 6px 2px #2196F3;
		-moz-box-shadow: 0px 2px 6px 2px #2196F3;
		box-shadow: 0px 2px 6px 2px #2196F3;
	}
	.producto a{
		text-decoration: none;
	}
	
	
	.food .screen {
	  position: absolute;
	  top: -120%;
	  left: 0px;
	  width: 100%;
	  height: 100%;
	  transition: top 0.4s;
	  background-color: rgba(0, 0, 0, 0.8);
	  visibility:hidden;
	}
	
	.food:hover .screen {
	  top: -10px;
	  visibility:visible;
	}
	
	
	
  
  /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px), only screen and (max-width: 960px) {
	body {
		padding-top: 130px;
  	}
	.carousel-inner { height:100% !important;}
    .carousel-inner.vh-90 { height:100% !important;}
    .carousel-caption {
	  padding-bottom: 2vh !important;
      /*display: none;*/ /* Hide the carousel text when the screen is less than 600 pixels wide */
   }
  .carousel-caption2{ display: none; }
  .navbar {
		height:130px;
  }
  .navbar-header {
		height:130px;
  }
   .navbar-brand img{
		/*width:130px;*/ height:80px; margin-top: -13px; margin-left: 0;
  }
  
  
  .portafolio {
		margin-top:0px;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 960px) {
	.carousel-inner { height:100vh}
		.carousel-inner.vh-90 { height:92vh }

		.carousel-caption { padding-bottom: 30vh !important;}
		.carousel-caption2{ display: visible; }
		
		 .navbar {
			height:120px;
		  }
		  .navbar-header {
			height:120px;
		  }
		  .navbar-brand img{
			/*width:200px;*/ height:120px; margin-top: -17px; margin-left: 12em;
		  }		
		  #PBX {
			top: 70px;
			right: 20px;
			font-size: 1.2em;
		  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}