/*
Theme Name: OMARE
Theme URI: 
Author: 
Author URI: 
version: 1.4
*/

body,
html {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: 'Montserrat', sans-serif;
  color: #3b4050;
  font-size: 15px;
  font-weight: 400;
}

.h1,
h1 {
  font-size: 34px;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-weight: 400;
}

h3 {
  margin-bottom: 0;
  padding-bottom: 10px;
  font-weight: 400;
}

h4 {
  font-size: 19px;
  font-weight: 400;
  margin-bottom: 25px;
}

b {
  font-weight: 500;
}

.light {
  font-weight: 300;
}

.itl {
  font-style: italic;
}

.text-small {
  font-size: 12px;
}

a:active,
a:focus,
a:hover {
  text-decoration: none;
}

a.link:active,
a.link:focus,
a.link:hover {
  text-decoration: underline;
}

#game:not(.mergulho-virtual):not(.jogo-mergulho-virtual):not(.virtual-diving-game){ 
   margin-left: auto; 
   margin-right: auto; 
   max-width: 800px; 
   height: 600px; 
  width: auto; 
}

/* #game { 
  margin-left: auto; 
  margin-right: auto; 
  max-width: 800px; 
  height: 600px; 
 width: auto; 
} */

#game { 
   margin-top: 50px; 
}


.fullscreen {
  position: absolute;
  z-index: 999;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  padding: 0;
  background: rgba(0,0,0,0.7);

}

.fullscreen #game {
  margin: 0;
}

em {
  font-style: italic;
}

.esp01 {
  margin-left: 0 !important;
  margin-right: 25px !important;
}

/****************************************************************************
* Block Text
***************************************************************************/
body {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}

input,
textarea {
  -moz-user-select: text;
}

pre {
  -webkit-user-select: text;
  -moz-user-select: -moz-text;
  -ms-user-select: text;
  user-select: text;
}

/****************************************************************************
* Animations
***************************************************************************/
body:not(.diver-game):not(.jogo-mergulho-virtual):not(.virtual-diving-game), 
body:not(.diver-game):not(.jogo-mergulho-virtual):not(.virtual-diving-game) > * {
  -webkit-transition: all .35s;
  -moz-transition: all .35s; 
   transition: all .35s;
}

/****************************************************************************
* layout
***************************************************************************/
body {
  overflow-x: hidden;
  position: relative;
  display: block;
  width: 100%;
  min-height: 100%;
}

body #layout {
  padding-bottom: 430px;
  padding-bottom: 600px;
  padding-top: 120px;
  margin: 0 auto;
  width: 100%;
  position: absolute;
  min-height: 100%;
}

#sectionNoContent {
  min-height: 600px;
}

/****************************************************************************
* helpers
***************************************************************************/

.align-center {
  text-align: center;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.no-show {
  display: none;
}

.not-visible {
  visibility: hidden;
}

.no-pad-bottom {
  padding-bottom: 0;
}

.no-pad-top {
  padding-top: 0;
}

.txt-upper {
  text-transform: uppercase;
}

/****************************************************************************
* colors
***************************************************************************/

.bg-white {
  background-color: #fff;
}

.bg-blue {
  background-color: #54c7e7;
}

.bg-darkblue {
  background-color: #3c4150;
}

.text-white {
  color: #fff;
}

.text-blue {
  color: #54c7e7;
}

.text-darkblue {
  color: #3c4150;
}

.border-white {
  border: 1px solid #fff;
}

.border-blue {
  border: 1px solid #54c7e7;
}

.border-darkblue {
  border: 1px solid #3c4150;
}

.tax.message{
  display: block;
  margin-left: 48px;
}

/****************************************************************************
* icons
***************************************************************************/

.loader {
  height: 44px;
  width: 44px;
  background-image: url('assets/loading.png');
  -webkit-animation: fa-spin 1s infinite linear;
  animation: fa-spin 1s infinite linear;
  display: inline-block;
}

.loader.small {
  background-size: 22px 22px;
  height: 22px;
  width: 22px;
}

.loader.medium{
  height: 25px;
  width: 25px;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  left: 10px;
  bottom: 5px;
}

.loader-white {
  height: 30px;
  width: 30px;
  background-image: url('assets/loading_white.png');
  background-size: 30px;
  -webkit-animation: fa-spin 1s infinite linear;
  animation: fa-spin 1s infinite linear;
  display: inline-block;
}

.icon {
  height: 30px;
  width: 30px;
  display: inline-block;
  background-repeat: no-repeat;
}

.icon-no-img {
  background-image: url('assets/omare_noimage.svg');
}

.icon-login {
  background-image: url('assets/img/icon-login.png');
}

.icon-regist {
  background-image: url('assets/img/icon-regist.png');
}

.icon-password {
  background-image: url('assets/img/icon-passw.png');
}

.icon-logout {
  background-image: url('assets/img/icon-logout.png');
}

.icon-cog {
  background-image: url('assets/img/icon-cog.png');
  width: 34px;
  height: 36px;
}

.icon-check {
  background-image: url('assets/img/icon-check.png');
}

.icon-photos {
  background-image: url('assets/img/icon-photos.png');
}

.icon-photos-1 {
  background-image: url('assets/img/icon-photos-1.png');
}

.icon-photos-2 {
  background-image: url('assets/img/icon-photos-1.png');
}

.icon-revisor {
  background-image: url('assets/img/icon/omare_validado_por.svg');
}

.icon-upload {
  background-image: url('assets/img/icon-upload.png');
}

.icon-arrow {
  background-image: url('assets/img/icon-arrow.png');
  width: 14px;
  height: 12px;
}

.icon-tax-arrow {
  background-image: url('assets/img/icon-tax-arrow.png');
}

.icon-reino-1 {
  background-image: url('assets/img/reino/icon-reino-1.png');
}

.icon-back {
  background-image: url('assets/img/icon-back.png');
}

.icon-arrow-down {
  background-image: url('assets/img/icon-arrow-down.png');
  height: 8px;
  width: 14px;
}

.icon-next {
  background-image: url('assets/img/icon-next.png');
}

.icon-next:active,
.icon-next:focus,
.icon-next:hover {
  background-image: url('assets/img/icon-next-hover.png');
}

.icon-prev {
  background-image: url('assets/img/icon-prev.png');
}

.icon-prev:active,
.icon-prev:focus,
.icon-prev:hover {
  background-image: url('assets/img/icon-prev-hover.png');
}

.icon-search-white {
  background-image: url('assets/img/icon-search-white.png');
}

.icon-search-blue {
  background-image: url('assets/img/icon-search-blue.png');
}

.icon-user-grey {
  background-image: url('assets/img/icon-user.png');
}

.icon-user-blue {
  background-image: url('assets/img/icon-user-blue.png');
}

.icon-file {
  background-image: url('assets/img/icon-file.png');
}

.icon-validate {
  background-image: url('assets/img/icon-validate.png');
}

/****************************************************************************
* buttons
***************************************************************************/

.btn {
  margin: 10px;
}

.btn-text {
  min-width: 240px;
  text-align: center;
  height: 60px;
  border-radius: 30px;
  padding: 19px 20px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 15px;
}

.btn-icon {
  border-radius: 50%;
  text-align: center;
}

.btn-icon.small {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.btn-icon.medium {
  width: 50px;
  height: 50px;
  line-height: 50px;
}

.btn-icon.large {
  width: 60px;
  height: 60px;
  line-height: 47px;
  font-size: 31px;
}

.btn.btn-d-doc {
  height: 50px;
  padding: 14px 20px;
}

.btn.no-border {
  border: none;
  border-radius: none;
}

.btn.full-grey,
.btn.out-grey:active,
.btn.out-grey:focus,
.btn.out-grey:hover {
  background-color: #9da0a8;
  color: #2d3241;
  border: 2px solid #9da0a8;
}

.btn.full-grey:active,
.btn.full-grey:focus,
.btn.full-grey:hover,
.btn.out-grey {
  background-color: #2d3241;
  color: #9da0a8;
  border: 2px solid #9da0a8;
}

.btn.white-blue {
  background-color: transparent;
  border: 1px solid #54c7e7;
  color: #54c7e7;
}

.btn.white-blue:active,
.btn.white-blue:focus,
.btn.white-blue:hover,
.btn.white-blue[data-loading] {
  background-color: #54c7e7;
  color: #fff;
}

.btn.blue-transparent {
  border: 1px solid #54c7e7;
  background-color: #54c7e7;
  color: #fff;
}

.btn.blue-transparent:active,
.btn.blue-transparent:focus,
.btn.blue-transparent:hover {
  background-color: transparent;
  color: #54c7e7;
}

.btn.full-blue,
.btn.full-blue:active,
.btn.full-blue:focus,
.btn.full-blue:hover {
  border: 1px solid #54c7e7;
  background-color: #54c7e7;
  color: #fff;
}

.btn.white-transparent {
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
}

.btn.white-transparent:active,
.btn.white-transparent:focus,
.btn.white-transparent:hover {
  background-color: #fff;
  color: #54c7e7;
  border: 1px solid #fff;
}

.ladda-button[data-style="contract"][data-loading] {
  width: 60px;
  min-width: 0;
}

.blue-transparent[data-loading] {
  background-color: #54c7e7;
}

#btnBack i {
  height: 60px;
  width: 60px;
  display: inline-block;
}

#btnBack span {
  display: inline-flex;
  color: #3b3f4f;
  position: absolute;
  top: 47%;

  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);

  padding-left: 10px;
  text-transform: uppercase;

}

.custom-select.btn-group {
  width: 100%;
}

.custom-select.btn-group button {
  width: 100%;
  margin: 0;
  height: 60px;
  max-width: 200px;
  border-radius: 0;
  background: transparent;
  color: #9da0a8;
  text-align: left;
  text-transform: uppercase;
  font-size: 13px;
  border-color: #9da0a8;
}

.custom-select.btn-group button:active,
.custom-select.btn-group button:focus,
.custom-select.btn-group button:hover,
.open > .dropdown-toggle.btn-default:focus {
  background: transparent;
  border-color: #9da0a8;
  color: #9da0a8;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.custom-select .icon-arrow-down {
  position: absolute;
  right: 15px;
  top: 26px;
}

.custom-select .dropdown-menu {
  border-radius: 0;
  width: 100%;
  max-width: 200px;
  background: #2d3241;
  color: #9da0a8;
  font-size: 13px;
  border-color: #9da0a8;
  padding: 0;
}

.custom-select .dropdown-menu.light {
  background: #fff;
}

.custom-select .dropdown-menu li {
  font-size: 13px;
  color: #9da0a8;
  padding: 10px 20px;
  cursor: pointer;
  text-transform: uppercase;
}

.custom-select .dropdown-menu li i:before {
  position: relative;
  right: -20px;
}

#btnBack {
  cursor: pointer;
}

/****************************************************************************
* footer
***************************************************************************/

