body {
  font-size: 16px;
  color: #fff;
  background-color: #fff5e6;
  font-family: 'Oxygen', sans-serif;

}

/** HEADER **/


#header-nav {
  background-color: #003300;
  opacity: 1;
  border-radius: 0;
  border: 0;
}
#header-nav2 {
  background-color: #003300;
  border-radius: 0;
  border: 0;
  opacity: .85;
}

#logo-img {
  background: url('../images/logocaravan.png') no-repeat;
  width: 450px;
  height: 100px;
  margin: 40px 15px 20px 0;
}

.navbar-brand {
  padding-top: 25px;
}
.navbar-brand h1 { /* Restaurant name */
  font-family: 'Lora', serif;
  color: #ffffff;
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: 1px 1px 1px #222;
  margin-top: 0;
  margin-bottom: 0;
  line-height: .75;
}
.navbar-brand a:hover, .navbar-brand a:focus {
  text-decoration: none;
}
.navbar-brand p { /* Kosher cert */
  color: #000;
  text-transform: uppercase;
  font-size: .7em;
  margin-top: 15px;
}
.navbar-brand p span { /* Star-K */
  vertical-align: middle;
}

#nav-list {
  margin-top: 70px;
  font-family: 'Bellefair', serif;
  font-size: 1.0em;
}
#nav-list a {
  color: #efead0;
  text-align: center;
}


#nav-list a:hover {
  color: #00802b;
  text-align: center;
  background: #234227;
}

#nav-list a:active {
  color: #00802b;
  text-align: center;
}

#nav-list a span {
  font-size: 1.8em;
}

.nav .open > a
{
    background:#00802b;
    color: #00802b;
  text-align: center;
    
}


.navbar-header button.navbar-toggle, .navbar-header .icon-bar {
  border: 1px solid #efead0;
}
.navbar-header button.navbar-toggle {
  clear: both;
  margin-top: -30px;
}
/* END HEADER */

/* FOOTER */
.panel-footer {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 35px;
  padding-bottom: 30px;
  background-color: #003300;
  border-top: 0;
  text-align: center;
}
.panel-footer div.row {
  margin-bottom: 0px;
}
#address, #testimonials {
  line-height: 2;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: .8px;
  line-height: 1.8;
}
#hours {
    line-height: 2;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: .8px;
  line-height: 1.8;
  margin-bottom: 20px;
}


#hours > span, #address > span {
  font-size: 1.5em;
  font-weight: bold;
}

#address p {
  color: #99ff99;
  font-size: .8em;
  line-height: 1.8;
}
#testimonials {
  font-style: italic;
}

#testimonials p {
  margin-top: 6px;
}
#testimonials p:nth-child(2) {
  margin-top: 25px;
}
#texto-italic {
  font-size: 18px;
  font-style: italic;
  margin-top: 10px;
  margin-bottom: -20px;

}

#local-italic {
  font-size: 18px;
  font-style: italic;
  margin-top: 10px;
  margin-bottom: -20px;
  color: #ffffff;

}







#facebutton {
  
  margin: 30px auto 30px auto;
  width: 37px;
  text-align: center;
  font-size: 20px;
  height: 40px;
}




/* Wrapper */
.icon-button {

  background-color: white;
  border-radius: 3.6rem;
  border:1px;
  border-color:white; 
  cursor: pointer;
  display: inline-block;
  font-size: 2.0rem;
  height: 3.6rem;
  line-height: 3.6rem;
  margin: 0 0px;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 3.6rem;

}

/* Circle */
.icon-button span {
  border-radius: 0;
  display: block;
  height: 0;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
          transition: all 0.3s;
  width: 0;
    border:1px;
  border-color:white; 
}
.icon-button:hover span {
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 3.6rem;
  margin: 0rem;
}

.facebook span {
  background-color: #3B5998;
    border:1px;
  border-color:white; 
}

