/* Generals */
body{font-family:Gill Sans, sans-serif; font-weight: lighter; font-size: 14px; line-height: 18px; color:#fff; background:#000;}
h1,h2,h4,h5,h3,h6{margin:0;}
h1{font-size: 80px;}
h2{font-size: 42px;}
h3{font-size:30px;}
h4{font-size:20px;}
.container.extended{width: 90%;}
.container{width:100%;}
p{font-size: 16px; line-height: 24px;}
a, a:hover,.intro-drinks, .intro-drinks:hover, .intro-kitchen, .intro-kitchen:hover{transition: all 0.3s ease-in-out;}
div.navfix{height: 100px;}
div.footfix{height: 40px;}
.row .col{padding:0;}
.row{margin:0; margin-top: 1.5em;}
strong{font-weight: 700;}
.sep-30{height:30px;}
.btn-large{background: none; box-shadow: none; border-radius: 0px; border:solid 1px #fff; color:#fff; text-transform: none; font-size: 16px; height: 50px; line-height: 46px; padding: 0 20px;}
.btn-large:hover{background:#fff; color: #000;  border:solid 1px #fff;}
p.copyright{font-size: 14px;}
.footer a, .footer p{font-size: 14px; color: #fff; margin: 0 2%;}
.footer p a{margin:0;}
.footer a:hover{color:#ccc;}
.footer > div{margin: 2% auto;}
a i.fa{font-size: 20px; color: #fff;}
h2 a i.fa{font-size:50px;}
a i.fa:hover{color: #ccc;}
.contact{margin: 60px auto; text-align: center;}
.contact h4 a{color:#fff;}
.contact h4 a:hover{color:#ccc;}
.taj{text-align: justify;}
.letter-fix{letter-spacing: 15px;}
.row iframe.map{width: 100%; height: 400px;}
.row iframe.map{width: 100%; height: 200px;}
div.platillo{margin: 10% 0; padding-right: 60px; position: relative;}
div.platillo img{position: absolute; left: -36px; top: -4px;}
div.platillo .container{width: 95%;}
div.platillo h3{font-size: 18px; letter-spacing: 2px; text-transform: uppercase;}
div.platillo p{font-size: 14px; line-height: 24px;}
div.platillo span{font-size: 12px; font-weight: 300;}
div.platillo h4{font-size: 18px;}
.contact-form{background:url(../img/slide5.jpg) center center no-repeat; background-size: cover; background-attachment: fixed; padding: 5% 0;}

/* Colors */

.btn-large.active{animation-name: example; animation-duration: 2s; animation-iteration-count: infinite;}
@keyframes example {
    0%   {}
    50%  {color: #000; background: #fff; border: solid 1px #fff;}
    100% {}
}

.bg-menu{background: url(../img/agatha-bg.jpg) top center no-repeat; background-attachment: fixed;}
.bg-concepto{background: url(../img/bg-concepto.jpg) top center no-repeat; background-attachment: fixed;}
.intro-brunch{background: url(../img/IMAGENES_AGATHA-NEW_home.jpg) center center no-repeat; background-size: cover;}
.banner-agatha{background: url(../img/banner-agatha.jpg) center center no-repeat; background-size: cover;}
.intro-drinks{background: url(../img/home/Omakase_Mesa.jpg) center center no-repeat; background-size: cover;}
/* .intro-drinks:hover{background: url(https://media.giphy.com/media/GYJEB5CdA9K80/giphy.gif) center center no-repeat; background-size: cover;} */
.intro-kitchen{background: url(../img/home//Japanese_experience.jpg) center center no-repeat; background-size: cover;}
/* .intro-kitchen:hover{background: url(https://media.giphy.com/media/9x8iGZW11lbHy/giphy.gif) center center no-repeat; background-size: cover;} */
.intro-brunch-new{background: url(../img/IMAGENES_AGATHA-BUFFET.jpg) center center no-repeat; background-size: cover;}


/* Intro */

.banner-full{min-height: 600px; text-align: center; width: 96%;}
.banner-full a{margin-top: 460px;}
.banner-full h3{padding-top:300px; font-size: 20px; font-weight: lighter; letter-spacing: 10px; text-transform: uppercase;}
.banner-mid{min-height: 290px; text-align: center;}
.banner-mid h3{padding-top:90px; font-size: 20px; font-weight: lighter; letter-spacing: 10px; text-transform: uppercase;}
.banner-mid a{margin-top: 40px;background-color: #0000007d;}

.upcoming-text{text-align:center; margin: 60px 0; text-transform: uppercase; letter-spacing: 2px;}

.intro2{padding: 200px 0 60px 0;}
.intro2 h3{font-size: 30px; font-weight: lighter; letter-spacing: 15px; text-transform: uppercase;}
.intro3{padding: 300px 0 60px 0;}
.intro3 h4{font-size: 30px; font-weight: lighter; letter-spacing: 15px; text-transform: uppercase;}
.intro4{padding: 300px 0;}
.intro4 h3{font-size: 30px; font-weight: lighter; letter-spacing: 15px; text-transform: uppercase;}

.sep-30{height: 30px;}
.sep-20{height: 20px;}
.sep-10{height: 10px;}
.sep-60{height: 60px;}
.sep-100{height: 100px;}
.sep-300{height: 300px;}

.concept-img{height: 450px; position: relative;}
.concept-text{padding-right: 90px;}
.play-icon{position: absolute; right: 50px; top: 320px;}
.play-icon img{width: 80px;}

/* Navigation */
nav .brand-logo{max-width: 120px;}
nav .brand-logo img{margin-top: 18px;}
nav ul a{color:#fff; font-size: 16px; transition: all 0.3s ease-in-out;}
nav ul li.active, nav ul li.active a, nav ul a:hover, nav ul li:hover{background:none; background-size: cover; color: #777;}
nav, nav a.button-collapse, nav a.button-collapse i {box-shadow: none; height: 100px; line-height: 100px; position: fixed; z-index: 998; background: #000;}
nav .button-collapse i{font-size:30px; color: #fff;}
#logo-container{width: 3em;}

.side-nav{background:url(../img/nav-bg.jpg) center center no-repeat; background-size: cover; background-attachment: fixed; text-align: center;}
.side-nav a{color: #000; text-shadow: none;}
.side-nav a:hover{color: #555; text-shadow: none;}
.side-nav a.btn-large{border-color:#000; color: #000; text-shadow: none;}
.side-nav a.btn-large:hover{border-color:#000; background: #000; color: #fff; text-shadow: none;}

/* Footer */
.footer-logo{padding: 10% 0;}

form{
  margin-top:70px;
}

.input-field{
  margin-top:50px;
}

input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #fff;
    box-shadow: none;
    text-shadow: 0px 2px 3px rgba(0,0,0,0.3);
    color:#fff;
}

input:not([type]):focus:not([readonly]) + label, input[type=text]:focus:not([readonly]) + label, input[type=password]:focus:not([readonly]) + label, input[type=email]:focus:not([readonly]) + label, input[type=url]:focus:not([readonly]) + label, input[type=time]:focus:not([readonly]) + label, input[type=date]:focus:not([readonly]) + label, input[type=datetime]:focus:not([readonly]) + label, input[type=datetime-local]:focus:not([readonly]) + label, input[type=tel]:focus:not([readonly]) + label, input[type=number]:focus:not([readonly]) + label, input[type=search]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #fff;
    text-shadow: 0px 2px 3px rgba(0,0,0,0.3);
}

.input-field label{
  left:0; 
}

label {
  font-size: 1.5rem; 
}

.parallax-container {
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,1);
  text-shadow: 0px 2px 3px rgba(0,0,0,0.3);
}
  .parallax-container .section {
    width: 100%;
  }

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

  /* Style inputs with type="text", select elements and textareas */
input[type=text], input[type=email], select, textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 30px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}



/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
  background-color: #db3636;
}

/* Add a background color and some padding around the form */
.formulario .container {
  border-radius: 5px;
  background-color: transparent;
  padding: 20px;
}

.subtitulo p, .subtitulo ul {font-size: 1.8rem;
  line-height: 3rem;}

  .center-div {
    margin: auto;
    width: 50%; 
    padding: 10px;
  }

  

@media only screen and (max-width : 992px) {
  .concept-text{padding-right: 0px;}
  .banner-full{min-height: 350px; width: 100%;}
.banner-full a{margin-top: 270px;}
.banner-full h3{padding-top:150px;}
.banner-mid{min-height: 250px;}
.banner-mid h3{padding-top:90px; font-size: 24px; letter-spacing: 2px; text-transform: uppercase;}
.banner-mid a{margin-top: 30px;}
.footer div{margin:10% auto;} 
div.platillo{margin: 10% 0; padding-right: 0; position: relative;}
.pt{padding-top: 2rem !important;}
}

@media only screen and (max-width : 600px) {
}

@media screen and (min-width:992px){
  .padding {padding-left:2rem!important;padding-right:2rem!important;}
}