/* filename     : style.css                           */
/* description  : CSS Style for TreeTracker           */
/* author       : Alvin Junianto, Jovian Christianto  */
/* company      : EcoMatcher Ltd                      */
/* year         : 2020                                */

/* width */
.em_treechat_container ::-webkit-scrollbar {
  width: 5px;
}
 
/* Handle */
.em_treechat_container ::-webkit-scrollbar-thumb {
  background: rgba(68, 68, 68, 0.8);
  border-radius: 5px;
}

/* Handle on hover */
.em_treechat_container ::-webkit-scrollbar-thumb:hover {
  background: rgba(68, 68, 68, 1);
}

/* MapBox Marker */
.ct_marker, .user_marker {
  background-size: contain;
  background-repeat: no-repeat;
  width: 74px;
  height: 86px;
  background-position: center bottom;
  cursor: pointer;
}

.mapboxgl-map.disabled, .mapboxgl-map.disabled .ct_marker {
  pointer-events: none !important;
}

.user_marker {
  display: none;
}

#ct_page_container {
  position: relative;
}

/* Look up screen */
#ct_form_section {
  width: 100vw;
  height: 100vh;
  /* background-image: url('https://d32m1btok6bzqh.cloudfront.net/wp-content/uploads/2020/04/TreeTracker-img.jpg'); */
  /* background-size: cover; */
  /* background-position: center; */
  background: #000506;
  position: absolute;
  overflow: hidden;
}

#ct_form_container {
  position: relative;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 20px;
  z-index: 2;
  background-color: rgba(77,77,77,.25);
  max-width: 23%;
  min-width: 300px;
  border-radius: 10px;
  margin-left: 85px;
  border: solid 1px #242424;
  opacity: 0;
}

#ct_form_title {
  color: #ffffff;
  font-size: 32px;
  line-height: 50px;
  font-style: normal;
  font-weight: 200;
  text-shadow: none;
  margin-bottom: 20px;
}

#ct_form_title_text_alt { display: none;}

#cause-tracker-form {
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  /* opacity: 0; */
}

#cause-tracker-form input[type="text"].form-control {
  text-align: left;
  padding: 10px 0px;
  font-size: 17px;
}

#ct_track_container {
  border-bottom: 1px solid #fff;
  height: 45px;
}

#ct_input {
  display: inline-block;
  background: transparent;
  border: none;
  color: #fff;
  float: left;
  text-transform: uppercase;
  width: 70%;
}

#ct_input::placeholder {
  opacity: 0.4;
  text-align: left;
  text-decoration: none;
  text-transform: lowercase;
}

#ct_loading_spinner_recommendation {
  margin-top: 5px;
  text-align: left;
  color: #FFF;
}


.ct_ellipsis_animation::after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis_animation steps(4,end) 900ms infinite;      
  animation: ct_ellipsis_animation steps(4,end) 900ms infinite;
  content: "\2026"; /* ascii code for the ellipsis character */
  width: 0px;
}

@keyframes ct_ellipsis_animation {
  to {
    width: 1.25em;    
  }
}

@-webkit-keyframes ct_ellipsis_animation {
  to {
    width: 1.25em;    
  }
}

#ct_recommendation_list {
  display: flex;
  flex-direction: row;
  overflow-x: hidden;
  overflow-y: hidden;
  width: inherit;
  height: fit-content;
  margin-top: 12px;
  gap: 5px;
  align-items: center;
  text-align: left;
  font-family: "Montserrat-Medium";
}

#ct_recommendation_activation_codes {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  overflow-y: hidden;
  width: inherit;
  height: fit-content;
  gap: 6px;
  align-items: center;
}
#ct_recommendation_activation_codes::-webkit-scrollbar{
  height: 0px;
}

#ct_recommendation_your_trees {
  height: fit-content;
  width: fit-content;
  color: white;
  font-size: 12px;
  font-family: 'Montserrat';
  white-space: nowrap;
}

#ct_recommendation_activation_code_item {
  size: fit-content;
  padding: 3px 10px 3px 10px;
  background-color: rgba(115,115,115,0.29);
  color: #FFF;
  font-size: 12px;
  font-family: 'Montserrat';
  border-radius: 20px;
  white-space: nowrap;
  border: 1px solid rgba(115,115,115,0.29);
}
#ct_recommendation_activation_code_item:hover {
  cursor: pointer;
  background-color: #000;
  color: #95AD47;
  border: 1px solid #95AD47;
}

#ct_sample_btn {
  color: #95ad47;
  cursor: pointer;
  font-size: 16px;
  width: fit-content;
  text-align: center;
  margin-top: 20px;
  font-family: "Montserrat-Medium";
}

#ct_sample_btn i {
  top: 2px;
  right: -5px;
  position: relative;
}

#ct_sample_btn:hover {
  text-decoration: underline;
}

#ct_submit_btn {
  z-index: 1;
  text-align: center;
  display: inline-block;
  background-color: transparent;
  border: none;
  float: right;
  line-height: unset;
  height: 45px;
  border-radius: 0px 3px 3px 0px;
  color: #fff;
  cursor: pointer;
  margin-right: 15px;
  font-size: 22px;
}

#ct_submit_btn:hover i {
  transform: scale(1.3);
}

#ct_submit_btn:active {
  top: 3px;
}

.ct_help_tip{
  display: inline-block;
  position: relative;
  top: 11px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background-color: rgba(255, 255, 255, 0.3);
  font-size: 17px;
  line-height: 19px;
  float: right;
  margin-right: 10px;
  font-family: "Montserrat-Medium";
}

.ct_help_tip:before{
  content:'?';
  font-weight: bold;
  color:#000;
  margin-left: 2px;
}

.ct_help_tip:hover p, .ct_help_tip:focus p{
  display:block;
  transform-origin: 100% 0%;

  -webkit-animation: fadeIn 0.3s ease-in-out;
  animation: fadeIn 0.3s ease-in-out;

}

.ct_help_tip p{
  /* The tooltip */
  z-index: 3;
  display: none;
  text-align: justify;
  background-color: grey;
  padding: 20px;
  width: 60vw;
  max-width: 300px;
  position: absolute;
  border-radius: 3px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  right: -4px;
  margin-top: 20px;
  color: #FFF;
  font-size: 13px;
  line-height: 1.4;
}

.ct_help_tip p:before{ /* The pointer of the tooltip */
  position: absolute;
  content: '';
  width:0;
  height: 0;
  border:6px solid transparent;
  border-bottom-color: grey;
  right:10px;
  top:-12px;

}

.ct_help_tip p:after{ /* Prevents the tooltip from being hidden */
  width:100%;
  height:40px;
  content:'';
  position: absolute;
  top:-40px;
  left:0;
}

#cause-tracker-form .help-block {
  text-align: left;
  font-size: 14px;
  line-height: 17px;
}

@keyframes earthrotate {
  from { background-position-x: -300px; }
  to { background-position-x: 1653px; }
}

#ct_earth.animated {
  animation: earthrotate 230s infinite linear;
  transform: rotateZ(360deg)
}

#ct_earth {
  position: absolute;
  bottom: -602px;
  right: -414px;
  width: 1100px;
  height: 1100px;
  background-size: cover;
  background-repeat: repeat-x;
  border-radius: 50%;
  background-image: url(img/worldmap.jpg);
  transform-style: preserve-3d;
  box-shadow: inset 40px 30px 80px 10px rgb(0, 0, 0),
  inset -36px 0 44px 15px rgba(255, 255, 255, 0.2);
  transform: rotate(18deg);
  z-index: 1;
  background-position-x: -300px;
}

#ct_earth_shading, #ct_earth_shading_dark {
  display: none;
} 

#ct_earth.shadow {
  bottom: -585px;
  right: -337px;
  width: 1000px;
  height: 1000px;
  box-shadow: inset 0px 13px 21px 8px rgba(149, 173, 71, 0.3),inset 40px 30px 80px 10px rgb(0, 0, 0),
  inset -36px 0 44px 15px rgba(255, 255, 255, 0.2);
}

#ct_earth_shading.shadow {
  position: absolute;
  right: -38px;
  bottom: 0px;
  display: block;
}

#ct_earth_shading_dark.shadow {
  position: absolute;
  right: 0px;
  bottom: 0px;
  display: block;
  z-index: 1;
}

#ct_stars_container_extended {
  width: 200%;
  height: 300%;
  position: absolute;
}

#ct_stars_container {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #000506;
  z-index: 1;
}
.ct_star {
  border-radius: 100%;
  position: absolute;
  display: block;
  background: #F6F6F6;
  z-index: 1;
  left: 100%;
  top: 100%;
}

.ct_star.animated {
  animation: twinkle 2s linear 0s infinite normal;
  transform: translateZ(0);
}

@keyframes twinkle {
  0% { 
    transform: scale(1.0);
    opacity: 1; 
  }
  50% { 
    transform: scale(0); 
    opacity: 0; }
  100% { 
    transform: scale(1.0); 
    opacity: 1; 
  }
}

#ct_earth.moved, #ct_earth_shading.moved, #ct_earth_shading_dark.moved, #ct_stars_container.moved, #ct_stars_container_extended.moved {
  transition: transform 1s ease-in-out 0s;
  transform: translate3d(0px, -180px, -435px) scale(0.5);
  transform-origin: 0 0;
}

/* mobile nav */
.on_embed #ct_mobile_topnav, .on_teams #ct_mobile_topnav {
  display: none !important;
}

#ct_mobile_topnav {
  /* overflow: hidden; */
  background-color: transparent;
  position: absolute;
  z-index: 3;
  top: 0px;
  display: none;
}

#ct_nav_menu {
  display: none;
  position: absolute;
  background-color: #000;
  width: 100vw;
  text-align: left;
  z-index: 3;
}

#ct_nav_menu a {
  /* float: left; */
  color: white;
  padding: 8px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
  /* width: 100vw; */
}

/* #ct_nav_menu a.icon {
  border: solid 1px #fff;
  border-radius: 10px;
  margin: 20px;
  padding: 17px 20px;
} */

#ct_nav_menu a:hover {
  background-color: #0e0e0e;
}

#ct_mobile_logo {
  display: none;
}

.container_left_tree_name {
  text-decoration: underline;
  font-size: 14px;
  color: #333333;
  font-weight: 400;
  letter-spacing: 0;
}

#cursor {
  display: inline-block;
  width: 10px;
  background-color: black;
  margin-left: 2px;
  animation: blink 1s step-start infinite;
}

.blinking-text {
  animation: blink 1s step-start infinite;
}
@keyframes blink {
  0%, 100% {
      opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.bold-text {
  font-weight: 500;
  text-decoration: none;
  font-size: 12.5px;
  font-family: "Montserrat-Bold";
}

@media (max-width: 450px) {
  #ct_mobile_fixed_bg {
    background: linear-gradient(180deg, #000 -70.27%, rgba(0, 0, 0, 0.00) 84.98%);
    width: 100%;
    height: 165px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
  }
  #ct_mobile_topnav {
    display: block;
    border: solid 1px #fff;
    border-radius: 8px;
    margin: 20px 4vw;
    padding: 8px 12px;
    color: #fff;
    position: fixed;
  }
  #ct_mobile_topnav a {
    color: #fff;
  }
  #ct_mobile_topnav.afterzoom {
    display: none;
    position: absolute;
    left: 0;
    margin: 13px 15px;
    padding: 10px;
  }

  #ct_mobile_topnav.afterzoom.hidden {
    display: none !important;
  }
  /* #ct_mobile_topnav.afterzoom a.icon {
    padding: 10px;
    margin: 12px 12px 12px 15px;
  } */
  .ct_mobile_nav #ct_sound {
    margin-right: 18px;
    margin-left: 0px;
    display: none;
  }
  #ct_input {
    font-size: 14px !important;
    line-height: 14px;
    max-width: 65%;
    color: #FFF;
    font-family: "Montserrat-Medium";
  }
  #ct_submit_btn {
    padding: 0 10px;
    font-size: 20px;
    color: #FFF;
    margin-right: 0px;
    height: 37px;
  }
  #ct_claim_tree {
    display: none;
    left: unset;
    right: 10px;
    bottom: 110px;
  }
  #ct_claim_tree.active {
    display: block;
  }
  #ct_claim_tree img {
    width: 16px;
  }
  .ct_help_tip {
    margin-right: 3px;
    text-align: center;
    padding: 2px;
    background-color: rgba(255, 255, 255, 0.14);
    font-size: 15px;
    font-family: 'Montserrat-Medium';
    width: 18px;
    height: 18px;
    top: 7px;
  }
  #ct_form_title {
    display: none;
    /* text-align: left;
    font-size: 26px;
    color: #fff;
    letter-spacing: 0;
    margin-bottom: 0; */
  }
  .ct_help_tip:before {
    color: #fff;
  }
  #ct_track_container{
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    text-align: left;
  }
  #ct_sample_btn {
    width: 100%;
    position: fixed;
    left: 0;
    text-align: center;
    margin-top: 18px;
  }
  #ct_track_container {
    border-bottom: none;
  }
  #cause-tracker-form .help-block {
    margin-top: 5px;
  }
  #tracking-code-group {
    padding: 1px 15px;
    border: solid 1px #fff;
    border-radius: 8px;
    height: 41px;
  }
  #ct_form_container {
    top: 0px;
    width: 100%;
    max-width: 78%;
    transform: none;
    margin-left: 0px;
    margin: 0px;
    background-color: transparent;
    border: none;
    position: fixed;
    right: 0px;
  }
  .on_embed #ct_form_container, .on_teams #ct_form_container {
    width: 100%;
    max-width: 85vw;
  }
  #ct_input::-webkit-input-placeholder {
    color: #FFF;
    opacity: 1;
    text-transform: initial;
  }
  #ct_loading_spinner_recommendation {
    text-align: center;
  }
  #ct_mobile_logo {
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 2;
    width: 100%;
    text-align: center;
    padding: 60px 0px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  }
  #ct_mobile_logo.scrolled {
    position: absolute;
    top: 70%;
    bottom: unset;
  }
  #ct_mobile_logo img {
    max-width: 150px;
  }
  #ct_earth {
    bottom: -430px;
    right: -175px;
    width: 700px;
    height: 700px;
  }
  #ct_earth.animated {
    animation: earthrotate 530s infinite linear;
  }
  #cause-tracker-form .help-block-br {
    display: none;
  }
}

.carousel:not(.advanced_responsiveness) .carousel-inner p span.ct_sample_id {
  font-size: 100% !important;
}


/* bing map */
/* div#MicrosoftNav.NavBar_Container.Dark {
  top: auto !important;
  bottom: 25px !important;
}

.MicrosoftMap .NavBar_Container .NavBar_Button {
  margin-bottom: 0px !important;
} */

/* CSS animation */
@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
    transform: scale(0.6);
  }

  100% {
    opacity:100%;
    transform: scale(1);
  }
}

@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:100%; }
}

/* from old css */
#cause_tracker_map {
  height: 100%;
  width: 100%;
}

/* #cause_tracker_map2 {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
} */

/* .ct_map_choice {
  margin: 9px;
  cursor: pointer;
  bottom: 2px;
  left: 80px;
  position: absolute;
  z-index: 1;
  margin-bottom: 0px;
} */
/* 
.ct_bmap_btn, .ct_gmap_btn {
  width: 70px;
  float: left;
  display: block;
  text-align: center;
  position: relative;
  color: #989898;
  background-color: #dadada;
  font-family: Roboto, Arial, sans-serif;
  user-select: none;
  font-size: 11px;
  padding: 8px;
  min-width: 22px;
  font-weight: 500;
  border: 1px solid #000;
  letter-spacing: 0px;
}

.ct_gmap_btn {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}

.ct_bmap_btn {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  margin-left: -1px;
}

.bmarker {
  pointer-events: auto !important;
} */

/* .active_map {
  color: #000000;
  cursor: default;
}

#back_to_top {
  display: none;
} */

/* for debug */
.em_page {
  visibility: visible;
  display: block;
  text-align: center;
  line-height: 1.14 !important;
  user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
}

/* remove all outline on clicking element */
*:focus {
  outline: 0;
  outline: none;
}

/* Add to Homescreen popup */
.em_popup {
  position: fixed;
  bottom: 15px;
  left: 50%;
  display: inline-block;
  user-select: none;
  z-index: 2;
}

.em_popup .em_popuptext {
  visibility: visible;
  width: 200px;
  background-color: #555;
  color: #fff;
  font-family: sans-serif;
  font-size: 11px;
  text-align: left;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 10;
  bottom: 125%;
  left: 50%;
  margin-left: -110px;
  padding-right: 10px;
  padding-left: 10px;
  cursor: default;
}