.instagram span {
  background-color: #E1306C;
    border:1px;
  border-color:white; 
}

/* Icons */
.icon-button i {
  background: none;
  color: white;
  height: 3.6rem;
  left: 0;
  line-height: 3.6rem;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
          transition: all 0.3s;
  width: 3.6rem;
  z-index: 10;
}

.icon-button .icon-twitter {
  color: #4099ff;
}
.icon-button .icon-facebook {
  color: white;
  border:1px;
  border-color:white; 
  margin-bottom: 30px;
}
.icon-button .icon-google-plus {
  color: #db5a3c;
}
.icon-button:hover .icon-twitter,
.icon-button:hover .icon-facebook,
.icon-button:hover .icon-google-plus {
  color: white;
}




/* END FOOTER */



/* HOME PAGE */

#tapaxs {
color: #efead0

}

.logofloat{
  float: middle;
}

.caravanportada {
  margin-top: -300px:;
}

#franq-container{
background-image: url(../images/franqbg.jpg);

background-size: 100%;
margin-top: 20px;
}

#franq-espacio {
  
  font-family: 'Zilla Slab', serif;
  color: #004d00;
  font-size: 1.1em;
  
  font-weight: bold;
  text-align: center;

}

#franq-detalle {
  font-family: 'Zilla Slab', serif;
  color: #004d00;
  font-size: 1em;
  font-weight: normal;
  text-align: center;
}

#titulo-franq {
   font-family: 'Zilla Slab', serif;
  color: #004d00;
  font-size: 1.2em;  
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
  margin-bottom: -10px;

}
#franq-contacto {
    font-family: 'Zilla Slab', serif;
  color: #004d00;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;

}

#caravanmail {
  font-size: .95em;
  font-style: italic;
  background-color: transparent;
  color: #734d26;
}

#rowmenu {
  margin-bottom: 10px; 
  margin-top:20px;
}

#menucol2 {
  margin: 0px 10px 20px 10px;
  padding: 15px 15px 15px 15px;
  background-color: #004d00;
  border-radius: 25px;

}
#menucol4 {
  margin:20px 10px 20px 10px;
  padding: 15px 15px 15px 15px;
  background-color: #fff5e6;
  border-radius: 1px;
  border-style: dotted;
  border-color: #734d26;
  border-radius: 25px;

}

#menucol3 {
  
  background-color: #004d00;
  border-radius: 1px;
  border-style: dotted;
  border-radius: 14px;
  
}

#menucol5 {
  
  background-color: #fff5e6;
  border-radius: 1px;
  border-style: dotted;
  border-color: #734d26;
  border-radius: 14px;
  padding: 0% 5% 0% 5%;
  
}

#menuimages{

  padding: 5% 20% 0% 20%;
}
#menuimages2{

  padding: 5% 15% 5% 15%;
}

#textmenu {

  font-family: 'Bellefair', serif;
  font-size: 2.2em;
}

#contdisclaimer {
  border-radius: 1px;
  border-style: dotted;
  border-color: #734d26;
  border-radius: 23px;
  margin: 0% 20% 3% 20%;

}

#menudisclaimer{
  font-family: 'Zilla Slab', serif;
  color: #004d00;
  font-size: 1.2em;  
  font-weight: bold;
  text-align: center;
  margin: auto;
}


.btn {
    box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 0.6em;
  color: #ffffff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  font-size: 1em;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  font-weight: 700;
  font-family: 'Bellefair', serif;
  font-size: 1.4em;
}
.btn:hover, .btn:focus {
  color: #fff;
  outline: 0;
}

.first {
  -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
  transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
}
.first:hover {
  box-shadow: 0 0 40px 40px #ff9900 inset;
}

#buttondownload {

  margin: 2% auto 2% auto;
  width: 80%;
  padding-left: 30%;
  font-family: 'Zilla Slab', serif;

}




