@font-face{
    font-family:"Antonio";
    src:url("http://www.myfontfree.com/data/88/a/antonio/Antonio-Regular.ttf");
}
@font-face {
  font-family: 'Antonio-Regular';
  src:  url('../fonts/Antonio-Regular.eot');
  src:  url('../fonts/Antonio-Regular?#iefix') format('embedded-opentype'),
        url('../fonts/Antonio-Regular.svg#Locaweb-Icons') format('svg'),
        url('../fonts/Antonio-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face{
    font-family:"OpenSans-Light";
    src:url("https://fonts.googleapis.com/css?family=Open+Sans:400,300");
}
@font-face {
  font-family: 'OpenSans-Light';
  src:  url('../fonts/OpenSans-Light.eot');
  src:  url('../fonts/OpenSans-Light?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Light.svg#Locaweb-Icons') format('svg'),
        url('../fonts/OpenSans-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body{font-family: 'Antonio-Regular';  overflow-x: hidden;}
.wrap{margin-left: 30px; margin-right: 30px;}
.wrap-menu{margin-left: 50px; margin-right: 50px;}
.marginTop20{margin-top: 20px;}
.marginTop30{margin-top: 30px;}
.marginTop60{margin-top: 60px;}
.no-pad{padding-left: 0px; padding-right: 0px;}
.linhaTopo-red{background-color: #9d0a0e; height: 24px;}
.logo{text-align: center;}
.ticket{ 
    background-color:#9D0A0E;
    color: #FFF; 
    text-align: right;
    padding:10px 40px;
    font-size: 20px;
    margin-top: 35px;
    -webkit-box-shadow: 2px 2px 27px -2px rgba(0,0,0,0.88);
    -moz-box-shadow: 2px 2px 27px -2px rgba(0,0,0,0.88);
    box-shadow: 2px 2px 27px -2px rgba(0,0,0,0.88);
}
p{font-size: 16px;}
.alelo-icon{
    display: block;
    text-indent: -9999px;
    width: 36px;
    height: 25px;
    background: url(../img/alelo_color.svg) no-repeat #fff;
    background-size: 36px 26px;
    margin-bottom: -3px;
    border-radius: 2px;
}
}
/*HACK FOR FIREFOX AND IE*/
    a:focus, a:active, 
    button::-moz-focus-inner,
    input[type="reset"]::-moz-focus-inner,
    input[type="button"]::-moz-focus-inner,
    input[type="submit"]::-moz-focus-inner,
    select::-moz-focus-inner,
    input[type="file"] > input[type="button"]::-moz-focus-inner {
        border: 0;
        outline : 0;
    }
    a, a:visited, a:focus, a:active, a:hover{
        outline:0 none !important;
    }
/*HACK FOR FIREFOX AND IE*/
/********MENU**********/
    header .navbar{margin-bottom: 10px;}
    header .navbar-default{background-color: inherit;  border:none;}
    header .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ background-color: inherit;}
    header .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: #9d0a0e;}
    header .nav.navbar-nav{font-size: 16px!important;}
    #menu-principal{margin-left: 110px;}
    #menu-principal.nav>li{margin-right: 60px;}
    #menu-util{margin-left: 130px;}
    header .menu-redes{margin-right: 110px;}
    @media (min-width: 768px){
        header .navbar-nav>li>a {
            padding-bottom: 10px;
        }
    }
    /*--- NAVBAR FIXO ---*/
        .navbar-fixed {
            position: fixed;
            top: -3em;
            z-index: 5100;
            width: 100%;
            background-color: #1f1f1f;
            color: #FFF;
            box-shadow: 0px 5px 23px -3px rgba(0,0,0,0.88);
        }
        .navbar-default .navbar-fixed .navbar-nav>li>a{color: #fff;}
        header .navbar-default .navbar-fixed .navbar-nav>.active>a, .navbar-default .navbar-fixed .navbar-nav>li>a:focus, .navbar-default .navbar-fixed .navbar-nav>li>a:hover{
            color: #9d0a0e;
        }
    /*--- FIM NAVBAR FIXO ---*/
/****** //MENU********/
/********BANNER**********/
    section#banner-carrossel .kazu-txtBanner h4{font-family: 'Antonio-Regular';}
    section#banner-carrossel .kazu-txtBanner{
        font-family: 'OpenSans-Light';
        text-align: justify;
        position: absolute;
        right: 50px;
        width: 400px;
        background-color: rgba(55, 55, 55, 0.7);
        color: #FFF;
        padding: 30px;
        z-index: 900;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
    }
    section#banner-carrossel .carousel.slide{
        -webkit-box-shadow: 0px 5px 23px -3px rgba(0,0,0,0.88);
        -moz-box-shadow: 0px 5px 23px -3px rgba(0,0,0,0.88);
        box-shadow: 0px 5px 23px -3px rgba(0,0,0,0.88);
    }
/******* //BANNER********/
/********IZAKAYA**********/
    section#izakaya .izakaya-txt{text-align: justify;}
    section#izakaya .izakaya-txt p{font-family: 'OpenSans-Light';}
    section#izakaya .izakaya-fotos-bkg{background-color: #333333; padding:30px 0;}
    section#izakaya .izakaya-fotos-txt{color: #FFF;}
    section#izakaya .izakaya-fotos-txt p{text-align: justify; font-family: 'OpenSans-Light';}
    section#izakaya .btn.btn-default{
        font-size: 22px;
        border-radius: 0px;
        padding-left: 40px;
        padding-right: 40px;
    }
    section#izakaya .well{background-color: #232323; color: #fff; height: 400px; overflow: auto;}
    section#izakaya #izakayaCollapse .lista-cardapio ul{list-style: none; padding-left: 0px;}
    section#izakaya #izakayaCollapse .lista-cardapio ul li{text-align: left;}
    section#izakaya #izakayaCollapse .lista-cardapio ul li.titulo{font-size: 20px; margin-bottom: 5px;}
    section#izakaya #izakayaCollapse .lista-cardapio ul li.descricao{color: #757575; margin-bottom: 20px;}