/* Popup arrow */
.em_popup .em_popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.em_popup .em_popup_show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* iphone add to homescreen message */
.ip_ath_icon {
  display: inline-block;
  width: 13px;
  position: relative;
  top: 2px;
  margin-bottom: 2px;
  margin-left: 0px;
  padding-left: 0px;
}
.ath_text {
  margin-top: 10px !important;
}
.em_close_popup {
  display: inline-block;
  position: relative;
  top: -7px;
  right: -20px;
  font-size: 8px;
  font-weight: 900;
  cursor: pointer;
}

#popupCont2 {
  bottom: 100px;
  z-index: 952;
  opacity: 0.9;
  cursor: pointer;
}

#twittPopup {
  text-align: center;
  background-color: #00c3f3;
  cursor: pointer;
  position: relative;
  bottom: -200px;
  left: 20%;
}

#popupCont2 .em_popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #00c3f3 transparent transparent transparent;
}

#twittPopup .em_close_popup {
  right: -12px;
}

.em_container {
  width: 300px !important;
  height: 550px !important;
  visibility: hidden;
  cursor: pointer;
  position: absolute;
  right: 80px;
  top: calc( 15% - 5px );
  max-height: 85vh;
}

html.embedded_html {
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
  overflow: hidden;
}

html.embedded_html::-webkit-scrollbar {
  width: 0px; /* For Chrome, Safari, and Opera */
}

.embedded .em_container {
  top: 7vh !important;
}

.em_container:active, .em_container:focus{
  cursor: move;
}

.ct_fam_btn, #global_forest_map_btn {
  width: auto;
  height: 39px;
  line-height: 39px;
  padding: 0 23px;
  font-family: "Source Sans Pro", sans-serif !important;
  border-radius: 50px;
  text-transform: none;
  border-color: #95AD47;
  background-color: #95AD47;
  color: #ffffff;
  font-weight: bold;
  font-size: 20px;
}

.ct_fam_btn, #peopleforest_btn, #global_forest_map_btn {
  position: absolute;
  top: 80%;
  right: calc( 50% - 57px);
  display: block;
  pointer-events: auto;
  z-index: 1;
  letter-spacing: 0;
  font-size: 16px;
}

.ct_fam_btn i, #global_forest_map_btn i {
  display: none;
}

.ct_global_forest_btn {
  position: absolute;
  top: 80%;
  right: calc( 50% - 108px);
  display: block;
  pointer-events: auto;
  z-index: 1;
}

.ct_global_forest_btn {
  display: none;
}

#peopleforest_btn {
  background-image: url(img/ForestsClub_btn.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 130px;
  right: calc( 50% - 90px);
}

#peopleforest_btn:hover {
  background-image: url(img/ForestsClub_btn_hover.png);
  background-color: #95ad47 !important;
}

.em_container .em_card_stack {
  width: 96%;
  margin: 0 auto;
  height: inherit;
  height: -webkit-fill-available;
  position: relative;
  top: 5px;
  background-color: rgb(0,0,0,0.4);
  border-radius: 10px;
  box-shadow: 0.1em 0.1em 0.5em 0.2em rgba(0, 0, 0, .2);
}

.em_container .em_card_stack .em_card_list li {
  transition: all 0.4s ease, max-height 0.75s ease;
  border-radius: 10px;
  position: absolute;
  top: 60px;
  left: 0px;
  right: 0px;
  padding-top: 20px;
  list-style: none;
  z-index: 1;
}

/* stacked effect */
.em_shown_card1 {
  height: 100%;
}
.em_shown_card2 {
  height: 95%;
  width: 110%;
  transform: translate(0, 10px);
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.em_shown_card3 {
  height: 95%;
  width: 110%;
  transform: translate(-10%, 10px);
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.em_shown_card2, .em_shown_card3 {
  display: none;
}

/* for hiding #2 #3 content */
.no_display {
  display: none;
}

/* Changing Card Animation */
.transformThis {
  animation: scaleDown 500ms;
}
.transformPrev {
  animation: scaleUp 300ms;
}
@keyframes scaleUp {
  0% {
    transform: scale(1.2) translateY(50px);
    opacity: 0;
  }
  20% {
    transform: scale(1.15) translateY(40px);
    opacity: 0.10;
  }
  40% {
    transform: scale(1.1) translateY(30px);
    opacity: 0.20;
  }
  60% {
    transform: scale(1.05) translateY(20px);
    opacity: 0.40;
  }
  80% {
    transform: scale(1.01) translateY(10px);
    opacity: 0.80;
  }
  100% {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}
@keyframes scaleDown {
  0% {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
  20% {
    transform: scale(1.01) translateY(20px);
    opacity: 0.80;
  }
  40% {
    transform: scale(1.05) translateY(40px);
    opacity: 0.40;
  }
  60% {
    transform: scale(1.1) translateY(60px);
    opacity: 0.20;
  }
  80% {
    transform: scale(1.15) translateY(80px);
    opacity: 0.10;
  }
  100% {
    transform: scale(1.2) translateY(100px);
    opacity: 0;
  }
}
@keyframes scaleCard {
  0% {
    top: 5px;
  }
  100% {
    top: 24px;
  }
}

/* Close Button */
.em_close {
  color: grey;
  text-decoration: none;
  font-family: sans-serif;
  font-size: 13px;
  position: absolute;
  right: 2px;
  top: -3px;
  z-index: 2;
  display: none; /* default hidden, shown by js only for #1 card */
}

.em_close:hover {
  color: black;
}

/* next-prev button */
.em_container .em_card_stack .em_buttons {
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 31%;
  z-index: 2;
  transition: all 0.2s ease;
  animation: none;
  cursor: pointer;
  color: #000;
  font-size: 24px;
  background-color: #fff;
  border-radius: 50%;
  line-height: 25px;
}

.em_container .em_card_stack .prev {
  display: block !important;
  /* z-index: 951; */
  left: -12px;
}

.em_container .em_card_stack .prev i {
  padding-right: 2px;
}

.em_container .em_card_stack .next {
  display: block !important;
  left: auto;
  right: -15px;
  margin-right: 2px;
}

.em_container .em_card_stack .next i {
  padding-left: 5px;
}

/* show button when mouse in */
.em_container .em_card_stack:hover > .em_buttons.prev {
  display: block !important;
}
.em_container .em_card_stack:hover > .em_buttons.next {
  display: block !important;
}

.em_container .em_card_stack .panel, .panel_mobile {
  width: 93%;
  height: 50px;
  background-color: #FFFFFF;
  color: #808080;
  top: 10px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.em_container .em_card_stack .panel {
  display: flex;
  align-items: center;
}

.panel_mobile {
  display: none;
}

.panel_mobile .ct_cmp_text, .panel_mobile .ct_company_banner_container {
  width: 50%;
  display: inline-block;
}

.panel_mobile .ct_company_banner_container {
  vertical-align: middle;
  display: inline-table;
}

.panel_mobile .ct_company_banner_container a, .panel_mobile .ct_company_banner_container div {
  display: table-cell;
}

/* Company Logo Image and text */
.ct_cmp_text {
  display: inline-block;
  width: 50%;
}

.ct_cmp_text p {
  font-size: 11px;
  font-family: "Montserrat-Bold";
  color: #333333;
  font-weight: 500;
  letter-spacing: 0;
}

.ct_company_banner_container {
  display: inline-table;
  width: 50%;
  vertical-align: middle;
  height: 100%;
}

.ct_company_banner_container a, .ct_company_banner_container div {
  display: table-cell;
  vertical-align: middle;
}

.em_container .panel .ct_company_banner_container img {
  max-width: 80%;
  max-height: 46px;
}

.ct_demo_text {
  position: absolute;
  top: calc( 50% - 18px );
  margin-left: calc( 50% - 58px);
  font-size: 32px;
  opacity: 0.3;
  color: green;
  transform: rotate(-15deg);
  -ms-transform: rotate(-15deg); /* IE 9 */
  -webkit-transform: rotate(-15deg); /* Safari */
}

/* Pagination */
.em_pagination {
  position: absolute;
  bottom: 5px;
  width: 100%;
  text-align: center;
}

.em_pagination span{
  display: inline-block;
  position: relative;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  border: solid 1px #95ad47;
  margin: 0px 2px;
}
.em_pagination span.em_pagination_active{
  background-color: #95ad47;
}

/* Card Footer */
.embedded .em_card_footer {
  position: relative;
}

.em_watermark {
  padding-top: 5px;
  padding-bottom: 10px;
  margin-top: 5px;
  background-color: rgb(0,0,0,0.3);
}

.em_watermark a {
  color: #fff;
  font-size: 11px;
}

.embedded .em_container .em_card_stack, .owntree .em_container .em_card_stack {
  height: 440px;
}
.embedded .em_container .em_card_stack .em_card_list .em_card .em_content_container, .owntree .em_container .em_card_stack .em_card_list .em_card .em_content_container {
 height: 381px;
}
.embedded .em_container .em_card_stack .em_card_list li, .owntree .em_container .em_card_stack .em_card_list li {
  top: 0px;
}
.embedded .em_watermark {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

/* #1 Card : Tree's Information */
.em_container .em_card_stack .em_card_list .em_card .em_content_container {
  width: 93%;
  height: 66%;
  position: relative;
  top: -11px;
  margin: 0 auto;
}

.em_container .em_card_stack .em_card_list .em_card .em_content_container .em_location,
.em_container .em_card_stack .em_card_list .em_card .em_content_container .em_farmer_container,
.em_container .em_card_stack .em_card_list .em_card .em_content_container .em_species_container,
  .em_container .em_card_stack .em_card_list .em_card .em_content_container .em_certificate_container {
    /* Tree's image, ID & Actual Time */
  width: 100%;
  height: 66%;
  position: absolute;
  font-family: "Raleway", "Open Sans", "Arial", sans-serif;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center;
  background-size: cover;
  box-shadow: 0 35px 10px -10px rgb(0,0,0,0.4) inset, 0 -50px 10px -30px rgb(0,0,0,0.4) inset;
  -moz-box-shadow: 0 35px 10px -10px rgb(0,0,0,0.4) inset, 0 -50px 10px -30px rgb(0,0,0,0.4) inset;
  -webkit-box-shadow: 0 35px 10px -10px rgb(0,0,0,0.4) inset, 0 -50px 10px -30px rgb(0,0,0,0.4) inset;
}

.em_container .em_card_stack .em_card_list .em_card .em_content_container .em_certificate_container,
.em_container .em_card_stack .em_card_list .em_card .em_content_container .em_ngo_img_container {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.em_right_container {
  height: 100%;
  position: relative;
  left: 5px;
  margin-top: 3px;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: .5px;
  line-height: 18px;
}

.em_tc_container {
  border-radius: 2px;
  height: 28px;
  position: absolute;
}

.em_right_container .em_tc {
  text-align: left;
  display: inline-block;
  float: left;
  padding: 0px 5px;
  max-width: 100%;
  font-weight: 600;
  font-size: 17px;
  line-height: 18px;
}

.em_time_container {
  height: 18px;
  max-width: 150px;
  border-radius: 2px;
  position: absolute;
  padding-left: 5px;
}

.em_time {
  line-height: 20px;
  float: left;
  text-align: left;
  text-transform: capitalize;
  min-width: 54px;
}

.em_left_container {
  /* Tree's farmer, location, weather & temperature Container */
  width: 99.9%;
  height: 34%;
  position: relative;
  top: 66%;
}

.em_fm_container {
  position: relative;
  top: 6%;
  display: grid;
  font-size: 15px;
}

.em_detail_row {
  line-height: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 8px !important;
  width: 100%;
  color: white;
}

.em_detail_row div:nth-child(1),
.em_detail_row div:nth-child(2) {
  width: 50%;
}

.em_detail_row div:nth-child(2) {
  text-align: right;
}

.em_country {
  position: relative;
  float: right;
}

.em_country .em_country_text {
  color: #fff;
  display: block;
  white-space: nowrap;        /* Prevents text wrapping */
  overflow: hidden;           /* Hides overflow text */
  text-overflow: ellipsis;    /* Displays ellipsis (...) */
  max-width: 17ch;
}

.em_country .em_tooltip {
  display: none;
  position: absolute;
  left: 50%;
  top: -30px;
  transform: translateX(-50%);
  color: #ffffff;
  text-align: left;
  width: max-content;
  background: #000;
  padding: 5px 15px;
  border-radius: 5px;
}

.em_country .em_country_text:hover + .em_tooltip {
  display: block;
}

.em_tc_number {
  color: #fff;
  float: right;
}

.em_tc_number_title, .em_town, .em_planting_date_title {
  color: #fff;
  float: left;
  text-align: left;
}

.em_planting_date_title {
  text-align: left;
  float: unset;
}

.em_fm_container img {
  max-width: 30px;
  max-height: 30px;
  float: right;
  margin-right: 10px;
}

.em_planting_date {
  color: #fff;
  float: right;
}

#em_local_time {
  float: right;
  display: none;
}

#em_local_time i {
  margin-right: 3px;
}

.em_weather.white.i01d {
  background-image: url(img/white/01d.png);
}
.em_weather.white.i01n {
  background-image: url(img/white/01n.png);
}
.em_weather.white.i02d {
  background-image: url(img/white/02d.png);
}
.em_weather.white.i02n {
  background-image: url(img/white/02n.png);
}
.em_weather.white.i03d {
  background-image: url(img/white/03d.png);
}
.em_weather.white.i03n {
  background-image: url(img/white/03n.png);
}
.em_weather.white.i04d {
  background-image: url(img/white/04d.png);
}
.em_weather.white.i04n {
  background-image: url(img/white/04n.png);
}
.em_weather.white.i09d {
  background-image: url(img/white/09d.png);
}
.em_weather.white.i09n {
  background-image: url(img/white/09n.png);
}
.em_weather.white.i10d {
  background-image: url(img/white/10d.png);
}
.em_weather.white.i10n {
  background-image: url(img/white/10n.png);
}
.em_weather.white.i11d {
  background-image: url(img/white/11d.png);
}
.em_weather.white.i11n {
  background-image: url(img/white/11n.png);
}
.em_weather.white.i13d {
  background-image: url(img/white/13d.png);
}
.em_weather.white.i13n {
  background-image: url(img/white/13n.png);
}
.em_weather.white.i50d {
  background-image: url(img/white/50d.png);
}
.em_weather.white.i50n {
  background-image: url(img/white/50n.png);
}

/* #2 Card: Growth Card*/
.em_planter_name, .em_species_name, .em_planter_desc, .em_species_desc, .em_biodiversity_desc, .em_biodiversity_name {
  text-align: left;
  color: #fff;
  padding: 10px 6px 0px 6px;
}

.em_planter_name, .em_species_name, .em_biodiversity_name  { 
  font-weight: 600;
}

.em_species_name, .em_biodiversity_name {
  float: left;
  position: relative;
}

.em_species_scientific_name, .em_bio_scientific_name {
  font-weight: 500;
  font-style: italic;
  font-size: 13px;
}

.em_species_desc, .em_biodiversity_desc {
  display: inline-block;
}

/* #3 Card: Planter Information */
.em_content_container .em_farmer_img {
  width: 85%;
  max-height: 35%;
  margin-top: 7%;
}

.em_content_container .em_planter_text {
  font-size: 12px;
  margin: 5px 10px 0px 10px;
  max-height: 175px;
  line-height: 18px;
  color: #fff;
  text-align: left;
}

.ct_left_container .em_planter_desc, .ct_left_container .em_species_desc, .em_ngo_desc, .em_certificate_desc, .em_biodiversity_desc {
  line-height: 16px;
  padding: 6px;
  font-size: 12px;
  max-height: 80px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.embedded .ct_left_container .em_planter_desc, .embedded .ct_left_container .em_species_desc, .embedded .em_certificate_desc, .embedded .ct_left_container .em_biodiversity_desc {
  max-height: 80px;
}

.teams-tracker .ct_left_container .em_planter_desc, .teams-tracker .ct_left_container .em_species_desc, .teams-tracker .em_ngo_desc, .teams-tracker .ct_left_container .em_biodiversity_desc {
  max-height: 100%;
}

.em_ngo_desc {
  max-height: 150px;
  position: relative;
}

.embedded .em_ngo_desc {
  max-height: 170px;
}

.embedded .em_ngo_img_container {
  margin-bottom: 5px;
}

.em_certificate_desc {
  position: relative;
  top: 70%;
}

.ct_left_container .em_planter_desc::-webkit-scrollbar, .ct_left_container .em_species_desc::-webkit-scrollbar, .em_ngo_desc::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 3px;
}

.ct_left_container .em_planter_desc::-webkit-scrollbar-thumb, .ct_left_container .em_species_desc::-webkit-scrollbar-thumb, .em_ngo_desc::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(113, 113, 113, 0.5);
}

.em_msg_btn, .em_fanpage_btn {
  border: 2px solid #95ad47;
  color: #95ad47;
  border-radius: 5px;
  width: 50%;
  margin: 0 5px;
  font-size: 14px;
  font-weight: 500;
  padding: 4px;
}

.em_msg_btn:hover, .em_fanpage_btn:hover {
  color: #fff;
  background-color: #95ad47;
}

#plt_message {
  margin-top: 10px;
  border-color: #94ad47;
  border-radius: 5px;
  max-width: 98%;
}

.em_vendor_logo {
  max-height: 120px;
  margin: 10px;
  max-width: 90%;
}

/* #4 Card: Video */
.em_video_container {
  width: 85%;
  height: 35%;
  margin: 10px auto;
  margin-bottom: 0px;
}

/* #5 Card: Message */
.em_ngo_img_container {
  margin-bottom: 20px;
  position: relative;
  background: #FFF;
  padding: 15px 0px;
}

.em_content_container .em_message {
  width: 100%;
  height: 100%;
  margin: 0 auto ;
}

.em_content_container .em_message p{
  padding: 5%;
}

.em_msg_opening, .em_msg_body, .em_msg_closing {
  font-size: 12px;
  font-family: raleway;
  font-weight: 500;
  margin-top: 4%;
}

.em_msg_op_body, .em_msg_goal {
  font-weight: normal;
}

.em_msg_sign {
  font-family: "Times New Roman", Times, serif;
  font-weight: 600;
  font-style: normal;
  font-size: 24px;
}

#cause-tracker-container {
  position: relative;
}

#cause-tracker-container .em_container .ct_social_share {
  position: absolute;
  bottom: -4px;
  z-index: 2;
  margin-bottom: 2px;
  transform: scale(0.96);
  left: 0;
  right: 0;
}

#cause-tracker-container .ct_social_share ul li {
  display: inline-block;
  width: calc(93% - 7px);
  padding: 5px;
  height: 30px;
  background: rgba(149, 173, 71, 0.65);
  border-right: solid 0.75px #313131;
  line-height: 17px;
  margin: 5px 2px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

#cause-tracker-container.with_certificate .ct_social_share ul li {
  width: calc(44% - 3px);
}

