* {
	margin: 0;
	padding: 0;
}
html, *	{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-repeat: no-repeat;
}
div, header, nav, main, footer, section, article, hr, .bb {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
table {
	border-spacing: 0
}
th,td {
	vertical-align: top;
	padding: 0.2em 0.3em;
}
div {
	display: block;
	transition: all 500ms ease-in-out;
}
ul {
	margin-left: 1em;
}
.clear {
	width: 100%;
	clear: both
}
.clearfix::before,
.clearfix::after {
	content: " ";
	display: table;
}
.clearfix::after {
	clear: both;
}
a, a::before {
	transition-duration: 0.3s;
	transition-timing-function: ease;
}
a::after {
	transition-duration: 0.15s;
	transition-timing-function: ease;
}
a, a:link, a:visited {
	text-decoration: none;
	color: inherent;
}
a.extern_link:link {
	color: darkblue;
}
:root {
	--color-text: #333333;
	--color-light-back: #e2f0ff; /* #f7fbff */
	--color-middle-back: #d9ecff;
	--color-back: #b6dbff;
	--color-back-dark: #3399FF; /* 51,153,255 */
	--color-dark-green: #3c473d;
	--color-middle-green: #4E8046;
	--color-orange-2: #ffc89f;
	--color-orange-3: #ffc499;
	--color-green-2: #acff9f;
	--color-green-3: #82fe6e;
	--color-light-red: #ffdadd;
	--color-light-blue: #dafffb;
	--color-light-orange: #ffeada;
	--color-light-grey: #dddddd;
	--color-yellow: #ffedb1;
	--color-orange: #ffcb7f;
}
/* ----- generic end ----- */

/* ----- main fields start ----- */
body {
	font: normal 16px/1.6 verdana, arial, helvetica, sans-serif;
	color: var(--color-text);
	height: 100%;
	text-align: left;
	background-color: var(--color-back);
}
.container {
	width: 100%;
	position: relative;
	text-align: left;
}
.container.padd1 {padding: 10px 30px;}
.service-list {padding: 0 0 30px;}

.toppage {
	height: 38vh;
	min-height: 300px;
	background-image: url('../images/layout/header/hompage-entrance-1920.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
	max-height: 350px;
}
.homepage .toppage		{background-image: url('../images/layout/header/hompage-entrance-1920.jpg'); min-height: 100vh; max-height: 100vh;}
.granadapage .toppage	{background-image: url('../images/layout/header/granada-alhambra-1920.jpg');}
.hotelpage .toppage		{background-image: url('../images/layout/header/hompage-garden-1920.jpg'); background-position-y: top;}
.ferreirolapage .toppage	{background-image: url('../images/layout/header/ferreirola-alpujarra-1920.jpg');}
.offerpage .toppage		{background-image: url('../images/layout/header/offer-wandergruppe-1920.jpg'); min-height: 500px; background-position-y: top;}

.gcpage .toppage,
.linkspage .toppage,
.bookingpage .toppage,
.contactpage .toppage	{background-image: url('../images/layout/header/hompage-entrance-1920.jpg'); background-position: center; min-height: 400px; max-height: 400px;}

.frame {
	padding: 0 13% 0 20px;
	margin: 0 auto 0;
	max-width: 1550px;
	width: 100%;
	clear: both;
}

.berg {
    background-position: bottom right;
    height: 100%;
    background-size: 38%;
}
.arrivalpage .berg {
	background-image: url(../images/graphic/mulhacen-back.svg);
}
.homepage .service-list .wrapper {
	max-width: 1100px;
}
#header	{
	text-align: center;
}
.info-up #header	{
	height: 500px;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('../images/layout/background-pool2.jpg');
	background-position: center center;
}

.backwhite	{background-color: white;}
.backlblue	{background-color: var(--color-light-back);}
.backmblue	{background-color: var(--color-middle-back);}
.backback	{background-color: var(--color-back);}
.backyellow	{background-color: var(--color-yellow);}
.backorange	{background-color: var(--color-orange);}


#header .innerheader {
	max-width: 1550px;
	margin: 0 auto;
}
.todo-distance-large {
	padding-top: 70px;
	padding-bottom: 70px;
}
.todo-distance-big {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}
.todo-distance-normal {
	padding-top: 25px;
	padding-bottom: 25px;
}
.homepage #header	{
	width: 100%;
	min-height: 93vh;
	text-align: center;
	margin: 5vh auto 1vh;
	padding: 0 15px;
}
.wrapper-main {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px 10px;
}
.wrapper-full,
.wrapper-monitor,
.wrapper-wide,
.wrapper-tablet,
.wrapper-text {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
}
.wrapper-monitor {
	max-width: 1680px;
}
.wrapper-wide {
	max-width: 1000px;
}
.wrapper-tablet {
	max-width: 800px;
}
.wrapper-text {
	max-width: 640px;
}
.gradient-dark-white {
	background: -moz-linear-gradient(var(--color-back), white);
	background: -webkit-linear-gradient(var(--color-back), white);
	background: linear-gradient(var(--color-back), white);
}
.gradient-white-dark {
	background: -moz-linear-gradient(white, var(--color-back));
	background: -webkit-linear-gradient(white, var(--color-back));
	background: linear-gradient(white, var(--color-back));
}
.mulhacen-light,
.mulhacen-dark {
	background-image: url(../images/graphic/mulhacen-dark-blue.svg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
}
.mulhacen-light {
	background-image: url(../images/graphic/mulhacen-light-blue.svg);
}

/* ----- main fields end ----- */
img	{
	border: 0;
	font: normal 0.85em/0.95em;
	max-width: 100%;
	height: auto;
	width: auto;
}
h1 {
	font-weight: bold;
	font-size: calc(1.8rem + 3vw);
	line-height: 2;
	font-family: Times, serif;
	text-align: center;
	margin: 0px 0 8px 0px;
	color: #3c473d;
}
h2 {
	font-weight: 500 !important;
	font-size: calc(1.7rem + 1vw);
	font-family: Times, serif;
	text-align: center;
	margin-bottom: 16px;
}
.gcpage h2 {font-size: calc(1.1rem + 1vw);}
h3 {
	font-weight: bold;
	font-size: 20px;
	text-align: left;
	margin: 12px 0 8px;
}
#footer h3 {
	margin-top: 0;
}

p {
	text-align: left;
	margin-bottom: 10px;
}
hr {
	border-top: 1px solid #aaa;
	border-bottom: none;
	margin: 0 auto;
}
.hr-review {margin: 32px auto;}


.greenbackblur {
	background-color: rgba(223,255,218,0.95);
	box-shadow: 0 0 10px 10px rgba(223,255,218,1);
	border-radius: 10px;
	border: 1px solid rgba(223,255,218,0.9);
}

.colorlight {color: #555555;}
.colorblue {color: #0779BF;}
.colormgreen {color: #4E8046;}
.colordgreen {color: #3c473d;}

.tamiddle	{text-align: center;}
.taleft		{text-align: left;}
.tacenter	{text-align: center;}
.taright	{text-align: right;}
.inset		{margin-left: 80px;}
.vattop		{vertical-align: super;}
.normal		{font-style: normal;}
.ttfup		{text-transform: uppercase;}
.autocenter	{margin-left: auto; margin-right: auto;}
.nomargin	{margin: 0 !important;}


.smalltext	{font-size: 0.85em; line-height: 1.2;}
.bigtext	{font-size: 1.3em; line-height: 1.4;}
.flleft 		{float: left;}
.flright	{float: right;}

.icon {width: 16px;}
.icon24 {width: 24px;}
.icon32 {width: 32px;}
.icon48 {width: 48px;}
.icon64 {width: 64px;}


/* [flex] */
.flexgrid {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	align-items: stretch;
}
.flexgridbtw, .flexgridsar, .flexgrid2wrap, .flexgrid2Pwrap, .flexgrid3wrap, .flexgrid3Pwrap, .flexgrid4wrap, .flexgridfunc, .flexgrid3wrap450 , .hero-header, .inputname2wrap, .flexgrid2wrapC, .divflex, .facility-item, .top-booking .rowbook .bookcolumn {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	align-items: stretch;
}
.flexgridsar {
	justify-content: space-around;
	-webkit-justify-content: space-around;
	-ms-justify-content: space-around;
}
.grid21	{width: 38.2%;}
.grid22	{width: 61.8%;}
.grid2	{width: 50%;}

.grid2l	{width: 50%; padding-left: 2%; padding-right: 5%; text-align: right;}
.grid2r	{width: 50%; padding-left: 5%; padding-right: 2%;}
.grid2m	{width: 44%;}
.grid3	{width: 33%;}
.grid3m	{width: 31%;}
.grid4	{width: 23.5%;}
.grid4m	{width: 24%;}
.gridf	{width: calc(50% - 15px); margin: 8px 0;}

.roomgrid {
	padding-bottom: 20px;
    max-width: 1300px;
    margin: auto;
}
.roomgrid > div {
	width: 23%;
	position: relative;
	padding-bottom: 4.2em;
	/*! background-color: #bbbbbb; */
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.roomgrid > div:hover {
	box-shadow: 0 0 9px rgba(0,0,0,0.3);
}
.roomgrid > div > span {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: var(--color-yellow);
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
	line-height: 2;
	/*! padding-bottom: 5em; */
}

.featurelist .icon {margin-right: 1em; margin-left: 0.3em; width: 28px;}
.featurelist .icon img {width: 24px; display: inline-block;}
.featurelist .text {width: calc(100% - 1.5em - 28px);}

#facilities .facility-grid > div {width: 26%;}
#facilities .facility-grid > div > div {max-width: 230px; margin: 0 auto;}
.activities #facilities .facility-grid > div {width: 25%;}
.activities #facilities {
	color: #222222;
	background: url('../images/finca/fincanino-pool-with-sunbath.jpg') no-repeat right top;
	background-size: 80% auto;
	margin: 0 0 50px auto;
}
.imggrid3w img {
	width: 33%;
	padding: 20px 0;
}

.picleft {
	float: left;
	margin-right: 2.5%;
	margin-top: 15px;
	margin-bottom: 15px;
}
.picright {
	float: right;
	margin-left: 2.5%;
	margin-top: 15px;
	margin-bottom: 15px;
}
img.piccenter {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}
.pichalfl {
	width: 48%;
  margin-right: 1.5%;
}
.pichalfr {
	width: 48%;
	margin-left: 1.5%;
}
.pdf32 {height: 32px !important;}
.pdf48 {height: 48px !important;}
.youtube24 {
	height: 24px;
	padding-right: 2%;
}
.video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
a.nounder:link {
	text-decoration: none;
}
a:link {
	font-weight: normal;
	text-decoration: none;
	color: inherit;
}
a:hover,
a:active {
	color: #111111;
}
ul.ulleft {
	text-align: left;
	margin: 20px;
}
.ulwide li {
	margin-bottom: 0.5em;
}
.blocktext {
	margin-bottom: 15px;
	max-width: 100%;
}
.divnotetext {
	padding: 50px 35px 20px 35px;
	display: block;
}
.divnotetextsm {
	padding: 30px 7% 20px 10%;
	display: block;
}
.divnotetextsm p {
  line-height: 1.55em;
}
.divnote_rosa {
	width: 400px;
	height: 400px;
	background: url(../images/layout/note_rosa_orange.jpg) no-repeat left top;
}
.divnote_birds {
	width: 260px;
	height: 260px;
	background: url(../images/layout/note_birds.png) no-repeat left top;
}
.divnote_wedding {
	width: 240px;
	height: 240px;
	background: url(../images/layout/note_wedding2.png) no-repeat left top;
}
.divnote_break {
	width: 200px;
	height: 163px;
	background: url(../images/layout/note_break.png) no-repeat left top;
}


/* div header start */
.intro {
	text-align: left;
	padding: 2vh 1.5vw;
	color: #ffffff;
	background-color: rgba(0,0,0,0.35);
	display: inline-block;
	float: left;
	max-width: 600px;
	margin-bottom: 2vh;
}
.intro p {text-shadow: 0 0 2px rgb(0, 0, 0);}
.intro h1 {
	text-align: left;
	max-width: 62%;
}
.intro svg {
	fill: #ffffff;
	stroke: #ffffff;
}
.intro .service {
	font-size: calc(16px + 0.9vw);
	text-align: left;
	margin-bottom: 40px;
	line-height: 1.35;
	text-shadow: 1px 1px 102px rgba(250,250,250,0.8);
	display: inline-block;
}
.intro .service a {
	padding: 5px 0;
	color: #ffffff;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
}
.subtitle {
	font-size: 20px;
	margin-bottom: 120px;
}
#logoimg  {
  float: left;
  height: auto;
  max-width: 180px;
  width: 25%;
  margin: -60px auto 0 20px;
	animation: dropdownlogo 1s ease-out;
}
#logotext  {
  margin: 20px 2% 5px;
  max-width: 447px;
  width: 68%;
}
#logo {max-width: 180px; width: 15%; position: relative; left: 3%; top: 10px;padding-bottom: 35px;min-width: 90px;}
#logo > a img {width: 80%}

#website-title {
	color: #ffffff;
	/*! max-width: 62%; */
	text-align: center;
	margin: -130px auto 0;
	animation: enhance 1.3s ease-out;
	text-shadow: 1px -1px 1px rgba(0,0,0,0.2), 1px 1px 1px rgba(0,0,0,0.2), 0px 0px 3px rgba(0,0,0,0.5), -5px 5px 10px rgba(0,0,0,0.5);
	display: inline-block;
}
.homepage #website-title {
	margin-top: 1.5vh auto 0;
}
#website-title h1 {
	color: #ffffff;
	line-height: 0.8;
	padding: 0 2rem;
}
#website-title h1 span {
	/*! padding: 0 2rem; */
	font-size: calc(1.6rem + 3vw);
}
#website-title p {
	font-size: calc(0.8rem + 1.5vw);
}
.homepage #website-title h1 span {
	font-size: calc(2rem + 5vw);
}

