/*
Theme Name: Vivere a Plakes
Theme URI: http://www.viveraplakes.gr
Version: 1.0
Author: WebOlution
Author URI: http://www.webolution.gr
Tags: Milos, hotel, apartments, Greece

*/

* {
	margin:0;
	padding:0;
	border:0;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
html {
	background:url(images/bg.jpg) center 220px;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 13px;
	color:#000000;
	line-height:1.308em;
}
html, body {
	height: 100%;
	min-width: 320px;
}
p {
	margin-bottom: 0.875em;
}
ul li {
	list-style-type: none;
}
option {
	margin:0.5em;
}
img{
	max-width:100%;
	height:auto;
}
/* =Links
-----------------------------------------------------------------------------*/
a:link, a:visited, a:active {
	text-decoration:none;
	color:#333;
	outline:none;
}
a:hover {
	transition: all 0.3s ease 0s;
	text-decoration:none;
}
/* =Headings
-----------------------------------------------------------------------------*/
h1, h2, h3 {
	font-weight:normal;
}
/* =Header
-----------------------------------------------------------------------------*/
#header {
	background:url(images/header-bg.png) no-repeat center top;
	position: relative;
	width: 100%;
	z-index: 1;
	height:115px;
	margin-bottom:-115px;
}
#header.inner{
	height:104px;	
	margin-bottom:-104px;
}
#header .wrapper {
	position:relative;
}
#logo {
	left: 1em;
	position: absolute;
	top: 0;
	z-index: 10000;
}
#logo:hover {
	opacity: 0.9;
}
#logo img {
	height: auto;
	width: 100%;
}
#qtranslate-chooser {
	background-color:rgba(255,255,255,0.8);
    border-radius: 7px;
    padding: 0.75em 0.8em 0.5em;
    position: absolute;
    top: 9.2em;
}
#qtranslate-chooser li a {
	text-indent:-9999px;
	display:inline-block;
	height:14px;
	width:19px;
}
#qtranslate-chooser li {
	display:inline;
	margin-left: 3px;
	opacity:0.5;
}
#qtranslate-chooser li.active, #qtranslate-chooser li:hover{
	opacity:1;
}
.lang-en a {
	background:url(images/english.jpg) no-repeat left top;
}
.lang-el a {
	background:url(images/greek.jpg) no-repeat left top;
}
.lang-it a {
	background:url(images/italian.jpg) no-repeat left top;
}
.lang-fr a {
	background:url(images/french.jpg) no-repeat left top;
}
.lang-ru a {
	background:url(images/russian.jpg) no-repeat left top;
}
#quick-links {
	float:right;
	margin-top: 0.75em;
	font-size:0.923em;
	font-weight: 500;
	position:relative;
}
#quick-links li {
	display:inline;
	margin-left: 1em;
}
.ru #quick-links li {
	margin-left:0.25em;
}
#quick-links .weather {
	background:url(images/weather-icon.svg) no-repeat left center;
	padding: 0 0 0.1em 1.8em;
}
#quick-links .map {
	background:url(images/map-icon.svg) no-repeat left center;
	padding: 0 0 2px 2.2em;
}
#quick-links .contact {
	background:url(images/contact-icon.svg) no-repeat left center;
	padding-left: 1.8em;
}
#quick-links .camera{	
	background:url(images/camera-icon.svg) no-repeat left center;
	padding:2px 0 2px 1.5em;
}
#quick-links a {
	color:#1a4c55;
}
#quick-links a:hover {
	opacity:0.7;
}
/* =Main Navigation
-----------------------------------------------------------------------------*/
@media only screen and (min-width:979px) {
#nav{
	width:100%;
}
#nav .block{
	width:1120px;
	margin:0 auto;
}
ul#menu-main-navigation {
	margin-left: 14em;
	font-size:1.154em;
	font-weight:300;
	float:left;
	height:116px;
}
ul#menu-main-navigation > li {
	display:inline;
	float:left;
	list-style:none;
	position:relative;
}
ul#menu-main-navigation > li > a {
	background:url(images/divider-menu.jpg) repeat-y left top;
	display:block;
	padding: 2.6em 1.5em 1.5em;
	color:#1e4455;
}
.el ul#menu-main-navigation > li > a, .ru ul#menu-main-navigation > li > a{
	padding:2.6em 1.177em 1.5em;
}
ul#menu-main-navigation > li:hover > a, ul#menu-main-navigation li#menu-item-32 a:hover, ul#menu-main-navigation > li.current-menu-item > a {
	background-color: rgba(255, 255, 255, 0.7);
}
ul#menu-main-navigation > li#menu-item-37 > a {
	padding-bottom: 2.7em;
}
ul#menu-main-navigation > li#menu-item-38 > a {
	padding-bottom: 2.7em;
}
ul#menu-main-navigation > li#menu-item-45 > a {
	padding-bottom: 2.5em;
}
ul#menu-main-navigation > li#menu-item-46 > a {
	padding-bottom: 2.1em;
}
ul#menu-main-navigation > li#menu-item-32 > a {
	padding-bottom: 1.8em;
}
ul#menu-main-navigation > li#menu-item-86 > a {
	background:url(images/divider-menu.jpg) repeat-y left top, url(images/divider-menu-2.jpg) no-repeat right top;
	padding-bottom: 1.2em;
}
#menu-main-navigation li > ul {
    display: none;
    left:0;
    position: absolute;
    top: 98%;
    z-index: 100;
	background:url(images/divider-menu.jpg) repeat-y left top rgba(255,255,255,0.9);	
	border-right:1px solid #B0C7D2;
}
#menu-main-navigation ul li {
    list-style-type: none;
	display:block;	
	border-bottom:1px solid #bacbd4;
	padding:0 1em;
}
#menu-main-navigation ul li a {
    color:#1e4455;
    display:block;
	white-space:nowrap;
	font-size:14px;
	padding:0.675em 0.5em 0.675em 1.5em;
	background:url(images/bullet.png) left center no-repeat;
}
#menu-main-navigation ul li:hover {
	background:	rgba(186,202,212,0.4);
}
#menu-main-navigation li:hover ul {
    display: block;
}
}
/* =Content
-----------------------------------------------------------------------------*/
.wrapper {
	height:100%;
	min-height:100%;
	width:990px;
	min-width:320px;
	margin:0 auto;
}
#content-top {
	float: left;
	position: relative;
	width: 100%;
	z-index: 0;
	margin-top:2em;
}
#content-top.inner{
	margin-top:135px;
}
#content-top .wrapper, #content-bottom .wrapper {
	width: 1120px;
}
#main {
	box-shadow: 9px 7px 12px -8px #333;
	-webkit-box-shadow: 9px 7px 12px -8px #333;
	float: left;
	margin-bottom: 0.5%;
	padding-top: 1.2em;
	position: relative;
	width: 50%;
	text-align:center;
}
#content-top h1 {
	font-size: 1.846em;
	font-weight: 200;
	line-height: 1.4;
	text-align: center;
}
#content-top h1 strong {
	color: #427790;
	display: block;
	font-size: 0.6em;
	font-weight: 500;
	text-transform: uppercase;
}
#content-top #main hr {
	border-top: 1px solid #e0e8e7;
	display: block;
	float:left;
	margin: 1em 22% 1.154em;
	width: 56%;
}
#content-top hr + span {
	color: #3b7383;
	display: inline-block;
	font-size: 1.375em;
	font-weight: 300;
	margin: 0 auto 1em;
	text-align:center;
	text-transform: uppercase;
	line-height:1.1;
	padding:0 1em;
}
#main ul li {
	display: inline-block;
	float: left;
	position:relative;
	width:33.3%;
	text-transform:uppercase;
	overflow:hidden;
}
#main ul {
	float:left;
	width:100%;
}
#main ul li > a {
	display:inline-block;
	float: left;
}
ul#rooms li img{
	width:100%;
	height:auto;
}
ul#rooms li:first-child strong, ul#rooms li:nth-child(5) strong{
	line-height:normal;
	padding:30px 0 0;
}
.overlay {
	background-color: rgba(78, 130, 151, 0);
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.overlay:hover {
	background-color: rgba(78, 130, 151, 0.5);
}
.overlay:hover strong, li.current .overlay strong {
	background-color: #104963;
}
.overlay strong {
	background-color:rgba(16, 73, 99, 0.5);
	border: 1px solid;
	border-radius: 100%;
	color: #fff;
	cursor: pointer;
	font-size: 1em;
	height: 90px;
	line-height:90px;
	left: 50%;
	margin: -45px;
	padding: 0 2%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	position: absolute;
	text-align: center;
	top: 50%;
	transition: all 0.3s ease 0s;
	width: 90px;
	font-weight: 400;
}
#main .thumb-mask {
	position:absolute;
	top:0;
	left:0;
}
#wpgmappitymap {
    float: left;
    height: 420px;
    width: 100%;
}
#wpgmappitymap img{
	max-width:inherit !important;
}
/* =Booking Form
-----------------------------------------------------------------------------*/
#booking {
	background:url(images/booking-bg.png) no-repeat right top;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	height: 40%;
	padding: 6% 0 0 45%;
	position: absolute;
	top: 5%;
	width: 100%;
	z-index: 10;
}
#booking.home{
	background:url(images/booking-bg-home.png) no-repeat right top;
}
#content-right.inner #booking {
	padding: 6% 0 35% 45%;
}
#booking hr {
	border-top: 1px solid #a3c7d6;
	bottom: 50%;
	display: block;
	height: 1px;
	left: 24%;
	position: absolute;
	width: 60%;
}
#content-right #booking span {
	background: 0 none;
	color: #1d7ba6;
	float: right;
	font-size: 3.2em;
	font-weight: 200;
	height: auto;
	left: 20%;
	line-height: 0.9;
	text-align: right;
	top: 12%;
	width: 23%;
}
#content-right.inner #booking span {
	left:17%;	
	font-size: 3em;
	top:12.5%;
}
.form-box {
	display: inline-block;
	float: left;
	height: 30px;
	margin: 0 3% 3% 0;
	text-align: left;
	width: 35%;
}
#booking .form-box input.date-pick {
	background: url("images/calendar.png") no-repeat scroll 96% center #fff;
}
#booking .form-box input, #booking .form-box select {
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border: 4px solid #fff;
	color: #777777;
	font-size: 0.8em;
	height: 30px;
	outline: 1px solid #bdbdbd;
	padding: 0 0 0 5%;
	width: 100%;
}
 #booking .form-box select {
	 padding-left:2%;
 }