footer {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 9;
  color: #9da0a8;
}

footer #footer-nav {
  background-color: #3c4150;
  padding: 30px 0;
  min-height: 220px;
}

footer #footer-nav a {
  color: #9da0a8;
  padding-bottom: 10px;
  border-bottom: 2px solid #3c4150;
  display: inline-block;
  width: 240px;
  margin-right: 20px;
  margin-bottom: 15px;

}

footer #footer-nav a:last-of-type {
  margin-right: 0;
}

footer #footer-nav a.active,
footer #footer-nav a:active,
footer #footer-nav a:focus,
footer #footer-nav a:hover {
  color: #54c7e7;
  border-bottom: 2px solid #54c7e7;
}

footer #footer-social-media,
footer #footer-sponcers {
  background-color: #2d3241;
}

footer #footer-social-media {
  padding: 10px 0;
}

footer #footer-social-media .btn {
  margin-left: 50px;
  margin-right: 50px;
}

footer #footer-social-media .btn:first-of-type {
  margin-left: 10px;
}

footer #footer-social-media .btn:last-of-type {
  margin-right: 10px;
}

footer #footer-social-media .btn.fa-play::before {
  padding-left: 7px;
}

footer #footer-sponcers {
  border-top: 1px solid #4f5462;
}

footer #footer-sponcers .copyrigths {
  font-size: 11px;
  padding: 30px 0;
  color: #6d717c;
}

footer #footer-sponcers .copyrigths.mobile {
  display: none;
}

footer #footer-sponcers .content > div {
  display: inline-block;
}

footer #footer-sponcers .content .link-container {
  padding: 20px 19px;
  display: inline-block;
  border-left: 1px solid #4f5462;
}

footer #footer-sponcers .content .link-container a {
  padding: 0 9px;
}

footer #footer-sponcers .content .link-container:last-of-type,
footer #footer-sponcers .content .link-container:last-of-type a:last-of-type {
  padding-right: 0;
}

footer #footer-sponcers .content .sponcer-container {
  float: right;
}

#back-to-top {
  position: absolute;
  color: #3c4150;
  right: 15px;
  bottom: 50%;
  line-height: 43px;

  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);

}

#back-to-top:active,
#back-to-top:focus,
#back-to-top:hover {
  color: #54c7e7;
}

/****************************************************************************
* breadcrumbs
***************************************************************************/

#breadcrumbs {
  padding-top: 35px;
}

#breadcrumbs .icon-arrow {
  margin: 0 20px;
}

#breadcrumbs,
#breadcrumbs a {
  color: #c4c6cb;
  font-weight: 300;
}

#breadcrumbs a:last-of-type {
  color: #9da0a8;
  font-weight: 400;
}

#breadcrumbs a:active,
#breadcrumbs a:focus,
#breadcrumbs a:hover {
  color: #54c7e7;
}

/****************************************************************************
* contents
***************************************************************************/

.title-line {
  margin-bottom: 40px;
  width: auto;
  max-width: 320px;
  height: 1px;
  background-color: #54c7e7;
}

.title-line.grey {
  background-color: #9da0a8;
}

.title-line.dark-blue {
  background-color: #3b4050;
}

main h1 {
  color: #54c7e7;
}

article.event {
  margin-bottom: 40px;
}

article.event .text h6 {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 20px;
}

article.event .text p.source {
  font-size: 13px;
  text-align: right;
  margin-top: 20px;
  margin-bottom: 20px;
}

article.event .more {
  text-align: center;
  padding-top: 30px;
}

section {
  padding-top: 40px;
  padding-bottom: 70px;
  border-bottom: 1px solid #d8d9dc;
  overflow-wrap: break-word;
}

section:last-of-type {
  border-bottom: none;
}

.events p.source {
  font-size: 12px;
}

.events .row.EvntGallery {
  margin-bottom: 20px;
}

section .row.simple-content {
  margin-bottom: 15px;
}

/****************************************************************************
* contacts
***************************************************************************/

.map {
  height: 480px;
  width: 100%;

  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.map * {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.map.sightings {
  height: inherit;
}

.map.biogeografia {
  height: 800px;
}


#mapBtns{
  position: absolute;
  top: 14px;
  left: 24px;
  z-index: 9;
  word-spacing: -5px;
}

#mapBtns.biogeografia{
  z-index: 8;
}

#mapBtns a{
  font-size: 12px;
  padding: 10px;
  background: white;
  border: 1px solid #d8d8d8;
  color: #727272;
  text-align: center;
  width: 70px;
  display: inline-block;
}

#mapBtns a:hover{
  -webkit-box-shadow: inset 0px 0px 25px -11px rgba(114,114,114,0.40);
  -moz-box-shadow: inset 0px 0px 25px -11px rgba(114,114,114,0.40);
  box-shadow: inset 0px 0px 25px -11px rgba(114,114,114,0.40);
}

#mapBtns a.active{
  color: #4D4D4C;
  font-weight: 600;
}



.contact-info {
  position: relative;
  width: 100%;
}

.contact-info .icon,
.contact-info .info {
  display: inline-block;
  position: absolute;
}

.contact-info .icon {
  width: 70px;
  height: 70px;
}

.contact-info .icon i {
  width: 70px;
  height: 70px;
  background-color: #e2e2e5;
  display: inline-block;
  background-repeat: no-repeat;
  border-radius: 50%;
}

.icon-email {
  background-image: url('assets/img/icon-mail.png');
  background-position: 19px 21px;
}

.icon-phone {
  background-image: url('assets/img/icon-phone.png');
  background-position: 20px 21px;
}

.icon-address {
  background-image: url('assets/img/icon-address.png');
  background-position: 20px 17px;
}

.contact-info .info {
  padding-left: 85px;
  width: 100%;
  height: 70px;
}

.contact-info .info span {
  display: block;
}

.contact-info .info span a {
  color: #23527c;
}

.contact-info .info span.info-title {
  text-transform: uppercase;
  font-weight: 500;
}

.contact-info .info span:not(.info-title) {
  font-weight: 300;
  line-height: 16px;
}

.contact-info .info > div {
  position: absolute;
  bottom: 50%;

  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
}

.row.contacts-info-row > div {
  padding-top: 50px;
  padding-bottom: 50px;
}

/****************************************************************************
* form
***************************************************************************/

form .form-group .input-group > div,
form .form-group .input-group input {
  border-radius: 0;
  border-color: #c4c6cb;
  height: 60px;
  color: #3c4150;
}

form textarea {
  border-radius: 0!important;
  border-color: #c4c6cb;
  color: #3c4150;
}

form .form-group .input-group > input,
form .form-group .input-group > textarea {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all .35s;
  -moz-transition: all .35s;
  transition: all .35s;
}

textarea.form-control {
  padding: 20px;
}

.form-control:focus {
  border-color: #3c4150!important;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

form .form-group > .input-group {
  width: 100%;
}

form .form-group > .input-group.inline {
  width: 50%;
}

form .form-group > .input-group.inline:first-of-type {
  display: inherit;
}

form .form-group.diplay-inline {
  display: table;
  width: 100%;
}

form .form-group.diplay-inline .inline-holder {
  display: table-cell;
}

form .w-addon .input-group-addon {
  background: none;
  border-right: none;
  font-size: 45px;
  padding: 0 10px;
  color: #c4c6cb;

}

form .w-addon .input-group-addon i {
  color: #c4c6cb;
}

form .w-addon .input-group-addon i:before {
  position: relative;
  left: -3px;
  top: 8px;
}

form .w-addon input,
form .w-addon textarea {
  border-left: none;
  padding-left: 9px;
}

form .w-addon.input-group-focus .input-group-addon {
  border-color: #3c4150;
  color: #3c4150;
}

form .w-addon.input-group-focus .input-group-addon i {
  color: #3c4150;
}

form.searchForm .input-group input {
  border: 1px solid #ccc;
  border-right: 0;
}

form.searchForm .w-addon .input-group-addon {
  border: 1px solid #ccc;
  border-left: 0;
}

form input::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder {
  color: #c4c6cb!important;
}

form input:-ms-input-placeholder,
form textarea:-ms-input-placeholder {
  color: #c4c6cb!important;
}

form input::-moz-placeholder,
form textarea::-moz-placeholder {
  color: #c4c6cb!important;
  opacity: 1;
}

form input:-moz-placeholder,
form textarea:-moz-placeholder {
  color: #c4c6cb!important;
  opacity: 1;
}

form input.icon {
  padding-left: 60px;
  background-repeat: no-repeat;
}

form input.icon-user {
  background-image: url('assets/img/icon-user.png');
  background-position: 17px 14px;
}

form input:focus.icon-user {
  background-image: url('assets/img/icon-user1.png');
}

form input.icon-email {
  background-image: url('assets/img/icon-mail1.png');
  background-position: 14px 15px;
}

form input:focus.icon-email {
  background-image: url('assets/img/icon-mail.png');
}

form input.icon-password {
  background-position: 17px 14px;
}

form input.icon-phone {
  background-position: 17px 12px;
  background-image: url('assets/img/icon-phone1.png');
}

form input:focus.icon-phone {
  background-image: url('assets/img/icon-phone.png');
}

form textarea.row-1.icon {
  padding: 19px 12px 19px 60px;
  height: 60px;
}

form textarea.row-1.icon.icon-address {
  background-position: 18px 11px!important;
  background-image: url('assets/img/icon-address1.png');
}

form textarea:focus.row-1.icon.icon-address {
  background-image: url('assets/img/icon-address.png');
}

form .row > div {
  margin-top: 20px;
  margin-bottom: 20px;
}

.wpcf7-not-valid {
  border-color: #a94442!important;

}

.wpcf7-not-valid-tip {
  position: absolute;
  left: 0;
  top: -20px;
  color: #a94442;
  font-size: 10px;
  text-transform: uppercase;
}

.wpcf7-response-output {
  text-align: center;
}

.wpcf7-response-output.wpcf7-validation-errors {
  color: #a94442;
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
  color: #3c763d;
}

.screen-reader-response {
  display: none;
}

/* radio */

form .form-group .input-group > div.radio {
  margin-bottom: 0;
  margin-top: 0;
  color: #9da0a8;
  line-height: 31px;
  height: 30px;
}

form .form-group .input-group > div.radio label:first-of-type {
  margin-left: 15px;
}

.radio label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 35px;
  margin-right: 15px;
  line-height: 23px;
}

input[type=radio] {
  display: none;
}

.radio label:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  bottom: 1px;
  background-color: #fff;
  border: 1px solid #c4c6cb;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

input[type=radio]:checked + label:before {
  font-family: Arial,sans-serif;
  content: "\2022";
  color: #54c7e7;
  font-size: 47px;
  padding-left: 2px;
  line-height: 22px;
}

/*check*/
.check-group {
  display: inline-block;
  width: 50px;
  text-align: left;
}