#website-name {
	display: inline-block;
	position: relative;
	background: url(../images/layout/title-finca-del-nino-plus.png) no-repeat top left;
	background-size: 100% auto;
	min-height: 100px;
	max-width: 400px;
	width: 90%;
	font-family: times, serif;
	margin-top: 5px;
	font-size: 20px;
}
#website-name span {
	position: absolute;
	left: 0;
	right: 0;
	top: 55px;
	border-top: 1px solid #3c473d;
	max-width: 220px;
	margin: 0 auto;
	padding: 0 1rem;
	animation: enhance 1.3s ease-out;
}
.homepage .service-picture {
	position: relative;
	padding: 20px;
	/*! height: 50%; */
	margin-top: 1.5rem;
}
.homepage .service-picture::before {
	content: url('../images/graphic/ecke-oben.svg');
	height: 100px;
	width: 100px;
	position: absolute;
	top: 0;
	right: 0;
}
.homepage .service-picture::after {
	content: url('../images/graphic/ecke-unten.svg');
	height: 100px;
	width: 100px;
	position: absolute;
	bottom: 8px;
	left: 0;
}

.homepage .reviews {
	background: url(../images/photos/alpujarra/sierra-navada-flowering-meadow-1920.jpg) no-repeat top center;
	background-size: cover;


}

/* ----- navigation bar start ----- */
.gap {padding: 10px 15px 0 0 ;}
#topnav	{z-index: 10; float: right;}
#topnav	p {margin: 0;}
#topnav	a.menu {
	color: #3c473d;
	padding: 20px 20px 0 0;
	display: inline-block;
}
#topnav a.menu {
	color: #ffffff;
	padding: 18px 10px 14px 5px;
	background-image: url('../images/graphic/cloud.svg');
	fill: var(--color-back-dark);
	background-size: 100% auto;
	background-repeat: no-repeat;
	width: 96px;
	height: 65px;
}
.hamburg {
  display: inline-block;
  width: 20px; height: 16px;
  position: relative;
}
.hamburg .line {
  position: absolute;
  left: 0px;
  height: 3px;
  width: 20px;
  background: #ffffff;
  border-radius: 2px;
  display: block;
  transition: 0.5s;
  transform-origin: center;
}
.whiteheader .hamburg .line,
.homepage .hamburg .line {background: #ffffff;}
.line:nth-child(2) {top: 8px;}
.line:nth-child(3) {top: 16px;}

.navlang {
	/*! position: absolute; */
	/*! right: 160px; */
	bottom: 0px;
	width: 100%;
}
.navlist .navlang {
	position: relative;
}
.navlang ul li {
	list-style-type: none;
	float: left;
	margin-left: 10%;
	max-width: 36px;
	width: 20%;
}
.navlang a {
	width: 30%;
	max-width: 36px;
}

/* div navigation bar start */
.navlist	{
	width: 100%;
	text-align: left;
	margin-left: 0;
}
.ulnav {
	margin-left: 0;
}
.navlist li	{
	list-style-type: none;
}
.navlist a	{
	color:#333333;
	text-decoration: none;
	display: block;
	line-height: 1.54em;
	width: 100%;
	padding: 10px 10% 10px 4%;
	font-weight: normal;
	/*! border-bottom: 1px dashed #aaa; */
	transition: all ease 250ms;
}

.navlist a.nava1	{font-size: 18px; padding-left: 4%;}
.navlist a.nava2	{font-size: 16px; padding-left: 10%;}
.navlist a.nava3	{font-size: 16px; padding-left: 16%;}
.navlist a.nava1:hover,
.navlist a.nava2:hover {background-color: #d2ffcb;}
.navlist a:link,
.navlist a:visited,
.navlist a:active {color: #213322;}
.navlist a:hover {
	color: #000000;
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	z-index: 12;
}
.navlist a.navabooking 	{
	background: #ffda9f !important;
	color: #333333 !important;
}
.navlist a.act {background-color: #c6ffbd;}
#topnav .navlist a.act,
#topnav .navlist a:hover {
	color: #000000;
	background-color: var(--color-back-dark);
	z-index: 1001;
}
.navlist a.nodis {display: none;}

#topnav .navlist {
	position: absolute;
	right: 0;
	width: auto;
	background-color: rgba(51,153,255,0.95);
	z-index: 1000;
	max-width: 330px;
}
.homepage #topnav .navlist {
	background-color: rgba(51,153,255,0.85);
}
#topnav .navlist a {
	color: #ffffff;
}


#proaspectonav {
	padding: 20px 0;
	margin-right: 2%;
	text-align: right;
	font: normal 9pt/9pt verdana, ariel, helvetica, sans-serif;
	display: block;
	float: right;
}
#proaspectonav img {margin-top: 3px;}
/* div navigation bar end */

/* div footer end*/
#footer {
	width: 100%;
	background-color: #777777;
	color: #ffffff;
	clear: both;
	padding: 30px 0 15px;
}
.fincagate {
	width: 100%;
  max-width: 960px;
  position: relative;
  margin: auto;
}
#footer .inner {
  padding: 1.5em 20px 5px;
 width: 100%;
  max-width: 1280px;
  position: relative;
  margin: auto;
  text-align: left;
}
#footer .grid4 {
	padding-bottom: 1.5rem;
}
#footer .grid4 ul {
	margin-left: 0;
}
#footer li {
	list-style-type: none;
}
#footer li a {
	display: block;
	width: 100%;
	list-style-type: none;
	padding: 0.5em 10px;
}
#footer li a:hover, #footer li a.act {
	background-color: rgb(252,252,252);
	color: #222222;
}
#footer p {
	font-size: 0.8em;
	line-height: 2;
	text-align: left;
	margin-bottom: 10px;
}
#footer a:link, #footer a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
}
#footer .pad {padding: 0.5em 10px;}

#footer .navban img {max-width: 48px; padding: 20px 10px 0 0;}

/* div footer end*/

/* specific homepage index page start */
#mainimg {
  max-width: 800px;
  width: 62%;
}
#indexgate {
  width: 62%;
  text-align: center;
  margin: -150px 0 10px auto;
  background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	-o-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-ms-behavior: url(../polyfill/backgroundsize.min.htc);
  float: right;
  background-image: url(../images/layout/index-finca-puerta.jpg);
  z-index: -1;
  shape-outside: polygon(88.65% 1.96%, 99.87% -0.98%, 99.73% 99.11%, 79.67% 99.20%, 89.77% 33.19%);
}
#indexgate:hover	{background-image: url(../images/layout/index-finca-patio2.jpg);}
#picindexhea	{margin-left: 180px;}
#piclogo		{margin: 0px; text-align: center;}
#indexcopy h2	{font: normal 0.8em/2em verdana, ariel, helvetica, sans-serif; text-align: center;}

.gallery-wrapper {max-width: 1700px; padding: 10px 0; margin: 30px auto;}

.gallery-largevilla .imggal {width: calc(16.666666% - 4px);}

