*{
	margin: 0px;
	padding: 0px;
	border: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Ubuntu', sans-serif;
}
h1, h2, h3, h4, h5, h6{  
	font-family: 'Ubuntu', sans-serif !important;
}
section{
	padding: 80px 0;
}
a, a:hover, a:focus{
  text-decoration: none !important;
}
#preloader {
  position: fixed;
  top:0; left:0;
  right:0; bottom:0;
  z-index: 10000000;
  background-color: #000;
}
#preloader > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  max-width: 120px;
  width: 80%;
}
.cabecera{
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9;
}
.logo{
	max-width: 300px;
	width: 100%;
  margin-top: 30px;
}
.pie{
	background-color: #f77142;
	text-align: center;
}
.pie h6{
	color: rgba(255,255,255,.3);
  margin: 40px auto;
  font-size: 0px;
}
.pie h6 span{
  display: block;
  margin: 5px 0;
  font-size: 1rem;
  color: #ccc;
}
@media only screen and (min-width: 992px){
  .pie h6 span{
    display: inline-block;
    margin: 0 10px;
  }
  .pie h6{
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1024px){
  .pie h6 span{
    color: #fff;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
  }
}
.bottom-pie{
	background-color: #000;
	color: white;
}
.bottom-pie p{
	margin: 20px 0;
	font-size: .9rem;
	color: #999
}
.idiomas{
	position: absolute;
	top: 0;
	right: 0;
}
.slideshow{
	/*height: 100vh;*/
  background-color: #000;
  position: relative;
}
.slideshow:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/pattarn.png) repeat top left rgba(0,0,0,.2);
  top: 0;
  left: 0;
  z-index: 5;
}
.area-bienvenidos{
	background: url(../images/bg-verde.jpg) no-repeat center center;
  background-size: cover;
  padding: 20px 0;
}
.area-bienvenidos h3{
	color: white;
}
.box-servicio{
  /*border: 3px solid rgba(133,146,90,1);*/
  background-color: rgba(255,255,255,.85);
  padding: 15px 30px;
  margin: 15px 0;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}
.box-servicio p{
  color: #30460b;
  font-weight: normal;
  font-size: 16px;
}
.box-servicio i, .box-servicio h3{
	color: #648f01;
}
.bg-carta{
	background: url(../images/parallax/bg001.jpg) no-repeat top center;
	background-size: cover;
}
.bg-reserva{
	background: url(../images/parallax/bg002.jpg) no-repeat center center;
	background-size: cover;
}
.bg-contacto{
	background: url(../images/parallax/bg003.jpg) no-repeat center center;
	background-size: cover;
}
.encabezado{
	position: relative;
  text-align: center;
}
.encabezado:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.55);
}
.encabezado h1{
	margin: 0px 0px 20px;
	color: white;
  letter-spacing: 2px;
  position: relative;
  z-index: 5;
  font-size: 1.5rem;
}
.encabezado h3{
	color: #fff;
  letter-spacing: 2px;
  position: relative;
  z-index: 5;
  font-size: 1.5rem;
}
@media only screen and (min-width: 992px){
  .encabezado h1{
    font-size: 2.5rem;
	  letter-spacing: 5px;
  }
}
.slick-list.draggable {
    cursor: -webkit-grab;
    cursor: grab;
}

