:root {
  --color-p: #444444;
  --color-light-p: #888888;
  --color-dblue: #1010d0;
  --color-very-light-grey: #f4f4f4;
  --color-light-grey: #e8e8e8;
  --color-mid-grey: #dddddd;

  --color-dark-green: #006a24;
  --color-middle-green: #269a4d;
  --color-light-green: #6bc68a;
  --color-vlight-green: #caf2d8;
  --color-background: #eefcf3;
  --color-dark-orange: #914a00;
  --color-light-orange: #ffc68a;
  --color-light-red: #ff9c8a;
  --color-light-blue: #629caf;
  --color-dark-blue: #0e4080;

  --color-soft-orange: #ffebd6;
  --color-soft-red: #ffdcd6;
  --color-soft-blue: #c7e3ec;

  --header-background: #914a00;
}

html,
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: none;
  vertical-align: baseline;
  background: transparent;
}
.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}
.clearfix::after {
  clear: both;
}
div.clear {
  width: 100%;
  clear: both;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section,
article {
  display: block;
}

html {
  background: var(--color-background);
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: #f3f5f6;
  -webkit-text-size-adjust: 100%;
}
body {
  font-size: 1em;
  font-family: Verdana, arial, helvetica, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: var(--color-p);
  position: relative;
  width: 100%;
  background: var(--color-background);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Verdana, arial, helvetica, sans-serif;
}
body.contentpane {
  width: auto;
  margin: 10px;
  text-align: left;
}
img {
  border: 0 none;
  max-width: 100%;
  height: auto;
}

#keyframes fadein {
  0% {
    transform: scale(0);
  }
  70% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

/* ###################### general ###################### */
#all {
  margin: 0 auto;
  max-width: 1050px;
  padding: 0;
  text-align: left;
  font-size: 0.8em;
}
#header {
  display: block;
  position: relative;
  padding: 0;
}
#header ul {
  position: absolute;
  left: 0;
  top: 5em;
  right: 0;
  display: block;
  margin: 0 0 1px 0;
  text-align: right;
  list-style-type: none;
  padding: 10px 0;
}
#back {
  margin: 0;
  padding: 0;
}
#contentarea,
#contentarea2 {
  position: relative;
  margin: 0;
}
#wrapper {
  width: 53%;
  float: left;
  position: relative;
}
#wrapper2 {
  width: 72%;
  float: left;
  position: relative;
  padding-bottom: 20px;
}
#wrapper2 .item-page {
  max-width: 660px;
}
.wrapper-wide {
  max-width: 1200px;
  margin: 0 auto;
}
.wrapper-normal {
  max-width: 920px;
  margin: 0 auto;
}
.wrapper-medium {
  max-width: 740px;
  margin: 0 auto;
}
.wrapper-text {
  max-width: 620px;
  margin: 0 auto;
}
.wrapper-air {
  padding-top: 30px;
  padding-bottom: 30px;
}
.wrapper-5vw {
  padding: 5vw 10px;
}
#mod-custom165 {
  padding-bottom: 0 !important;
  max-width: 740px;
}

#main {
  box-shadow: -5px 5px 4px rgba(20, 20, 20, 0.6);
  margin-top: 60px;
  min-height: 600px;
}
#main-inner {
  padding-top: 0;
  padding-bottom: 20px;
  position: relative;
}
.site-contact #main-inner {
  max-width: 740px;
  margin-right: auto;
  margin-left: auto;
}

.site-homepage #main-inner {
  padding-top: 0;
}
#right {
  float: left;
  width: 20%;
  margin: 10px 0 10px 2%;
  padding: 0 0 5px 0;
  position: relative;
}
#footer {
  width: 100%;
}
.unseen,
.hidelabeltxt,
#line label {
  display: inline;
  height: 0;
  left: -3000px;
  position: absolute;
  top: -2000px;
  width: 0;
}
.maincolor {
  color: var(--color-dark-green);
}

/* ++++++++++++++  nav after content  ++++++++++++++ */
.left {
  padding-top: 0;
  float: right;
  margin: 10px 0 10px 0;
  width: 22%;
  position: relative;
}

/* ++++++++++++++  nav before content  ++++++++++++++ */
.left1 {
  padding: 0;
  float: left;
  margin: 10px 3% 10px 0;
  width: 21%;
  position: relative;
}
.leftbigger {
  width: 25%;
}

/* ###################### header ###################### */

.skiplinks,
.skiplinks li {
  display: inline;
  height: 0;
  line-height: 0;
  padding: 0 !important;
}
.skiplinks li a.u2 {
  display: inline;
  height: 0;
  left: -3000px;
  position: absolute;
  top: -2000px;
  width: 0;
}
.skiplinks li a.u2:active,
.skiplinks li a.u2:focus {
  position: absolute;
  width: 13em;
  top: -4em;
  left: 10px;
  line-height: 1.5em;
  padding: 5px;
  font-weight: bold;
  height: 3em;
}
.wrap {
  border: 0;
  clear: both;
  float: none;
  font-size: 1px;
  height: 0;
  line-height: 1px;
  margin: 0;
  padding: 0;
  visibility: hidden;
}
#logo {
  margin: 0;
  padding: 0;
  display: block;
}
#logo span {
  padding-left: 2px;
}
#logo span.header1 {
  display: block;
  top: 0;
  line-height: 0.8em;
  font-size: 0.7em;
  padding-left: 55px;
}

.logoheader {
  margin: -2px 10px 0;
  padding: 0;
  text-align: left;
  font-weight: normal;
  line-height: 1.5em;
}
.header1 {
  font-size: 1.5em;
  margin-left: 10px;
}
#line {
  padding: 0;
  max-width: 100%;
  text-align: center;
  width: 100%;
}
#fontsize,
#line .search {
  display: inline;
  margin: 0;
}

.gt_switcher_wrapper {
  position: relative !important;
}
.gtranslate_wrapper,
.gt_switcher_wrapper,
.gt_selected {
  padding: 0 !important;
}
.gt_container-ex9y3u .gt_switcher {
  width: 143px !important;
}

.gt_container-ex9y3u .gt_switcher .gt_selected a {
  width: 131px !important;
}
@media screen and (max-width: 560px) {
  .gt_container-ex9y3u .gt_switcher {
    width: 52px !important;
    color: #ffffff00 !important;
  }
  .gt_container-ex9y3u .gt_switcher .gt_selected a {
    width: 40px !important;
    color: #ffffff00 !important;
  }
  a.nturl {
    color: #ffffff00 !important;
  }
}

/* ++++++++++++++  button for closing right column  ++++++++++++++ */

#close {
  margin-right: 0;
  text-transform: uppercase;
}
#close span {
  position: absolute;
  right: 20px;
  z-index: 102;
  top: 5px;
  font-weight: bold;
  text-align: right;
  line-height: 1.5em;
  margin-top: 20px;
  padding: 5px;
}
#close > a {
  display: block;
  overflow: hidden;
}
#close > a:hover span {
  background: #095197;
}

/* ###################### main ###################### */

/* ++++++++++++++  position  ++++++++++++++ */

.blog-featured {
  padding: 0;
}
.items-leading {
  padding: 0 5px 10px 5px;
  overflow: hidden;
  margin-bottom: 10px;
}
.row-separator {
  display: block;
  clear: both;
  margin: 0;
  border: 0;
  height: 1px;
}
.item-separator {
  display: none;
  margin: 0;
}
.shownocolumns {
  width: 100% !important;
}
#contenttop {
  margin: 0 0 20px 0;
  overflow: hidden;
}

/* ++++++++++++++  blog  ++++++++++++++ */

.cols-1 {
  display: block;
  float: none !important;
  margin: 0 !important;
}
.cols-2 .column-1 {
  width: 46%;
  float: left;
}
.cols-2 .column-2 {
  width: 46%;
  float: right;
  margin: 0;
}
.cols-3 .column-1 {
  float: left;
  width: 29%;
  padding: 0 5px;
  margin-right: 4%;
}
.cols-3 .column-2 {
  float: left;
  width: 29%;
  margin-left: 0;
  padding: 0 5px;
}
.cols-3 .column-3 {
  float: right;
  width: 29%;
  padding: 0 5px;
}
.items-row {
  overflow: hidden;
  margin-bottom: 10px !important;
}
.column-1,
.column-2,
.column-3 {
  padding: 10px 5px;
}
.column-2 {
  width: 55%;
  margin-left: 40%;
}
.column-3 {
  width: 30%;
}
.blog-more {
  padding: 10px 5px;
}

/* ++++++++++++++++++++++ Footer +++++++++++++++++++++++++ */
#bottom {
  overflow: hidden;
}
#footer-inner {
  max-width: 1025px;
  margin: 0 auto;

  padding: 10px 15px 10px 10px;
}

/* hide the mobile menu button */
#mobile_select {
  display: none;
}
.box {
  text-align: left;
}
.box ul {
  list-style-type: none;
}
#bottom .newsfeed-item {
  padding: 0;
  margin-bottom: 10px;
}
.box .moduletable_menu,
.box .moduletable {
  margin: 10px;
}

/* Typography =================================================== */

body#shadow {
  font-family: arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: inherit;
  font-weight: 400;
  line-height: 1.3;
}
h1,
h2,
.ccfont {
  font-family: "Merriweather Sans", sans-serif;
}
h1,
h2,
.bluefont {
  color: var(--color-dark-blue);
}
h1,
.h1 {
  font-size: calc(1.6em + 0.5vw);
  font-weight: 700;
  margin-bottom: 0.7em;
  text-align: center;
  text-transform: uppercase;
}
h2,
.h2 {
  font-size: calc(1.5em + 0.6vw);
  font-weight: 700;
  margin-bottom: 0.6em;
  padding: 5px 0;
}
h3,
.h3 {
  font-size: calc(1.1em + 0.2vw);
  margin-bottom: 0.5em;
  padding-bottom: 5px;
}
h4,
.h4 {
  font-size: calc(1.1em + 0.1vw);
  margin-bottom: 0.4em;
}
h5,
.h5 {
  font-size: calc(1em);
  margin-bottom: 0.3em;
}