.galintro {display: none;}
.intro .icon, .intro .icon svg, .icon32 svg, .icon32, .icon32list {height: 32px;}
.icon32list {margin-right: 20px;}
.icon40 svg, .icon40 {height: 40px;}
.icon48 svg, .icon48 {height: 48px;}
.facility {margin: 40px auto;}
.facility h3 {text-align: center;}
.facility .content {width: 80%; margin: 0 auto;}
.facility .icon {fill: #777777; width: 32px; margin: 0 auto;}
.activities .facility .icon img {width: 100%;}
.imgop {opacity: 0.7;}
.activities .facility {margin: 20px auto;}
.activities #facilities h3 {padding-top: 20px;}
.activities #facilities .facility-grid {border-bottom: 1px solid orange;}
.activities #facilities .facility-grid:last-of-type {border-bottom: none;}

.facility .svg-terrace {fill: orange;}
.facility .svg-bed {fill: #be7100;}
.facility .svg-pool {fill: #0283ff;}
.facility .svg-tennis {fill: #05b805;}
.facility .svg-teapot {fill: #de0000;}
.facility .svg-sofa {fill: #777777;}
/**/
.service-list hr {max-width: 1300px; padding: 0 20px;}
.service-picture {width: 45%;}
.service-picture img {width: 100%;}
.service-info {width: 38%;}
.prices .main-service {background-color: #ffffff;}
.main-service .service-info {width: 55%;}
.accommodation-info .service-picture {width: 42%;background-size: cover;background-position: center center;}
.service-list .service-info .booker {height: 50px;}
.accommodation-info .service-info {width: 58%; padding: 20px; background-color: rgba(255,255,255,0.9);}

.service-description {padding: 0 2rem; /*! width: 70%; */ min-height: 210px;}
.house-offer .service-description {padding: 0; width: 100%; min-height: auto;max-width: none;}
.accommodation-info .service-info .facilities {text-align: center; padding-top: 20px;}
.homepage .service-description {min-height: 180px;}

.service-description h2,
.service-description h2 a,
.service-description h2 a:link {color: #333333;}
.service-description > div {max-width: 600px;}
.house-offer .service-description > div {max-width: none;}
.main-service .service-description .facilities img {height: 32px; opacity: 0.8;}
.house-offer .service-description .facilities img {height: 18px; opacity: 0.8;}
.house-offer .service-description .facilities span span {margin: 0 12px 0 7px; font-weight: bold; padding-bottom: 3px;vertical-align: top;}
.house-offer .service-description .facilities span {display: inline-block;}
.price-info {position: relative; width: 30%; line-height: 2;font-size: 14px;}
.price-info > div {position: absolute; bottom: 0; left: 0; right: 0;}
.price-info hr {max-width: 160px; margin: 0.5rem auto;}
.price {font-size: 20px; font-weight: 600;}
/* specific index page end */


/* pages */
.texthalf {
	max-width: 500px;
	padding: 50px 3%;
	margin-right: auto;
	margin-left: auto;
}
.textcenter {
	margin-right: auto;
	margin-left: auto;
}
.textmiddle {
	/*! padding-top: 50%; */
	transform: translateY(-50%);
	position: relative;
	top: 50%;
}
.photohalf  > div {
	min-height: 30vw;
	/*! max-height: 100vh; */
}
.photo-back-full {
	height: 100%;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;

}

.back-granada	{background-image: url('../images/photos/granada/granada-barrio-albaycin.jpg');}
.back-alhambra	{background-image: url('../images/photos/granada/alhambra-patio-de-leones-6686-lutz-dausend.jpg');}

.back-ferreirola {background-image: url('../images/photos/alpujarra/ferreirola-typical-street-960.jpg');}
.back-scenery	{background-image: url('../images/photos/alpujarra/alpujarra-scenery-in-spring-960.jpg');}
.back-hiking	{background-image: url('../images/photos/alpujarra/wanderwege-sierra-nevada-960.jpg');}

.back-roofs {background-image: url('../images/photos/alpujarra/alpujarra-the-roofs-white-village-ferreirola-960.jpg');}
.back-ferreirola2 {background-image: url('../images/photos/alpujarra/sierra-nevada-ferreirola-866.jpg');}
.back-garden	{background-image: url('../images/photos/bed-and-breakfast/casa-rural-garden-and-rooms-960.jpg');}
.back-kitchen	{background-image: url('../images/photos/bed-and-breakfast/casa-rural-kitchen-for-guests-960.jpg');}
.back-breakfast	{background-image: url('../images/photos/bed-and-breakfast/casa-rural-breakfast-table-900.jpg');}
.back-salon		{background-image: url('../images/photos/bed-and-breakfast/casa-rural-salon-with-chimnea-960.jpg');}
.back-garden2	{background-image: url('../images/photos/bed-and-breakfast/casa-rural-garden-and-rooms-2-960.jpg');}

.gallery div {width: calc(20% - 5px);}
.gallery.gallery-alpujarra div {width: calc(25% - 10px);}
.ferreirolapage .gallery .galsmimg:nth-of-type(6) {display:none;}
.clicktext {margin-left: 0.5em;}

.arrivalbox > div {
	width: 45%;
}
.arrivalbox > div:nth-of-type(2) {
	margin: 50px 0 -50px;

}
.infobox {
	width: 100%;
	padding: 20px 1.5em;
	background-color: rgba(250,250,250,0.9);
	margin-bottom: 2em;
	border-radius: 8px;
	box-shadow: 1px 1px 8px rgba(0,0,0,0.3);
	position: relative;
}
.offerpage .infobox:nth-of-type(2) {
	margin-top: 120px;
}
.offerpage .infobox:nth-of-type(3) {
	margin-top: 60px;
}
.logosvg {
	background-size: 100%;
	background-position: right 10%, top -20px;
	width: 150px;
	height: 100px;
	display: inherit;
	position: absolute;
	top: -30px;
	right: 10%;
}
.logotag.logosvg {
	width: 280px;
	height: 150px;
	background-position: right top;

	margin-right: -40px;
	margin-top: -20px;
	max-width: 80%;
}
.featurelist {

	/*! background-color: white; */
	padding-bottom: 0.8em;
	margin-left:  0;
}
.featurelist li {
	list-style-type: none;
	padding: 6px 15px;
	border-radius: 20px;
	margin-bottom: 0px;
}
.featurelist li:nth-of-type(2n + 1) {
	background-color: white;
}
.featurelist li:nth-of-type(2n) {
	background-color: var(--color-light-grey);
}
.featurelist li:hover {
	z-index: 5;
  box-shadow: 0 0 9px rgba(0,0,0,0.3);
}
.logairplane {
	background-image: url('../images/graphic/airplane.svg');
}
.logocar {
	background-image: url('../images/graphic/car.svg');
}
.logobus {
	background-image: url('../images/graphic/autobus.svg');
}
.logomap {
	background-image: url('../images/graphic/general-map.svg');
	top: -53px;
}
.logobackpack {
	background-image: url('../images/graphic/backpack.svg');
}
.logotag {
	background-image: url('../images/graphic/tag2021.svg');
}

.presentation > div {
	min-height: 400px;
	margin-bottom: 50px;
	position: relative;
	overflow: hidden;
}
.presentation > div > img {
	position: absolute;
	top: 0;
	bottom: 0%;
	right: 0;
	max-width: 90%;
}
.txtinfo {
	width: 45%;
	max-width: 430px;
	background-color: rgba(255,255,255,0.9);
	padding: 20px 4% 12px;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
	border-radius: 8px;
	/*! margin-top: -90px; */
}
.offer {padding: 20px 0 0; min-height: 302px; background-image: url('../images/photos/alpujarra/scenery-with-hiking-group-336.jpg');background-position: center 90px;background-size: 336px 252px;}
.homepage .offer {padding: 20px 0 0; /*! min-height: 252px; */ background-position: top right; background-size: 336px 252px;}
.offer .txtinfo:first-of-type {margin-top: 10px;}
.homepage .offer .txtinfo {width: 54%;margin-top: 30px;}
.offer .txtinfo:nth-of-type(2) {margin: 140px 0 0 auto;}
.offer-two .txtinfo:nth-of-type(2) {margin-top: 190px;}
.offer .txtinfo:nth-of-type(3) {margin-top: -90px;}
.txtinfo1 {top: 50%; left: 0;}
.txtinfo2 {top: 5%; left: 0;}
.txtinfo3 {bottom: 5%; right: 0;}
.txtinfo4 {bottom: 25%; left: 0;}
.txtinfo5 {bottom: 25%; right: 0;}

.presentation .txtinfo {
	position: absolute;
}

/* specific holiday start*/
.pholidayright {
	background: transparent url(../images/sun-bg.gif) no-repeat left center;
}
.pholidayleft {
	background: transparent url(../images/sun-bg.gif) no-repeat right center;
}
.youtube {
	width: 100%;
	max-width: 640px;
	height: auto;
}
.holiday-offer {
 margin: 50px 0;
	background-repeat: no-repeat;
	background-position: top left;
}
.house-offer {
	margin: 10px 0 50px;
	background-repeat: no-repeat;
	background-position: center right;
	background-size: 80% auto;
	box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.15);
}

.main-facilities {max-width: 768px; margin: 0 auto; background-image: url('../images/layout/background-pool.jpg'); background-position: bottom left; background-size: 100% auto; padding-bottom: 360px !important;}
.facility-item {min-height: 48px; margin-bottom: .5rem;}
.facility-item p {width: calc(100% - 60px);}
#facilities span.icon {display: inline-block; margin-right: 20px;margin-bottom: 20px;}
#facilities span.icon img {width: 40px;}

/* make youtube ifram responsive */
.hs-responsive-embed {position: relative; height: 0; overflow: hidden; padding-top: 0; padding-left: 0; padding-right: 0;}
.hs-responsive-embed iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}
.hs-responsive-embed {padding-bottom: 56.25%;}
.villacapacity > div {margin: 0 auto; text-align: center;}
/* specific holiday end*/

/* specific painting tutor start */
.tutor-portrait img {line-height: 0.8em; margin-top: -120px; float: right; shape-outside: circle(74.84% at 51% -25%); -webkit-shape-outside: circle(74.84% at 51% -25%); width: 200px; height: 200px; border-radius: 50%;display: inline-block;box-shadow: 1px 1px 14px 2px rgba(0,0,0,0.2);}
.review-article .tutor-portrait img {margin: 10px 0 10px 10px; shape-outside: ellipse(53.36% 51.14% at 50% 50%); -webkit-shape-outside: ellipse(53.36% 51.14% at 50% 50%); width: auto; height: 200px;}
.homepage .review-article .tutor-portrait {margin: 0 auto; text-align: center;display: block;}
.homepage .review-article .tutor-portrait img {float: none;}
.tutor-info div .name {line-height: 1.2em;}
.tutor h1 {padding-right: 20%}
.gallery-tutor {overflow: hidden; margin: 40px auto;}
.gallery-tutor .imggal {height: 300px;}

.tutor-single	{position: relative; background-size: 62% auto; background-position: top right; padding-bottom: 90px; margin-bottom: 60px;max-width: 90%;margin-left: 10%;}
.tutor-single .painting img {width: 62%; border: 1px solid #f8f8f8; box-shadow: 1px 1px 5px rgba(0,0,0,0.3); margin-left: 37%; padding: 5px; background-color: #ffffff;}
.tutor-single figcaption {text-align: right; font-size: 14px; color: #333; margin-right: 17px;}
.tutor-desc		{position: absolute; left: 0; bottom: 0; background-color: rgba(250,250,250,0.9); box-shadow: 2px 2px 10px rgba(0,0,0,0.15); padding: 1rem 0 0 1rem; max-width: 62%;}
.tutor-desc h2	{float: left; color: #777;}
.tutor-desc p {padding-right: 1rem;}

.tutor-single.lefttype {margin-left: 0;}
.tutor-single.lefttype .painting img {margin-left: 0;}
.tutor-single.lefttype figcaption {text-align: left; margin-left: 10px;}
.tutor-single.lefttype .tutor-desc {left: auto; right: 0;}

.tutor-info.brush-info,
.tutor-info.top-info {background-size: auto; background-repeat: no-repeat; background-position: top right;position: relative;}
.tutor-info.brush-info {background-size: 280px auto; background-position: right bottom;}

.add-info .photo {width: 40%; box-shadow: 1px 1px 8px 2px rgba(0,0,0,0.2);}
.add-info p {padding-top: 5%; line-height: 2;}

.dpicright, .dpicbird, .dpicgold {
	float: right;
	margin-left: 2.5%;
	text-align: center;
}
.dpicright p, .dpicleft p, .dpicbird p, .dpicgold p {
	text-align: center;
	font: normal 0.8em verdana,sans-serif;
}
.dpicleft {
	float: left;
	margin-right: 2.5%;
	text-align: center;
}
.pictshad {
  background: #fff; box-shadow: 1px 1px 4px #aaa;	padding: 0;
}
.pictshad-solo {
	box-shadow: 1px 1px 4px #aaa;
}
.tutor-pic {width: 48%;}
.tutor-pic img {
	width: 100%;
	height: auto;
	margin-bottom: 16px;
}

img.pict {
	background: white;
	padding: 10px;
}
.tutor-header-painting {
	position: relative;
	margin: 0 0 30px;
	width: 100%;
	display: block;
	clear: both;
	background-repeat: no-repeat;
	background-size: 100% auto;
	max-width: 768px;
}
.tutor-info {
	box-shadow: 1px 1px 7px 2px rgba(0,0,0,0.15);
}
.tutor-portrait {
	text-align: center;
}
.tutor-header-painting h1 {
	color: #ffffff;
	font-size: calc(24px + 3vh);
	background-color: rgba(0,0,0,0.2);
}
img.pictbird {
	background-color: #b68658;
	margin-bottom: 6px;
	padding: 18px;
}
img.pictgold {
	border-bottom: 1px solid #ccc; border-right: 1px solid #bbb; border-left: 1px solid #888; border-top: 1px solid #555;
}
.framegold {
	background: #f0eaad url("../images/layout/golden-background.jpg") no-repeat left center;
	border-top: 1px solid #ccc; border-left: 1px solid #bbb; border-right: 1px solid #888; border-bottom: 1px solid #555;
	padding: 18px;
}
.pringsright {
	background: url("../images/layout/wedding_rings-back.jpg") no-repeat 2% 50%;
}
.pringscenter {
	background: url("../images/layout/wedding_rings-back.jpg") no-repeat 46% 40%;
}
.ppaintright {
	background: transparent url("../images/palette-bg.jpg") no-repeat center center;
}
.ppaintleft {
	background: transparent url(../images/palette-bg.jpg) no-repeat center center;
}
.flowslides {
	display: block;
	width: 480px;
	height: 270px;
}
.tblbirds {
	margin: 15px 20px 15px 10px;
	font-size: 0.9em;
	line-height: 1.0em;
	text-align: center;
	border: 1px solid black;
	float: left;
	border-collapse: collapse;
}
.tblbirds td {
	padding: 3px 10px 3px 10px;
}
.tblpainting {
	width: 100%;
	margin: 25px 0 15px 0px;
	font-size: 0.85em;
	line-height: 1.0em;
	text-align: center;
	border-top: 1px solid #bbb; border-left: 1px solid #aaa; border-right: 1px solid #888; border-bottom: 1px solid #555;
	padding: 15px;
	background-color: #fff;

}
.tblpainting td {
	padding: 7px 10px 7px 10px;
}
td.tdheadpaint {
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	background: #ffffB0;
}
.tdajohn	{background-color: #d5ffa4;}
.tdkhinkel	{background-color: #bff3ff;}
.tdtwalker	{background-color: #f9cfa5;}
.tdbherniman {background-color: #f9cfa5;}
.tdaspring	{background-color: #e4c4f7;}
.tdcunanan	{background-color: #edd6f4;}
.tdogarner	{background-color: #edd6f4;}

.tdred td		{background-color: #ffe3e3;}
.tdgreen td		{background-color: #eaffd1;}
.tdblue td		{background-color: #d9f8ff;}
.tdorange td		{background-color: #fff0c9;}
.tdaspring td	{background-color: #e4c4f7;}
.tdviolett td	{background-color: #f9e3ff;}
.tdyellow td		{background-color: #ffffb5;}
.tdturquis td	{background-color: #c9ffda;}

td.tdheadpaint, td.tdajohn, td.tdkhinkel, td.tdtwalker, td.tdcunanan, td.tdbherniman {
	border-bottom: thin solid #606060;
	border-right: thin solid #606060;
}

.tblsp06 {
	width: 460px;
	margin-left: 50px;
	text-align: center;
}
em.subcaps {
	font: normal 9pt/11pt small-caps verdana, ariel, helvetica, sans-serif;
}
td.tdspdt {
	padding: 4px 5px 4px 5px;
	background-color: #f9cfa5;
}
td.tdsptxt {
	padding: 4px 5px 4px 5px;
	background-color: #d5ffa4;
}
/* specific painting end */

/* specific accomodation start */

.gardenflower {
	width: 50%;
	float: left;
	shape-outside: polygon(-0.65% 0.06%, 81.86% 0.81%, 88.65% 33.01%, 105.65% 52.45%, 79.46% 78.36%, 84.24% 89.69%, 77.85% 104.63%, -1.1% 105.81%);
	margin: -20px 0 -20px -1.5rem;
	min-width: 330px;
}

/* specific accomodation end */

/* specific form start */
#form-box {
	width: 580px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
}
.sentok {
	background-color: #b6ffab;
	padding: 10px;
	text-align: center;
	color: green;
}
#contacto p.pcontact {
	text-align: center;
}
#contacto a:link {
	font-weight: normal;
	text-decoration: underline;
	color: blue;
}
.divcaptacha label,
#contacto label.labnorm {
	vertical-align: text-top;
	text-align: right;
	width: 150px;
	padding-right: 10px;
	margin-bottom: 8px;
	display: block;
	float: left;
}
#contacto label.labcd {
	text-align: right;
	margin-left: 40px;
	display: block;
	float: left;
}
#dvinput input, #contacto textarea {
	display: block;
	float: left;
	margin-bottom: 1em;
	border-bottom: thin;
	font-size: 1em;
}
.contactaddress > div:nth-of-type(1) {
	width: 62%;
}
.contactaddress > div:nth-of-type(2) {
	width: 36%; padding-bottom: 2em;
}
#formof {
	width: 80px;
	float: left;
	font-size: 1em;
}
#contacto input#name {
	max-width: 220px;
  width: 70%;
}
#contacto textarea.taddress {
	height: 66px;
}
#contacto textarea.torder {
	height: 100px;
}
#contacto input#phone, #contacto input#email, #contacto textarea {
	max-width: 300px;
	width: 70%;
}
#contacto input#fincacd {
	margin-left: 10px;
	float: left;
}
#fbuttons {
	display: block;
	padding: 20px 0px 0px 42%;
}
#contacto input#reset, #contacto input#submit {
	float: left;
	background-color: #ffda9f;
	border: medium none;
	border-radius: 4px;
	display: block;
	font-size: 1.1em;
	height: 2.6em;
	line-height: 2.5em;
	padding: 0 2em;
}
.formerror {
	color: #b80000;
	padding-left: 2%;
}
#pmano {
	padding-left: 170px;
	display: block;
	line-height: 1.6em;
	background: url(../images/mano.gif) no-repeat left center;
}
.caerror input,
#contacto input.inerror, #contacto textarea.inerror {
  background: none repeat scroll 0 0 #FFE0E0;
  border: 1px solid #FF4040 !important;
}
.divcaptacha .captcha_icon {
	width: 40px;
	padding: 4px;
	margin-left: 12px;
}
/* specific form end */

/* specific prices start */
#bodyseasons {
	background: #dfffda;
}
.tblseasons {
	background-color: white;
	width: 100%;
	font: normal 1em/1.8em verdana, ariel, helvetica, sans-serif;
	text-align: center;
	border-spacing: 0;
	border-top: 1px solid #bbbbbb;
	border-collapse: collapse;
}
.tblseasons tr:hover {
	background: #fff7d3;
}
.tblseasons td {
	padding: 1em;
	vertical-align: middle;
	font-size: 0.95em;
}
td {
	border-bottom: 1px solid #bbbbbb;
}
.blockprice {background-color: white; padding: 20px; margin: 16px 0;}
.blockprice .box3 {width: 33%; text-align: center; position: relative; padding-bottom: 70px;}
.box3 .lower {position: relative;}
.box3 h3 {text-transform: uppercase; font: normal 14px/1.6 Verdana,sans-serif;text-align: center;}
.box3 p {text-align: center; margin-bottom: 18px;}
.box3 .btn-book {position: absolute; bottom: 20px; left: 0; right: 0;}
.price-label {font-size: 22px; padding: 0; display: inline-block;}
.boxprice {background: white; padding: 24px 0;}
.price-line {padding: 20px 10px;}
.boxprice > div {margin: 12px 0;}
.blockprice .boxprice:nth-of-type(2) {background-color: #ffde4d; box-shadow: 0 0 16px rgba(0,0,0,0.15); z-index: 3;}
.blockprice .boxprice:nth-of-type(2) a.btn-request {background-color: #ffffff;}
.blockprice:hover .boxprice {background-color: transparent; box-shadow: none;}
.blockprice .boxprice:hover {background-color: #ffde4d; box-shadow: 0 0 16px rgba(0,0,0,0.15); z-index: 3;}
.blockprice .boxprice:hover a.btn-request {background-color: #ffffff;}
a.btn-request {margin-top: 16px; padding: 10px 20px; border-radius: 20px; background-color: white; text-decoration: none; background-color: var(--color-yellow); color: #222;box-shadow: 1px 1px 2px rgba(0,0,0,0.2);}
a.btn-request:hover {/*! box-shadow: 1px 1px 3px rgba(0,0,0,0.2); */ background-color: var(--color-orange); color: #000;}
/* specific prices end */

/* specific location start */
.piccost {
	margin: auto;
	text-align: center;
}
ol {
	text-align: left;
	margin-top: 5px;
	margin-left: 25px;
}
.olla li {
	list-style-type: lower-alpha;
}
.backline {
	color: #3c473d;
	background: linear-gradient(transparent 0%, transparent calc(50% - 2px), darkgreen calc(50%), transparent calc(50%), transparent 100%);
	width: 60%;
}
.backline span {
	background-color: var(--color-back);
	padding: 0 1rem;
}

.block-act {
	margin: 30px 0 80px;
	background-position: center center;
	background-size: cover;
	width: 100%;
}
.block-act .info {
	background: rgba(255,255,255,0.9);
	padding: 20px;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.18);
	margin: -30px 30% 120px 10%;
}
.block-act.left-side {
	max-width: 80%;
	margin-right: 20%;
}
.block-act.right-side {
	max-width: 80%;
	margin-left: 20%;
}
.block-act.left-side .info {
	margin: -30px 30% 120px 10%;
}
.block-act.right-side .info {
	margin: -30px 10% 120px 30%;
}
/* specific location end */

/* print layout start */
.print {display: none;}
.noprint {display: block;}
.noshow {display: none;}

/* start booking */
.frameinner,
.book-inlet {
	background-color: #fff3c0;
	box-shadow: inset 0 2px 16px 5px rgba(0,0,0,0.05);
	padding-top: 30px;
}

.modbooking form {
  margin: auto;
  max-width: 620px;
  overflow: hidden;
  width: 100%;
}
.top-booking {
	position: absolute;
	bottom: 15vh;
	left: 0;
	right: 0;
	padding: 0 10px;
}
.hotelpage .top-booking {
	bottom: 8px;
}
.modbooking {
  font-size: 1em;
  font-weight: normal;
}
.modbooking .booklabel {
  line-height: 1.8em !important;
  float: left;
  width: 38%;
  text-align: right;
  padding-right: 1em;
}
.modbooking h2 {
  margin-bottom: 0;
  text-transform: uppercase;
}
.modbooking .bookcolumn {
  float: left;
  padding: 0 0 3%;
  width: 100% !important;
}

.modbooking form .rowbook {
  margin: auto;
  max-width: 100%;
  overflow: hidden;
  width: 100%;
}
.modbooking .bookingform .control-group {
  float: left;
  width: 100%;
}
.modbooking .control-group {
  margin-bottom: 1em;
}

.modbooking .bookingform .booklabel {
  float: left;
  padding-right: 16px;
  text-align: left;
  width: 200px;
}
.modbooking .booklabel {
  line-height: 2em;
  margin: 0;
  max-width: 100%;
}
.modbooking .booklabel,
.modbooking .booklabel label {
  display: inline-block;
}
.modbooking .booklabel,
.modbooking input,
.modbooking label.checkbox,
.modbooking textarea,
.modbooking .chzn-container-single .chzn-single {
  box-sizing: border-box;
}
label {
  color: #333333;
  margin-bottom: 5px;
  max-width: 90%;
}
.modbooking .required::after, .modbooking .asterisk::after {
  content: "*";
}
.modbooking .required, .modbooking .asterisk {
  color: #b94a48;
  font-weight: bold;
}
.modbooking .bookingform .controls {
  float: left;
}
.modbooking .controls {
  margin: 0;
  max-width: 100%;
}
.modbooking .bookform select,
.modbooking .bookform textarea,
.modbooking .bookform input[type="text"],
.modbooking .bookform input[type="email"] {
  background-color: #ffffff;
  border-radius: 4px;
  color: #333;
}
.modbooking select, .modbooking textarea,
.modbooking input[type="text"],
.modbooking input[type="email"],
.modbooking input[type="password"] {
  background-color: #ffffff;
  border: 1px solid #aaaaaa;
  resize: none;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
.modbooking input.fox-item-calendar-input {
  -moz-user-select: none;
  cursor: pointer;
}
.modbooking button.submit-button,
.modbooking select,
.modbooking input[type="text"],
.modbooking input[type="email"] {
  height: 1.7em;
  line-height: 1.7em;
}

.modbooking input[type="text"],
.modbooking input[type="email"],
.modbooking textarea {
  margin: 0;
  padding: 4px 5px;
}
.modbooking select, .modbooking input[type="text"],
.modbooking input[type="email"],
.modbooking .chzn-container-single .chzn-single {
  height: 2.2em !important;
  line-height: 2.2em !important;
  padding-left: 0.7em !important;
}
.modbooking select,
.modbooking textarea {
  max-width: 350px;
  width: 100%;
}
.modbooking select.selectmini {
  max-width: 80px;
}
.modbooking button.submit-button,
.modbooking input,
.modbooking .bookingform .controls {
	max-width: 350px;
	width: 100%;
}
input, textarea {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
input, textarea, select, #advanced-search-toggle, input.search-query {
	border: 1px solid #cccccc;
	border-radius: 3px;
	display: inline-block;
	margin-bottom: 9px;
	padding: 4px;
}
label, input, button, select, textarea {
	font-weight: normal;
	line-height: 1.4;
}

.modbooking .control-group {
	max-width: 100%;
}

.modbooking .bookingform .booklabel {
	float: left;
	padding-right: 16px;
	text-align: left;
	width: 200px;
}
.modbooking button.submit-button {
	display: block;
	height: 2.6em;
	line-height: 1em;
	border-radius: 4px;
	border: none;
	margin-top: 0.5em;
	color: white;
}
.more-button {
	font-size: 14px;
	padding: 40px 0 0 20px;
	background-color: #ffda9f;
	width: 80px;
	height: 80px;
	display: inline;
	float: right;
	shape-outside: circle(92.50% at 95% 95%);
	clip-path: circle(91.25% at 95% 95%);
}
.more-button:hover {
	box-shadow: 1px 1px 8px 3px rgba(0,0,0,0.2);
}
.submit-button {
	cursor: pointer;
}
#submit {
	cursor: pointer;
}
.modbooking input.inerror,
.modbooking textarea.inerror,
.modbooking select.inerror {
  background: #FFF8F8 !important;
  border: 1px solid #FF4040 !important;
  color: #000;
  box-shadow: 0 0 0 1px rgba(255,64,64,1);
}
.bookform .formmsg p {border-radius: 4px; padding: 0.5em 1em;}
.fieldtrue {background-color: #f2fff0;}
.fieldfalse {background-color: #ffe3e3;}

.top-booking .modbooking form {max-width: 100%; margin: 25px auto 0; max-width: 620px; padding-top: 20px;}
.top-booking label {display: none;}
.top-booking .modbooking .control-group {width: 35%;}
.top-booking .modbooking .control-group.group-booklabel {width: 28.5%;}
.top-booking .modbooking .bookcolumn {width: 100% !important; padding: 0;}
.top-booking .modbooking .booklabel {text-align: left;}
.top-booking .modbooking .bookform input[type="text"]:focus {background-color: rgba(255,255,255,0.8); /*! color: #000000; */}
.hasDatepicker,
.top-booking .modbooking input[type="text"] {background: rgba(255,255,255,0.85) url('../images/graphic/calendar.svg') no-repeat right 10px center; background-size: 16px auto;}
.top-booking .modbooking input[type="text"] {height: 40px !important; max-width: 100%;color: #111111;}
.top-booking .modbooking button.submit-button {height: 40px !important; margin: 0 auto;}
.top-booking .modbooking input:focus {background-color: #eeeeee;}
/* booking form end */

/* Programm table start */
.colorliyellow {background-color: #fffedb}
.colorligreen {background-color: #eaffd1}
.colorlired {background-color: #ffe0e0}
.colorliblue {background-color: #d9f8ff}
.colorliorange {background-color: #ffeac1}

.programitem {
	margin-top: 24px;
	padding: 10px 0;
	border-top: 1px inset #aaa;
	border-bottom: 1px inset #aaa;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.programitem:hover {
	filter: brightness(1.1);
	transition: all 250ms ease-in-out;
}

.homepage .tutor-picture, .homepage .tutor-picture div {
	height: 250px;
}
.service-list .booker {
	height: 70px;
	width: 100%;
	margin-top: 0.5rem;
	padding-right: 30%;
}

.homepage .tutor-info div,
.homepage .tutor-info div .name {
	line-height: 1.4;
}
.tutor-picture {
	width: 75%;
	float: left;
}
.homepage .tutor-picture {
	width: 100%;
}

.tutor-info {
	width: 100%;
	background-color: white;
	padding: 20px 1.5rem;
	max-width: 768px;
	margin: 30px auto;
}
.review-article .tutor-info {
	background-color: #fff9f1;
}
.info-up .top-info {
	margin-top: -150px;
}
.activities .tutor-info {
	padding: 20px 4%;
	max-width: 568px;
	margin: 5% auto 40px 0;
	background-color: rgba(255,255,255,0.95);
}
.homepage .tutor-info .name-date div {
	padding: 12px 3px;
}
.tutor-info .name-date {
	text-align: center;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.homepage .review-article.tutor-info {height: auto; max-width: 350px; width: 30%;background-color: rgba(255,255,255,0.85);border-radius: 10px;}
.tutor-info .name, .tutor-info .name a {display: block; font-size: 1.1em; color: var(--color-dark-green), #0043c7; margin: 0; text-decoration: none;}
.tutor-info .date {display: block; font-size: 1.1em; color: #222}
.booker {width: 100%; text-align: center; float: left; }
.bookerform {
	position: relative;
	top: 50%;
	transform: perspective(1px) translateY(-50%);
	-ms-transform: perspective(1px) translateY(-50%);
	-moz-transform: perspective(1px) translateY(-50%);
	-webkit-transform: perspective(1px) translateY(-50%);
}
.bookerform .submit-button, .submit-button {
	height: auto;
	line-height: 1.5em;
	background-color: var(--color-back-dark);
	color: white;
	border-radius: 4px;
	border: none;
	font-size: 16px;
	cursor: pointer;
	padding: 0.7em 0;
	text-decoration: none;
	font-weight: 500;
}
.wedding .submit-button {
 background-color: var(--color-light-red);
}
.bookerform .submit-button {
  display: block;
  width: 92%;
  margin: 0 auto 0;
}
.submit-button {
  display: inline-block;
  width: auto;
	 padding: 0.7em 1em;
  margin: 0 1em;
  text-decoration: none;
  margin: 0;
  color: #111111;
}
.service-list .submit-button {
	background-color: var(--color-orange-2);
}
#facilities .submit-button {
	background-color: #ffffff;
}
.review-article .submit-button {
	background-color: transparent;
}
.review-article .submit-button:hover {
	background-color: var(--color-orange-2);
}
.submit-button:hover {
	box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.35);
}

.paper-band {
	position: relative;
	z-index: 1;
	line-height: 1.5;
	margin: 1.5rem 0 2.5rem;
	color: #111111;
	text-shadow: 1px 1px 1px white;
}
.paper-band::after,
.paper-band::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: -.1rem;
	/*! border-top: 1px dashed #ffd51f; */
	/*! border-bottom: 1px dashed #ffd51f; */
	background: #ffdadd;
	background: var(--color-light-red);
	z-index: -1;
}
.paper-band::before {
	left: -60px;
	right: 35%;
	box-shadow: inset -15px 0 10px -10px rgba(0,0,0,.2), -5px 0 5px rgba(0,0,0,.2);
}
.paper-band::after {
	left: calc(100% + 24px);
	/*! width: 40px; */
	box-shadow: inset 15px 0 10px -10px rgba(0,0,0,.2), 5px 0 5px rgba(0,0,0,.15);
}
.homepage .paper-band {
	padding-right:5%;
}
.homepage .paper-band::before {
	right: -5%;
}
.holiday-service .paper-band::after,
.holiday-service .paper-band::before {
	background: var(--color-light-blue);
}
.painting-service .paper-band::after,
.painting-service .paper-band::before {
	background: var(--color-back);
}
.main-service .submit-button {
	box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.15);
}
.main-service .submit-button:hover {
	box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.35);
}
.holiday-service .submit-button {
	background: var(--color-light-blue);
}
.painting-service .submit-button {
	background: var(--color-back);
}
.wedding-service .submit-button {
	background: var(--color-light-red);
}

.line-next-prev {
	padding: 0;
	display: block;
	border-bottom: 0px solid #e2e2e2;
	margin: 0 auto;
	clear: both;
	width: calc(100% - 4px);
}
.line-next-prev .btn {
	background-repeat: no-repeat;
	width: 6;
	overflow: hidden;
	background-size: 100% auto;
	background-position: center bottom;
	padding: 0 10px 20px;
	margin: 12px 0;
	font-size: 14px;
	background-color: transparent;
	border: none;
}
.line-next-prev .btn:hover {
	cursor: pointer;
}
.btn-previous {
	background-image: url('../images/graphic/previous.svg');
}
.btn-next {
	background-image: url('../images/graphic/next.svg');
	float: right;
}

.gallery-wedding img {
	box-shadow: 0 2px 2px rgba(0,0,0,0.4);
}
.galsmimg img {
	transition: all 450ms ease;
}
.galsmimg a:hover img {
	filter: brightness(1.05);
	box-shadow: 2px 5px 10px rgba(0,0,0,0.7);
	z-index: 2; position: relative;
	border: 0;
}

.disht568 {display: block !important;}
.dislt568 {display: none !important;}
.disht660 {display: block !important;}
.dislt660 {display: none !important;}
.dislt580 {display: none;}

/* Ativando o jQuery lightBox plugin css */
/* jQuery lightBox plugin - Gallery style */
#gallery {background-color: #444; padding: 10px; width: 100%;}
#gallery ul {list-style: none;}
#gallery ul li {display: inline;}
#gallery ul img {border: 5px solid #3e3e3e; border-width: 5px 5px 5px; margin-bottom: 20px;}
#gallery ul a:hover img {border: 5px solid #fff;	border-width: 5px 5px 5px; color: #fff;}
#gallery ul a:hover {color: #fff;}

.gallery {background-color: transparent; text-align: center; margin: 0 auto;}
.gallery div {display: inline-block; padding: 0px;}
.gallery .galsimg {padding: 0 !important;}
.gallery-wedding {max-width: 1500px;}
.gallery-wedding div {padding: 0 1px;}
.gallery-wedding img {padding: 0; border: 0;}
.gallery-wedding p {font-size: 0.9em; display: none;}
.gallery-wedding a:hover img {border: 0;	filter: brightness(1.1);	}


/* jquery-ui.min.css */
.ui-helper-hidden{display: none}.ui-helper-hidden-accessible{border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px}.ui-helper-reset{margin: 0;padding: 0;border: 0;outline: 0;line-height: 1.3;text-decoration: none;font-size: 100%;list-style: none}.ui-helper-clearfix::after,.ui-helper-clearfix::before{content: "";display: table;border-collapse: collapse}.ui-helper-clearfix::after{clear: both}.ui-helper-zfix{width: 100%;height: 100%;top: 0;left: 0;position: absolute;opacity: 0;filter: Alpha(Opacity=0)}.ui-state-disabled{cursor: default!important;pointer-events: none}.ui-icon{display: inline-block;vertical-align: middle;margin-top: -.25em;position: relative;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat}.ui-widget-icon-block{left: 50%;margin-left: -8px;display: block}.ui-widget-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%}.ui-accordion .ui-accordion-header{display: block;cursor: pointer;position: relative;margin: 2px 0 0 0;padding: .5em .5em .5em .7em;font-size: 100%}.ui-accordion .ui-accordion-content{padding: 1em 2.2em;border-top: 0;overflow: auto}.ui-autocomplete{position: absolute;top: 0;left: 0;cursor: default}.ui-menu{list-style: none;padding: 0;margin: 0;display: block;outline: 0}.ui-menu .ui-menu{position: absolute}.ui-menu .ui-menu-item{margin: 0;cursor: pointer;list-style-image: url(data: image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-item-wrapper{position: relative;padding: 3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin: 5px 0;height: 0;font-size: 0;line-height: 0;border-width: 1px 0 0 0}.ui-menu .ui-state-active,.ui-menu .ui-state-focus{margin: -1px}.ui-menu-icons{position: relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left: 2em}.ui-menu .ui-icon{position: absolute;top: 0;bottom: 0;left: .2em;margin: auto 0}.ui-menu .ui-menu-icon{left: auto;right: 0}.ui-button{padding: .4em 1em;display: inline-block;position: relative;line-height: normal;margin-right: .1em;cursor: pointer;vertical-align: middle;text-align: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;overflow: visible}.ui-button,.ui-button: active,.ui-button:hover,.ui-button:link,.ui-button:visited{text-decoration: none}.ui-button-icon-only{width: 2em;box-sizing: border-box;text-indent: -9999px;white-space: nowrap}input.ui-button.ui-button-icon-only{text-indent: 0}.ui-button-icon-only .ui-icon{position: absolute;top: 50%;left: 50%;margin-top: -8px;margin-left: -8px}.ui-button.ui-icon-notext .ui-icon{padding: 0;width: 2.1em;height: 2.1em;text-indent: -9999px;white-space: nowrap}input.ui-button.ui-icon-notext .ui-icon{width: auto;height: auto;text-indent: 0;white-space: normal;padding: .4em 1em}button.ui-button::-moz-focus-inner,input.ui-button::-moz-focus-inner{border: 0;padding: 0}.ui-controlgroup{vertical-align: middle;display: inline-block}.ui-controlgroup>.ui-controlgroup-item{float: left;margin-left: 0;margin-right: 0}.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus,.ui-controlgroup>.ui-controlgroup-item:focus{z-index: 9999}.ui-controlgroup-vertical>.ui-controlgroup-item{display: block;float: none;width: 100%;margin-top: 0;margin-bottom: 0;text-align: left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing: border-box}.ui-controlgroup .ui-controlgroup-label{padding: .4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size: 80%}.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item{border-left: none}.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item{border-top: none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right: none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom: none}.ui-controlgroup-vertical .ui-spinner-input{width: 75%;width: calc(100% - 2.4em)}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style: solid}.ui-checkboxradio-label .ui-icon-background{box-shadow: inset 1px 1px 1px #ccc;border-radius: .12em;border: none}.ui-checkboxradio-radio-label .ui-icon-background{width: 16px;height: 16px;border-radius: 1em;overflow: visible;border: none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image: none;width: 8px;height: 8px;border-width: 4px;border-style: solid}.ui-checkboxradio-disabled{pointer-events: none}.ui-datepicker{width: 17em;padding: .2em .2em 0;display: none}.ui-datepicker .ui-datepicker-header{position: relative;padding: .2em 0}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position: absolute;top: 2px;width: 1.8em;height: 1.8em}.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover{top: 1px}.ui-datepicker .ui-datepicker-prev{left: 2px}.ui-datepicker .ui-datepicker-next{right: 2px}.ui-datepicker .ui-datepicker-prev-hover{left: 1px}.ui-datepicker .ui-datepicker-next-hover{right: 1px}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{display: block;position: absolute;left: 50%;margin-left: -8px;top: 50%;margin-top: -8px}.ui-datepicker .ui-datepicker-title{margin: 0 2.3em;line-height: 1.8em;text-align: center}.ui-datepicker .ui-datepicker-title select{font-size: 1em;margin: 1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width: 45%}.ui-datepicker table{width: 100%;font-size: .9em;border-collapse: collapse;margin: 0 0 .4em}.ui-datepicker th{padding: .7em .3em;text-align: center;font-weight: 700;border: 0}.ui-datepicker td{border: 0;padding: 1px}.ui-datepicker td a,.ui-datepicker td span{display: block;padding: .2em;text-align: right;text-decoration: none}.ui-datepicker .ui-datepicker-buttonpane{background-image: none;margin: .7em 0 0 0;padding: 0 .2em;border-left: 0;border-right: 0;border-bottom: 0}.ui-datepicker .ui-datepicker-buttonpane button{float: right;margin: .5em .2em .4em;cursor: pointer;padding: .2em .6em .3em .6em;width: auto;overflow: visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float: left}.ui-datepicker.ui-datepicker-multi{width: auto}.ui-datepicker-multi .ui-datepicker-group{float: left}.ui-datepicker-multi .ui-datepicker-group table{width: 95%;margin: 0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width: 50%}.ui-datepicker-multi-3 .ui-datepicker-group{width: 33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width: 25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width: 0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear: left}.ui-datepicker-row-break{clear: both;width: 100%;font-size: 0}.ui-datepicker-rtl{direction: rtl}.ui-datepicker-rtl .ui-datepicker-prev{right: 2px;left: auto}.ui-datepicker-rtl .ui-datepicker-next{left: 2px;right: auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right: 1px;left: auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left: 1px;right: auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear: right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float: left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float: right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width: 0;border-left-width: 1px}.ui-datepicker .ui-icon{display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;left: .5em;top: .3em}.ui-dialog{position: absolute;top: 0;left: 0;padding: .2em;outline: 0}.ui-dialog .ui-dialog-titlebar{padding: .4em 1em;position: relative}.ui-dialog .ui-dialog-title{float: left;margin: .1em 0;white-space: nowrap;width: 90%;overflow: hidden;text-overflow: ellipsis}.ui-dialog .ui-dialog-titlebar-close{position: absolute;right: .3em;top: 50%;width: 20px;margin: -10px 0 0 0;padding: 1px;height: 20px}.ui-dialog .ui-dialog-content{position: relative;border: 0;padding: .5em 1em;background: 0 0;overflow: auto}.ui-dialog .ui-dialog-buttonpane{text-align: left;border-width: 1px 0 0 0;background-image: none;margin-top: .5em;padding: .3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float: right}.ui-dialog .ui-dialog-buttonpane button{margin: .5em .4em .5em 0;cursor: pointer}.ui-dialog .ui-resizable-n{height: 2px;top: 0}.ui-dialog .ui-resizable-e{width: 2px;right: 0}.ui-dialog .ui-resizable-s{height: 2px;bottom: 0}.ui-dialog .ui-resizable-w{width: 2px;left: 0}.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw,.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw{width: 7px;height: 7px}.ui-dialog .ui-resizable-se{right: 0;bottom: 0}.ui-dialog .ui-resizable-sw{left: 0;bottom: 0}.ui-dialog .ui-resizable-ne{right: 0;top: 0}.ui-dialog .ui-resizable-nw{left: 0;top: 0}.ui-draggable .ui-dialog-titlebar{cursor: move}.ui-draggable-handle{-ms-touch-action: none;touch-action: none}.ui-resizable{position: relative}.ui-resizable-handle{position: absolute;font-size: .1px;display: block;-ms-touch-action: none;touch-action: none}.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle{display: none}.ui-resizable-n{cursor: n-resize;height: 7px;width: 100%;top: -5px;left: 0}.ui-resizable-s{cursor: s-resize;height: 7px;width: 100%;bottom: -5px;left: 0}.ui-resizable-e{cursor: e-resize;width: 7px;right: -5px;top: 0;height: 100%}.ui-resizable-w{cursor: w-resize;width: 7px;left: -5px;top: 0;height: 100%}.ui-resizable-se{cursor: se-resize;width: 12px;height: 12px;right: 1px;bottom: 1px}.ui-resizable-sw{cursor: sw-resize;width: 9px;height: 9px;left: -5px;bottom: -5px}.ui-resizable-nw{cursor: nw-resize;width: 9px;height: 9px;left: -5px;top: -5px}.ui-resizable-ne{cursor: ne-resize;width: 9px;height: 9px;right: -5px;top: -5px}.ui-progressbar{height: 2em;text-align: left;overflow: hidden}.ui-progressbar .ui-progressbar-value{margin: -1px;height: 100%}.ui-progressbar .ui-progressbar-overlay{background: url(data: image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);height: 100%;opacity: .25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image: none}.ui-selectable{-ms-touch-action: none;touch-action: none}.ui-selectable-helper{position: absolute;z-index: 100;border: 1px dotted #000}.ui-selectmenu-menu{padding: 0;margin: 0;position: absolute;top: 0;left: 0;display: none}.ui-selectmenu-menu .ui-menu{overflow: auto;overflow-x: hidden;padding-bottom: 1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size: 1em;font-weight: 700;line-height: 1.5;padding: 2px .4em;margin: .5em 0 0 0;height: auto;border: 0}.ui-selectmenu-open{display: block}.ui-selectmenu-text{display: block;margin-right: 20px;overflow: hidden;text-overflow: ellipsis}.ui-selectmenu-button.ui-button{text-align: left;white-space: nowrap;width: 14em}.ui-selectmenu-icon.ui-icon{float: right;margin-top: 0}.ui-slider{position: relative;text-align: left}.ui-slider .ui-slider-handle{position: absolute;z-index: 2;width: 1.2em;height: 1.2em;cursor: default;-ms-touch-action: none;touch-action: none}.ui-slider .ui-slider-range{position: absolute;z-index: 1;font-size: .7em;display: block;border: 0;background-position: 0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter: inherit}.ui-slider-horizontal{height: .8em}.ui-slider-horizontal .ui-slider-handle{top: -.3em;margin-left: -.6em}.ui-slider-horizontal .ui-slider-range{top: 0;height: 100%}.ui-slider-horizontal .ui-slider-range-min{left: 0}.ui-slider-horizontal .ui-slider-range-max{right: 0}.ui-slider-vertical{width: .8em;height: 100px}.ui-slider-vertical .ui-slider-handle{left: -.3em;margin-left: 0;margin-bottom: -.6em}.ui-slider-vertical .ui-slider-range{left: 0;width: 100%}.ui-slider-vertical .ui-slider-range-min{bottom: 0}.ui-slider-vertical .ui-slider-range-max{top: 0}.ui-sortable-handle{-ms-touch-action: none;touch-action: none}.ui-spinner{position: relative;display: inline-block;overflow: hidden;padding: 0;vertical-align: middle}.ui-spinner-input{border: none;background: 0 0;color: inherit;padding: .222em 0;margin: .2em 0;vertical-align: middle;margin-left: .4em;margin-right: 2em}.ui-spinner-button{width: 1.6em;height: 50%;font-size: .5em;padding: 0;margin: 0;text-align: center;position: absolute;cursor: default;display: block;overflow: hidden;right: 0}.ui-spinner a.ui-spinner-button{border-top-style: none;border-bottom-style: none;border-right-style: none}.ui-spinner-up{top: 0}.ui-spinner-down{bottom: 0}.ui-tabs{position: relative;padding: .2em}.ui-tabs .ui-tabs-nav{margin: 0;padding: .2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style: none;float: left;position: relative;top: 0;margin: 1px .2em 0 0;border-bottom-width: 0;padding: 0;white-space: nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float: left;padding: .5em 1em;text-decoration: none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom: -1px;padding-bottom: 1px}.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor: text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor: pointer}.ui-tabs .ui-tabs-panel{display: block;border-width: 0;padding: 1em 1.4em;background: 0 0}.ui-tooltip{padding: 8px;position: absolute;z-index: 9999;max-width: 300px}body .ui-tooltip{border-width: 2px}.ui-widget{font-family: Arial,Helvetica,sans-serif;font-size: 1em}.ui-widget .ui-widget{font-size: 1em}.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{font-family: Arial,Helvetica,sans-serif;font-size: 1em}.ui-widget.ui-widget-content{border: 1px solid #c5c5c5}.ui-widget-content{border: 1px solid #ddd;background: #fff;color: #333}.ui-widget-content a{color: #333}.ui-widget-header{border: 1px solid #ddd;background: #e9e9e9;color: #333;font-weight: 700}.ui-widget-header a{color: #333}.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled: active,html .ui-button.ui-state-disabled:hover{border: 1px solid #c5c5c5;background: #f6f6f6;font-weight: 400;color: #454545}.ui-button,.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button{color: #454545;text-decoration: none}.ui-button:focus,.ui-button:hover,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border: 1px solid #ccc;background: #ededed;font-weight: 400;color: #2b2b2b}.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,a.ui-button:focus,a.ui-button:hover{color: #2b2b2b;text-decoration: none}.ui-visual-focus{box-shadow: 0 0 3px 1px #5e9ed6}.ui-button.ui-state-active:hover,.ui-button: active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button: active{border: 1px solid #003eff;background: #007fff;font-weight: 400;color: #fff}.ui-icon-background,.ui-state-active .ui-icon-background{border: #003eff;background-color: #fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color: #fff;text-decoration: none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border: 1px solid #dad55e;background: #fffa90;color: #777620}.ui-state-checked{border: 1px solid #dad55e;background: #fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color: #777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border: 1px solid #f1a899;background: #fddfdf;color: #5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color: #5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color: #5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight: 700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity: .7;filter: Alpha(Opacity=70);font-weight: 400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity: .35;filter: Alpha(Opacity=35);background-image: none}.ui-state-disabled .ui-icon{filter: Alpha(Opacity=35)}.ui-icon{width: 16px;height: 16px}.ui-icon,.ui-widget-content .ui-icon{background-image: url(images/ui-icons_444444_256x240.png)}.ui-widget-header .ui-icon{background-image: url(images/ui-icons_444444_256x240.png)}.ui-button:focus .ui-icon,.ui-button:hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon{background-image: url(images/ui-icons_555555_256x240.png)}.ui-button: active .ui-icon,.ui-state-active .ui-icon{background-image: url(images/ui-icons_ffffff_256x240.png)}.ui-button .ui-state-highlight.ui-icon,.ui-state-highlight .ui-icon{background-image: url(images/ui-icons_777620_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image: url(images/ui-icons_cc0000_256x240.png)}.ui-button .ui-icon{background-image: url(images/ui-icons_777777_256x240.png)}.ui-icon-blank{background-position: 16px 16px}.ui-icon-caret-1-n{background-position: 0 0}.ui-icon-caret-1-ne{background-position: -16px 0}.ui-icon-caret-1-e{background-position: -32px 0}.ui-icon-caret-1-se{background-position: -48px 0}.ui-icon-caret-1-s{background-position: -65px 0}.ui-icon-caret-1-sw{background-position: -80px 0}.ui-icon-caret-1-w{background-position: -96px 0}.ui-icon-caret-1-nw{background-position: -112px 0}.ui-icon-caret-2-n-s{background-position: -128px 0}.ui-icon-caret-2-e-w{background-position: -144px 0}.ui-icon-triangle-1-n{background-position: 0 -16px}.ui-icon-triangle-1-ne{background-position: -16px -16px}.ui-icon-triangle-1-e{background-position: -32px -16px}.ui-icon-triangle-1-se{background-position: -48px -16px}.ui-icon-triangle-1-s{background-position: -65px -16px}.ui-icon-triangle-1-sw{background-position: -80px -16px}.ui-icon-triangle-1-w{background-position: -96px -16px}.ui-icon-triangle-1-nw{background-position: -112px -16px}.ui-icon-triangle-2-n-s{background-position: -128px -16px}.ui-icon-triangle-2-e-w{background-position: -144px -16px}.ui-icon-arrow-1-n{background-position: 0 -32px}.ui-icon-arrow-1-ne{background-position: -16px -32px}.ui-icon-arrow-1-e{background-position: -32px -32px}.ui-icon-arrow-1-se{background-position: -48px -32px}.ui-icon-arrow-1-s{background-position: -65px -32px}.ui-icon-arrow-1-sw{background-position: -80px -32px}.ui-icon-arrow-1-w{background-position: -96px -32px}.ui-icon-arrow-1-nw{background-position: -112px -32px}.ui-icon-arrow-2-n-s{background-position: -128px -32px}.ui-icon-arrow-2-ne-sw{background-position: -144px -32px}.ui-icon-arrow-2-e-w{background-position: -160px -32px}.ui-icon-arrow-2-se-nw{background-position: -176px -32px}.ui-icon-arrowstop-1-n{background-position: -192px -32px}.ui-icon-arrowstop-1-e{background-position: -208px -32px}.ui-icon-arrowstop-1-s{background-position: -224px -32px}.ui-icon-arrowstop-1-w{background-position: -240px -32px}.ui-icon-arrowthick-1-n{background-position: 1px -48px}.ui-icon-arrowthick-1-ne{background-position: -16px -48px}.ui-icon-arrowthick-1-e{background-position: -32px -48px}.ui-icon-arrowthick-1-se{background-position: -48px -48px}.ui-icon-arrowthick-1-s{background-position: -64px -48px}.ui-icon-arrowthick-1-sw{background-position: -80px -48px}.ui-icon-arrowthick-1-w{background-position: -96px -48px}.ui-icon-arrowthick-1-nw{background-position: -112px -48px}.ui-icon-arrowthick-2-n-s{background-position: -128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position: -144px -48px}.ui-icon-arrowthick-2-e-w{background-position: -160px -48px}.ui-icon-arrowthick-2-se-nw{background-position: -176px -48px}.ui-icon-arrowthickstop-1-n{background-position: -192px -48px}.ui-icon-arrowthickstop-1-e{background-position: -208px -48px}.ui-icon-arrowthickstop-1-s{background-position: -224px -48px}.ui-icon-arrowthickstop-1-w{background-position: -240px -48px}.ui-icon-arrowreturnthick-1-w{background-position: 0 -64px}.ui-icon-arrowreturnthick-1-n{background-position: -16px -64px}.ui-icon-arrowreturnthick-1-e{background-position: -32px -64px}.ui-icon-arrowreturnthick-1-s{background-position: -48px -64px}.ui-icon-arrowreturn-1-w{background-position: -64px -64px}.ui-icon-arrowreturn-1-n{background-position: -80px -64px}.ui-icon-arrowreturn-1-e{background-position: -96px -64px}.ui-icon-arrowreturn-1-s{background-position: -112px -64px}.ui-icon-arrowrefresh-1-w{background-position: -128px -64px}.ui-icon-arrowrefresh-1-n{background-position: -144px -64px}.ui-icon-arrowrefresh-1-e{background-position: -160px -64px}.ui-icon-arrowrefresh-1-s{background-position: -176px -64px}.ui-icon-arrow-4{background-position: 0 -80px}.ui-icon-arrow-4-diag{background-position: -16px -80px}.ui-icon-extlink{background-position: -32px -80px}.ui-icon-newwin{background-position: -48px -80px}.ui-icon-refresh{background-position: -64px -80px}.ui-icon-shuffle{background-position: -80px -80px}.ui-icon-transfer-e-w{background-position: -96px -80px}.ui-icon-transferthick-e-w{background-position: -112px -80px}.ui-icon-folder-collapsed{background-position: 0 -96px}.ui-icon-folder-open{background-position: -16px -96px}.ui-icon-document{background-position: -32px -96px}.ui-icon-document-b{background-position: -48px -96px}.ui-icon-note{background-position: -64px -96px}.ui-icon-mail-closed{background-position: -80px -96px}.ui-icon-mail-open{background-position: -96px -96px}.ui-icon-suitcase{background-position: -112px -96px}.ui-icon-comment{background-position: -128px -96px}.ui-icon-person{background-position: -144px -96px}.ui-icon-print{background-position: -160px -96px}.ui-icon-trash{background-position: -176px -96px}.ui-icon-locked{background-position: -192px -96px}.ui-icon-unlocked{background-position: -208px -96px}.ui-icon-bookmark{background-position: -224px -96px}.ui-icon-tag{background-position: -240px -96px}.ui-icon-home{background-position: 0 -112px}.ui-icon-flag{background-position: -16px -112px}.ui-icon-calendar{background-position: -32px -112px}.ui-icon-cart{background-position: -48px -112px}.ui-icon-pencil{background-position: -64px -112px}.ui-icon-clock{background-position: -80px -112px}.ui-icon-disk{background-position: -96px -112px}.ui-icon-calculator{background-position: -112px -112px}.ui-icon-zoomin{background-position: -128px -112px}.ui-icon-zoomout{background-position: -144px -112px}.ui-icon-search{background-position: -160px -112px}.ui-icon-wrench{background-position: -176px -112px}.ui-icon-gear{background-position: -192px -112px}.ui-icon-heart{background-position: -208px -112px}.ui-icon-star{background-position: -224px -112px}.ui-icon-link{background-position: -240px -112px}.ui-icon-cancel{background-position: 0 -128px}.ui-icon-plus{background-position: -16px -128px}.ui-icon-plusthick{background-position: -32px -128px}.ui-icon-minus{background-position: -48px -128px}.ui-icon-minusthick{background-position: -64px -128px}.ui-icon-close{background-position: -80px -128px}.ui-icon-closethick{background-position: -96px -128px}.ui-icon-key{background-position: -112px -128px}.ui-icon-lightbulb{background-position: -128px -128px}.ui-icon-scissors{background-position: -144px -128px}.ui-icon-clipboard{background-position: -160px -128px}.ui-icon-copy{background-position: -176px -128px}.ui-icon-contact{background-position: -192px -128px}.ui-icon-image{background-position: -208px -128px}.ui-icon-video{background-position: -224px -128px}.ui-icon-script{background-position: -240px -128px}.ui-icon-alert{background-position: 0 -144px}.ui-icon-info{background-position: -16px -144px}.ui-icon-notice{background-position: -32px -144px}.ui-icon-help{background-position: -48px -144px}.ui-icon-check{background-position: -64px -144px}.ui-icon-bullet{background-position: -80px -144px}.ui-icon-radio-on{background-position: -96px -144px}.ui-icon-radio-off{background-position: -112px -144px}.ui-icon-pin-w{background-position: -128px -144px}.ui-icon-pin-s{background-position: -144px -144px}.ui-icon-play{background-position: 0 -160px}.ui-icon-pause{background-position: -16px -160px}.ui-icon-seek-next{background-position: -32px -160px}.ui-icon-seek-prev{background-position: -48px -160px}.ui-icon-seek-end{background-position: -64px -160px}.ui-icon-seek-start{background-position: -80px -160px}.ui-icon-seek-first{background-position: -80px -160px}.ui-icon-stop{background-position: -96px -160px}.ui-icon-eject{background-position: -112px -160px}.ui-icon-volume-off{background-position: -128px -160px}.ui-icon-volume-on{background-position: -144px -160px}.ui-icon-power{background-position: 0 -176px}.ui-icon-signal-diag{background-position: -16px -176px}.ui-icon-signal{background-position: -32px -176px}.ui-icon-battery-0{background-position: -48px -176px}.ui-icon-battery-1{background-position: -64px -176px}.ui-icon-battery-2{background-position: -80px -176px}.ui-icon-battery-3{background-position: -96px -176px}.ui-icon-circle-plus{background-position: 0 -192px}.ui-icon-circle-minus{background-position: -16px -192px}.ui-icon-circle-close{background-position: -32px -192px}.ui-icon-circle-triangle-e{background-position: -48px -192px}.ui-icon-circle-triangle-s{background-position: -64px -192px}.ui-icon-circle-triangle-w{background-position: -80px -192px}.ui-icon-circle-triangle-n{background-position: -96px -192px}.ui-icon-circle-arrow-e{background-position: -112px -192px}.ui-icon-circle-arrow-s{background-position: -128px -192px}.ui-icon-circle-arrow-w{background-position: -144px -192px}.ui-icon-circle-arrow-n{background-position: -160px -192px}.ui-icon-circle-zoomin{background-position: -176px -192px}.ui-icon-circle-zoomout{background-position: -192px -192px}.ui-icon-circle-check{background-position: -208px -192px}.ui-icon-circlesmall-plus{background-position: 0 -208px}.ui-icon-circlesmall-minus{background-position: -16px -208px}.ui-icon-circlesmall-close{background-position: -32px -208px}.ui-icon-squaresmall-plus{background-position: -48px -208px}.ui-icon-squaresmall-minus{background-position: -64px -208px}.ui-icon-squaresmall-close{background-position: -80px -208px}.ui-icon-grip-dotted-vertical{background-position: 0 -224px}.ui-icon-grip-dotted-horizontal{background-position: -16px -224px}.ui-icon-grip-solid-vertical{background-position: -32px -224px}.ui-icon-grip-solid-horizontal{background-position: -48px -224px}.ui-icon-gripsmall-diagonal-se{background-position: -64px -224px}.ui-icon-grip-diagonal-se{background-position: -80px -224px}.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top{border-top-left-radius: 3px}.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr{border-top-right-radius: 3px}.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{border-bottom-left-radius: 3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{border-bottom-right-radius: 3px}.ui-widget-overlay{background: #aaa;opacity: .3;filter: Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow: 0 0 5px #666;box-shadow: 0 0 5px #666}


/*jquery.lightbox-0.5.min.css */
#jquery-overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 100%}#jquery-lightbox{position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0}#jquery-lightbox a img{border: none}#lightbox-container-image-box{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;max-width: 90%!important;height: auto!important}#lightbox-container-image{padding: 10px}#lightbox-loading{position: absolute;top: 40%;left: 0;height: 25%;width: 100%;text-align: center;line-height: 0}#lightbox-nav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10}#lightbox-container-image-box>#lightbox-nav{left: 0}#lightbox-nav a{outline: 0}#lightbox-nav-btnNext,#lightbox-nav-btnPrev{width: 49%;height: 100%!important;zoom: 1;display: block}#lightbox-nav-btnPrev{left: 0;float: left}#lightbox-nav-btnNext{right: 0;float: right}#lightbox-container-image-data-box{font: 10px Verdana,Helvetica,sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;max-width: 90%!important;padding: 0 10px}#lightbox-container-image-data{padding: 0 10px;color: #666}#lightbox-container-image-data #lightbox-image-details{width: 70%;float: left;text-align: left}#lightbox-image-details-caption{font-weight: 700}#lightbox-image-details-currentNumber{display: block;clear: left;padding-bottom: 1em}#lightbox-secNav-btnClose{width: 66px;float: right;padding-bottom: .7em}

@keyframes dropdownlogo {
	0% {transform: translateY(-200px);}
	100% {transform: translateY(0);}
}
@keyframes enhance {
	0% {opacity: 0; transform:  rotate(0deg) scaleX(0) scaleY(0) ;}
	100% {opacity: 1; transform:  rotate(0deg) scaleX(1) scaleY(1) ;}
}

@media	only screen and ( max-width: 1380px ) {

	.homepage .toppage		 {background-image: url('../images/layout/header/hompage-entrance-1340.jpg');}
	.granadapage .toppage	{background-image: url('../images/layout/header/granada-alhambra-1360.jpg');}
	.hotelpage .toppage		{background-image: url('../images/layout/header/hompage-garden-1360.jpg');}
	.ferreirolapage .toppage	{background-image: url('../images/layout/header/ferreirola-alpujarra-1360.jpg');}
	.offerpage .toppage		{background-image: url('../images/layout/header/offer-wandergruppe-1360.jpg');}


	.ferreirolapage .gallery .galsmimg:nth-of-type(6) {display: inline-block;}

	.gallery div {width: calc(25% - 5px);}
	.back-granada	{background-image: url('../images/photos/granada/granada-barrio-albaycin.jpg');}
	.back-alhambra	{background-image: url('../images/photos/granada/alhambra-patio-de-leones-6686-lutz-dausend.jpg');}

	.back-ferreirola {background-image: url('../images/photos/alpujarra/ferreirola-typical-street-960.jpg');}
	.back-scenery	{background-image: url('../images/photos/alpujarra/alpujarra-scenery-in-spring-960.jpg');}
	.back-hiking	{background-image: url('../images/photos/alpujarra/wanderwege-sierra-nevada-960.jpg');}

	.back-roofs {background-image: url('../images/photos/alpujarra/alpujarra-the-roofs-white-village-ferreirola-680.jpg');}
	.back-ferreirola2 {background-image: url('../images/photos/alpujarra/sierra-nevada-ferreirola-680.jpg');}
	.back-garden	{background-image: url('../images/photos/bed-and-breakfast/casa-rural-garden-and-rooms-680.jpg');}
	.back-kitchen	{background-image: url('../images/photos/bed-and-breakfast/casa-rural-kitchen-for-guests-680.jpg');}
	.back-breakfast	{background-image: url('../images/photos/bed-and-breakfast/casa-rural-breakfast-table-680.jpg');}
	.back-salon		{background-image: url('../images/photos/bed-and-breakfast/casa-rural-salon-with-chimnea-680.jpg');}

}

@media	only screen and ( max-width: 1340px ) {
	.gallery-wedding img {max-width: auto;}
 	.gallery-largevilla .imggal {width: calc(20% - 4px);}
}

@media	only screen and ( max-width: 1280px ) {
	.frame {padding-right: 20px;}
	.homepage .gallery .galsmimg {
    width: calc(25% - 5px);
  }
}

@media	only screen and ( max-width: 1180px ) {
	.tutor-holidays .container {width: 100%; max-width: 500px; margin: 30px auto;}
	.info-up #header {height: 350px;}
	.info-up .top-info {margin-top: -100px;}
}

@media	only screen and ( max-width: 1080px ) {
	.homepage .toppage		{background-image: url('../images/layout/header/hompage-entrance-1024.jpg');}
	.granadapage .toppage	{background-image: url('../images/layout/header/granada-alhambra-1024.jpg');}
	.hotelpage .toppage		{background-image: url('../images/layout/header/hompage-garden-1024.jpg');}
	.ferreirolapage .toppage	{background-image: url('../images/layout/header/ferreirola-alpujarra-1024.jpg');}
	.offerpage .toppage		{background-image: url('../images/layout/header/offer-wandergruppe-1024.jpg'); max-height: 500px;}

	.gallery-largevilla .imggal {width: calc(25% - 4px);}
	.wrapper-main {width: calc(100% - 20px);}

	.add-info p {padding-top: 0 !important;}
	.tutor-single .painting img {width: 68%; margin-left: 31%;}
	.tutor-desc {max-width: 68%;}
	.tutor-single {max-width: 100%; margin-left: 0;}
	.wedding .frame {padding: 0;}

	.gallery.gallery-alpujarra div,
	.gallery div {width: calc(33% - 5px);}
	.gallery .galsmimg:nth-of-type(6) {display: inline-block;}
	.homepage .gallery .galsmimg {width: calc(33% - 5px);}

	.back-granada	{background-image: url('../images/photos/granada/granada-barrio-albaycin.jpg');}
	.back-alhambra	{background-image: url('../images/photos/granada/alhambra-patio-de-leones-6686-lutz-dausend.jpg');}

	.back-ferreirola {background-image: url('../images/photos/alpujarra/ferreirola-typical-street-960.jpg');}
	.back-scenery	{background-image: url('../images/photos/alpujarra/alpujarra-scenery-in-spring-960.jpg');}
	.back-hiking	{background-image: url('../images/photos/alpujarra/wanderwege-sierra-nevada-960.jpg');}

	.back-roofs		{background-image: url('../images/photos/alpujarra/alpujarra-the-roofs-white-village-ferreirola-500.jpg');}
	.back-ferreirola2 {background-image: url('../images/photos/alpujarra/sierra-nevada-ferreirola-500.jpg');}
	.back-garden	{background-image: url('../images/photos/bed-and-breakfast/casa-rural-garden-and-rooms-500.jpg');}
	.back-kitchen	{background-image: url('../images/photos/bed-and-breakfast/casa-rural-kitchen-for-guests-500.jpg');}
	.back-breakfast	{background-image: url('../images/photos/bed-and-breakfast/casa-rural-breakfast-table-500.jpg');}
	.back-salon		{background-image: url('../images/photos/bed-and-breakfast/casa-rural-salon-with-chimnea-500.jpg');}


}

@media	only screen and ( max-width: 980px ) {
	#logo .navlang {
		display: none;
	}
	#website-title {
		margin: -10px auto 0;
	}

	.accommodation-info .service-picture {width: 100%; height: 400px;}
	.accommodation-info .service-info {width: 100%;}
	.accommodation-info .service-info h2 {text-align: center;}
	.accommodation-info.contact-info .service-picture {width: 42%; height: auto;}
	.accommodation-info.contact-info .service-info {width: 58%;}

	.block-act .info {margin: 30px 27% 120px 8%;}
	.block-act.left-side {max-width: 90%; margin-right: 10%;}
	.block-act.right-side {max-width: 90%; margin-left: 10%;}
	.block-act.left-side .info {margin: 30px 25% 120px 5%;}
	.block-act.right-side .info {margin: 30px 5% 120px 25%;}
}

@media	only screen and ( max-width: 920px ) {
	.homepage .gallery .galsmimg {width: calc(50% - 5px);}
	.homepage .review-article.tutor-info {width: 45%;}

	.accommodation .main-service .service-info {width: 100%;}
	.main-service .service-info,
	.service-info {width: 52%;}
	.price-info,
	.service-description {width: 100%; min-height: auto; padding: 0 0 1rem 2rem; color: #3c473d;}
	.service-description .facilities img {height: 20px;}
	.price-info > div {position: relative; display: flex;}
	.price-info > div > div {width: 45%; font-size: 14px;}
	.price-info hr {display: none;}
	.service-list .booker {height: auto; padding-right: 10%; margin-top: 15px;}
	.tutor-single .painting img {width: 90%; margin-left: 10%;}
	.blockprice .box3 {width: 50%; margin: 0 auto;}
	.gardenflower {margin-bottom: 0;}

}

@media	only screen and ( max-width: 820px ) {
	.homepage .toppage		{background-image: url('../images/layout/header/hompage-entrance-768.jpg');}

	.roomgrid > div {width: 48%; margin-bottom: 20px;}

	.top-booking {bottom: 3vh;}


 	.gallery-largevilla .imggal {width: calc(33% - 4px);}
	.navvig {display: none !important;}
	.frame {padding: 0 2.604%}
	.wrapper-main {width: 100%; padding-left: 10px; float: none;padding-right: 10px;}

	.info-up .top-info {margin-top: 20px;}

	.tutor-infotop-info {background-size: 38% auto;}
	.tutor-infotop-info img {width: 35%;}
	.add-info p {line-height: 1.7 !important;}

	#main > h1 {color: #111111;}
	#logoimg {left: 1%; width: 33%; margin: -60px auto 0 0;z-index: -1;max-width: 220px;position: absolute;}
	#website-name {background-size: 100% auto; max-width: 550px; width: 62%; font-size: 18px; padding: 5px 10px 0;}
	.info-up #logoimg {display: none;}

	#topnav .navbutton {display: inline;}
	.main-facilities {padding-bottom: 50% !important;}
	.impressions .imggal {width: 49% !important;}
	.gardenflower {margin-bottom: -1.5rem; min-width: auto}

	#footer .grid4 {width: 50%;}
}

@media	only screen and ( max-width: 700px ) {
	#website-title h1 span {padding: 0 2rem;/*! font-size: calc(16px + 2vw); */}

	.gallery.gallery-alpujarra div,
	.gallery div {width: calc(50% - 5px);}

	.literaturepage .grid2 {width: 100%;}

	.offer {padding: 0;/*! background-position-y: 110; *//*! background-position: center 110px; */}
	.offer .txtinfo:first-of-type {margin-top: 20px;width: 62%;}
	.offer .txtinfo:nth-of-type(2) {margin: 1.5em 0 0 auto; margin-top:220px;width: 679%;}
	.homepage .offer .txtinfo {margin-top: 220px !important; width: 100%;}
	.homepage .offer {
		padding: 0;
		min-height: auto;
		background-position: top right;
		background-size: 336px 252px;
	}

	.presentation > div {
		/*! height: 400px; */
		margin-bottom: 150px;
		/*! position: relative; */
		overflow: inherit;
		/*! padding-bottom: 100px; */
	}
	.presentation > div > img {
		/*! position: absolute; */
		/*! top: 0; */
		/*! bottom: 0%; */
		left: 0;
		max-width: 100%;
		max-height: 400px;
		right: 0;
		margin: 0 auto;
	}
	.txtinfo1,
	.txtinfo2,
	.txtinfo3,
	.txtinfo4,
	.txtinfo5 {width: 100%; bottom: auto; right: 0; left: 0;top: 90%;max-width: 100%;}

	.offer .txtinfo:nth-of-type(3) {margin-top: 60px; width: 72%;}

	.service-description {padding: 1rem 0 0;}

	.service-picture,
	.service-info,
	.main-service .service-info {width: 100%;}
	.price-info > div > div {width: 25%; max-width: 180px;}

	.price-info, .service-description {padding: 0;}
	.service-list .booker {float: right; width: auto; margin-top: -50px; padding-right: 3%;}
	.imggrid3w img {width: 49.5%;}
	.imggrid3w img:nth-of-type(1) {display: none;}

	.homepage .review-article.tutor-info {max-width: 450px; width: 100%}

	.tutor-single {margin-bottom: 80px;}
	.gardenflower {margin-bottom: 0;}


}

@media	only screen and ( max-width: 660px ) {
	.disht660 {display: none !important;}
	.nodislt660 {display: none;}
	.dislt660 {display: block !important;}

	.toppage {max-height: 300px;}
	.homepage .toppage		{background-image: url('../images/layout/header/hompage-entrance-600.jpg');}
	.granadapage .toppage	{background-image: url('../images/layout/header/granada-alhambra-600.jpg');}
	.hotelpage .toppage		{background-image: url('../images/layout/header/hompage-garden-600.jpg');}
	.ferreirolapage .toppage	{background-image: url('../images/layout/header/ferreirola-alpujarra-600.jpg');}
	.offerpage .toppage		{background-image: url('../images/layout/header/offer-wandergruppe-660.jpg'); max-height: 400px;height: 400px !important;min-height: 400px;}

	#facilities .facility-grid > div {width: 40%;}

	.modbooking select, .modbooking textarea {float: none;}
	/* div header start */
	#logoimg  {margin-left: -1%; margin-top: -80px;}
	#logotext {margin: 20px 2% 5px; max-width: 65%;}
	#topnav	{display: block; /*! float: none; */ /*! position: relative; */ /*! margin: 0; */ /*! padding: 0; */}

	#topnav a.navban, .navbutton {
		display: block;
	}
	#topnav a.navbutton {
		text-align: right;
	}
	.top-booking .modbooking .control-group {width: 49.5%;margin: 10px auto;}
	.top-booking .modbooking .control-group.group-booklabel {width: 50%;}
	#footer .inner {width: 98%; float: none; padding-right: 1%; padding-left: 1%}
	#footer p {font-size: 0.85em; line-height: 2.2em;}

	.texthalf {
		padding-top: 20px;
		transform: translateY(0);
	}
	.disnorm .textmiddle {
		padding-top: 50px;
		transform: translateY(0%);
		position: relative;
		top: 0%;
	}
		.photohalf .grid2 {
		width: 100%;
	}
	.photohalf.rev {
		flex-flow: wrap-reverse;
	}

	.photohalf .photo-back-full {height: 50vh; max-height: 510px;}
	.back-granada	{background-image: url('../images/photos/granada/granada-barrio-albaycin.jpg');}
	.back-alhambra	{background-image: url('../images/photos/granada/alhambra-patio-de-leones-6686-lutz-dausend.jpg');}

	.back-ferreirola {background-image: url('../images/photos/alpujarra/ferreirola-typical-street-960.jpg');}
	.back-scenery	{background-image: url('../images/photos/alpujarra/alpujarra-scenery-in-spring-960.jpg');}
	.back-hiking	{background-image: url('../images/photos/alpujarra/wanderwege-sierra-nevada-960.jpg');}

	.back-roofs {background-image: url('../images/photos/alpujarra/alpujarra-the-roofs-white-village-ferreirola-680.jpg');}
	.back-ferreirola2 {background-image: url('../images/photos/alpujarra/sierra-nevada-ferreirola-680.jpg');}
	.back-garden	{background-image: url('../images/photos/bed-and-breakfast/casa-rural-garden-and-rooms-680.jpg');}
	.back-kitchen	{background-image: url('../images/photos/bed-and-breakfast/casa-rural-kitchen-for-guests-680.jpg');}
	.back-breakfast	{background-image: url('../images/photos/bed-and-breakfast/casa-rural-breakfast-table-680.jpg');}
	.back-salon		{background-image: url('../images/photos/bed-and-breakfast/casa-rural-salon-with-chimnea-680.jpg');}

}

@media	only screen and ( max-width: 620px ) {

 	.gallery-largevilla .imggal {width: calc(50% - 4px); max-width: 250px;}
	.homepage .gallery {/*! max-height: 1020px; */ overflow: hidden;}
	.gallery.gallery-alpujarra div {width: calc(50% - 10px);}

	.todo-distance-big {

    padding-top: 35px !important;
    padding-bottom: 35px !important;

}
	.presentation > div {
		/*! height: 450px; */
		text-align: center;
		margin-bottom: 50px;
	}
	.presentation > div img {
		position: relative;
		margin: 0 auto !important;
		/*! text-align: center; */
	}
	.presentation .txtinfo {position: relative;}
	.txtinfo1,
	.txtinfo2,
	.txtinfo3,
	.txtinfo4,
	.txtinfo5 {position: relative}

	#website-name {
		max-width: 500px;
		width: 90%;
		margin-top: 15px;
		font-size: 18px;
	}

	.arrivalbox > div {width: 100%;}
	.arrivalbox > div {margin: 35px 0 !important;}

	#footer .flexgrid3wrap {display: block;}
	#footer .grid3 {width: 100%;}
	.add-info {text-align: center}
	.add-info .photo {float: none !important; margin-left: auto !important; margin-right: auto !important; width: 100%; max-width: 420px;}
	.add-info p {margin-top: 10px;}
	.activities #facilities {background-image: none;}
}

@media	only screen and ( max-width: 580px ) {
	.roomgrid > div {
		width: 100%;
		max-width: 450px;
    margin: 20px auto;
  }
	p, footer, footer p	{font-size: 1em; line-height: 1.7em}
	footer .fcontact 	{font-size: 1em; line-height: 2.2em; margin-top: 0; vertical-align: text-bottom}
	.no2columns	{display: inherit}
	.yes2columns{display: none}
	.nodislt580	{display: none}
	.dislt580	{display: inline}
}

@media	only screen and (max-width: 568px ) {
	.disht568	{display: none;}
	.dislt568	{display: block;}

	.navvig		{float: none; width: 100%; max-width: 100%;}
	.navvig li	{float: left; width: 49.9%;}

	.price-info > div > div {width: 45%; max-width: 500px;}

	.main-service p.facilities {text-align: center;}
	.homepage .booker {float: none; width: 100%; margin-top: 0px; padding-right: 0%; margin-top: 1rem;}


	#form-box			{width: 100%; float: none;}
	#contacto .labnorm	{float: none; text-align: left; width: 98%; margin-bottom: 0;}
	#contacto .inpnorm, #contacto input#phone, #contacto input#email, #contacto textarea		{max-width: 560px; width: 98%;}
	.divcaptacha label, #contacto label.labnorm {text-align: left;}

	.modbooking button.submit-button, .modbooking input, .modbooking .bookingform .controls {max-width: 500px;}
	.modbooking .booklabel {line-height: 1.4em !important; text-align: left; width: 100%;}
	.modbooking label {margin: 0;}
	.modbooking select, .modbooking textarea {max-width: 500px;}
	.modbooking .control-group {margin-bottom: 1.2em;}

	.contactaddress > div:nth-of-type(1),
	.contactaddress > div:nth-of-type(2) {width: 100%;}

	.imggrid3w img {width: 100%; max-width: 420px; margin: 0 auto;}
	.tutor-single .painting img {width: 100%; margin-left: 0;}
	.accommodation .top-info img {max-width: 55%;}

	.block-act .info {margin: 30px 27% 120px 2%;}
	.block-act.left-side {max-width: 100%; margin-right: 0%;}
	.block-act.right-side {max-width: 100%; margin-left: 0%;}
	.block-act.left-side .info {margin: 30px 25% 120px 2%;}
	.block-act.right-side .info {margin: 30px 2% 120px 25%;}

}

@media	only screen and ( max-width: 500px ) {
	.top-booking .modbooking .control-group {width: 100%; margin: 5px auto;}
	.top-booking .modbooking .control-group.group-booklabel {width: 100%;}

	.homepage .gallery .galsmimg {
    width: calc(100% - 10px);
  }
	.offer .txtinfo:first-of-type {margin-top: 16px; width: 100%;}
	.offer .txtinfo:nth-of-type(2) {margin: 1.5em 0 0 auto; margin-top:240px; width: 100%;}

	.menutitle {display: none;}
	#topnav a.menu {
    /*! color: #ffffff; */
    padding: 11px 18px 14px 5px;
    /*! background-image: url('../images/graphic/cloud.svg'); */
    /*! fill: var(--color-back-dark); */
    /*! background-size: 100% auto; */
    /*! background-repeat: no-repeat; */
    width: 75px;
    height: 50px;
  }
  img.pichalfl, img.pichalfr {
		width: 100%;
		margin-right: 0%;
		margin-left: 0%;
		float: none;
	}

	#footer .grid4 {width: 100%;}

	.txtinfo3 {width: 100%;}

   .offer .txtinfo:nth-of-type(3) {width: 100%;}

	.container.padd1 {padding: 0px 15px;}

	.tutor-info .name, .tutor-info .name a {font-size: 1.1em; margin: 0;}
	.tutor-info .date {font-size: 1em;}
	.tutor-info .date, .tutor-info .price {font-size: 0.9em;}

	.accommodation-info.contact-info .service-picture {width: 100%; height: 250px; background-position: center top;}
	.accommodation-info.contact-info .service-info {width: 100%;}

	h1 {font-size: 1.6em;}
	.flowslides {display: block; width: 460px; height: 259px}
	.bookerform .submit-button, span.submit-button {font-size: 1em;}
	.tutor-desc {position: static; background-color: rgba(250,250,250,0.9); max-width: 100%;}
	.blockprice .box3 {width: 100%;}

	.back-granada	{background-image: url('../images/photos/granada/granada-barrio-albaycin.jpg');}
	.back-alhambra	{background-image: url('../images/photos/granada/alhambra-patio-de-leones-6686-lutz-dausend.jpg');}

	.back-ferreirola {background-image: url('../images/photos/alpujarra/ferreirola-typical-street-960.jpg');}
	.back-scenery	{background-image: url('../images/photos/alpujarra/alpujarra-scenery-in-spring-960.jpg');}
	.back-hiking	{background-image: url('../images/photos/alpujarra/wanderwege-sierra-nevada-960.jpg');}

	.back-roofs {background-image: url('../images/photos/alpujarra/alpujarra-the-roofs-white-village-ferreirola-500.jpg');}
	.back-ferreirola2 {background-image: url('../images/photos/alpujarra/sierra-nevada-ferreirola-500.jpg');}
	.back-garden	{background-image: url('../images/photos/bed-and-breakfast/casa-rural-garden-and-rooms-500.jpg');}
	.back-kitchen	{background-image: url('../images/photos/bed-and-breakfast/casa-rural-kitchen-for-guests-500.jpg');}
	.back-breakfast	{background-image: url('../images/photos/bed-and-breakfast/casa-rural-breakfast-table-500.jpg');}
	.back-salon		{background-image: url('../images/photos/bed-and-breakfast/casa-rural-salon-with-chimnea-500.jpg');}


}

@media	only screen and ( max-width: 479px ) {
	.flowslides {display: block; width: 320px; height: 180px}
	#website-title {max-width: 92%;}
	#website-title h1 span {padding: 0 1.5rem;}

	.wrapper-full,
	.wrapper-monitor,
	.wrapper-wide,
	.wrapper-tablet,
	.wrapper-text {
		padding-left: 10px;
		padding-right: 10px;
	}
	#footer .grid4 {width: 100%;max-width: 400px;/*! border-bottom: 1px solid rgba(255,255,255,0.5); */}

	.no480display	{display: none}
	.nodislt479		{display: none}
	.dislt479		{display: inline}
	.dis479to90		{max-width: 90%}
}

@media	only screen and (max-width: 440px ) {
	.impressions .imggal {width: 100% !important; max-width: 360px !important;}
	.impressions .galsmimg:nth-child(even) {display: none;}
	.accommodation-info .service-picture {height: 300px;}

	.block-act {margin-top: 150px;}
	.block-act .info {margin: -120px 2% 120px 2%; padding: 20px 12px;}
	.block-act.left-side {max-width: 90%; margin-left: 10%;}
	.block-act.right-side {max-width: 90%; margin-right: 10%;}
	.block-act.left-side .info {margin: -120px 5% 120px -10%;}
	.block-act.right-side .info {margin: -120px -10% 120px 5%;}

}
/* ----- views ----- */
@media	only screen and ( max-width: 420px ) {
	.activities .tutor-info {padding: 0;}

	.offerpage .toppage {
		background-image: url('../images/layout/header/offer-wandergruppe-660.jpg');
		max-height: 360px;
		height: 360px !important;
		min-height: 360px;
	}
	.presentation > div > img {
		max-width: 112.5%;
		margin: 0 !important;
	}
}

@media	only screen and (max-width: 380px ) {
	#facilities .facility-grid > div {width: 80%;}

	.gallery.gallery-alpujarra div,
	.gallery div {width: calc(100% - 6px);}

	.dpicright, .dpicleft {float: none; margin: auto;}
	#website-title h1 {font-size: 26px !important;}
	#website-title h1 span {padding: 0 5px;}
}

@media	only screen and ( max-width: 340px ) {
	.tutor-picture {width: 75%;}

	#form label.labnorm	{float: none}
	#form input.inpnorm	{width: 96%}
	h1 img {max-width: 20%;}
	.activities #facilities .facility-grid > div {width: 49.5%;}
}
@media	only screen and ( max-width: 280px ) {
	h1 img {max-width: 16%;}
}