.check-group-label {
  font-size: 12px;
  font-weight: 400;
  color: #9da0a8;
}

.check-group-label a {
  color: #9da0a8;
  font-weight: 500;
  text-decoration: underline;
}

.check-group-label a:active,
.check-group-label a:focus,
.check-group-label a:hover {
  color: #54c7e7;
}

.check-group.inline:nth-last-of-type {
  padding-right: 0;
}

input[type="checkbox"] {
  display: none;
}

input[type="checkbox"] + label span {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: -1px 4px auto 18px;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #c4c6cb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

}

input[type="checkbox"]:checked + label span {
  font: normal normal normal 14px/1 FontAwesome;
}

input[type="checkbox"]:checked + label span:before {
  content: "\f00c";
  font-size: 17px;
  line-height: 22px;
  color: #54c7e7;
  padding-left: 1px;
}

.form-control-feedback {
  position: relative;
  width: auto;
  text-align: left;
  font-size: 11px;
  height: 26px;
  line-height: 26px;
}

#user .form-control-feedback {
  text-align: center;
  height: 20px;
}
/*
.has-danger{
    
}
.has-danger .form-control-danger{
    
}
.form-control-feedback, .has-danger .form-control-label, .has-danger .col-form-label, .has-danger .form-check-label, .has-danger .custom-control
.form-control-feedback, .has-success .form-control-label, .has-success .col-form-label, .has-success .form-check-label, .has-success .custom-control
*/

.has-danger {
  color: #ff5454;
}

.has-success {
  color: #79c447;
}

.has-success .form-control,
.has-success .form-control:focus {
  border-color: #c4c6cb;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.modal-content {
  border-radius: 0;
}

.modal-dialog {
  height: 85%;
}

.modal-content {
  height: 100%;
}

.modal-body {
  height: calc(100% - 137px);
  overflow-y: scroll;
}

.modal-dialog .btn {
  padding: 10px 30px;
  height: auto;
  min-width: 0;
  margin: 0;
}

/****************************************************************************
* Toast
***************************************************************************/

.toast-title {
  font-weight: bold;
}

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #ffffff;
}

.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: .8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

.toast-close-button:focus,
.toast-close-button:hover {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: .4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Additional properties for button version
iOS requires the button element instead of an anchor tag.
If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

#toast-container {
  position: fixed;
  z-index: 999999;
}

#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#toast-container .toast {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  background-position: 15px center;
  background-repeat: no-repeat;
  color: #ffffff;
  opacity: .9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  filter: alpha(opacity=90);
}

#toast-container .toast:hover {
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}

#toast-container .toast {
  background-image: none !important;
}

#toast-container .toast:before {
  position: absolute;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 22px;
  left: 22px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

#toast-container .toast-warning:before {
  content: "\f12a";
}

#toast-container .toast-error:before {
  content: "\f00d";
  left: 17px;
}

#toast-container .toast-info:before {
  content: "\f129";
}

#toast-container .toast-success:before {
  content: "\f00c";
  left: 16px;
}

#toast-container.toast-bottom-center > div,
#toast-container.toast-top-center > div {
  width: 400px;
  margin: auto;
}

#toast-container.toast-bottom-full-width > div,
#toast-container.toast-top-full-width > div {
  width: 96%;
  margin: auto;
}

.toast {
  background-color: #20a8d8;
}

.toast-success {
  background-color: #79c447;
}

.toast-error {
  background-color: #ff5454;
}

.toast-info {
  background-color: #67c2ef;
}

.toast-warning {
  background-color: #fabb3d;
}

.toast-progress,
progress-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: .2;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  filter: alpha(opacity=20);
}

/*Animations*/
.toast,
div[toast] {
  opacity: 1 !important;
}

.toast.ng-enter,
div[toast].ng-enter {
  opacity: 0 !important;
  transition: opacity .3s linear;
}

.toast.ng-enter.ng-enter-active,
div[toast].ng-enter.ng-enter-active {
  opacity: 1 !important;
}

.toast.ng-leave,
div[toast].ng-leave {
  opacity: 1;
  transition: opacity .3s linear;
}

.toast.ng-leave.ng-leave-active,
div[toast].ng-leave.ng-leave-active {
  opacity: 0 !important;
}

/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }

  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }

  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

.toaster-icon.icon-info {
  display: none;
}

/****************************************************************************
* Lista de especies
***************************************************************************/

section.species-list {
  padding: 0;
}

section.species-list .btn-show {
  border: 1px solid #3c4150;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  margin: 20px;
  padding: 0;
}

section.species-list .btn-show::after {
  content: '+';
  font-size: 22px;
  line-height: 36px;
  color: #3c4150;
}

section.species-list .opened .btn-show::after {
  content: '-';
}

section.species-list .species-content {
  background-color: #f5f5f6;
  padding-top: 30px;
  padding-bottom: 30px;
  display: none;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.species-wrapper {
  margin: 15px 0 15px 25px;
  position: relative;
}

.species-wrapper .species-container {
  padding: 0;
  position: static;
}

.species-wrapper .species-container a {
  color: #3b4050;
}

.species-wrapper .species-container a > i {
  width: 110px;
  height: 110px;
  background-color: #e2e3e5;
  border-radius: 50%;
  text-align: center;
  display: table-cell;
  padding-top: 26px;
  -webkit-transition: all .35s;
  -moz-transition: all .35s;
  transition: all .35s;
}

.species-wrapper .species-container a > i::before {
  color: #3c4150;
  -webkit-transition: all .35s;
  -moz-transition: all .35s;
  transition: all .35s;
}

.species-wrapper .species-container a:active > i,
.species-wrapper .species-container a:focus > i,
.species-wrapper .species-container a:hover > i {
  background-color: #54c7e7;
}

.species-wrapper .species-container a:active > i::before,
.species-wrapper .species-container a:focus > i::before,
.species-wrapper .species-container a:hover > i::before {
  color: #fff;
}

.species-wrapper .species-container a > div {
  display: table-cell;
}

.species-wrapper .species-container a > div span {
  font-size: 13px;
  font-weight: 300;
  text-transform: uppercase;
  margin-left: 25px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.species-detail .species-wrapper .species-container a > div span {
  margin-left: 10px;
}

.species-wrapper .species-container a > div span b {
  font-size: 21px;
  font-weight: 400;
  line-height: 22px;
  text-transform: none;
}

.species-wrapper .species-container figure.img-container-especie {
  width: 110px;
  height: 110px;
  overflow: hidden;
  display: table-cell;
}

.species-wrapper .species-container figure.img-container-especie img {
  border-radius: 50%;
  min-height: 100%;
  filter: grayscale(100%);
}

.species-wrapper .species-container a:active figure.img-container-especie img,
.species-wrapper .species-container a:focus figure.img-container-especie img,
.species-wrapper .species-container a:hover figure.img-container-especie img {
  filter: grayscale(0%);
}

section.taxonomy-section h1 i::before {
  font-size: 60px;
  position: relative;
  top: 17px;
}

/**************************************************************************
* arvore taxonomica 
***************************************************************************/

.taxonomic-tree ul {
  margin-left: 83px;
}

.taxonomic-tree ul ul {
  margin-left: 40px;
  display: none;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.taxonomic-tree li a.elem {
  display: inline-flex;
  color: #3b4050;
  margin: 13px 0;
}

.taxonomic-tree li a.elem > i.icon-tax-arrow {
  width: 34px;
  height: 34px;
  border: 1px solid #3c4150;
  border-radius: 50%;
  background-position: 11px 10px;
}

.taxonomic-tree li a.elem.opened > i.icon-tax-arrow {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.taxonomic-tree li > span {
  margin: 10px 0 10px 20px;
  display: inline-block;
}

.taxonomic-tree li a.elem > span {
  padding-left: 12px;
  padding-top: 6px;
}

.txLink-0 {
  color: #3b4050;
}

.txLink {
  display: inline-flex;
  color: #3b4050;
  position: relative;
  top: -11px;
  left: 12px;

  max-width: 90%;
  margin: 13px 0;
  top: 51%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.txLink-0:active,
.txLink-0:focus,
.txLink-0:hover,
.txLink:active,
.txLink:focus,
.txLink:hover {
  color: #3b4050;
}

.txLink-0.linked:active,
.txLink-0.linked:focus,
.txLink-0.linked:hover,
.txLink.linked:active,
.txLink.linked:focus,
.txLink.linked:hover {
  color: #54c7e7;
}

.directiva-habitats .taxonomic-tree ul,
.lista-de-habitats .taxonomic-tree ul {
  margin-left: 40px;
}

.directiva-habitats .taxonomic-tree a .icon.no-child,
.lista-de-habitats .taxonomic-tree a .icon.no-child {
  width: 34px;
  height: 34px;
}

/**************************************************************************
* detalhe especies
***************************************************************************/

.species-detail p.taxonomies {
  margin-bottom: 35px;
  font-size: 12px;
  font-weight: 300;
}

.species-detail a.insert-img{
  font-size: 12px;
  font-weight: 300;
  display: inline-block;
  margin-top: 15px;
}

.species-detail .title-line {
  margin-bottom: 22px;
}

.species-detail h4 {
  text-transform: uppercase;
  font-weight: 300;
  color: #54c7e7;
  margin-bottom: 44px;
}

.species-detail .row.description {
  padding-top: 40px;
}

.species-detail .species-wrapper {
  margin: 15px 0;
  /*margin: 15px 0 15px 40px;*/
}

.validator-line {
  display: none;
}

.validado-por {
  padding-left: 30px;
  padding-top: 30px;
  padding-bottom: 10px;
}

.validado-por div.info-validator {
  display: inline-block;
  padding-left: 20px;
  color: #9da0a8;
  line-height: 15px;
  position: relative;
  top: -4px;
}

.validado-por div.info-validator .validator-caption {
  font-size: 9px;
}

.validado-por div.info-validator .caption-text {
  font-size: 14px;
  font-weight: 700;
}

.validado-por .omare-validado {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
  color: #9da0a8;
}

.validado-por .omare-validado::before {
  font-size: 60px;
  position: absolute;
  top: -8px;
  left: -15px;
}

.counter-record {
  padding-top: 30px;
  padding-bottom: 10px;
  color: #9da0a8;
  font-size: 12px;
  line-height: 20px;
}

.pswp__caption__center .omare-validado {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
  color: #fff;
}

.pswp__caption__center .omare-validado::before {
  font-size: 60px;
  position: absolute;
  top: -8px;
  left: -15px;
}

/**************************************************************************
* Especies A Z
***************************************************************************/

ul.alphabeticLsit {
  margin: 0;
}

ul.alphabeticLsit li {
  display: inline-block;
  width: 39px;
  height: 50px;
  color: #54c7e7;
  margin-right: 9px;
  margin-top: 10px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
}

ul.alphabeticLsit li.selected,
ul.alphabeticLsit li:active,
ul.alphabeticLsit li:focus,
ul.alphabeticLsit li:hover {
  background-color: #54c7e7;
  color: #fff;
}

.alphabeticSpecie {
  background: #f5f5f6;
  padding-top: 40px;
  padding-bottom: 40px;
  min-height: 130px;
}

section.especiesAZ {
  padding-bottom: 0;
}

section#sectionpag {
  text-align: center;
}

ul.pagination {
  margin: 0;
  line-height: 60px;

}

ul.pagination li {
  width: 40px;
  height: 50px;
  margin: 5px 0;
  border-bottom: 4px solid transparent;
  display: inline-block;
  text-align: center;
  color: #cecfd3;
  cursor: pointer;
}

ul.pagination li.selected,
ul.pagination li:active,
ul.pagination li:focus,
ul.pagination li:hover {
  border-bottom-color: #54c7e7;
  color: #54c7e7;
}

/**************************************************************************
* Galeria Photo Swipe
***************************************************************************/

.mygall {
  color: #9da0a8;
}

.gallery figure {
  /*height: 560px;*/
  overflow: hidden;
}

.gallery figure.no-show {
  display: none;
}

.gallery img {
  /*height: 100%;
    width: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: none;*/
  height: auto;
  width: 100%;
  position: relative;

}

.gallery figcaption {
  /*position: relative;
    top: -55px;
    left: 30px;*/
  position: absolute;
  bottom: 20px;
  left: 30px;
  width: 70%;
}

.gallery figcaption span.caption-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 20px;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
  opacity: .75;
  filter: alpha(opacity=75);
}

.gallery-controls {
  position: absolute;
  top: 0;
  width: 100%;
}

.gallery-controls .pswp__button--arrow--left {
  left: 0;
  top: 197px;
}

.gallery-controls .pswp__button--arrow--right {
  right: 0;
  top: 197px;
}

.gallery-info2 {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 1;
}

.gallery-info2 .image-counter {
  position: absolute;
  font-size: 13px;
  opacity: .75;
  filter: alpha(opacity=75);
  color: #fff;
  right: 30px;
  top: 30px;
  font-weight: 700;
  letter-spacing: 1.5px;
}

.gallery-info {
  position: absolute;
  bottom: -30px;
  width: 100%;
}

.gallery-info .views-counter {
  position: absolute;
  right: 4%;
  bottom: 60px;
  font-size: 13px;
  opacity: .75;
  filter: alpha(opacity=75);
  color: #fff;
}

.gallery-info .views-counter .omare-views {
  width: 35px;
  height: 22px;
  position: relative;
  display: inline-block;
}

.gallery-info .views-counter .omare-views::before {
  position: absolute;
  top: -5px;
  left: -25px;
  font-size: 60px;
}

/**************************************************************************
* Galeria Pag
***************************************************************************/

body.galeria-atividades,
body.galeria-especies,
body.galeria-habitats,
body.galeria-utilizador,
body.gallery-activities,
body.gallery-habitats,
body.gallery-species,
body.gallery-users,
body.info-users,
body.info-utilizador,
body.galeria-trilho{
  background-color: #2d3241;
}

body.galeria-atividades section body.info-utilizador,
body.galeria-especies section,
body.galeria-habitats section,
body.galeria-utilizador section,
body.gallery-activities section,
body.gallery-habitats section,
body.gallery-species section,
body.gallery-users section,
body.info-users,
body.galeria-trilho section {
  border: none;
}

/**************************************************************************
* Pesquisa
***************************************************************************/

.subtitle-pesquisa {
  margin-bottom: 30px;
}

.resultado-pesquisa {
  padding-bottom: 30px;
}

.conteudos-outros p {
  margin-bottom: 25px;
}

/**************************************************************************
* helpers
***************************************************************************/

.no-border {
  border: none;
}

.no-pb {
  padding-bottom: 0;
}

.conteudos h1 {
  color: #3b4050;
}

.conteudos ol,
.conteudos ul {
  margin: 15px 0;
  padding-left: 40px;
  list-style: initial;
}

.conteudos ol {
  list-style-type: number;
}

.conteudos blockquote {
  font-size: 17px;
  border-left: 5px solid #54c7e7;
  font-weight: 300;
}

.conteudos em {
  font-style: italic;
}

.show {
  display: block;
}

/**************************************************************************
* links uteis
***************************************************************************/
body.links-uteis,
body.useful-links, 
body.urls-uteis{
  background-color: #3c4150;
  color: #9da0a8;
}

body.links-uteis section,
body.useful-links section,
body.urls-uteis section {
  border: none;
}

section#sectionLinks {
  background-color: #2d3241;
}

section#sectionLinks .catLinks .cat-title {
  padding: 30px 0;
}

section#sectionLinks .catLinks .btn-show-more {
  margin: 20px 0;
  line-height: 24px;
}