#booking .submit, #booking .submit.color2, #booking .submit.color4 {
	background:#00D6C7;
	border: 3px solid;
	border-radius:0;
	bottom: 30%;
	box-shadow: 0 0 5px -3px #000;
	color: #fff;
	display: inline-block;
	font-size: 1em;
	font-weight: 600;
	left: 40%;
	padding:0.5em 1em;
	position: absolute;
	cursor:pointer;
	-webkit-appearance:none;
	transition: all 0.3s ease 0s;
}
#booking .submit:hover, #booking .submit.color1, #booking .submit.color3{
	background: none #3da8d9;
}
#content-right {
	/*background:url(images/image-bg.jpg) no-repeat center top;*/
	float: right;
	margin-top: -5.692em;
	position: relative;
	width: 50%;
	z-index:1;
}
#content-right.inner {
	margin-top: -6.2em;
}
#content-right a{	
	color: #fff;
	display:block;
	background-color:#000;
}
#content-right a:hover{
	color:rgba(255,255,255,0.8);
}
#content-right a:hover h2{
	text-shadow:none;
}
#content-right h2, #content-right em {
	font-style:normal;
	position:absolute;
	text-align:center;
	width:100%;
}
#content-right h2 {
	bottom: 45%;
	font-size: 3.462em;
	font-weight: 500;
	text-shadow: 0 0 2px #333;
	text-transform:uppercase;
}
#content-right em {
	bottom: 38%;
	font-size: 1.231em;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-shadow: 0 0 2px #111;
}
#content-right img {
	background:url(images/image-bg.png) no-repeat right bottom;
	padding: 6% 5.8% 0 0;
	width:100%;
	height:auto;
}
#content-right span {
	background:url(images/image-top-curve.png) no-repeat center top;
	width: 100%;
	height: 15%;
	display:block;
	position:absolute;
	z-index:1;
	top:0;
	right:0;
}
#content-bottom {
	position:relative;
	background-color:#fff;
	float:left;
	width:100%;
	padding-bottom:3em;
	margin-top: 1%;
}
#content-bottom .bottom-mask {
	background:url(images/mask-bottom.png) no-repeat top center;
	display:block;
	width:100%;
	position:absolute;
	height:60px;
	margin-top: -2.5%;
	z-index: 1;
}
#content-bottom .left {
	color:#364d5a;
	float:left;
	width:68.3%;
	z-index:1000;
	position:relative;
	margin-top: 1.462em;
}
#content-bottom .left h2 {
	color: #266788;
	font-size: 1.462em;
	font-weight: 300;
	line-height: 1.2;
	position: absolute;
	top: 20px;
	width: 38%;
	z-index: 1000;
}
#content-bottom .left .text-wrapper {
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	background-color: #fff;
	float: left;
	font-size: 1.077em;
	font-weight: 300;
	position:relateive;
	line-height: 1.5;
	padding: 25px 27px 15px 0;
	position: absolute;
	top: 47px;
	width: 50.98039215686274%;
}
#content-bottom .left .text-wrapper .arrow {
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	background-color: rgba(56, 143, 180, 0.8);
	color: #ffffff;
	font-size: 3.5em;
	font-weight: 100;
	height: 51px;
	padding: 0;
	position: absolute;
	left: 389px;
	width: 51px;
	line-height:43px;
	text-align:center;	
	top:50%;
	margin-top:-25px;
}
#content-bottom .left .text-wrapper .arrow:hover {
	background-color: rgba(56, 143, 180, 1);
}
#content-bottom .left img {
	float:right;
}
.weddings-box {
	/*background:url(images/weddings.jpg) no-repeat center top;*/
	background:url(images/spa.jpg) no-repeat center top;
	color: #fff;
	float: right;
	font-size: 1.07em;
	padding: 30px 35px 23px;
	position: relative;
	text-align: center;
	width: 30.8036%;
	z-index: 1000;
	margin-top: 19px;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	min-height:290px;
}
.weddings-box h3 {
	background: url(images/weddings-divider.png) no-repeat center bottom;
	font-size: 2em;
	font-weight: 300;
	margin-bottom: 8px;
	padding: 0 0 27px;
}
.weddings-box a.more-btn {
	display: inline-block;
	font-size: 13px;
	position: relative;
}
a.more-btn {
	background:url(images/btn-left.png) no-repeat left center;
	position:absolute;
	bottom:0;
	color:#414141;
	font-weight:bold;
	padding: 18px 4px 16px 20px;
	font-size:1em;
}
a.more-btn span {
	background:url(images/btn-right.png) no-repeat right center;
	padding: 18px 32px 16px 14px;
}
a.more-btn:hover {
	color:#2498c5;
}
#content.inner {
	background-color: #fff;
	float: left;
	position: relative;
	width: 100%;
	z-index: 3;
}
.inner-curve {
	background:url(images/inner-curve.png) no-repeat center top;
	float:left;
	width:100%;
	display:block;
	position:absolute;
	top: -4em;
	height:70px;
}
#header-image {
	float: left;
	margin-top: -6em;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 0;
}
/* =Inner
-----------------------------------------------------------------------------*/
#content.inner .wrapper {
	width: 1120px;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#content.inner h1 {
	border-bottom: 1px solid #e0e8e7;
	color: #3b7383;
	font-size: 1.923em;
	font-weight: 300;
	margin-bottom: 0.75em;
	padding-bottom: 0.8em;
}
#content.inner h1 span {
	background:url(images/heading-bg.jpg) no-repeat left center;
	padding-bottom: 2.3em;
}
#content-left-inner {
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	background-color: #fdfdfd;
	color: #555;
	float: left;
	font-size: 1.077em;
	font-weight: 300;
	padding: 3% 2.5% 2.5% 5%;
	width: 67%;
}
#content-left-inner h2 {
	color: #333;
	float: left;
	font-size: 1.538em;
	font-style: normal;
	font-weight: 300;
	margin-bottom: 0.6em;
	width: 100%;
	line-height:1.3;
}
#content-left-inner hr{
	
	width:100%;
	float:left;
}
#content-left-inner blockquote p{
	margin-bottom:0;
}
#content-left-inner h3, #content-left-inner h4 {
	color: #25799a;
	border-top: 1px solid #e0e8e7;
	font-size: 1.385em;
	font-weight: 300;
	margin-bottom: 1em;
	padding-top: 0.8em;
	width: 100%;
	float:left;
}
#content-left-inner h4 {
	border-top:none;
	padding:0;
	color:#0E4355;
}
#content-left-inner ul {
	width:100%;
	float:left;
}
#content-left-inner ul li {
	background:url(images/bullet.png) no-repeat left 2px;
	float: left;
	margin-bottom: 1em;
	padding:0 0.5% 0 3.5%;
}
#content-left-inner ul.facilities li{
	width: 29%;
}
#content-left-inner p {
	line-height: 1.5;
}
/* =Carousel Images
-----------------------------------------------------------------------------*/
.jcarousel-wrapper {
    float: left;
    position: relative;
    width: 100%;
	overflow:hidden;
	padding-bottom:2em;
	margin-bottom:0.5em;
}
.jcarousel {
    margin: 0 auto;
    position: relative;
    width: 100%;
}
#content-left-inner .jcarousel ul {
    position: relative;
    width: 20000px;
}
#content-left-inner .jcarousel li {
    box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background:url(images/gallery-thumb-bg.jpg) no-repeat center top;
	float:left;
	padding: 8px 4px 0 0;
	margin:0;
}
#content-left-inner .jcarousel ul li img {
    float: left;
	width:100%;
	height:auto;
	padding-bottom:10px;	
	background:url(images/gallery-thumb-bg.jpg) no-repeat center bottom;
}
a.jcarousel-control-prev, a.jcarousel-control-next {
	z-index: 3;
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	bottom: 0;
	left: 0;
	overflow: hidden;
	text-decoration: none;
	height: 26px;
	line-height:20px;
	text-align:center;
	font-size:2.25em;
	width: 30px;
	display:block;
	font-weight:300;
	color:#0b5a6b;
}
a.jcarousel-control-prev:hover, a.jcarousel-control-next:hover{
	opacity:0.8;
	background:#F8F8F8;
}
a.jcarousel-control-prev, a.jcarousel-control-next {
	right:0px;
	left:auto;
	border:none;
}
a.jcarousel-control-prev {
	left:0x;
	right:auto;
}
#content-left-inner .column {
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	float:left;
	width:45%;
	position: relative;
}
#content-left-inner .column + .column{
	width:52%;
	float:right;
	padding-right:1%;
}
#content-left-inner .column + .column img{
	width:100%;
	height:auto;
}
#content-left-inner .column h2 {
	border:0 none;
	padding: 0;
}
#content-left-inner .column ul li {
	width:71%;
	margin-bottom: 0.5em;
	padding:1em 0em 1em 4em;
	color:#3d86a8;
}
#content-left-inner .column ul .address {
	background:url(images/address.png) no-repeat left top;
	padding: 0 0 0 4em;
	color:#000;
}
#SkypeButton_Call_Vivere_1 {
	position: absolute;
	right: 8%;
	top: 29%;
}
#content-left-inner .column .phone {
	background:url(images/tel.png) no-repeat left top;
}
#content-left-inner .column .mobile {
	background:url(images/mobile.png) no-repeat left top;
}
#content-left-inner .column .fax {
	background:url(images/fax.png) no-repeat left top;
}
#content-left-inner .column .email {
	background:url(images/email.png) no-repeat left top;
	color:#000;
}
#contact-form {
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	margin-top: 4%;
	float:left;
	width:100%;
}
#contact-form li {
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	float:left;
	list-style:none;
	width: 48.75%;
	margin-bottom: 0.5%;
}
#contact-form li:nth-child(1), #contact-form li:nth-child(3) {
	margin-right: 2.5%;
}
#contact-form li:nth-child(5) {
	width:100%;
}
#contact-form label {
	margin-bottom: 0.5em;
	width:100%;
	display:block;
}
#contact-form input, #contact-form textarea {
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	background-color:#e4f0f5;
	width: 100%;
	margin: 0 0 0.75em;
	padding: 0.7em 0.75em;
	border-radius:5px;
	resize:none;
}
#contact-form .sendbutton {
	cursor:pointer;
	width: 30%;
	background-color:#1a8fc4;
	color:#fff;
	font-size:15px;
	width: 26%;
	-webkit-appearance:none;
}
#contact-form .sendbutton:hover {
	transition: all 0.3s ease 0s;
	background-color:#00b0d0;
}
.cf_info.failure {
    color: #f30;
}
.cf_info.success {
    color: #a26a23;
}
.cf_info {
    display: block;
    font-size: 15px;
    margin:0 0 0.5em 0;
	font-weight:bold;
}
li.cf_li_err textarea, li.cf_li_err input {
    border-left: 3px solid #d2a767;
}
a.drive-me{
	float:left;
	display:inline-block;
	padding:0.35em 0.75em;
	background:#19B2DA;
	color:#fff;
	margin-top:0.5em;
}
a.drive-me:hover{
	background:#4890B1;
}
#sidebar {
	margin-top:-4.5%;
	padding-top:4%;
	color:#656565;
	font-weight: 300;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	background-color:#f8f8f8;
	float:right;
	width:33%;
	position:relative;
	text-align:center;
}
#sidebar p {
	text-align:left;
}
#sidebar h3 {
	text-align:center;
	font-weight:300;
	background:url(images/heading-divider.png) no-repeat center bottom;
	padding-bottom:1em;
	color:#3b7383;
	font-size:1.538em;
	margin-bottom: 0.7em;
}
#sidebar ul {
	display: inline-block;
	margin: 0 auto 0 1%;
	width: 89%;
}
#sidebar ul li {
	border: 3px solid #fff;
	display: inline-block;
	float: left;
	margin: 0 1% 1% 0;
	width:47%;
	position: relative;
	text-transform:uppercase;
}
#sidebar ul li a {
	float:left;
	display:inline-block;
}
#sidebar ul li .overlay {
	background-color: rgba(255, 255, 255, 0);
}
#sidebar ul li .overlay a {
	background-color: rgba(16, 73, 99, 0.5);
}
#sidebar ul li .overlay a:hover {
	background-color: rgba(16, 73, 99, 1);
}
#sidebar ul li .overlay:hover {
	background-color: rgba(255, 255, 255, 0.5);
}
#sidebar ul li.current .overlay {
	background-color: rgba(255, 255, 255, 0.5);
}
#sidebar ul li.current .overlay a {
	background-color: rgba(16, 73, 99, 1);
}
#sidebar ul li img {
	position:relative;
	display:inline-block;
}
#sidebar h4 {
	color: #3b7383;
	float: left;
	font-size: 1.538em;
	font-weight: 300;
	text-align: left;
	width: 100%;
	margin: 0 0 0.5em;
	line-height:1.1;
}
#sidebar .map {
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-top:2px solid #fff;
	margin-top: 4%;
	padding: 5% 6%;
	width: 100%;
	position: relative;
}
#sidebar .map a {
	display: inline-block;
	position: relative;
}
#sidebar .map a:hover {
	opacity:0.8;
}
#sidebar .map .swirl {
	background:url(images/side-swirl.png) no-repeat center top;
	height: 10%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#sidebar .map a.more-btn {
	background:url(images/btn-left-2.png) no-repeat left center;
	height: 1.1em;
	left: 50%;
	margin-left:-70px;
	width:98px;
	position: absolute;
	bottom: 26%;
	z-index: 1000;
	color:#fff;
	padding: 1.2em 0.3em 1.4em 1.6em;
}
#sidebar .map a.more-btn span {
	background:url(images/btn-right-2.png) no-repeat right center;
	padding: 1em 2.5em 1.2em 1.2em;
	white-space:nowrap;
	text-transform:uppercase;
}
/* =Footer
-----------------------------------------------------------------------------*/
#footer li {
	list-style:none;
}
#footer a {
	color:#2e5669;
}
#footer a:hover {
	text-decoration:underline;
}
#footer {
	background:url(images/footer-bg.jpg) no-repeat center top;
	float: left;
	height: 281px;
	padding-top: 4em;
	width: 100%;
}
#footer-logo {
	float:left;
	margin: 3em 3em 0 0;
	opacity:0.8;
}
#footer-logo:hover{
	opacity:1;
}
#footer-logo img {
	width:85%;
}
#footer .column {
	float:left;
	margin-bottom:3em;
}
#footer .column.left {
	color: #5d5d5d;
	width: 19%;
	padding-right: 2%;
	border-right:1px solid #CCDBE2;
}
#footer .column.left .address {
	border:0 none;
	color: #5d5d5d;
	float: left;
	font-size: 1.308em;
	font-weight: 300;
	margin: 0 0 0.875em;
	width: 100%;
}
#footer .column.left ul {
	float:left;
}
#footer .column.left li {
	margin-bottom: 6px;
	padding-left: 2em;
}
#footer li.phone {
	background:url(images/phone.png) no-repeat left center;
}
#footer li.fax {
	background:url(images/fax-footer.png) no-repeat left center;
}
#footer li.mobile {
	background:url(images/mob.png) no-repeat 2px center;
}
#footer li.email {
	background:url(images/mail.png) no-repeat left center;
}
#footer .column.left span {
	border-top: 1px solid #CCDBE2;
	float: left;
	margin-top: 0.5em;
	padding-top:0.5em;
	width: 100%;
}
#footer .column.center {
	border-right: 1px solid #CCDBE2;
	margin:0 0 0 3%;
	width: 33%;
}
#footer .column.center .forecast {
	float: left;
	padding: 2px 37px 15px 0;
	width: 70px;
}


