zz


#menugraphic-m {
display:none;
}

* {padding:0; margin:0;}

a {outline:none;}

.clear {
clear:left;
}

.home {
width:100%;
position:relative;
  background: url(../backgrounds/positano2.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
background-attachment:scroll;
}

.all {
width:100%;
min-height:100vh;
font-family:Roboto;
overflow-x:hidden;
}



#topbar {
position:relative;
z-index:9999;
height:135px;
margin:0;
text-align:left;
background-image:url(../backgrounds/blueplaster2.jpg);

}

a#homelink {
display:block;
width:25%;
margin-left:5px;
padding-right:5px;
border:2px solid transparent;
}

a#homelink:hover, a#homelink:focus {
background:rgba(0,0,0,0.2);
border:2px solid grey;
transition:.3s;
}

#logotype {
width:100%;
}

#addressbar-m {
width:100%;
display:none;
}

#navigation {
width:71%;
height:60px;
position:absolute;
top:63px;
right:6px;
z-index:9999;
}

#navigation ul {
width:100%;
height:30px;
font-family:Roboto;
font-size:25px;
//letter-spacing:0.5px;
//text-transform:uppercase;
list-style:none;
}

#navigation ul li {
float:left;
margin-left:22px;
text-shadow: 1px 1px 1px #757575;
}

#navigation ul li:first-child {
margin-left:0;
}

#navigation ul li#ot {
width:12%;
margin-top:0px;
margin-left:-7px;
}

#navigation ul li#gc {
width:8%;
margin-top:0;
margin-left:20px;
}

#navigation ul li a {
text-decoration:none;
color:#fff;
padding:3px 6px;
border:1px solid transparent;
transition:.2s;
} 


#navigation ul li a:hover, #navigation ul li a:focus {
border:1px solid #c1c1c1;
background:rgba(0,0,0,0.2);
transition:.3s;
} 


#navigation ul li a#opentable, #navigation ul li a#opentable:hover, #navigation ul li a#giftcards, #navigation ul li a#giftcards:hover {
border:none;
background:transparent;
transition:0;
}

#submenu {
position:relative;
padding:24px 0 36px 23%;
text-transform:uppercase;
background:rgba(0, 0, 0, 0.8);
border-top:1px solid #5e5e5e;
border-bottom:1px solid #5e5e5e;
}

#submenu ul {
list-style:none;

}

#submenu ul li {
font-family:Roboto;
font-size:15px;
float:left;
margin-left:44px;
letter-spacing:3px;
color:#decec6;
}

#submenu ul li:first-child {
margin-left:5px;
}

#submenu ul li a {
text-decoration:none;
color:#decec6;
padding:2px 7px;
border:1px solid transparent;
}

#submenu ul li a:hover, #submenu ul li a:focus {
text-decoration:none;
color:yellow;
border:1px solid grey;
background:rgba(255,255,255,0.2);
}

#address {
position:absolute;
top:8px;
right:22px;
font-size:20px;
font-family:Roboto;
color:#fff;
text-align:right;
}

#address p {
padding-bottom:5px;
}

#address p.phone {
font-size:22px;
letter-spacing:1px;
}

#socialmedia {
width:21%;
height:36px;
position:absolute;
top:-16px;
right:10px;
}

#socialmedia a  {
display:block;
float:left;
width:19%;
padding:2px;
margin-left:4px;
border:2px solid transparent;
}

#socialmedia a:hover, #socialmedia a:focus {
border:2px solid #c1c1c1;
background:rgba(0,0,0,0.1);
transition:.2s;
}

#socialmedia a img {
width:100%;
}

#socialmedia-m {
width:20%;
height:36px;
position:absolute;
top:-10px;
right:30px;
display:none;
}
p#r {
    margin-top: 50px!important;
}

#bottombar {
position:fixed
z-index:9999;
width:100%;
height:160px;
left:0;
top:83vh;
background-image:url(../backgrounds/blueplaster.jpg);
font-family:Roboto;
line-height:225%;
color:#fff;
text-align:center;
letter-spacing:2px;
border-top:3px solid #79b6d6;
text-shadow: 1px 1px 1px #757575;
}

#bottombar p#r {
font-size:25px;
padding-top:10px;
padding-bottom:12px;
}

#bottombar p#rr {
font-size:17px;
}

#bottombar p#m, #bottombar p#mm {
display:none;
}