#cause-tracker-container.with_certificate .ct_social_share ul li:first-of-type {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 0px;
}

#cause-tracker-container.with_certificate .ct_social_share ul li:last-of-type {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 7px;
  border: none;
}
#cause-tracker-container .ct_social_share ul li {
  font-size: 16px;
}

#cause-tracker-container .ct_social_share ul {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#cause-tracker-container .ct_social_share ul li i {
  font-size: 15px;
  margin-left: 5px;
  line-height: 30px;
  color: #fff;
}

#cause-tracker-container .ct_social_share ul li a {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

#cause-tracker-container .ct_social_share ul li:hover i, #cause-tracker-container .ct_social_share ul li:hover a {
  color: #95ad47;
}

#cause-tracker-container .ct_social_share.share-popop-show {
  border-top: solid 0.75px #313131;
}

#ct_social_share_options, #ct_open_app_options {
  display: none;
  position: absolute;
  background: rgba(0,0,0,0.9);
  z-index: 2;
  bottom: 39px;
  width: 100%;
  transform: scale(0.96);
  padding-top: 8px;
  padding-bottom: 8px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#ct_social_share_options.active, #ct_open_app_options.active {
  display: block;
  z-index: 3;
}

#ct_social_share_options.active,
#ct_open_app_options.active {
  display: block;
  border-radius: 20px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border: solid 2px #95ad47;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom: unset;
  width: calc(100% - 4px);
}

#ct_social_share_options.active::before,
#ct_open_app_options.active::before {
  content: "";
  position: absolute;
  top: 20px;
  left: -2px;
  width: 2px;
  height: calc(100% - 4px);
  background: linear-gradient(to bottom, #95ad47, #000);
}

#ct_social_share_options.active::after,
#ct_open_app_options.active::after {
  content: "";
  position: absolute;
  top: 20px;
  right: -2px;
  width: 2px;
  height: calc(100% - 4px);
  background: linear-gradient(to bottom, #95ad47, #000);
}

#ct_social_share_options .ct_social_share_options_title,
#ct_open_app_options .ct_open_app_options_title {
  padding: 15px 25px;
  color: #fff;
  line-height: 22px;
  text-align: left;
  font-weight: 500;;
  border-bottom: solid 0.75px #6F6F6F;
}

#ct_social_share_options .ct_social_share_options_title .ct_social_share_options_title_text,
#ct_open_app_options .ct_open_app_options_title .ct_open_app_options_title_text {
  font-size: 18px;
  line-height: 28px;
}

#ct_social_share_options .ct_social_share_options_title .ct_social_share_options_title_text span,
#ct_open_app_options .ct_open_app_options_title .ct_open_app_options_title_text span {
  font-weight: 700;
  color: #95ad47;
}


#ct_social_share_options .ct_social_share_options_title .ct_social_share_options_subtitle_text {
  color: #cacaca;
}

.ct_social_left_corner,
.ct_app_left_corner {
  position: absolute;
  top: -2px;
  left: -2px;
  border-top-left-radius: 20px;
  border: solid 2px #95ad47;
  border-right: 0;
  border-bottom: 0;
  width: 20px;
  height: 20px;
}

.ct_social_right_corner,
.ct_app_right_corner {
  position: absolute;
  top: -2px;
  right: -2px;
  border-top-right-radius: 20px;
  border: solid 2px #95ad47;
  border-left: 0;
  border-bottom: 0;
  width: 20px;
  height: 20px;
}

#ct_social_share_options ul li {
  list-style: none;
  text-align: left;
  overflow: hidden;
  border-bottom: solid 0.75px #3a3a3a;
}

#ct_social_share_options ul li:last-child {
  border-bottom: unset;
}

#ct_social_share_options ul li a {
  color: #fff;
  width: calc(100% - 50px);
  display: block;
  padding: 15px 25px;
}

#ct_social_share_options ul li a:hover {
  background: rgba(149, 173, 71, 0.37);
  cursor: pointer;
}

#ct_social_share_options ul li a i {
  width: 30px;
  font-size: 18px;
  display: inline-block;
}

#ct_social_share_options ul li a span {
  font-size: 14px;
  letter-spacing: 1px;
  margin-left: 5px;
  font-weight: 700;
}

#share_close_txt, #ct_card_footer_share_btn.active #share_open_txt, #app_close_txt, #ct_card_footer_app_btn.active #app_open_txt {
  display: none;
}

#ct_card_footer_share_btn.active #share_close_txt, #ct_card_footer_app_btn.active #app_close_txt {
  display: block;
}

#ct_card_footer_share_btn .dots_icon { display: none; }

/* hide open app button on desktop */
#cause-tracker-container .ct_social_share ul li#ct_card_footer_app_btn,
#cause-tracker-container .ct_social_share ul li#ct_card_footer_download_certifcate_btn { display: none; }

#cause-tracker-container .ct_social_share.teams_share ul li {
  width: 40% !important;
  text-align: center;
}

#cause-tracker-container .ct_social_share.teams_share.single_act ul li {
  width: 100% !important;
}

#cause-tracker-container .ct_social_share.teams_share ul li a {
  font-size: 15px;
}

#cause-tracker-container .ct_social_share.teams_share ul li:hover a {
  color: #95ad47;
}

#cause-tracker-container .ct_social_share.teams_share ul li i {
  font-size: 14px;
  margin-right: 5px;
}



/* #6 Certificate Card */
.em_certificate_url {
  display: none !important;
}

#ct_cert_download_arrow {
	-moz-animation: arrow_bounce 2s infinite;
	-webkit-animation: arrow_bounce 2s infinite;
	animation: arrow_bounce 2s infinite;
  color: #eee;
  position: absolute;
  right: 53px;
  bottom: -60px;
  font-size: 26px;
}
@-moz-keyframes arrow_bounce {
  0%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@-webkit-keyframes arrow_bounce {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes arrow_bounce {
  0%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

/* Biodiversity */
.em_biodiversity_container {
  height: 112%;
  overflow-y: scroll;
  overflow-x: hidden;
}

.em_biodiversity_container::-webkit-scrollbar {
  width: 5px;
  background: rgba(255, 255, 255, 0.28);
  border-radius: 5px;
  left: -10px;
  position: absolute;
}
 
.em_biodiversity_container::-webkit-scrollbar-thumb {
  background: #95ad47;
  border-radius: 5px;
}

.em_biodiversity_container::-webkit-scrollbar-thumb:hover {
  background: #95ad47;
}

.em_biodiversity_container .em_pagination {
  top: 112.5%;
}

.em_biodiversity_img {
  height: 230px;
  padding-top: 3px;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center;
  background-size: cover;
  box-shadow: 0 35px 10px -10px rgb(0,0,0,0.4) inset, 0 -50px 10px -30px rgb(0,0,0,0.4) inset;
  -moz-box-shadow: 0 35px 10px -10px rgb(0,0,0,0.4) inset, 0 -50px 10px -30px rgb(0,0,0,0.4) inset;
  -webkit-box-shadow: 0 35px 10px -10px rgb(0,0,0,0.4) inset, 0 -50px 10px -30px rgb(0,0,0,0.4) inset;
}

.em_biodiversity_item .em_left_container {
  top: 0;
}

.em_biodiversity_item .ct_left_container .em_biodiversity_desc {
  max-height: unset;
  margin-bottom: 15px;
}

.embedded .em_biodiversity_container {
  height: 105%;
}

.embedded .em_biodiversity_container .em_pagination {
  top: 93.8%;
  height: 20px;
  padding-top: 20px;
  width: calc(100% + 20px);
  position: absolute;
  left: -10px;
  box-shadow: 0 -89px 10px -70px rgb(0,0,0,0.3) inset;
  -moz-box-shadow: 0 -89px 10px -70px rgb(0,0,0,0.3) inset;
  -webkit-box-shadow: 0 -89px 10px -70px rgb(0,0,0,0.3) inset;
}

.ct_card_action_btn {
  color: #95ad47;
  padding: 5px 20px;
  position: absolute;
  border-radius: 20px;
  margin: 5px auto;
  display: block;
  width: max-content;
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  left: 50%;
  bottom: 125px;
  transform: translate(-50%, 0);
  text-decoration: underline;
}

.ct_card_action_btn:hover {
  text-decoration: none;
}

.ct_card_action_btn.species,
.ct_card_action_btn.planter,
.ct_card_action_btn.ngo {
  bottom: 135px;
}

/* register tree popup */
#ct_claim_container, #ct_name_container {
  display:none;
  position: absolute;
  width: 100vw;
  height: 100vh;
  background-color: rgb(0,0,0,0.6);
  z-index: 5;
  top: 0;
  text-align: center;
  line-height: 1.14 !important;
}

.put_behind {
  z-index: 0 !important;
}

#ct_claim_direct, #ct_claim_login, #ct_claim_register {
  display: none;
}

#ct_name_tree.custom,
#ct_claim_direct.custom,
#ct_claim_login.custom,
#ct_claim_register.custom {
    background: url('/wp-content/plugins/em_cause_tracker/img/bg-popup-register.png') 50% #ffffff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    border: 1px solid #CCC;
}

#ct_claim_direct.custom {
  background-color: #ffffff;
}

#ct_name_tree.custom .ct_claim_form_subtitle,
#ct_claim_direct.custom .ct_claim_form_subtitle,
#ct_claim_login.custom .ct_claim_form_subtitle,
#ct_claim_register.custom .ct_claim_form_subtitle {
  color: #000;
  text-align: center;
  font-family: 'Montserrat-Bold';
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin-top: 30px;
  margin-bottom: 8px;
}

#ct_claim_direct.custom .ct_claim_form_subtitle {
  width: 70%;
  margin-top: 30px;
}

#ct_name_tree.custom .ct_claim_form_description,
#ct_claim_direct.custom .ct_claim_form_description,
#ct_claim_login.custom .ct_claim_form_description,
#ct_claim_register.custom .ct_claim_form_description {
  color: #000;
  text-align: center;
  font-family: 'Montserrat-Medium';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 20px;
}

#ct_claim_login.custom .tml-field-wrap,
#ct_claim_register.custom .tml-field-wrap {
  margin-bottom: .5em;
}

#ct_name_tree.custom .tree_name_label,
#ct_claim_login.custom .tml-field-wrap .tml-label,
#ct_claim_register.custom .tml-field-wrap .tml-label {
  width: 80%;
  margin: 0 auto;
  text-align: left;
  margin-bottom: 5px !important;
  color: #333;
  font-family: 'Montserrat-Medium';
  font-size: 12px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: normal;
}

#ct_name_tree.custom .tree_name_label {
  display: block;
}

#ct_name_tree.custom input.tree_name_input,
#ct_claim_login.custom .tml-field-wrap.tml-user_email-wrap input,
#ct_claim_register.custom .tml-field-wrap.tml-user_email-wrap input {
  border-radius: 200px;
  border: 1px solid #757575;
  background: #FFF;
}

#ct_name_tree.custom input.tree_name_input {
  width: 70%;
  margin-top: 5px;
}

#ct_claim_login.custom .tml-field-wrap #rememberme {
  transform: translateY(2px);
}

#ct_claim_register.custom .mc4wp-checkbox input[type='checkbox'] {
	margin-right: 10px;
  cursor: pointer;
}

#ct_claim_register.custom .tml-tnc_agreement-wrap {
  width: 88%;
  left: unset;
  margin: 0 auto;
  color: #333;
  font-family: 'Montserrat-Medium';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

#ct_claim_register.custom .tml-tnc_agreement-wrap input[name="tnc_agreement"] {
  transform: translateY(2px);
  cursor: pointer;
}

#ct_claim_register.custom .tml-tnc_agreement-wrap .tml-label a {
  color: inherit !important;
  font-size: inherit !important;
  line-height: 18px;
  letter-spacing: normal;
}

#ct_claim_login.custom .ct_claim_form_footer,
#ct_claim_register.custom .ct_claim_form_footer {
  text-align: center;
  left: unset;
  font-family: 'Montserrat-Medium';
  letter-spacing: normal;
  color: #333;
  font-size: 13px;
}

#ct_claim_login.custom .tml-field-wrap.tml-submit-wrap button[type="submit"],
#ct_claim_register.custom .tml-field-wrap.tml-submit-wrap button[type="submit"] {
  font-size: 16px;
  font-family: 'Montserrat-Medium';
  letter-spacing: normal;
}

#ct_name_tree.custom #ct_name_submit_btn {
  margin-top: 30px;
}

#ct_claim_direct.custom .loggedin_as_label {
  width: 100%;
  padding: 0;
  color: #333;
  text-align: center;
  font-family: Montserrat-Medium;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  margin: 0 auto;
  margin-bottom: 30px;
}

#ct_claim_direct.custom .loggedin_as_label #claim_login_user {
  color: #95ad47;
}

#ct_claim_login .the_champ_outer_login_container {
  display: none !important;
}

#ct_claim_direct {
  min-height: 280px;
}

#ct_name_tree {
  min-height: 250px;
}

.ct_claim_form_container, .ct_name_form_container {
  background-color: #fff;
  width: 320px;
  display: block;
  position: absolute;
  border-radius: 10px;
  padding: 20px;
  overflow: hidden;
  left: 50%;
  top: calc(15.3% + (625px / 2.3));
  transform: translate(-50%, -50%);
}

.ct_claim_form_subtitle {
  margin: 20px auto 20px auto;
  font-weight: bold;
  padding: 0px 15px;
  font-size: 20px;
}

#ct_claim_container .ct_claim_form_container .tml-field-wrap.tml-log-wrap .tml-label, #ct_claim_container .ct_claim_form_container .tml-field-wrap.tml-pwd-wrap .tml-label, #ct_claim_container .ct_claim_form_container .tml-field-wrap.tml-user_email-wrap .tml-label, #ct_claim_container .ct_claim_form_container .tml-field-wrap.tml-user_pass1-wrap .tml-label, #ct_claim_container .ct_claim_form_container .tml-field-wrap.tml-user_pass2-wrap .tml-label, .tree_name_label {
  font-weight: bold;
  margin-bottom: 5px;
}