#footer div.wp-forecast-curr{
	display:none;
}
#footer div.wp-forecast-fc {
    float: left;
    margin: 10px 0;
	width:90%;
	border-bottom:1px dashed rgba(153,153,153,0.6);
}
#footer div.wp-forecast-fc-head {
	color: #508498;
	display: block;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 1em;
	text-align: center;
}
#footer div.wp-forecast-fc-oneday {
    float: left;
    margin: 1em 0 0;
    padding:0 4% 1em 4%;
	border-top:none;
    width: 25%;	
	border-left:1px dashed rgba(153,153,153,0.6);
}
#footer div.wp-forecast-fc-oneday:first-child {
	border:none;
}
#footer div.wp-forecast-fc-block {
    float: left;
	width:100%;
}
#footer div.wp-forecast-fc-left {
    float: left;
    font-style: italic;
    text-align: center;
    width: 60%;
}
#footer div.wp-forecast-fc-right {
    color: #707070;
    float: right;
    padding: 1em 0 1em 5%;
    text-align: left;
    width: 32%;
}
#footer img.wp-forecast-fc-left {
    height: auto;
    padding: 8px 2% 0 0;
    width: 40px;
}
#footer div.wp-forecast-curr-details {
    float: left;
    font-size: 11px;
    padding: 3px;
    text-align: left;
}
#footer img.wp-forecast-curr-left {
    padding: 0 2px 0 0;
    width: 22px;
}
#footer .wp-forecast-curr-head {
    display: none;
}