section#sectionLinks .linklist {
  padding-top: 55px;
  padding-bottom: 45px;
  background-color: #232837;

  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

section#sectionLinks .linklist a {
  color: #fff;
  opacity: .75;
  filter: alpha(opacity=75);

}

section#sectionLinks .linklist a span {
  font-weight: 300;
  color: #9da0a8;
}

section#sectionLinks .linklist a:active,
section#sectionLinks .linklist a:focus,
section#sectionLinks .linklist a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  text-decoration: underline;
}

section#sectionLinks .linklist a:active span,
section#sectionLinks .linklist a:focus span,
section#sectionLinks .linklist a:hover span {
  color: #fff;
}

.row.usefull-link-row .col-info {
  border-bottom: 1px solid #4f5462;
}

.row.usefull-link-row.selected {
  color: #fff;
}

.row.usefull-link-row.selected {
  color: #fff;
}

.row.usefull-link-row.selected .col-info {
  border-bottom: 1px solid #232837;
}

.row.usefull-link-row.selected .btn-show-more {
  color: #3c4150;
  background-color: #54c7e7;
  border-color: #54c7e7;
}

.row.usefull-link-row.selected .btn-show-more::before {
  content: "\f068";
}

/**************************************************************************
* lista utilizadores
***************************************************************************/

body.team,
body.utilizadores {
  background-color: #2d3241;
  color: #9da0a8;
}

body.team #breadcrumbs,
body.team section.user-list-section,
body.utilizadores #breadcrumbs,
body.utilizadores section.user-list-section {
  background-color: #3c4150;
  border: none;
}

body.utilizadores section.user-list-section {
  padding-bottom: 0;
}

.user-list-section .custom-select .dropdown-menu,
.user-list-section .custom-select > button {
  max-width: none;
}

.user-list-section a.h1 {
  display: inline-block;
  margin-right: 50px;
  padding-bottom: 0;
  cursor: pointer;
}

.user-list-section a.h1 span {
  display: block;
  padding-bottom: 10px;

}

.user-list-section a.h1 .title-line {
  background-color: transparent;
}

.user-list-section a.h1.selected {
  color: #54c7e7;
}

.user-list-section a.h1.selected .title-line {
  background-color: #54c7e7;
}

.user-list-section a.h1:active,
.user-list-section a.h1:focus,
.user-list-section a.h1:hover {
  color: #54c7e7;
}

.row.user-listed {
  margin-bottom: 25px;
}

.row.user-listed .col-info {
  border-bottom: 1px solid #4f5462;
  padding-bottom: 19px;
}

.row.user-listed .col-more-info {
  background-color: #232837;
  display: none;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.row.user-listed .col-more-info > div {
  padding: 50px 0;
}

.row.user-listed .col-more-info > div:first-of-type {
  padding-left: 40px;
  /* padding-bottom: 0;
     padding-top: 0;*/
}
/*
.row.user-listed .col-more-info > div:nth-of-type(2){
    padding-left: 40px;
}
*/

.row.user-listed .col-more-info .with-photo {
  padding-left: 0 !important;
}

.row.user-listed .col-more-info .sidebyside {
  display: table-cell;
  vertical-align: top;
}

.row.user-listed .col-more-info i.user_profile_photo {
  border: 1px solid #9da0a8;
  width: 150px;
  height: 150px;
  background-size: cover;
  margin-right: 30px !important;
}

.row.user-listed .col-more-info i.user_profile_photo.self {
  border: 1px solid #54c7e7;
}

.row.user-listed .col-more-info .info-title {
  color: #c8c9cd;
  font-size: 19px;
  margin-bottom: 35px;
}

.row.user-listed .col-more-info .col-contacts .contacts-info {
  border-top: 1px solid #4f5462;
  padding: 2px 15px;
  margin: 0;
}

.row.user-listed .col-more-info .col-contacts .contacts-info > span {
  position: static;
  top: 0;
  display: table-row;
}

.row.user-listed .col-more-info .col-contacts .contacts-info:last-of-type {
  border-bottom: 1px solid #4f5462;
}

.row.user-listed .col-more-info .col-contacts .contacts-info span.info-text {
  word-break: break-all;
  padding-left: 15px;
  top: -14px;
}

.row.user-listed .col-more-info .col-contacts .contacts-info .icon {
  display: table-cell;
}

.row.user-listed .col-more-info .col-contacts .contacts-info .icon-email {
  height: 28px;
  width: 32px;
  background-position: 0;
  background-image: url('assets/img/icon-mail1.png');
}

.row.user-listed .col-more-info .col-contacts .contacts-info .icon-phone {
  height: 29px;
  width: 29px;
  background-position: 0;
  background-image: url('assets/img/icon-phone1.png');
}

.row.user-listed a.btn-icon {
  line-height: 26px;
  margin: 0;

}

.row.user-listed a {
  color: #9da0a8;
}

.row.user-listed .col-name .icon {
  vertical-align: middle;
  margin-right: 10px;
}

.row.user-listed .col-name .icon:before {
  left: -8px;
}

.row.user-listed .col-name span {
  padding-left: 10px;
  display: inline-flex;
  width: 85%;
  vertical-align: middle;
}

.row.user-listed .col-contacts span,
.row.user-listed .col-count span {
  padding-left: 10px;
  position: relative;
  top: -9px;
  display: inline-flex;
}

.row.user-listed .selected .col-info {
  border-color: transparent;
}

.row.user-listed .selected .col-count,
.row.user-listed .selected .col-name {
  color: #fff;
}

.row.user-listed .selected .icon-user-grey {
  background-image: url('assets/img/icon-user-blue.png');
}

.row.user-listed .selected .icon-photos-2 {
  background-image: url('assets/img/icon-photos.png');
}

.row.user-listed .selected .btn-show-more {
  color: #3c4150;
  background-color: #54c7e7;
  border-color: #54c7e7;
}

.row.user-listed .selected .btn-show-more::before {
  content: "\f068";
}

#sectionCounters .counter-wrapper {
  text-align: center;
  padding: 0 40px;
}

#sectionCounters .icon.icon-especie,
#sectionCounters .icon.icon-habitat {
  color: #fff;
  width: 120px;
  height: 120px;
  text-align: center;
  border-radius: 50%;
  border: 2px solid #54c7e7;
}

