@import "animate.css";
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Cinzel:400,700);
@import url(https://fonts.googleapis.com/css?family=EB+Garamond);
/*======================================================== Main layout styles=========================================================*/
body{font:400 23px "EB Garamond", serif;color:#f7f7f7;background-image:url(/immagini/background1.jpg); background-color:#2a2b2d; background-position:center center; background-repeat:repeat;}
html * {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
a[href^="tel:"]{color:inherit;text-decoration:none;}
a{text-decoration:none;color:inherit;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
a:hover{color:#54746e;}
img{max-width:100%;}
*{-webkit-text-size-adjust:none;}
.div__relative{position:relative;}
.orari {margin:auto; text-align:center; width:400px; margin-bottom:30px;}
/* ======= Headers ======= */
h2{font:400 59px/59px "Cinzel", sans-serif;text-transform:uppercase;color:#ffffff;}
@media (max-width:979px){h2{font-size:45px;line-height:45px;}}
@media (max-width:479px){h2{font-size:30px;line-height:30px;}}
.heading1{text-align:center;margin-bottom:26px;}
.heading1 h2{margin-bottom:7px;}
.heading1 .secondary{font:400 35px/45px "EB Garamond", serif;color:#54746e;text-transform:uppercase;}
@media (max-width:479px){.heading1 .secondary{font-size:20px;line-height:20px;}}
h3{font:italic 400 27px/42px "EB Garamond", serif;color:#ffffff;}
/* ======= Buttons ======= */
.btn-default{font:italic 400 25px/33px "EB Garamond", serif;color:#ffffff;border:2px solid #515151;display:inline-block;text-align:center;padding:15px 40px 18px; cursor:pointer;}
.btn-default:hover{ color:#54746e; background:#fff!important;}
/* ======= Wrappers ======= */
.wrapper1{padding:100px 0;background:url(/immagini/background1.jpg) repeat;}
.wrapper1.wrapper1__inset1{padding-bottom:70px;}
@media (max-width:767px){.wrapper1{padding:50px 0;}}
.wrapper2{padding-bottom:99px;}
.wrapper3{padding:164px 0 91px;background:url(/immagini/background1.jpg) repeat;}
.wrapper4{padding-bottom:47px;}
.wrapper5{padding-bottom:60px;}
/* ======= Button-wrapper ======= */
.button-wrapper{text-align:center;}
.button-wrapper.button-wrapper__offset1{margin-top:-26px;}
/*======================================================== HEADER styles=========================================================*/
#header{z-index:200;position:relative;}
#header.main-page-header{position:absolute;left:0;right:0;top:0;}
@media (max-width:1199px){#header.main-page-header{position:relative;}}
#header .menu-block{display:inline-block;margin-top:117px;margin-right:30px;float:right;position:relative;}
@media (max-width:1199px){#header .menu-block{margin-top:-20px;margin-bottom:20px;}}
@media (max-width:767px){#header .menu-block{display:block;text-align:center;float:none;width:80%;margin:20px auto;}}
#header .menu-block #menu-button{cursor:pointer;top:-70px;right:0;display:block;position:absolute;color:#ffffff;}
@media (max-width:767px){#header .menu-block #menu-button{display:none;}}
#header .menu-block #menu-button:hover:after{color:#54746e;}
#header .menu-block #menu-button.opened:after{content:'\f00d';}
#header .menu-block #menu-button:after{-webkit-transition:all 0.3s ease;transition:all 0.3s ease;z-index:300;font-family:FontAwesome;font-size:25px;position:absolute;font-style:normal;font-weight:normal;text-decoration:none;cursor:default;color:#ffffff;content:'\f0c9';top:27px;right:50%;margin-right:-10px;cursor:pointer;}
#header .menu-block #menu-button .wrapper{width:76px;height:76px;z-index:201;overflow:hidden;position:relative;}
#header .menu-block #menu-button .wrapper .inner{position:absolute;top:0;left:0;background:#181818;background:rgba(24, 24, 24, 0.8);width:76px;height:76px;border-radius:100px;}
/* ======= Logo ======= */
#logo{display:inline-block;position:absolute;left:0;right:0;top:0;text-align:center;color:#ffffff;}
#logo a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:370px;padding:28px 22px 22px;background:#344845;background:rgba(52, 72, 69, 0.9);display:inline-block;position:relative;}
@media (max-width:479px){#logo a{padding-left:5px;padding-right:5px;width:250px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}}
#logo a:before{width:100%;height:21px;background:url(/immagini/background2.png) repeat-x center 0;position:absolute;content:'';left:0;top:0;}
#logo a:hover{color:#ffffff;}
/*#logo a:after{position:absolute;content:'';display:block;bottom:-31px;left:0;width:0;height:0;border-style:solid;border-width:31px 185px 0 185px;border-color:#344845 transparent transparent transparent;border-color:rgba(52, 72, 69, 0.9) transparent transparent transparent;}*/
@media (max-width:479px){#logo a:after{border-width:31px 125px 0 125px;}}
#logo span{display:block;}
#logo img{margin-bottom:6px;}
#logo .main{font:400 40px/40px "Cinzel", sans-serif;text-transform:uppercase;text-shadow:3px 4px 0px rgba(0, 0, 0, 0.32);margin-bottom:-1px;}
@media (max-width:479px){#logo .main{font-size:40px;line-height:40px;}}
#logo .secondary{font:400 16px "EB Garamond",serif;text-transform:uppercase; line-height:26px; text-shadow:3px 4px 0 rgba(0, 0, 0, 0.32);}
@media (max-width:479px){#logo .secondary{letter-spacing:0;font-size:16px;line-height:20px;}}
@media (max-width:1199px){#logo{display:block;position:relative;}}
/* ======= Main menu variables ======= */
/* ======= Sub menus common variables ======= */
/* ======= First level sub menu variables ======= */
nav{display:none;position:absolute;left:-178px;top:0;}
@media (max-width:767px){nav{display:block;position:relative;left:0;width:80%;}}
/* Main menu styles========================================================*/
.sf-menu{position:relative;}
.sf-menu:before{position:absolute;content:'';width:100%;height:32px;background:#181818;background:rgba(24, 24, 24, 0.8);top:-32px;left:0;}
.sf-menu > li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:none;position:relative;text-align:center;}
.sf-menu > li a{border-top:1px solid #373737;border-bottom:1px solid #373737;}
.sf-menu > li + li a{border-top:none;}
.sf-menu > li > .sf-with-ul:after{font-family:FontAwesome;font-size:15px;position:absolute;font-style:normal;font-weight:normal;text-decoration:none;cursor:default;content:"\f107";color:#ffffff;right:32px;top:2px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.sf-menu > li > a{background:#181818;background:rgba(24, 24, 24, 0.8);text-transform:none;font:400 23px/46px "EB Garamond", serif;display:block;-webkit-transition:0.3s all ease;transition:0.3s all ease;color:#ffffff;position:relative;}
.sf-menu > li > a:hover{color:#54746e;-webkit-transition:0.3s all ease;transition:0.3s all ease;}
.sf-menu > li > a:active{background:transparent;color:#54746e;}
.sf-menu .sfHover > a:after{color:#54746e;}
.sf-menu > li.current > a{color:#54746e;}
.sf-menu > li.current > .sf-with-ul:after{color:#54746e;}
.sf-menu > li.sfHover > a{color:#54746e;}
.sf-menu li{width:178px;}
.sf-menu a{-webkit-transition:0.3s all ease;transition:0.3s all ease;}
.sf-menu a:hover{-webkit-transition:0.3s all ease;transition:0.3s all ease;}
/* First level sub-menu styles========================================================*/
.sf-menu ul{display:none;font:italic 400 15px/30px "EB Garamond", serif;position:relative;text-align:center;padding:17px 0 21px 0;z-index:2;}
.sf-menu ul:before{height:17px;width:100%;position:absolute;content:'';background:#181818;background:rgba(24, 24, 24, 0.8);top:0;left:0;}
.sf-menu ul:after{height:21px;width:100%;position:absolute;content:'';background:#181818;background:rgba(24, 24, 24, 0.8);bottom:0;left:0;}
.sf-menu ul li{position:relative;display:block;}
.sf-menu ul li > .sf-with-ul{position:relative;}
.sf-menu ul li > .sf-with-ul:after{font-family:FontAwesome;font-size:15px;position:absolute;font-style:normal;font-weight:normal;text-decoration:none;cursor:default;content:"\f107";color:#54746e;right:20px;top:1px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.sf-menu ul li a{background:#181818;display:block;background:rgba(24, 24, 24, 0.8);border-bottom:none;color:#54746e;text-transform:none;}
.sf-menu ul li a:hover{color:#ffffff;}
.sf-menu ul > .sfHover > a:after{color:#ffffff;}
.sf-menu ul li.sfHover > a{color:#ffffff;}
/* Second level sub-menu styles========================================================*/
@media only screen and (max-width:767px){
.sf-menu{display:none;}
nav{width:100%;float:none;}
.select-menu{border-radius:none;display:block;text-transform:capitalize;float:none;color:#54746e;width:100%;margin-top:50px;margin-bottom:10px;background:#ffffff;font:22px/28px 400 19px/46px "EB Garamond", serif;text-align:left;border:1px solid #c1c1c1;padding:2px 0;position:relative;}
.select-menu option{text-align:left;position:relative;}
}
/*Core variables and mixins*/
/*======================================================== CONTENT styles=========================================================*/
#content.common{padding-top:100px;}
@media (max-width:1199px){#content.common{padding-top:80px;}}
/* ======= Camera Slogan ======= */
.slogan1{text-align:center;color:#FFF;}
.slogan1 span{display:block;}
.slogan1 .first{font:italic 400 45px/45px "EB Garamond", serif;margin-bottom:12px;}
.slogan1 .second{font:400 65px/65px "EB Garamond", serif;text-transform:uppercase;margin-bottom:10px;}
.slogan1.slogan1__inset1 .second{margin-bottom:31px;}
@media (max-width:1199px){
.slogan1 .first{font-size:30px;line-height:30px;}
.slogan1 .second{font-size:40px;line-height:40px;}
}
@media (max-width:767px){
.slogan1 .first{font-size:20px;line-height:20px;}
.slogan1 .second{font-size:30px;line-height:30px;margin-bottom:0;}
}
/* ======= Box 1 Welcome ======= */
.box1{text-align:center;}
.box1 img{border:8px solid #2a2b2d;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.box1 .btn-default{margin-top:27px;}
.box1 .heading1,.box1 p{padding:0 45px;}
@media (max-width:767px){.box1 .heading1, .box1 p{padding:0;}}
.box1 .heading1{margin-top:65px;}
.box1.box1__inset1 img{margin-bottom:30px;}
@media (max-width:767px){.box1.box1__inset1 img{margin-top:30px;margin-bottom:0;}}
/* ======= Banner 1 have a rest after ======= */
.banner1{padding:234px 0 256px;}
@media (max-width:979px){.banner1{padding:100px 0;}}
/* ======= banner 2 Gallery ======= */
.banner2 .gallery_image{width:20%;float:left;}
@media (max-width:767px){.banner2 .gallery_image{width:100%;float:none;margin-bottom:30px;}}
/* ======= Banner 3 Blockquote ======= */
.banner3{padding:232px 0 103px;}
/* ======= Blockquote 1 ======= */
.blockquote1{text-align:center;color:#ffffff;}
.blockquote1 .brace{display:block;font:400 317px/42px "Cinzel", sans-serif;margin-bottom:-59px;}
.blockquote1 cite{font:italic 400 27px/42px "EB Garamond", serif;display:block;margin-bottom:29px;}
/* ======= Google map main page ======= */
.google-map_main{position:relative;overflow:hidden;}
.google-map_main .info{position:absolute;width:100%;height:110%;left:0;right:0;text-align:center;top:-10px;}
.google-map_main .info i{font-size:74px;line-height:20px;color:#54746e;display:block;margin-bottom:38px;}
.google-map_main .info .address{left:0;right:0;position:absolute;top:50%;margin-top:-75px;}
.google-map_main .info address{display:block;}
.google-map_main .info address .our-address{display:block;margin-bottom:2px;font-style:italic;}
.google-map_main .info address .phone{font:italic 400 45px/45px "EB Garamond", serif;color:#ffffff;display:block;}
@media (max-width:479px){.google-map_main .info address .phone{font-size:30px;line-height:30px;}}
.google-map_main iframe{width:100%;height:484px;}
/* ======= Box 2 Who we are ======= */
.box2 img{border:8px solid #2a2b2d;margin-top:8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.box2 .heading{color:#ffffff;display:block;margin-bottom:29px;}
.box2 .btn-default{margin-top:27px;}
@media (max-width:767px){.box2 img{width:100%;margin-bottom:20px;}}
/* ======= Banner 4 Our principles ======= */
.banner4{padding:80px 0 38px;}
.banner4 .heading1 h2,.banner4 .heading1 .secondary{color:#ffffff;}
.banner4.banner4__inset1{padding-bottom:63px;}
@media (max-width:979px){.banner4{padding-top:80px;}}
/* ======= Box 3 Our principles ======= */
.box3{padding-left:100px;position:relative;margin-bottom:53px;}
.box3 .label{position:absolute;left:0;top:11px;width:70px;height:70px;text-align:center;font:400 40px/70px "Cinzel", sans-serif;color:#ffffff;border:2px solid #ffffff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-right-color:transparent;}
.box3 .label:after{position:absolute;content:'';right:-11px;top:0;width:11px;height:100%;background:url(/immagini/triangle1.png) no-repeat center 0;}
.box3 h3{margin-bottom:-3px;margin-top:-3px;}
.box3 p{color:#ffffff;}
/* ======= Box 4 our cooks ======= */
.box4{margin-top:8px;}
.box4 img{margin-bottom:22px;}
.box4 .heading{display:block;color:#ffffff;}
@media (max-width:767px){
.box4{margin-bottom:50px;}
.box4 img{width:100%;}
}
/* ======= Post 1 Latest News ======= */
.post1{margin-top:-3px;margin-bottom:34px;}
.post1 time{font:italic 400 27px/42px "EB Garamond", serif;color:#ffffff;display:block;}
.post1 h3{margin-bottom:39px;}
.post1 p{color:#ffffff;}
.post1 .btn-default{margin-top:27px;}
@media (max-width:767px){.post1{margin-bottom:60px;}}
/* ======= Box 5 Our menu ======= */
.box5{margin-top:-3px;margin-bottom:56px;}
.box5 img{margin-top:11px;}
.box5 h3{margin-bottom:-3px;}
.box5 .price{display:block;font:400 40px/40px "Cinzel", sans-serif;color:#ffffff;margin-top:21px;}
@media (max-width:767px){.box5 img{margin-bottom:20px;}}
@media (max-width:479px){.box5 img{width:100%;}}
/* ======= Banner 5 Wine list ======= */
.banner5{padding:50px 0 50px;}
.banner5 .heading1 h2,.banner5 .heading1 .secondary{color:#ffffff;}
/* ======= Box 6 Wine list ======= */
.box6{margin-top:4px;}
@media (max-width:767px){.box6{margin-top:40px;}}
/* ======= Box 7 Gallery ======= */
.box7{margin-top:8px;margin-bottom:52px;border:8px solid #2a2b2d;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.box7 .gallery_image{border-bottom:8px solid #2a2b2d;}
.box7 .content{padding:19px 20px 33px;}
.box7 .content h3{margin-bottom:-3px;}
/* ======= Box 8 Photo archive ======= */
.box8{margin-top:4px;margin-bottom:56px;}
/* ======= Box 9 Privacy Policy ======= */
.box9 p{margin-bottom:29px;}
.box9 .heading{display:block;color:#ffffff;}
.box9 .simple-link{margin-top:30px;}
.box9.box9__inset1 p{color:#ffffff;}
/* ======= Simple link ======= */
.simple-link{display:inline-block;color:#ffffff;text-decoration:underline;}
/* ======= List 1 ======= */
.list1 a:hover{color:#d1ffc8;}
.list1 li{font:400 17px/21px "EB Garamond", serif;color:#ffffff;text-transform:none;padding-left:24px;display:block;position:relative;}
.list1 li:before{left:0;top:0;font-family:FontAwesome;font-size:15px;position:absolute;font-style:normal;font-weight:normal;text-decoration:none;cursor:default;line-height:21px;content:'\f054';}
.list1 li + li{margin-top:16px;}
/* ======= List 2 (Pricing) ======= */
.list2{font:400 20px "EB Garamond",serif;color:#ffffff;text-transform:none;}
.list2 a{position:relative;}
.list2 a:hover{color:#d1ffc8;}
.list2 li{display:block;position:relative; padding-bottom:5px;}
.list2 li:before{left:0;top:0;text-decoration:none;cursor:default;line-height:21px;}
.list2 li + li{margin-top:5px;}
.list2 li .name{display:block;float:left;margin-right:1px; text-align:left;}
@media (min-width:767px) and (max-width:1199px){.list2 li .name{float:left;}}
@media (max-width:479px){
.list2 li .name{float:left;}
.orari {width:100%;}
}
.list2 li .price{display:block;float:right;margin-left:1px;}
.list2 li .border{display:block;overflow:hidden;height:16px;position:relative;}
.list2 li .border:after{position:absolute;content:'';display:block; border-bottom:1px dashed white;height:1px;width:100%;bottom:0;}
/* ======= Social buttons 1 ======= */
.socials1 li{display:inline-block;margin-bottom:10px;}
.socials1 li + li{margin-left:13px;}
.socials1 li a i{color:#ffffff;border:2px solid #515151;background:transparent;text-align:center;font-size:44px;display:block;width:86px;height:86px;line-height:86px;border-radius:200px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.socials1 li a i:hover{color:#ffffff;background:#54746e;border-color:#54746e;}
@media (max-width:479px){
.socials1{text-align:center;}
.socials1 li{display:block;text-align:center;margin-bottom:30px;}
.socials1 li + li{margin-left:0;}
.socials1 li i{margin:0 auto;}
}
/* ======= Gallery ======= */
.gallery_image a{display:block;position:relative;background:#54746e;}
.gallery_image a img{margin-bottom:0;-webkit-box-shadow:0 0 0 0 #ffffff;box-shadow:0 0 0 0 #ffffff;}
@media (max-width:979px){.gallery_image a img{width:100%;}}
.gallery_image a:hover img{opacity:0.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";}
.gallery_image a:hover .gallery_icon{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.gallery_image a img{opacity:1;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.gallery_image a .gallery_icon{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";width:81px;height:81px;background:url(/immagini/page1_img17.png) no-repeat center;position:absolute;left:50%;top:50%;margin-left:-40.5px;margin-top:-40.5px;}
/*======================================================== FOOTER styles=========================================================*/
#footer{padding:30px 0;text-align:center;background:url(/immagini/background1.jpg) repeat;}
#footer .socials1{margin-top:41px;}
#footer .privacy-block{margin-top:28px;font:400 13px/24px "EB Garamond", serif;}
/*======================================================== Widget styles=========================================================*/
/* UItoTop styles========================================================*/
#toTop{display:none;text-decoration:none;position:fixed;bottom:80px;right:30px;overflow:hidden;border:none;color:#fff;font-size:43px;line-height:38px;z-index:20;-webkit-transition:color 0.5s ease;transition:color 0.5s ease;}
#toTop:hover{outline:none;color:#f0f0f0;}
@media only screen and (max-width:1199px){#toTop{display:none !important;}}
/*Core variables and mixins*/