:root {

  --main-font-size: 35px;
  --dark-grey: #222222;
  --white: #ffffff;
  --black:#000;
  --oker:#D5B962;
  --oker-2:#E9E2CF;
  --book-green: #749A69;
    --green-dark:#57714f;
    --red: #C65F38;
  --color-gold: #C2986B;
  --font-franklin: 'Libre Franklin', 'Roboto', Tahoma, Arial, sans-serif;
  --font-playfair: 'Playfair Display', Georgia, serif;
  --table: table;
  --table-cell: table-cell;
  --100-width: 100%;
  --100-height: 100%;
  --font-size: 1rem;
  --font-size-1: 1.75rem;
  /*28px*/
  --font-size-2: 1.5rem;
  /*24px*/
  --font-size-3: 1.3125rem;
  /*21px*/
  --font-size-4: 1.125rem;
  /*18px*/
  --font-size-5: 0.875rem;
  /*14px*/
}
body {background: url(bg.svg) no-repeat center center;font-size: 16px; background-size: 1440px; height: 100vh; font-family: var(--font-franklin); line-height: 1.8;color: var(--dark-grey);}
        
h1,h2,h3,h4,h5,h6 {font-family: var(--font-playfair);}
h2 {font-size: 2.25rem;line-height: 1.25;}
h3 {font-size: 1.875rem;line-height: 1.25;}
a {color: #C65F38}
p {line-height: 1.8}
ul {margin:.75rem 0 .75rem 2rem; list-style: none;}
ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: var(--book-green);/* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
ul li{color: var(--dark-grey);}
.logo {display: block; text-align: center; text-decoration: none;}
.logo img{max-width: 120px;margin: 10px auto;}
ul.lang {list-style-type: none; margin: 0px;padding: 0; float: right; padding: 0;    position: absolute;
        right: 16px;
    top: 0;}
ul.lang li:before{display: none;}
ul.lang li {display: inline-block;margin: 1px 10px;}

ul.lang li a{text-decoration: none;color: #000; font-weight: 300; text-transform: uppercase; font-size: 12px;}
ul.lang li.current a{font-weight: 400;}
ul.lang li a:after,
ul.lang li.current a:after{height: 1px;
    display: block;
    width: 30%;
    margin: 0;
    background: #9C6B4B;
    float: right;
    border-right: 1px white;
    content: '';   
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 022s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;}
ul.lang li a:after {background: transparent}
ul.lang li a:hover:after{width: 100%; background: #9C6B4B;}
.topnav {
  overflow: hidden;
}

.topnav a {
  float: left;
  display: block;
  color: var(--black);
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: var(--font-size);
  text-transform: uppercase;
}

.topnav a:hover,.active {
  font-weight: 600;
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
    transition: all .5s ease;
}

.dropdown .dropbtn {
 font-size: 1rem;
    text-transform: uppercase;    
  border: none;
  outline: none;
  color: #000;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: var(--white);
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 100;
    border-radius: 15px;
    transition: all .5s ease;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  font-weight: 600;
     transition: all .5s ease;
}

.dropdown-content a:hover {
 
}

.dropdown:hover > .dropdown-content {
  display: block;
    transition: all .5s ease;
}
/*slider*/
.slider-holder{max-width: 1440px; margin: 0 auto;}
.slider { max-height: 600px; overflow: hidden; height: calc(100vh - 150px); max-width: 100%;  width: 100%;background: transparent; position: relative; z-index: 1;float: left; border-radius: 25px 0px;}
.slider.page {  overflow: hidden; /*min-height: auto !important;*/ max-width: 100%; width: 100%;}
.slider .slick-slide img { width: 100%; vertical-align: middle; height: 100%}
.slider div.slide {
        background-size: cover;
        height: calc(100vh - 150px);
        min-height: 440px;
        max-height: 600px;
        background-position: center center;
        display: table;
        vertical-align: middle;
       border-radius: 25px 0px; 
    width: 100%
	}
.slider.page div.slide {
        background-size: cover;
        
        background-position: center center;
        display: block;
        vertical-align: middle;
      width: 100%;
	}
.slick-arrow {width: 30px;
    height: 30px;
    background: var(--oker);
    padding: 10px;
    border-radius: 50%; 
position: absolute;
z-index: 12;
    cursor: pointer;
    opacity: .85;}
.slick-arrow.next {transform: rotate(180deg); bottom: 2rem; right: 2rem;}
.slick-arrow.prev {bottom: 2rem; right: 4.5rem;}
.caption  { 
    z-index: 100;
    color:var(--white); 
    padding: 2rem 2rem 4rem 2rem;
    top: 0;
    left: 0;
    bottom: 0;
    right: auto;
    height: 100%;
    max-width: 100%;
    border-top-left-radius: 25px;
    display: flex;
        flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    vertical-align: middle;
background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 );}
.caption h2{ font-weight: 700;    font-size: 1.6rem; position: relative; display: block;z-index: 1;}
.caption h2:before {
    content: '';
    background:var(--oker);  
    position: absolute; 
    width: 60px; 
    height: 60px; 
    border-radius: 50%; 
    left: -20px; 
    top: -20px; 
    opacity: .45; 
    z-index: -1; 
    display: inline-block}