#sectionCounters .icon.icon-especie {
  background-image: url('assets/img/icon-species.png');
  background-position: 29px 32px;
}

#sectionCounters .icon.icon-habitat {
  background-image: url('assets/img/icon-habitats.png');
  background-position: 36px 31px;
}

#sectionCounters .counter-label {
  color: #fff;
  font-size: 34px;
  font-weight: 300;
  margin: 0;
}

#sectionCounters .counter-label-2 {
  font-weight: 300;
  margin-top: 10px;
  margin-bottom: 6px;

}

#sectionCounters .count {
  font-size: 34px;
  font-weight: 500;
  line-height: 34px;
}

.user_profile_photo {
  margin: 0 !important;
  width: 40px;
  height: 40px;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}

.user_profile_photo.self {
  border: 1px solid #54c7e7;
}
/**************************************************************************
* lista docuemtnos
***************************************************************************/

.documents-list h4 {
  margin-bottom: 40px;
}

.documents-list .icon-file {
  height: 80px;
  width: 80px;
  background-color: #e2e3e5;
  border-radius: 50%;
  background-position: 29px 25px;
}

.documents-list .file-label {
  padding-left: 15px;
  display: inline-block;
}

.documents-list .row.docs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.documents-list .row.docs:last-of-type {
  margin-bottom: 0;
}

.documents-list .btn-d-doc {
  width: 100%;
  min-width: 0;

  position: relative;
  top: 44%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
}

.documents-list .content-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.documents-list .btn-wrapper {
  height: 100%;
}

/**************************************************************************
* conta user
***************************************************************************/
/*
body.conta,
body.account {
    background-color: #2d3241;
    color: #9da0a8;
}

body.conta #breadcrumbs,
body.conta section.user-section,
body.account #breadcrumbs,
body.account section.user-section{
    background-color: #3c4150; 
    border:none;
}

body.conta section,
body.account section{
    border-bottom-color: #3c4150;
}*/

section.user-section {
  padding-bottom: 30px;
}

section.user-section .title-line {
  margin-bottom: 22px;
}

section.user-section h4 {
  text-transform: uppercase;
  font-weight: 300;
  color: #54c7e7;
  margin-bottom: 0;
}

section#sectionStatistics .icon {
  height: 45px;
  width: 37px;
  background-position: 0 6px;

}

section#sectionStatistics span.statistics-info {
  display: inline-block;
  position: relative;
  top: -7px;
}

section#sectionStatistics .container-statistics-info {
  margin-bottom: 10px;
}

section#editUser h4 {
  margin-top: 25px;
  margin-bottom: 5px;
}

section#editUser .label-field {
  color: #9da0a8;
}

section#editUser form textarea.row-1.icon {
  height: auto;
}

section#editUser .check-group-label a {
  cursor: pointer;
}

section#editUser .form-group.last {
  margin-bottom: 35px;
}

/**************************************************************************
* form 
***************************************************************************/
#insertImgForm .custom-select .dropdown-menu {
  background: #fff;
  border-color: #c4c6cb;
  max-width: 295px;
}

#insertImgForm #resomoLicencaHolder {
  margin-top: 7px;
}

#insertImgForm #resomoLicenca {
  font-size: 12px;
  font-weight: 400;
  color: #9da0a8;
  margin-left: 5px;
}

#insertImgForm #resomoLicenca:active,
#insertImgForm #resomoLicenca:focus,
#insertImgForm #resomoLicenca:hover {
  color: #54c7e7;
}

#insertImgForm .custom-select.btn-group button {
  border-color: #c4c6cb;
  max-width: 295px;
}

/**************************************************************************
* noticias e atividades
***************************************************************************/

#sectionNews .more {
  text-align: center;
}

#sectionNews figure img {
  width: 100%;
}

#sectionNews a {
  margin: 0;
  max-width: 240px;
  width: 100%;
  min-width: 0;
}

/**************************************************************************
* lista especies 
***************************************************************************/

#sectionRedListClassf {
  padding-top: 26px;
  background: #3c4150;
  color: #767a85;
  padding-bottom: 0;
}

#sectionRedListClassf #filterWrapper .content {
  padding: 0 8.33333%;
}

#sectionRedListClassf #logoWrapper .content {
  padding-left: 35%;
}

.cd-horizontal-timeline {
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  transition: opacity .2s;
}

.cd-horizontal-timeline .timeline {
  position: relative;
  height: 125px;
  margin: 0 auto;
}

.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  overflow: hidden;
  width: 100%;
  /*    padding-left: 77px;
        padding-right: 77px;*/

  padding-left: 69px;
  padding-right: 69px;
}

.cd-horizontal-timeline .events {
  position: relative;
  z-index: 1;
  left: 0;
  top: 4px;
  height: 20px;
  width: 100%;
  background: #4f5462;
  -webkit-transition: -webkit-transform .4s;
  -moz-transition: -moz-transform .4s;
  transition: transform .4s;

}

.cd-horizontal-timeline .filling-line {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: -91px;
  height: 30px;
  width: 30px;
  border: 16px solid;
  border-color: transparent transparent #fff transparent;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  transition: transform .3s;
}

.cd-horizontal-timeline .events a {
  position: absolute;
  /* bottom: -84px;*/
  top: 48px;
  z-index: 2;
  text-align: center;
  padding-bottom: 15px;
  color: #767a85;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  font-size: 14px;
  width: 165px;
}

.cd-horizontal-timeline .events a span {
  color: #9da0a8;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 18px;
  font-weight: 700;
}

.cd-horizontal-timeline .events a::before {
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -61px;
  height: 46px;
  width: 46px;
  border-radius: 50%;
  border: 2px solid #4f5462;
  background-color: #4f5462;
  -webkit-transition: background-color .3s, border-color .3s;
  -moz-transition: background-color .3s, border-color .3s;
  transition: background-color .3s, border-color .3s;
}

.cd-horizontal-timeline .events a::after {
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -55px;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #9da0a8;
  background-color: #3c4150;
  -webkit-transition: background-color .3s, border-color .3s;
  -moz-transition: background-color .3s, border-color .3s;
  transition: background-color .3s, border-color .3s;
}

.cd-horizontal-timeline .events li:nth-of-type(1) a::after {
  border-color: #64d25a;
}

.cd-horizontal-timeline .events li:nth-of-type(2) a::after {
  border-color: #bed232;
}

.cd-horizontal-timeline .events li:nth-of-type(3) a::after {
  border-color: #ffd73c;
}

.cd-horizontal-timeline .events li:nth-of-type(4) a::after {
  border-color: #ff965a;
}

.cd-horizontal-timeline .events li:nth-of-type(5) a::after {
  border-color: #f0505a;
}

.cd-horizontal-timeline .events li:nth-of-type(6) a::after {
  border-color: #a03c6e;
}

.cd-horizontal-timeline .events li:nth-of-type(7) a::after {
  border-color: #636773;
}

.cd-horizontal-timeline .events li:nth-of-type(1) a.selected::after,
.cd-horizontal-timeline .events li:nth-of-type(1) a:active::after,
.cd-horizontal-timeline .events li:nth-of-type(1) a:focus::after,
.cd-horizontal-timeline .events li:nth-of-type(1) a:hover::after {
  background-color: #64d25a;
}

.cd-horizontal-timeline .events li:nth-of-type(2) a.selected::after,
.cd-horizontal-timeline .events li:nth-of-type(2) a:active::after,
.cd-horizontal-timeline .events li:nth-of-type(2) a:focus::after,
.cd-horizontal-timeline .events li:nth-of-type(2) a:hover::after {
  background-color: #bed232;
}

.cd-horizontal-timeline .events li:nth-of-type(3) a.selected::after,
.cd-horizontal-timeline .events li:nth-of-type(3) a:active::after,
.cd-horizontal-timeline .events li:nth-of-type(3) a:focus::after,
.cd-horizontal-timeline .events li:nth-of-type(3) a:hover::after {
  background-color: #ffd73c;
}

.cd-horizontal-timeline .events li:nth-of-type(4) a.selected::after,
.cd-horizontal-timeline .events li:nth-of-type(4) a:active::after,
.cd-horizontal-timeline .events li:nth-of-type(4) a:focus::after,
.cd-horizontal-timeline .events li:nth-of-type(4) a:hover::after {
  background-color: #ff965a;
}

.cd-horizontal-timeline .events li:nth-of-type(5) a.selected::after,
.cd-horizontal-timeline .events li:nth-of-type(5) a:active::after,
.cd-horizontal-timeline .events li:nth-of-type(5) a:focus::after,
.cd-horizontal-timeline .events li:nth-of-type(5) a:hover::after {
  background-color: #f0505a;
}

.cd-horizontal-timeline .events li:nth-of-type(6) a.selected::after,
.cd-horizontal-timeline .events li:nth-of-type(6) a:active::after,
.cd-horizontal-timeline .events li:nth-of-type(6) a:focus::after,
.cd-horizontal-timeline .events li:nth-of-type(6) a:hover::after {
  background-color: #a03c6e;
}

.cd-horizontal-timeline .events li:nth-of-type(7) a.selected::after,
.cd-horizontal-timeline .events li:nth-of-type(7) a:active::after,
.cd-horizontal-timeline .events li:nth-of-type(7) a:focus::after,
.cd-horizontal-timeline .events li:nth-of-type(7) a:hover::after {
  background-color: #636773;
}

/*****/
.cd-horizontal-timeline .events li a.selected,
.cd-horizontal-timeline .events li a:active,
.cd-horizontal-timeline .events li a:focus,
.cd-horizontal-timeline .events li a:hover {
  color: #fff;
}

.cd-horizontal-timeline .events li:nth-of-type(1) a.selected span,
.cd-horizontal-timeline .events li:nth-of-type(1) a:active span,
.cd-horizontal-timeline .events li:nth-of-type(1) a:focus span,
.cd-horizontal-timeline .events li:nth-of-type(1) a:hover span {
  color: #64d25a;
}

.cd-horizontal-timeline .events li:nth-of-type(2) a.selected span,
.cd-horizontal-timeline .events li:nth-of-type(2) a:active span,
.cd-horizontal-timeline .events li:nth-of-type(2) a:focus span,
.cd-horizontal-timeline .events li:nth-of-type(2) a:hover span {
  color: #bed232;
}

.cd-horizontal-timeline .events li:nth-of-type(3) a.selected span,
.cd-horizontal-timeline .events li:nth-of-type(3) a:active span,
.cd-horizontal-timeline .events li:nth-of-type(3) a:focus span,
.cd-horizontal-timeline .events li:nth-of-type(3) a:hover span {
  color: #ffd73c;
}

