@charset "utf-8";
/* CSS Document */

/* =Clearfix
--------------------------------------------------------------------------------------------------------*/
.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { margin:auto; display:block; }
.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; }
.centered { text-align:center; }
/* End Clearfix
--------------------------------------------------------------------------------------------------------*/


/* =Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader { position:absolute; top:0; left:0; right:0; bottom:0; background:url(../images/bg-overlay3.png) repeat left top #999; z-index:9999; }
#status { width:300px; height:402px; position:absolute; left:50%; top:50%; margin:-201px 0 0 -150px; color:#fff }
/* End Preloader
--------------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------------*/
html {overflow: -moz-scrollbars-vertical; overflow-y: scroll; -webkit-font-smoothing: antialiased;}
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#content {padding-bottom: 162px;}
body { font: 14px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#555; background:#e2ecd6;  }
strong { font-weight:bold; }
a, a > * {-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
p { line-height:1.7; padding:7px 40px 0 40px; }
p.small {font-size:13px;}
p.small a {color: #ea2d74}
a.pink { display: block; margin-top:20px; font-size:13px; color: #ea2d74; }
a:hover.pink { color: #339494; }
a.fff { color: #FFFFFF; }
blockquote { line-height:1.5; padding:24px 40px 10px 40px;  }
blockquote span {font-size:12px; display:block; margin-top:15px;}
.quotation-mark {font-family: "PT Mono"; font-size:48px; color:#2b2b2b; float:left; margin:29px 5px 0 40px; height:20px; }
a { color:#8d8d8d; text-decoration:none; } 
p a { color:#ea2d74; text-decoration:none; }
p a:hover { color:#339494; text-decoration:none; }
footer p a:hover { color:#333; text-decoration:none; }
a:hover { text-decoration:none; color:#2B2B2B; }
span.arrow {font:13px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; display: inline; }
.no-h2 {padding-top:35px; }
em {font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-style:normal; font-weight:600 }
code {font:13px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-style:normal; line-height:1.5; display:block; }
pre { padding:13px 40px 0 40px; }
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/
h1#logo { position:relative; margin:0 auto; z-index:401; margin-bottom:17px; text-align:center }
h1#logo a { display:inline-block; background:url(../images/latte-da.png) no-repeat; background-size:138px 123px; width:138px; height:123px; text-indent:-9999px; }
.hentry h1, h2, h3, h4 { line-height:1.5; font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; }
h2, .hentry h1 { font-size:16px; font-weight:600; color:#2b2b2b; margin:0px 40px 6px 40px; padding-bottom:19px; padding-top:32px; text-transform:uppercase; letter-spacing:3px; border-bottom:1px dotted #2b2b2b; display:block }
h3 {font-size:14px; font-weight:600; padding:14px 40px 0 40px; margin-bottom:-6px; color:#333333; }
h4 {font-size:13px; font-weight:600; letter-spacing:1px; text-transform:uppercase; padding:15px 40px 1px 40px; margin-bottom:-6px; }
h2 a {color:#2b2b2b; }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------------*/
#wrapper { width:100%; position:relative; z-index:29; margin:0 auto; margin-bottom:10px; padding-top:40px;}
.container { padding:0px; width:960px; position:relative; margin:0 auto;}
#container {margin-bottom:45px; }
.col1-1 { width:940px; margin:10px; height:402px; float:left; }
.col1-3 { width:300px; height:402px; margin:10px; float:left; }
.col1-3.half {height:191px; }
.col1-3.contact {height:220px; }
.col1-3.triple {height:613px; }
.col2-3 { width:620px; height:402px; margin:10px; float:left; }
.col2-3.post, .col2-3.auto, .col1-3.auto, .col1-1.auto {height:auto; padding-bottom:36px; }

.bottom {position:absolute; bottom:0px; padding-bottom:36px; }
.break { height:20px; position:relative; display:block }
.images { display:block; position:relative; }
.overflow, .element {overflow:hidden; }
.borderline {border-top:1px dotted #d3d3d3; height:1px; position:relative; display:block; margin:19px 40px 5px 40px; width:auto; }

.white {background:#F5F9F1; }
.white1 {background:url(../images/bg-white1.png) no-repeat right bottom #F5F9F1; }
.white2 {background:url(../images/bg-white2.png) no-repeat left bottom #F5F9F1; }
.white3 {background:url(../images/bg-white3.png) no-repeat right top #F5F9F1; }

/* horizontal centering */
.parent {width:300px; margin:0px auto; position:absolute; height:402px; z-index:11}
.col1-3.half .parent {height:191px; }
.col1-3.half .parent.text { top:-1px; left:2px; }
.col2-3 .parent { width:620px; }
.child {text-align:center;}

/* vertical centering */
.parent {display: table}
.child {display: table-cell; vertical-align: middle; padding:0 50px; }
.child span { font-size:24px; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight:600; color:#fff; text-transform:uppercase; letter-spacing:4px; line-height:33px;}
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Googlemaps
--------------------------------------------------------------------------------------------------------*/
#map {width:620px; height:402px; margin:0; border:0}
#map:before, #map:after {background: none; content: ''; left: 0;	position: absolute;	top: 0;	width: 100%; }
#map:after {bottom: 0; top: auto; }
/* End Googlemaps
--------------------------------------------------------------------------------------------------------*/


/* =Image Hover
--------------------------------------------------------------------------------------------------------*/
.images img {width:100%; display: block; max-width: 100% !important; z-index:9 }
img{box-shadow: #000 0 0 0}
.images .overlay { background:rgba(0, 0, 0, 0.3); z-index:10; display:block; position:absolute; height:100%; width:100%; }
.images .dots { z-index:11; display:block; position:absolute; width:261px; height:151px; margin:20px 0 0 20px; border:1px dotted #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }

.icons { display:inline-block; height:48px; width:48px; z-index:100;  pointer-events: none; -webkit-transition: all 0s ease 0s; -moz-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; transition: all 0s ease 0s; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}
.facebook {background:url(../images/bg-facebook.png) center no-repeat; background-size:50px 50px; }
.tripadvisor {background:url(../images/bg-tripadvisor.png) center no-repeat; background-size:50px 50px; }
.facebook-black {background:url(../images/bg-facebook-black.png) center no-repeat; background-size:50px 50px; }
.tripadvisor-black {background:url(../images/bg-tripadvisor-black.png) center no-repeat; background-size:50px 50px; }
/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/* =Lists
--------------------------------------------------------------------------------------------------------*/
ul.unordered-list, .hentry ul { list-style: disc; line-height:1.5; padding:14px 40px 0 40px; margin-left:18px; text-align:left !important; }
ol { list-style: decimal; line-height:1.5; padding:14px 40px 0 40px; margin-left:25px; text-align:left !important; }
/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/
footer { height:auto; background:rgba(0, 0, 0, 0.4); position:relative; color:#cfcfcf;/* margin-top:45px; */padding:45px 0; height:162px;  margin-top: -162px;}
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =Social
--------------------------------------------------------------------------------------------------------*/
ul.social { letter-spacing:0; }
.social li { display:inline-block; margin:0px 3px;}
.social li a { display:block; }
ul.social a {text-indent:-9000px; text-decoration:none; height:52px; width:52px;}
/* End Social
--------------------------------------------------------------------------------------------------------*/


/* =Isotope
--------------------------------------------------------------------------------------------------------*/
#options { width:auto; height:auto; z-index:300; text-align:center;}
#options ul { margin: 0; list-style: none; display:inline-block; -webkit-transform: translateZ(0); }
#options li { float: left;  }
#options li a { color:##8d8d8d; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:14px; font-weight:600; text-decoration:none; text-transform:uppercase; display:inline-block; padding:10px 15px 0px 15px;  margin:0px; position:relative; }
#options li a:hover, #options li a.selected { color:#333333;}
/* End Isotope
--------------------------------------------------------------------------------------------------------*/


/* =Backtotop
--------------------------------------------------------------------------------------------------------*/
#backtotop { height:auto; position:fixed; right:30px; bottom:40px; display:none; z-index:30; }
#backtotop ul { padding:15px 0px; }
#backtotop ul li a { background:url(../images/bg-up.png) center top no-repeat; background-size:48px 48px; display:block; width:48px; height:48px; float:right; right:10px; text-indent:-9000px; }
#backtotop ul li a:hover { height:58px; }
/* End Backtotop
--------------------------------------------------------------------------------------------------------*/