.dream-life {
	float:left;
	margin-top: 20px;
}
.dream-life img {
	float:left;
}
#footer h4 {
	width:100%;
}
#footer h4, #footer h5 {
	margin-bottom:15px;
	color:#165b7b;
	font-weight: 300;
	text-transform:uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.3em;
	float:left;
}
#footer h5 {
	margin: 22px 9px 0 0;
}
#footer .column.right {
	width:25%;
	float: right;
}
#footer .column .menu {
	float:left;
	margin-bottom:1em;
	margin-left:1em;
}
#footer .column .menu li {
	background:url(images/sitemap-divider.jpg) no-repeat right center;
	display: inline;
	font-weight: 300;
	margin-right: 5px;
	padding-right: 8px;
	line-height:1.4;
}
#footer .column .social {
	float:left;
	margin-bottom: 10px;
}
#footer .column .social li {
	display:inline;
	float:left;
	margin-right:2px;
}
#footer .column .social li a {
	display: inline-block;
	height: 32px;
	text-indent: -99999px;
	width: 32px;
}
#footer .column .social li a:hover {
	opacity:0.8;
}
#footer .column .social li a.facebook {
	background:url(images/facebook.jpg) no-repeat center left;
}
#footer .column .social li a.twitter {
	background:url(images/twitter.jpg) no-repeat center left;
}
#footer .column .social li a.pinterest {
	background:url(images/pinterest.jpg) no-repeat center left;
}
#footer .column .social li a.googleplus {
	background:url(images/googleplus.jpg) no-repeat center left;
}
#footer .column .social li a.tripadvisor {
	background:url(images/tripadvisor.jpg) no-repeat center left;
}
#footer .column .social li a.foursquare {
	background:url(images/foursquare.jpg) no-repeat center left;
}
/* =Copyright
-----------------------------------------------------------------------------*/
#mini-footer {
	margin-top: -17px;
	color:#204f6d;
	float:left;
	width:100%;
}
.el #mini-footer, .it #mini-footer, .fr #mini-footer, .ru #mini-footer{
	margin-top: -17px;
}
#mini-footer em {
	border-left: 1px solid #1eb9c7;
	font-style: normal;
	margin-left: 0.5em;
	padding-left: 0.5em;
}
.web-design {
	float:right;
}
.web-design a {
	background: url("images/webolution.png") no-repeat left bottom rgba(0, 0, 0, 0);
	bottom: 1px;
	display: inline-block;
	height: 19px;
	position: relative;
	text-indent: -9999px;
	width: 90px;
}
.web-design a:hover {
	background-position: left top;
}
/* =WordPress Code
-----------------------------------------------------------------------------*/
a.post-edit-link {
	color:#FF0000;
	letter-spacing:1px;
	font-family:"Courier New", Courier, monospace;
}