.cd-horizontal-timeline .events li:nth-of-type(4) a.selected span,
.cd-horizontal-timeline .events li:nth-of-type(4) a:active span,
.cd-horizontal-timeline .events li:nth-of-type(4) a:focus span,
.cd-horizontal-timeline .events li:nth-of-type(4) a:hover span {
  color: #ff965a;
}

.cd-horizontal-timeline .events li:nth-of-type(5) a.selected span,
.cd-horizontal-timeline .events li:nth-of-type(5) a:active span,
.cd-horizontal-timeline .events li:nth-of-type(5) a:focus span,
.cd-horizontal-timeline .events li:nth-of-type(5) a:hover span {
  color: #f0505a;
}

.cd-horizontal-timeline .events li:nth-of-type(6) a.selected span,
.cd-horizontal-timeline .events li:nth-of-type(6) a:active span,
.cd-horizontal-timeline .events li:nth-of-type(6) a:focus span,
.cd-horizontal-timeline .events li:nth-of-type(6) a:hover span {
  color: #a03c6e;
}

.cd-horizontal-timeline .events li:nth-of-type(7) a.selected span,
.cd-horizontal-timeline .events li:nth-of-type(7) a:active span,
.cd-horizontal-timeline .events li:nth-of-type(7) a:focus span,
.cd-horizontal-timeline .events li:nth-of-type(7) a:hover span {
  color: #636773;
}

/**************************************************************************
* Biogeografia
***************************************************************************/

#infoLatLong {
  position: absolute;
  z-index: 9;
  padding: 15px;
  font-size: 11px;
  color: #2d3241;
  font-weight: 700;
  top: 3px;
  left: 160px;
}

#sectionMapBio #biogFilters {
  background-color: #2d3241;
  height: 800px;
}

#sectionMapBio #biogFilters .taxonomic-tree {
  background-color: #2d3241;
  color: #9da0a8;
  border-bottom-color: #4f5462;
}

#sectionMapBio #biogFilters .taxonomic-tree:first-of-type {
  border-top: none;
}

#sectionMapBio #biogFilters #bioInputHolder {
  border: none;
}

#sectionMapBio #biogFilters #bioInputHolder input {
  border-radius: 0;
  border: none;
  background-color: #232837;
  padding: 6px 10px;
  height: 52px;
  color: white;
}

#sectionMapBio #biogFilters #bioInputHolder .form-group {
  margin: 0;
}

#sectionMapBio #biogFilters #bioInputHolder .input-group-addon {
  background-color: #232837;
  border: none;
}

#sectionMapBio #biogFilters #bioInputHolder .input-group-addon button {
  background-color: #232837;
  border: none;
}

#sectionMapBio #biogFilters #bioInputHolder .input-group-addon button i.close {
  color: white;
  text-shadow: none;
  opacity: 1;
  line-height: 24px;
}

#sectionMapBio #biogFilters #bioInputHolder .input-group-addon button i.close::before {
  content: 'x';
}

#sectionMapBio #biogFilters #bioPesquisaHolder {
  height: 30%;
  overflow-y: auto;
  font-size: 15px;
}

#sectionMapBio #biogFilters #bioPesquisaHolder {
  font-size: 15px!important;
  color: #9da0a8!important;
}

#sectionMapBio #biogFilters #bioPesquisaHolder .notFound {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 10px;
  opacity: .7;
}

#sectionMapBio #biogFilters #bioPesquisaHolder .itemWrapper {
  padding: 5px 10px;
  margin: 0;
  cursor: pointer;
}

#sectionMapBio #biogFilters #bioPesquisaHolder .itemWrapper:hover {
  background-color: #4f546233;
}

#sectionMapBio #biogFilters #bioPesquisaHolder .itemWrapper .itemHolder {
  margin: 0;
  display: table-row;
  width: 100%;
  height: 45px;
}

#sectionMapBio #biogFilters #bioPesquisaHolder .itemWrapper .itemHolder .itemIcon,
#sectionMapBio #biogFilters #bioPesquisaHolder .itemWrapper .itemHolder .itemInfo {
  display: table-cell;
  vertical-align: middle;
}

#sectionMapBio #biogFilters #bioPesquisaHolder .itemWrapper .itemHolder .itemIcon {
  width: 45px;
  height: 45px;
}

#sectionMapBio #biogFilters #bioPesquisaHolder .itemWrapper .itemHolder .itemIcon .icon {
  width: 45px;
  height: 45px;
}

#sectionMapBio #biogFilters #bioPesquisaHolder .itemWrapper .itemHolder .itemIcon .icon.icon-especie {
  background-image: url('assets/img/icon-species.png');
  background-position: 5px 8px;
  background-size: 35px auto;
}

#sectionMapBio #biogFilters #bioPesquisaHolder .itemWrapper .itemHolder .itemIcon .icon.icon-habitat {
  background-image: url('assets/img/icon-habitats.png');
  background-position: 8px 6px;
  background-size: 27px auto;
}

#sectionMapBio #biogFilters #bioPesquisaHolder .itemWrapper .itemHolder .itemIcon .omare-utilizadores-1 {
  font-size: 30px;
  color: white;
}

#sectionMapBio #biogFilters #bioPesquisaHolder .itemWrapper .itemHolder .itemIcon .omare-utilizadores-1::before {
  position: relative;
  top: 4px;
  left: 6px;
}

#sectionMapBio #biogFilters #bioPesquisaHolder .itemWrapper .itemHolder .itemIcon .omare-website {
  font-size: 42px;
  color: white;
  line-height: 1px;
}

#sectionMapBio #biogFilters #bioPesquisaHolder .itemWrapper .itemHolder .itemIcon .omare-website::before {
  position: relative;
  top: 5px;
  left: 0;
}

#sectionMapBio #biogFilters #bioPesquisaHolder .itemWrapper .itemHolder .itemIcon .om {
  width: 45px;
  height: 45px;
  display: block;
}

#sectionMapBio #biogFilters #bioPesquisaHolder .itemWrapper .itemHolder .itemIcon .om::before {
  font-size: 43px;
  color: white;
  line-height: 52px;
}

#sectionMapBio #biogFilters #bioPesquisaHolder .itemWrapper .itemHolder .itemInfo {
  padding-left: 15px;
}

#sectionMapBio #biogFilters #bioElementsHolder {
  height: calc(75% - 92px);
  font-size: 15px;
  color: #9da0a8;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px 0;
}

#sectionMapBio #biogFilters #bioElementsHolder ul {
  margin: 0;
}

#sectionMapBio #biogFilters #bioElementsHolder ul.bio-show {
  display: block;
}

#sectionMapBio #biogFilters #bioElementsHolder ul a.elem {
  color: #9da0a8;
  font-size: 16px;
  margin: 0;
  width: 100%;
}

#sectionMapBio #biogFilters #bioElementsHolder ul a.elem .elem-name {
  width: calc(100% - 70px);
  display: inline-block;
}

#sectionMapBio #biogFilters #bioElementsHolder .btn-show {
  border-color: #9da0a8;
  height: 30px;
  width: 30px;
  margin: 10px;
}

#sectionMapBio #biogFilters #bioElementsHolder .btn-show::after {
  color: #9da0a8;
  line-height: 28px;
}

#sectionMapBio #biogFilters #bioElementsHolder .bioSpacer {
  display: block;
  height: 30px;
  width: 30px;
  margin: 10px;
}

#sectionMapBio #biogFilters #bioElementsHolder .n0 {
  margin-left: 20px;
}

#sectionMapBio #biogFilters #bioElementsHolder .n1 {
  margin-left: 20px;
}

#sectionMapBio #biogFilters #bioElementsHolder .n1 .n1 {
  margin-left: 0;
}

#sectionMapBio #biogFilters #bioElementsHolder ul li a.elem > span {
  padding-left: 0;
  padding-top: 12px;
  width: calc(100% - 50px);
}

#sectionMapBio #biogFilters #bioElementsHolder span.especies-hint {
  width: 100%;
  padding-left: 40px;
  font-style: italic;
  font-size: 12px;
}

.filter-slider {
  display: inline-block;
  height: 30px;
  width: 50px;
  background: #6d717c;
  border-radius: 15px;
  float: right;
  margin-top: 15px;
  margin-right: 15px;
  cursor: pointer;
  position: relative;
}

.filter-slider-inner {
  display: inline-block;
  height: 28px;
  width: 28px;
  background: #2d3241;
  border-radius: 50%;
  margin: 1px;

  position: absolute;
}

.filter-slider.selected {
  background: #54c7e7;
}

.filter-slider.half {
  background: #9da0a8;
}

.filter-bullet {
  display: inline-block;
  height: 20px;
  width: 20px;
  border: 1px solid #6d717c;
  border-radius: 50%;
  float: right;
  padding: 0 !important;
  cursor: pointer;
  margin-right: 30px;
}

.filter-bullet-inner {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: transparent;
  border-radius: 50%;
  margin: 3px;
}

.filter-bullet.selected .filter-bullet-inner {
  background: #54c7e7;
}

.filter-bullet.half .filter-bullet-inner {
  background: #9da0a8;
}

.loader-overlay {
  height: 800px;
  background: rgba(0,0,0,0.6);
  position: absolute;
  z-index: 9;
}

.loader-overlay .loader {
  position: relative;
  top: 20%;
}

body.cartografia #layout,
body.cartography #layout {
  padding-bottom: 442px;
  background-color: #3c4150;
}

#bio-menu {
  display: none;
  position: absolute;
  color: #3c4150;
  left: -60px;
  height: 40px;
  width: 40px;
  line-height: 26px;
  z-index: 90;
}

#rowcontentbio {
  position: relative;
}

#googleMap .centerMarker {
  position: absolute;
  background: url("http://maps.google.com/mapfiles/kml/shapes/cross-hairs.png") no-repeat;
  top: 50%;
  left: 50%;
  z-index: 1;
  margin-left: -16px;
  margin-top: -16px;
  height: 32px;
  width: 32px;
  cursor: pointer;
}

/**************************************************************************
* fix
***************************************************************************/

#section2227 #sectionGallery .img-title .name2,
#section351 #sectionGallery .img-title .name2 {
  line-height: 16px;
  font-size: 14px;
}

#section2227 #sectionGallery .img-title .name1,
#section351 #sectionGallery .img-title .name1 {
  font-size: 16px;
}

.cc-by-content {
  padding-top: 20px;
}

.cc-by-text {
  font-size: 12px;
  margin-top: 15px;
}

.no-image-wrapper {
  height: 560px;
  background: #e6e7e9;
  overflow: hidden;
}

.no-image-container {
  position: relative;
  top: 50%;
  background: #fff;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 560px;
  margin: 0 auto;
}

img.no-image {
  width: 100%;
}

.cd-slider > li div.background {
  z-index: auto;
}

.ui-loader.ui-corner-all {
  display: none!important;
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
  background: transparent;
  color: #9da0a8;
  border-color: #9da0a8;
}

