/*
 * Globals
 */


 @font-face {
    font-family: 'champagne__limousinesregular';
    src: url('../fonts/font_sitio-webfont.woff2') format('woff2'),
         url('../fonts/font_sitio-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: 'Rockwell-Regular';
  src: url('../fonts/../fonts/Rockwell-Regular.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Rockwell-Regular';
  src:  url(data:application/x-font-woff;charset=utf-8;base64,) format('woff'), url('../fonts/Rockwell-Regular.ttf')  format('truetype'), url('../fonts/Rockwell-Regular.svg#Rockwell-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


/*Headers*/

h1,h2,h3,h4,h5,h6{
  font-family: 'Rockwell-Regular';
}

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff;
}


/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #252525;
  overflow-x:hidden; 
}

body {
  /*display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;*/
  justify-content: center;
  color: #fff;
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
  font-family: 'champagne__limousinesregular';
}




/*
 * Header
 */

.masthead {
 
  position: relative; 
  width: 100%;
  height: auto;
  background-color: #252525;
}
@media (min-width: 992px){
  .masthead {height:auto;
  }
}
.masthead-brand {
  margin: 20px 20px;
}
.masthead-brand img{
    width: 140px;
}

.nav-masthead .nav-link {
  font-weight: 700;
  color: rgba(255, 255, 255);
  font-family: 'Rockwell-Regular';
  font-weight: normal;
}
.nav-masthead .nav-link:hover {
  color: #ccff66;
}

.nav-masthead{
    background-color: #252525;
    z-index: 100;
    position: relative;
    width: 100%;

}



@media (min-width: 992px) {

  .nav-masthead {
    background-color:transparent;


  }
   .masthead-brand {
    text-align: center;
    margin: 30px 0 20px;
    display: block;
    width: 100%

  }
  
  .masthead-brand img{
      width: 15%;
  }


  .navbar-expand-lg .navbar-collapse {
    width: 100%;

  }

  .navbar-expand-lg{
    flex-flow: column;
  }

@media (max-width: 576px){
.navbar-expand-lg{

  background-color:#252525; 
}
}
  .navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 1rem;
  padding-left: 1rem;
  font-size:larger;

  }
   .navbar-nav {
    border-bottom: 1px solid white;
    width: max-content;
    margin: 0 auto;

  }

  .nav-masthead .nav-link {
    padding: .25rem 0;
    background-color: transparent;
    border-bottom: .25rem solid transparent;
  }

  .nav-masthead .nav-link:hover,
  .nav-masthead .nav-link:focus {
    color: rgba(255, 255, 255);
    border-color: #ccff66;

  }

  .nav-masthead .active {
    color: #fff;
  }

 
}



.navbar-toggler{
  color: rgba(255,255,255,.5);
  border-color: rgba(255,255,255,.1);
}
.navbar-toggler:hover{
  
  border-color: #ccff66;
}

.navbar-toggler-icon{
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}
.navbar-toggler-icon:hover{
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#ccff66' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

/*
 * Cover
 */
 .cover-container {
  /*max-width: 42em;*/
  /*background-image: url('../img/bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  height: -webkit-fill-available;*/
}
.cover {
  padding: 150px 1.5rem;
  margin: auto;
  text-align: center;
  position: relative;;
  z-index: 95;
}
.cover img{
  width: 10%;
}

.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: 700;
}
.h1cover{
  font-size: 4rem;
}
.pcover{
  font-size: 2.5rem;
}
@media (max-width: 320px){
  .pcover{
  font-size: 1.5rem;
}

}
@media (max-width: 576px){
.cover {

  padding: 10px 1.5rem;
   top: 5%;
  }
  .cover img{
  width: 30%;
}
 
}
@media (max-width: 768px){
.cover {

  padding: 50px 1.5rem;


  }
  .cover img{
  width: 35%;
}
  
}
@media (max-width: 992px){
.cover {

  padding: 50px 1.5rem;
  top: 20%;
  }

  
}

#carouselHome{
  position: absolute;
  top: 0;
  z-index: 90;
  width: 100%;
  height: 100%;
}
  #carouselHome img{
    height: -webkit-fill-available;
    width: auto;
}
@media(min-width: 830px){
    #carouselHome img{
  width: 100%;
  height: 100%;
  }
}
#carouselHome .carousel-inner{
  height: 100%;
}