@media only screen and (max-width: 1120px) {
.wrapper, #nav .block {	
	width:980px !important;
}
ul#menu-main-navigation {
	margin-left:8.5em;
}
#quick-links{
	left:0;
}
#content-bottom .left h2{
	width:30%;
	top:0;
}
#content-bottom .left .text-wrapper .arrow{
	left:341px;
}
#content-right{
	overflow:hidden;
}
#content-right.inner{
	overflow:visible;
	width:53%;
	padding-right:3em;
}
#content-right img{
	padding-right:0;
	width:105%;
}
#header-image{
	overflow:hidden;
}
#header-image img, #sidebar .map img {
	width:100%;
}
#sidebar{
	margin-top:-5%;
}
#sidebar ul li {
	width:47%;
}
#sidebar ul li:nth-child(even) {
	margin-right:0;
}
#sidebar .map a.more-btn{
	bottom:20%;
}
#footer-logo{
	margin:3em 2em 0 1em;
}
}
@media only screen and (max-width: 979px) {
.wrapper {	
	width:750px !important;
}
#content-top{
	margin-top:3em;
}
#nav .block{
	width:100% !important;
}
#header{
	background-position:-700px 0;
	margin-bottom:-20px;
}
#header.inner{
	height:100px;
	margin-bottom:0px;
}
ul#menu-main-navigation {
    border-top: 3px solid #1A88AD;
	margin-left:0;
}
ul#menu-main-navigation li {
	display: block;
    width: 100%;
	float:left;
}
ul#menu-main-navigation li a {
    border-bottom: 1px solid #1A88AD;
    color: #fff;
    font-size: 1.25em;
    padding: 1em 1.75em;
	display:block;
}
ul#menu-main-navigation li.current-menu-item a, #menu-main-navigation li.current-menu-item a:hover {
    background: url("../../images/bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
ul#menu-main-navigation li ul{
	background:rgba(255,255,255,0.1);
}
ul#menu-main-navigation li ul li a{
	padding-left:2.5em;
}
#logo{
	left:9.5em;
}
#quick-links{
	right:4em;
	left:auto;
}
#qtranslate-chooser{
	left:8.5em;
}
#content-right{
	width:53%;
}
#main{
	width:47%;
}
#content-right #booking span, #content-right.inner #booking span{
	font-size:2.75em;
	left:14%;
	width:25%;
	top:14%;
}
#booking, #booking.home{
	padding-left:41%;
	height:46%;
	background-position:left top;
	padding-top:7%;
}
.inner #booking{
	background-position:0 -20px;
	margin-top:-3px;
}
.inner #booking hr{
	display:none;
}
.inner #booking .submit{
	bottom:19%;
}
.inner-curve{
	top:-3em;
	height:55px;
}
#content-right img{
	width:117%;
}
.form-box{
	width:41%;
}
#content-right h2{
	font-size:3em;
}
#booking .submit {
	width:170px;
	padding:0.5em 1em;
}
.weddings-box{
	width:38%;
	padding:37px 20px 23px;
}
#content-left-inner ul li{
	padding:0 1% 0 5%;
}
#content-bottom .left{
	width:60%;
}
#content-bottom .left .text-wrapper{
	top:22px;
	width:75%;
	background:rgba(255,255,255,0.9);
	padding:42px 3% 3.75em 3%;
}
#content-bottom .left a.more-btn{
	bottom:4.25em;
	left:1em;
}
#content-bottom .left .text-wrapper .arrow{
	left:337px;
}
#content-bottom .left h2{
	width:67%;
	top:35px;
	left:3%;
}
#content-left-inner ul.facilities li{
	width: 27%;
}
#content-bottom .left img{
	width:100%;
	height:auto;
}
#SkypeButton_Call_Vivere_1{
	position:relative;
	bottom:0;
	margin-bottom:-3em;
}
#content-left-inner{
	padding-left:2%;
	padding-right:2%;
}
#content.inner h1{
	font-size:1.75em;
}
#content-left-inner h2, #content-left-inner h3{
	font-size:1.25em;
}
#sidebar{
	margin-top:-5%;
}
#sidebar ul li{
	width:46%;
}
#sidebar .map a.more-btn{
	bottom:15%;	
}
#footer{
	padding-top:3em;
}
#footer-logo{
	margin:3em 0 0 0;
}
#footer .column.left{
	width:21%;
	padding-right:2%;
}
#footer .column.left .address{
	font-size:1.154em;
}
#footer .column.center{
	margin-left:2%;
	width:31%;	
}
#footer .column.right{
	width:28%;
}
#footer .column .menu{
	margin-left:0.5em;
}
#footer div.wp-forecast-fc{
	width:94%;
}
#footer div.wp-forecast-fc-left{
	width:53%;
}
#footer div.wp-forecast-fc-right{
	width:44%;
	padding-left:3%;
}
#footer img.wp-forecast-fc-left{
	width:100%;
}
.dream-life{
	margin-top:0;
}
.dream-life img{
	margin-top:0.75em;
}
#mini-footer, .it #mini-footer, .fr #mini-footer{
	margin-top:20px;
}
.ru #mini-footer{
	margin-top:5px;
}
#main{
	box-shadow:5px 7px 12px -8px #ccc;
}
#content-bottom .bottom-mask{
	margin-top:-4.5%;
}
#content-top hr + span{
	line-height:1.2;
}
#content-right.inner #booking span{
	left:
}
}
@media only screen and (max-width: 780px) {
#header{
	background-position:-770px 0;
}
}
@media only screen and (max-width: 749px) {
.wrapper {	
	width:590px !important;
}
#header{
	background-position:-880px 0;
}
#header.inner{
	height:88px;
	margin-bottom:-9px;
}
#header-image img{
	width:110%;
}
.inner-curve{
	height:41px;
	top:-2em;
}
#logo{
	left:5em;
}
#qtranslate-chooser{
	left:4em;
}
#content-right, #main, #content-left-inner, #sidebar, #content-bottom .left, .weddings-box{
	width:100%;
}
#main{
	box-shadow:0px 11px 15px -19px #333;
	-webkit-box-shadow:0px 11px 15px -19px #333;
}
#content-right{
	height:320px;
	margin-top:-5em;
}
#content-right.inner{
	height:90px;
	width:60%;
	margin-top:-5em;
}
#content-right img{
	width:100%;
	margin-top:-4em;
}
#content-right h2{
	bottom:1.5em;
}
#content-right em{
	bottom:2em;
}
#content-right span{
	background-size:100% auto;
	height:5em;
}
#booking.home{
	width:90%;
	right:0;
	height:215px;
	top:8%;
	background-size:100% auto;
}
#booking, #booking.home{
	padding-top:5%;
}
#content-right #booking span{
	width:29%;
}
#booking hr{
	bottom:50%;
	left:22%;
	width:70%;
}
#booking .submit{
	bottom:28% !important;
}
.inner #booking .submit{
	bottom:22% !important;
}
#content-bottom .bottom-mask{
	display:none;
}
#main .thumb-mask{
	width:100%;
}
#main ul#rooms li > a{
	display:block;
	float:none;
}
#content-bottom .left h2{
	width:32%;
	top:0;
}
#content-bottom .left .text-wrapper{
	top:4em;
	width:65%;
	background:#fff;
	padding-top:0.5em;
	padding-bottom:0.35em;
}
#content-bottom .left a.more-btn{
	bottom:0;
}
#content-bottom .left .text-wrapper .arrow{
	left:383px;
}
#content-bottom .left img{
	width:68%;
}
.weddings-box{
	background-size:102% auto;
	background-position:center center;
	font-size:1.231em;
	padding:1.5em 4em;
	line-height:1.4;
	border:26px solid #D7E1E0;
	margin-top:1.5em;
}
.weddings-box h3{
	margin-bottom:0.75em;
}
#content-right.inner #booking{
	padding-bottom:39%;
}
#content-right.inner #booking span{
	font-size:2.5em;
	left:15%;
}
#sidebar{
	margin-top:0;
}
#sidebar ul li{
	width:30.5%;
}
#sidebar ul li:nth-child(even){
	margin-right:1%;
}
#sidebar ul li a{
	float:none;
	display:block;
}
#sidebar .map p{
	font-size:1.077em;
	line-height:1.4;
}
#sidebar .map a.more-btn{
	bottom:26%;
}
#footer{
	height:auto;
	background-size:auto 120%;
}
#footer .column.left{
	width:30%;
}
#footer .column.center{
	width:47%;
	border-right:none;
}
#footer .column.right{
	width:90%;
	margin:1em 5% 2em 0;
	padding-top:1.5em;
	border-top:1px solid #ccdbe2;
}
#footer .column.right .box{
	width:44%;
	padding:0 2% 0 4%;
	float:left;
}
#footer .column.right .box:first-child{
	border-right:1px solid #ccdbe2;
	margin-right:-1px;
	padding-left:0;
	width:48%;
}
#footer .column .menu{
	margin-left:0;
}
#mini-footer{
	text-align:center;
	background:#fff;
	padding:1em 0;
}
.copyright{
	display:block;
	margin-bottom:0.75em;
}
.web-design{
	float:none;
}
}
@media only screen and (max-width: 589px) {
.wrapper {	
	width:470px !important;
}
#header{
	background-position:-980px 0;
}
#header-image img{
	width:130%;
}
#logo{
	left:3em;
}
#qtranslate-chooser{
	left:2em;
}
#quick-links{
	right:1em;
}
#booking.home{
	top:7%;
	width:88%;
}
#booking .submit{
	bottom:30%;	
}
#content-right #booking span{
	font-size:2.5em;
	width:31%;
}
#content-bottom .left img{
	width:100%;
}
#content-bottom .left .text-wrapper{
	width:71%;
	padding-top:3.5em;
	top:3.25em;
}
#content-bottom .left h2{
	top:3em;
	width:67%;
}
#content-bottom .left .text-wrapper .arrow{
	left:333px;
}
#content-bottom .left a.more-btn{
	bottom:0.25em;
}
.weddings-box{
	border-width:23px;
}
#content-left-inner{
	padding-top:4%;
}
#content-right.inner{
	width:70%;
}
.inner .form-box{
	width:45%;
}
#content-right.inner #booking span{
	width:28%;
}
#mini-footer em{
	display:block;
	border:none;
}
#content-left-inner .column, #content-left-inner .column + .column{
	width:100%;
	margin-bottom:1em;
}
#contact-form li{
	width:100%;
}
#content-left-inner .column ul .address{
	min-height:3.25em;
}
#SkypeButton_Call_Vivere_1{
	margin-bottom:0;
	position:absolute;
	top:27%;
	right:36%;
}
#sidebar .map a{
	display:block;
}
#footer-logo{
	margin:3em 4em 0;
}
#footer .column.left{
	border:none;
	width:52%;
	margin-bottom:2em;
}
#footer .column.center, #footer .column.right{
	width:80%;
	padding-left:7%;
	padding-top:1.5em;
	margin-left:6%;
	border-top:1px solid #ccdbe2;
}
#footer .column.right{
	margin-right:0;
	float:left;
}
#footer .column.right .box, #footer .column.right .box:first-child{
	width:100%;
	border:none;
}
#footer .column.right .box:last-child{
	margin-left:0;
	padding-left:0;
	padding-top:1em;
}
}
@media only screen and (max-width: 469px) {
.wrapper {	
	width:310px !important;
}
#header {
    background-position: -1090px 0;
	height:100px;
	margin-bottom:-5px;
}
#logo img{
	width:82%;
}
#qtranslate-chooser{
	right:0.5em;
	left:auto;
	top:2.5em;
}
#quick-links{
	right:0;
}
#quick-links li{
	padding:0;
	margin:0;
}
#quick-links a{
	display:block;
	float:left;
	text-indent:-999px;
	margin-right:0.5em;
	width:1em;
	background-position:center center !important;
}
#content-right{
	height:auto;
	margin-top:-4em;
}
#content-right #booking span, #content-right.inner #booking span{
	float:left;
	position:static;
	width:94%;
	font-size:2em;
	text-align:center;
	text-indent:4px;
	margin-bottom:0.5em;
}
#content-right.inner #booking, #booking.home{
	padding-left:6%;
	padding-top:7%;
	width:100%;
	top:3%;
	height:181px;
	background-size:auto 119%;
	background-position:-94px 0;
}
#booking .submit{
	bottom:7% !important;
	left:25%  !important;	
}
.inner #booking .submit{
	bottom:-9% !important;
}
#booking hr, #content-bottom .left .text-wrapper .arrow{
	display:none;
}
#content-bottom .left .text-wrapper{
	padding-bottom:2em;
}
#content-bottom .left .text-wrapper p{
	display:none;
}
#content-right h2{
	bottom:1.5em;
	font-size:2.375em;
}
.el #content-right h2, .fr #content-right h2, .ru #content-right h2{
	bottom:1.875em;
	font-size:2.35em;
}
#content-right em{
	bottom:1em;
}
.form-box{
	width:45%;
}
#main ul li{
	width:50%;
}
.weddings-box{
	border:none;
	padding:1em;
	background-size:auto 100%;
	font-size:1.07em;
}
.weddings-box h3{
	font-size:1.375em;
}
#content-right.inner{
	width:100%;
	padding:0;
	margin-top:-5em;
}
#content-right.inner #booking{
	padding-top:16%;
}
.inner #booking .submit{
	bottom:-9%;
}
#header-image img{
	width:265%;
}
#content-left-inner{
	padding-top:5%;
}
#content-left-inner ul li{
	width:90%;
	padding-left:9%;
}
#sidebar ul li{
	width:46%;
}
#sidebar .map a.more-btn{
	bottom:19%;
}
#SkypeButton_Call_Vivere_1{
	right:12%;
}
#footer-logo{
	margin:3em 1em;
}
#footer .column.center, #footer .column.right{
	width:94%;
	margin-left:0;
}
#mini-footer em{
	margin:0;
	padding:0;
	border:none;
}
}
a.store:hover{
	opacity:0.7;
}

.camera_widget{
	margin-top:40px;	
}