#ejecutivo h2{
 
  margin:0% auto 5% auto;
  padding:auto;
  width:auto;
  height:auto;
  text-align:center;
  font-family: 'Bellefair', serif;
  font-size:2.2em;
  color: #734d26;
  line-height: 1em;
}
#ejecutivo h3{
 
  margin:0% auto 5% auto;
  padding:auto;
  width:auto;
  height:auto;
  text-align:center;
  font-family: 'Bellefair', serif;
  font-size:1.6em;
  color: #734d26;
  line-height: 1em;
}

#ejecutivo h4{
 
  margin:0% auto 5% auto;
  padding:auto;
  width:auto;
  height:auto;
  text-align:center;
  font-family: 'Bellefair', serif;
  font-size:1.4em;
  color: #734d26;
  font-style: italic;
  line-height: 1em;
}
#happy h2{
 
  margin:0% auto 5% auto;
  padding:auto;
  width:auto;
  height:auto;
  text-align:center;
  font-family: 'Bellefair', serif;
  font-size:2.2em;
  color: #734d26;
  line-height: 1em;
}
#happy h3{
 
  margin:0% auto 15% auto;
  padding:auto;
  width:auto;
  height:auto;
  text-align:center;
  font-family: 'Bellefair', serif;
  font-size:1.6em;
  color: #734d26;
  line-height: 1em;
}


#exehappy {
    width: 100%;
    padding: 50px 0;
    text-align: center;
    margin-top:20px;

}



#showmenu, #hide {
    margin:0% auto 5% auto;
    width:60%;
    height:auto;
    padding: 1% 10% 1% 10%;
    color:#fff;
    text-align:center;
  font-family: 'Zilla Slab', serif;
  font-size:1.2em;
  font-weight:700;
   background-color:#004d00;
  border-radius:6px;
  padding:3px 23px;
  text-decoration:none;
  cursor:pointer;

}

#showmenu:hover, #showmenu:focus {
  background-color: grey;
  color: #ffffff;
  outline: 0;
}

#exehappy {
  display:none;
  margin:20px 0;
  padding:10px;
  width:auto;
  height:auto;
  text-align:center;
  font-family: 'Bellefair', serif;
  font-size:1.1em;
  font-weight:200;
  cursor:text;
  color: #734d26;
}

#exehappy h2 {
  font-family: 'Zilla Slab', serif;
  font-size:1.35em;
  font-weight:600;
  color: #004d00;
}

#exehappy h3 {
  font-family: 'Bellefair', serif;
  font-size:1.3em;
  font-weight:500;
  color: #004d00;
}
#showmenu2, #hide {
    margin:0% auto 5% auto;
    width:60%;
    height:auto;
    padding: 1% 10% 1% 10%;
    color:#fff;
    text-align:center;
  font-family: 'Zilla Slab', serif;
  font-size:1.2em;
  font-weight:700;
   background-color:#004d00;
  border-radius:6px;
  padding:3px 23px;
  text-decoration:none;
  cursor:pointer;

}
#showmenu2:hover, #showmenu2:focus {
  background-color: grey;
  color: #ffffff;
  outline: 0;
}

#exehappy2 {
  display:none;
  margin:20px 0;
  padding:10px;
  width:auto;
  height:auto;
  text-align:center;
  font-family: 'Zilla Slab', serif;
  font-size:1.1em;
  font-weight:200;
  cursor:text;
  color: #734d26;


}
#exehappy2 h2 {
  font-family: 'Zilla Slab', serif;
  font-size:1.3em;
  font-weight:600;
  color: #004d00;
}

#exehappy2 h3 {
  font-family: 'Bellefair', serif;
  font-size:1.3em;
  font-weight:500;
  color: #004d00;
}

#gallerycontainer {


  border-color: #004d00;
  border-radius: 1px;
  border-style: dotted;
  border-radius: 14px;
  padding: 10px;
  margin: 30px auto 20px auto;
}


#logoverde {
  margin: 20% auto 3% auto;
}