.slider .caption:before {opacity: .75; }
.caption p{ font-size: 1rem;font-weight: 600; }
.slider .caption h2{font-size: 2.6rem;}
.slider .caption p{font-size: 1.25rem;line-height: 1.25}
.slider .caption .btn {
    color: var(--white);
    font-size: var(--font-size-5);
    padding: 5px 0;
    text-decoration: none;
    text-align: center;
    font-weight: 600;
}
/* booking box*/
.booking-box { max-height: 500px; overflow: hidden;  max-width: 100%; background: #fff url(blue-book.svg) no-repeat right top; background-size: 200px;position: relative; z-index: 2; float: right;-webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.22);
box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.22);border-radius: 25px 0px 25px 25px;padding: 2rem;}
.booking-box  h2 {font-weight: 700; font-size: var(--font-size-2)}
.booking-box .privacy{font-size: 0.725rem; color: #999999; margin: 0.75rem 0 0 0 ;}

/* buttons */
  
.btn{display: flex; align-items:center; font-weight: 400; text-transform: uppercase; font-size: .75rem;}
.btn.book {
    background: var(--book-green);
    color: var(--white);
    font-size: var(--font-size-5);
    text-transform: uppercase;
    display: block;
    border-radius: 10px;
    padding: 12px 15px;
    text-decoration: none;
    text-align: center;
    font-weight: 600;
}
.btn:hover{color: var(--book-green);}
.btn.book:hover{color: var(--white);background: var(--green-dark);}
.btn svg {margin-left: 8px;}
.another-circle {
  stroke-dasharray: 227;
  stroke-dashoffset: 227;
  transition: stroke-dashoffset .4s ease-out;
}
.btn:hover .another-circle {
  stroke-dashoffset: 0;
    stroke: var(--book-green);
}
.ring{transition: 0.4s ease-out;transform: translateX(-40px) translateY(-4px); stroke: #fff;}
.btn:hover .ring {
  transform: translateX(28px) translateY(-4px) /*rotate(-10deg) scale(0.5)*/;
     fill: var(--book-green);
}
/*accomodation*/
.cards, .content, footer, .photgallery {padding: 4rem 0;}
.content {padding: 2rem 0;}
.photgallery {background: var(--oker-2);}
.cards .intro{text-align: center; padding-bottom: 2rem; max-width: 768px; margin: 0 auto;}
.accommodation {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.accommodation img{
    border-radius: 15px 0px;
}

.accommodation .caption {
    background: var(--white);
    -webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.22);
    -moz-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.22);
    box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.22);
    border-radius: 15px;
    padding: 2rem;
    color: var(--black);
    position: relative;
     bottom: auto;
   top:-80px;
    margin-top: auto;
    min-width: 90%;
}

