@charset "utf-8";

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html { font-family: sans-serif; /* 1 */  -ms-text-size-adjust: 100%; /* 2 */  -webkit-text-size-adjust: 100%; /* 2 */}

/**
 * Remove default margin.
 */
body { margin: 0;}
/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,aside,details,figure,footer,header,hgroup,main,menu,nav,section,summary {  display: block;}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,canvas,progress,video {  display: inline-block; /* 1 */  vertical-align: baseline; /* 2 */}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {  display: none;  height: 0;}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],template {  display: none;}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */
a {  background-color: transparent;}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,a:hover {  outline: 0;}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {  border-bottom: 1px dotted;}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,strong {  font-weight: bold;}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {  font-style: italic;}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {  font-size: 2em;  margin: 0.67em 0;}

/**
 * Address styling not present in IE 8/9.
 */
mark {  background: #ff0;  color: #000;}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {  font-size: 80%;}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}
sup {  top: -0.5em;}
sub {  bottom: -0.25em;}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {  border: 0;}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {  overflow: hidden;}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {  margin: 1em 40px;}

/**
 * Address differences between Firefox and other browsers.
 */
hr {  -moz-box-sizing: content-box;  box-sizing: content-box;  height: 0;}

/**
 * Contain overflow in all browsers.
 */
pre {  overflow: auto;}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,kbd,pre,samp {  font-family: monospace, monospace;  font-size: 1em;}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,input,optgroup,select,textarea {  color: inherit; /* 1 */  font: inherit; /* 2 */  margin: 0; /* 3 */}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {  overflow: visible;}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,select {  text-transform: none;}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,html input[type="button"], /* 1 */input[type="reset"],input[type="submit"] {  -webkit-appearance: button; /* 2 */  cursor: pointer; /* 3 */}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],html input[disabled] {  cursor: default;}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,input::-moz-focus-inner {  border: 0;  padding: 0;}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {  line-height: normal;}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],input[type="radio"] {  box-sizing: border-box; /* 1 */  padding: 0; /* 2 */}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {  height: auto;}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {  -webkit-appearance: textfield; /* 1 */  -moz-box-sizing: content-box;  -webkit-box-sizing: content-box; /* 2 */  box-sizing: content-box;}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {  -webkit-appearance: none;}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {  border: 1px solid #c0c0c0;  margin: 0 2px;  padding: 0.35em 0.625em 0.75em;}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {  border: 0; /* 1 */  padding: 0; /* 2 */}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {  overflow: auto;}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {  font-weight: bold;}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */
table {  border-collapse: collapse;  border-spacing: 0;}

td,th {  padding: 0;}









/*
gris-beige color: 979382
green color: 369343
*/


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html {font-size:65%; }
body {font-size: 1.6em; /* currently ems cause chrome bug misinterpreting rems on body element */  font-family: 'Open Sans', sans-serif;  color: #555;  position:relative;}
p, li{color:#555555;}
.container {position: relative;  width: 98%;  max-width: 1200px;  margin: 0 auto;  padding: 0;  box-sizing: border-box; }
.leftSidebar {margin-top:5rem;}
.column, .columns { margin-left: 0; }
.column,.columns {  width: 100%;  float: left;  box-sizing: border-box; }
@media (min-width: 768px) {
  .container { width: 96%; }
  .column, .columns { margin-left: 4%; }
  .column:first-child,  .columns:first-child { margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }
  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }
  .one-half.column                { width: 48%; }

} 

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {  margin-top: 1rem;  margin-bottom: 2rem;  font-weight: normal;}
h1 { font-family: 'Open Sans', sans-serif; font-weight: lighter;}
h1 { color:#369343; font-size:3rem; margin-top:2rem; text-align: center; }
h2 { color:#999; font-size:1.8rem;}
h3 { color:#369343; font-size:1.8rem;}
h4 { font-size: 1.4rem; margin-bottom:0 }
h5 { font-size: 1rem;}
h6 { font-size: 1rem;}

/* Larger than phablet */
@media (min-width: 768px) {
h1 { font-size: 3.0rem; font-size:3rem;}
h2 { font-size: 2.2rem; font-size:2rem;}
h3 { font-size: 2.6rem; font-size:1.8rem;}
h4 { font-size: 2.0rem; }
h5 { font-size: 1.4rem; }
h6 { font-size: 1.0rem; }
}
@media (min-width: 1000px) {
h1 {font-size:4rem;}
h2 {font-size:2.5rem;}
h3 {font-size:2rem;}
}

p { margin-top: 0; }
.underline {text-decoration:underline !important;}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a { color: #369343; text-decoration:none; }
a:hover { text-decoration:underline; }
a:focus { outline: none; }
a.linkButton, a.externalLinkButton {border-bottom:1px solid #979382; color:#369343; background:url(../images/icons/link.png) right 5px no-repeat; padding:5px 30px 5px 5px; text-decoration:none; margin:0 1rem; line-height:4rem;}
a:hover.linkButton, a:hover.externalLinkButton{color: #979382; border:none;}
a.externalLinkButton {background:url(../images/icons/link-ext.png) right 5px no-repeat;}
/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.full-width { width: 100%;  box-sizing: border-box; }
.max-full-width { max-width: 100%;  box-sizing: border-box; }
.float-right { float: right; }
.float-left { float: left; }

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }

/*--------------languages---------------------*/
#languages {float:left; width:50px;}
#languages img {cursor:pointer;}
#lang_menu{background-color: transparent;display:none; font-size:1.2rem;}
#lang_menu ul {list-style:none; padding:0;}
#lang_menu ul li {list-style:none; padding:.5rem 0;}
#lang_menu ul li a{color:#fff;}

/* --------------- ads ----------------------*/
/* mobile */
.random1 .diaf .diaf_bg {background-color:#F9F9F9; width:96%; margin-bottom:4px; padding:1rem 2% 0 2% !important; border:1px solid #ccc; display:inline-block; box-sizing: content-box !important;}
.random2 .diaf .diaf_bg {background-color:#fff; width:96%; margin-bottom:4px; padding:1rem 2% 0 2% !important; border:1px solid #979382; display:inline-block; box-sizing: content-box !important;}
.random3 .diaf .diaf_bg {background-color:#fff; width:96%; margin-bottom:4px; padding:1rem 2% 0 2% !important; border:1px solid #369343; display:inline-block; box-sizing: content-box !important;}
.random4 .diaf .diaf_bg {background-color:#fff; width:96%; margin-bottom:4px; padding:1rem 2% 0 2% !important; border:1px dotted #979382; display:inline-block; box-sizing: content-box !important;}
.random5 .diaf .diaf_bg {background-color:#fff; width:96%; margin-bottom:4px; padding:1rem 2% 0 2% !important; border:1px dotted #369343; display:inline-block; box-sizing: content-box !important;}
.diaf .price { float:left; margin-bottom:2px;}
.diaf .compare {float:right;}
.diaf .left {width: 49%; float:left; margin-right:1%;}
.diaf .right {width: 49%; float:right; margin-left:1%;}
.diaf .diafimage img {width:100%; height:auto;}
.diaf h2 {margin:-5px 0 0 0 !important; padding:0 !important; font-size:2rem; display:inline-block; width:100%;}
.diaf p.address {font-size:1.4rem; color:#1EAEDB; font-weight:normal;}
.diaf p {font-size:1.2rem; margin:0; padding:0;}
.diaf a {text-decoration:none;}
.diaf-bottom {border-top:1px #ccc dotted; margin-top:0.6rem; padding-top:0.6rem; display:inline-block; width:100%;}
.diaf-bottom img{width:auto !important;}
.diaf .email, .diaf .telephone, .diaf .map, .diaf .booking, .diaf .hikers {float:left; margin-left:10px;}
.diaf .website {text-align:right; float:right;}
.diaf .website img {max-width:70px; height:auto;}
.diaf .expand {background-color:#F7F7F7 !important; width:98%; padding:0 0 0 2%; display:inline-block; text-align:right; border:1px solid #ccc; margin-bottom:4px; box-sizing: content-box !important;}
.diaf .expand h2 {float:left !important; width:auto; font-size:2rem;}
.diaf .expand .price {float:right;}
.diaf .expand.hotels h2{position:relative; top:0.2rem;}
.diaf .expand.hotels img{width:auto;}
.diaf .expand img, .diaf .expand a img {padding:0.5rem 0.5rem 0 0.5rem; width:auto; text-align:right; float:none;}
.diaf .hidesmall {display:none;}
.diaf .hidelarge {display:block;}
.diaf h2.closed{font-size:1.8rem !important;top:5px !important; position:relative;}
/* phablet */
@media (min-width: 400px) {
.diaf .left {width: 39%;}
.diaf .right {width: 59%;}
.diaf-bottom {display:inline-block; width: 59%;}
.diaf .email, .diaf .telephone, .diaf .map, .diaf .booking,  .diaf .hikers {margin-left:3px;}
.diaf .email img, .diaf .telephone img, .diaf .map img, .diaf .booking img, .diaf .website img,  .diaf .hikers img {width:80%;}
.diaf .price { float:right; margin-right:1rem;}
.diaf h2 {display:inline; top:-10px; position:relative;}
}
/* phablet big */
@media (min-width: 530px) {
.diaf .left {width: 36%;}
.diaf .right, .diaf-bottom, .diaf .months{width: 62%;}
.diaf-bottom, .diaf .months {display:inline-block; float:right;}
.diaf .email, .diaf .telephone, .diaf .map, .diaf .booking,  .diaf .hikers {margin-left:15px;}
.diaf .email img, .diaf .telephone img, .diaf .map img, .diaf .booking img, .diaf .website img,  .diaf .hikers img{width:auto;}
.diaf p.address {font-size:1.8rem;}
.diaf p {font-size:1.4rem;}
.diaf .months {border-top:1px #ccc dotted; padding-bottom:3px;}
.diaf .months ul {text-align:right; padding:0; margin:0;}
.diaf .months ul li{ display:inline-block; text-align:center; width:12%; margin-right:0.25rem; margin-top:0.5rem; font-size:1.2rem; padding:0; line-height:2rem; font-weight:bold; background-color:#d9dada; color:#fff;}
.diaf .months ul li.open{background-color:#369343;}
.diaf .months ul li.operates{background-color:transparent; color:#4A4A4A; width:20%; font-size:1.5rem; font-weight:normal;}
}
/* tablet */
@media (min-width: 768px) {
.diaf h2.closed{top:0 !important;}
.diaf .left {width: 34%; display:inline-block; clear:left;}
.diaf .right, .diaf-bottom, .diaf .months {width: 64%; display:inline-block; clear:right;}
.diaf .hidesmall {display:block;}
.diaf .hidelarge {display:none;}
.diaf h2 {float:left; width:auto; display:inline; top: -5px; position:relative;}
.diaf .email, .diaf .telephone, .diaf .map, .diaf .booking, .diaf .hikers  {margin-left:20px;}
.diaf .telephone p {font-size:1.6rem; color:#1EAEDB; margin-top:0 !important;}
.diaf .months ul li{ font-size:1.4rem;}
.diaf h2 {margin:0 !important;}
}
/* desctop */
@media (min-width: 1000px) {
.diaf .left {width: 24%; display:inline-block; clear:left;}
.diaf .right, .diaf-bottom, .diaf .months {width: 74%; display:inline-block; clear:right;}
}
@media (min-width: 1200px) {
}
@media (min-width: 1400px) {
}

/*------------------sidebar ads ---------------------*/
.sidebar_diaf {text-align:center; border:none; padding:.5rem;}
.sidebar_diaf_1 {text-align:center; border:1px solid #ccc;  padding-bottom:0.5rem; width:100%; float:none; display:inline-block; margin-bottom:1rem;}
.sidebar_diaf_1 img {width:50%; height:auto; margin-right:2%; float:left;}
.sidebar_diaf_1 .title a{ background-color:#F3F3F3; display:block; padding:.5rem; color:#979382;}
.sidebar_diaf_1 .content{padding:.5rem;}
@media (min-width: 400px) {
.sidebar_diaf_1 {width:48%; margin:1%; float:left; box-sizing: border-box;}
}
@media (min-width: 768px) {
.sidebar_diaf {border:1px dotted #369343;}
.sidebar_diaf_1 {width:100%; float:none; margin:0 0 1rem 0}
.sidebar_diaf_1 img {width:100%; height:auto;}
}

/*------------------sidebar ads that moved to main page---------------------*/
.main_diaf {text-align:center; border:none; padding:.5rem;}
.main_diaf_1 {text-align:center; border:1px solid #ccc;  padding-bottom:0.5rem; display:inline-block;  margin: 1%; width:94%; box-sizing: border-box; float:none;}
.main_diaf_1 img {width:100%; height:auto; margin-right:2%; float:none;}
.main_diaf_1 .title a{ background-color:#F3F3F3; display:block; padding:.5rem; color:#979382;}
.main_diaf_1 .content{padding:.5rem;}
@media (min-width: 600px) {.main_diaf_1 {width:48%; float:left;}}
@media (min-width: 900px) {.main_diaf_1 {width:32%;}}

/* ---------------- Article -----------------*/
.article .row {margin-top:3rem !important;}
.article .row.hide-toggle {margin-top:0 !important; display:inline-block;}
.article .row h2 {margin:0;}
.page-content .row img {width:100%; height:auto;}
.hidden {display:none;}
.bg {width:100%; padding:2%  0 !important;}
.bg.orange {background-color:#979382; color:#fff;}
.bg.green {background-color:#369343; color:#fff;}
.article img {margin-bottom:1rem;}
table caption { background-color:#979382; color:#fff; padding: 1rem 0; font-size:1.7rem;}
table tr td img { width:auto !important; height:auto;}
table.basic { width:100%; text-align:center; border:1px solid #979382; margin-bottom:1rem;}
table.basic th{ color:#369343; font-weight:bold; padding:1rem 0;}
table.basic tr td{padding:5px;}
table.basic th[scope=col] {padding:10px 5px; background-color:#979382; color:#fff;}
table.basic tr:nth-child(even) {background: #F4F4F4;}
ul.recipes li {list-style:outside url(../images/icons/recipes.png);}
ul.arrow li {list-style:outside url(../images/icons/arrow_11x11.png);}
.villagesLinks {padding-top:3rem; margin-top:3rem;}
.villagesLinks ul { margin:0; padding:0;}
.villagesLinks ul li {list-style: none; background-color:#fafafa; margin:0.3rem 0; padding:0.3rem 0; text-align:center; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; transition: 0.3s all;}
.villagesLinks ul li a {display:block; text-decoration:none; color:#369343; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; transition: 0.3s all;}
.villagesLinks ul li:hover {background-color:#369343;-webkit-transition: 0.3s all; -moz-transition: 0.3s all; transition: 0.3s all;}
.villagesLinks ul li:hover a {text-decoration:none; color:#ffffff; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; transition: 0.3s all;}
.border{border:1px solid #e1e1e1; padding:1rem;}
.leftSidebar hr {margin:3rem 0 !important;}
.leftSidebar h3 { text-align:center;}
.sidebar-map {margin-top:3rem; display:block; text-align: center; }
.sidebar-map img {display:none; }
.sidebar-map h3 a {text-decoration:none; display:block; border:1px solid #ccc; padding:1rem 0;background:url(../images/diaf-icons/map.png) center 10px no-repeat; padding-top:40px; background-color:#f6f6f6; text-align: center;}
.monthFilter {display: inline-block; float:none; margin: 2%; padding: 1em; width: 96%; border: 2px solid #F07E3B;  border-radius: 1em; box-sizing: border-box;}
.monthFilter h3{text-align:center;}
.monthFilter .month {width:23%; margin:1%; background-color:#369343; cursor:pointer; text-align:center; float:left;color:#fff; text-decoration:none; font-size:1em; padding: 1em;}
.monthFilter .month.fullLine {width:90%; margin:0 5%; background-color:#f6f6f6; color:#369343; padding: 1em; font-size: 1.1em; border: 2px solid #369343;  border-radius: 1em;}
.clicked {background-color:#F07E3B !important; color:#fff !important;}
.workingMonths h3{text-align:center; margin-top:1rem;}
.workingMonths .month {width:23%; margin:1%; background-color:#369343; text-align:center; float:left;color:#fff; text-decoration:none; font-size:1.4rem;}
.workingMonths .month.fullLine {width:90%; margin:5%; background-color:#f6f6f6; color:#369343; padding: 1em; font-size: 1.1em; border: 2px solid #369343;  border-radius: 1em;}
.workingMonths .clicked, workingMonths .open {background-color:#F07E3B !important; color:#fff !important;}
.advertise {margin: 0!important;}
.advertise h3 {font-size:1.5rem; margin-bottom:0;}
.advertise p a {font-size:1.5rem; text-decoration:none; color:#999999;display:block; padding:1rem;}
.advertise p a:hover { background-color:#ccc; color:#fff;}
#restaurants, #cafe, #shops, #hotels, #gas, #platisGialos, #vroulidia, #activities, .hide-toggle {display:none; margin-top:0 !important; border:2px solid #369343; padding:0 5px; float:none;}
.diafimiseis { background:url(/images/icons/diaf.png) right 4px no-repeat; width:100%; height:16px;}
.beaches .row {margin:2rem 0; padding-top:1rem; border-top:1px solid #979382;}
.locationMap {float:right;}
.locationMap img {width:28px !important; height:auto; position:relative; top:10px;}
.villagesmap table td a{padding:.2rem 1rem; display:block;}
.villagesmap table td a:hover{color:#fff; text-decoration:none;}
.tipbox, .infobox {border:2px dotted #369343; background:url(../images/icons/tip.png) 5px 5px no-repeat; padding:1rem 1rem 1rem 50px !important; margin:1rem; min-height:36px;}
.infobox {background:url(../images/icons/info.png) 5px 5px no-repeat;}
.tipbox ul, .infobox ul {margin:0; padding:0 0 0 2rem;}
.tipbox p,.infobox p {margin:1rem 0 0 .5rem; color:#369343;}
.tipbox li, .infobox li {list-style:outside url(../images/icons/tic_11x11.png);}
.linkbox {border:1px dotted #369343; background:url(../images/icons/links2.png)5px 5px no-repeat; padding:20px 0 0 0 !important; margin:1rem 0; display:inline-block; width:100%;}
.linkbox li {width:96%; list-style:none; border:1px #ccc solid; margin:.5%; float:left; display:inline-block; text-align:center;-webkit-transition: 0.3s all; -moz-transition: 0.3s all; transition: 0.3s all;}
.linkbox li:hover{ border-color:#979382; background-color:#F5F5F5;-webkit-transition: 0.3s all; -moz-transition: 0.3s all; transition: 0.3s all;}
@media (min-width: 780px) {.linkbox li {width:48%;}}
.linkbox li a{color:#369343;text-decoration:none; display:block; padding:10px 5px;}

a.maplink {background:url(../images/diaf-icons/map.png) 5px 5px no-repeat;padding:1rem 1rem 1rem 50px; background-color: #F5F5F5; margin-bottom:1rem;}
.dark {background-color:#f5fafa; padding:1rem;}
.dark a.maplink {background-color: #fff;}
.youtubecontainer { position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
.video { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@media (min-width: 400px) {
.monthFilter .month {width:14.66%;}
.villagesLinks ul { display:inline-block;}
.villagesLinks ul li {width:48%; margin-left:1%; margin-right:1%; float:left;}
}
/*@media (min-width: 768px) {
.leftSidebar .villagesLinks {border:1px solid #ccc; padding:5%; display:inline-block;}
.monthFilter {display: inline-block; float:none; width:100%;}
.monthFilter .month {width:23%; margin:1%; background-color:#369343; cursor:pointer; text-align:center; float:left;color:#fff; text-decoration:none; font-size:1.4rem;}

.villagesLinks ul { display:block;}
.villagesLinks ul li {width:32%; margin-left:.6%; margin-right:.6%; float:left;}
.leftSidebar .villagesLinks ul li {margin:0.3rem 0; width:100%; float:none;}
.linkbox li {width:48%;}
}*/


/*  ad page  */
.diaf_page .margin-top {margin-top:5rem;}
.diaf_page h3.facilities {background:url(../images/icons/facilities.png) left top no-repeat; padding-left:50px; line-height:34px; vertical-align: text-top;}
.diaf_page h3.arrownd {background:url(../images/icons/around.png) left top no-repeat; padding-left:50px; line-height:34px;}
.diaf_page h3.price {background:url(../images/icons/price.png) left top no-repeat; padding-left:50px; line-height:34px;}
.diaf_page h3.reception {background:url(../images/icons/reception.png) left top no-repeat; padding-left:50px;  line-height:34px; margin-top:5rem;}
.diaf_page h3.contact {background:url(../images/icons/contact.png) left top no-repeat; padding-left:50px; margin:1rem; line-height:34px;}
.diaf_page h4.address {background:url(../images/icons/address.png) left top no-repeat; padding-left:50px; line-height:34px;}
.diaf_page h4.map {background:url(../images/diaf-icons/map.png) left top no-repeat; padding-left:50px; line-height:34px;}
.diaf_page h4.email {background:url(../images/icons/email.png) left top no-repeat; padding-left:50px; line-height:34px;}
.diaf_page h4.fb {background:url(../images/icons/facebook-icon.png) left top no-repeat; padding-left:50px; line-height:34px;}
.diaf_page h4.telephone {background:url(../images/icons/telephone.png) left top no-repeat; padding-left:50px; line-height:34px;}
.diaf_page h4.website {background:url(../images/icons/url.png) left top no-repeat; padding-left:50px; line-height:34px;}
.diaf_page p.contact { font-size:2rem; border-bottom:1px solid #369343; color:#369343; padding-left:1rem;}
ul.tic li {list-style:outside url(../images/icons/tic_11x11.png);}
ul.arrow li {list-style:outside url(../images/icons/arrow_11x11.png);}
.diaf_page .twelve.columns.contact {border:1px solid #E7E7E7;}
.diaf_page .bg.contact {background-color:#E7E7E7; width:94%; padding:3rem 3% !important;}
.diaf_page a {color: #979382;}
.hotelWorkingMonths h3{text-align:center; margin-top:1rem; clear:left;}
.hotelWorkingMonths .month {width:24%; margin:.5%; background-color:#d9dada; text-align:center; float:left;color:#fff; text-decoration:none; font-size:1.6rem;padding: 10px 0;}
@media only screen and (min-width: 768px) {.hotelWorkingMonths .month{width:15.666%; margin:.5%;}}
@media only screen and (min-width: 1200px) {.hotelWorkingMonths .month{width:7.333%; margin:.5%;}}
.hotelWorkingMonths .month.open {background-color:#369343 !important; color:#fff !important;}
.diaf_page .onlinebooking {width:100%; padding:1rem; font-size:2rem; background-color:#979382; border:none; text-align:center; display:inline-block;}
.diaf_page .onlinebooking:hover{ box-shadow: 2px 2px 3px #999; position:relative; top:-1px; left:-1px;}
.diaf_page .onlinebooking a { color:#fff; display:inline-block; width:100%; }
.diaf_page table.rates, .diaf_page table.facilities { width:100%; text-align:center; border:1px solid #979382;}
.diaf_page table.rates th, .diaf_page table.facilities th{ color:#369343; font-weight:bold;}
.diaf_page table.rates tr td, .diaf_page table.facilities tr td{padding:5px;}
.diaf_page table.rates th[scope=col], .diaf_page table.facilities th[scope=col] {padding:10px 5px; background-color:#979382; color:#fff;}
.diaf_page table.rates tr:nth-child(even), .diaf_page table.facilities tr:nth-child(even) {background: #F4F4F4;}


.diaf_page .mite p{ text-align:center; background-color:#FFFFFF; width:100%; color:#999; padding:.5rem 0;}
.ui-datepicker { font-size:90% !important;}
.progress {width:97% !important; margin:auto !important;}
.onlineBooking {margin-top:4rem; text-align:center;}
.onlineBooking p {text-align:center; color:#369343;}
.onlineBooking img { width:80%; margin:0 10%; height:auto;}

/* Hotel page form  */

/*------------------------------  jquery validation-------------------------------*/
.box {padding: 10px 25px;}	
label.error{color: #FA3C3C;	font-weight: normal;}
input.error{border: 1px solid #FA3C3C;}

/************ Buttons ****************/
.btn{  padding: 1rem 2rem;font-weight: bold;}
.btn.submit {background-color:#979382; color:#fff;}
#toggle:hover{ box-shadow: 2px 2px 3px #999; position:relative; top:-1px; left:-1px;}
/*------------------------------end of jquery validation-------------------------------*/
#toggle, #toggle1, #toggle2, #toggle3, #toggle4, #toggle5, #toggle6, #toggle7, #toggle8, #toggle9, #toggle10 {width:100%; padding:1rem; border:none; color:#fff; margin-top:2rem; background:#369343 url(../images/icons/open-close.png) top 10px right 10px no-repeat; padding-right:30px;}
/*form styles*/
#form1{border:1px solid #ccc; margin:2rem 0; padding-top:1rem;}
#msform { width: 100%; text-align: left;}
#msform fieldset { width: 100%; border: 1px solid #E1E1E1;	 box-sizing: border-box;}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) { display: none;}
/*inputs*/
#msform input, #msform textarea { padding: 1.5rem; border: 1px solid #ccc; margin-bottom: 1rem; width: 100%; box-sizing: border-box; color: #474747; font-size: 1.5rem;}
/*buttons*/
#msform .action-button { background: #979382; font-weight: bold; color: white; border: 0 none; border-radius: 1px; cursor: pointer; padding: 10px 5px; margin: 10px 5px;}
#msform .action-button:hover, #msform .action-button:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px #979382;}
/*headings*/
.fs-title { font-size: 15px; text-transform: uppercase; color: #2C3E50; margin-bottom: 10px;}
.fs-subtitle { font-weight: normal; font-size: 13px; color: #666; margin-bottom: 20px;}
/*progressbar*/
#progressbar { margin-bottom: 30px; overflow: hidden; /*CSS counters to number the steps*/ counter-reset: step;}
#progressbar li { list-style-type: none; color: #369343; font-size: 2rem; width: 33.33%; float: left; position: relative; text-align:center;}
#progressbar li:before { content: counter(step); counter-increment: step; width: 20px; line-height: 20px; display: block; font-size: 10px; color: #333; background: #ccc; border-radius: 3px; margin: 0 auto 5px auto;}
/*progressbar connectors*/
#progressbar li:after { content: ''; width: 100%; height: 2px; background: #369343; position: absolute; left: -50%; top: 9px; z-index: -1; /*put it behind the numbers*/}
#progressbar li:first-child:after { /*connector not needed before the first step*/ content: none; }
/*marking active/completed steps green*/
/*The number of the step and the connector before it */
#progressbar li.active:before,  #progressbar li.active:after{ background: #979382; color: white;}



.floatleft {float:left;}
.floatright {float:right;}
.clearfloat {float:none !important; line-height:1px;}
/* Mosaic image flow */
.index .container {padding-top:10rem;}
.index .mosaicflow__column {float:left;}
.index .mosaicflow__item {position:relative; margin:0 5px; text-align:center; background-color:#00BCB2;}
.index .mosaicflow__item img {display:block;width:100%;max-width:600px;height:auto;}
.index .mosaicflow__item p {margin:0 0 10px; color:#fff;}
.index .mosaicflow h2 {padding:0.8rem; color:#fff; font-size:1.8rem;}
.index .mosaicflow a {text-decoration:none !important;}
.index .mosaicflow a:hover {text-decoration:none !important;}
.index .villagesLinks {border:none;}
.index .textWindow { text-align:left;}
.index .textWindow h3{ width:100%; padding:1rem; color:#fff; background-color:#00BCB2;}
.index .textWindow a {text-decoration:none;}
.index .textWindow h4{ width:100%; padding:1rem; color:#00BCB2;}
.index .textWindow .six.columns img {width:100%; height:auto}
.index .textWindow .sidebar-map {border:1px solid #ccc; width:100%;}

.index2 .logo2 {text-align:center; width:100%; margin:5rem 0 10rem 0;}
.index2 .logo img { width:50%; height:auto; max-width:200px;}
.index2 .routard {text-align:center; color:#00BCB2;}
.index2 h1 {text-align:center; padding-top:3rem;}
.index2 h2 {font-size:3rem; margin:3rem 0 1rem 1rem; color:#979382; text-align:center; text-decoration:none; font-family: 'Open Sans', sans-serif; font-weight: lighter;}
.index2 a:hover{ text-decoration:none;}
.index2 .big  {width:99.375% !important;padding:0.3125% !important; margin:0 !important}
.index2 .small  {width:99.375% !important;padding:0.3125% !important; margin:0 !important}
.index2 .big img, .index2 .small img {width:100%; height:auto; padding:0 !important; margin:0 !important;-webkit-transition: 0.3s all; -moz-transition: 0.3s all; transition: 0.3s all;}
.index2 .big h3, .index2 .small h3{padding:.4rem .75rem; font-size:1.5rem; background-color:rgba(216,80,0,.8); color:#fff; position: relative; margin-bottom:-3.2rem; top:-3.2rem; box-sizing:border-box; line-height:20px}
.index2 .big h3.green, .index2 .small h3.green{background-color:rgba(0,132,125,.8);}
.index2 .big img:hover, .index2 .small img:hover {-webkit-filter: grayscale(100%);filter: grayscale(100%);-webkit-transition: 0.3s all; -moz-transition: 0.3s all; transition: 0.3s all;}
.index2 .remodal img {max-width:100%}
.index2 a img {max-width:100%!important; height:auto; }
.index2 a h3{padding:.4rem .75rem; font-size:1.5rem; background-color:rgba(216,80,0,.8); color:#fff; position: relative; margin-bottom:-7rem; top:-7rem; box-sizing:border-box; line-height:20px}
.index2 a h3.green {background-color:rgba(241,90,34,.8);}
.index2 .image100 img {width:100%}
.index2 .linkButton {margin:0;}
@media only screen and (min-width: 400px) {
.index2 .big  {width:99.375% !important;}
.index2 .small  {width:49.375% !important;}
}
@media only screen and (min-width: 768px) {
.index2 .big  {width:49.375% !important;}
.index2 .small  {width:24.375% !important;}
.index2 .logo2 { margin:5rem 0 10rem -150px;}
}
@media only screen and (max-width:768px){
.index2 .row.bg.gris.border h4 {font-size: 1.5em; border-top: 1px dotted #ccc; padding-top: 1em; margin-top: 1em;}
}

/* Self Clearing Goodness
---------------------------------------------------*/
.container:after,.row:after,.clear-both {  content: "";  display: table;  clear: both; }


/* --------------- social ----------------------*/
.a2a_kit {margin:auto; text-align:center;}
.tooltip {position: relative;display: inline-block;transition:visibility 0.3s linear,opacity 0.3s linear; font-size: .8em;}
.tooltip .tooltiptext {visibility: hidden; opacity: 0; background-color: #369343;	color: #fff; text-align: center; padding: 3px;border-radius: 6px; border: 1px solid #fff; position: absolute; z-index: 1;width: 100px; top: 100%; left: 50%; margin-left: -50px; transition: 0.3s;}
.tooltip:hover .tooltiptext {visibility: visible; opacity: 1; transition: 0.3s;}
.tooltip .tooltiptext::after {content: " "; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent white transparent;
}/* --------------- bottom ----------------------*/
.bottom {width:100%; background-color:#979382; margin-top:5rem; padding:5rem 0 0 0; color:#fff; font-size:110%; text-align:center;}
.bottom .logo {text-align:center; margin-bottom:5rem;}
.bottom .logo img {width:50%; height:auto; max-width:150px;}
.bottom h3{color:#fff; margin:2rem 0 0 0 !important;}
.bottom a{color:#00d4c9; text-decoration:none;}
.bottom a:hover{color:#fff; text-decoration:none;}
.bottom p{color:#fff;}
.bottom p.copyright{ font-size:1.2rem;}
.bottom .disclaimer {margin-top:5rem; font-size:1.1rem; text-align:justify;}
.bottom img{ vertical-align:middle;}



/* --------------- advertisments ----------------------*/
.advertisments {background-color:#F5F5F5; border:1px #369343 solid; margin-bottom:2rem; transition-duration:0.3s}
.advertisments:hover {background-color:#fff;transition-duration:0.3s}
.advertisments h3 {background-color: #369343; color:#fff;padding:1rem;transition-duration:0.3s}
.advertisments:hover h3 {background-color: #369343; color:#fff; transition-duration:0.3s}
.advertisments h4 {padding:0 1rem;}
.advertisments p {padding:0 1rem;}
.advertisments p.discount {background:url(../images/icons/discount.png) 5px 5px no-repeat; padding:1rem 1rem 1rem 40px; background-color:#fff; margin:1rem;transition-duration:0.3s; border:1px #fff solid;}
.advertisments:hover p.discount{ border:1px #ccc solid; transition-duration:0.3s;}
.advertisments p.finalPrice { background-color:#979382; color:#fff; padding:1rem; margin:1rem;}
p.click {background:url(/images/icons/click.png) 10px 0 no-repeat; line-height:30px; color:#fff; padding-left:38px;}
.advertisments p:hover.click {background:url(/images/icons/click2.png) 10px 0 no-repeat;}
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */html.remodal-is-locked { overflow: hidden;}
/* Anti FOUC */.remodal,[data-remodal-id] { display: none;}
/* Necessary styles of the overlay */.remodal-overlay { position: fixed;  z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; display: none;}
/* Necessary styles of the wrapper */
.remodal-wrapper { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto;text-align: center; -webkit-overflow-scrolling: touch;}
.remodal-wrapper:after {display: inline-block;height: 100%;margin-left: -0.05em;content: "";}
/* Fix iPad, iPhone glitches */.remodal-overlay,.remodal-wrapper { backface-visibility: hidden;}
/* Necessary styles of the modal dialog */.remodal { position: relative;  outline: none; text-size-adjust: 100%;}
.remodal-is-initialized { /* Disable Anti-FOUC */ display: inline-block;}



/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,.remodal-bg.remodal-is-opened { filter: blur(3px);}
/* Default theme styles of the overlay */
.remodal-overlay { background: rgba(43, 46, 56, 0.9);}
.remodal-overlay.remodal-is-opening,.remodal-overlay.remodal-is-closing { animation-fill-mode: forwards;}
.remodal-overlay.remodal-is-opening { animation: remodal-overlay-opening-keyframes 0.3s;}
.remodal-overlay.remodal-is-closing { animation: remodal-overlay-closing-keyframes 0.3s;}
/* Default theme styles of the wrapper */
.remodal-wrapper { padding: 10px 10px 0;}
/* Default theme styles of the modal dialog */
.remodal {box-sizing: border-box; width: 100%; margin-bottom: 10px; padding: 35px;transform: translate3d(0, 0, 0);color: #2b2e38;background: #fff;}
.remodal.remodal-is-opening,.remodal.remodal-is-closing {animation-fill-mode: forwards;}
.remodal.remodal-is-opening {animation: remodal-opening-keyframes 0.3s;}
.remodal.remodal-is-closing {animation: remodal-closing-keyframes 0.3s;}
/* Vertical align of the modal dialog */
.remodal,.remodal-wrapper:after {vertical-align: middle;}
/* Close button */
.remodal-close {position: absolute;top: 0;  left: 0; display: block;  overflow: visible;  width: 35px;  height: 35px;  margin: 0;  padding: 0;  cursor: pointer;  transition: color 0.2s;  text-decoration: none;  color: #95979c; border: 0; outline: 0; background: transparent;}
.remodal-close:hover,.remodal-close:focus {  color: #2b2e38;}
.remodal-close:before {  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 25px;  line-height: 35px;  position: absolute;  top: 0;  left: 0;  display: block;  width: 35px; content: "\00d7"; text-align: center;}
/* Dialog buttons */
.remodal-confirm,.remodal-cancel {  font: inherit;  display: inline-block;  overflow: visible;  min-width: 110px;  margin: 0;  padding: 12px 0;  cursor: pointer;  transition: background 0.2s;  text-align: center;  vertical-align: middle;  text-decoration: none; border: 0; outline: 0;}
.remodal-confirm { color: #fff;  background: #81c784;}
.remodal-confirm:hover,.remodal-confirm:focus {  background: #66bb6a;}
.remodal-cancel {  color: #fff;  background: #e57373;}
.remodal-cancel:hover,.remodal-cancel:focus {  background: #ef5350;}
/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,.remodal-cancel::-moz-focus-inner,.remodal-close::-moz-focus-inner { padding: 0; border: 0;}
/* Keyframes
   ========================================================================== */
@keyframes remodal-opening-keyframes {
  from { transform: scale(1.05); opacity: 0;}
  to { transform: none; opacity: 1;}
}
@keyframes remodal-closing-keyframes {
  from {transform: scale(1);opacity: 1;}
  to {transform: scale(0.95); opacity: 0;}
}
@keyframes remodal-overlay-opening-keyframes {
  from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes remodal-overlay-closing-keyframes {
  from {opacity: 1;}
  to {opacity: 0;}
}
/* Media queries
   ========================================================================== */
@media only screen and (min-width: 768px) {
  .remodal {max-width: 768px;}
}
/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {background: #2b2e38;}
.lt-ie9 .remodal { width: 700px;}







.mobileonly {display:block;}
.phabletonly {display:none;}
.tabletonly {display:none;}
.desctoponly {display:none;}
.hidemobile {display:none !important;} /* hide devices under 768px*/
.showmobile {display:block;} /* show on devices over 768px*/
@media (min-width: 400px) {.mobileonly {display:none;}.phabletonly {display:block;}.tabletonly {display:none;}.desctoponly {display:none;}.hidemobile {display:none !important;}}
@media (min-width: 530px) {.mobileonly {display:none;}.phabletonly {display:block;}.tabletonly {display:none;}.desctoponly {display:none;}.hidemobile {display:none !important;}}
@media (min-width: 768px) {.mobileonly {display:none;}.phabletonly {display:none;}.tabletonly {display:block;}.desctoponly {display:none;}.hidemobile {display:block !important;}.showmobile {display:none}}
@media (min-width: 1000px) {.mobileonly {display:none;}.phabletonly {display:none;}.tabletonly {display:none;}.desctoponly {display:block;}.hidemobile {display:block;}.showmobile {display:none}}
@media (min-width: 1200px) {.mobileonly {display:none;}.phabletonly {display:none;}.tabletonly {display:none;}.desctoponly {display:block;}.hidemobile {display:block;}.showmobile {display:none}}


@media (min-width: 768px) {.hideonmultiplecolumns {display: none!important;}}
@media (max-width: 767px) {.hideonmultiplecolumns {display: block!important;}}
@media (min-width: 768px) {.showonmultiplecolumns {display: block!important;}}
@media (max-width: 767px) {.showonmultiplecolumns {display: none!important;}}


.transition {-webkit-transition: 0.3s all; -moz-transition: 0.3s all; transition: 0.3s all;}
/* reset all properties to default */
.reset-this {animation : none;animation-delay : 0;animation-direction : normal;animation-duration : 0;animation-fill-mode : none;animation-iteration-count : 1;animation-name : none;animation-play-state : running;animation-timing-function : ease;backface-visibility : visible;background : 0;background-attachment : scroll;background-clip : border-box;background-color : transparent;background-image : none;background-origin : padding-box;background-position : 0 0;background-position-x : 0;background-position-y : 0;background-repeat : repeat;background-size : auto auto;border : 0;border-style : none;border-width : medium;border-color : inherit;border-bottom : 0;border-bottom-color : inherit;border-bottom-left-radius : 0;border-bottom-right-radius : 0;border-bottom-style : none;border-bottom-width : medium;border-collapse : separate;border-image : none;border-left : 0;border-left-color : inherit;border-left-style : none;border-left-width : medium;border-radius : 0;border-right : 0;border-right-color : inherit;border-right-style : none;border-right-width : medium;border-spacing : 0;border-top : 0;border-top-color : inherit;border-top-left-radius : 0;border-top-right-radius : 0;border-top-style : none;border-top-width : medium;bottom : auto;box-shadow : none;box-sizing : content-box;caption-side : top;clear : none;clip : auto;color : inherit;columns : auto;column-count : auto;column-fill : balance;column-gap : normal;column-rule : medium none currentColor;column-rule-color : currentColor;column-rule-style : none;column-rule-width : none;column-span : 1;column-width : auto;content : normal;counter-increment : none;counter-reset : none;cursor : auto;direction : ltr;display : inline;empty-cells : show;float : none;font : normal;font-family : inherit;font-size : medium;font-style : normal;font-variant : normal;font-weight : normal;height : auto;hyphens : none;left : auto;letter-spacing : normal;line-height : normal;list-style : none;list-style-image : none;list-style-position : outside;list-style-type : disc;margin : 0;margin-bottom : 0;margin-left : 0;margin-right : 0;margin-top : 0;max-height : none;max-width : none;min-height : 0;min-width : 0;opacity : 1;orphans : 0;outline : 0;outline-color : invert;outline-style : none;outline-width : medium;overflow : visible;overflow-x : visible;overflow-y : visible;padding : 0;padding-bottom : 0;padding-left : 0;padding-right : 0;padding-top : 0;page-break-after : auto;page-break-before : auto;page-break-inside : auto;perspective : none;perspective-origin : 50% 50%;position : static;/* May need to alter quotes for different locales (e.g fr) */quotes : '\201C' '\201D' '\2018' '\2019';right : auto;tab-size : 8;table-layout : auto;text-align : inherit;text-align-last : auto;text-decoration : none;text-decoration-color : inherit;text-decoration-line : none;text-decoration-style : solid;text-indent : 0;text-shadow : none;text-transform : none;top : auto;transform : none;transform-style : flat;transition : none;transition-delay : 0s;transition-duration : 0s;transition-property : none;transition-timing-function : ease;unicode-bidi : normal;vertical-align : baseline;visibility : visible;white-space : normal;widows : 0;width : auto;word-spacing : normal;z-index : auto;}

/*-------------zoom-----------------*/
img[data-action="zoom"] {  cursor: pointer;  cursor: -webkit-zoom-in;  cursor: -moz-zoom-in;}
.zoom-img,.zoom-img-wrap {position: relative;  z-index: 9999999;-webkit-transition: all 300ms;  -o-transition: all 300ms;transition: all 300ms;}
img.zoom-img {  cursor: pointer;  cursor: -webkit-zoom-out;  cursor: -moz-zoom-out;}
.zoom-overlay {  z-index: 9999998;  background: rgba(0,0,0,0.9);  position: fixed;  top: 0;  left: 0;  right: 0;  bottom: 0;  pointer-events: none;  filter: "alpha(opacity=0)"; opacity: 0;  -webkit-transition:opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms;}
.zoom-overlay-open .zoom-overlay { filter: "alpha(opacity=100)"; opacity: 1;}
.zoom-overlay-open,.zoom-overlay-transitioning { cursor: default;}

/*------------scroll to top-----------------*/


.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(241, 126, 59, 0.8) url(/images/icons/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #369343;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}


/*2020 changes*/
.leftSidebar {margin-top:0;}
h1 {margin-top:0; }
.leftSidebar hr {display: none;}
.sidebar_diaf {padding:0;}
@media (min-width: 768px) {
.sidebar_diaf {border:0;}
}

.video {
 position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;}
iframe {
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}
.imagewithtext {
	position: relative;
  text-align: left;
  color: white;}
 .textinimage h3, .textinimageL h3 {
  position: absolute;
  top: 10%;
  right: 10%;
  color:#fff;
  font-size:1em;
  font-weight:600;
  text-shadow: 1px 1px #000;}
  .textinimageL h3{left: 30%;}
.bg.gris {background-color:#FAFAFA; color:#999;}
.bg.gris h4 {color:#979382!important;}
.border {box-sizing: border-box; border:1px solid #ccc; padding:3px;}
#tikets {position: relative; height: 500px}

.accommodation-links { background-color:#f6f6f6!important; padding:.5em;height:130px; border:5px solid #fff; border-radius: 20px; display: flex;  align-items: center; text-align: center!important; justify-content: center; }
.accommodation-links a {display: block;}
#onlinebooking {display: block; clear: both;margin: 1em 0;}
.accommodation-links img {max-height: 50px; width: auto;}
html {scroll-behavior: smooth;}
@media screen and (prefers-reduced-motion: reduce) {html {scroll-behavior: auto;}}









/*------------------------------------bootstrap---------------------------------------------*/
.container-fluid { padding-right: 15px;  padding-left: 15px;  margin-right: auto;  margin-left: auto;}
.row-no-gutters { margin-right: 0;  margin-left: 0;}
.row-no-gutters [class*="col-"] { padding-right: 0;  padding-left: 0;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative;  min-height: 1px;  padding-right: 15px;  padding-left: 15px;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left;}
.col-xs-12 { width: 100%;}
.col-xs-11 { width: 91.66666667%;}
.col-xs-10 {width: 83.33333333%;}
.col-xs-9 {width: 75%;}
.col-xs-8 {width: 66.66666667%;}
.col-xs-7 {width: 58.33333333%;}
.col-xs-6 {width: 50%;}
.col-xs-5 {width: 41.66666667%;}
.col-xs-4 {width: 33.33333333%;}
.col-xs-3 {width: 25%;}
.col-xs-2 {width: 16.66666667%;}
.col-xs-1 {width: 8.33333333%;}
.col-xs-pull-12 {right: 100%;}
.col-xs-pull-11 {right: 91.66666667%;}
.col-xs-pull-10 {right: 83.33333333%;}
.col-xs-pull-9 {right: 75%;}
.col-xs-pull-8 {right: 66.66666667%;}
.col-xs-pull-7 {right: 58.33333333%;}
.col-xs-pull-6 {right: 50%;}
.col-xs-pull-5 {right: 41.66666667%;}
.col-xs-pull-4 {right: 33.33333333%;}
.col-xs-pull-3 {right: 25%;}
.col-xs-pull-2 {right: 16.66666667%;}
.col-xs-pull-1 {right: 8.33333333%;}
.col-xs-pull-0 {right: auto;}
.col-xs-push-12 {left: 100%;}
.col-xs-push-11 {left: 91.66666667%;}
.col-xs-push-10 {left: 83.33333333%;}
.col-xs-push-9 {left: 75%;}
.col-xs-push-8 {left: 66.66666667%;}
.col-xs-push-7 {left: 58.33333333%;}
.col-xs-push-6 {left: 50%;}
.col-xs-push-5 {left: 41.66666667%;}
.col-xs-push-4 {left: 33.33333333%;}
.col-xs-push-3 {left: 25%;}
.col-xs-push-2 {left: 16.66666667%;}
.col-xs-push-1 {left: 8.33333333%;}
.col-xs-push-0 {left: auto;}
.col-xs-offset-12 {margin-left: 100%;}
.col-xs-offset-11 {margin-left: 91.66666667%;}
.col-xs-offset-10 {margin-left: 83.33333333%;}
.col-xs-offset-9 {margin-left: 75%;}
.col-xs-offset-8 {margin-left: 66.66666667%;}
.col-xs-offset-7 {margin-left: 58.33333333%;}
.col-xs-offset-6 {margin-left: 50%;}
.col-xs-offset-5 {margin-left: 41.66666667%;}
.col-xs-offset-4 {margin-left: 33.33333333%;}
.col-xs-offset-3 {margin-left: 25%;}
.col-xs-offset-2 {margin-left: 16.66666667%;}
.col-xs-offset-1 {margin-left: 8.33333333%;}
.col-xs-offset-0 {margin-left: 0%;}
@media (min-width: 768px) {.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float: left;}
  .col-sm-12 {width: 100%;}
  .col-sm-11 {width: 91.66666667%;}
  .col-sm-10 {width: 83.33333333%;}
  .col-sm-9 {width: 75%;}
  .col-sm-8 {width: 66.66666667%;}
  .col-sm-7 {width: 58.33333333%;}
  .col-sm-6 {width: 50%;}
  .col-sm-5 {width: 41.66666667%;}
  .col-sm-4 {width: 33.33333333%;}
  .col-sm-3 {width: 25%;}
  .col-sm-2 {width: 16.66666667%;}
  .col-sm-1 {width: 8.33333333%;}
  .col-sm-pull-12 {right: 100%;}
  .col-sm-pull-11 {right: 91.66666667%;}
  .col-sm-pull-10 {right: 83.33333333%;}
  .col-sm-pull-9 {right: 75%;}
  .col-sm-pull-8 {right: 66.66666667%;}
  .col-sm-pull-7 {right: 58.33333333%;}
  .col-sm-pull-6 {right: 50%;}
  .col-sm-pull-5 {right: 41.66666667%;}
  .col-sm-pull-4 {right: 33.33333333%;}
  .col-sm-pull-3 {right: 25%;}
  .col-sm-pull-2 {right: 16.66666667%;}
  .col-sm-pull-1 {right: 8.33333333%;}
  .col-sm-pull-0 {right: auto;}
  .col-sm-push-12 {left: 100%;}
  .col-sm-push-11 {left: 91.66666667%;}
  .col-sm-push-10 {left: 83.33333333%;}
  .col-sm-push-9 {left: 75%;}
  .col-sm-push-8 {left: 66.66666667%;}
  .col-sm-push-7 {left: 58.33333333%;}
  .col-sm-push-6 {left: 50%;}
  .col-sm-push-5 {left: 41.66666667%;}
  .col-sm-push-4 {left: 33.33333333%;}
  .col-sm-push-3 {left: 25%;}
  .col-sm-push-2 {left: 16.66666667%;}
  .col-sm-push-1 {left: 8.33333333%;}
  .col-sm-push-0 {left: auto;}
  .col-sm-offset-12 {margin-left: 100%;}
  .col-sm-offset-11 {margin-left: 91.66666667%;}
  .col-sm-offset-10 {margin-left: 83.33333333%;}
  .col-sm-offset-9 {margin-left: 75%;}
  .col-sm-offset-8 {margin-left: 66.66666667%;}
  .col-sm-offset-7 {margin-left: 58.33333333%;}
  .col-sm-offset-6 {margin-left: 50%;}
  .col-sm-offset-5 {margin-left: 41.66666667%;}
  .col-sm-offset-4 {margin-left: 33.33333333%;}
  .col-sm-offset-3 {margin-left: 25%;}
  .col-sm-offset-2 {margin-left: 16.66666667%;}
  .col-sm-offset-1 {margin-left: 8.33333333%;}
  .col-sm-offset-0 {margin-left: 0%;}}
@media (min-width: 992px) {.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left;}
  .col-md-12 {width: 100%;}
  .col-md-11 {width: 91.66666667%;}
  .col-md-10 {width: 83.33333333%;}
  .col-md-9 {width: 75%;}
  .col-md-8 {width: 66.66666667%;}
  .col-md-7 {width: 58.33333333%;}
  .col-md-6 {width: 50%;}
  .col-md-5 {width: 41.66666667%;}
  .col-md-4 {width: 33.33333333%;}
  .col-md-3 {width: 25%;}
  .col-md-2 {width: 16.66666667%;}
  .col-md-1 {width: 8.33333333%;}
  .col-md-pull-12 {right: 100%;}
  .col-md-pull-11 {right: 91.66666667%;}
  .col-md-pull-10 {right: 83.33333333%;}
  .col-md-pull-9 {right: 75%;}
  .col-md-pull-8 {right: 66.66666667%;}
  .col-md-pull-7 {right: 58.33333333%;}
  .col-md-pull-6 {right: 50%;}
  .col-md-pull-5 {right: 41.66666667%;}
  .col-md-pull-4 {right: 33.33333333%;}
  .col-md-pull-3 {right: 25%;}
  .col-md-pull-2 {right: 16.66666667%;}
  .col-md-pull-1 {right: 8.33333333%;}
  .col-md-pull-0 {right: auto;}
  .col-md-push-12 {left: 100%;}
  .col-md-push-11 {left: 91.66666667%;}
  .col-md-push-10 {left: 83.33333333%;}
  .col-md-push-9 {left: 75%;}
  .col-md-push-8 {left: 66.66666667%;}
  .col-md-push-7 {left: 58.33333333%;}
  .col-md-push-6 {left: 50%;}
  .col-md-push-5 {left: 41.66666667%;}
  .col-md-push-4 {left: 33.33333333%;}
  .col-md-push-3 {left: 25%;}
  .col-md-push-2 {left: 16.66666667%;}
  .col-md-push-1 {left: 8.33333333%;}
  .col-md-push-0 {left: auto;}
  .col-md-offset-12 {margin-left: 100%;}
  .col-md-offset-11 {margin-left: 91.66666667%;}
  .col-md-offset-10 {margin-left: 83.33333333%;}
  .col-md-offset-9 {margin-left: 75%;}
  .col-md-offset-8 {margin-left: 66.66666667%;}
  .col-md-offset-7 {margin-left: 58.33333333%;}
  .col-md-offset-6 {margin-left: 50%;}
  .col-md-offset-5 {margin-left: 41.66666667%;}
  .col-md-offset-4 {margin-left: 33.33333333%;}
  .col-md-offset-3 {margin-left: 25%;}
  .col-md-offset-2 {margin-left: 16.66666667%;}
  .col-md-offset-1 {margin-left: 8.33333333%;}
  .col-md-offset-0 {margin-left: 0%;}}
@media (min-width: 1200px) {.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float: left;}
  .col-lg-12 {width: 100%;}
  .col-lg-11 {width: 91.66666667%;}
  .col-lg-10 {width: 83.33333333%;}
  .col-lg-9 {width: 75%;}
  .col-lg-8 {width: 66.66666667%;}
  .col-lg-7 {width: 58.33333333%;}
  .col-lg-6 {width: 50%;}
  .col-lg-5 {width: 41.66666667%;}
  .col-lg-4 {width: 33.33333333%;}
  .col-lg-3 {width: 25%;}
  .col-lg-2 {width: 16.66666667%;}
  .col-lg-1 {width: 8.33333333%;}
  .col-lg-pull-12 {right: 100%;}
  .col-lg-pull-11 {right: 91.66666667%;}
  .col-lg-pull-10 {right: 83.33333333%;}
  .col-lg-pull-9 {right: 75%;}
  .col-lg-pull-8 {right: 66.66666667%;}
  .col-lg-pull-7 {right: 58.33333333%;}
  .col-lg-pull-6 {right: 50%;}
  .col-lg-pull-5 {right: 41.66666667%;}
  .col-lg-pull-4 {right: 33.33333333%;}
  .col-lg-pull-3 {right: 25%;}
  .col-lg-pull-2 {right: 16.66666667%;}
  .col-lg-pull-1 {right: 8.33333333%;}
  .col-lg-pull-0 {right: auto;}
  .col-lg-push-12 {left: 100%;}
  .col-lg-push-11 {left: 91.66666667%;}
  .col-lg-push-10 {left: 83.33333333%;}
  .col-lg-push-9 {left: 75%;}
  .col-lg-push-8 {left: 66.66666667%;}
  .col-lg-push-7 {left: 58.33333333%;}
  .col-lg-push-6 {left: 50%;}
  .col-lg-push-5 {left: 41.66666667%;}
  .col-lg-push-4 {left: 33.33333333%;}
  .col-lg-push-3 {left: 25%;}
  .col-lg-push-2 {left: 16.66666667%;}
  .col-lg-push-1 {left: 8.33333333%;}
  .col-lg-push-0 {left: auto;}
  .col-lg-offset-12 {margin-left: 100%;}
  .col-lg-offset-11 {margin-left: 91.66666667%;}
  .col-lg-offset-10 {margin-left: 83.33333333%;}
  .col-lg-offset-9 {margin-left: 75%;}
  .col-lg-offset-8 {margin-left: 66.66666667%;}
  .col-lg-offset-7 {margin-left: 58.33333333%;}
  .col-lg-offset-6 {margin-left: 50%;}
  .col-lg-offset-5 {margin-left: 41.66666667%;}
  .col-lg-offset-4 {margin-left: 33.33333333%;}
  .col-lg-offset-3 {margin-left: 25%;}
  .col-lg-offset-2 {margin-left: 16.66666667%;}
  .col-lg-offset-1 {margin-left: 8.33333333%;}
  .col-lg-offset-0 {margin-left: 0%;}}
.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {display: table; content: " ";}
.clearfix:after, .container:after, .container-fluid:after, .row:after {clear: both;}
.center-block {display: block; margin-right: auto; margin-left: auto;}
.pull-right {float: right !important;}
.pull-left {float: left !important;}
.hide {display: none !important;}
.show {display: block !important;}
.invisible {visibility: hidden;}
.text-hide {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;}
.hidden {display: none !important;}
.affix {position: fixed;}








/*------------------------------megamenu------------------------------------------*/
/* NAVIGATION
================================*/
.navigation { display: -ms-flexbox; display: flex; -ms-flex-align: initial; align-items: initial; width: 100%; min-height: 60px; padding: 0; position: relative; line-height: initial; font-family: inherit; box-sizing: border-box; background-color: #369343; transition: background 0.3s;}
@media (min-width: 992px) { .navigation {   height: auto; }}
.navigation *, .navigation *:before, .navigation *:after { box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-decoration: none;}
.navigation.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 19998;}
.navigation.sticky-top { position: -webkit-sticky; position: sticky; top: 0; will-change: opacity; z-index: 19998;}
.navigation > .container { display: -ms-flexbox; display: flex;}
/* MOBILE HEADER
================================*/
.navigation-header { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between;}
@media (min-width: 992px) { .navigation-header {   display: none; }}
/* OVERLAY PANEL
================================*/
.overlay-panel { width: 0; height: 0; position: fixed; left: 0; top: 0; opacity: 0; z-index: -999999; transition: opacity 0.8s;}
.overlay-panel.is-visible { width: 100%; height: 100%; opacity: 1; z-index: 19999;}
.overlay-panel.is-invisible { opacity: 0;}
@media (min-width: 992px) { .overlay-panel.is-visible {   display: none !important; }}
/* NAVIGATION BRAND TEXT
================================*/
.navigation-brand-text a { font-size: 16px; font-weight: bold; color: #fff; text-decoration: none;}
@media (min-width: 992px) { .navigation-brand-text a {   font-size: 22px; }}
.navigation-header .navigation-brand-text { padding: 0 1rem;}
/* NAVIGATION LOGO
================================*/
.navigation-logo { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center;}
.navigation-logo a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center;}
.navigation-logo a img { height: 40px; display: block;}
@media (min-width: 992px) { .navigation-logo a img {   height: 48px; }}
.navigation-logo-top .navigation-body .navigation-logo img { width: auto; height: auto;}
.navigation-header .navigation-logo { padding: 0 1rem;}
.navigation-logo.navigation-item a img { width: auto; height: auto;}
/* NAVIGATION BUTTON TOGGLER
================================*/
.navigation-button-toggler { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 60px; height: 60px; cursor: pointer;}
.navigation-button-toggler .hamburger-icon { width: 20px; height: 2px; display: inline-block; font-style: normal; color: #fff; box-shadow: inset 0 0 0 32px, 0 -6px, 0 6px;}
/* NAVIGATION BODY
================================*/
.navigation-body { width: 100%; height: 100%; position: fixed; top: 0; left: -100%; overflow-x: hidden; overflow-y: auto; background-color: #369343; z-index: 20000; transition: left 0.8s cubic-bezier(0.1, 0.1, 0.1, 0.1), right 0.8s cubic-bezier(0.1, 0.1, 0.1, 0.1); color: #369343;}
@media (min-width: 500px) { .navigation-body {   width: 320px; }}
@media (min-width: 992px) { .navigation-body {   display: -ms-flexbox;   display: flex;   -ms-flex-align: center;   align-items: center;   width: 100%;   position: relative;   left: auto;   overflow: visible;   z-index: auto;   background-color: transparent;   transition: all 0s ease 0s; }}
.navigation-body.offcanvas-right { left: auto; right: -100%;}
@media (min-width: 992px) { .navigation-body.offcanvas-right {   right: auto; }}
.navigation-body.is-visible { left: 0; transition: left 0.8s, right 0.8s;}
.navigation-body.offcanvas-right.is-visible { right: 0; left: auto;}
@media (min-width: 992px) { .navigation-body.offcanvas-right.is-visible {   right: auto; }}
.navigation-body.is-invisible { left: -100%;}
.navigation-body.offcanvas-right.is-invisible { right: -100%;}
.navigation-body.scroll-momentum { -webkit-overflow-scrolling: touch;}
@media (min-width: 992px) { .navigation-centered .navigation-body {   -ms-flex-pack: center;   justify-content: center; } .navigation-justified .navigation-body {   -ms-flex-pack: justify;   justify-content: space-between; } .navigation-logo-top .navigation-body {   -ms-flex-direction: column;   flex-direction: column; }}
.navigation-body-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 16px; border-bottom: solid 1px #00d9cd;}
@media (min-width: 992px) { .navigation-body-header {   border: none; } .navigation-centered .navigation-body-header {   padding: 0; } .navigation-logo-top .navigation-body-header {   padding-top: 20px; }}
.navigation-body-close-button { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 30px; height: 30px; margin-left: auto; padding-bottom: 2px; line-height: initial; text-align: center; font-size: 25px; color: #fff; cursor: pointer;}
@media (min-width: 992px) { .navigation-body-close-button {   display: none; }}
.navigation-body-section { width: 100%; padding: 16px; display: inline-flex; -ms-flex-direction: column; flex-direction: column;}
@media (min-width: 992px) { .navigation-body-section {   width: auto;   display: inline-block; }}
.navigation-body-section + .navigation-body-section { padding-top: 0;}
@media (min-width: 992px) { .navigation-body-section + .navigation-body-section {   padding-top: 16px; }}
/* NAVIGATION MENU
================================*/
.navigation-menu { width: 100%; margin: 0; padding: 0; list-style: none; font-size: 0rem; display: inline-block; float: left;}
@media (min-width: 992px) { .navigation-menu {   width: auto;   display: -ms-flexbox;   display: flex;   -ms-flex-align: center;   align-items: center; } .navigation .navigation-menu {   -ms-flex-item-align: stretch;   align-self: stretch;   -ms-flex-align: stretch;   align-items: stretch; } .navigation-logo-top .navigation-menu {   -ms-flex-pack: center;   justify-content: center; }}
/* Navbar item */
.navigation-item { width: 100%; margin: 0 !important; float: left; display: inline-block;}
@media (min-width: 992px) { .navigation-item {   width: auto; }}
/* Navbar link */
.navigation-link { width: 100%; padding: 13px 16px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; font-size: 14px; letter-spacing: 0.3px; color: #fff; text-decoration: none !important; border-bottom: solid 1px #00d9cd; transition: border-color 0.3s, color 0.3s, background 0.3s;}
.navigation-link:visited { color: #fff;}
@media (min-width: 992px) { .navigation-item:last-child .navigation-link {   border-top: none;   border-bottom: none; }}
.navigation-item:not(.navigation-brand-text):hover .navigation-link, .navigation-item:not(.navigation-brand-text):focus .navigation-link, .navigation-item:not(.navigation-brand-text).is-active .navigation-link { color: #eaeaea; background-color: #369343; border-color: #369343;}
@media (min-width: 992px) { .navigation-link {   height: 100%;   padding: 10px 16px;   line-height: 60px;   border: none; }}
.navigation-menu.navigation-social-menu + .navigation-menu:not(.navigation-social-menu) .navigation-item:first-child .navigation-link { border-top: solid 1px #00d9cd;}
@media (min-width: 992px) { .navigation-menu.navigation-social-menu + .navigation-menu:not(.navigation-social-menu) .navigation-item:first-child .navigation-link {   border-top: none; }}
.navigation-link i { width: 28px; float: left; text-align: center; font-size: 24px; line-height: 0;}
.navigation-link i[class*=fa] { font-size: 21px;}
@media (min-width: 992px) { .navigation-link i {   width: auto; }}
.navigation-link i + span { padding-left: 8px;}
.navigation-icon-item .navigation-link { padding: 13px 16px;}
@media (min-width: 992px) { .navigation-icon-item .navigation-link {   width: 100%;   margin: 0;   padding: 25px 25.6px;   border-left: solid 1px #00d9cd; }}
@media (min-width: 992px) { .navigation-icon-item .navigation-link span:not(.submenu-indicator) {   display: none; }}
@media (min-width: 992px) { .navigation-icon-item .navigation-link .navigation-badge {   right: 10px; }}
@media (min-width: 992px) { .navigation-icon-item .navigation-link i {   width: 20px;   height: 26px;   margin: 0;   line-height: 26px;   text-align: center;   float: left;   font-size: 25.6px; } .navigation-icon-item .navigation-link i[class*=fa] {   width: auto;   font-size: 21px; }}
.navigation-body-section + .navigation-menu:not(.navigation-social-menu) > .navigation-item:first-child > .navigation-link { border-top: solid 1px #00d9cd;}
@media (min-width: 992px) { .navigation-body-section + .navigation-menu:not(.navigation-social-menu) > .navigation-item:first-child > .navigation-link {   border-top: none; }}
/* NAVIGATION SOCIAL MENU
================================*/
.navigation-social-menu { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; width: 100%; padding: 0 16px; text-align: center;}
@media (min-width: 992px) { .navigation-social-menu {   width: auto; }}
@media (max-width: 991px) { .navigation-social-menu {   padding: 16px; }}
.navigation-social-menu .navigation-item { width: auto; display: inline-block;}
.navigation-social-menu .navigation-item .navigation-link { margin: 0; padding: 0 3px; border: none;}
.navigation-social-menu .navigation-item .navigation-link i { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 32px; height: 32px; margin: 0; line-height: initial; font-size: 19px; border-radius: 50%; background-color: #00d9cd;}
.navigation-item .navigation-link img { height: 30px !important; width: auto;}
.navigation-item .navigation-link.gradient img { -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))); mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));}
.navigation-social-menu .navigation-item .navigation-link i:not([class*=fa]):before { margin-right: -1px;}
.navigation-social-menu .navigation-item .navigation-link:hover, .navigation-social-menu .navigation-item .navigation-link:focus, .navigation-social-menu .navigation-item .navigation-link.is-active { color: #F17E3B; background: transparent;}
.navigation-social-menu .navigation-item:last-child .navigation-link { padding-right: 0;}
.navigation-social-menu .navigation-item:first-child .navigation-link { padding-left: 0;}
@media (max-width: 991px) { .navigation-social-menu .navigation-item {   display: flex; }}
/* SUBMENU INDICATOR
================================*/
.submenu-indicator { width: 46px; height: 100%; position: absolute; top: 0; right: 0; z-index: 20000;}
@media (min-width: 992px) { .submenu-indicator {   width: 6px;   height: 6px;   margin-left: 6px;   float: right;   position: relative; } li:not(.navigation-icon-item) span:not(.navigation-badge) + .submenu-indicator, li:not(.navigation-icon-item) i + span + .navigation-badge + .submenu-indicator {   margin-left: 0; }}
.submenu-indicator:after { height: 6px; width: 6px; margin: -3px 0 0 -3px; top: 50%; left: 50%; content: ""; position: absolute; border-style: solid; border-width: 0 1px 1px 0; border-color: transparent #fff #fff transparent; transform: rotate(45deg); transition: border 0.3s, transform 0.3s;}
.navigation-item:hover > .navigation-link > .submenu-indicator:after, .navigation-item:focus > .navigation-link > .submenu-indicator:after, .navigation-item.is-active > .navigation-link > .submenu-indicator:after { border-color: transparent #eaeaea #eaeaea transparent;}
.submenu-indicator.is-active:after { transform: rotate(-135deg);}
@media (min-width: 992px) { .submenu-indicator.is-active:after {   transform: rotate(45deg); }}
/* NAVIGATION BUTTON
================================*/
.navigation-btn { width: 100%; padding: 10px 12px; text-align: center; display: block; line-height: 1.4; font-size: 14px; white-space: nowrap; color: #fff; cursor: pointer; border-radius: 4px; border: solid 1px #F17E3B; background-color: #F17E3B; transition: opacity 0.3s, background 0.3s;}
.navigation-btn:hover, .navigation-btn:focus { color: #ffffff; text-decoration: none; background-color: #02a9e6;}
@media (min-width: 992px) { .navigation-btn {   width: auto; }}
/* NAVIGATION TEXT
================================*/
.navigation-text { padding: 11px 0; display: inline-block; color: #fff; font-size: 14px;}
@media (min-width: 992px) { .navigation-text {   padding: 11px 16px; }}
/* NAVIGATION BADGE
================================*/
.navigation-badge { min-width: 18px !important; height: 18px; margin: 0 5px; display: inline-block; line-height: 18px; text-align: center; font-size: 11px; color: #ffffff; border-radius: 20px; background-color: #F17E3B;}
@media (min-width: 992px) { .navigation-link .navigation-badge {   position: absolute;   right: -2px;   top: calc(50% + -20px); } .navigation-dropdown-link .navigation-badge {   position: static; }}
/* NAVIGATION INLINE FORM
================================*/
.navigation-inline-form { position: relative;}
@media (min-width: 992px) { .navigation-inline-form {   display: -ms-flexbox;   display: flex; }}
.navigation-inline-form .navigation-btn { display: -ms-flexbox; display: flex; width: auto; height: 100%; position: absolute; top: 0; right: 4px; background-color: transparent !important; border-color: transparent !important; box-shadow: none !important;}
.navigation-input { width: 100%; padding: 11px 32px 11px 12px; outline-width: 0; font-size: 14px; color: #fff; line-height: 1.4; box-shadow: none; border-radius: 4px; background-color: #3d3d3d; border-style: solid; border-width: 1px; border-color: #00d9cd; transition: border 0.3s;}
.navigation-input:hover, .navigation-input:focus { border-color: #F17E3B;}
.navigation-input::placeholder { color: lightgray;}
.navigation-input:-ms-input-placeholder { color: lightgray;}
.navigation-input::-ms-input-placeholder { color: lightgray;}
.navigation-search-icon { width: 14px; height: 14px; display: inline-block; vertical-align: middle; position: relative; color: white; text-align: left; text-indent: -9999px; border: 2px solid; border-radius: 50%; transform: rotate(-45deg); transition: color 0.3s;}
.navigation-search-icon:after, .navigation-search-icon:before { content: ''; pointer-events: none;}
.navigation-search-icon:before { width: 2px; height: 7px; top: 10px; position: absolute; left: 50%; border-radius: 0 0 1px 1px; box-shadow: inset 0 0 0 32px; transform: translateX(-50%);}
.navigation-btn:hover .navigation-search-icon { color: #F17E3B;}
/* NAVIGATION DROPDOWN
================================*/
.navigation-dropdown { width: 100%; max-height: 0; margin: 0; padding: 0; overflow: hidden; list-style: none; position: static; display: block; z-index: 20001; background-color: #ededed; transition: max-height 2s cubic-bezier(0, 1, 0, 1);}
.navigation-dropdown.is-visible { max-height: 2500px; transition: max-height 5s ease-out;}
@media (min-width: 992px) { .navigation-dropdown {   width: 180px;   margin-top: 40px;   position: absolute;   display: inline-block;   opacity: 0;   box-shadow: 0 12px 20px -5px rgba(0, 0, 0, 0.05);   transition: opacity 0.3s linear, max-height 0s linear 0.6s, margin 0.3s; } .navigation-dropdown.is-visible {   margin-top: 0;   opacity: 1;   overflow: visible;   transition: opacity 0.3s linear, max-height 0s linear, margin 0.3s; }}
.navigation-dropdown .navigation-dropdown { left: 100%;}
.navigation-dropdown .navigation-dropdown-left { right: 100%; left: auto;}
.navigation-dropdown-item { width: 100%; margin: 0; float: left; display: inline-block;}
.navigation-dropdown-link { width: 100%; display: inline-block; position: relative; font-size: 13px; color: #fff; border-bottom: solid 1px #00d9cd; transition: border 0.3s, color 0.3s, background 0.3s;}
.navigation-dropdown-link:visited { color: #fff;}
.navigation-dropdown-item:hover > .navigation-dropdown-link, .navigation-dropdown-item:focus > .navigation-dropdown-link, .navigation-dropdown-item.is-active > .navigation-dropdown-link { text-decoration: none !important; color: #eaeaea; border-color: #18c0fd; background-color: #F17E3B;}
.navigation-dropdown-link { padding: 14px 19px;}
.navigation-dropdown-link + ul .navigation-dropdown-link { padding-left: 32px;}
.navigation-dropdown-link + ul .navigation-dropdown-link + ul .navigation-dropdown-link { padding-left: 48px;}
.navigation-dropdown-link + ul .navigation-dropdown-link + ul .navigation-dropdown-link + ul .navigation-dropdown-link { padding-left: 48px;}
.navigation-dropdown-link + ul .navigation-dropdown-link + ul .navigation-dropdown-link + ul .navigation-dropdown-link + ul .navigation-dropdown-link { padding-left: 64px;}
.navigation-dropdown-link + ul .navigation-dropdown-link + ul .navigation-dropdown-link + ul .navigation-dropdown-link + ul .navigation-dropdown-link + ul .navigation-dropdown-link { padding-left: 128px;}
@media (min-width: 992px) { .navigation-dropdown-link {   padding-left: 19px !important;   border-bottom: none; }}
.navigation-dropdown-link > .submenu-indicator { right: 0; top: 0; position: absolute;}
.navigation-dropdown-item:hover > .navigation-dropdown-link > .submenu-indicator:after, .navigation-dropdown-item:focus > .navigation-dropdown-link > .submenu-indicator:after, .navigation-dropdown-item.is-active > .navigation-dropdown-link > .submenu-indicator:after { border-color: transparent #eaeaea #eaeaea transparent;}
@media (min-width: 992px) { .navigation-dropdown-link > .submenu-indicator {   position: absolute;   top: 50%;   right: 10px;   transform: translateY(-50%); } .navigation-dropdown-link > .submenu-indicator:after {   transform: rotate(-45deg); } .navigation-dropdown-link > .submenu-indicator.submenu-indicator-left:after {   transform: rotate(135deg); }}
/* MEGAMENU
================================*/
.navigation-megamenu { width: 100%; max-height: 0; overflow: hidden; display: block; position: static; font-size: 14px; color: #fff; z-index: 20001; background-color: #ededed; transition: max-height 2s cubic-bezier(0, 1, 0, 1);}
.navigation-megamenu.is-visible { max-height: 2500px; border-bottom: solid 1px #00d9cd; transition: max-height 5s ease-out;}
@media (min-width: 992px) { .navigation-megamenu {   margin-top: 40px;   position: absolute;   opacity: 0;   border-top: solid 0px transparent;   transition: opacity 0.3s linear, max-height 0s linear 0.6s, margin 0.3s; } .navigation-megamenu.is-visible {   margin-top: 0;   opacity: 1;   border-bottom: none;   box-shadow: 0 12px 20px -5px rgba(0, 0, 0, 0.05);   transition: opacity 0.3s linear, max-height 0s linear, margin 0.3s; } .navigation-megamenu.navigation-megamenu-half {   width: 50%; } .navigation-megamenu.navigation-megamenu-quarter {   width: 25%; }}
.scroll-momentum .navigation-megamenu { transform: translateZ(0);}
@media (min-width: 992px) { .scroll-momentum .navigation-megamenu {   transform: none; }}
.navigation-megamenu [class*="container"] { width: 100%;}
.navigation-megamenu [class*="container"] [class*="col-"] { padding: 0;}
.navigation-megamenu-container { padding: 16px; display: table;}
/* MEGAMENU GRID
================================*/
.navigation-row { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.navigation-row > [class^=navigation-col] { width: 100%; min-height: 20px; margin-bottom: 1rem; position: relative;}
@media (min-width: 992px) { .navigation-row .navigation-col {   flex-basis: 0;   -ms-flex-positive: 1;   flex-grow: 1;   max-width: 100%; }}
@media (min-width: 992px) { .navigation-row .navigation-col-1 {   -ms-flex: 0 0 8.333333%;   flex: 0 0 8.333333%;   max-width: 8.333333%; } .navigation-row .navigation-col-2 {   -ms-flex: 0 0 16.666666%;   flex: 0 0 16.666666%;   max-width: 16.666666%; } .navigation-row .navigation-col-3 {   -ms-flex: 0 0 25%;   flex: 0 0 25%;   max-width: 25%; } .navigation-row .navigation-col-4 {   -ms-flex: 0 0 33.333333%;   flex: 0 0 33.333333%;   max-width: 33.333333%; } .navigation-row .navigation-col-5 {   -ms-flex: 0 0 41.666667%;   flex: 0 0 41.666667%;   max-width: 41.666666%; } .navigation-row .navigation-col-6 {   -ms-flex: 0 0 50%;   flex: 0 0 50%;   max-width: 50%; } .navigation-row .navigation-col-7 {   -ms-flex: 0 0 58.333333%;   flex: 0 0 58.333333%;   max-width: 58.333333%; } .navigation-row .navigation-col-8 {   -ms-flex: 0 0 66.666666%;   flex: 0 0 66.666666%;   max-width: 66.666666%; } .navigation-row .navigation-col-9 {   -ms-flex: 0 0 75%;   flex: 0 0 75%;   max-width: 75%; } .navigation-row .navigation-col-10 {   -ms-flex: 0 0 83.333333%;   flex: 0 0 83.333333%;   max-width: 83.333333%; } .navigation-row .navigation-col-11 {   -ms-flex: 0 0 91.666666%;   flex: 0 0 91.666666%;   max-width: 91.666666%; } .navigation-row .navigation-col-12 {   -ms-flex: 0 0 100%;   flex: 0 0 100%;   max-width: 100%; }}
.navigation-row:last-of-type [class^=navigation-col]:last-child { margin-bottom: 0;}
@media (min-width: 992px) { .navigation-row:last-of-type [class^=navigation-col] {   margin-bottom: 0; }}
/* MEGAMENU LIST
================================*/
.navigation-list { width: 100%; margin: 0; padding: 0; list-style: none;}
@media (min-width: 992px) { [class^=navigation-col]:last-of-type .navigation-list {   padding: 0; }}
.navigation-list > li { width: 100%; margin: 0;}
.navigation-list > li > a { padding: 10px 30px 10px 30px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; font-size: 13px; color: #fff; text-decoration: none; transition: color 0.3s, background 0.3s;}
.navigation-list > li > a:hover { color: #eaeaea; background-color: #F17E3B;}
@media (min-width: 992px) { .navigation-list > li > a {   border-right: solid 1px #00d9cd; }}
[class^=navigation-col]:last-of-type .navigation-list > li > a { border-right: none;}
.navigation-list > li:not(.navigation-list-heading) > a:before { content: "\25E5"; position: absolute; left: 12px; font-size: 9px; transform: rotate(45deg);}
.navigation-list-heading { text-transform: uppercase; font-weight: bold;}
.navigation-list-heading > a { padding: 0 16px 13px !important;}
.navigation-list-heading > a:hover { color: #fff !important; background-color: transparent !important;}
/* UTILITIES
 ================================*/
.align-to-right { margin-left: auto !important;}
.align-to-left { margin-right: auto !important;}
.margin-top { margin-top: 1rem !important;}
@media (min-width: 992px) { .margin-top {   margin-top: 0 !important; }}
@media (max-width: 991px) { .hide-on-portrait {   display: none !important; }}
@media (min-width: 992px) { .hide-on-landscape {   display: none !important; }}
.mt-3, .my-3 { margin-top: 1rem !important}
.maplinks tr { display: inline-flex !important; width: 100%; box-sizing: border-box;}
.maplinks td { width: 100%;}
.maplinks td:hover { background-color: transparent !important;}
.maplinks a { background-color: #fff; border: 1px #ccc solid; padding: 5px; margin: 5px; border-radius: 10px; display: inline-block; width: 100%; text-align: center; color: #369343; font-size: 1.4em;}
.maplinks a:hover { color: #fff; background-color: #369343; transition-duration: .5s;}
.img-fluid { width: 100%; height: auto;}
#myImageMap { display: block; width: 100%; max-width: 260px; height: auto}
.navigation-row h6, .navigation-row h6 a { color: #369343; font-size: 1.4em;}
#navbar { margin-bottom: 2em;}
.navigation-col.p-2 { background-color: #fff; border: 5px solid #ededed; border-radius: 20px; text-align: center; padding: 0}
.navigation-col.p-2.maplinks { background-color: transparent; border: 5px solid #ededed; border-radius: 20px;}
.navigation-col.p-2:hover { border-color: #369343; transition-duration: .8s;}
.navigation-col.p-2.maplinks:hover { border-color: transparent;}
.navigation-col.p-2 img { border-radius: 15px 15px 0 0; max-height: 120px; object-fit: cover; }
.navigation-col.p-2 a:hover { text-decoration: none !important;}
.navigation-col.p-2.maplinks tr td:hover { background-color: #ededed !important;}

.navigation-menu h6{position:relative; top:-12px; margin:-10px 0;}
.navigation-col .p-2 {padding:0!important; margin:0!important;}
.navigation-row > [class^=navigation-col]{margin: 0;}
.navmenu {padding-bottom: 80px;}
.inline-map{width:50%; max-width:300px;height:auto;margin:2em auto 0; text-align: center;}
.inline-map p {padding:10px; background-color:orange;text-decoration:none; display: block;color: white; border-radius: 5px; box-shadow: 2px 2px 2px  #999}
.inline-map p:hover {padding:10px; background-color:#ccc;text-decoration:none; }