p,
ol,
ul,
dl,
address {
  margin-bottom: 1.5rem;
  font-size: 1em;
  line-height: 1.6;
  letter-spacing: 0.01em;
}
.lighter {
  color: var(--color-light-p);
}
.small,
small {
  font-size: 0.875em;
}
.bigger {
  font-size: 1.125em;
}
.ttfup {
  text-transform: uppercase;
}
ul,
ol {
  margin: 0 0 1.5em 12px;
  padding: 0 0 0 12px;
}
li ul,
li ol {
  margin: 0;
}
a:link,
a:visited {
  color: #333333;
  text-decoration: none;
}
a:hover,
a:active,
a:focus {
  color: #333333;
}
a:hover {
  cursor: pointer;
}
a,
a::before {
  transition-duration: 0.3s;
  transition-timing-function: ease;
}
a::after {
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

blockquote {
  margin: 0 0 1.5em -24px;
  padding-left: 24px;
  border-left: 2px solid #c7ced6;
  font-style: normal;
}
q {
  quotes: none;
}
cite {
  font-style: normal;
}
abbr[title] {
  border-bottom: 1px dotted #c7ced6;
  cursor: help;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
ins {
  text-decoration: none;
}
mark {
  font-style: italic;
  font-weight: bold;
}
pre,
code,
kbd,
samp {
  line-height: 1.5em;
}
pre {
  white-space: pre-wrap;
}
sub,
sup {
  position: relative;
  line-height: 0;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1.5em;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
  font-size: 1em;
}
table th,
table td {
  padding: 8px;
  vertical-align: top;
  border-top: 1px solid #ddd;
  line-height: 1.5em;
  text-align: left;
}
table th {
  font-weight: bold;
}
table thead th {
  vertical-align: bottom;
}
table tr:first-child th,
table tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
  border-top: 0;
}
table tbody + tbody {
  border-top: 2px solid #8c9bab;
}
table tbody tr td,
table tbody tr th {
  -webkit-transition: background-color 0.25s linear;
  -moz-transition: background-color 0.25s linear;
  -ms-transition: background-color 0.25s linear;
  -o-transition: background-color 0.25s linear;
  transition: background-color 0.25s linear;
}
.black-textshadow {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.icon16 {
  width: 16px;
  height: 16px;
}
.icon32 {
  width: 32px;
  height: 32px;
}
.icon48 {
  width: 48px;
  height: 48px;
}
.icon64 {
  width: 64px;
  height: 64px;
}

/* links */
.readmore a,
.mod-articles-category-readmore a {
  border: 1px solid #cccccc;
  border-radius: 3px;
  display: inline-block;
  text-decoration: none;
  line-height: 1.6em;
  margin-bottom: 9px;
  padding: 4px;
  line-height: 1.6em;
}

/* +++++++++++++++++  forms general #######################  */
form {
  margin: 0 0 18px;
}
form.form-inline,
form.form-inline input.search-query {
  margin: 0;
}
fieldset {
  border: solid 1px #ddd;
  margin: 10px 0;
  padding: 20px;
  border-radius: 5px;
}
fieldset p {
  margin: 0;
  padding: 0;
}
legend {
  font-weight: bold;
  background: #fff;
  padding: 5px 10px;
}
label,
input,
button,
select,
textarea {
  font-weight: normal;
}
form label {
  color: #333333;
  margin-bottom: 5px;
  max-width: 90%;
}
input,
textarea,
select,
#advanced-search-toggle,
input.search-query {
  border: 1px solid #cccccc;
  border-radius: 3px;
  display: inline-block;
  margin-bottom: 9px;
  padding: 4px;
}
.filter-search-lbl {
  display: inline;
}
.filter-search,
.display-limit {
  float: left;
  margin-right: 10px;
}
.button,
button,
.profile-edit a {
  border-radius: 3px;
  padding: 4px;
  line-height: 1.2em;
  text-decoration: none;
}
label input,
label textarea,
label select {
  display: block;
}
input[type="image"],
input[type="checkbox"],
input[type="radio"] {
  border-radius: 0;
  cursor: pointer;
  height: auto;
  line-height: normal;
  margin: 3px 0;
  padding: 0;
  width: auto;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
  height: auto;
  width: auto;
}
select {
  height: 28px;
  line-height: 28px;
  max-width: 99%;
}
select {
  width: 220px;
}
select[multiple],
select[size] {
  height: auto;
}
textarea {
  height: auto;
}
.radio,
.checkbox {
  padding-left: 18px;
}
input[type="radio"],
input[type="checkbox"] {
  display: inline;
  margin-right: 10px;
  border: none;
}
input,
textarea {
  -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  box-shadow: 0 1px 1px #dddddd inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
input:focus,
textarea:focus {
  box-shadow: 0 1px 1px #dddddd inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0 none;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
  box-shadow: none;
  outline-offset: -2px;
}

/* +++++++++++++++++++++++  header searchbox +++++++++++++++++++++  */

#header form {
  overflow: hidden;
  float: right;
}
#header form .search {
  display: inline;
}
#header input {
  font-weight: bold;
  float: left;
}
#header .inputbox {
  margin-right: 5px;
}

/* ++++++++++++++++++++  search component +++++++++++++++++++++++ */

