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

html {
  font-size: 8px; }

#pageHeader,
#headerContent {
  height: auto; }

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

#menuSwitcherBtnContainer {
  display: none; }

.carousel {
  display: none; }

.carouselNarrowScreen {
  display: block; }
  .carouselNarrowScreen img {
    display: block;
    height: 100%; }

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

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

#bodyContent {
  width: auto; }

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 solid #C1B29C;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.triangle-topleft {
  display: none; }

.padding {
  padding: 20px; }

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

#prevBtn p,
#nextBtn p {
  font-size: 11em; }

#siteLogo {
  margin-top: 17px; }

#treeRecordingForm fieldset {
  margin: 0;
  padding: 0;
  border: none; }

#treeRecordingForm input {
  right: 0; }

#treeRecordingForm legend {
  padding: 0;
  color: #000; }

#treeRecordingForm .mandatoryFieldsTree {
  width: 100%;
  height: auto;
  padding-bottom: 30px;
  border-bottom: 1px dotted #998F7F; }
  #treeRecordingForm .mandatoryFieldsTree input,
  #treeRecordingForm .mandatoryFieldsTree select {
    float: none; }

#treeRecordingForm .mandatoryLabel {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

#treeRecordingForm .wide {
  margin: 0; }

#treeRecordingForm .treeCondition {
  width: 100%;
  height: auto;
  padding-bottom: 30px;
  border-bottom: 1px dotted #998F7F; }

#treeRecordingForm .humanImpact {
  width: 100%;
  height: auto;
  padding-bottom: 30px;
  border-bottom: 1px dotted #998F7F;
  margin-top: 0; }

#treeRecordingForm .treeLocation {
  width: 100%;
  height: auto;
  padding-bottom: 30px;
  border-bottom: 1px dotted #998F7F;
  margin-top: 0; }

#treeRecordingForm .treeImportance {
  width: 100%;
  height: auto;
  padding-bottom: 30px;
  border-bottom: 1px dotted #998F7F;
  margin-top: 0; }
  #treeRecordingForm .treeImportance textarea {
    height: 100px; }

#treeRecordingForm .moreInfoSignBlind {
  display: none; }

#treeRecordingForm #id_location {
  margin: 0 0 0 103px;
  padding: 0; }

#treeRecordingForm .container {
  margin: 0; }

#treeRecordingForm .fieldsetOrderNo {
  font-weight: normal; }

#treeRecordingForm #treeFormBtn {
  margin-top: 0; }

#treeRecordingForm .moreInfoSign {
  background: url("/static/img/icon_question-mark_25x25.png") no-repeat center center;
  margin-right: 15px; }

#treeDetail .signature {
  right: 0; }

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

#treeDetail .treeByVisitor {
  margin: 0 9px 7px 0; }

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

#informationLinks {
  width: 100%; }

#bodyContentMap {
  width: 100%; }

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

#bntFullScreen {
  float: none; }

#informationLinks {
  height: 49px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none; }
  #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; }

#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; }

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

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

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

.newsInShort {
  padding: 0; }

.story {
  padding: 5px; }

div#leftCol {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

div#middleCol {
  width: 30%;
  padding: 0;
  font-size: 1em; }

div#rightCol {
  width: 70%;
  padding: 0;
  margin: 25px 0 0 0;
  font-size: 1em;
  border: 1px solid #C1B29C; }
  div#rightCol .plugin_googlemap,
  div#rightCol .google-map-container {
    height: 400px; }

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

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