#ct_claim_container .ct_claim_form_container .the_champ_outer_login_container {
  display: none;
}

#ct_claim_container .ct_claim_form_container .tml-label, #ct_claim_container .ct_claim_form_container .tml-label a, #ct_claim_register .ct_claim_form_footer, #ct_claim_register .mc4wp-checkbox.mc4wp-checkbox-wp-registration-form label span, .ct_claim_form_footer, .ct_claim_close_text, .tree_name_label  {
  color: grey;
  font-size: 14px;
}

.loggedin_as_label {
  color: #cacaca;
  font-size: 12px;
  margin: 10px;
}

#ct_claim_container .ct_claim_form_container .tml-field-wrap.tml-log-wrap input, #ct_claim_container .ct_claim_form_container .tml-field-wrap.tml-pwd-wrap input, #ct_claim_container .ct_claim_form_container .tml-field-wrap.tml-user_email-wrap input, #ct_claim_container .ct_claim_form_container .tml-field-wrap.tml-user_pass1-wrap input, #ct_claim_container .ct_claim_form_container .tml-field-wrap.tml-user_pass2-wrap input, #ct_claim_container .ct_claim_form_container .tml-field-wrap.tml-submit-wrap button[type="submit"], #ct_claim_direct_btn, #ct_name_submit_btn {
  max-width: 90%;
  padding: 15px 20px;
  height: auto !important;
  border-radius: 50px;
  text-align: center;
}

#ct_claim_container .tml-field-wrap.tml-user_pass1-wrap,
#ct_claim_container .tml-field-wrap.tml-user_pass2-wrap {
  position: relative;
}

#ct_claim_container .tml-field-wrap.tml-indicator-wrap,
#ct_claim_container .tml-field-wrap.tml-indicator_hint-wrap {
  display: none;
}

#ct_claim_container .tml-field-wrap .field-icon {
  top: 45px;
  right: 28px;
  position: absolute;
  z-index: 2;
  color: #CFD1D7;
}

#ct_claim_container .tml-field-wrap .field-icon:hover {
  color: #95ad47;
  cursor: pointer;
}

#ct_claim_container .ct_claim_form_container .tml-field-wrap.tml-submit-wrap button[type="submit"], #ct_claim_direct_btn, #ct_name_submit_btn, #ct_claim_direct_btn {
  background-color: #95ad47;
  border: 2px solid #95ad47;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 11px 0;
}

#ct_claim_container .ct_claim_form_container .tml-field-wrap.tml-submit-wrap button[type="submit"]:hover, #ct_claim_direct_btn:hover, #ct_name_submit_btn:hover, #ct_claim_direct_btn:hover {
  background-color: #fff;
  color: #95ad47;
  cursor: pointer;
}

#ct_claim_register .mc4wp-checkbox.mc4wp-checkbox-wp-registration-form, #ct_claim_register .tml-tnc_agreement-wrap, #ct_claim_login .tml-rememberme-wrap {
  text-align: left;
  left: 4%;
  position: relative;
  margin: 5px 0;
}

#ct_claim_register .tml-submit-wrap, #ct_claim_login .tml-submit-wrap {
  margin: 30px auto;
  margin-bottom: 10px;
}

#ct_claim_register .ct_claim_form_footer, #ct_claim_login .ct_claim_form_footer, .ct_claim_close_text {
  font-size: 14px;
  text-align: left;
  left: 4%;
  position: relative;
}

/* #ct_claim_login {
  padding-bottom: 40px;
} */

.tree_name_input {
  width: 80%;
  padding: 15px 20px;
  height: auto !important;
  border-radius: 50px;
  text-align: center;
  margin-top: 10px;
  border: solid 2px #cacaca;
}

#edit_name_btn {
  position: relative;
  cursor: pointer;
  z-index: 3;
  display: inline-block;
  left: 10px;
  top: -4px;
}

.edit_name_tooltip {
  display: none;
  position: absolute;
  width: 120px;
  text-align: center;
  border-radius: 5px;
  top: 35px;
}

.edit_name_tooltip:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: #000;
  left: 4px;
  top: -12px;
}

#edit_name_btn:hover .edit_name_tooltip {
  display: block;
  background-color: #000;
  padding: 5px;
  color: #fff;
}

#ct_claim_direct_btn, #ct_name_submit_btn {
  margin: 0 auto;
}

#ct_claim_direct_btn.disabled {
  background: #ADADAD;
  border: 1px solid #ADADAD;
  color: #FFFFFF;
  cursor: not-allowed;
  pointer-events: all !important;
}

#ct_name_submit_btn, #ct_claim_direct_btn, #ct_name_submit_btn {
  max-width: 80%;
  margin: 40px auto 20px auto;
  font-family: Montserrat-Medium;
  letter-spacing: normal;
  margin-bottom: 30px;
}

#ct_to_register, #ct_to_login {
  color: #95ad47;
}

#ct_to_register:hover, #ct_to_login:hover {
  cursor: pointer;
}

.ct_claim_close_btn {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 20px;
  font-family: "Arial";
}

.ct_claim_close_btn:hover {
  cursor: pointer;
}

.ct_claim_close, .ct_name_close {
  display: block;
  color: #454545;
  cursor: pointer;
}

.ct_claim_skip {
  background-color: #fff;
  border: 2px solid #95ad47;
  color: #95ad47;
  font-size: 16px;
  font-weight: bold;
  margin: 0 auto;
  max-width: 80%;
  padding: 15px 20px;
  height: auto !important;
  border-radius: 50px;
  text-align: center;
}

.ct_claim_close_text {
  margin-top: 10px;
  color: #c3c3c3;
}

.ct_claim_skip:hover {
  color: #fff;
  background-color: #95ad47;
}

#claim_unregistered_btn, #download_certificate_link {
  position: absolute;
  bottom: 50px;
  display: block;
  width: 200px;
  margin-left: calc(50% - 100px);
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
  color: #FFF;
}

#ct_claim_container ul.the_champ_login_ul {
  position: relative;
  left: calc( 50% - 40px);
}

#claim_login_user {
  font-weight: bold;
  color: #a7a6a6;
}

.tml input[type="text"]:-webkit-autofill, .tml input[type="password"]:-webkit-autofill, #tree_name_input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #f3f7e5 inset;
}

.tml input[type="text"]:focus, .tml input[type="password"]:focus, #tree_name_input:focus {
  border-color: #95ad47;
}

/* progress bar */
#ct_progress_bar {
  display: none;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 80px;
}

#ct_progress_bar .loading {
  background-color: lightgrey;
  height: 2px;
  margin: 0px;
  overflow: hidden;
  position: relative;
  width: 320px;
}

#ct_progress_bar .loading-bar {
  animation: side2side 2s ease-in-out infinite;
  background-color: #95ad47;
  height: 100%;
  position: absolute;
  width: 50%;
  transform: translateZ(0);
}

@keyframes side2side {
  0%, 100% { transform: translateX(-50%); }
  50%      { transform: translateX(150%); }
}

#pb_text {
  color: #FFF;
}

@keyframes increase {
  from {
    width: 40%
  }
  to {
    width: 100%
  }
}

@-webkit-keyframes increase {
    0%  { width: 40%; }
    100% { width: 100%; }
}

@-moz-keyframes increase {
    0%  { width: 40%; }
    100% { width: 100%; }
}

@keyframes halfway {
  from {
    width: 0%
  }
  to {
    width: 40%
  }
}

@-webkit-keyframes halfway {
    0%  { width: 0%; }
    100% { width: 40%; }
}

@-moz-keyframes halfway {
    0%  { width: 0%; }
    100% { width: 40%; }
}

/* Growth */
.ct_mobile_nav {
  display: none;
}

.em_growth_card {
  display: none;
  position: absolute;
  z-index: 2;
  top: 15.3%;
  left: 85px;
  opacity: 0;
  pointer-events: none;
  width: 320px;
  height: 625px;
  background-color: rgb(0,0,0,0.4);
  padding: 10px;
  border-radius: 10px;
  transform: scale(0.85);
  transform-origin: top left;
  box-shadow: 0.1em 0.1em 0.5em 0.2em rgba(0, 0, 0, .2);
  max-height: 96vh;
}

.em_growth_card p {
  letter-spacing: 0px;
}

.em_growth_container {
  display: block;
  height: 50%;
  overflow: hidden;
  margin-top: 10px;
  position: relative;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/* Weather */
#testing_box {
  position: absolute;
  display: block;
  z-index: 3;
  top: 0;
  left: 380px;
  text-align: left;
}

#testing_box span {
  color: #fff;
  font-weight: bold;
}

#testing_box .test_btn {
  background-color: #95ad47;
  padding: 5px;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  margin: 5px;
  cursor: pointer;
}

#testing_box .test_btn:hover {
  background-color: #fff;
  color: #95ad47;
}

.em_growth_container.clearsky.day {
  background: linear-gradient(180deg, rgba(196,233,250,1) 0%, rgba(255,255,255,1) 100%);
}
.em_growth_container.fewcloud.day, .em_growth_container.scattered.day {
  background: linear-gradient(180deg, rgba(196,233,250,1) 0%, rgba(255,255,255,1) 50%);
}
.em_growth_container.rain.day, .em_growth_container.brokencloud.day {
  background: linear-gradient(180deg, rgba(167,188,196,1) 0%, rgba(255,255,255,1) 100%);
}
.em_growth_container.thunderstorm.day {
  background: linear-gradient(180deg, rgba(94,114,119,1) 0%, rgba(206,215,216,1) 100%);
}

.em_growth_container.snow.day {
  background: linear-gradient(180deg, rgba(167,188,229,1) 0%, rgba(255,255,255,1) 100%);
}
.em_growth_container.mist.day {
  background: #909CA0;
}
.em_growth_container.clearsky.night {
  background: linear-gradient(180deg, rgba(0,0,0,1) 9%, rgba(74,151,193,1) 100%);
}
.em_growth_container.fewcloud.night, .em_growth_container.scattered.night {
  background: linear-gradient(180deg, rgba(0,0,0,1) 9%, rgba(74,151,193,1) 100%);
}
.em_growth_container.rain.night, .em_growth_container.brokencloud.night, .em_growth_container.thunderstorm.night {
  background: linear-gradient(180deg, rgba(0,0,0,1) 9%, rgba(37,87,113,1) 100%);
}
.em_growth_container.snow.night {
  background: linear-gradient(180deg, rgba(0,0,0,1) 9%, rgba(74,151,193,1) 100%);
}
.em_growth_container.mist.night {
  background: linear-gradient(180deg, rgba(0,0,0,1) 9%, rgba(37,87,113,1) 100%);
}

.em_growth_container.fewcloud.day .em_growth_bg {
  background-image: url(img/growth/day/few-cloud.png);
}
.em_growth_container.rain.day .em_growth_bg, .em_growth_container.thunderstorm.day .em_growth_bg {
  background-image: url(img/growth/day/rain-cloud.png);
}
.em_growth_container.fewcloud.night .em_growth_bg, .em_growth_container.scattered.night .em_growth_bg {
  background-image: url(img/growth/night/scattered-cloud.png);
}
.em_growth_container.rain.night .em_growth_bg, .em_growth_container.thunderstorm.night .em_growth_bg {
  background-image: url(img/growth/night/rain-cloud.png);
}

.small_rain {
  animation: rain 2.5s;
  -moz-animation: rain 2.5s; /* Firefox */
  -webkit-animation: rain 2.5s; /* Safari and Chrome */
  -o-animation: rain 2.5s; /* Opera */
  animation-fill-mode: forwards;
  font-family: sans-serif;
  color: #747474;
}

.big_rain {
  animation: rain 1.5s;
  -moz-animation: rain 1.5s; /* Firefox */
  -webkit-animation: rain 1.5s; /* Safari and Chrome */
  -o-animation: rain 1.5s; /* Opera */
  animation-fill-mode: forwards;
  font-family: sans-serif;
  color: #747474;
}

@keyframes rain {
  from {
      opacity: 1;
  }
  to {
      top: 250px;
      opacity: 0;
  }
}
@-moz-keyframes rain { /* Firefox */
  from {
      opacity: 1;
  }
  to {
      top: 250px;
      opacity: 0;
  }
}
@-webkit-keyframes rain { /* Safari and Chrome */
  from {
      opacity: 1;
  }
  to {
      top: 250px;
      opacity: 0;
  }
}
@-o-keyframes rain { /* Opera */
  from {
      opacity: 1;
  }
  to {
      top: 250px;
      opacity: 0;
  }
}

.em_growth_container .sun-container, .em_growth_container .moon-container{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}

.em_growth_container .moon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 45px;
  right: 30px;
  position: absolute;
  box-shadow: inset -15px -10px 0 0 #cfba4c;
  animation-name: moon;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  margin: 0 auto;
  filter: none;
}

.em_growth_container .moon::after, .em_growth_container .moon::before {
  background: unset;
  mix-blend-mode: unset;
}

.em_growth_container .moon-rays {
  position: absolute;
  top: 70px;
  right: 40px;
  z-index: -5;
  transform: rotate(20deg);
  box-shadow: 0px 0px 80px 28px #fffedb;
  border-radius: 50%;
}

@keyframes moon {
  from{transform: rotate(5deg);};
}

.em_growth_container  .sun-rays {
  position: absolute;
  top: 27px;
  right: 12px;
  height: 100px;
  width: 100px;
  z-index: -5;
  background: radial-gradient(rgba(255, 237, 175, .8) 50%, rgba(255, 237, 175, .2) 72%);
  box-shadow: 0 0 0.5em rgb(255 241 190);
  border-radius: 50%;
  -webkit-animation: rays 10s infinite;
  -moz-animation: rays 10s infinite;
  animation: rays 10s infinite;
}

.em_growth_container .sun {
  position: absolute;
  top: 47px;
  right: 32px;
  height: 60px;
  width: 60px;
  z-index: -5;
  background: rgb(250 210 69);
  border-radius: 50%;
  box-shadow: 0 0 1em rgba(255, 237, 175, .5), inset 0 0 0.5em #FFFFAD;
}

/*Sun Animation*/
@-webkit-keyframes rays {
  0% {
      transform: scale(1.1);
  }
  25% {
      transform: scale(0.7);
  }
  50% {
      transform: scale(1.1);
  }
  75% {
      transform: scale(0.7);
  }
  100% {
      transform: scale(1.1);
  }
}

@-moz-keyframes rays {
  0% {
      transform: scale(1.1);
  }
  25% {
      transform: scale(0.7);
  }
  50% {
      transform: scale(1.1);
  }
  75% {
      transform: scale(0.7);
  }
  100% {
      transform: scale(1.1);
  }
}

@keyframes rays {
  0% {
      transform: scale(1.1);
  }
  25% {
      transform: scale(0.7);
  }
  50% {
      transform: scale(1.1);
  }
  75% {
      transform: scale(0.7);
  }
  100% {
      transform: scale(1.1);
  }
}

.snowflakes {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAYAAADL1t+KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTFCN0Y1NTYyMjczMTFFMUFCRDRFQUNEMjAzMjJFMkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkU1MTk3OTQyMjc0MTFFMUFCRDRFQUNEMjAzMjJFMkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMUI3RjU1NDIyNzMxMUUxQUJENEVBQ0QyMDMyMkUyRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMUI3RjU1NTIyNzMxMUUxQUJENEVBQ0QyMDMyMkUyRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhaMNc4AABHpSURBVHja7N3BTlzX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'),
  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEsCAYAAAB5fY51AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTFCN0Y1NEUyMjczMTFFMUFCRDRFQUNEMjAzMjJFMkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTFCN0Y1NEYyMjczMTFFMUFCRDRFQUNEMjAzMjJFMkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMUI3RjU0QzIyNzMxMUUxQUJENEVBQ0QyMDMyMkUyRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMUI3RjU0RDIyNzMxMUUxQUJENEVBQ0QyMDMyMkUyRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Prq/JMMAAAvPSURBVHja7N19bxTX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'),
  url('data:image/png;base64,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');
  font-family: helvetica, arial;
  -webkit-animation: snow 20s linear infinite;
  -moz-animation: snow 20s linear infinite;
  -ms-animation: snow 20s linear infinite;
  animation: snow 20s linear infinite;
}

@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
 
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
 
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 
  100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
 
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