fieldset.word {
  border: 0;
  background: #fff;
  padding: 0;
}
fieldset.phrases label,
fieldset.only label {
  display: inline;
  margin: 0 10px;
}
:root * > fieldset.only label:before {
  background: #a7c7dc;
  background: -moz-linear-gradient(-45deg, #fefefe, #ddd);
  background: -webkit-linear-gradient(-45deg, #fefefe, #ddd);
  background: -o-linear-gradient(-45deg, #fefefe, #ddd);
  background: -ms-linear-gradient(-45deg, #fefefe, #ddd);
  background: linear-gradient(-45deg, #fefefe, #ddd);
  border: 1px solid #aaa;
  border-radius: 3px;
  box-shadow: 0 0 1px 1px #cccccc;
  height: 1em;
  margin: 0 4px 0 0;
  text-transform: uppercase;
  width: 1em;
  content: ".";
  display: inline-block;
  margin-left: -40px;
  padding: 2px;
  line-height: 1em;
  text-indent: -50px;
}

input[type="checkbox"]:checked + label:before {
  content: "\2714";
  text-indent: 0;
  background: -moz-linear-gradient(-45deg, #fefefe, #0b70cd);
  background: -webkit-linear-gradient(-45deg, #fefefe, #0b70cd);
  background: -o-linear-gradient(-45deg, #fefefe, #0b70cd);
  background: -ms-linear-gradient(-45deg, #fefefe, #0b70cd);
  background: linear-gradient(-45deg, #fefefe, #0b70cd);
  border: 1px solid #0b70cd;
}
:root * > .phrases-box label:before {
  background: #a7c7dc;
  background: -moz-linear-gradient(-45deg, #fefefe, #ccc);
  background: -webkit-linear-gradient(-45deg, #fefefe, #0b70cd);
  background: -o-linear-gradient(-45deg, #fefefe, #0b70cd);
  background: -ms-linear-gradient(-45deg, #fefefe, #0b70cd);
  background: linear-gradient(-45deg, #fefefe, #0b70cd);
  border: 1px solid #aaa;
  line-height: 1.3em;
  margin: 0 4px 0 0;
  text-transform: uppercase;
  width: 1.3em;
  content: ".";
  display: inline-block;
  margin-left: -40px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  text-indent: -40px;
  color: #fff;
  text-shadow: 0px 10px 6px #fff;
}

/*
input[type="radio"]:checked + label:before {
	content:"\2022";
	text-indent:6px;
	background:-moz-linear-gradient(-45deg, #fefefe, #0b70cd);
	background:-webkit-linear-gradient(-45deg, #fefefe, #0b70cd);
	background:-o-linear-gradient(-45deg, #fefefe, #0b70cd);
	background:-ms-linear-gradient(-45deg, #fefefe, #0b70cd);
	background:linear-gradient(-45deg, #fefefe, #0b70cd);
	color:#000;
	zoom:1;
	border:1px solid #aaa;
}*/

.ordering-box {
  margin: 10px 0;
}
.search-results dt.result-title {
  padding: 15px 15px 0px 5px;
  font-weight: bold;
}
.search-results dd {
  padding: 2px 15px 2px 5px;
}
.search-results dd.result-text {
  padding: 10px 15px 10px 5px;
  line-height: 1.7em;
}
.search-results dd.result-url {
  font-size: 90%;
  padding: 2px 15px 15px 5px;
}
.search-results dd.result-created {
  padding: 2px 15px 15px 5px;
}
.search-results dd.result-category {
  padding: 10px 15px 5px 5px;
}
.advanced-search-tip {
  background: #fefde2;
  border-radius: 3px;
  padding: 20px;
  border: solid 1px #ddd;
}
.advanced-search-tip p {
  margin: 0;
}
.advanced-search-tip .term {
  font-weight: bold;
  font-style: italic;
}
.panel {
  border: solid 1px #ddd;
  margin-top: -1px;
}
.panel h3 {
  margin: 0px;
  padding: 0;
  background: #eee;
  border: 0;
  font-size: 1em;
}
.panel h3 a {
  display: block;
  padding: 6px;
  text-decoration: none;
  padding: 6px;
}
.pane-slider {
  border: solid 0px;
  padding: 10px;
  margin: 0;
}

/* ++++++++++++++ loginmodule +++++++++++++++++++++++++++ */

#form-login-remember {
  overflow: hidden;
  margin-bottom: 10px;
}
#form-login-remember label {
  display: inline;
  margin-left: 10px;
}
#modlgn-remember {
  float: left;
}
#login-form fieldset {
  background: #f5f5f5;
}
form ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* +++++++++++++++++++++++ pagenav +++++++++++++++++++++++  */
.pagenav {
  text-align: right;
}
.pagenav ul {
  display: inline-block;
  /*display: inline;
  /* IE7 inline-block hack */
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 0;
}
.pagenav li {
  display: inline;
  margin: 0px;
  padding: 0;
}
.pagenav a,
span.pagenav {
  padding: 0 14px;
  margin: 0;
  line-height: 1.9em;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left: 0px solid #ddd;
  display: inline-block;
  line-height: 1.9em;
}
.pagenav li:first-child a,
.pagination-start span {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  border-left: solid 1px #ddd;
}
.pagenav li:last-child a,
.pagination-end span {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.pagination ul {
  margin: 10px 10px 10px 0;
  padding: 0;
}
.pagination li {
  display: inline;
}
.pagination a {
  padding: 0 14px;
  line-height: 2em;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left: 0px solid #ddd;
  display: inline-block;
}
.pagination .active a {
  cursor: default;
}
.pagination span,
.pagination span a:hover {
  cursor: default;
  padding: 0 14px;
  line-height: 2em;
}
.pagination li:first-child a {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.pagination li:last-child a {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

/* +++++++++++++++++ Breadcrumbs  +++++++++++++++++++++++++++  */

.breadcrumbs,
.article-info {
  padding: 7px;
  margin: 0;
  list-style: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.breadcrumbs li {
  display: inline-block;
}

/* +++++++++++++++++ articleinfo /actions  +++++++++++++++++++++++++++  */

ul.actions {
  list-style-type: none;
  text-align: right;
}
ul.actions a {
  padding: 0;
}
ul.actions li {
  display: inline;
}
.article-info-term {
  display: none;
}
.article-info {
  overflow: hidden;
  font-size: 0.9em;
}
.article-info dd {
  float: left;
  padding: 0 5px;
  border-right: solid 1px #ccc;
}
.article-info dd span {
  text-transform: none;
  display: inline-block;
  padding: 0 5px 0 0px;
  margin: 0 10px 0 0px;
}
.article-info dd.create {
  clear: left;
}

/* ######################  header   ###################### */
#fontsize {
  padding: 0;
  margin: 0 20px 0 1px;
  text-align: right;
  margin-bottom: 0px;
  float: none;
}
#fontsize h3 {
  padding-right: 0;
  font-weight: normal;
  display: inline;
  font-size: 1em;
  margin: 0;
}
#fontsize p {
  margin: 0 0 0 2px;
  padding: 0;
  display: inline;
  font-size: 1em;
}
#fontsize p a {
  margin: 0 2px;
  display: inline;
  padding: 0px 5px;
}

/* +++++++++++++++  menus ++++++++++++++++++++++++ */
.moduletable_menu {
  border: solid 1px #ddd;
  background: #f9f9f9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 20px;
}
ul.menu {
  margin: 0 0 20px 0;
  padding: 0;
}
ul.menu,
ul.menu ul {
  list-style-type: none;
}
ul.menu a {
  display: block;
  margin: 0;
  text-decoration: none;
  padding: 5px 0px;
  letter-spacing: 1px;
  font-weight: 400;
}
ul.menu li:last-child a {
  border: 0;
  box-shadow: none;
}
ul.menu ul {
  margin: 0;
  padding: 0;
}
ul.menu ul a {
  padding-left: 20px;
}
ul.menu ul ul a {
  padding-left: 30px;
}
ul.menu ul ul ul a {
  padding-left: 40px;
}
ul.menu ul ul ul ul a {
  padding-left: 45px;
}

/* ++++++++++++++ header  menu ++++++++++++++ */
#header ul {
  position: relative;
  top: auto;
}
#header .menu {
  display: block;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  border: 0;
  list-style-type: none;
  background: transparent;
  border-radius: 0;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  float: none;
  /* color:#111; */
}
#header .menu li {
  text-align: center;
  position: relative;
}
#header .menu > li {
  border-radius: 5px;
  display: inline-block;
  position: relative;
  z-index: 1;
}
#header .menu > li::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 5px;

  background: #cccccc;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 250ms ease-in;
}
#header .menu > li:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}
#header .menu > li.active {
  background: rgba(0, 0, 0, 0.1);
}

#header .menu li:first-child a {
  border-radius: 0;
}
#header .menu li:last-child a,
#header .menu li a:link,
#header .menu li a:visited {
  display: inline-block;
  text-decoration: none;
  padding: 10px 1em;
}
#header .menu li ul {
  position: absolute;
  z-index: 1000;
  left: 100%;
  top: 60%;
  visibility: hidden;
  min-width: 210px;
  opacity: 0;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
  background: #ffffff; /* var(--header-background) */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  box-shadow: 1px 3px 9px rgba(20, 20, 20, 0.3);
}
#header .menu > li > ul {
  left: calc(50% - 105px);
}
#header .menu li:hover > ul {
  visibility: visible;
  opacity: 1;
}
#header .menu > li:hover > ul {
  top: 100%;
}
#header .menu ul li {
  border-bottom: 1px solid #cccccc;
}
#header .menu li li:last-child {
  border-bottom: 0;
}
#header .menu li li a:hover {
  /* color:#884b00; */
}
#header .menu li li:hover {
  background: rgba(0, 0, 0, 0.15);
}

#header .menu.affix {
  position: fixed;
  z-index: 5;
  top: 0;
  background-color: rgba(50, 50, 50, 0.95);
  padding: 1.3em 0 0;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
}
#header .menu.affix.affix-top {
  padding-top: 2.2em;
}
#header .menu.affix .brand {
  display: block;
}
#header .menu.affix #header .menu li a {
  color: #fff;
}
#header .menu.affix #header .menu li > a:hover,
#header .menu.affix #header .menu .active > a {
  color: #c5a47e;
}

/* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Stay on top */
  top: 0; /* Stay at the top */
  right: 0;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.97);
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}
/* The navigation menu links */
.sidenav .menu a {
  padding: 8px 8px 8px 1em;
  text-decoration: none;
  font-size: 1.1em;
  color: #444444;
  display: block;
  transition: 0.3s;
}
.sidenav .nav-child a {
  padding-left: 2em;
  font-size: 1em;
}
/* When you mouse over the navigation links, change their color */
.sidenav ul.menu a:hover {
  color: #222222;
}
/* Position and style the close button (top right corner) */
.sidenav .closebtn,
.menu-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 36px;
  margin-top: 39px;
  margin-right: 20px;
}
.menu-btn:hover {
  cursor: pointer;
}
.menu-btn {
  display: none;
  width: 32px;
  height: 32px;
  background: #ffffff url("../images/menu-icon.png") no-repeat center center;
  z-index: 100;
  box-shadow: 2px 2px 5px rgba(20, 20, 20, 0.3);
  background-size: 16px 16px;
}

#mySidenav li {
  display: block;
  width: 100%;
  transition: all 300ms ease-out;
}
#mySidenav li a:hover {
  background: #008776;
  color: #000;
}

/* ++++++++++++++  content-module ++++++++++++++ */
.category-module {
  margin: 0;
  padding: 0;
}
.category-module li {
  padding: 5px 0 5px 0;
  margin: 0;
  list-style-type: none;
}
.category-module li h4 {
  margin-bottom: 0;
}
.category-module span {
  display: block;
  font-size: 0.85em;
}
.category-module a span {
  display: inline;
}

/* content */
.categories-list .item-title a {
  text-decoration: none;
  margin-bottom: 20px;
}
.category-desc {
  margin: 20px 0;
}
.category-desc img {
  float: left;
  margin: 0 20px 10px 0;
}
.categories-list dt,
.categories-list dd {
  display: inline;
}