#graciascont {
  text-align: center;
  color: #004d00;
  font-size: 1.3em;
  font-family: 'Bellefair', serif;

}

#graciascont h3 {
  color: #004d00;


}


#successpop {
  display: block;
  position: fixed;


  width: 30%;
  height: auto;
  padding: 0% 3% 1% 3%;
  left: 72.3%;
  margin-left: -37.5%;


  background-color: #fff5e6;
  border: 1px solid #003300;
  border-color: 
  color: black;
  text-align: center;
  font-style: bold;
  font-size: 1em;
  z-index: 200;

}

#successpop p{

  color: black;
  text-align: center;
  font-style: bold;
  font-size: 1.2em;


}

/* END HOME PAGE */

/********** Large devices only **********/
@media (min-width: 1200px) {
  #header {

 
}
  #main-content {
  z-index: -1;
  margin-top: -179px;
  }
  #footer {

  }
  #caravanportada {
    margin-left: 0px;
    margin-right: 0px;
    
  }
}

/********** Medium devices only **********/
@media (min-width: 992px) and (max-width: 1199px) {
  /* Header */
  #logo-img {
    background: url('../images/restaurant-logo_medium.png') no-repeat;
    width: 400px;
    height: 80px;
    margin: 35px 5px 0px 0;
  }
  #nav-list {
  margin-top: 47px;
  font-family: 'Bellefair', serif;
  font-size: 1em;
    }
    #header {

 
}


  #main-content {
  z-index: -1;
  margin-top: -147px;
  }
    #caravanportada {
    margin-left: 0px;
    margin-right: 0px;
    
  }

 #happy h3{
 
  margin:0% auto 16.3% auto;

}
  #footer {

  }

  #successpop {

  width: 50%;
  left: 63%;

}


  /* End Header */
}

/********** Small devices only **********/
@media (min-width: 768px) and (max-width: 991px) {
  /* Home Page */
  #logo-img {
    background: url('../images/restaurant-logo_small.png') no-repeat;
    width: 330px;
    height: 60px;
    align-self: middle;
    margin: 35px 0px 0px 0;
  }

  #header {

 
}
  #main-content {
  z-index: -1;
  margin-top: -128px;
  }
    #caravanportada {
    margin-left: -15px;
    margin-right: -15px;
    
  }

  #happy h3{
 
  margin:0% auto 29% auto;

}
  #footer {

  }
  #nav-list {
  margin-top: 30px;
  font-family: 'Bellefair', serif;
  font-size: .8em;
  }

#successpop {

  width: 50%;
  left: 63%;

}


}



/********** Extra small devices only **********/
@media (max-width: 767px) {
  /* Header */
  /* Header */
  #header-nav2 {
  background-color: #003300;
  border-radius: 0;
  border: 0;
  opacity: 1;
}
  #logo-img {
    background: url('../images/logo-caravan-sm.png') no-repeat;
    width: 150px;
    height: 150px;
    align-content: middle;
    margin: 15px auto;
      }
  .navbar-brand {
    padding-top: 10px;
    height: 80px;
  }

  #nav-list {
  margin-top: 10px;
  font-family: 'Bellefair', serif;
  font-size: 1em;
}



  .navbar-brand h1 { /* Restaurant name */
    padding-top: 10px;
    font-size: 5vw; /* 1vw = 1% of viewport width */
  }
  .navbar-brand p { /* Kosher cert */
    font-size: .6em;
    margin-top: 12px;
  }
  .navbar-brand p img { /* Star-K */
    height: 20px;
  }

  #collapsable-nav a { /* Collapsed nav menu text */
    font-size: 1.2em;
  }
  #collapsable-nav a span { /* Collapsed nav menu glyph */
    font-size: 1em;
    margin-right: 5px;
  }

  #call-btn > a {
    font-size: 1.5em;
    display: block;
    margin: 0 20px;
    padding: 10px;
    border: 2px solid #fff;
    background-color: #f6b319;
    color: #951c49;
  }
  #xs-deliver {
    margin-top: 5px;
    font-size: .7em;
    letter-spacing: .1em;
    text-transform: uppercase;
  }
 

 
  /* End Header */

  /* Footer */
  .panel-footer section {
    margin-bottom: 30px;
    text-align: center;
  }
  .panel-footer section:nth-child(3) {
    margin-bottom: 0; /* margin already exists on the whole row */
  }
  .panel-footer section hr {
    width: 50%;
  }

  /* End Footer */

  /* Home Page */

  #caravanportada2 {
  margin-top: -18px;
    
  }

    .menu-item-photo {
    margin-right: auto;
  }
  .menu-item-tile .menu-item-price {
    text-align: center;
  }
  .menu-item-description {
    text-align: center;;
  }
  #successpop {

  width: 75%;
  left: 50%;
  margin-top: -25%;
  font-size: .8em;

}
}