#dep-logos {
width:100%;
height:225px;
}

/*  */

#bottombar_ {

height:15vh;
margin-top:-9px;
background-image:url(../backgrounds/blueplaster2.jpg);
font-family:Roboto;
font-size:13px;
color:#fff;
text-align:center;
/*text-transform:uppercase;*/
letter-spacing:2px;
border-top:3px solid #79b6d6;
text-shadow: 1px 1px 1px #757575;
}

#bottombar_ p#r {
padding-top:24px;
}

#bottombar_ p#m {
display:none;
}

#menu-mobile {display:none;}

/*  */

#location {
position:relative;
width:100%;
height:100vh;
background: url(../backgrounds/condensation.jpg) no-repeat center center fixed; 
    background-size:100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover; 
   background-size: cover; 
background-attachment:fixed;
}



#desc {
position:absolute;
top:50%;
left:5%;
font-family:Roboto;
font-size:28px;
color:#455366;
letter-spacing:2.5px;
}

#contact {
font-family:Roboto;
font-size:25px;
position:absolute;
top:69%;
left:5%;
color:#455366;
line-height:200%;
}

#contact-m {
display:none;
}

#exterior {
display:none;
}




#menuarea, #winearea {
background: url(../backgrounds/menubg.jpg) no-repeat center center fixed; 
    background-size:100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover; 
   background-size: cover; 
background-attachment:fixed;
width:100%;

padding-top:25px;
padding-bottom:36px;
}

#menugraphic {
width:88%;
margin-left:6%;
}

#menu-m {
display:none;
}


#links {
position:absolute;
top:6%;
left:6%;
font-family:Roboto;
font-size:25px;
}

#links ul {
list-style:none;
}

#links ul li {
float:left;

}

#links ul li a {
display:block;
text-decoration:none;
color:#455366;
padding:5px 15px;
border:2px solid #6d7d8e;
background:rgba(255,255,255,0.65);
transition:.2s;
}

#links ul li a:hover {
display:block;
text-decoration:none;
color:#455366;
padding:5px 15px;
border:2px solid #6d7d8e;
background:rgba(255,255,255,0.8);
transition:.3s;
}


#menu-img {
width:100%;
margin-top:40px;
}

#menu-img-m {
display:none;
}

#logo {
position:fixed;
top:6%;
left:-18%;
width:30%;
}

#menucontent {
width:50%;
margin-left:42%;
margin-top:-20px;
text-align:center;
background:transparent;
}

h3 {
font-size:55px;
font-weight:300;
padding-top:76px;
margin-left:-76px;
color:#014d79;
}

#menucontent .item {
font-size:30px;
font-weight:400;
padding-top:24px;
padding-bottom:7px;
color:#414141;
color:#fff;
text-shadow: 1px 1px 1px #404040;
}

#menucontent .sub {
font-size:16px;
font-weight:400;

letter-spacing:1px;
color:#002d60;
background:rgba(255,255,255,0.5);
border:1px solid #01b5f0;
}

.pr {
color:#0e3a54;
font-size:18px;

text-shadow:none;
}

#mobilelinks {
display: none;
}

#three {
display:none;
}


#cocktails {
position:relative;

min-height:100vh;
background: url(../backgrounds/negroni.jpg) no-repeat center center fixed; 
    background-size:100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover; 
   background-size: cover; 
background-attachment:fixed;
padding-bottom:125px;
overflow-x:hidden;
}

#wines {
position:relative;

min-height:100vh;
background: url(../backgrounds/winebg.jpg) no-repeat center center fixed; 
    background-size:100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover; 
   background-size: cover; 
background-attachment:fixed;
margin-top:0;
padding-bottom:200px;
border:1px solid transparent;
overflow-x:hidden;
}

h4 {
font-size:2.00vw;
font-weight:400;
padding-top:44px;
padding-bottom:20px;
}

h5 {
font-size:1.50vw;
font-weight:400;
padding-bottom:30px;
}

#cocktail-list {
width:60%;
margin:left:1%;
text-align:center;
}



#cocktail-leftcolumn {
width:47%;
float:left;
text-align:right;
}

#cocktail-rightcolumn {
width:47%;
float:left;
margin-left:5%;
text-align:left;
}



#cocktail-list .item {
font-size:1.60vw;
font-weight:400;
padding-top:24px;
padding-bottom:2px;
color:#3d5566;;


}