/*  ####################   Sliding modules  ################## */
.moduletable_js,
.moduletable {
  margin-bottom: 20px;
}
.js_heading,
.js_heading {
  position: relative;
  display: block;
  padding: 5px 10px;
  margin: 0px;
  font-size: 1.4em;
  border-radius: 3px;
}
h3.js_heading a {
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 5px 5px 0 0;
  text-decoration: none;
  background: none;
}
.module_content {
  padding: 10px;
  border: solid 1px #ddd;
  border-top: 0;
  border-radius: 0 0 3px 3px;
  margin-top: -1px;
}
.no {
  font-size: 1px;
}
.slide {
  height: auto !important;
}
.fotoslides {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.aside-right-foto {
  text-align: center;
}

/*  ++++++++++++   Module Tabs / Pagebreak Tabs / Contact Tabs +++++++++++ */
ul.tabs {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

dl.tabs dt,
dl.tabs dd {
  margin: 0;
  padding: 7px 5px;
}

dl.tabs dt h3 {
  font-size: 1em;
  margin: 0;
  padding: 0;
}

dl.tabs dt {
  position: relative;
  z-index: 1;
}

ul.tabs li,
dl.tabs dt {
  list-style-type: none;
  float: left;
  width: auto;
  padding: 0;
  display: block;
  margin: 0 3px 0 0;
  font-size: 1em;
}

ul.tabs li a:link,
ul.tabs li a:visited,
dl.tabs dt h3 a:link,
dl.tabs dt h3 a:visited {
  text-decoration: none;
  padding: 7px 5px;
  margin: 0px;
  display: block;
  font-size: 0.9em;
  font-weight: normal;
  border-radius: 5px 5px 0px 0px;
}

ul.tabs li a.linkopen:link,
ul.tabs li a.linkopen:visited,
dl.tabs dt.open h3 a:link,
dl.tabs dt.open h3 a:visited {
  font-weight: bold;
}
.tabcontent {
  padding: 30px 20px;
  margin: -1px 0 0 0;
  border-radius: 0 3px 3px 3px;
  clear: left;
}
.current {
  position: relative;
  z-index: 0;
  top: -1px;
}
.tabcontent:focus {
  outline: none;
}
.tabopen {
  display: block;
  margin-bottom: 20px;
  overflow: hidden;
}
.tabclosed {
  display: none;
}
.tabcontent ul {
  padding: 0;
}
.tabcontent ul li {
  list-style-type: none;
}
.part-grupos p {
  margin: 0;
  display: block;
  height: 3em;
  overflow: hidden;
}

/* ++++++++++++++  image float style ++++++++++++++ */
.img-fulltext-left {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.img-intro-left {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.img-fulltext-right {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
}
.img-intro-right {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}
.img-fulltext-none {
  display: block;
  margin: 10px 0;
}

/* Correction for user profile date of birth calendar image */
#jform_profile_dob_img {
  background: url("../images/system/calendar.png") no-repeat scroll 0 0 transparent;
  cursor: pointer;
  height: 18px;
  margin: 0 3px;
  vertical-align: middle;
  width: 18px;
}

/* old general */
/* not ready */

/* -- form validation -- */
.invalid {
  border-color: #b94a48;
  background: #f2dede;
}
label.invalid,
label.required span {
  color: #b94a48;
  background: none;
}

/* -- Joomla edit buttons  Frontendediting -- */
#editor-xtd-buttons {
  padding: 0px;
}
.edit tr:hover td {
  background: #eee;
}
.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
  float: left;
}
.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
  display: block;
  float: left;
  color: #666;
  cursor: pointer;
}
.button2-left span,
.button2-right span {
  cursor: default;
  color: #999;
}
.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
  padding: 0 6px;
}
.page span {
  color: #000;
  font-weight: bold;
}
.button2-left,
.button2-right {
  float: left;
  margin-left: 5px;
}
.edit .formelm-buttons {
  text-align: right;
}
.edit .formelm-buttons button {
  background: #d9edf7;
  color: #095197;
}
.edit .formelm-buttons button:hover {
  color: #d9edf7;
  background: #095197;
}
.modal-button:link,
.modal-button:visited,
.button2-left .readmore a:link,
.button2-left .readmore a:visited,
.button2-left .blank a:link,
.button2-left .blank a:visited {
  background-color: #d9edf7;
  color: #095197;
  border: solid 1px #bce8f1;
  border-top: 0;
  border-radius: 0 0 3px 3px;
  text-decoration: none;
  padding: 3px;
}
.button2-left a:hover,
.button2-left .blank a:hover,
.button2-left .readmore a:hover,
.button2-right a:hover {
  text-decoration: none;
  color: #fff;
  background: #095197;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.btn-toolbar .btn {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #d9edf7;
  border-image: none;
  border-radius: 0 0 3px 3px;
  color: #095197;
  padding: 3px;
  text-decoration: none;
}
div.toggle-editor {
}
/* Caption fixes */
.img_caption .left {
  float: left;
  margin-right: 1em;
}
.img_caption .right {
  float: right;
  margin-left: 1em;
}
.img_caption .left p {
  clear: left;
  text-align: center;
}
.img_caption .right p {
  clear: right;
  text-align: center;
}
.img_caption {
  text-align: center !important;
}
.img_caption.none {
  margin-left: auto;
  margin-right: auto;
}

/* New captions */
figure {
  display: table;
}
figure.pull-center,
img.pull-center {
  margin-left: auto;
  margin-right: auto;
}
figcaption {
  display: table-caption;
  caption-side: bottom;
}

/* Calendar */
#jform_publish_down_img {
  width: 18px;
  height: 18px;
  margin-left: 3px;
  background: url(../images/system/calendar.png) no-repeat;
  cursor: pointer;
  vertical-align: middle;
}
#jform_publish_up_img {
  width: 18px;
  height: 18px;
  margin-left: 3px;
  background: url(../images/system/calendar.png) no-repeat;
  cursor: pointer;
  vertical-align: middle;
}

/* System Messages */

.error {
  padding: 0px;
  margin-bottom: 20px;
}
.error h2 {
  color: #000 !important;
  font-size: 1.4em !important;
  text-transform: uppercase;
  padding: 0 0 0 0px !important;
}
#system-message dt {
  font-weight: bold;
}
#system-message dd {
  margin: 0 0 15px 0;
  font-weight: bold;
  text-indent: 0px;
  padding: 0;
}
#system-message dd ul {
  color: #000;
  list-style: none;
  padding: 0px;
}
#system-message dd ul li {
  line-height: 1.5em;
}

/* System Standard Messages */
#system-message dt.message {
  position: absolute;
  top: -2000px;
  left: -3000px;
}
#system-message dd.message ul {
  background: #fff url(../images/system/notice-info.png) no-repeat;
  padding-left: 40px;
  padding: 10px 10px 10px 40px;
  border: 2px solid #90b203;
  border-radius: 10px;
}

#system-message dd.message ul li {
  background: none !important;
}

/* System Error Messages */
#system-message dt.error {
  position: absolute;
  top: -2000px;
  left: -3000px;
}
#system-message dd.error ul {
  background: #fff url(../images/system/notice-alert.png) no-repeat;
  padding-left: 40px;
  padding: 10px 10px 10px 40px;
  border: 2px solid #990000;
  border-radius: 10px;
}

/* System Notice Messages */
#system-message dt.notice {
  position: absolute;
  top: -2000px;
  left: -3000px;
}
#system-message dd.notice ul {
  background: #fff url(../images/system/notice-note.png) no-repeat;
  padding-left: 40px;
  padding: 10px 10px 10px 40px;
  border: 2px solid #faa528;
  border-radius: 10px;
}
#system-message dd.notice ul {
  color: #000;
  margin: 10px 0;
}

#system-message {
  margin-bottom: 0px;
  padding: 0;
}

#system-message dt {
  font-weight: bold;
}

#system-message dd {
  font-weight: bold;
  padding: 0;
}

.tip-wrap {
  background: #fefde2;
  font-size: 0.8em;
  padding: 5px;
  border: solid 1px #ddd;
  border-radius: 3px;
  box-shadow: 0 1px 5px #ccc;
}
.tip-title {
  font-weight: bold;
}

#all #upload-flash ul li a:hover,
#all .item a:hover span {
  background: #095197;
  color: #fff;
}

/* ##########################  user profile  ########################### */

#users-profile-core,
#users-profile-custom {
  margin: 10px 0 15px 0;
  padding: 15px;
}

#users-profile-core dt,
#users-profile-custom dt {
  float: left;
  width: 12em;
  padding: 3px 0;
}

#users-profile-core dd,
#users-profile-custom dd {
  padding: 3px 0;
}

#member-profile fieldset,
.registration fieldset {
  margin: 10px 0 15px 0;
  padding: 15px;
}

#users-profile-core legend,
#users-profile-custom legend,
.profile-edit legend,
.registration legend {
  font-weight: bold;
}

.profile-edit form#member-profile fieldset dd,
.registration form#member-registration fieldset dd {
  float: none;
  padding: 5px 0;
}

.profile-edit form#member-profile fieldset dd input,
.profile-edit form#member-profile fieldset dd select,
.registration form#member-registration fieldset dd input {
  width: 17em;
}
.profile-edit form#member-profile fieldset dt,
.registration form#member-registration fieldset dt {
  padding: 5px 5px 5px 0;
  width: 13em;
}

span.optional {
  font-size: 0.9em;
}

/* ##########################  clearing  ########################### */
.clr {
  clear: both;
  overflow: hidden;
  height: 0;
}

/* ##########################  tooltip  ########################### */
.tooltip {
  position: absolute;
  z-index: 3000;
  display: block;
  visibility: visible;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background-color: #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.element-invisible {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
#filter-search {
  vertical-align: top;
}
.input-mini {
  width: 60px;
}

/* Bootstrap overrides anhiliation
 * @since 3.2
 */
body#shadow {
  line-height: 1.5em;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
  background-color: transparent;
}
.nav-pills > li > a {
  border-radius: 0px;
  line-height: 1.5em;
}
input[type="text"].search-query {
  line-height: 1.5em;
  height: auto;
  border-radius: 4px;
}
/* Text alignments */
.text-left,
.taleft {
  text-align: left;
}
.text-right,
.taright {
  text-align: right;
}
.text-center,
.tacenter {
  text-align: center;
}

/* generic ProAspecto */
.clear {
  clear: both;
}

/* ##########################  generic ########################### */

#contentarea,
#footer-sub,
#footer-inner,
#superbar .inner,
#copyright {
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #superbar .inner {
    margin-right: 20px;
  }
}
@media screen and (max-width: 1020px) {
  #superbar .inner {
    max-width: calc(100% - 20% - 3.5% - 2%);
  }
}
#footer-sub,
#footer-inner,
#copyright {
  max-width: 1230px;
}
#copyright {
  font-size: 14px;
}
#all {
  max-width: none;
  font-size: 1em;
}
#breadcrumbs {
  margin: 0;
  padding-left: 0;
  font-size: 0.9em;
}
#breadcrumbs,
#breadcrumbs a {
  color: var(--color-p);
}
.site-page-start .breadcrumbs {
  display: none;
}
.site-page-start .div-request-top {
  margin-top: -110px;
}
#wrapper {
  width: 69.9%;
  padding: 0 1% !important;
}
#wrapper2 .item-page {
  max-width: 100%;
}
#right {
  width: 26.1%;
}
#close {
  display: none;
}

#centertop,
#centermiddle,
#centerbottom {
  display: block;
}
#centermiddle .custom,
#centerbottom .custom,
#centertop .custom,
.module-google-map {
  padding: 30px 2%;
  max-width: 1080px;
  margin: 0 auto;
}
.module-google-map {
  margin: 3em auto !important;
}