.slick-list.draggable:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
#map {
	height: 400px;
	width: 100%;
}
#scroll-down {
  display: block;
  position: absolute;
  text-align: center;
  bottom: 20px;
  left: 50%;
  padding-top: 79px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 99;
}
#scroll-down:hover *{
	text-decoration: none;
}
.arrow-down {
  display: block;
  margin: 0 auto;
  width: 10px;
  height: 38px;
}
.arrow-down:after {
  content: '';
  display: block;
  margin: 0;
  padding: 0;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  behavior: url(-ms-transform.htc);
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
#scroll-title {
  display: block;
  text-transform: uppercase;
  color: #fff;
  font-family: Helvetica Neue, Helvetica, Arial;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: .1em;
}
#scroll-down::before {
  -webkit-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  /* Safari 4+ */
  -moz-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  /* Fx 5+ */
  -o-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  /* Opera 12+ */
  animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  /* IE 10+, Fx 29+ */
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -1px;
  width: 2px;
  height: 90px;
  background: #fff;
  content: ' ';
}
@-webkit-keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}
@-moz-keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}
@-o-keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}
@keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}
.iconos-redes{
	width: 100%;
	margin: auto;
}
.iconos-redes a{
	display: inline-block;
	margin: 20px;
	color: #999;
	-webkit-transition: all .25s ease-in;
	transition: all .25s ease-in;
}
.iconos-redes a:hover{
	text-decoration: none;
	color: white;
}
.menu{
  background-color: #d7e0b9;
  position: relative;
}
.menu .container .row p{
  height: 30px;
  font-size: 12px;
  line-height: 12px;
}/*
.menu:before{
  content: '';
  position: absolute;
  width: 1px;
  height: 80%;
  border: 1px dotted rgba(0,0,0,.5);
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}*/
.info-contacto{
  padding: 50px 0 0
}
.horarios-restaurante{
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  /*padding: 0 0 50px 50px ;*/
  margin: 30px 0 0;
}
/*.horarios-restaurante:before{
  content: '';
  position: absolute;
  width: 180px;
  height: 100%;
  background: url(../images/rama.png) no-repeat bottom center;
  background-size: contain;
  bottom: 0;
  left: -50px;
}
@media only screen and (min-width: 768px){
  .horarios-restaurante:before{
    left: 100px;
  }
}
@media only screen and (min-width: 768px){
  .horarios-restaurante:before{
    background-size: cover;
  }
}
@media only screen and (min-width: 768px){
  .horarios-restaurante:before{
  left: -50px;
  }
}*/
.horarios-restaurante h4, .formulario h4{
  text-transform: uppercase;
  font-weight: bold;
  color: #f77142
}
.formulario h4{
  text-align: center
}
.horarios-restaurante hr, .formulario hr{
  border-top: 6px solid #333;
  max-width: 60px;
  width: 100%;
  margin: 10px auto 20px;
}
.horarios-restaurante ul{
  list-style-type: none;
  margin-top: 20px;
}
.horarios-restaurante ul li{
  margin: 5px 0;
  font-size: 1.2rem;
}
.formulario{
  margin-top: 30px;
  margin-bottom: 70px;
}
.formulario .form-group input, .formulario .form-group textarea, .formulario button{
  border-radius: 0px;
  padding: 12px;
}
.formulario button{
  display: block;
  background-color: #333;
  border: none;
  width: 100%;
}
.formulario button:hover{
  background-color: #ff0000;
}
.owl-nav{
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.owl-nav button span{
  position: relative;
  font-size: 0;
  color: white;
}
.owl-nav .owl-prev{
  float: left;
  margin-left: 0px;
}
.owl-nav .owl-next{
  float: right;
  margin-right: 38px;
}
.owl-nav .owl-prev span:before{
  content: "\f104";
  font-family: 'FontAwesome';
  position: absolute;
  font-size: 3rem;
  left: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: rgba(0,0,0,.85);
  padding: 0 10px;
}
.owl-nav .owl-next span:before{
  content: "\f105";
  font-family: 'FontAwesome';
  position: absolute;
  font-size: 3rem;
  left: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: rgba(0,0,0,.85);
  padding: 0 10px;
}
.help-block{
  color: red;
  font-size: .85rem;
}
.alert-success{
    color: #27542b;
    letter-spacing: -0.5px;
    background-color: #47ff73;
    border: none;
}
.alert-success .close{
  width: auto;
  position:  absolute;
  top: 10px;
  right: 10px;
}
.alert-success .close:hover{
  background-color: transparent;
}
.btn-ir-a{
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 9;
  background-color: rgba(255,255,255,.75);
  padding: 10px 30px;
  color: #000;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
}
.btn-ir-a:hover{
  color: #ff0000;
}
.clickear-telefono{
  background-color: rgba(255,255,255,.85);
  padding: 5px 25px;
  -webkit-border-radius: 35px;
  border-radius: 35px;
  font-weight: bold;
  display: inline-block;
  margin: auto;
  font-size: 18px;
  max-width: 10em;
}
.clickear-telefono a{
  color: #333
}
.btn-modal-formulario{
  /*background-color: #eb280c;*/
  color: white;
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin: 10px auto;
  display: block;
  position: relative;
}
.btn-modal-formulario span{
  position: relative;
  z-index: 5;
}
.btn-modal-formulario:before{
  content: '';
  position: absolute;
  background-color: #eb280c;
  width: 100%;
  height: 100%;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%) scale(.8);
  -moz-transform: translate(-50%,-50%) scale(.8);
  -ms-transform: translate(-50%,-50%) scale(.8);
  transform: translate(-50%,-50%) scale(.8);
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  -webkit-animation: zoom 1s ease-in infinite;
  -moz-animation: zoom 1s ease-in infinite;
  -ms-animation: zoom 1s ease-in infinite;
  animation: zoom 1s ease-in infinite;
  z-index: 0;
}
@-webkit-keyframes zoom{
  0%, 100%{
    -webkit-transform: translate(-50%,-50%) scale(.9);
    transform: translate(-50%,-50%) scale(.9);
  }
  50%{
    -webkit-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
  }
}
.btn-modal-formulario:hover{
  color: white;
}
.portada-formulario{
  width: 100%;
  background: url(../images/bg-verde.jpg) no-repeat left center #648f01;
  background-size: cover;
  padding: 30px;
  color: white;
  text-align: center;
}
.portada-formulario img, .portada-formulario p{
  display: none;
}
@media only screen and (min-width: 768px){
  .portada-formulario p{
    display: block;
  }
  .portada-formulario{
    padding: 10px 50px;
  }
}
@media only screen and (min-width: 992px){
  .modal-formulario{
    display: flex;
    justify-content: space-between;
    min-height: 600px;
  }
  .portada-formulario{
    width: 40%;
    background: url(../images/bg-verde-vertical.jpg) no-repeat top center #648f01;
    background-size: cover;
    padding: 50px 30px;
    position: relative;
  }
  .portada-formulario img{
    display: block;
    -webkit-filter: invert(1);
    -moz-filter: invert(1);
    -ms-filter: invert(1);
    filter: invert(1);
    max-width: 150px;
    padding: 10px;
    position: absolute;
    bottom: 80px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.area-formulario-pedido{
  width: 100%;
  padding: 30px;
}
@media only screen and (min-width: 992px){
  .area-formulario-pedido{
    width: 60%;
    padding: 50px 30px;
  }
}
.area-formulario-pedido .form-control{
  border-radius: 0px;
}
.area-formulario-pedido input[type=submit]{
  background-color: transparent;
  border: 1px solid #eb280c;
  padding: 5px 25px;
  cursor: pointer;
  color: #eb280c
}