/*
Template: Superb Music
Author: XpertPoin8, http://xpertpoin8.com/
Version: 1.0
*/

/* Table of Content
================================================== 

    01. GENERAL STYLES
    02. FLEX SLIDER OVERRIDES
    03. MENU STYLES
    04. MAP STYLES
    05. TEAM STYLES
    06. FOOTER STYLES
    07. ORDER POPUP STYLES
	08. CSS
    09. Slide 1
    10. Gallery
    11. Services
    12. RESPONSIVE DESIGN

*/

.nav_linguas{
    position: absolute;
    right: 40px;
}

/* 01 - GENERAL STYLES
-------------------------------------------------*/

*::-moz-selection { background:#000; color:#fff; }
html,body{font-family:'Open Sans',sans-serif;font-size:18px;color:#000;font-weight:300}
@font-face{font-family:'Mono Social Icons Font';src:url('../fonts/MonoSocialIconsFont-1.10.eot');src:url('../fonts/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),url('../fonts/MonoSocialIconsFont-1.10.woff') format('woff'),url('../fonts/MonoSocialIconsFont-1.10.ttf') format('truetype'),url('../fonts/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');src:url('../fonts/MonoSocialIconsFont-1.10.ttf') format('truetype');font-weight:normal;font-style:normal}
.symbol,a.symbol:before{font-family:'Mono Social Icons Font';-webkit-text-rendering:optimizeLegibility;-moz-text-rendering:optimizeLegibility;-ms-text-rendering:optimizeLegibility;-o-text-rendering:optimizeLegibility;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased}
a.symbol{font-size:48px;line-height:48px;padding:0;margin:0;background:0;float:left;margin:0 15px 0 0;padding:0}
a.symbol:hover{background:0;color:#F42436}
a{color:#F42436;text-decoration:none;transition:color .1s ease-in-out;-moz-transition:color .1s ease-in-out;-webkit-transition:color .1s ease-in-out}
a:hover{text-decoration:none;color:#F42436}
p {margin: 0 0 30px 0; line-height: 1.7em; font-size:14px;}
.ebold{font-weight:900}
.topbar{font-size:14px;min-height:50px;padding:13px 0 0 0}
.logo{float:left; padding:9px 0;}
.logo a img { width: 60%; margin-top: 8%; transition:width 0.3s ease 0s;}
.sticky .logo a img { width: 60%; margin-top: 0%;}
.topbar .contact{float:right}
.centered{text-align:center}
.row h2{text-align:center;font-size:30px;margin:0 0 75px 0; text-transform:uppercase;}
.row{margin-bottom:30px;padding:0 0 50px 0;}
.nomgbtm{margin-bottom:0;padding-bottom:0;border:0}
.fullspan{width:100%}
.fullspan.black{height:50px;background:#000}
.fullspan.slider{text-align:center;overflow:hidden}
.fullspan.dark{background:#F42436;color:#fff;font-size:18px; padding:50px;}
.fullspan.copy{background:#000;color:#fff;font-size:13px;padding:15px 0;text-align:center; text-transform:uppercase;}
.navbar-inverse .navbar-nav>li>a{ transition:padding 0.3s ease 0s; font-size:14px;font-weight:600; border-bottom:3px solid #fff; outline:none; text-transform: uppercase; }
.navbar-inverse .navbar-nav>li>a.active{color:#fff}
.sticky .navbar-nav li a { padding-bottom: 23px; padding-top: 23px; }
.border-b { background: none repeat scroll 0 0 #e5e5e5;
    float: left;
    height: 1px;
    margin-top: 70px;
    position: relative;
    width: 100%; }
.border-b_en { background: none repeat scroll 0 0 #e5e5e5;
    float: left;
    height: 1px;
    margin-top: 70px;
    position: relative;
    width: 100%; }
.border-b span { background:url(../img/border.jpg) no-repeat 0 0 #fff; position:absolute; width:220px; height:55px; left:50%; top:-28px; margin-left:-110px; }
.border-b_en span { background:url(../img/border_en.jpg) no-repeat 0 0 #fff; position:absolute; width:220px; height:55px; left:50%; top:-28px; margin-left:-110px; }
.testimonials { margin: 0; padding: 0; }

/* 02 - FLEX SLIDER OVERRIDES
-------------------------------------------------*/

.flexslider .row{padding:0;margin-bottom:0;border:0 none}
.flexslider .inner{color:#000;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;text-align:center}
.flexslider h1{font-size:90px;background-color:rgba(0,0,0,0.80);padding:5px 20px 15px 20px;font-weight:100;letter-spacing:3px;text-transform:uppercase; display:inline-block; margin:130px auto 30px; color:#fff;}
.flexslider h2{font-size:24px;background-color:rgba(0,0,0,0.80);padding:5px 20px;font-weight:100;letter-spacing:9px;text-transform:uppercase;display:inline-block;clear:both;overflow:hidden; color:#fff;}
.flexslider .container{margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;text-align:center}
.blocks-frat{display:block;margin:0 auto 25px; overflow:hidden; position:relative;}
.subtitle {font-size: 16px;font-weight: bold; text-transform:uppercase; }.subtitle a{color: #F42436;} .subtitle a:hover{ color: #F42436; text-decoration: underline;}


/* 03 - MENU STYLES
-------------------------------------------------*/

.accordion{margin-bottom:30px;padding-bottom:0}
.accordion .row{clear:both;overflow:hidden;margin-bottom:0}
.ui-accordion-header span.menuhead{padding:0;line-height:18px;cursor:pointer; color:#fff; text-transform:uppercase;}
.ui-accordion-header span.menuhead:focus{outline:0}
.ui-accordion-header {line-height: 18px; padding: 40px; margin: 1px; position:relative; text-align:center; cursor:pointer;}
.ui-accordion-header.ui-state-active{background: #f7f7f7 url("../img/menu-switch.png") no-repeat left bottom ;background-position: -5px -12px; }
#ui-accordion-1-header-0 { background:url("../img/crostini.jpg") no-repeat center center; background-size:100% auto; }
#ui-accordion-1-header-1 { background:url("../img/piadina.jpg") no-repeat center center; background-size:100% auto; }
#ui-accordion-1-header-2 { background:url("../img/risotto_v1.jpg") no-repeat center center; background-size:100% auto; }
#ui-accordion-1-header-3 { background:url("../img/salada.png") no-repeat center center; background-size:100% auto; }
#ui-accordion-1-header-4 { background:url("../img/sobremesa.png") no-repeat center center; background-size:100% auto; }
#ui-accordion-1-header-5 { background:url("../img/bebidas.png") no-repeat center center; background-size:100% auto; }
.ui-accordion .row{margin-bottom:10px;padding:0;border:0}
.ui-accordion-content{padding:40px 40px 1px 40px; background: #fffdf8}
.item{zoom:1;position:relative;clip:auto;overflow:hidden}
.thumb { border-radius: 50%;
    float: left;
    margin-right: 20px;
    width: 93px; }
.info{position:relative;text-align:right;white-space:nowrap;margin-bottom:5px; float:left;}
.dots{position:absolute;left:0;right:0;border-bottom:1px dotted #aaa;height:77%}
.name{background:#fffdf8;float:left;margin-right:20px;padding-right:4px;position:relative;font-weight:900; text-transform:uppercase;}
.price{padding:5px 10px;position:absolute; left:10px; top:0px; z-index:1; color:#fff; font-weight:bold; }
.legend span{font-size:14px;font-weight:bold;color:#d81c0a;margin:0 10px 0 0}
.legend{display:block;margin:10px 0 15px 0; float:left;}
.description { float:left; height: auto; font-weight: 400; }
.legend .veg{background:#3ca318}
.legend .spicy{background:#ff7e00}


/* 04 - MAP STYLES
-------------------------------------------------*/

.deliveryvisit{list-style:none;margin:30px 0 0 0;padding:0}
.deliveryvisit li{clear:both;overflow:hidden;margin:0 0 10px 0}
.deliveryvisit li label{width:150px;font-size:16px;font-weight:normal}
.map{border-bottom:0}
.map iframe{margin-bottom:20px}


/* 05 - TEAM STYLES
-------------------------------------------------*/

.portrait h4{font-size:24px;font-weight:bold;margin:60px 0 25px 0}
.social{list-style:none;margin:0 0 110px 0;padding:0;display:block}
.shares{margin:0 0 60px 0}
.twitter-share-button{width:90px !important}
#p2 { margin-top: 0px; }
i.fa { border-radius: 50%;
transition:background-color 0.5s ease-in-out 0s;
    height: 37px;
    padding: 10px;
    vertical-align: middle;
    width: 37px;}
.social-mid a .fa { color:#fff;}
.social-mid a .fa:hover { color:#000; opacity: 0.5 }
.social-mid a .fa-google-plus   {background-color: #363636;}
.social-mid a .fa-pinterest {background-color: #d13a3a;}
.social-mid a .fa-linkedin      {background-color: #0072b2;}

.social-baixa{
    margin-top: 50px;
}

.social-mar{
    margin-top: 57px;
}

@media (max-width: 991px){
    .social-baixa, .social-mar{
        margin-top: 0;
    }
}
/* 06 - FOOTER STYLES
-------------------------------------------------*/

footer{padding:0 0 0 0}
footer h4{font-size:18px;font-weight:bold;color:#fff;margin:0 0 30px 0;padding:0;clear:both; text-transform:uppercase;}
footer p{padding:0;margin:0;}
footer .copy a {background: none; color: #fff; padding: 0; font-weight: bold; font-size: 13px; margin: 0;}
#p6 .col-md-4 { margin-bottom:40px; }
.visit p { margin-bottom: 20px; font-size: 13px; } 
a.pdf{background:#ab0b00 url("../img/pdf.png") no-repeat right;padding:3px 35px 3px 15px}
a.pdf:hover{background:#febf14 url("../img/pdf.png") no-repeat right;padding:3px 35px 3px 15px}
.testimonials h3{color:#fff;text-align:center;margin:0 auto;padding:60px 0;font-size:36px;font-weight:300;}
#parallax .name { color:#fff; background:none; }
#parallax .description { color:#fff; font-size:13px; }
#parallax .legend { margin:0; }
#parallax .name { margin-right:0; }
#parallax1 .name { color:#fff; background:none; }
#parallax1 .description { color:#fff; font-size:13px; }
#parallax1 .legend { margin:0; }
#parallax1 .name { margin-right:0; }
.margin { margin-bottom:40px; }
footer .row{border:0;margin:0;padding:0}
footer .working strong{width:150px;display:inline-block;}
.contact h4:first-child{margin:0 0 35px 0}
.contact input[type=text]{width:100%;border:0;background:#fff;padding:10px 20px; font-size:14px; color:#000;margin:0 0 10px 0}
.contact textarea{width:100%;border:0 none;padding:10px 20px; font-size:14px; color:#000;margin:0 0 9px 0}
.contact input[type=submit]{transition:background .1s ease-in-out;-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;padding:10px 20px;background:#fff;font-size:14px;font-weight:bold;color:#000;margin:0;border:0}
.contact input[type=submit]:hover{transition:background .1s ease-in-out;-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;background:#fff;color:#fdc51d}
.contactform input.error,.contactform textarea.error,.newsletter input.error{background:#fdc51d;color:#fff}
.contactform input[disabled],.contactform input[disabled]:hover,.contactform textarea[disabled],.newsletter input[disabled],.newsletter input[disabled]:hover{background:#08a100;color:#fff}
input[disabled].submit { background:#fff;  }


/* 07 - ORDER POPUP STYLES
-------------------------------------------------*/

.headerRow{clear:both;overflow:hidden;margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid #777;font-size:14px !important}
.itemRow{clear:both;overflow:hidden;margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px dotted #777;font-size:16px}
.headerRow div,.itemRow div{float:left}
.headerRow .item-name{display:inline-block;width:37%;font-weight:500;font-size:14px}
.itemRow .item-name{display:inline-block;width:37%;font-weight:700;font-size:16px}
.headerRow .item-price,.itemRow .item-price{display:inline-block;width:10%;text-align:center}
.headerRow .item-decrement,.itemRow .item-decrement{display:inline-block;width:7%;text-align:center}
.headerRow .item-quantity,.itemRow .item-quantity{display:inline-block;width:5%;text-align:center}
.headerRow .item-increment,.itemRow .item-increment{display:inline-block;width:9%;text-align:center}
.headerRow .item-total,.itemRow .item-total{display:inline-block;width:18%}
.headerRow .item-remove,.itemRow .item-remove{display:inline-block;width:14%}


/* 08 - CSS
-------------------------------------------------*/

.hsContainer {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    opacity: 0;
}
.hsContent {
    max-width: 450px;
    margin: -150px auto 0 auto;
    display: table-cell;
    vertical-align: middle;
    color: #ebebeb;
    padding: 0 8%;
    text-align: center
}
.bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: 100%;
    width: 100%;
	padding-bottom:30px;
}


/* 09 - Slide 1
-------------------------------------------------*/

#parallax .bg {background-image:url('../img/back_test.png')}
#parallax1 .bg {background-image:url('../img/app.png')}


/* 10 - Gallery
-------------------------------------------------*/

.slide a { overflow:hidden; display:block; }

/* 10 - Services
-------------------------------------------------*/

.hi-icon {
    display: inline-block;
    font-size: 0px;
    cursor: pointer;
    margin: 15px 30px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
}

.hi-icon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box; 
    -moz-box-sizing: content-box; 
    box-sizing: content-box;
}

.hi-icon-effect-1 .hi-icon {
    background: #F42436;
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

.hi-icon-effect-1 .hi-icon:after {
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 4px #F42436;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;
}

.hi-icon-effect-1a .hi-icon:hover {
    background: #fff;
    color: #fff;
}

.hi-icon-effect-1a .hi-icon:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.hi-icon-wrap a i { font-size: 60px !important; color: #fff; line-height: 147px; width: 100%; text-align: center; }


@media(max-width: 991px){
    .nomobile-lines{
        display: none;
    }
}
/* 11 - RESPONSIVE DESIGN
-------------------------------------------------*/
@media(min-width:240px) and (max-width:640px){ .row .head { margin:120px 0 75px; }
.social-mid { margin-bottom:40px; }
.blocks-frat .img-responsive { width:100%; }
.logo a img { width: 60%;}
}
@media(min-width:240px) and (max-width:767px){ 
.logo a img { width: 60%;}
.sticky .navbar-nav>li>a {
padding-top:10px !important;
padding-bottom:10px !important;
}
}
@media(max-width:320px){.kontakt{width:100%;background:0;height:auto;border:0}
.logo,.topbar .contact{padding:15px;float:left}
.invmob{display:none}
.flexslider{display:none}
.flexslider .inner{color:#000}
.flexslider h1{font-size:18px;margin:20px auto 10px}
.flexslider h2{font-size:14px}
}
@media(min-width:320px) and (max-width:640px){.kontakt{width:100%;background:0;height:auto;border:0}
.logo,.topbar .contact{padding:15px;float:left}
.invmob{display:none}
.flexslider{display:none}
.flexslider .inner{color:#000}
.flexslider h1{font-size:30px;margin:10px auto 10px;padding:5px 10px}
.flexslider h2{font-size:14px}
.logo a img { width: 60%;}
}
@media(min-width:640px) and (max-width:960px){.kontakt{width:100%;background:0;height:auto;border:0}
.logo,.topbar .contact{padding:15px;float:left}
.invmob{display:none}
.flexslider .inner{color:#000}
.flexslider h1{font-size:60px;margin:40px auto 10px}
.flexslider h2{font-size:14px}
}
@media(min-width:960px) and (max-width:1170px){.kontakt{width:100%;background:0;height:auto;border:0}
.invmob{display:none}
.flexslider .inner{color:#000}
.flexslider h1{font-size:60px;margin:80px auto 10px}
.flexslider h2{font-size:14px}
}
@media(min-width:1170px) and (max-width:1400px){.kontakt{width:100%;background:0;height:auto;border:0}
.invmob{display:none}
.flexslider .inner{color:#000}
.flexslider h1{font-size:90px;margin:210px auto 20px;}
.flexslider h2{font-size:24px}
}

#p3{
    margin-top: 100px;
}

#p4{
    margin-top: 100px;
}

#map {
    position: absolute;
    height: 100%;
    width: 100%;
    padding: 0px;
    border-width: 0px;
    margin: 0px;
    left: 0px;
    top: 0px;
    z-index: 1;
    opacity: 0;
}

#map:hover {
    opacity: 1;
}

#map1 {
    position: absolute;
    height: 100%;
    width: 100%;
    padding: 0px;
    border-width: 0px;
    margin: 0px;
    left: 0px;
    top: 0px;
    z-index: 1;
    opacity: 0;
}

#map1:hover {
    opacity: 1;
}

#map2 {
    position: absolute;
    height: 100%;
    width: 100%;
    padding: 0px;
    border-width: 0px;
    margin: 0px;
    left: 0px;
    top: 0px;
    z-index: 1;
    opacity: 0;
}

#map2:hover {
    opacity: 1;
}

#map3 {
    position: absolute;
    height: 100%;
    width: 100%;
    padding: 0px;
    border-width: 0px;
    margin: 0px;
    left: 0px;
    top: 0px;
    z-index: 1;
    opacity: 0;
}

#map3:hover {
    opacity: 1;
}

.visib:hover{
    opacity: 0.5;
}

.top-px{
    height: 100px;
    margin-top: 10px;
}

.description {
    width: 100%;
}

.text-left1 {
    text-align: left;
}

.text-right1{
    text-align: right;
}


@media(max-width:992px){
    .text-left1 {
        text-align: center;
    }

    .text-right1{
        text-align: center;
    }
    
    .btn-social{
    	padding-bottom:30px;
    }
}

.link-img:hover{
    opacity: 0.8;
}

.links-line{
    display: inline-block;
}


.main-title{
    display: block;
    margin-top: 30%;
    font-size: 80px;
    font-weight: bold;
    color: #fff;
    line-height: 100%;
    text-shadow: 1px 1px #000;
}

@media(max-width:1300px){
    .main-title{
        margin-top: 20%;
    }

}

.social-nd{
    font-size: 25px;
}


.social-nd:hover{
    opacity: 0.7;
}

@media (max-width: 1050px){
    .main-title{
        font-size: 60px;
    }
}

@media (max-width: 850px){
    .main-title{
        margin-top: 25%;
        font-size: 40px;
    }
}

@media (max-width: 750px){
.row h2{
font-size: 20px;
}
    .testimonials h3{
        font-size: 22px;
    }
}

@media (max-width: 500px){
    .ui-accordion-content{
        padding: 0;
    }

    .name{
        font-size: 14px;
    }

    .description{
        font-size: 14px;
    }
}

@media (max-width: 992px){
.footer-center{
    text-align: center;
}
}

#form-show{
    display: block;
}

#form-title{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

#form-txt{
    text-align: center;
}

.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}
.status,
.status-mes {
    background-image: url(../img/loader.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}
.status-mes h4 {
    color: #666;
    margin-top: 30px;
    text-transform: uppercase;
}

.g-recaptcha{
    -webkit-transform: scale(0.77);
    -moz-transform: scale(0.77);
    -ms-transform: scale(0.77);
    -o-transform: scale(0.77);
    transform: scale(0.77);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}

.conflito{
    text-align: center;
    font-size: 9px;
    color: #fff!important;
}

.conflito a{
    color: #fff!important;
}

.alergenios{
    font-size: 10px;
}

.alergenios:hover{
    opacity: 0.5;
}

.alergenios:link{
    text-decoration: none;
}

.alergenios:active{
    text-decoration: none;
}

.alergenios:visited{
    text-decoration: none;
    color: #F42436;
}

.TA_socialButtonBubbles{
	float: right;
    margin-right: 10px;
}

.zomato-l{
	float:right;
}

.form-check{
	font-size: 10px;
    font-weight: 100;
    margin-bottom:15px;
}

.head-p{
    margin: 100px 0 75px 0 !important;
}

.aviso-cookies{
	width:100%;
	background:#000;
	padding:10px;
	color:#fff;
	font-size:12px;
	z-index:10;
	text-align:center;
	position: fixed;
    bottom: 0;
    opacity: 0.8;
}

.aviso-cookies a{
	color:#fff;
	text-decoration:underline;
}

.close-barra{
	color:#fff;
	font-size:13px;
	cursor:pointer;
	margin-left:5px;
	text-decoration:none !important;
}

@media (max-width: 850px) {
	.aviso-cookies{
		font-size:10px;
	}
}

@media (max-width: 1401px){
    .navbar-right{
        margin-right: 50px;
    }
}

@media (max-width: 1281px){
    .navbar-right{
        margin-right: 100px;
    }
}

@media (max-width: 1200px){
    .navbar-right{
        margin-right: 0px;
    }
}

@media (max-width: 1165px){
    .navbar-right{
        margin-right: 30px;
    }
    .navbar-nav.navbar-right:last-child {
        margin-right: -40px;
    }
}

@media (max-width: 1070px){
    .navbar-inverse .navbar-nav>li>a{
        font-size: 12px;
    }
}

@media (max-width: 1050px){
    .navbar-right {
        margin-right: 50px;
    }
}

@media (max-width: 991px){
    .navbar-right {
        margin-right: 0px;
    }

    .navbar-nav.navbar-right:last-child {
        margin-right: inherit;
    }
}

.nomarginbottom{
    margin-bottom: 0!important;
}