ul.imglistl {
  margin: 0 3% 1em 0;
  padding: 0;
}
ul.imglistl li {
  list-style-type: none;
  margin-bottom: 18px;
}
.imgterz {
  width: 31%;
  height: auto;
  max-width: 450px;
  display: block;
}
.imggold {
  width: 37%;
  height: auto;
  max-width: 450px;
  display: block;
}

div.mod-languages {
  text-align: right;
  margin-right: 0;
  padding: 3px 0 0;
  float: right;
}

div.mod-languages img {
  max-width: 34px;
  width: 34px;
  padding: 5px 5px 0;
}
div.mod-languages p {
  display: none;
}

.offers h3 {
  background-color: #91b8ff;
  padding: 0.2em 0 0.2em 1em;
  line-height: 1.8em;
  margin-top: 2em;
  display: block;
  clear: both;
}
h2 a {
  text-decoration: none;
}

.items-row h2 {
  border-top: solid 1px #ddd;
}

.flleft {
  float: left;
}
.flright {
  float: right;
}
.taleft {
  text-align: left;
}
.taright {
  text-align: right;
}
.smalltext {
  font-size: 0.9em;
}
.propman2 {
  color: var(--color-dark-green);
}

/* ##########################  logo  ########################### */

.logoheader {
  position: absolute;
  top: 0;
  left: 2.5%;
  width: 48%;
  max-width: 300px;
}
@media screen and (max-width: 700px) {
  .logoheader {
    left: 0;
    margin-left: 0;
  }
  .logoheader img {
    padding-left: 5px;
  }
}
.logoheader a {
  text-decoration: none;
}
.logoheader h1#logo span.header1 {
  padding: 0;
}

#sitedescription {
  position: absolute;
  top: 150px;
  left: 0;
  right: 0;
  width: 75%;
  text-align: center;
  display: inline-block;
  color: #ffffff;
  font-size: 6vh;
  line-height: 1.3;
  text-shadow: 1px 1px 4px #333;
  z-index: 1;
}
#sitedescription div {
  margin-left: auto;
  margin-right: auto;
}

#logo {
  position: absolute;
  top: 0;
  z-index: 1000;
  width: 100%;
}
#logo img {
  padding: 10px 10px 0;
  color: white;
  animation: fadein 3s ease-out normal backwards;
}
.propman {
  margin-left: calc(3.5% + 170px);
  color: #ffffff;
  display: none;
  text-align: left;
  max-width: 300px;
  height: 62px;
}

/* ##########################  header  ########################### */

#superbar {
  height: 28px;
  /* color:#ffffff !important; */
  width: 100%;
  display: block;
  font-size: 0.95em !important;
  background-color: #ffffff; /* var(--header-background) */
}
#superbar .inner {
  display: block;
  height: 36px;
  font-size: 0.9em;
}
#superbar .inner div {
  padding: 2px 0;
}
#superbar p {
  margin: 0;
}
#superbar a,
#superbar a:link,
#superbar a:visited {
  /* color:#ffffff !important; */
}
#superbar a:hover,
#superbar a:active {
  background-color: transparent !important;
}
.switcher.notranslate {
  order: 3;
  width: auto;
}
@media screen and (max-width: 700px) {
  .switcher.notranslate {
    max-width: 40px;
  }
}

.logotipotop {
  float: left;
  position: absolute;
  left: 0%;
  top: -4px;
  z-index: 100;
  padding: 0 !important;
  margin: 0 0.6em !important;
  width: 20%;
  max-width: 178px;
}
.logotipo {
  padding: 0 !important;
  margin: 0 !important;
  height: 70px;
}
.logotipotop img {
  box-shadow: 3px 3px 5px 0 #999999;
}

#header {
  max-width: 100%;
  border-image-width: unset;
  margin-top: -1px;
  /* background: transparent url('../../../images/layout/bodyback2.jpg')  center top no-repeat;
	/* background: transparent url("../images/mamazo/eu-bwd.jpg") center top no-repeat; Old browsers
	background-size:100% auto;
	-o-background-size:100% auto;
	-moz-background-size:100% auto;
	-webkit-background-size:100% auto;  */
}
#line {
  background-color: #ffffff; /* var(--header-background) */
  height: auto;
  /* border-bottom: 1px solid #ffffff;*/
  z-index: 20;
  position: absolute;
  left: 0;
  right: 0;
}
#line .inner {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
  padding-top: 10px;
  min-height: 61px;
}
@media screen and (max-width: 800px) {
  #mod-custom170 span {
    display: none;
  }
}
@media screen and (max-width: 340px) {
  #mod-custom121 span {
    display: none;
  }
}

.slider {
  position: relative;
  top: 58px;
}

#fontsize {
  display: none;
}
/* green background */
.button:hover,
button:hover,
p.readmore a:hover,
.pagenav a:hover,
.pagenav a:active,
.pagenav a:focus,
#advanced-search-toggle:hover,
#advanced-search-toggle:active,
#advanced-search-toggle:focus,
.profile-edit a:hover,
.profile-edit a:active,
.profile-edit a:focus,
#fontsize a:hover,
#fontsize a:active,
#fontsize a:focus,
#mobile_select h2 a {
  color: #222222;
  background-color: transparent; /* Old browsers */
  text-shadow: 0 -1px 0 #dddddd;
  cursor: pointer;
}
p.readmore a:hover {
  color: #002c2b;
}

.slider-container li {
  overflow: hidden;
}

.module-headerimage,
.module-headerimage2 {
  box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.3);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../../../images/headers/header-brollies-2-1920.jpg");
}
.module-headerimage {
  height: 300px;
}
.module-headerimage2 {
  height: 300px;
}

.module-back-house {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../../../images/headers/modern-house-at-dawn.jpg");
}
.module-back-house .overlay-filter {
  background: rgba(0, 0, 0, 0.6);
}
.module-back-house .wrapper-text,
.module-back-house .wrapper-text h1 {
  color: #fff;
}
.module-headerimage2 .overlay-filter {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}

.module-headerimage2 .brollies,
.site-homepage .module-headerimage2 {
  background-image: url("../../../images/headers/header-brollies-2-1920.jpg");
}
.site-services .module-headerimage2 {
  background-image: url("../../../images/headers/header-brown-hammock-1920.jpg");
}
.site-gallery .module-headerimage2 {
  background-image: url("../../../images/headers/header-cane-brollies-1920.jpg");
}
.site-testimonials .module-headerimage2 {
  background-image: url("../../../images/headers/header-twilight-hammock-1920.jpg");
}
.module-headerimage2.nerja,
.site-contact .module-headerimage2 {
  background-image: url("../../../images/headers/header-nerja-1920.jpg");
}
.module-headerimage2.villa1 {
  background-image: url("../../../images/headers/villa-at-costa-del-sol-1920.jpg");
}

.site-aboutus .module-headerimage2 {
  background-image: url("../../../images/headers/header-coastal-view-1920.jpg");
}
.site-page-privacy .module-headerimage2 {
  background-image: url("../../../images/headers/header-nerja-1920.jpg");
}
.site-page-recommendations .module-headerimage2 {
  background-image: url("../../../images/headers/header-brollies-1920.jpg");
}

@media screen and (max-width: 1400px) {
  .site-homepage .module-headerimage2 {
    background-image: url("../../../images/headers/header-brollies-2-1360.jpg");
  }
  .site-services .module-headerimage2 {
    background-image: url("../../../images/headers/header-brown-hammock-1360.jpg");
  }
  .site-gallery .module-headerimage2 {
    background-image: url("../../../images/headers/header-cane-brollies-1360.jpg");
  }
  .site-testimonials .module-headerimage2 {
    background-image: url("../../../images/headers/header-twilight-hammock-1360.jpg");
  }
  .site-contact .module-headerimage2 {
    background-image: url("../../../images/headers/header-nerja-1360.jpg");
  }
  .site-aboutus .module-headerimage2 {
    background-image: url("../../../images/headers/header-coastal-view-1360.jpg");
  }
  .site-page-privacy .module-headerimage2 {
    background-image: url("../../../images/headers/header-nerja-1360.jpg");
  }
  .site-page-recommendations .module-headerimage2 {
    background-image: url("../../../images/headers/header-brollies-1360.jpg");
  }
}
@media screen and (max-width: 818px) {
  .site-homepage .module-headerimage2 {
    background-image: url("../../../images/headers/header-brollies-2-800.jpg");
  }
  .site-services .module-headerimage2 {
    background-image: url("../../../images/headers/header-brown-hammock-800.jpg");
  }
  .site-gallery .module-headerimage2 {
    background-image: url("../../../images/headers/header-cane-brollies-800.jpg");
  }
  .site-testimonials .module-headerimage2 {
    background-image: url("../../../images/headers/header-twilight-hammock-800.jpg");
  }
  .site-contact .module-headerimage2 {
    background-image: url("../../../images/headers/header-nerja-800.jpg");
  }
  .site-aboutus .module-headerimage2 {
    background-image: url("../../../images/headers/header-coastal-view-800.jpg");
  }
  .site-page-privacy .module-headerimage2 {
    background-image: url("../../../images/headers/header-nerja-800.jpg");
  }
  .site-page-recommendations .module-headerimage2 {
    background-image: url("../../../images/headers/header-brollies-800.jpg");
  }
}
@media screen and (max-width: 440px) {
  .site-homepage .module-headerimage2 {
    background-image: url("../../../images/headers/header-brollies-2-440.jpg");
  }
  .site-services .module-headerimage2 {
    background-image: url("../../../images/headers/header-brown-hammock-440.jpg");
  }
  .site-gallery .module-headerimage2 {
    background-image: url("../../../images/headers/header-cane-brollies-440.jpg");
  }
  .site-testimonials .module-headerimage2 {
    background-image: url("../../../images/headers/header-twilight-hammock-440.jpg");
  }
  .site-contact .module-headerimage2 {
    background-image: url("../../../images/headers/header-nerja-440.jpg");
  }
  .site-aboutus .module-headerimage2 {
    background-image: url("../../../images/headers/header-coastal-view-440.jpg");
  }
  .site-page-privacy .module-headerimage2 {
    background-image: url("../../../images/headers/header-nerja-440.jpg");
  }
  .site-page-recommendations .module-headerimage2 {
    background-image: url("../../../images/headers/header-brollies-440.jpg");
  }
}