.odd .accommodation .caption{
    bottom: auto;
    top: -80px;
    margin-top: auto;
}

.accommodation .caption p {font-weight: 400;}
.accommodation .caption ul {
    list-style-type: none;
    padding: 0;
    margin: 0 0 1rem 0;
}

.accommodation .caption ul li {
    display: inline-block;
    position: relative;
    padding-left: 2.125rem;
    font-size: .8125rem;
    margin-right: 1.5rem;
    align-content: center;
    justify-content: center;
    line-height: 1.725rem;
}

.accommodation .caption ul li:before {
    content: "";
    width: 20px;
    height: 20px;
    padding: 14px;
    border-radius: 50%;
    background-color: var(--oker);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 0;
    margin-left: 0;
}
.accommodation .caption ul li.plot:before {background-image:url(/site/templates/css/plot.svg);}
.accommodation .caption ul li.people:before {background-image:  url(/site/templates/css/people.svg);}
.more-info{
    position: relative;
    padding: 3rem;
    border: 1px solid var(--oker-2);
    border-radius: 15px;
    margin-top: 5rem;
}


/*Cards facilities*/

.card {
  width: 100%;
  height: 180px;
  border-radius: 10px;
  padding: 1.5rem;
  background: transparent;
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
    border:none;    
}
.card:hover {
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}


.card:hover .info p, .card:hover .info  .btn{opacity: 1; height: auto;}
.card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;  
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 1;
}
.card:hover:before {
  opacity: 1;
}
.card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
}
.card .info {
  position: relative;
  z-index: 3;
  color: white;
    width: 100%;
    text-align: center;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.card:hover .info {
  opacity: 1;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
}
.card .info h2 {
  margin: 0px; font-weight: 700;font-size: 1.2rem; position: relative; display: block;z-index: 1; color: #fff
}
.card .info p {

  font-size: 15px;
  margin-top: 8px;
     opacity: 1;
    height: auto;
    line-height: 1;
}
.card .info .btn {
  padding: 0.6rem;
  outline: none;
  border: none;
  border-radius: 3px;
  
  color: var(--white);
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
     opacity: 1;
}
.card .info .btn:hover {
  color: var(--red);
}

.oker { background:var(--oker-2) url(bg-oker.svg) no-repeat center center; background-size: 100%;}
.map{display: none}
/*Gallery*/
.gal-item {position: relative;-webkit-transition: 0.4s ease-out;transition: 0.4s ease-out;display: flex;border-radius: 10px;}
.gal-item img{border-radius: 10px;}
.gal-item:before {
  content: "15 images";
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
    color: var(--white);
    font-size: .75rem;
    padding-top: 3rem;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.6) url(zoom.svg) no-repeat center center;
    background-size: 25px;
  z-index: 2;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
}

.gal-item:hover:before {opacity: 1}
@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important; } 

}

@media screen and (max-width: 39.99875em) {
    .topnav {margin-top: 3rem}
.topnav a, .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
    font-size: 25px;
    line-height: 1;
      font-size: 25px;
  } 
.topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}   


@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important; } 
    .slider, .slider.page {overflow: hidden; height: calc(100vh - 150px); max-width: 67%; width: 67%; min-height: 440px; cursor: default}
    .booking-box { max-height: 500px; overflow: hidden;  max-width: 35%;  position: absolute; z-index: 2; right: .9375rem;}
        .topnav{    display: flex;
    align-items: center;
    height: 100%;
}
    .caption  { 
    padding: 2rem 2rem 4rem 4rem;
        max-width: 60%;}
    .accommodation .caption {
     top:-80px;
    margin-top: auto;
    min-width: 70%;
}
.odd .accommodation .caption{
    bottom: -80px;
    top: auto;
    margin-top: -80px;
}
    .list {
    margin-bottom: -40px;
}
    .card {height: 360px;}
    .card:before {

  opacity: 0;
}
.card:hover:before {
  opacity: 1;
}
    .card .info {
  -webkit-transform: translateY(130px);
          transform: translateY(130px);

}
.card:hover .info {
  opacity: 1;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
}
    .card .info p {
     opacity: 0;
    height: 0;
}
.card .info .btn {
     opacity: 0;
}
    .card .info h2 {
  font-size: 1.6rem;
}
}


