/* Global SCSS variables, used in order to simplify the life in general */
/* Backgroud Colors */
/* Text Colors */
/*  Box sizes */
#lng .lang a {
  padding: 23px 15px;
  line-height: 14px; }

#lngChooser {
  right: 100px;
  display: table-row; }
  #lngChooser .lang {
    display: table-cell;
    vertical-align: middle; }
  #lngChooser .active a {
    color: #d1050c;
    font-weight: bold; }

#languageChooser {
  display: none; }

.spinner-master * {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.spinner-master {
  position: relative;
  margin: 15px;
  height: 30px;
  width: 30px;
  float: left; }

.spinner-master label {
  cursor: pointer;
  position: absolute;
  z-index: 99;
  height: 100%;
  width: 100%;
  top: 5px;
  left: 0; }

.spinner-master .spinner {
  position: absolute;
  height: 4px;
  width: 100%;
  padding: 0;
  background-color: #333; }

.spinner-master .diagonal.part-1 {
  position: relative;
  float: left; }

.spinner-master .horizontal {
  position: relative;
  float: left;
  margin-top: 4px; }

.spinner-master .diagonal.part-2 {
  position: relative;
  float: left;
  margin-top: 4px; }

.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal {
  opacity: 0; }

.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  margin-top: 10px; }

.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  margin-top: -12px; }

a.menu-link {
  display: block;
  color: #fff;
  float: left;
  text-decoration: none;
  padding: 10px 16px;
  font-size: 1.5em; }

a.menu-link:hover {
  color: #d1050c; }

a.menu-link:after {
  content: "\2630";
  font-weight: normal; }

a.menu-link.active:after {
  content: "\2715"; }

.menu {
  clear: both;
  float: none; }

.menu,
.menu > ul ul {
  overflow: hidden;
  max-height: 0;
  background-color: rgba(254, 254, 254, 0.2); }

.menu > li > ul.sub-menu {
  padding: 0px;
  border: none; }

.menu.active,
.menu > ul ul.active {
  max-height: 55em; }

.menu ul {
  display: inline; }

.menu li,
.menu > ul > li {
  display: block; }

.menu > ul > li:last-of-type a {
  border: none; }

.menu li a {
  color: #fff;
  display: block;
  padding: 0.8em;
  position: relative; }

.menu li.has-submenu > a:after {
  content: '+';
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  font-size: 1.5em;
  padding: 0.55em 0.5em; }

.menu li.has-submenu > a.active:after {
  content: "-"; }

.menu ul ul > li a {
  background-color: rgba(254, 254, 254, 0.2);
  padding: 10px 18px 10px 30px; }

.menu ul li a:hover {
  background: #4b5f65;
  color: #fff; }

.menu ul li.hover > a {
  background: #4b5f65;
  color: #fff; }

.menu ul ul,
.menu ul ul ul {
  display: inherit;
  position: relative;
  left: auto;
  top: auto;
  border: none; }

.pagination .page,
.pagination .ellipsis {
  display: none; }

.pagination a:first-of-type,
.pagination a.current,
.pagination a:last-of-type {
  font-size: 1.3em;
  display: block; }

#pageWrapper {
  padding: 60px 0 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

#headerContent {
  height: auto;
  width: 100%; }

#pageHeader {
  height: auto; }

#menuSwitcherBtnContainer,
.footerContent > .rightSideColumn {
  display: block; }

.carousel {
  display: none; }

.carouselNarrowScreen {
  display: block; }
  .carouselNarrowScreen img {
    display: block;
    /* make image flexible */
    max-width: 100%;
    height: auto;
    width: auto\9;
    /* IE8*/ }

.nav_wrapper {
  height: auto;
  margin: 0;
  padding: 0; }

#headerContent > .carouselMobile {
  width: 100%; }
  #headerContent > .carouselMobile img {
    width: 100%;
    max-width: 100%;
    height: auto; }

#bodyContent {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: auto; }

.footerContent {
  width: 100%; }
  .footerContent .leftSideColumn {
    width: 100%; }
  .footerContent .rightSideColumn {
    width: 100%; }
  .footerContent .leftFooter {
    padding-left: 4px; }
    .footerContent .leftFooter img {
      padding-right: 4px; }

.leftSideColumn,
.rightSideColumn {
  width: 100%;
  float: none; }

.backgroundTwoCols {
  overflow: auto;
  background: #ddccb2; }

li#avatar, li#lng, #lngChooser, .lang {
  height: 60px; }

.title {
  width: 100%;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
  border-bottom: 1px dotted #C1B29C;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.triangle-topleft {
  display: none; }

.padding {
  padding: 10px; }

.btn {
  padding: 10px 15px; }

#siteLogo {
  display: none; }

.rightSideColumn.aboutPage {
  display: block; }