#foglayer_01 {
  height: 100%;
  position: absolute;
  width: 200%;
  -webkit-animation: foglayer_moveme 20s linear infinite;
  -moz-animation: foglayer_moveme 20s linear infinite;
  animation: foglayer_moveme 20s linear infinite;
}

.broken_cloud_container, .scattered_cloud_container, .night_broken_cloud_container {
  height: 50%;
  position: absolute;
  width: 200%;
  -webkit-animation: foglayer_moveme 40s linear infinite;
  -moz-animation: foglayer_moveme 40s linear infinite;
  animation: foglayer_moveme 40s linear infinite;
}

#foglayer_01 .image01, #foglayer_01 .image02, .moving_clouds {
  float: left;
  height: 100%;
  width: 100%;
}

#foglayer_01 .image01, #foglayer_01 .image02 {
  background: url(img/growth/day/mist.png) center center/cover no-repeat transparent;
}

.broken_cloud_container .moving_clouds  {
  background: url(img/growth/day/broken-cloud.png) center center/cover no-repeat transparent;
}

.scattered_cloud_container .moving_clouds  {
  background: url(img/growth/day/scattered-cloud.png) center center/cover no-repeat transparent;
}

.night_broken_cloud_container .moving_clouds  {
  background: url(img/growth/night/broken-cloud.png) center center/cover no-repeat transparent;
}

@-webkit-keyframes foglayer_moveme {
  0% { left: 0; }
  50% { left: -100%; }
  100% { left: 0; }
}
@-moz-keyframes foglayer_moveme {
  0% { left: 0; }
  50% { left: -100%; }
  100% { left: 0; }
}
@-o-keyframes foglayer_moveme {
  0% { left: 0; }
  50% { left: -100%; }
  100% { left: 0; }
}
@keyframes foglayer_moveme {
  0% { left: 0; }
  50% { left: -100%; }
  100% { left: 0; }
}

@media only screen
and (min-width: 280px)
and (max-width: 767px) {
  #foglayer_01 .image01, #foglayer_01 .image02 {
    width: 100%;
  }
}

@keyframes fade {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}

.star {
  animation: fade 10s;
  border-radius: 50%;
  background: white;
  position: absolute;
}

#weather-canvas {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  overflow: hidden;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.em_growth_container .em_growth_land {
  background-image: url(img/growth/earth.png);
  width: 100%;
  height: 75px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -23px;
  z-index: 2;
}

.em_growth_tree {
  width: 100%;
  /* min-height: 100px; */
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 40px;
  z-index: 3;
}

.em_growth_tree img {
  display: block;
  margin: 0 auto;
  width: 160px;
}

.em_growth_bg {
  height: 92%;
  width: 100%;
  position: absolute;
  top: 0px;
  background-repeat: no-repeat;
  background-size: contain;
}

.em_growth_title {
  text-align: left;
  padding: 20px;
  z-index: 3;
  position: relative;
}

.night .em_growth_title p, .night .em_growth_title a, .night .em_growth_height .height_label, .night #edit_name_btn { color: #FFF;}
.day .em_growth_title p, .day .em_growth_height .height_label, .day #edit_name_btn { color: #0a0a0a;}
/* .em_growth_title p {
  color: #fff;
} */

.em_growth_treename {
  font-size: 22px;
  font-weight: bold;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 80%;
  display: none;
}

.blink_text {
  animation: 1s 3 blinker linear;
}

@keyframes blinker {
  50% { opacity: 0;}
}

.em_growth_data {
  position: absolute;
  bottom: -10px;
  text-align: left;
}

.em_growth_weather {
  position: absolute;
  left: 10px;
  bottom: 70px;
  color: #333;
  text-align: right;
  font-family: Montserrat;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
}

.em_growth_weather img {
  height: 30px;
}

#em_growth_weather_text {
    display: flex;
    position: absolute;
    left: 11px;
    top: 3px;
    width: max-content;
    text-align: left;
    white-space: nowrap;
    padding: 5px;
    background: linear-gradient(180deg, #C5E8E8 0%, #ffffff5e 100%);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 3;
    font-size: 10px;
}

#em_growth_weather_text #em_growth_weather {
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
}

.em_growth_temperatur {
  position: absolute;
  right: 10px;
  bottom: 70px;
  color: #333;
  text-align: right;
  font-family: Montserrat;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
}

.em_growth_temperatur img {
  height: 27px;
  z-index: 4;
  position: relative;
}

#em_growth_temperatur_text {
  display: table;
  position: absolute;
  right: 22px;
  top: 1px;
  min-width: 70px;
  width: max-content;
  text-align: center;
  white-space: nowrap;
  padding: 5px;
  padding-right: 15px;
  background: linear-gradient(180deg, #d7dbe2 0%, #ffffff5e 100%);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  z-index: 3;
  font-size: 10px;
}

#em_growth_temperatur_text .em_growth_temperatur_note {
  position: absolute;
  left: -8px;
  bottom: -8px;
  font-size: 16px;
  padding: 0;
  color: #95ad47;
  cursor: pointer;
  width: 16px;
  height: 16px;
  background: white;
  border-radius: 200px;
}

.em_growth_data .data_title {
  font-size: 13px;
  color: #525252;
}

.em_growth_data .data_subtitle {
  font-size: 13px;
  font-weight: bold;
  margin-top: 3px;
}

.em_growth_height {
  text-align: left;
  padding-left: 20px;
}

.em_growth_height .height_label {
  display: inline-block;
  font-size: 12px;
  position: relative;
  top: 2px;
  margin-right: 4%;
}

.em_growth_height .height_bar {
  width: 60%;
  height: 10px;
  border-bottom: dashed 1px #ff9393;
  display: inline-block;
}

/*Popup info*/
.emct-popup .emct-popup-inner.popup-cause-tracker-blank .close-icon {
  font-size: 32px;
  font-weight: 400;
  right: 5px;
}

.emct-popup .emct-popup-inner.popup-cause-tracker-blank {
  border-radius: 5px;
  border-top: unset;
  width: 340px;
  right: 250px;
  scale: .8;
}

.emct-popup .emct-popup-inner.popup-cause-tracker-blank .emct-popup-content {
  padding: 25px;
}

.emct-popup .emct-popup-inner.popup-cause-tracker-blank .emct-popup-content .cause-info-title {
  color: #000;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 15px;
}

.emct-popup .emct-popup-inner.popup-cause-tracker-blank .emct-popup-content .cause-info-content {
  color: #333;
  font-family: Montserrat;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 19px;
  letter-spacing: normal;
  margin-bottom: 15px;
}

.emct-popup .emct-popup-inner.popup-cause-tracker-blank .emct-popup-content .cause-info-learn-more {
  background: #95ad47;
  color: #ffffff;
  text-align: center;
  padding: 12px;
  border-radius: 200px;
  border: 1px solid #95ad47;
  font-family: Montserrat;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: normal;
  cursor: pointer;
}

.emct-popup .emct-popup-inner.popup-cause-tracker-blank .emct-popup-content .cause-info-learn-more:hover {
  background: #ffffff;
  color: #95ad47;
}

/*TreeChat*/
.em_treechat_header {
  position: relative;
  margin: 0px 20px 12px;
}

.em_treechat_footer {
  height: 45px;
  border-top: solid 2px rgba(0, 0, 0, 0.40);
  border-radius: 0;
  bottom: 7px;
  position: relative;
}

.em_treechat_container {
  height: 40%;
  background: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  top: -7px;
  position: relative;
  z-index: 2;
}

.em_treechat_title {
  color: #333;
  font-family: Montserrat;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  z-index: 2;
  position: relative;
  text-align: left;
}

#em_treechat_close {
  display: none;
  position: absolute;
  right: 0;
  font-family: "Montserrat-Medium";
  font-size: 16px;
  cursor: pointer;
  top: 0;
  z-index: 3;
}

#em_treechat_close:hover {
  color: #95ad47;
}

.em_treechat_link {
  font-weight: 550;
  text-decoration: underline;
}

#conversation {
  width: 100%;
  height: calc( 73% - 10px);
  margin-bottom: 10px;
  overflow-y: scroll;
  background: /* Shadow covers */
  linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, /* Shadows */
  radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)), radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)) 0 100%;
  background: /* Shadow covers */
  linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, /* Shadows */
  radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
  /* Opera doesn't support this in the shorthand */
  background-attachment: local, local, scroll, scroll;
}

#tc_chat_submit {
  border: none;
  background-color: transparent;
  font-size: 18px;
  height: 100%;
  color: #95ad47;
  cursor: pointer;
  padding: 0;
}

.panel_active {
  opacity: 1 ;
  pointer-events: all;
}

#ct_downloadapp_container {
  display: none;
  position: absolute;
  bottom: 10px;
  background-color: #ffffff;
  height: 25%;
  width: calc( 100% - 20px );
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-top: 30px;
}

#ct_downloadapp_container p {
  margin: 10px;
  font-size: 13px;
  color: #525252;
  text-align: left;
  padding-left: 5px;
}

#ct_downloadapp_container  a {
  display: inline-block;
  width: 100px;
  margin: 3px;
}

.download_close_btn {
  position: absolute;
  right: 7px;
  top: 0px;
  color: #fff;
} 

/* treechat active */
.em_growth_card.tc_expand .em_treechat_container {
  height: calc( 75% - 60px );
  bottom: 12px;
  position: absolute;
  z-index: 1;
  width: calc( 100% - 20px );
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  top: unset;
  transition: height 0.26s ease;
}

#ct_header_container {
  padding: 12px 15px;
  background-color: #fff;
  color: #414141;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#ct_header_container .header_container_left {
  display: flex;
  align-items: center;
  gap: 10px;
}

#ct_header_container .header_container_left .edit_name_btn_container {
  position: relative;
  display: flex;
  align-items: center;
}

#ct_header_container .header_container_left .edit_name_btn_container #edit_name_btn {
  height: 18px;
  top: unset;
  left: unset;
}

#ct_header_container .header_container_left .edit_name_btn_container #edit_name_btn:hover+.edit_name_tooltip {
  display: block !important;
}

#ct_header_container .header_container_left .edit_name_btn_container #edit_name_btn:hover+.edit_name_tooltip {
  background: #000;
  color: #ffff;
  padding: 5px 3px;
  z-index: 4;
}

#ct_header_container .header_container_left .edit_name_btn_container #edit_name_btn:hover+.edit_name_tooltip::before {
  top: -11px;
}

#ct_header_container .ct_play_sound i {
  font-size: 30px;
}

#ct_header_container .ct_play_sound .ct_soundwave {
  display: flex;
  height: 30px;
  width: 50px;
}

#ct_header_container .ct_play_sound i,
#ct_header_container .ct_play_sound.disabled .ct_soundwave {
  display: none;
  cursor: pointer;
}

#ct_header_container .ct_play_sound.disabled i {
  display: block;
}

.em_growth_card.tc_expand .em_growth_container, .em_growth_card.tc_expand #ct_sound {
  opacity: 0.5;
}

.em_growth_card.tc_expand .em_treechat_header {
  margin: 10px;
  margin-left: 20px;
  color: #333;
  font-family: Montserrat;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.em_growth_card.tc_expand #em_treechat_close {
  display: block;
}

.em_growth_card.tc_expand .em_treechat_footer {
  bottom: -24px;
  transition: bottom 0.26s;
}

/* short questionaire */
#rate_gift_container {
  width: 100%;
  min-height: 100px;
}

#rate_gift_container p {
  height: 65px;
}

.rate_emot {
  font-size: 24px;
  padding: 3px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  width: 32px;
  text-align: center;
  line-height: 32px;
  margin-top: 4px;
}

.rate_emot:hover {
  background-color: #c7d790;
  font-size: 28px;
  border-radius: 50px;
  line-height: 28px;
}

/* audio */
#ct_sound {
  background-color: #fff;
  color: #414141;
  font-size: 24px;
  cursor: pointer;
  width: calc( 100% - 20px );
  text-align: left;
  padding: 15px 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#ct_sound .ct_act_icon {
  width: 25px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  /* margin-left: 10px; */
}

#ct_sound.disabled .on, #ct_sound .off {
  display: inline-block;
}

#ct_sound .on, #ct_sound.disabled .off {
  display: none;
}

#ct_sound_title {
  display: inline-block;
  vertical-align: middle;
}

#ct_sound_title p {
  color: #333333;
  line-height: 25px;
  padding-left: 5px;
  font-family: "Montserrat-Bold";
  font-size: 13px;
}

#ct_sound_animation_container {
  position: absolute;
  right: 30px;
  top: 28px;
  font-size: 30px;
}

.ct_soundwave {
  width:40px;
  height:25px;
  display:flex;
  align-items:center;
  justify-content:space-around;
  cursor:pointer;
  margin-right: 5px;
  right: 7px;
  position: relative;
}
.ct_soundwave:hover span {
  background-color:#fff;
}
.ct_soundwave span {
  display: block;
  width: 2px;
  background-color: #95ad47;
  animation: soundwave_animation 0ms -.8s linear infinite alternate;
  transition: height .8s, background .3s;
}
.ct_soundwave span:nth-child(1) {
  height:1px;
  animation-duration:474ms;
}
.ct_soundwave span:nth-child(2) {
  height:3px;
  animation-duration:433ms;
}
.ct_soundwave span:nth-child(3) {
  height:5px;
  animation-duration:407ms;
}
.ct_soundwave span:nth-child(4) {
  height:7px;
  animation-duration:458ms;
}
.ct_soundwave span:nth-child(5) {
  height:8px;
  animation-duration:.4s;
}

.ct_soundwave.off span {
  animation:none;
}
.ct_soundwave.off span:nth-child(1) {
  height:8px;
  animation-duration:474ms;
}
.ct_soundwave.off span:nth-child(2) {
  height:3px;
  animation-duration:433ms;
}
.ct_soundwave.off span:nth-child(3) {
  height:5px;
  animation-duration:407ms;
}
.ct_soundwave.off span:nth-child(4) {
  height:4px;
  animation-duration:458ms;
}
.ct_soundwave.off span:nth-child(5) {
  height:8px;
  animation-duration:.4s;
}

@keyframes soundwave_animation {
  0% {opacity:.35;height:4px}
  100% {opacity:1;height:18px}
}

#ct_sound.disabled .ct_soundwave, #ct_sound_animation_container i {
  display: none;
}

#ct_sound.disabled #ct_sound_animation_container i {
  display: block;
}

.embedded #ct_sound, .embedded #ct_hide_btn, .embedded .ct_dimension_btn, .embedded .ct_card_action_btn {
  display: none !important;
}

.owntree #ct_sound, .owntree #ct_hide_btn, .owntree .ct_dimension_btn, .owntree .ct_card_action_btn {
  display: none !important;
}

/* details show hide button */
#ct_hide_btn, .ct_dimension_btn {
  position: absolute;
  bottom: 50px;
  left: 10px;
  cursor: pointer;
}
#ct_3d_btn, #ct_rotate_btn, #ct_stoprotate_btn {bottom: 175px}
#ct_2d_btn {bottom: 110px}
#ct_reset_btn {bottom: 305px}
#ct_sound_btn {bottom: 275px}
#ct_flytome_btn {bottom: 240px}
#ct_flyback_btn {bottom: 50px; background: #000;}

.on_teams #ct_flytome_btn, #ct_flytome_btn #ct_flyback_btn {
  display: none !important;
}

.ct_dimension_btn {
  background-color: rgba(0,0,0,0.5);
}
.ct_dimension_btn:hover {
  background: transparent;
  border-color: #FFF;
  border: solid 2px;
}

#ct_flyback_btn.ct_dimension_btn:hover {
  border-color: #000;
}

#ct_hide_btn .max, #ct_hide_btn.hide .min {
  display: none;
}

#ct_hide_btn.hide .max {
  display: block;
}

#ct_hide_btn i, .ct_dimension_btn {
  font-size: 22px;
  color: white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: color 0.2s ease, background-color 0.2s ease, transform 0.3s ease;
}

#ct_hide_btn i:after {
  content: "";
  width: 100%;
  height: 100%;
  transform: scale(0.8);
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 50%;
  transition: all 0.3s ease;
}

#ct_hide_btn i:hover:after {
  transform: scale(1);
  box-shadow: 10px 0 20px rgba(0, 0, 0, 0.19), 6px 0 6px rgba(0, 0, 0, 0.23);
}

#ct_hide_btn i {
  background-color: rgba(0,0,0,0.5);
}

#ct_hide_btn i:hover {
  color: #FFF;
}