/* ##########################  main  ########################### */
#supernav {
  padding: 0;
  width: 100%;
  background: transparent url("../images/centro/lightpaperfibers2.jpg") center bottom repeat;
  clear: both;
  display: block;
}
.supernavinner {
  display: block;
  max-width: 960px;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  position: relative;
}
#supernav .modselection {
  float: none;
  display: block;
  clear: both;
}
#supernav .modicons {
  padding: 0;
  max-width: 960px;
  /*width:100%; */
  margin: 0 auto;
  float: left;
  display: block;
}
.modicons a {
  display: block;
}
.modicons img {
  background: #fff;
  border: 1px solid #888;
  float: left;
  display: block;
  max-width: 24px;
  height: auto;
  padding: 5px 10px;
  margin: 1em 8px;
}

.specialnav {
  min-width: 24.5%;
  width: 25%;
  text-align: center;
  padding: 1em 0;
  margin: auto;
  float: left;
  display: block;
  color: #777;
}
.specialnav a.button {
  text-decoration: none;
  padding: 8px 1em;
  border: none;
  color: #ff7800;
}
.specialnav p {
  text-transform: uppercase;
  font-weight: 600;
}
.specialnav img {
  max-width: 140px;
  width: 80%;
}

#fontsize a,
#fontsize h3 {
  color: #fff;
}
/*  grey background */
.button,
p.readmore a,
.pagenav a:link,
.pagenav a:visited,
#advanced-search-toggle,
.profile-edit a:link,
.profile-edit a:visited,
h3.js_heading {
  background-color: #f5f5f5;
  background: -webkit-linear-gradient(#ffffff, #e6e6e6); /* For Safari 5.1 to 6.0 */
  background: -moz-linear-gradient(#ffffff, #e6e6e6); /* For Firefox 3.6 to 15 */
  background: -o-linear-gradient(#ffffff, #e6e6e6); /* For Opera 11.1 to 12.0 */
  background: linear-gradient(#ffffff, #e6e6e6); /* Standard syntax */
  background-repeat: repeat-x;
  border: solid 1px #ccc;
  box-shadow: 0 1px 0 #dddddd inset, 0 1px 2px #eeeeee;
  color: #004746;
}
input#mod-search-searchword {
  width: 99%;
  border-color: #666;
  margin-left: 1%;
  float: right;
}
#supernav .search {
  text-align: right;
  margin: auto;
  padding: 1em 20px;
  float: right;
}
.btn {
  text-decoration: none;
}
a.btn-color1 {
  color: #a46c28;
}

/* ++++++++++++++++++++++  navigation  ++++++++++++++++++++++++++  */

.moduletable_menu {
  border: solid 1px #ddd;
  background: #f9f9f9;
}
.search input[type="image"] {
  padding: 4px;
}

/* ++++++++++++++++   highlightning active menuitem  +++++++++++++++++++ */
/*
ul.menu li.active a,ul.menu  li.active ul li.active a,
ul.menu  li.active ul li.active  ul li.active a,
ul.menu  li.active ul li.active  ul li.active ul li.active  a ,
ul.menu  li.active ul li.active  ul li.active ul li.active ul li.active a
{font-weight:bold; }
ul.menu  li.active ul li a,
ul.menu  li.active ul li.active  ul li a,
ul.menu  li.active ul li.active  ul li.active ul li  a,
ul.menu  li.active ul li.active  ul li.active ul li.active ul li a
{font-weight:normal}

ul.menu a {
	box-shadow:0 1px 0 #fff;
	border-bottom:solid 1px #ddd;
}
ul.menu ul a {
	background: #e5e5e5;
	margin-bottom:1px
}
ul.menu ul ul ul a {
	background: #f5f5f5 url(../images/arrow.png) no-repeat 24px center;
}
ul.menu ul ul ul ul a {
	background: #fff;
}
*/

/* ++++++++++++++  sigplus  +++++++++++++ */
.boxplusx-container {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.boxplusx-dialog {
  padding: 0;
}
#boxplusx_sigplus_1005 .boxplusx-dialog,
#boxplusx_sigplus_1005 .boxplusx-detail {
  background-color: #ffffff !important;
  color: #333333 !important;
}
.boxplusx-close {
  float: right;
}
.boxplusx-controls > div {
  margin: 6px;
}
.boxplusx-title,
.boxplusx-description {
  margin: 0 5px;
}

.mod_sigplus {
  margin: 30px auto 60px;
}
.slideplus-slot {
  margin: 0px !important;
}
.site-gallery .sigplus-gallery ul > li {
  margin: 1px 2% 20px;
  overflow: hidden !important;
}
.site-page-start .sigplus-gallery ul > li img:hover {
  filter: brightness(1.1);
}

.captionplus-overlay {
  height: 30%;
}
.captionplus-overlay.captionplus-bottom {
  bottom: 7px;
}

.captionplus > .captionplus-overlay.captionplus-mouseover {
  visibility: visible;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform 250ms ease-in;
}
.captionplus:hover > .captionplus-overlay.captionplus-mouseover {
  transform: scaleY(1);
}

/* +++++++++++++++++  content  +++++++++++++++ */
#wrapper2 .page-start {
  max-width: 920px;
  margin: 0 auto 50px;
}
#wrapper2 .page-start {
  max-width: 920px;
  margin: 0 auto 50px;
}
#wrapper2 .page-start {
  margin-top: -130px;
  background: #ffffff;
  border-top: 10px solid #fff6e7;
  padding: 15px 5%;
  padding: 2em 5% 10px;
}

.block-intro {
  max-width: 820px;
  margin: 0 auto;
}

.module-request-top {
  position: absolute;
  right: 10%;
  margin: -68px auto 0.5em;
  z-index: 500;
}
.div-request-top {
  padding: 50px 24px 20px;
  background-image: url("../images/wodnik/muszelka-top.png");
  background-position: top right;
  background-size: 100px auto;
  background-repeat: no-repeat;
  animation: slide-in 2s ease-out normal backwards;
  margin-top: -55px;
}
.article-info {
  background-color: #fbfbfb;
  background: -moz-linear-gradient(#ffffff, #f5f5f5);
  background: -ms-linear-gradient(#ffffff, #f5f5f5);
  background: -webkit-linear-gradient(#ffffff, #f5f5f5);
  background: -o-linear-gradient(#ffffff, #f5f5f5);
  background: linear-gradient(#ffffff, #f5f5f5);
  background-repeat: repeat-x;
  /* filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
		'#ffffff', endColorstr = '#f5f5f5', GradientType = 0 ); */
  border: 1px solid #ddd;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}

#superbar .inner,
#footer-inner #bottom,
.button-footer,
.flexgrid2wrap,
.flexgridbtw {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  align-items: stretch;
}
.grid2 {
  width: 47.5%;
}
.grid3 {
  width: 30%;
}

/* +++++++++++++++++  header  +++++++++++++++++ */
.title-header {
  /* margin-top: -200px; */
  /* margin-bottom: 170px; */
  /* color: #fff; */
  /* text-shadow: 1px 1px 3px rgba(0,0,0,0.5);*/
  text-align: center;
}
.site-services .title-header {
  /* margin-top: -280px; */
}
.title-header h1 {
  display: inline-block;
  padding: 5px 1em;
  letter-spacing: 0.4px;
}

/* +++++++++++++++++  homepage  +++++++++++++++++ */
.mainheader {
  height: 400px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.mainheader.house {
  background-image: url("../../../images/headers/villa-at costa-del-sol-400.jpg");
}
.site-homepage .module-headerimage > div {
  padding-top: 130px;
}
.titlebox {
  margin-top: 0px;
  margin-bottom: 120px;
  padding: 10px 30px;
  background: rgba(255, 255, 255, 0.8);
  max-width: 500px;
  border-radius: 10px;
  margin-left: 5%;
}
.titlebox2 {
  margin-bottom: 20px;
}
.titlebox2 p.above,
.titlebox p.above {
  font-weight: 400;
  font-size: calc(1.5em + 0.6vw);
}
.titlebox2 h1,
.titlebox h1 {
  font-size: calc(1.4em + 0.4vw);
  font-weight: 700;
  text-align: left;
  margin-bottom: 0;
}
.titlebox2 p.below,
.titlebox p.below {
  font-size: calc(1.4em + 0.4vw);
  margin-bottom: 0;
  font-weight: 700;
  margin-top: -12px;
}
#centerbottom #contentarea2 {
  background-image: url("../../../images/headers/header-holiday-ressort-1800.jpg");
  background-size: cover;
}
.rentalssale .titlebox {
  max-width: 550px;
}

/* +++++++++++++++++  footer  +++++++++++++++ */
#footer {
  background-color: #efefef;
  padding: 50px 0 15px;
}
.site-homepage #footer {
  background-image: none;
}
#footer-sub,
#footer-sub a {
  color: #444444;
}
#footer-nav ul li {
  float: none;
  margin-right: 1.3em;
}
#footer-nav a:hover {
  text-decoration: underline;
}
#footer-inner {
  padding: 10px 15px 0 10px;
}

#footer-inner .box {
  width: auto;
  border-right: none;
  margin: 0 0.5%;
  width: 32%;
}
#footer .nav-item {
  display: block !important;
  width: 100%;
}

