@font-face {
    font-family: "BebasNeue-Regular";
    src: url(../fonts/BebasNeue-Regular.eot) format("embedded-opentype"), url(../fonts/BebasNeue-Regular.woff) format("woff"), url(../fonts/BebasNeue-Regular.ttf) format("truetype"), url(../fonts/BebasNeue-Regular.svg) format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Montserrat-Regular";
    src: url(../fonts/Montserrat-Regular.eot) format("embedded-opentype"), url(../fonts/Montserrat-Regular.woff) format("woff"), url(../fonts/Montserrat-Regular.ttf) format("truetype"), url(../fonts/Montserrat-Regular.svg) format("svg");
    font-weight: normal;
    font-style: normal;
}

/*BOTONES*/
a.animated-button.thar-one {
    color: #fff;
    cursor: pointer;
    display: block;
    position: relative;
    border: 2px solid #fff;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-one:hover {
    color: #000 !important;
    background-color: transparent;
    text-shadow: none;
}
a.animated-button.thar-one:hover:before {
    bottom: 0%;
    top: auto;
    height: 100%;
}
a.animated-button.thar-one:before {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 0px;
    width: 100%;
    z-index: -1;
    content: '';
    color: #000 !important;
    background: #ce2b5d;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-four {
    color: #fff;
    cursor: pointer;
    display: block;
    position: relative;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    -ms-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
a.animated-button.thar-four:hover {
    color: #000 !important;
    background-color: transparent;
    text-shadow: nfour;
}
a.animated-button.thar-four:hover:before {
    right: 0%;
    left: auto;
    width: 100%;
}
a.animated-button.thar-four:before {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    content: '';
    color: #000 !important;
    background: #ce2b5d;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}

/* REDES */
#redes {
    position: fixed;
    right: 10px;
    top: 19px;
    z-index: 100 !important;
    display: inline-flex;
}
.icoredes {
    margin-top: 10px;
    padding: 5px 10px 5px 10px;
    margin: 0px 5px;
    transition: 1s;
    width: 36px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 90px;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    -ms-border-radius: 90px;
    -o-border-radius: 90px;
}
.icoredes:hover {
    background-color: #ce2b5d;
}
.icoredes:hover .iconoredes {
    color: #fff;
}
.iconoredes {
    color: #202020;
    font-size: 20px;
}

/* FIRMA */
.firmae3 {
    color: #fff;
    font-family: "Montserrat-Regular";
    font-size: 9pt;
    position: absolute;
    bottom: 0px;
    right: 10px;
}

/* CLASES GENERALES */
body {
    overflow-x: hidden !important;
}
h1 {
    font-family: "BebasNeue-Regular";
    color: #fff;
    font-size: 40pt;
}
h3 {
    font-family: "BebasNeue-Regular";
    color: #fff;
    font-size: 30pt !important;
}
p {
    font-family: "Montserrat-Regular";
    color: #fff;
    font-size: 12pt;
}
.footer-numero {
    position: absolute;
    z-index: 2;
    bottom: 0px;
    left: 10px;
    display: inline-flex;
}
.linea {
    background-color: #ffffff;
    width: 300px;
    margin: 21px 9px;
    height: 3px;
    
    min-width: 10%;
}
.text_tacoscemitas {
    color: #ce2b5d;
}
.titulos {
    display: block ruby;
    min-width: 100%;
}
.titulos h1 {
    font-size: 50pt !important;
}
.titulos h3 {
    font-size: 33pt !important;
    position: relative;
    top: -8px;
}
.btn {
    font-family: "BebasNeue-Regular";
    color: #fff;
    font-size: 15pt;
    border: 1px #fff solid;
    padding: 8px 60px;
    letter-spacing: 2px;
}
.vermenu {
    font-family: "BebasNeue-Regular";
    color: #fff;
    font-size: 15pt;
    border: 1px #fff solid;
    padding: 8px 60px;
    letter-spacing: 2px;
    width: 200px;
}

/* HEADER - MENÚ */
header {
    position: fixed;
    background-color: transparent !important;
    z-index: 1;
    min-width: 100%;
    padding: 10px 0px;
}
.logotipo {
    position: absolute;
    top: 15px;
    left: 20px;
    z-index: 2;
}
.logotipo2 {
    width: 80px;
}
.navbar {
    background-color: transparent !important;
}
.navbar-nav {
    margin-left: auto;
    margin-right: auto;
}
.nav-item {
    padding: 0px 15px;
}
.nav-link {
    font-family: "BebasNeue-Regular" !important;
    color: #fff !important;
    letter-spacing: 3px;
    font-size: 13pt;
}


/* PAGINA INICIO */
/* HOME */
#inicio {
    background-image: url(../img/fondo-1.jpg);
    background-position: center center;
    background-size: cover !important;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#inicio h1 {
    position: relative;
    font-size: 85pt;
    line-height: 80px;
    z-index: 1;
    padding-top: 30px;
}
.pantilo_comida {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

/* PAGINA SUCURSALES */
/* HOME */
#sucursales-contacto {
    background-image: url(../img/fondo-1.jpg);
    background-position: center center;
    background-size: cover !important;
    background-position: center;
    background-repeat: no-repeat;
}
#sucursales {
    padding-top: 150px;
}
#sucursales .titulos {
    padding-bottom: 50px;
    text-align: right;
}
.sucursal {
    border: 1px solid #fff;
    padding: 15px 15px 30px 15px;
}
.sucursal img {
    width: 100%;
}
.sucursal p {
    padding: 20px 0px;
    margin-bottom: 0rem !important;
}