/***** //IZAKAYA**********/
/******** DELICA ********/
    section#delica .parallax{ 
        /* The image used */
        background-image: url("../img/delica-banner.jpg");

        /* Set a specific height */
        height: 250px; 

        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        /*Transparency*/
        opacity: 0.8;
        -webkit-transition: opacity 0.8s;
        transition: opacity 0.8s;
        -moz-opacity:0.8;
        -khtml-opacity: 0.8;
        filter: alpha(opacity=80);
        visibility:visible;

    }
    section#delica .parallax h4{
        text-align: center;
        padding-top: 115px;
        font-size: 25px;
        opacity: initial;
        color: #000;
        text-shadow: 1px 1px 1px #FFF;
    }
    section#delica .izakaya-fotos-txt h4{text-align: center;}
    section#delica .izakaya-fotos-txt p{text-align: justify; font-family:'OpenSans-Light'; }
/******** //DELICA ********/
/******** EMPORIUM ********/
    section#emporium .bkg-emporium{
        background: url('../img/bkg_emporium.png') top center;
        background-size: cover;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    section#emporium h4{font-family: 'Antonio-Regular';}
    section#emporium .txt-emporium{font-family: 'OpenSans-Light'; color: #FFF; text-align: justify;}
/******** //EMPORIUM ********/
/******** MEU UDON ********/
    section#udon .txt-udon h4{font-family: 'Antonio-Regular'; text-align: center;} 
    section#udon .txt-udon{text-align: justify; font-family: 'OpenSans-Light'; font-size: 16px;}

    /**CARROSSEL UDON**/
        .multi-item-carousel .carousel-inner > .item {
            -webkit-transition: 500ms ease-in-out left;
            transition: 500ms ease-in-out left;
        }
        .multi-item-carousel .carousel-inner .active.left {
            left: -33%;
        }
        .multi-item-carousel .carousel-inner .active.right {
            left: 33%;
            }
        .multi-item-carousel .carousel-inner .next {
            left: 33%;
        }
        .multi-item-carousel .carousel-inner .prev {
            left: -33%;
        }
        @media all and (transform-3d), (-webkit-transform-3d) {
            .multi-item-carousel .carousel-inner > .item {
                -webkit-transition: 500ms ease-in-out all;
                transition: 500ms ease-in-out all;
                -webkit-backface-visibility: visible;
                        backface-visibility: visible;
                -webkit-transform: none!important;
                        transform: none!important;
            }
        }
        .multi-item-carousel .carouse-control.left,
        .multi-item-carousel .carouse-control.right {
            background-image: none;
        }

        section#udon .carousel-inner{max-height: 290px;}
    /** //CARROSSEL UDON**/