#bottom ul li a {
  background-image: none;
  padding-left: 0.5em;
  padding: 5px;
  display: inline-block;
}
#bottom ul li a:hover {
  background-color: var(--color-vlight-green);
}

.box .moduletable {
  margin: 10px 1% !important;
}
#bootom .modfooter {
  float: left;
}
#bootom .modfooter p {
  margin: 0;
}

.module-nav-footer a {
  color: #444444;
}
.module-nav-footer .ulfooter {
  margin-left: 0;
  padding-left: 0;
}
.module-nav-footer .ulfooter li a {
  padding: 0.3em 0;
  display: inline-block;
}

/* +++++++++++++++++  [back-o-top]  +++++++++++++++++ */
#backBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 4px; /* Place the button 30px from the right */
  z-index: 1000; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  width: 32px;
  height: 32px;
}
#backBtn img {
  opacity: 0.6;
  width: 32px;
  height: auto;
}
#backBtn img:hover {
  opacity: 1;
}
.backtotop {
  background-position: center center;
  background-image: url("../images/gototop.png");
  width: 32px;
  height: 32px;
  display: block;
}

/* +++++++++++++++++++++++  SLIDER  ++++++++++++++++++++  */

.panel h3.pane-toggler a {
  background: url(../images/slider_plus.png) right top no-repeat;
  color: #333;
}
.panel h3.pane-toggler-down a {
  background: url(../images/slider_minus.png) right top no-repeat;
  border-bottom: solid 1px #ddd;
  color: #333;
}

/* +++++++++++++++++  Pagination +++++++++++++++ */

.pagination span,
.pagination span a:hover {
  color: #999999;
  background-color: #f5f5f5;
}

/* active item */
span.pagenav {
  background: #0a5e69;
  color: #fff;
}

.pagination-start span.pagenav,
.pagination-prev span.pagenav,
.pagination-end span.pagenav,
.pagination-next span.pagenav {
  background-color: #f5f5f5;
  color: #444;
}

/* +++++++++++++  table display  Catgegories table, contact etc, ++++++++++++++++++++* */

table {
  border: solid 1px #ddd;
}
table th {
  /* background-color: #0A5E69; */
  font-weight: bold;
  text-align: center;
}
table th a:link,
table th a:visited {
  color: #fff;
}
tr.odd,
tr.cat-list-row1 {
  background: #f8f8f8;
}
table tr:hover td,
table tr:hover th {
  background-color: #fefde2;
}

.accordion-heading {
  display: none;
}

table td.tdprecios {
  text-align: center !important;
}
table.tblprecios {
  border: 0;
}

/* ++++++++++++++  Convert Forms  ++++++++++++++++ */
.convertforms {
  margin: 0 auto !important;
}

/* ++++++++++++  casa care special  +++++++++++++ */
/* +++++++++++++++++  services  +++++++++++++++++ */
#contentarea {
  max-width: 100%;
}
.service-list1,
.service-list2 {
  padding-top: 70px;
  padding-bottom: 20px;
}
.service-list1:first-of-type {
  padding-top: 20px;
}
.service-list1 .wrapperS {
  max-width: 920px;
  margin: 0 auto;
  padding: 0 20px 0 30px;
}
.service-list2 .wrapperS {
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 20px 0 30px;
}
.service-list figure {
  width: 45%;
  position: relative;
  margin-bottom: 50px;
  /* box-shadow: 0 0 15px rgba(0,0,0,0.10); */
  background-color: #ffffff;
  border-radius: 10px;
  display: inline-block;
}
.site-homepage .service-list figure {
  margin-bottom: 100px;
  background: transparent;
  position: relative;
}
.site-homepage .service-list figure p {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
}
.site-homepage .service-list figure p a {
  padding: 10px 0;
}
/* to balance the last line */
.site-homepage .service-list {
  margin-bottom: -100px;
}
.service-list img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.site-homepage .service-list img {
  border-radius: 10px;
}
.service-list img:hover {
  filter: brightness(1.05);
}
.service-list2 figure {
  flex-basis: 400px;
}
.service-list figcaption {
  text-transform: uppercase;
  font-size: 1.2rem;
  text-align: center;
  position: absolute;
  top: 20px;
  left: -20px;
  right: auto;
  padding: 5px 1em;
  background-color: rgb(255, 255, 255);
  box-shadow: -2px -2px 6px rgba(0, 0, 0, 0.15);
  text-align: left;
  max-width: 90%;
}
.service-list figcaption::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  width: 100%;
  background-color: var(--color-dark-green);

  transform: scale(0);
  transform-origin: left;
  transition: transform 250ms ease-in;
}
/* .service-list figcaption:hover::after, */
.service-list figure:hover figcaption::after {
  transform: scale(1);
}
.btn-black {
  border: 1px solid var(--color-p);
  padding: 5px 1em;
  background: none;
  font-weight: bold;
  color: var(--color-p);
  cursor: pointer;
  box-shadow: none;
  position: relative;
  z-index: 1;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
}
.site-services .service-list button {
  position: absolute;
  left: 50%;
  right: 0;
  transform: translateX(-50%);
  bottom: 15px;
}
.btn-black::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: var(--color-dark-green);
  z-index: -1;
  border-radius: 10px;
  transform: scale(0);
  transform-origin: top;
  transition: all 200ms ease-in;
}
.btn-black:hover::after {
  transform: scale(1);
  transform-origin: bottom;
}
.btn-black:hover {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4), -1px -1px 3px rgba(255, 255, 255, 0.4);
  border: 1px solid #bbbbbb;
  color: #fff;
  text-shadow: none;
}
.btn-black:active::after {
  background-color: transparent;
  box-shadow: none;
  box-shadow: 1px 1px 3px rgba(255, 255, 255, 1), -1px -1px 3px rgba(0, 0, 0, 0.4);
}
.btn-green {
  border: 1px solid var(--color-dark-green);
  color: var(--color-dark-green);
}
.service-list figure p {
  margin: 0;
  padding: 10px 15px 15px;
  text-align: center;
}
.cblack {
  color: #000000;
}

.testimonial {
  width: 100%;
  padding: 20px 20px 0;
  /* border-top: 1px solid #cccccc; */
  border-bottom: 1px solid #cccccc;
  background: #fff;
  /* box-shadow: 0 0 10px rgba(0,0,0,0.1); */
  border-radius: 10px;
  margin-bottom: 40px;
  background: #ffffff url("../../../images/graphic/quotation.svg") no-repeat left 10px top 10px;
  background-size: 32px 32px;
}
.testimonial:hover {
  background-image: url("../../../images/graphic/quotation2.svg");
}
.client-name {
  font-size: 0.875em;
  font-weight: bold;
  color: var(--color-light-p);
  font-style: italic;
}
.client-desc::before {
  content: "";
  width: 2em;
  height: 1em;
  display: inline-block;
}

.centerttup {
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
}

/* conatct page */
.shopphoto {
  max-width: 420px;
  width: 52%;
  border-radius: 10px;
  float: right;
  margin-left: 15px;
}
@media screen and (max-width: 500px) {
  .shopphoto {
    display: none;
  }
}

.casacare {
  font-family: "Merriweather Sans", sans-serif;
  font-weight: 700;
  font-size: 1.1em;
  color: var(--color-dark-green);
}
.cdgreen {
  color: var(--color-dark-green);
}
.call-box {
  text-align: center;
  margin: 20px auto;
  padding: 20px 20px 10px;
  border-top: 3px solid var(--color-light-orange);
  border-bottom: 3px solid var(--color-light-orange);
}
.call-box h2 {
  text-transform: uppercase;
}
.call-box img {
  margin: 0 20px;
  transition: all 250ms ease-in;
}
.call-box img:hover {
  transform: scale(1.1);
}
.item-pageaboutus > .wrapper-text,
.item-pagehomepage > .wrapper-text {
  position: relative;
  z-index: 1;
  padding-right: 3.5%;
  max-width: calc(590px);
}
.item-pageaboutus > .wrapper-text::after,
.item-pagehomepage > .wrapper-text .titlebox2::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -15%;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  z-index: -1;
  background: url("../../../images/graphic/logo-casa-care.svg") no-repeat bottom right;
  background-size: 190px auto;
}
@media only screen and (max-width: 1120px) {
  .item-pagehomepage {
    margin: 0 -2.05%;
  }
}

/* +++++++++++++++  contact  ++++++++++++++++++++++ */
address {
  font-style: normal;
}
.contact-telephone {
  margin: 0.5em 0;
  display: block;
}

/* +++++++++++++++  modules  ++++++++++++++++++++++ */

/* Fox contact */

/* responsive */
#mobile_select h2 {
  border: 0;
  padding: 0;
  text-align: right;
  margin: 0;
}
#mobile_select h2 a {
  display: inline-block;
  font-size: 0.8em;
  padding: 14px 8px 8px 25px;
  font-size: 0.75em;
  margin-right: 3%;
  color: black;
  font-size: 16px;
  background: transparent url(../images/centro/menuicon.png) left 60% no-repeat;
}

.pagelinks figure {
  float: left;
  margin: 0 5% 25px 0;
}

#osmap li {
  margin: 0.5em 0;
}

.webdesign {
  margin: 10px 0;
  display: inline-block;
}
.webdesign a {
  color: #666666;
}

.custom.mobiletitle {
  display: block;
}

@media only screen and (min-width: 900px) {
  .custom.mobiletitle {
    display: none;
  }
}

@media only screen and (max-width: 1280px) {
  .module-headerimage {
    height: 400px;
  }

  #sitedescription {
    top: 140px;
    font-size: 5vh;
  }
  #wrapper2 .page-start {
    margin-top: -100px;
  }
}