/********** Super extra small devices Only :-) (e.g., iPhone 4) **********/
@media (max-width: 479px) {
  /* Header */

  #nav-list {
  margin-top: 10px;
  font-size: 1em;
  }
  .navbar-brand h1 { /* Restaurant name */
    padding-top: 5px;
    font-size: 6vw;
  }
  /* End Header */
  
  /* Home page */
  #caravanportada2 {

    margin-top: -18px;
  }
    #menudisclaimer{
  font-family: 'Zilla Slab', serif;
  color: #004d00;
  font-size: 1.1em;  
  font-weight: bold;
  text-align: center;
  margin: auto;
  }
}





/* gallery info */

/*------------------------------------*\
    MATERIAL PHOTO GALLERY
\*------------------------------------*/
.m-p-g {
  max-width: 100%;
  margin: 0 auto;
}
.m-p-g__thumbs-img {
  margin: 0;
  float: left;
  vertical-align: bottom;
  cursor: pointer;
  z-index: 1;
  position: relative;
  opacity: 0;
  -webkit-filter: brightness(100%);
          filter: brightness(100%);
  -webkit-tap-highlight-color: transparent;
  will-change: opacity, transform;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.m-p-g__thumbs-img.active {
  z-index: 50;
}
.m-p-g__thumbs-img.layout-completed {
  opacity: 1;
}
.m-p-g__thumbs-img.hide {
  opacity: 0;
}
.m-p-g__thumbs-img:hover {
  -webkit-filter: brightness(110%);
          filter: brightness(110%);
}
.m-p-g__fullscreen {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  background: transparent;
  visibility: hidden;
  -webkit-transition: background 0.25s ease-out, visibility 0.01s 0.5s linear;
  transition: background 0.25s ease-out, visibility 0.01s 0.5s linear;
  will-change: background, visibility;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.m-p-g__fullscreen.active {
  -webkit-transition: background .25s ease-out, visibility .01s 0s linear;
  transition: background .25s ease-out, visibility .01s 0s linear;
  visibility: visible;
  background: rgba(0, 0, 0, 0.95);
}
.m-p-g__fullscreen-img {
  pointer-events: none;
  position: absolute;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  top: 50%;
  left: 50%;
  max-height: 100vh;
  max-width: 100%;
  visibility: hidden;
  will-change: visibility;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.m-p-g__fullscreen-img.active {
  visibility: visible;
  opacity: 1 !important;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s ease-out;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.m-p-g__fullscreen-img.almost-active {
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;
}
.m-p-g__controls {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 200;
  height: 20vh;
  background: -webkit-linear-gradient(bottom, transparent 0%, rgba(0, 0, 0, 0.55) 100%);
  background: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.55) 100%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.m-p-g__controls.active {
  opacity: 1;
  visibility: visible;
}
.m-p-g__controls-close, .m-p-g__controls-arrow {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: none;
}
.m-p-g__controls-close:focus, .m-p-g__controls-arrow:focus {
  outline: none;
}
.m-p-g__controls-arrow {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 20%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  opacity: 0;
}
.m-p-g__controls-arrow:hover {
  opacity: 1;
}
.m-p-g__controls-arrow--prev {
  left: 0;
  padding-left: 3vw;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.m-p-g__controls-arrow--next {
  right: 0;
  padding-right: 3vw;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.m-p-g__controls-close {
  position: absolute;
  top: 3vh;
  right: 3vw;
  z-index: 5;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.m-p-g__btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.35);
  -webkit-transition: all .25s ease-out;
  transition: all .25s ease-out;
}
.m-p-g__btn:hover {
  background: rgba(255, 255, 255, 0.15);
}
.m-p-g__alertBox {
  position: fixed;
  z-index: 999;
  max-width: 700px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: white;
  padding: 25px;
  border-radius: 3px;
  text-align: center;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
  color: grey;
}
.m-p-g__alertBox h2 {
  color: red;
}










/* formulario */













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

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #004d00;
  font-size: 0.875em;
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  color: #004d00;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #aca49c;
  font-size: 0.875em;
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  color: #bbb5af;
}

input::placeholder, textarea::placeholder {
  color: #aca49c;
  font-size: 0.875em;
}

input:focus::placeholder, textarea::focus:placeholder {
  color: #bbb5af;
}

input::-ms-placeholder, textarea::-ms-placeholder {
  color: #aca49c;
  font-size: 0.875em;
}

input:focus::-ms-placeholder, textarea:focus::-ms-placeholder {
  color: #bbb5af;
}

/* on hover placeholder */

input:hover::-webkit-input-placeholder, textarea:hover::-webkit-input-placeholder {
  color: #e2dedb;
  font-size: 0.875em;
}

input:hover:focus::-webkit-input-placeholder, textarea:hover:focus::-webkit-input-placeholder {
  color: #cbc6c1;
}

input:hover::-moz-placeholder, textarea:hover::-moz-placeholder {
  color: #e2dedb;
  font-size: 0.875em;
}

input:hover:focus::-moz-placeholder, textarea:hover:focus::-moz-placeholder {
  color: #cbc6c1;
}

input:hover::placeholder, textarea:hover::placeholder {
  color: #e2dedb;
  font-size: 0.875em;
}

input:hover:focus::placeholder, textarea:hover:focus::placeholder {
  color: #cbc6c1;
}

input:hover::placeholder, textarea:hover::placeholder {
  color: #e2dedb;
  font-size: 0.875em;
}

input:hover:focus::-ms-placeholder, textarea:hover::focus:-ms-placeholder {
  color: #cbc6c1;
}



#form {
  position: relative;
  width: 100%;
  margin: 50px auto 100px auto;
}

input {
  font-family: 'Lato', sans-serif;
  font-size: 0.875em;
  width: 60%;
  height: 50px;
  padding: 0px 15px 0px 15px;
  
  background: #fff5e6;
  outline: none;
  color: #726659;
  
  border: solid 1px #004d00;
  border-bottom: none;
  
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

input:hover {
  background: #b3aca7;
  color: #004d00;
}

textarea {
  width: 60%;
  
  height: 110px;
  max-height: 110px;
  padding: 15px;
  
  background: #fff5e6;
  outline: none;
  
  color: #726659;
  font-family: 'Lato', sans-serif;
  font-size: 0.875em;
  
  border: solid 1px #004d00;
  
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

textarea:hover {
  background: #b3aca7;
  color: #e2dedb;
}

#submit {
  width: 40%;
  
  padding: 0;
  margin: 0px 0px 0px 0px;
  
  font-family: 'Lato', sans-serif;
  font-size: 0.875em;
  color: #b3aca7;
  
  outline:none;
  cursor: pointer;
  
  border: solid 1px #004d00;;
  ;
}

#submit:hover {
  color: #e2dedb;
}




/* formulario */