#ct_hide_btn:hover i:after {
  border-color: #FFF;
  border: solid 2px;
}

#ct_hide_btn i:hover {
  background-color: transparent;
  transform: rotate(90deg);
  cursor: pointer;
  box-shadow: none;
}

#ct_hide_btn .tooltiptext, .ct_dimension_btn .tooltiptext {
  visibility: hidden;
  width: max-content;
  background-color: rgba(0, 0, 0, .5);
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 10px;
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 60px;
  line-height: 18px;
  font-size: 16px;
  letter-spacing: 0;
  text-align: left;
}

#ct_hide_btn:hover .tooltiptext, .ct_dimension_btn:hover .tooltiptext {
  visibility: visible;
}

.ct_dimension_btn.disabled {
  pointer-events: none;
  background-color: #95ad47;
}

#ct_rotate_btn, #ct_stoprotate_btn {
  background-color: #95ad47;
}

#ct_rotate_btn:hover, #ct_stoprotate_btn:hover {
  border: none;
}

#ct_rotate_btn, #ct_stoprotate_btn, #ct_3d_btn.disabled, #ct_reset_btn.disabled, #ct_flyback_btn {
  display: none;
}

#ct_rotate_btn.enabled, #ct_stoprotate_btn.enabled {
  display: block;
}

/* GPS details popup */
#gps_popup_bg {
  position: absolute;
  display: none;
  width: 100vw;
  height: 100vh;
  background-color: rgb(0,0,0,0.7);
}

#gps_popup_bg table td {
  text-align: left;
}

#gps_copy_btn {
  text-align: center;
  padding: 20px;
}

#em_gps_view {
  color: #95ad47;
  text-decoration: underline;
  cursor: pointer;
}

/* Teams */
.teams-tracker .ct_social_share, .teams-tracker .ct_card_action_btn, .teams-tracker #edit_name_btn {
  display: none !important;
}

.teams-tracker .ct_company_banner_container {
  pointer-events: none !important;
}

.teams-tracker .ct_social_share.teams_share {
  display: block !important;
}

#treebreak_popup_container {
  position: absolute;
  z-index: 3;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.6);
}

.treebreak_popup {
  background-color: #fff;
  width: 80%;
  max-width: 550px;
  padding: 15px 15px 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -60%);
  transform: translate(-50%, -60%);
  border-radius: 10px;
}

#treebreak_close_btn {
  position: absolute;
  right: 20px;
  top: 15px;
  cursor: pointer;
}

.treebreak_popup h3 {
  margin: 15px 0px;
  font-size: 28px;
}

.treebreak_popup p {
  margin-bottom: 30px;
  letter-spacing: 0;
  line-height: 24px;
}

.treebreak_btn {
  background-color: #95ad47;
  color: #fff;
  padding: 15px;
  width: 50%;
  border-radius: 50px;
  position: relative;
  margin: 0 auto;
  border: solid 2px #95ad47;
  cursor: pointer;
}

.treebreak_btn:hover {
  color: #95ad47;
  background-color: #fff;
}

/* features highlight */
#treetracker_features_btn {
  position: absolute;
  z-index: 1;
  bottom: 25px;
  left: 50%;
  transform: translate(-50%, 0%);
  cursor: pointer;
  font-family: "Montserrat-Medium";
}

#treetracker_features_back_btn {
  margin-top: 80px;
}

#treetracker_features_btn a, #treetracker_features_back_btn a {
  color: #fff;
}

#treetracker_features_btn:hover a, #treetracker_features_back_btn:hover a {
  text-decoration: underline;
}

#treetracker_features_wrapper {
  max-height: 100vh;
  overflow: scroll;
}

#treetracker_features {
  background-color: #000;
  padding: 80px 30px;
  text-align: center;
}

#treetracker_features_title {
  color: #fff;
  margin-bottom: 40px;
}

#treetracker_features img {
  max-width: 80%;
}

#features_mobile {
  display: none;
}

.on_embed  .features_highlight_el, .on_teams .features_highlight_el {
  display: none !important;
}

/* #teams_share_btn {
  background-color: rgba(0, 0, 0, .5);
  color: #fff;
  position: relative;
  top: 100px;
  padding: 15px;
  border-radius: 50px;
  max-width: 85%;
  cursor: pointer;
}

#teams_share_btn:hover {
  background-color: rgba(0, 0, 0, .7);
} */

.teams_share_popup .forest_popup_container {
  top: calc( 50% - 200px );
}

.teams_share_popup {
  z-index: 999;
  top: 0px;
  text-align: left;
}

.teams_share_popup .forest_popup_header {
  padding: 15px;
}

#teams_share_channel {
  padding: 10px 0px;
  border-top: 1px solid #EDEDED;
  border-bottom: 1px solid #EDEDED;
  margin: 20px 0px;
  max-height: 230px;
  overflow-y: scroll;
}

.teams_channel_item {
  padding: 10px;
  cursor: pointer;
}

.teams_channel_item:hover, .teams_channel_item.active  {
  background-color: #F2F3ED;
}

.teams_share_popup p {
  font-family: "Montserrat-Medium";
  color: #6C6C6C;
  font-size: 12px;
  margin-bottom: 5px;
}

.teams_share_popup .teams_channel_name {
  font-size: 13px;
  letter-spacing: 0;
  color: #000;
  font-weight: 700;
}

.teams_share_popup_btn_container {
  padding: 10px;
}

.teams_share_popup_btn {
  text-align: center;
  padding: 10px;
  color: #fff;
  border-radius: 50px;
  cursor: pointer;
  background-color: #E0E0E0;
}

#teams_popup_submit {
  background-color: #95ad47;
}

#teams_popup_submit.disabled {
  background-color: #E0E0E0;
  pointer-events: none;
}

.teams-tracker {
  min-height: 800px;
}

.cause_tracker_details_mobile {
  display: none;
}

.cause_tracker_details_mobile::before {
  content: '';
  position: fixed;
  left: 0;
  top: 0;
  z-index: 4;
  width: 100%;
  height: 150px;
  background: linear-gradient(180deg, #FFF 10%, rgba(255, 255, 255, 0.00) 100%);
}

.cause_tracker_details_mobile.hidden {
  display: none;
}

.ct_track_header {
  position: absolute;
  top: 0;
  left: 0;
  padding: 30px 85px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2;
  width: calc(100% - 90px);
}

.ct_track_header .ct_track_header_col.flex-menu {
  display: flex;
}

.ct_track_header .ct_track_header_subcol img {
  height: 50px;
  width: auto;
}

.ct_track_header .ct_track_header_col a:hover {
  cursor: pointer !important;
}

.ct_track_header .ct_track_header_col a.ct_login {
  color: #fff;
  padding: 0 12px;
}

.ct_track_header .ct_track_header_col a.ct_login:hover {
  font-weight: 600;
}

.ct_track_header .ct_track_header_col a.ct_plant {
  background-color: #95ad47;
  padding: 10px 25px !important;
  border-radius: 50px;
  color: #000 !important;
  border-color: #95ad47;
  border-style: solid;
  border-width: 2px;
  margin-right: 30px;
  box-shadow: 2px 2px 100px #000;
}

.ct_track_header .ct_track_header_col a.ct_plant:hover {
  color: #95ad47 !important;
  background-color: #fff;
  cursor: pointer !important;
}

.ct_track_header .ct_track_header_col a.ct_plant_icon {
  vertical-align: middle;
  position: relative;
  padding: 30px 12px;
}

.ct_track_header .ct_track_header_col a.ct_plant_icon:hover {
  cursor: pointer;
  background-color: rgba(54, 54, 54, 0.33) !important;
}

@media (max-width: 1366px) {
  #cause-detail .em_container, #cause-detail-2 .em_container {
    transform : scale(0.89);
    margin-top: -32px;
  }
}

@media (max-width: 800px) {
  .embedded .em_container {
    right: 50px;
  }
}

@media (max-width: 768px) {
  .em_container .em_card_stack .em_card_list li {
    top: 55px;
  }

  .em_shown_card2 {
    height: 90%;
    transform: translate(0, 15px);
  }

  .em_shown_card3 {
    height: 90%;
    transform: translate(-10%, 15px);
  }

  .ct_left_container .em_planter_desc, .ct_left_container .em_species_desc, .ct_left_container .em_biodiversity_desc {
    font-size: 9px;
    line-height: 12px !important;
    max-height: 45px;
  }
  .em_msg_btn, .em_fanpage_btn {
    font-size: 11px;
  }

  .ct_video_container {
    max-width: 76vw;
    margin-left: -35vw !important;
  }

  .reg_popup {
    margin-top: 0px;
  }

  .reg_popup .reg_popuptext::after {
    left: 60%;
  }

  .em_container {
    width: 225px !important;
    height: 430px !important;
    top: 25%;
    right: 20%;
  }

  .embedded .em_container {
    right: 50px;
  }

  .em_close {
    font-size: 11px;
    top: -2px;
  }

  .panel {
    max-height: 45px !important;
  }

  .ct_cmp_text p {
    font-size: 8px;
  }

  .ct_company_banner_container img {
    max-height: 45px !important;
  }

  .em_container .em_card_stack .em_buttons {
    width: 30px;
    height: 30px;
    line-height: 23px;
    display: block;
  }

  .em_container .em_card_stack .next i, .em_container .em_card_stack .prev i {
    padding-top: 2px;
  }

  .em_container .em_card_stack .prev {
    left: 0px;
    margin-left: -15px;
  }

  .em_container .em_card_stack:hover > .em_buttons.prev {
    animation: none;
  }

  .em_container .em_card_stack:hover > .em_buttons.next {
    animation: none;
  }

  .em_planter_text {
    font-size: 10px !important;
    line-height: 15px !important;
  }

  .em_msg_opening, .em_msg_body, .em_msg_closing {
    font-size: 9.75px;
  }

  .em_msg_sign {
    font-size: 18px;
  }

  .em_vendor_logo {
    max-height: 70px;
    margin-right: 3.75px;
  }

  .em_right_container .em_tc {
    font-size: 11.5pt;
  }

  .em_time_container {
    height: 17px;
    padding-right:3px;
  }

  .em_time {
    min-width: 20px;
  }

  .em_tc_number_title, .em_town, .em_country, .em_tc_number, .em_temp, .em_planting_date {
    font-size: 8.5pt;
  }

  .em_country {
    max-width: 130px;
  }

  .em_fm_container img {
    max-width: 25px;
    max-height: 25px;
  }

  .em_container .em_card_stack .em_card_list .em_card .em_card_footer img {
    left: 15%;
  }

  .em_planter_name, .em_species_name, .em_biodiversity_name {
    font-weight: 500;
    font-size: 13px;
  }

  .em_content_container .em_message p {
    padding: 3%;
  }

  #cause-detail .em_container, #cause-detail-2 .em_container {
    margin-top: 50%;
    margin-left: 10px !important;
  }

  #loadingwheel1 {
    left: calc(50% - 150px);
  }

  #loadingwheel2, #loadingwheel3 {
    left: calc(72%);
  }

  .social_share_dropdown_2 {
    width: 220px;
  }

  /* Growth */
  .em_growth_card {
    width: 230px;
    height: 488px;
    top: 25.6%;
  }

  .em_growth_title {
    padding: 10px;
  }

  .em_growth_treename {
    font-size: 18px;
  }

  .em_growth_temp {
    font-size: 13px;
  }

  .em_growth_tree img {
    width: 80px;
  }

  .em_growth_data {
    padding: 0px;
    width: 100%;
  }

  .em_growth_data .vc_col-sm-6 {
    padding: 0px;
    width: 49%;
    display: inline-block;
  }

  .em_treechat_container {
    height: calc( 43% - 20px );
  }

  #conversation {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px 0px;
    height: calc( 65% - 10px);
  }

  p.lexResponse {
    font-size: 12px !important;
    line-height: 16px !important;
    padding: 8px !important;
  }

  input#wisdom {
    font-size: 12px !important;
  }
  
  #rate_gift_container p {
    height: 65px;
  }
  
  .rate_emot {
    font-size: 20px;
    padding: 5px 2px;
    width: 28px;
    line-height: 28px;
  }
  
  .rate_emot:hover {
    line-height: 22px;
  }

  .em_growth_container .sun {
    width: 40px;
    height: 40px;
    top: 96px;
  }

  .em_growth_container .sun-rays {
    height: 60px;
    width: 60px;
    right: 22px;
    top: 85px;
  }

  .em_growth_container .moon {
    top:96px;
  }

  .em_growth_container .moon-rays {
    top: 117px;
  }

  #cause-tracker-container .ct_social_share ul {
    height: auto;
  }

  #cause-tracker-container .ct_social_share ul li {
    width: 95px;
    padding: 8px;
    height: 20px;
    vertical-align: middle;
    font-size: 14px;
  }

  #cause-tracker-container .ct_social_share ul li i {
    font-size: 12px;
    line-height: normal;
  }

  #cause-tracker-container .ct_social_share.teams_share ul li a {
    font-size: 13px;
  }
  
  #cause-tracker-container .ct_social_share.teams_share ul li a i {
    font-size: 13px;
    margin-right: 5px;
  }

  .em_detail_row {
    line-height: 20px;
  }

  .ct_card_action_btn {
    padding: 0px 10px;
    font-size: 11px;
    top: 290px;
  }

  .embedded .em_ngo_img_container {
    margin-bottom: 0px;
  }

  .embedded .em_ngo_desc .em_planter_text {
    margin: 0px;
  }

  .embedded .em_watermark {
    padding-top: 6px;
  }

  /* biodiversity */
  .em_biodiversity_img {
    height: 182px;
  }

  .ct_recommendation_more_trees {
    display: none;
  }
}

@media (max-width: 600px) {
  #cause-detail, #cause-detail-2 {
    display: none;
  }

  #cmap-google {
    width: 100%;
    max-width: 100%;
  }

  #loadingwheel1 {
    left: calc(50% - 30px);
  }

  #register_modal {
    top: 20px !important;
  }

  .popupBody {
    max-height: 81vh;
  }

  #wp-submit2 {
    font-size: 16px !important;
  }

  .social_share_dropdown_2 {
    display: none;
  }
}