@media only screen and (max-width: 1120px) {
  .nodisplayl1120 {
    display: none !important;
  }

  #contentarea,
  #footer-sub,
  #footer-inner,
  #superbar .inner,
  #superbar .inner,
  .webdesign {
    padding-left: 2%;
    padding-right: 2%;
  }
  .site-services #contentarea {
    padding-left: 0;
    padding-right: 0;
  }
  .module-headerimage,
  .module-headerimage2 {
    margin-left: calc(-2% - 1px);
    margin-right: calc(-2% - 1px);
  }
  #line .inner {
    margin-right: 2%;
    max-width: calc(100% - 20% - 3.5% - 2%);
  }
  #superbar .inner > div {
    text-align: center;
  }
}

@media only screen and (max-width: 960px) {
  .service-list2 figure {
    width: 45%;
  }
  .service-list2 figure:last-of-type {
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 900px) {
  .propman {
    display: block !important;
    color: var(--color-dark-green);
    font-weight: 500;
    font-family: "Merriweather Sans", sans-serif;
    font-size: calc(14px + 0.5vw);
    letter-spacing: 1px;
  }
  .propman2 {
    display: none !important;
  }
}

@media only screen and (max-width: 880px) {
  .item-activity {
    width: 48%;
  }
}

@media only screen and (max-width: 768px) {
  #sitedescription {
    font-size: 2em;
  }

  .flexgridpok {
    display: block;
  }
  .gridpok {
    width: 100%;
    max-width: 510px;
    margin-left: auto;
    margin-right: auto;
  }
  .button-list {
    max-width: 600px;
  }
  .button-list img {
    width: 80%;
  }

  .grid3 {
    width: 45%;
  }
}

@media only screen and (max-width: 700px) {
  #line .inner > div,
  #line .inner > ul {
    display: none;
  }
  .menu-btn {
    display: block;
  }

  .page-slim .flexgrid2wrap {
    display: block;
  }
  .page-slim .grid2 {
    max-width: 480px;
    width: 100%;
    margin: 0 auto 50px;
  }
  .articleslim {
    margin-bottom: 60px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
  }

  .service-list2 figure {
    width: 94%;
    max-width: 450px;
    margin: 0 auto 50px;
  }
  #footer-inner .box {
    float: none;
    width: 48%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 660px) {
  .nodisplayl660 {
    display: none !important;
  }
  .logotipotop {
    top: -4px;
    width: 35%;
  }
  #mobile_select {
    display: block;
  }
  #fontsize {
    display: none;
  }
  #aside-left,
  #wrapper2,
  #wrapper,
  .cols-3 .column-1,
  .cols-3 .column-2,
  .cols-3 .column-3,
  #right,
  #header form {
    float: none;
    width: 100%;
  }
  #header #menuwrapper {
    position: relative;
    margin: 0;
    max-height: none;
  }
  #header {
    background-size: 900px auto;
    -o-background-size: 900px auto;
    -moz-background-size: 900px auto;
    -webkit-background-size: 900px auto;
    /* height: 230px; ohne slider */
  }

  #header form {
    margin: 0;
  }
  #all {
    padding-top: 0;
  }
  .logoheader {
    /* min-height:100px; ohne slider */
    margin: 0;
  }
  .box {
    border-left: 0 !important;
  }
  #header form input {
    float: none;
    margin-bottom: 4px;
  }
  #menuwrapper {
    margin-top: 0;
    background: #fff;
    padding: 10px 0 0 0;
    width: 100%;
    border: none;
    height: auto;
    position: relative;
  }
  #header ul.menu {
    position: relative;
    top: 0;
    left: 0px;
    right: 0px;
    margin: 0;
    width: 100%;
    text-align: left;
    border: 0;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.9);
  }
  /* #header ul.menu li:first-child a {border-radius: 4px 4px 0 0;}
	   #header ul.menu li:last-child a {border-radius:0 0 4px 4px; } */
  #header ul.menu li a:link,
  #header ul.menu li a:visited {
    display: block;
    border-right: 0;
  }
  #header #line ul.menu li {
    background-color: #fff;
  }
  #header ul.menu li {
    width: 50%;
  }
  #header ul.menu li a {
    max-width: 100%;
  }

  #superbar .mod-languages {
    display: none;
  }

  .testimonial {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .module-request-top {
    right: 2%;
  }

  .grid3e {
    width: 45%;
  }

  #right {
    width: 96% !important;
    margin: 0;
    padding: 10px 2%;
    border-top: 10px solid #ddd;
  }
}

@media only screen and (max-width: 600px) {
  .nodisplayl600 {
    display: none !important;
  }
  #aside-left,
  #wrapper2,
  #wrapper,
  .cols-3 .column-1,
  .cols-3 .column-2,
  .cols-3 .column-3,
  #right,
  #header form {
    float: none;
    width: 100%;
  }
  .button-list {
    max-width: 500px;
  }
  .imgum {
    display: none;
  }
  .site-gallery .cane--gallery ul > li {
    margin: 1px 0% 20px;
    width: 100%;
    overflow: hidden !important;
  }

  .service-list1 figure,
  .service-list2 figure {
    width: 100%;
    max-width: 450px;
    position: relative;
    margin: 0 auto 50px;
  }
}

@media only screen and (max-width: 500px) {
  .nodisplayl500 {
    display: none !important;
  }
  #sitedescription {
    font-size: 1.8em;
  }
  .div-request-top {
    margin-top: -15px;
  }

  /* #breadcrumbs {height:30px;} */
  .breadcrumbs {
    display: none;
  }
  #footer-inner .box {
    float: none;
    width: 100%;
  }
  .propman {
    margin-left: 35%;
  }

  .grid3 {
    width: 100%;
  }
  .specialnav a.button {
    padding: 8px 0.5em;
    font-size: 0.85em;
  }
  .specialnav a.button span {
    display: none;
  }
  .imgfr {
    display: none;
  }
  .button-list {
    max-width: 360px;
  }
  .button-list span {
    width: 33%;
  }
  .button-list img {
    width: 90%;
  }
  .section-recommend h3 {
    background-position: top 0% left 0%;
  }

  .sidenav .closebtn,
  .menu-btn {
    right: 5px;
  }
}

@media only screen and (max-width: 440px) {
  .flexgridequip {
    display: block;
  }
  .grid3e {
    width: 100%;
  }
}

@media only screen and (max-width: 360px) {
  #sitedescription {
    font-size: 1.6em;
  }
  .propman {
    display: none !important;
  }
}

@media only screen and (max-width: 340px) {
  .nodisplayl340 {
    display: none !important;
  }
  .box {
    float: none;
    width: 100%;
  }
  .logoheader #sitedescription h2 {
    font-size: 1.5em;
  }
  div.mod-languages li {
    margin: 0 9px !important;
  }
  .slides li {
    float: none;
    width: 100%;
    padding: 1em 0;
  }
  .specialnav img {
    width: 85%;
  }
  .specialnav p {
    font-size: 0.8em;
  }
  .specialnav a.button {
    padding: 8px 0.5em;
  }
}

@media only screen and (max-width: 300px) {
  .gridfoot {
    width: 100%;
    padding-left: 10px;
  }
  .specialnav p {
    font-size: 0.7em;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* Styles */
}

@keyframes slide-in {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes fadein {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scale-in {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

/* Jomestate */
.mce-visual-caret-hidden,
.jc-powered,
.jomestate-body-item #mod-custom166 {
  display: none;
}

/* Jomestate Grid */
#jomestate-items,
#jomestate-grid {
  max-width: 1220px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

#jomestate-grid > div > form .je-toolbar-right .btn-primary.waves-effect {
  display: none;
}

#jomestate-grid > .d-block.position-relative.my-3 {
  display: none !important;
}

.select-dropdown .btn-secondary {
  background-color: #fff !important;
  color: #000;
  border: 1px solid #e8e8e8;
}
.select-dropdown .btn-secondary:active,
.select-dropdown .btn-secondary:hover {
  background-color: #000 !important;
  color: #fff !important;
}
.mdi-heart-plus-outline,
#jomestate-grid > .d-block.position-relative.my-3 {
  display: none;
}

/* filtering start */
#jdItemsSort .select-dropdown,
#jdItemsPerPage .select-dropdown {
  display: none !important;
}

.card {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}
.badge-cd {
  background-color: #17bfa6 !important;
}
.badge-cd.badge-success {
  background-color: #008776 !important;
}
#jomestate-grid .price {
  font-weight: bold !important;
}
/*
.price .cd-price-title {
  display: none;
}
*/
.price .cd-price-title {
  font-weight: normal;
}
.price .cd-currency {
  margin-right: 0.3em;
}
.mod_jomestate_items h3 a,
#jomestate-grid h3 a {
  color: var(--color-dark-green);
  font-weight: 700;
  font-size: calc(1.25em);
}
.mod_jomestate_items h3,
#jomestate-grid h3 {
  text-align: center;
}

.card-footer.p-2 {
  background: var(--color-light-p) !important;
  padding: 0.2rem 0.5rem !important;
}
#jomestate-grid .card-footer .refnumber {
  float: none;
}

/* Jomestate Items */
.site-homepage .contentarea2 {
  background-color: #fff;
}

.mod_jomestate_items {
  padding-top: 0;
  padding-bottom: 50px;
  text-align: center;
  max-width: 1500px;
  margin: 0 auto;
}
.mod_jomestate_items > div {
  margin: 0 auto;
}
.mod_jomestate_items .mb-3 {
  max-width: 400px;
}

#jomestate-item {
  padding-top: 20px;
  max-width: 1196px;
  margin-left: auto;
  margin-right: auto;
}
#jomestate-item .price {
  color: #008776;
}
#jomestate-item .header address.h4 {
  color: var(--color-light-p);
  font-size: 1em;
}
#jomestate-item .carousel-inner,
#jomestate-item .image-inner,
#jomestate-item .carousel-item img {
  aspect-ratio: 3/2;
  max-height: 533px !important;
}

#jomestate-item .carousel-inner {
  padding-bottom: 0 !important;
}