#loaderMap {
  height: 100%;
  background: rgba(0,0,0,0.6);
  width: 100%;
  position: absolute;
  z-index: 7;
}

#loaderMap .loader {
  position: relative;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
}

#loaderMapsLabel {
  z-index: 8;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 25px;
  margin-left: -20%;
  color: white;
}

#panoramax {
  width: 1024px;
  height: 576px;
  margin: auto;
}

#panoramaxHolder {
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.85);
  display: none;
}

#panoramaxHolder > div {
  height: 100%;
}

.icon360 {
  background-image: url('assets/img/360_icon.png');
  position: relative;
  top: 3px;
  left: 3px;
}

.btn360 {
  position: absolute;
  top: 24px;
  left: 23px;
  display: block;
  height: 40px;
  width: 40px;
  border: 2px solid white;
  border-radius: 50%;
  cursor: pointer;
}

.cartao_omare .sidebyside {
  display: table-cell;
  vertical-align: middle;
}

.cartao_omare .user_profile_photo {
  border: 1px solid #9da0a8;
  width: 150px;
  height: 150px;
  background-size: cover;
  margin-right: 30px !important;
}

.cartao_omare .name {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 12px;
}

.cartao_omare .entidade {
  padding-left: 12px;
}

.cartao_omare .user-info {
  margin: -5px 0 0;
}

.cartao_omare .user-info > span {
  position: static;
  top: 0;
  display: table-row;
}

.cartao_omare .user-info .info-text {
  word-break: break-all;
  padding-left: 10px;
  position: relative;
  top: -9px;
  display: inline-flex;
}

.cartao_omare .more-info {
  margin-top: 35px;
}

.cartao_omare .more-info h4 {
  margin-bottom: 15px;
}

.cartao_omare .no-foto {
  text-align: center;
  font-size: 115px;
  line-height: 172px;
  color: #9da0a8;
}

.shadow-image {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('assets/img/shadow-top.png'),url('assets/img/shadow-bottom.png');
  background-repeat: no-repeat;
  background-position: top -54px right,left bottom -35px;
}

.especie-img-conservacao {
  width: 80%;
  height: auto;
}

.dark-mode .content,
.dark-mode h3 {
  color: white;
}

.dark-mode .title-line.dark-blue {
  background-color: white;
}

.counters-user .counter-label-2 {
  color: white;
}

.counters-user .count:not(.text-blue) {
  color: white;
}

#sectionUserInfo .info-text {
  display: inline-block;
  position: relative;
  top: -11px;
}

#sectionCounters {
  padding-top: 90px;
  padding-bottom: 120px;
}

#sectionCounters .container-contadores {
  padding-top: 70px;
}

#sectionUserGellery {
  padding-top: 90px;
}

.imageInMap {
  width: 450px;
}

#sectionUserDetail .sidebyside {
  display: table-cell;
  vertical-align: top;
}

#sectionUserDetail .sidebyside:last-of-type {
  vertical-align: middle;
}

#sectionUserDetail .sidebyside:last-of-type h1 {
  margin-top: 0;
}

#sectionUserDetail .user_profile_photo {
  width: 180px;
  height: 180px;
  margin-right: 30px !important;
  border: 1px solid #9da0a8;
}

.autoCompleteSearch {
  width: 100%;
  max-height: 250px;
  overflow-y: auto;
  color: rgb(56, 133, 154);
  border: 1px solid white;
  border-top: none;
  visibility: hidden;
}

.autoCompleteSearch.opened {
  visibility: visible;
}

.autoCompleteSearch a {
  color: #38859a !important;
  cursor: pointer;
}

.autoCompleteSearch a > * {
  color: #38859a !important;
}

.autoCompleteSearch a:active,
.autoCompleteSearch a:focus,
.autoCompleteSearch a:hover {
  color: white;
}

.autoCompleteSearch .seeMore {
  text-align: center;
  margin-bottom: 20px;
}

.autoCompleteSearch .itemWrapper {
  padding: 0 10px;
  margin-bottom: 20px;
}

.autoCompleteSearch .itemWrapper:first-of-type {
  padding-top: 10px;
}

.autoCompleteSearch .itemWrapper {
  padding: 0 10px;
  margin-bottom: 20px;
}

.autoCompleteSearch .itemWrapper .itemHolder {
  margin: 0;
  display: table-row;
  width: 100%;
}

.autoCompleteSearch .itemWrapper .itemHolder .itemIcon {
  display: table-cell;
  vertical-align: middle;
}

.autoCompleteSearch .itemWrapper .itemHolder .itemIcon .icon {
  width: 60px;
  height: 60px;
  text-align: center;
  border-radius: 50%;
  background-size: 30px;
}

.autoCompleteSearch .itemWrapper .itemHolder .itemIcon .icon.icon-especie {
  background-image: url('assets/img/icon-species.png');
  background-position: 14px 13px;
}

.autoCompleteSearch .itemWrapper .itemHolder .itemIcon .icon.icon-habitat {
  background-image: url('assets/img/icon-habitats.png');
  background-position: 14px 13px;
}

.autoCompleteSearch .itemWrapper .itemHolder .itemIcon .omare-website::before {
  font-size: 60px;
  color: rgba(255,255,255,.7);

}

.autoCompleteSearch .itemWrapper .itemHolder .itemInfo {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
  font-size: 12px;
}

.autoCompleteSearch .itemWrapper .itemHolder .itemInfo .linha1,
.autoCompleteSearch .itemWrapper .itemHolder .itemInfo .linha1 em {
  font-size: 16px;
}

.autoCompleteSearch .itemWrapper .itemHolder .itemInfo .linha2,
.autoCompleteSearch .itemWrapper .itemHolder .itemInfo .linha2 em {
  font-size: 14px;
}

.autoCompleteSearch .itemWrapper .itemHolder .itemInfo .linha1 em,
.autoCompleteSearch .itemWrapper .itemHolder .itemInfo .linha2 em {
  padding: 0;
  font-size: 16px;
  display: inline;
  color: #38859a !important;
}

.autoCompleteSearch .itemWrapper .itemHolder .itemInfo .linha3,
.autoCompleteSearch .itemWrapper .itemHolder .itemInfo .linha3 em {
  font-size: 12px !important;
}

.newFormSearch input:focus {
  border-color: white!important;
}

.newFormSearch .input-group-focus .input-group-addon {
  border-color: white!important;
}

.autoCompleteSearch .itemWrapper {
  padding: 0 10px;
  margin-bottom: 20px;
}

.autoCompleteSearch .itemWrapper .itemHolder2 {
  margin: 0;
  width: 100%;
  font-size: 12px;
  text-align: center;

}

/* ----------------------- */
.pontosTrilhos .cd-horizontal-timeline .events li a::after {
  border-color: #54c7e7;
}

.pontosTrilhos .cd-horizontal-timeline .events li a.selected::after,
.pontosTrilhos .cd-horizontal-timeline .events li a:active::after,
.pontosTrilhos .cd-horizontal-timeline .events li a:focus::after,
.pontosTrilhos .cd-horizontal-timeline .events li a:hover::after {
  background-color: #54c7e7;
}

.pontosDetail .description-row {
  margin-top: 20px;
}

.pontosDetail.closed{
  padding: 0;
}