@media (max-width: 450px) {
  .mapboxgl-ctrl-bottom-left,
  .mapboxgl-ctrl-bottom-right {
    display: none !important;
  }

  .ct_nav_bg {
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
  }

  #treetracker_features_btn {
    z-index: 3;
    width: 100%;
    text-align: center;
    top: unset;
    bottom: 35px;
    position: fixed;
  }

  #treetracker_features_btn.scrolled {
    top: 90%;
    position: absolute;
    bottom: unset;
  }

  #treetracker_features_back_btn {
    margin-bottom: 80px;
  }

  #treetracker_features_title {
    margin-top: 60px;
  }

  #treetracker_features img {
    max-width: 90%;
  }
  
  #features_mobile {
    display: block;
    margin: 0 auto;
  }

  #features_desktop {
    display: none;
  }

  #ct_progress_bar {
    left: 50%;
    transform: translate(-50%, -50%);
  }

  #ct_progress_bar .loading {
    max-width: 300px;
  }

  #ct_claim_container, #ct_name_container {
    z-index: 1000;
  }

  .ct_claim_form_container, .ct_name_form_container {
    width: 80%;
    padding: 20px;
    top: 10%;
    transform: translateX(-50%);
  }

  #ct_claim_container .ct_claim_form_container .tml-field-wrap.tml-log-wrap .tml-label, #ct_claim_container .ct_claim_form_container .tml-field-wrap.tml-pwd-wrap .tml-label, #ct_claim_container .ct_claim_form_container .tml-field-wrap.tml-user_email-wrap .tml-label, .tree_name_label {
    font-size: 14px;
  }

  .tree_name_input {
    width: 80%;
  }

  .ct_name_btn_container, .ct_claim_btn_container {
    display: flex;
    flex-direction: column-reverse;
  }

  .ct_claim_skip {
    max-width: 80%;
    margin-top: 15px;
  }

  #claim_unregistered_btn {
    display: none;
    bottom: 115px;
    width: 250px;
    margin-left: calc(50% - 125px);
    position: fixed;
  }

  #claim_unregistered_btn.active {
    display: block;
  }

  #ct_cert_download_arrow {
    display: none;
  }

  .em_certificate_url {
    display: block !important;
  }

  #download_certificate_link {
    bottom: 150px;
    width: 250px;
    margin-left: calc(50% - 125px);
  }

  #ct_downloadapp_container {
    display: block;
    pointer-events: auto;
  }

  .em_planter_desc, .em_species_desc {
    font-size: 9px;
    line-height: 12px !important;
  }
  .em_msg_btn, .em_fanpage_btn {
    font-size: 11px;
  }

  .progress {
    width: 250px;
    left: calc(50% - 125px);
  }

  p.lexResponse {
    padding: 10px 20px !important;
  }

  #pb_text {
    top: -100px;
    font-size: 14px;
    text-align: center;
  }

  .reg_popup {
    margin-left: -11vw;
  }

  .ct_video_container {
    margin-left: -37vw !important;
  }

  .reg_popup {
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .reg_popup .reg_popuptext::after {
    left: 60%;
  }

  .em_container .em_card_stack {
    height: 400px;
    top: 0;
  }

  .em_container .em_card_stack .em_card_list li {
    top: 0px;
  }

  .ct_bmap_btn, .ct_gmap_btn {
    width: 50px;
    height: 8px;
    font-size: 8px;
  }

  .em_container {
    width: 265px !important;
    height: 400px !important;
    left: calc( 50% - 130px ) !important;
    top: 170px !important;
    display: none;
  }

  .em_close {
    display: none !important;
    font-size: 11px;
    top: -2px;
  }

  .panel, #ct_hide_btn {
    display: none;
  }

  .ct_company_banner_container img {
    max-height: 45px !important;
    max-width: 90%;
  }

  .em_country {
    max-width: 150px;
  }

  .em_container .em_card_stack .next {
    margin-left: 0px;
  }

  .em_planter_text {
    font-size: 10px !important;
    line-height: 15px !important;
  }

  .em_msg_opening, .em_msg_body, .em_msg_closing {
    font-size: 9.75px !important;
  }

  .em_msg_sign {
    font-size: 18px;
    width: 100%;
  }

  .em_vendor_logo {
    max-height: 70px;
    margin-right: 3.75px;
  }

  .em_tc_container {
    height: 21px;
    padding-left: 3px;
  }

  .em_content_container .em_message p {
    padding: 2%;
    font-size: 10px;
    margin-top: 8%;
  }

  #cause_tracker_map {
    top: 0px;
    position: absolute !important;
    background: #000;
    height: 100vh;
  }

  .embedded #cause_tracker_map {
    height: 100vh !important;
  }

  .panel_mobile {
    position: relative;
    top: 90px;
    width: 250px;
    z-index: 955;
    border-radius: 10px;
    margin-left: -3px;
  }

  .ct_cmp_text p {
    font-size: 10px;
  }

  .em_container .em_card_stack .em_card_list .em_card .em_content_container {
    height: 85%;
  }

  .ct_card_action_btn {
    bottom: 10%;
    top: unset;
  }

  /* Growth */
  .ct_mobile_nav {
    height: 55px;
    position: fixed !important;
    top: 3vh !important;
    z-index: 999;
    width: 100%;
    padding: 5px 0px;
    text-align: center;
  }

  .ct_mobile_nav.disabled {
    opacity: .5;
  }

  .mobile_nav_container {
    display: inline-block;
    width: 24%;
    height: auto;
    vertical-align: middle;
    text-align: center;
    margin: 0px 3px;
    font-size: 11px;
    letter-spacing: 0;
    max-height: 42px;
  }

  .mobile_nav_container.custom_mobile_nav {
    display: inline-block !important;
    position: relative !important;
    padding: 11px 12px !important;
    margin: 0 3px !important;
    border-radius: 8px !important;
    width: unset;
    height: unset;
    max-height: 38px;
    background: rgba(0, 0, 0, 0.27) !important;
  }

  .mobile_nav_container.custom_mobile_nav i {
    font-size: 16px;
  }

  .mobile_nav_btn {
    max-width: 80%;
    margin: 0 auto;
    padding: 11px 10px;
    font-weight: bold;
    border-radius: 8px;
    border: solid 1px;
    color: #FFF;
    background: rgba(0, 0, 0, 0.27);
    text-align: center;
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    overflow-wrap: break-word;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mobile_nav_btn.active {
    background-color: #95ad47;
    border-color: #ffffff;
  }

  .embedded .mobile_nav_container:first-of-type, .mobile_nav_container.owntree:not(.mobile_nav_container.owntree ~ .mobile_nav_container.owntree) {
    display: none;
  }

  .mobile_nav_container.owntree {
    display: inline-flex;
    width: 45%;
  }

  .em_growth_card {
    left: calc( 50% - 130px );
    display: none;
    top: 170px;
    border-radius: 10px;
    transform: none;
    width: 234px;
    height: 380px;
  }

  .em_growth_container {
    height: 70%;
    margin-top: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }

  .em_growth_bg {
    position: relative;
    width: 100vw;
    height: 90vh;
    top: unset;
    bottom: 10vh;
    left: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }

  .em_growth_data {
    top: 205px;
    position: relative;
    background-color: #fff;
    height: 65px;
    z-index: 1;
  }

  .em_growth_data .vc_col-sm-6 {
    width: 100%;
    margin-top: 10px;
  }

  .em_growth_data .data_title {
    width: 49%;
    display: inline-block;
  }

  .em_growth_data .data_subtitle {
    width: 49%;
    display: inline-block;
  }

  .em_growth_container.fewcloud.day, .em_growth_container.scattered.day {
    background: linear-gradient(180deg, rgba(196,233,250,1) 0%, rgba(255,255,255,1) 40%);
  }

  .on_embed .ct_mobile_nav, .on_teams .ct_mobile_nav {
    text-align: center;
  }

  .on_embed .mobile_nav_container {
    width: 45%;
  }

  .ct_mobile_nav.hide, .panel_mobile.hide, #ct_social_share.hide, .ct_fam_btn.hide {
    display: none !important;
  }

  /* TreeChat */
  .social_share_dropdown_2 {
    display: block;
    width: 100%;
    top: 90vh;
    left: -10px;
    padding-top: 0px;
  }

  .em_treechat_title {
    font-size: 24px;
  }

  .em_treechat_container {
    display: none !important;
    position: absolute;
    top: unset;
    bottom: 0;
    left: 0;
    height: 100%;
    max-height: 41vh;
    display: flex;
    flex-direction: column;
  }

  .em_growth_card.tc_expand .em_treechat_container {
    width: 100%;
    bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .em_growth_card.tc_expand .em_treechat_footer {
    position: absolute;
    bottom: 20px;
    transition: unset;
  }

  .em_treechat_title {
    opacity: 1;
    font-size: 24px;
  }

  .ct_twit_container {
    padding-left: 10px;
    padding-right: 10px;
  }

  #conversation {
    width: calc(100vw - 20px);
    height: 16vh !important;
    padding: 10px;
  }

  input#wisdom {
    width: 75% !important;
  }

  /* #cause-tracker-container {
    height: calc( 100vh - 100px );
  } */

  #cause-tracker-container.embedded {
    height: 100vh;
  }

  .ct_fam_btn, #global_forest_map_btn {
    top: unset;
    bottom: 48px;
    position: fixed;
    background-color: rgba(0,0,0,0.9) !important;
    color: #95ad47 !important;
    border-radius: 0;
    width: 100vw;
    right: 0px !important;
    padding: 2px 0px;
    text-align: center;
    border-bottom: solid 0.75px #313131;
    border-color: #313131 !important;
  }

  .ct_fam_btn {
    background-color: rgba(0,0,0,0.9) !important;
    padding: 5px 0px;
    text-align: center;
    font-family: "Montserrat" !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
  }

  .ct_fam_btn.owntree {
    bottom: 0;
  }

  .ct_fam_btn i, #global_forest_map_btn i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
  }

  #peopleforest_btn {
    top: unset;
    bottom: 75px;
    right: calc(50% - 80px);
    height: 36px;
    display: none !important;
  }

  #cause-tracker-container .ct_social_share {
    position: fixed;
    bottom: 0px;
    left: 0px;
    border-radius: 0;
    background: rgba(0,0,0,0.9);
    transform: none;
    margin-bottom: 0;
  }

  #cause-tracker-container .ct_social_share.ct_additional {
    z-index: 4;
    background: rgba(255, 255, 255, 0.85);
  }

  #cause-tracker-container .ct_social_share.ct_additional ul {
    border-top: solid 0.75px #E3E3E3;
  }

  #cause-tracker-container .ct_social_share.ct_additional ul li {
    border-right: solid 0.75px #E3E3E3;
    border-bottom-right-radius: 0;
  }

  #cause-tracker-container .ct_social_share.ct_additional ul li a {
    color: #222222;
  }

  #cause-tracker-container .ct_social_share.ct_additional ul li i {
    color: #222222;
  }

  #cause-tracker-container .ct_social_share.ct_additional li#ct_card_footer_share_btn a,
  #cause-tracker-container .ct_social_share.ct_additional li#ct_card_footer_app_btn a,
  #cause-tracker-container .ct_social_share.ct_additional li#ct_card_footer_download_certifcate_btn a {
    color: #222;
  }

  #cause-tracker-container .ct_social_share.ct_additional li#ct_card_footer_share_btn a i,
  #cause-tracker-container .ct_social_share.ct_additional li#ct_card_footer_app_btn a i,
  #cause-tracker-container .ct_social_share.ct_additional li#ct_card_footer_download_certifcate_btn a i {
    color: #222;
  }

  .card_active {
    display: block !important;
    opacity: 1;
    z-index: 999;
  }

  #cause-tracker-container .ct_social_share ul {
    /* height: 36px; */
    width: 100vw;
    height: 50px;
    display: flex;
    align-items: center;
  }

  #ct_sound {
    display: inline-block;
    width: 20%;
    height: 38px;
    position: relative;
    right: unset;
    background-color: unset;
    border: solid 1px #fff;
    border-radius: 10px;
    left: 3px;
    top: -1px;
    text-align: center;
    padding: 0;
    line-height: 34px;
  }

  #ct_sound:hover {
    border-radius: 10px !important;
  }

  #ct_3d_btn, #ct_rotate_btn, #ct_stoprotate_btn {
    bottom: 165px
  }

  #ct_flytome_btn {
    bottom: 220px
  }

  .mobile_nav_container {
    cursor: pointer;
    display: inline-flex;
    align-items: stretch;
    justify-content: center;
    width: 25%;
    margin: 0;
    margin-right: 5px;
  }

  .embedded .em_ngo_img_container {
    margin-bottom: 20px;
  }

  .embedded .em_watermark {
    padding-top: 5px;
  }

  #treebreak_popup_container {
    z-index: 960;
  }

  .treebreak_popup {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  #cause_tracker_map .mapboxgl-ctrl-group button {
    display: none;
  }

  #ct_page_container {
    display: flex;
    flex-flow: column;
  }

  #ct_page_container::before {
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
    height: 160px;
    width: 100vw;
    z-index: 3;
  }

  #ct_form_section {
    /* order: 2;
    position: relative;
    top: calc( 100vh - 500px ); */
    top: 0px;
  }

  #ct_social_share_options, #ct_open_app_options {
    bottom: 50px;
    transform: none;
    border-radius: 0;
    padding: 0;
    border-bottom: solid 0.75px #313131;
    position: fixed;
    background: rgba(0,0,0,0.9);
  }

  #ct_social_share_options.ct_additional, #ct_open_app_options.ct_additional {
    z-index: 4;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 0%, #FFF 100%);
  }

  #cause-tracker-container .ct_social_share ul li {
    display: inline-block;
    width: 33vw;
    padding: 0;
    height: 50px;
    background: unset;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #ct_card_footer_app_btn #app_open_txt {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #cause-tracker-container .ct_social_share ul li#ct_card_footer_download_certifcate_btn {
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #ct_social_share_options ul li {
    border-bottom: unset;
  }

  #ct_social_share_options ul li a {
    padding: 15px 25px;
    padding: 15px 0;
    margin: 0 25px;
    border-bottom: solid 0.75px #3a3a3a;
  }

  #ct_social_share_options ul li:last-child a {
    border-bottom: unset;
  }

  #ct_social_share_options.ct_additional ul li {
    border-bottom: unset;
  }

  #ct_social_share_options.ct_additional ul li a {
    color: #222;
    border-bottom: solid 0.75px #CACACA;
  }

  #ct_social_share_options.ct_additional .ct_social_share_options_title,
  #ct_open_app_options.ct_additional .ct_open_app_options_title {
    border-bottom: solid 2px #D4D4D4;
  }

  #ct_social_share_options.ct_additional .ct_social_share_options_title .ct_social_share_options_title_text,
  #ct_open_app_options.ct_additional .ct_open_app_options_title .ct_open_app_options_title_text {
    font-size: 16px;
    color: #222;
  }

  #ct_social_share_options .ct_social_share_options_title .ct_social_share_options_subtitle_text {
    display: none;
  }

  #cause-tracker-container .ct_social_share ul li i {
    line-height: 24px;
  }

  #cause-tracker-container .ct_social_share.teams_share {
    width: 100%;
  }
  
  #cause-tracker-container .ct_social_share.teams_share ul li {
    width: 47% !important;
  }

  #ct_card_footer_share_btn .share_icon { display: none; }
  #ct_card_footer_share_btn .dots_icon { display: inline-block; }

  #cause-tracker-container .ct_social_share ul li#ct_card_footer_app_btn { 
    display: inline-block; 
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #share_close_txt, #ct_card_footer_share_btn.active #share_open_txt, #app_close_txt, #ct_card_footer_app_btn.active #app_open_txt {
    display: none;
  }

  #ct_open_app_options li img {
    max-height: 40px;
    padding: 2px 50px;
    border: solid 1px #fff;
    border-radius: 10px;
    margin: 8px;
    background: rgba(0, 0, 0, 0.9);
  }

  #ct_reset_btn {
    bottom: 327px;
  }

  .ct_fam_btn.hide_mobile {
    z-index: 0 !important;
  }

  #ct_hide_btn {
    bottom: 60px;
  }

  #ct_hide_btn i {
    width: 32px;
    height: 32px;
    line-height: 32px;
  }

  .ct_dimension_btn {
    position: fixed;
    width: 32px;
    height: 32px;
    line-height: 32px;
    bottom: 60px;
  }

  /* biodiversity */
  .em_biodiversity_img {
    height: 222px;
  }

  .cause_tracker_details_mobile {
    display: block;
    position: relative;
    width: 100%;
    height: 100dvh;
    background: #ffffff;
    z-index: 4;
    overflow: scroll;
  }

  .cause_tracker_details_mobile .box_details_mobile {
    padding-top: 25px;
    padding-bottom: 35px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #E2E2E2;
    margin: 0 15px;
    text-align: left;
  }

  .cause_tracker_details_mobile .box_details_mobile:nth-child(1) {
    padding-top: 120px;
  }

  .cause_tracker_details_mobile .box_details_mobile:last-child {
    border-bottom: unset;
    margin-bottom: 50px;
  }

  .cause_tracker_details_mobile .box_details_mobile.hidden {
    display: none;
  }

  .cause_tracker_details_mobile .box_details_mobile .box_title {
    color: #2D2D2D;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 45px; /* 281.25% */
    letter-spacing: normal;
  }

  .cause_tracker_details_mobile .box_details_mobile .box_detail {
    color: #A3A3A3;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: normal;
  }

  .cause_tracker_details_mobile .box_details_mobile .box_detail .image_full {
    margin-bottom: 20px;
  }

  .cause_tracker_details_mobile .box_details_mobile.box_treedetail .box_detail .image_full {
    width: 100%;
    height: auto;
  }

  .cause_tracker_details_mobile .box_details_mobile.box_ngo .box_detail .box-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 200px;
    background: #F1F1F1;
    margin-bottom: 20px;
  }

  .cause_tracker_details_mobile .box_details_mobile.box_ngo .box_detail .box-image .image_full {
    margin-bottom: 0;
    max-width: 80%;
    max-height: 80%;
  }

  .cause_tracker_details_mobile .box_details_mobile.box_treedetail .box_detail .tree_detail_title {
    color: #2D2D2D;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 281.25% */
    letter-spacing: normal;
    margin-bottom: 5px;
  }

  .cause_tracker_details_mobile .box_details_mobile.box_treedetail .box_detail .tree_detail_subtitle {
    color: #A3A3A3;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 281.25% */
    letter-spacing: normal;
    margin-bottom: 10px;
  }

  .cause_tracker_details_mobile .box_details_mobile.box_treedetail .box_detail .tree_detail_subtitle.scientific {
    font-style: italic;
  }

  .cause_tracker_details_mobile .box_details_mobile .box_detail .tree_detail_description {
    color: #333;
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 200% */
    margin-bottom: 10px;
  }

  .cause_tracker_details_mobile .box_details_mobile .box_subtitle {
    color: #A3A3A3;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 281.25% */
    letter-spacing: normal;
  }

  .cause_tracker_details_mobile .box_details_mobile .box_description {
    color: #333;
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 200% */
    letter-spacing: normal;
  }

  .cause_tracker_details_mobile .box_details_mobile.box_treename .box_detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
  }

  .cause_tracker_details_mobile .box_details_mobile.box_treename .box_detail .box_detail_left {
    text-decoration: underline;
    line-height: 19px;
    min-height: 18px;
    color: #333333;
  }

  .cause_tracker_details_mobile .box_details_mobile.box_treename .box_detail .box_detail_left.bold-text {
    text-decoration: none !important;
    font-family: 'Montserrat-Medium';
    font-size: 13px;
    color: #333;
    letter-spacing: normal;
    font-weight: 600;
  }

  .cause_tracker_details_mobile .box_details_mobile .box_detail .box_logo_img {
    height: 40px;
    width: auto;
    max-width: calc(100% - 50px);
  }

  .cause_tracker_details_mobile .box_details_mobile .box_detail .box_detail_icon {
    width: 18px;
    height: 18px;
    cursor: pointer
  }

  .cause_tracker_details_mobile .box_details_mobile .box_detail .box_detail_icon#edit_name_btn{
    top: 0 !important;
  }

  .cause_tracker_details_mobile .box_details_mobile .tree_details {
    margin-bottom: 30px
  }

  .cause_tracker_details_mobile .box_details_mobile.box_biodiversity {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    border: unset;
  }

  .cause_tracker_details_mobile .box_details_mobile.box_biodiversity .box_title {
    margin: 0 10px;
    padding: 0 10px;
  }

  .cause_tracker_details_mobile .box_details_mobile.box_biodiversity .box_detail {
    overflow-x: scroll;
  }

  .cause_tracker_details_mobile .box_details_mobile.box_biodiversity .box_detail .biodiversity_items {
    display: flex;
    max-height: 100vh; /* or any fixed height to enable scrolling */
    flex-wrap: nowrap; /* keep items in a row */
    gap: 10px;
  }

  .cause_tracker_details_mobile .box_details_mobile.box_biodiversity .box_detail .biodiversity_items::after {
    content: "";
    flex: 0 0 10px; /* same as your gap */
  }

  .cause_tracker_details_mobile .box_details_mobile.box_biodiversity .box_detail .biodiversity_items .biodiversity_item {
    width: 300px;
    max-width: 300px;
    padding: 10px;
    border: 1px solid #B0B0B0;
    border-radius: 10px;
    margin-right: 10px; /* optional spacing */
    position: relative; /* to position image absolutely inside */
    flex-shrink: 0; /* Prevent shrinking */
    margin-bottom: 10px;
  }

  .cause_tracker_details_mobile .box_details_mobile.box_biodiversity .box_detail .biodiversity_items .biodiversity_item:first-child {
    margin-left: 20px;
  }

  .cause_tracker_details_mobile .box_details_mobile.box_biodiversity .box_detail .biodiversity_items .biodiversity_item:last-child {
    margin-right: 20px;
  }

  .cause_tracker_details_mobile .box_details_mobile.box_biodiversity .box_detail .biodiversity_items .biodiversity_item .full_image {
    width: 100%;
    height: 200px;
    object-fit: cover; /* scales image to cover container, cropping overflow */
    object-position: center center; /* centers image within container */
    display: block; /* removes inline gap */
    margin-bottom: 20px;
  }

  .cause_tracker_details_mobile .box_details_mobile.box_biodiversity .box_detail .biodiversity_items .biodiversity_item .tree_detail_title {
    color: #2D2D2D;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 281.25% */
    letter-spacing: normal;
    margin-bottom: 5px;
  }

  .cause_tracker_details_mobile .box_details_mobile.box_biodiversity .box_detail .biodiversity_items .biodiversity_item .tree_detail_subtitle {
    color: #A3A3A3;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 281.25% */
    letter-spacing: normal;
    margin-bottom: 10px;
  }

  .cause_tracker_details_mobile .box_details_mobile.box_biodiversity .box_detail .biodiversity_items .biodiversity_item .tree_detail_subtitle.scientific {
    font-style: italic;
  }

  .cause_tracker_details_mobile .box_details_mobile.box_biodiversity .box_detail .biodiversity_items .biodiversity_item .tree_detail_description {
    margin-bottom: 0;
  }

  .cause_tracker_details_mobile .box_details_mobile.box_biodiversity .biodiversity-clearfix {
    padding-top: 30px;
    border-bottom: 1px solid #E2E2E2;
    margin: 0 10px;
  }

  .cause_tracker_details_mobile .box_details_mobile.box_ngo .tree_details {
    margin-bottom: 0
  }

  .cause_tracker_details_mobile .box_details_mobile .box_detail .detail_row {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #333;
    font-family: "Montserrat";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 200% */
    letter-spacing: normal;
    margin-bottom: 5px;
  }

  .cause_tracker_details_mobile .box_details_mobile .box_detail .detail_row .detail_right {
    font-weight: 700;
  }

  .cause_tracker_details_mobile .box_details_mobile .box_detail .detail_row .detail_right.em_tc_location {
    max-width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .cause_tracker_details_mobile .box_details_mobile .box_detail .detail_row .detail_right.em_tc_location .em_tc_location_text {
    display: none;
    position: absolute;
    top: -50%;
    left: 100%;
    transform: translate(-100%, -50%);
    background: #000;
    color: #FFF;
    padding: 5px 10px;
    border-radius: 5px;
    font-family: "Montserrat";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: normal;
  }

    .cause_tracker_details_mobile .box_details_mobile .box_detail .detail_row .detail_right.em_tc_location:hover .em_tc_location_text {
      display: block;
    }

  .cause_tracker_details_mobile .box_details_mobile .box_detail .detail_row .detail_right a,
  .cause_tracker_details_mobile .box_details_mobile .box_detail .detail_row .detail_right.em_tc_number {
    color: #95AD47;
    font-size: 13px;
    text-decoration: underline;
  }

  .cause_tracker_details_mobile .box_details_mobile .box_detail .detail_row .detail_right a:hover,
  .cause_tracker_details_mobile .box_details_mobile .box_detail .detail_row .detail_right.em_tc_number:hover {
    text-decoration: none;
  }

  .cause_tracker_details_mobile .box_details_mobile .btn-action {
    background: #95AD47;
    border-radius: 200px;
    border: 1px solid #95AD47;
    color: #FFFFFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    padding: 12px 0;
    display: block;
  }

  .cause_tracker_details_mobile .box_details_mobile .btn-action:hover {
    background: #FFFFFF;
    color: #95AD47;
    cursor: pointer;
  }

  .em_growth_container.fewcloud.day .em_growth_bg {
    top: 10vh;
    height: 30vh;
    background-size: cover;
  }
}