#cocktail-list .sub {
font-size:1.25vw;
font-weight:400;
color:#000;
background:transparent;
border:none;
letter-spacing:-0.5px;
}

#winelist {
width:75%;
margin-top:150px;
margin-left:34%;
font-family:Roboto;
color:#fff;
}

#winelist ul {
list-style:none;
}

#winelist ul li {
font-size:1.20vw;
padding-bottom:5px;
}

span.wp {
padding-left:20px;
}



/*  */

.fadein {
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}



#wines_ {
padding-left:12%;
}

#signaturecocktails {
padding-left:11%;
}

/* MENU  */

#apps {
position:relative;
width:100%;
min-height:100vh;
background: url(../backgrounds/zucchini.jpg) no-repeat center center fixed; 
    background-size:100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover; 
   background-size: cover; 
background-attachment:fixed;
padding-bottom:125px;
}

#primi {
position:relative;
width:100%;
min-height:100vh;
background: url(../backgrounds/fradiavolo.jpg) no-repeat center center fixed; 
    background-size:100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover; 
   background-size: cover; 
background-attachment:fixed;
padding-bottom:125px;
}

#secondi {
position:relative;
width:100%;
min-height:100vh;
background: url(../backgrounds/ossobucco.jpg) no-repeat center center fixed; 
    background-size:100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover; 
   background-size: cover; 
background-attachment:fixed;
padding-bottom:125px;
}

#dessert {
position:relative;
width:100%;
min-height:100vh;
background: url(../backgrounds/creme-brulee.jpg) no-repeat center center fixed; 
    background-size:100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover; 
   background-size: cover; 
background-attachment:fixed;
padding-bottom:125px;
}

#dessert2 {
position:relative;
width:100%;
min-height:100vh;
background: url(../backgrounds/cognac.jpg) no-repeat center center fixed; 
    background-size:100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover; 
   background-size: cover; 
background-attachment:fixed;
padding-bottom:125px;
color:#ffffff;
padding-left:60%;
}

#dessert2-list p.menuitem  {
padding-bottom:8px;
}

#dessert2 p.menuitem span {
color:#fbe4db;
font-family:Georgia;
font-size:26px;
padding-left:20px;
}

#lounge {
position:relative;
width:100%;
min-height:30vh;
background: url(../backgrounds/tips3.jpg) no-repeat center center fixed; 
    background-size:100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover; 
   background-size: cover; 
background-attachment:scroll;
padding-bottom:125px;
}



#apps-list {
width:60%;
padding-left:1%;
text-align:center;
font-family:Roboto;
}  

#secondi-list {
width:60%;
margin-left:0;
text-align:center;
font-family:Roboto;
}

#primi-list {
width:64%;
margin-left:37%;
text-align:center;
font-family:Roboto;
}

#dessert-list {
width:64%;
margin-left:47%;
text-align:center;
font-family:Roboto;
}

#lounge-list {
width:60%;
margin-left:40%;
text-align:center;
font-family:Roboto;
}

#salad {
width:60%;
text-align:center;
}

#primi-list h2 {
color:#e1e7e7;
padding-top:75px;
}

#apps-list .leftcolumn  {
width:46%;
float:left;
text-align:right;
}

#apps-list .rightcolumn {
float:left;
width:46%;
margin-left:4%;
text-align:left;
}

#primi-list .leftcolumn {
width:46%;
float:left;
text-align:right;
}

#primi-list .rightcolumn {
float:left;
width:45%;
margin-left:4%;
text-align:left;
}

#secondi-list .leftcolumn  {
width:46%;
float:left;
text-align:right;
}

#secondi-list .rightcolumn{
float:left;
width:46%;
margin-left:4%;
text-align:left;
}



#primi-list p.menuitem, #lounge-list p.menuitem {
color:#fff;
}

#primi-list p.menudesc, #lounge-list p.menudesc {
color:#e1e7e7;
padding-bottom:21px;
}

#lounge-list h2 {
color:#afc5e2;
font-size: 30px;
}


.menuitem {
font-size:1.40vw;
}


.menuitem span {
font-size:1.10vw;
padding-left:15px;
}

.menudesc {
padding-bottom:9px;
color:#3d5566;
}

h2 {
font-size:1.70vw;
font-weight:400;
font-family:Georgia;
font-style:italic;
padding-top:44px;
padding-bottom:20px;
color:#3d5566;
}

h2 span.style10 {
font-size:1.35vw;
}