.pontosDetail .hotspot-holder{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.pontosDetail .hotspot-holder .hotspot-inner-holder{
  width: 100%;
  height: 100%;
  position: relative;
}

.pontosDetail .hotspot-holder .hotspot-inner-holder .map-hotspot {
  position: absolute;
  margin: 8px;
  padding: 0;
  z-index: 0;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  /* border: 2px solid transparent; */
}

.pontosDetail .hotspot-holder .hotspot-inner-holder .map-hotspot.especie{
  background-color: #54c7e7;
}
.pontosDetail .hotspot-holder .hotspot-inner-holder .map-hotspot.habitat{
  background-color: rgb(255, 215, 60);
}

.pontosDetail .hotspot-holder .hotspot-inner-holder .map-hotspot a{
  display: none;
  position: relative;
  top: -37px;
  left: -37px;
}

.pontosDetail .hotspot-holder .hotspot-inner-holder .map-hotspot a figure{
  border-radius: 50%;
  width: 100px;
  height: 100px;
}

.pontosDetail .hotspot-holder .hotspot-inner-holder .map-hotspot.especie a figure{
  border: 2px solid #54c7e7;
}

.pontosDetail .hotspot-holder .hotspot-inner-holder .map-hotspot.habitat a figure{
  border: 2px solid rgb(255, 215, 60);
}

.pontosDetail .hotspot-holder .hotspot-inner-holder .map-hotspot a figure img{
  background: white;
}

.pontosDetail .hotspot-holder .hotspot-inner-holder .map-hotspot div{
  position: relative;
  width: 200px;
  top: -35px;
  left: -87px;
  color: white;
  text-shadow: 0px 0px 3px rgba(0,0,0,0.9);
  text-align: center;
  display: none; 
}

.pontosDetail .hotspot-holder .hotspot-inner-holder .map-hotspot:hover a,
.pontosDetail .hotspot-holder .hotspot-inner-holder .map-hotspot:hover div{
  display: block;
}



/* .pontosDetail .hotspot-holder .hotspot-inner-holder .map-hotspot.selected {
  border-color: #54c7e7;
} */

/* .pontosDetail .hotspot-holder .hotspot-inner-holder .map-hotspot:after {
  background-color: #54c7e7;
  display: block;
  content: '';
  width: 18px;
  height: 18px;
  border-radius: 100%;
  margin: 4px;
} */

/* ****** */
@media only screen and (max-width:992px) {
  .cd-morph-dropdown .morph-dropdown-wrapper {
    height: 75%;
    position: fixed;
  }

  .cd-morph-dropdown .content.row > div:last-of-type {
    padding: 0;
  }

  .especie-img-conservacao {
    width: 100%;
    height: auto;
  }
}

/**************************************************************************
* media query
***************************************************************************/
@media only screen and (max-width:1682px) {
  .no-image-container {
    width: 100%;
    margin: 0;
  }

}
@media only screen and (max-width:1616px) {}
@media only screen and (max-width:1608px) {
  #sectionRedListClassf #filterWrapper .content {
    padding: 0 6%;
  }

}
@media only screen and (max-width:1570px) {
  .cd-morph-dropdown .main-nav > ul > li {
    margin-right: 15px;
  }
}
@media only screen and (max-width:1550px) {
  .cd-morph-dropdown .main-nav > ul > li {
    padding: 0 10px;
    margin-right: 0;
  }
}
@media only screen and (max-width:1485px) {
  #sectionRedListClassf #filterWrapper .content {
    padding: 0 4%;
  }
}
@media only screen and (max-width:1480px) {
  footer #footer-nav .footer-title .content {
    padding: 0;
  }
}
@media only screen and (max-width:1402px) {
  #sectionRedListClassf #filterWrapper .content {
    padding: 0 3%;
  }
}
@media only screen and (max-width:1365px) {
  .user-list-section a.h1 {
    margin-right: 20px;
  }
}
@media only screen and (max-width:1365px) and (min-width:1200px) {
  #sectionMapBio #biogFilters section.species-list .btn-show {
    margin: 10px;
  }

  #sectionMapBio #biogFilters .taxonomic-tree .species-name {
    font-size: 13px;
  }
}
@media only screen and (max-width:1354px) {
  #sectionRedListClassf #filterWrapper .content {
    padding: 0 1.5%;
  }

  .cd-horizontal-timeline .events a {
    width: 110px;
    height: 76px;
    bottom: -104px;
  }

  .cd-horizontal-timeline .timeline {
    height: 150px;
  }

  .cd-horizontal-timeline .filling-line {
    bottom: -116px;
  }
}
@media only screen and (max-width:1350px) {
  header #user {
    width: 200px;
  }

  #lang a.btn {
    margin-right: 10px;
  }

  header #user.logged .dropdown #userDropdown span {
    width: 60%;
  }
}
@media only screen and (max-width:1316) {}
@media only screen and (max-width:1280px) {
  /* .cd-morph-dropdown .main-nav > ul > li {
         padding: 0 10px;
         margin-right: 5px;
 
     }*/
  header #user {
    width: 160px;
  }

  header #lang {
    width: 95px;
  }

  .cd-morph-dropdown .main-nav > ul > li {
    padding: 0 7px;
    margin-right: 3px;
  }

  .user-list-section .custom-select .dropdown-menu li {
    padding: 10px;
  }

  .user-list-section .custom-select .dropdown-menu li i::before {
    right: -9px;
  }

}
@media only screen and (max-width:1199px) {
  #typeUsers {
    display: flex;
    justify-content: space-between;
  }

  .user-list-section a.h1 {
    margin-right: 0;
  }

  .user-list-section .custom-select {
    margin-bottom: 40px;
  }

  .row.user-listed .col-more-info .sidebyside:first-of-type {
    display: block;
    text-align: center;
  }

  .row.user-listed .col-more-info i.user_profile_photo {
    margin-right: 0 !important;
    margin-bottom: 30px !important;
  }

}
@media only screen and (max-width:1180px) {
  header #brand {
    width: 155px;
  }

  header #menu {
    margin-left: 425px;
  }

  footer #footer-sponcers .content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width:1170px) {
  body.cartografia #layout {
    padding-bottom: 491px;
  }
}
@media only screen and (max-width:1150px) {}
@media only screen and (max-width:1122px) {
  body #layout {
    padding-bottom: 650px;
  }
}
@media only screen and (max-width:1116px) {
  body.cartografia #layout {
    padding-bottom: 567px;
  }

  footer #footer-sponcers .copyrigths {
    display: none!important;
  }

  footer #footer-sponcers .copyrigths.mobile {
    display: inline-block!important;
    width: 100%;
    text-align: center;
  }

  footer #footer-sponcers .content {
    padding: 0;
  }

  footer #footer-sponcers .content:first-of-type {
    border-bottom: 1px solid #4f5462;
  }

  footer #footer-sponcers .content .sponcer-container {
    float: none;
    position: relative;
    left: 50%;

    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  footer #footer-sponcers .content .link-container:first-of-type {
    border-left: none;
    padding-left: 0;
  }

  footer #footer-sponcers .content .link-container:first-of-type a:first-of-type {
    padding-left: 0;
  }
}
@media only screen and (max-width:1092px) {
  body #layout {
    padding-top: 80px;
  }

  header #brand a {
    height: 40px;
  }

  #biogFilters {
    position: fixed;
    right: -85%;
    width: 85%;
    z-index: 91;
  }

  #biogFilters.show-menu {
    right: 0;
    position: absolute;
  }

  #biogMap {
    width: 100%;
  }

  #bio-menu {
    display: block;
  }

  .show-menu #bio-menu {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .pontosTrilhos #filterWrapper {
    overflow-y: auto;
  }
}
@media only screen and (max-width:992px) {
  body.cartografia #layout {
    padding-bottom: 600px;
  }

  #sectionRedListClassf #filterWrapper .content {
    padding: 0 3%;
  }

  #sectionRedListClassf #logoWrapper .content {
    padding-left: 0;
    margin-bottom: 25px;
  }

  #sectionRedListClassf #filterWrapper .content {
    padding: 0;
  }

  .cd-horizontal-timeline .events-wrapper {
    padding-left: 45px;
    padding-right: 45px;
  }

  .xs-no-pad {
    padding: 0 !important;
  }

  #sectionCounters .content.habitat,
  #sectionCounters .content.specie {
    margin-bottom: 70px;
  }

  div.wpcf7 .ajax-loader {
    display: block;
  }

  form .form-group > .input-group.inline {
    width: 100%;

  }

  form div.form-group .input-group.inline input {
    margin-bottom: 15px;
  }

  form div.form-group .input-group.inline:last-of-type input {
    margin-bottom: 0;
  }

  .wpcf7-form-control-wrap.contact-name > input {
    margin-bottom: 20px;
  }

  form .row > div {
    margin-bottom: 0;
  }

  .cd-morph-dropdown .gallery .content li {
    padding: 10px;
  }

  #breadcrumbs .icon-arrow {
    margin: 0 8px;
    background-size: 100% 100%;
    width: 10px;
    height: 8px;
  }

  #breadcrumbs,
  #breadcrumbs a {
    font-size: 13px;
  }

  section {
    padding-top: 25px;
  }

  .pontosTrilhos .cd-horizontal-timeline .events-wrapper {
    padding-left: 90px;
    padding-right: 90px;

  }

  .imageInMap {
    width: 250px;
  }

  .gm-style .gm-style-iw-c{
    padding: 12px!important
  }
}
@media only screen and (max-width:840px) {
  body.cartografia #layout {
    padding-bottom: 1130px;
  }

  body #layout {
    padding-bottom: 1320px;
  }

  #back-to-top {
    display: none;
  }

  footer #footer-sponcers .content .link-container:first-of-type {
    padding-left: 19px;
  }

  footer #footer-sponcers .content .sponcer-container {
    width: 100%;
  }

  footer #footer-sponcers .content .link-container {
    display: block;
    width: 100%;
    text-align: center;
    border-left: none;
    border-bottom: 1px solid #4f5462;
  }

  footer #footer-sponcers .content .sponcer-container .link-container a {
    margin: 10px 0;
  }

  footer #footer-sponcers .content .sponcer-container .link-container a {
    display: block;
    margin: 30px 0;
  }

}
@media only screen and (max-width:767px) {
  .cartao_omare .sidebyside {
    display: block;
  }

  .cartao_omare .sidebyside:last-of-type {
    margin-top: 50px;
  }

  #biogFilters,
  #biogFilters .col-xs-12,
  #biogMap {
    padding: 0;
  }

  #sectionMapBio #biogFilters section.species-list .btn-show {
    margin: 10px;
    height: 35px;
    width: 35px;
  }

  .filter-slider {
    margin-top: 11px;
    margin-right: 5px;
  }

  section.species-list .btn-show::after {
    line-height: 33px;
  }

  #sectionRedListClassf #filterDropdownWrapper .custom-select .dropdown-menu,
  #sectionRedListClassf #filterDropdownWrapper .custom-select.btn-group button {
    max-width: none;
  }

  #sectionRedListClassf #filterDropdownWrapper b {
    font-weight: 700;
  }

  .i-users-listed::before {
    left: 0;
  }

  .custom-select {
    margin-bottom: 30px;
  }

  .gallery-controls .pswp__button--arrow--right {
    right: -16px;
  }

  .gallery-controls .pswp__button--arrow--left,
  .gallery-controls .pswp__button--arrow--right {
    top: 195px;
  }

  .gallery figcaption {
    width: 80%;
    /*left: 17px;*/
  }

  .gallery-info2 .image-counter {
    right: 6px;
  }

  .gallery-info .views-counter {
    right: 6px;
  }

  .no-image-container {
    width: 320px;
    margin: 0 auto;
  }

  .gallery-controls,
  .gallery-info,
  .gallery-info2 {
    width: 90%;
  }

  .map {
    height: 300px;
  }

  .btnBackWrapper {
    margin-top: 20px;
  }

  #btnBack span {
    left: 75px;
    top: 50%;
  }

  .species-wrapper .species-container a > i {
    width: 95px;
    height: 95px;
  }

  [class*=" om-"]::before,
  [class^="om-"]::before {
    font-size: 65px;
  }

  .documents-list .btn-d-doc {
    position: static;
    top: 0;
    transform: none;
    margin-top: 25px;
  }

  #sectionListUsers .col-name {
    margin-bottom: 10px;
  }

  #sectionListUsers .col-name .icon-user-grey {
    background-position: 2px 0;
  }

  .row.user-listed .col-more-info > div:last-of-type {
    padding-top: 0;
  }

  #sectionCounters .counter-wrapper {
    padding: 0;
  }

  #sectionCounters .content hr {
    max-width: 240px;
  }

  .row.user-listed .col-more-info > div:first-of-type {
    padding-left: 0;
  }

  .validado-por {

    padding-top: 15px;
    padding-bottom: 10px;

  }

  .row.user-listed .icon-photos-2 {
    margin: 0 10px 0 5px;
  }

  .row.user-listed .col-name .icon::before {
    left: 7px;
  }

  .shadow-image {
    width: calc(100% - 30px);
    left: 15px;
  }

  .shadow-image.no-pads-xs {
    width: 100%;
    left: 0px;
  }
}
@media only screen and (max-width:595px) {
  .user-list-section a.h1 {
    font-size: 26px;
  }
}
@media only screen and (max-width:550px) {
  body.cartografia #layout {
    padding-bottom: 1270px;
  }
}
@media only screen and (max-width:460px) {
  #typeUsers {
    display: inline;

  }

  .user-list-section a.h1 {
    display: block;
  }

  .user-list-section a.h1 .title-line {
    margin-bottom: 25px;
    max-width: 220px;
  }
}
@media only screen and (max-width:350px) {
  #sectionMapBio #biogFilters section.species-list .btn-show {
    margin: 5px;
    height: 30px;
    width: 30px;
  }

  section.species-list .btn-show::after {
    line-height: 29px;
  }

  #sectionMapBio #biogFilters .taxonomic-tree .species-name {
    font-size: 13px;
  }

  .filter-slider {

    margin-top: 5px;
    margin-right: 5px;

  }

  #sectionMapBio #biogFilters .taxonomic-tree li a.elem > .btn.btn-show {
    margin: 0 10px;

  }
}
@media only screen and (max-width:340px) {
  body #layout {
    padding-top: 80px;
  }

}
@media only screen and (max-width:320px) {
  .no-image-container {
    width: 100%;
    margin: 0 auto;
  }

  body #layout {
    padding-bottom: 1360px;
  }

}