#treeRecordingForm {
  font-size: 1.1em; }
  #treeRecordingForm fieldset {
    margin: 0;
    padding: 0;
    border: none;
    padding-bottom: 30px; }
  #treeRecordingForm legend {
    background: #DDCCB2;
    width: 100%;
    padding: 10px 0 10px 5px;
    border-radius: 3px; }
  #treeRecordingForm label {
    display: inline-block;
    line-height: 1em; }
  #treeRecordingForm textarea {
    height: 4em; }
  #treeRecordingForm input {
    right: 0; }
  #treeRecordingForm select {
    right: 0;
    width: 40%; }
  #treeRecordingForm .mandatoryFieldsTree label {
    width: 180px; }
  #treeRecordingForm .mandatoryFieldsTree .species {
    width: 100px; }
  #treeRecordingForm .mandatoryFieldsTree .foto {
    width: auto; }
  #treeRecordingForm .mandatoryFieldsTree input {
    float: right;
    width: 100px; }
  #treeRecordingForm .mandatoryFieldsTree select {
    float: right;
    width: 180px; }
  #treeRecordingForm .mandatoryFieldsTree #id_image {
    float: none;
    width: auto;
    margin-top: 10px;
    font-size: 1.1em; }
  #treeRecordingForm .treeLocation .landscapeOpts .fieldWrapper {
    margin: 0; }
  #treeRecordingForm .treeImportance textarea {
    height: 8em; }
  #treeRecordingForm .treeImportance .fieldWrapper {
    margin: 0; }
  #treeRecordingForm #id_other {
    margin: 0;
    width: 99%; }
  #treeRecordingForm .treeFormImg {
    margin: 0;
    padding-left: 44px;
    float: none; }
  #treeRecordingForm .mandatoryFieldsTree, #treeRecordingForm .treeCondition, #treeRecordingForm .humanImpact, #treeRecordingForm .treeLocation, #treeRecordingForm .treeImportance {
    width: 100%;
    height: auto;
    margin-top: 0; }
  #treeRecordingForm .fieldWrapper {
    margin: 16px 0; }
  #treeRecordingForm .moreInfoSignBlind {
    display: none; }
  #treeRecordingForm #id_location, #treeRecordingForm #id_private_public, #treeRecordingForm .grouppingOpts {
    margin: 0 0 0 15px;
    padding: 10px 0; }
    #treeRecordingForm #id_location li, #treeRecordingForm #id_private_public li, #treeRecordingForm .grouppingOpts li {
      height: 30px; }
  #treeRecordingForm .noMargin {
    margin: 0; }
  #treeRecordingForm .container {
    margin: 0; }
  #treeRecordingForm .fieldsetOrderNo {
    font-weight: normal; }
  #treeRecordingForm #treeFormBtn {
    margin-top: 0; }
  #treeRecordingForm .moreInfoSign {
    background: url("/static/img/icon_question-mark_35x35.png") no-repeat center center;
    margin-right: 10px;
    width: 35px;
    height: 35px; }

.treeItemDetails {
  margin-left: 0;
  margin-right: 0; }
  .treeItemDetails li {
    margin: 0;
    list-style-type: none; }
  .treeItemDetails label {
    margin: 0; }

.treeFilter {
  display: block; }

.rightSideColumn {
  display: none; }

#searchBy {
  padding: 0; }

#treeDetail .signature {
  right: 0; }

#treeDetail .treeDetails {
  margin-top: 30px; }

#treeDetail .treeByVisitor {
  display: block;
  margin: 0;
  width: 60%;
  height: auto;
  float: right; }

#headerContentMap {
  width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 5px 35px 5px 15px; }

#bodyContentMap {
  width: 100%; }

#showMoreLessControl {
  display: block; }

.collapsed {
  height: 10vh;
  padding: 5px 15px 15px 15px;
  overflow: hidden; }

.collapsed:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(86, 86, 85, 0)), color-stop(90%, #565655));
  background-image: linear-gradient(to bottom, rgba(86, 86, 85, 0), #565655 90%);
  width: 100%;
  height: 3em; }

#mapCanvas {
  width: 100%;
  min-height: 300px;
  margin-bottom: 0;
  border: 0; }

#bntFullScreen {
  float: none; }

#informationLinks {
  width: 100%;
  height: 49px;
  border: 0; }
  #informationLinks #pac-input {
    position: absolute;
    width: auto;
    height: 28px;
    margin: 9px auto; }
  #informationLinks #btnFullScreen {
    width: auto;
    height: auto; }
  #informationLinks #btnEnterFullScreen {
    margin: 10px 15px; }
  #informationLinks .mapBtn {
    height: 48px; }
  #informationLinks .instructions {
    margin: 10px 15px; }

#btnExitFullScreen {
  position: fixed;
  right: 5px; }

.treeDetail #arrow-left {
  width: 10%; }

.treeDetail #arrow-rigth {
  width: 10%; }

.treeDetail #gallery-container {
  width: 80%; }

.newsInShort {
  padding: 0; }

.blogContent .rightSideColumn {
  display: block; }

.story {
  padding: 5px; }

div#leftCol,
div#middleCol,
div#rightCol {
  width: 100%;
  padding: 0;
  font-size: 1em; }

div#rightCol {
  margin: 25px 0 0 0;
  border: 1px dotted #C1B29C; }
  div#rightCol .plugin_googlemap, div#rightCol .google-map-container {
    height: 400px; }

.contactPerson, .staffProfile {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  background: #DDCCB2;
  -webkit-box-shadow: none;
          box-shadow: none; }

.mandatoryFields,
.additionalUserInfo {
  width: 100%;
  display: block; }

.form-block {
  width: 100%; }
  .form-block .field-wrapper {
    margin: 10px 0; }
    .form-block .field-wrapper p {
      padding-right: 5%; }
  .form-block .simple-label {
    width: 100%;
    text-align: left; }
  .form-block input {
    width: 100%; }

.field-wrapper input:not([type='checkbox']):not([type='radio']) {
  width: 100%; }

details {
  background: #DDCCB2; }

/*# sourceMappingURL=mobile.css.map */