@media (max-width: 450px) and (min-height: 800px) {
  #conversation {
    height: 50vh;
  }
}

@media (max-width: 350px) {
  .mobile_nav_btn {
    font-size: 12px;
  }
}

#loadingwheel {
  position: absolute;
  display: none;
  top: calc(50% - 50px);
  left: calc(50% - 30px);
}
.sk-circle {
  margin: 10px auto;
  width: 60px;
  height: 60px;
  position: relative;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #97ae47;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -.9s;
  animation-delay: -.9s;
}
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -.8s;
  animation-delay: -.8s;
}
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -.7s;
  animation-delay: -.7s;
}
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -.6s;
  animation-delay: -.6s;
}
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -.5s;
  animation-delay: -.5s;
}
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -.4s;
  animation-delay: -.4s;
}
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -.3s;
  animation-delay: -.3s;
}
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -.2s;
  animation-delay: -.2s;
}
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -.1s;
  animation-delay: -.1s;
}
@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, to {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-circleBounceDelay {
  0%, 80%, to {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.ct_help_tip_treechat {
  position: absolute;
  top: 2px;
  left: 65px;
  text-align: center;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  font-size: 12px;
  background: #95ad47;
  border-radius: 3px;
  z-index: 2;
  display: none;
}

.ct_help_tip_treechat:before{
  content: '?';
  font-weight: bold;
  color: #fff;
  line-height: 16px;
  margin-left: 2px;
}

.ct_help_tip_treechat:hover p, .ct_help_tip_treechat:focus p{
  display:block;
  transform-origin: 100% 0%;

  -webkit-animation: fadeIn 0.3s ease-in-out;
  animation: fadeIn 0.3s ease-in-out;

}

.ct_help_tip_treechat p{    /* The tooltip */
  z-index: 3;
  display: none;
  text-align: justify;
  background-color: #000;
  padding: 15px;
  width: 40vw;
  max-width: 288px;
  position: absolute;
  border-radius: 3px;
  margin-top: 20px;
  color: #FFF;
  font-size: 13px;
  line-height: 1.4;
  bottom: 30px;
  left: -13px;
}

.ct_help_tip_treechat p:before{ /* The pointer of the tooltip */
  position: absolute;
  content: '';
  left: 20px;
  top: 82px;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

@media (max-width: 600px) {
  .ct_help_tip_treechat{
    top: 5px;
    right: 28px;
  }

  .ct_help_tip_treechat p{
    width: 87vw;
    max-width: 100vw;
  }

  .ct_help_tip_treechat p:before{
    top: 75px;
  }
}

@media (max-width: 320px) {
  .ct_help_tip_treechat{
    top: 5px;
    right: 28px;
  }

  .ct_help_tip_treechat p{
    width: 85vw;
    max-width: 100vw;
  }

  .ct_help_tip_treechat p:before{
    top: 93px;
  }

  .panel_mobile {
    left: calc( 50% - 115px );
    width: 220px;
  }

  .em_growth_card {
    left: calc( 50% - 115px );
    width: 200px;
    height: 345px;
  }

  .em_growth_data .data_title {
    font-size: 11px;
    width: 48%;
  }
  
  .em_growth_data .data_subtitle {
    font-size: 11px;
    width: 48%;
  }

  .em_growth_data {
    top: 160px;
    height: 80px;
  }

  #ct_downloadapp_container p {
    font-size: 11px;
    text-align: left;
    padding-left: 10px;
  }

  #ct_downloadapp_container a {
    width: 80px;
  }

  .em_container {
    width: 240px !important;
    height: 470px !important;
    left: calc( 50% - 119px ) !important;
  }

  #cause-tracker-container .ct_social_share {
    bottom: 5px;
    left: 8px;
  }
}

/* Guide */
#ct_guide {
  position: absolute;
  z-index: 2;
  top: 0;
  width: 100vw;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);
  font-family: "Montserrat-Medium";
  letter-spacing: 0;
}

.guide_cont {
  position: absolute;
  display: none;
  opacity: 0;
}

.guide_cont.active {
  display: block;
  opacity: 1;
  -webkit-animation: fadeIn .5s ease-in-out;
  animation: fadeIn .5s ease-in-out;
}

.guide_close {
  position: absolute;
  top: 2px;
  right: 78px;
  font-size: 22px;
}

#ct_guide table {
  background: #fff;
  width: 350px;
  border-radius: 10px;
  overflow: hidden;
  margin: 0px 70px;
}

#ct_guide table td {
  vertical-align: middle;
  padding: 10px;
  width: 33.3%;
}

#ct_guide table .guide_title, #ct_guide table .guide_text {
  text-align: left;
}

#ct_guide table .guide_title {
  padding-top: 20px;
  padding-bottom: 0px;
  font-size: 15px;
  font-family: "Montserrat-Bold";
}

#ct_guide table .guide_text {
  padding-top: 0px;
  font-size: 13px;
  line-height: 23px;
}

#ct_guide table .guide_footer_btn {
  background: #F4F6F6;
  font-size: 12px;
  font-family: "Montserrat-Bold";
  color: #CECECE;
}

#ct_guide table .guide_footer_btn.active:hover, #ct_guide table .guide_skip:hover {
  cursor: pointer;
  background: #eee;
}

#ct_guide table .guide_footer_btn.active {
  color: #95ad47;
}

.guide_left, .guide_right {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.guide_top, .guide_bottom {
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.guide_top { top: -30px }
.guide_bottom { bottom: -30px }

.guide_bullet {
  height: 10px;
  width: 10px;
  background-color: #fff;
  border-radius: 50%;
  display: block;
}

.guide_arrow {
  border-bottom: solid 1px #fff;
  width: 75px;
  height: 10px;
  display: block;
  position: absolute;
  top: -5px;
}

.guide_right, .guide_right .guide_arrow { right: 0; }

.guide_top .guide_arrow, .guide_bottom .guide_arrow {
  width: 1px;
  height: 30px;
  border-left: solid 1px #fff;
  border-bottom: none;
}

.guide_top .guide_arrow {
  top: 0;
  left: 4px;
}

.guide_bottom .guide_arrow {
  top: unset;
  bottom: 0;
  left: 4px;
}

@media (max-width: 450px) {
  #ct_guide table {
    width: 300px;
    margin: 0px 30px;
  }
  .guide_close {
    right: 38px;
  }
  #ct_guide table .guide_title {
    font-size: 13px;
  }
  #ct_guide table .guide_text {
    font-size: 11px;
    line-height: 20px;
  }
  .em_growth_card.panel_active.card_active {
    position: relative;
    top: 0;
    left: 0;
    z-index: 3;
    border-radius: unset;
    box-shadow: none;
    padding: 0;
    width: 100vw;
    height: 100vh;
  }
  .em_growth_card.panel_active.card_active #testing_box {
    display: block;
    left: 30px;
    top: 90px;
    background: #fff;
    z-index: 9;
    border-radius: 5px;
    opacity: .8;
  }
  .em_growth_card.panel_active.card_active #testing_box span{
    font-size: 10px;
    color: #333;
    margin-left: 5px;
  }
  .em_growth_card.panel_active.card_active #testing_box .test_btn{
    font-size: 12px;
  }
  #ct_downloadapp_container {
    height: unset;
    border-radius: unset;
    width: 100%;
    margin: 0;
    padding: 20px 0;
    display: none;
  }
  #ct_downloadapp_container.ct_additional {
    background: transparent;
    background-image: linear-gradient(to bottom, #fbffed 0%, white 100%);
    bottom: 6vh;
    padding: 5px 0;
  }
  .em_growth_container {
    height: 100vh;
    bottom: 0;
  }
  .em_growth_container .em_growth_land {
    position: fixed;
    z-index: 3;
    bottom: calc(10vh + 39px);
    width: 100vw;
    min-height: 75px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .em_growth_data.vc_col-sm-12 {
    display: none;
  }
  .em_growth_tree {
    position: fixed;
    bottom: calc(10vh + 86px);
    z-index: 4;
  }
  .em_growth_tree img {
    position: relative;
    width: 100%;
    height: auto;
    max-width: 80vw;
    max-height: 390px;
  }
  .em_growth_weather,
  .em_growth_temperatur {
    position: fixed;
    left: 30px;
    bottom: calc(27vh);
    z-index: 4;
  }

  #ct_downloadapp_container {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 20px 0;
    min-height: 10vh;
    z-index: 4;
  }

  #ct_downloadapp_container p {
    font-size: 14px;
    text-align: center;
  }

  .emct-popup .emct-popup-inner.popup-cause-tracker-blank {
    right: unset;
  }

  .ct_track_header {
    display: none;
  }
  #ct_open_app_options ul {
    margin: 30px 0;
  }
  #ct_open_app_options ul li {
    list-style-type: none;
  }
  #ct_sound_btn.ct_teams {
    bottom: 222px;
  }
  #ct_social_share_options.ct_additional.active::before, 
  #ct_open_app_options.ct_additional.active::before,
  #ct_social_share_options.ct_additional.active::after, 
  #ct_open_app_options.ct_additional.active::after {
    background: linear-gradient(to bottom, #868686, #FFF);
  }
  #ct_social_share_options.ct_additional .ct_social_left_corner,
  #ct_social_share_options.ct_additional .ct_social_right_corner,
  #ct_open_app_options.ct_additional .ct_app_left_corner,
  #ct_open_app_options.ct_additional .ct_app_right_corner {
    border-color: #868686;
  }
  #ct_social_share_options.ct_additional.active,
  #ct_open_app_options.ct_additional.active {
    border-color: #868686;
  }
  .em_growth_container,
  #weather-canvas {
    border-radius: 0;
  }
}