/*Secciones*/

.bgdark{
  background-color: #252525;
}

.icon_secciones{
  margin: 40px 0;
}
.no_padding{
  padding: 0;
}
.galeria{
  width: 100%;
}
.descripcion_seccion{
  padding: 20px; 
}
/*.gallery-items{
  display: block;
}
#carouselProducciones, #carouselBox, #carouselSociales, #carouselEmpresariales{
  display: none; 
}*/

.gallery-items .element {
position: relative;
overflow: hidden;
}

.gallery-items .image{
  position: relative;
-ms-transform: scale(1);
transform: scale(1);
transition: transform .35s linear;
}
.gallery-items .image img {
display: block;
height: auto;
width: 100%;
}
.gallery-items .image, .gallery-items .overlay {
-ms-transform-origin: center;
transform-origin: center;
}
.gallery-items .overlay {
-ms-flex-align: start;
align-items: flex-start;
background: rgba(8,8,8,.7);
bottom: -2px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: end;
justify-content: flex-end;
left: -2px;
opacity: 0;
padding: 2.188em 2.188em;
padding: 2.188rem 2.188rem;
position: absolute;
right: -2px;
top: -2px;
transition: opacity .25s linear;
}

@media (min-width: 863px){
  .gallery-items .element.active .overlay, .gallery-items .element:hover .overlay {
  opacity: 1;
  cursor: pointer;}

  .gallery-items .element.active .overlay a, .gallery-items .element.active .overlay h4, .gallery-items .element:hover .overlay a, .gallery-items .element:hover .overlay h4{

  opacity: 1;
  transform: translate3d(0,0,0);
  }
}



  .gallery-items{
    display: none;
  }

#carouselProducciones2,#carouselBox2, #carouselSociales2, #carouselEmpresariales2{
      display: block;
      margin: 0 auto;
      width: 100%;
    }
#carouselProducciones, #carouselBox, #carouselSociales, #carouselEmpresariales{
    display: none;
}


@media(min-width: 768px){
    #carouselProducciones2,#carouselBox2, #carouselSociales2, #carouselEmpresariales2{
      display: none;
    }
    #carouselProducciones, #carouselBox, #carouselSociales, #carouselEmpresariales{
    display: block; 
  }
}


/*Producciones*/
#producciones h1{
  color:#ccff66;
}

/*BoxLunch*/
#boxlunch h1{
  color: #f1b762;
}

/*Sociales*/
#sociales h1{
  color: #ff7e79;
}

/*Empresariales*/
#empresariales h1{
  color: #d783ff;
}

/*Contacto*/


#contacto2 h1, #contacto2 p{
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1199px){
  #contacto2 h1, #contacto2 p{
  text-align: left;
  }
}
#contacto2 h1{
  color: #ccff66;
}
#contacto2 p{
  color: #666;
}
.checkbox{
  text-align: left;
  font-size:.8rem; 
}
.btn-xl{
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.btn-xl:hover{
  background-color: #ccff66;
  color: #252525;
}

#contactForm2{
  width: 80%;
  margin: 0 auto;
}
#success2{
  margin-top: 10px;
}
.alert-success{
  background-color: #ccff66;
  color: #252525;
  border-color: #ffffff;
}
/*
 * Footer
 */
footer {
  color:#252525;
  background-color: #ccff66;
  padding: 20px 40px;
  display: flex;
}
footer div{
  margin: auto;
}
footer .logo{
  width: 20%;
  float: left;
}
footer .datos{
  float: right;
  width: 80%;
  text-align: right;
}
.datos a{
  margin-left: 20px;
}
.datos a:hover{
  color: #000000;
  text-decoration: none;
}
footer a{
  color: #252525;
}
.logo-footer{
  width: 40%;
  vertical-align: middle;
}
.socialicon{
  height: 16px;
}

/*Terminos*/
#terminos{
  background-color: #252525;
  margin-bottom: 20px;
}

@media (min-width: 992px) {
   #terminos{
    padding-top: 200px;
   }
}
@media (min-width: 1200px) {
   #terminos{
    padding-top: 250px;
   }
}