/******** //MEU UDON ********/
/******** ONDE ESTAMOS ********/
    section#onde-estamos .txt-ondeEstamos p{font-family: 'OpenSans-Light'; font-weight: bold;}
    section#onde-estamos .scrollof{pointer-events: none;}
    section#onde-estamos h4.title{color:#7c070b;}
/******** //ONDE ESTAMOS ********/
/******** CONTATO ********/
    section#contato p{font-family: 'OpenSans-Light'; font-weight: bold;}
    section#contato .btn.btn-primary{
        font-size: 16px;
        border-radius: 0px;
        padding-left: 40px;
        padding-right: 40px;
    }
    section#contato h4.title{color:#7c070b;}
/******** //CONTATO ********/
/******** FOOTER ********/
    footer{background-color:#1F1F1F; min-height: 90px; padding:10px 20px; margin-top: 30px;}
    footer .redes{color: #fff; text-align: right;}
    footer .redes a{color: #fff;}
    footer .redes a:hover{color: #337ab7;}
    footer .cartoes{color: #fff; text-align: left;}
    footer .cartoes ul{list-style: none; padding-left: 0px;}
    footer .cartoes ul li{display: inline-block; padding-right: 10px;}
    footer .redes ul{list-style: none; padding-left: 0px; margin-top: 5px;}
    footer .redes ul li{display: inline-block; padding-left: 10px;}
    footer .copyright span{font-size: 20px;}
    footer .copyright{font-size: 10px; color: #FFF;}
/******** //FOOTER ********/





/*************** MOBILE e TABLET ********************/
@media screen and (max-width: 1163px){
    .kazu-txtBanner{display: none;}
}

@media screen and (max-width: 768px){
    header .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ background-color: #ccc;}
    .navbar.navbar-default{
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030;
        top: -30px;
        border-width: 0 0 1px;
        background-color: #FFF;
        box-shadow: 0px 5px 23px -3px rgba(0,0,0,0.88);
    }
    .logo{margin-top: 70px;}
    .navbar-brand{margin-top: -50px;}
    #menu-principal{margin-left: inherit;}
    #menu-principal.nav>li{margin-right: 0px;}
    #menu-util{margin-left: inherit;}
    #menu-principal li:hover{background-color: #eee;}
    .logo, .ticket{margin-bottom: 30px;}
    .ticket{text-align: left;}

}

@media screen and (min-width: 768px){
    .navbar-brand{display: none;}
    
}

@media screen and (min-width:768px) and (max-width: 1162px){
    #menu-principal{margin-left: inherit;}
    #menu-util {margin-left: inherit;}
    #menu-principal.nav>li {margin-right: 23px;}
}

@media screen and (max-width: 767px){
    section#delica .parallax h4{ padding-top: 80px;}
    section#delica .parallax{ background-attachment: inherit;}
    header img.mini-logoKazu{display: inline-block; margin-right: 5px; margin-top: -7px;}
    footer .cartoes{text-align: right;}
    footer .cartoes ul li{padding-left: 10px; padding-right: 0px;}
}
/*************** //MOBILE e TABLET ********************/