/* CONTACTO */
#contacto {
    padding-top: 100px;
}
#contacto .col-md-8 {
    padding-top: 50px;
}
input {
    background-color: transparent;
    width: 60%;
    margin: 10px 0px;
    padding: 5px 10px;
    color: #fff;
    font-family: "BebasNeue-Regular";
    outline: none !important;
    border-top: none;
    border-left: none;
    border-right: none;
    letter-spacing: 2px;
    font-size: 13pt !important;
}
.img_contacto {
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.btn-form {
    margin-left: 15px;
}

/* FOOTER */
.firmae3suc {
    color: #fff;
    font-family: "Montserrat-Regular";
    font-size: 9pt;
    margin: 100px 0px 20px 0px;
}

/* PAGINA MENU */
/* HOME */
#menu {
    background-image: url(../img/fondo_menu.jpg);
    background-position: center center;
    background-size: cover !important;
    background-position: center;
    background-repeat: no-repeat;
}
#menu-titulo {
    padding-top: 150px;
}
#menupanfilo h1 {
    font-size: 45pt !important;
    line-height: 62px;
}
#menupanfilo p {
    font-size: 10pt !important;
}
#menupanfilo .row {
    margin-top: -15px;
}
.cuadriculatacos {
    border: 1px solid #fff;
    margin-top: 50px;
}
.cuadriculatacos h1 {
    padding-top: 30px;
}
.cuadriculatacos .col-md-8 {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    padding: 50px 50px;
}
/*POPUP-MENU*/
.modal-dialog {
    max-width: 990px;
    margin: 1.75rem auto;
}
.imgpopup {
    max-width: 100%;
}
button.close {
    padding: 0px 0px 10px 0px;
    color: white;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
}

/*MEDIA-QUERY-MAX-991px*/
@media (max-width: 991px) {
    .fa-bars {
        color: white;
    }
    .logotipo {
        display: none;
    }
    .sucursal a {
        font-size: 11pt !important;
    }
}

/*MEDIA-QUERY-MAX-768px*/
@media (max-width: 768px) {
    /*CLASES-GENERALES*/
    .fa-bars {
        color: white;
        font-size: 25px !important;
    }
    .logotipo {
        display: none;
    }
    header{
        background: rgb(21, 21, 22, .9)  !important;
    }
    .navbar {
        background: rgb(21, 21, 22, .9)  !important;
    }
    .headerfondo {
        background: rgb(21, 21, 22, .9)  !important;
    }
    dl, ol, ul {
        margin: 30px 0px 0px 0px !important;
        background: rgb(21, 21, 22, .9) !important;;
        text-align: center;
    }
    #menunavbar a{
        font-size: 18pt;
    }
    .titulos {
        display: block;
        min-width: 0%;
        text-align: center !important;
    }
    .linea {
        width: 175px;
        margin: 21px 0px;
        height: 3px;
        min-width: 100%;
    }
    .titulos h3 {
        font-size: 20pt !important;
    }
    .titulos h1 {
        font-size: 30pt !important;
    }
    img {
        position: relative;
        max-width: 100%;
    }
    /*PAGINA-HOME*/
    .text_parrilladas{
        padding: 100px 0px 0px 0px !important;
    }
    #inicio h1 {
        line-height: 30px;
    }
    .pantilo_comida {
        display: none;
    }
    #inicio h1 {
        font-size: 50pt;
    }
    .footer-numero .numfoot {
        font-size: 14pt !important;
        text-align: left;
    }
    .footer-numero .linea {
        width: 100px;
        margin: 5px 0px;
    }
    .titulos, .footer-numero{
        padding: 0px 0px 40px 0px;
    }
    .firmae3 {
        font-size: 6pt;
    }
    .firmae3 img {
        width: 13px;
    }
    /*PAGINA-SUCURSALES*/
    #sucursales {
        padding: 100px 0px 0px 0px !important;
    }
    .contacto{
        position: relative;
        max-width: 100%;
    }
    .img_contacto {
        display: none;
    }
    .sucursal {
        margin: 0px 15px;
    }
    div .col-md-4, .text-center, .sucursalcard{
        padding: 0px 0px 20px 0px;
    }
    .escribenos {
        font-size: 30pt;
        text-align: center;
    }
    .form-con {
        text-align: center;
    }
    input {
        max-width: 100%;
        width: 80%;
        padding: 5px 0px;
    }
    .firmae3suc {
        font-size: 5.7pt;
        margin: 50px 0px 20px 0px;
    }
    .firmae3suc img {
        width: 13px;
    }
    .btn-form{
        margin-left: 0px;
    }
    .btn{
        font-size: 12pt;
        padding: 8px 30px;
    }
    /*PAGINA-MENU*/
    #menu-titulo {
        padding: 100px 0px 0px 0px;
    }
    .titulos, .text-right {
        margin: 0px auto !important;
    }
    .cuadriculatacos{
        margin: 0px 1px 14px 0px;
    }
    #menupanfilo h1 {
        font-size: 25pt !important;
    }
    .vermenu {
        font-size: 12pt;
        padding: 5px 40px;
        letter-spacing: 1px;
        width: 140px;
    }
    .modal-dialog {
        padding: 30px 0px 0px 0px;
        max-width: 500px;
    }
    .imgamburgesamovil {
        display: none;
    }
}

/*MEDIA-QUERY-MIN-768px*/
@media (min-width: 768px) {
    .pantilo_comida-movil {
        display: none;
    }
}