@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: 25%;}

    #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 (max-width: 1366px){

    #menu-principal{margin-left: 25%;}

    #menu-util {margin-left: inherit;}

    #menu-principal.nav>li {margin-right: 23px;}

}

@media screen and (min-width:768px) and (max-width: 1162px){

    #menu-principal{margin-left: 14%;}

    #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 ********************/