@media screen and (max-width: 63.99875em) {
  .show-for-large {
    display: none !important; } 
}

.error-msg{
  background-color: #f2dede;
  border-color: #ebcccc;
  color: #a94442;
}
.error-success{
  background-color: #dff0d8;
  border-color: #d0e9c6;
  color: #3c763d;
}

/*! jQuery UI - v1.11.2 - 2015-01-10
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=2px&bgColorHeader=dddddd&bgTextureHeader=highlight_soft&bgImgOpacityHeader=50&borderColorHeader=dddddd&fcHeader=444444&iconColorHeader=454545&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=dddddd&fcContent=444444&iconColorContent=ff0084&bgColorDefault=f6f6f6&bgTextureDefault=highlight_soft&bgImgOpacityDefault=100&borderColorDefault=dddddd&fcDefault=454545&iconColorDefault=666666&bgColorHover=454545&bgTextureHover=highlight_soft&bgImgOpacityHover=25&borderColorHover=454545&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=dddddd&fcActive=ff0084&iconColorActive=454545&bgColorHighlight=ffffff&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=cccccc&fcHighlight=444444&iconColorHighlight=454545&bgColorError=ffffff&bgTextureError=flat&bgImgOpacityError=55&borderColorError=ff0084&fcError=222222&iconColorError=ff0084&bgColorOverlay=eeeeee&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.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:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-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-prev span,
.ui-datepicker .ui-datepicker-next 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: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	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;
}

/* with multiple calendars */
.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;
}

/* RTL support */
.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;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
	color: #444444;
}
.ui-widget-content a {
	color: #444444;
}
.ui-widget-header {
	/*border: 1px solid #dddddd;
	background: #dddddd url("images/ui-bg_highlight-soft_50_dddddd_1x100.png") 50% 50% repeat-x;*/
	color: #444444;
	font-weight: bold;
}
.ui-widget-header a {
	color: #444444;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #f3f3f3;
	/*background: #f6f6f6 url("images/ui-bg_highlight-soft_100_f6f6f6_1x100.png") 50% 50% repeat-x;*/
	font-weight: bold;
	color: #749a69;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #749a69;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #749a69;
	background: #749a69;
	font-weight: bold;
	color: #ffffff;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #ffffff;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #749a69;
	background: #ffffff    ;
	font-weight: bold;
	color: #749a69;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ff0084;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #cccccc;
	background: #ffffff url("images/ui-bg_flat_55_ffffff_40x100.png") 50% 50% repeat-x;
	color: #444444;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #444444;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #ff0084;
	background: #ffffff url("images/ui-bg_flat_55_ffffff_40x100.png") 50% 50% repeat-x;
	color: #222222;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #222222;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #222222;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_ff0084_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_749a69_256x240.png");
}
.ui-state-default .ui-icon {
	background-image: url("images/ui-icons_666666_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-active .ui-icon {
	background-image: url("images/ui-icons_749a69_256x240.png");
}
.ui-state-highlight .ui-icon {
	background-image: url("images/ui-icons_749a69_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_ff0084_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-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: -64px -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: -64px -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: 0 -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 is deprecated, use ui-icon-seek-start instead */
.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; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 2px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 2px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 2px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 2px;
}

/* Overlays */
.ui-widget-overlay {
	background: #eeeeee url("images/ui-bg_flat_0_eeeeee_40x100.png") 50% 50% repeat-x;
	opacity: .8;
	filter: Alpha(Opacity=80); /* support: IE8 */
}
.ui-widget-shadow {
	margin: -4px 0 0 -4px;
	padding: 4px;
	background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .6;
	filter: Alpha(Opacity=60); /* support: IE8 */
	border-radius: 0px;
}