#continents-list-d{display:flex;}
#section-continents-list-m{display:none;}
#continents-list-m{background-color: #c00812;color: #fff;text-align: center;padding: 8px;}
#countries-list-container-d{display:block;padding-left:30px;
}
#countries-list-container-m{display:none;margin: 20px auto 0px auto;width: 90%;padding: 2px;text-align: center;
}
.countries-list{margin: 30px 0px;
}
.continents-list{ margin-bottom: 12px !important;margin-top: 12px !important;text-align: center;}
.s-states-list{ margin-top: 16px;
}
.footermap{padding: 0px 8px 8px 14px !important;text-align: justify;}
img.continent-evp-image {
    width: 100%;
    object-fit: cover;
    object-position: center center;
  }
.continent-img-list {
    text-align: center;
}
.continent-title-selected{
    font-weight: bold;
}
.continent-title-selected-m{
    font-weight: bold;
    color: #fff;
}
.h1-title-city{
  font-size: 20px;
  font-weight: bold;
  margin: 0px;
}
.country-title-span{padding-left: 5px;padding-right: 5px;}
.state-title-span{padding-left: 2px;padding-right: 2px;}
.country-title-selected{color:#c00812;
}
.continent-title {
    font-weight: bold;
    color: #858585;
}
.continent-title-m {
    color: #fff;
    font-weight: normal;
}
.footer-country {
    text-align: justify;
}
.states-div {
    background-color: #ebebeb;
}
.states-list{
  width: calc(14.285714286% - 16px);
  line-height: 25px;
}
#states-div-container-list{padding:0px !important;}
.cities-list{
  width: calc(14.285714286% - 16px);
  line-height: 25px;
}
.state {
  font-weight: bold;
  cursor: pointer;
}
.state:hover {
  position: relative;
	cursor: pointer;
  color: #c00812 !important;
}
#letters-container{
  margin: 0 auto;
}
#cities-container{
  margin: 0 auto;
}
#members-container{
  margin: 0 auto;
}
.looking-for-title{
  width: 100%;
  font-weight: bold;
}
.city {
  width: 100%;
  font-weight: bold;
  cursor: pointer;
}
.city-selected {
    text-decoration: underline;
    color: white;
    font-weight: bold;
    cursor: pointer;
}
.city:hover {
  position: relative;
	cursor: pointer;
  text-decoration: underline;
}
.letter-title-selected{text-decoration: underline;
}
.letter-list{margin:8px;}
.margin-sdc8{margin:8px !important;}
.list-cities-container{
  font-size: 13px;
  padding: 8px 10px 0px 10px;
}
.div-container-current-city{margin: 0 auto;padding: 3px 0px 6px 5px;
}
.title-current-city{font-size: 15px;font-weight: bold;
}
.title-initials-city{font-size: 14px;
}
.current-city{
  background-color:#c00812;color:#fff;width:100%;
}
.members-cell-card {
  background-color: transparent;
  border: 2px solid;
  border-radius: 7px;
}
img.member-image {
    width: 100%;
    height: 245px;
    object-fit: cover;
    object-position: center center;
}
.index-members-tab {
    width: 100%;
}
.index-members-txt {
    padding: 8px;
    color:#c00812;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
}
.index-members-cell-card-title-container {
    padding: 5px 0px 0px 5px !important;
}
.index-members-title-text {
    font-size: 15px;
    width: 100%;
    text-align: left;
    color: #fff;
    padding: 8px;
}
.index-members-cell-card-by-container {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    margin-top: 10px;
}
.index-members-cell-card-by-container .td-module-meta-info {
    text-align: left;
    padding-left: 5px;
}
.join-now-button{background:#c00812;border-radius:30px;color:white;width: 80%;font-weight: bold;
}

.join-now-button:hover{background:#c00812;cursor:pointer
}
.btn-join{text-align: center;padding: 8px;
}
.profile-type{font-weight: bold;padding: 8px;color:#c00812;
}
.searching-for-title{color: #858585;padding: 8px;
}
.desc-searching-for{padding: 8px;overflow: hidden;height: 70px;
}
}
.searching-for{padding: 8px;font-size: 12px;
}
.icon-searching-for{font-size: 20px;vertical-align: middle;
}
.text-description-member{
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  text-align: left;
  padding: 8px;
}
.link-view-member{line-height: 1.25;padding:2px 2px 16px 8px !important;font-size: 10px;border:none!important;text-align: center;
}
.link-view-member > a {color:#fff !important;font-weight: bold;text-decoration: underline !important;
}
.mdl-card {min-height: 0px !important;
}
.member-pic{
  text-transform: none !important;
  cursor: pointer;
}
.total-100 > a {color:#fff;text-decoration:undeline !important;
}
#states-div-container{
  display:block;
  padding: 8px 8px 8px 16px;
}
#selection-state {display:none;margin:5px auto;width:90%;padding:2px;
}
#divMap-desktop{
  display:block;
}
#divMap-mobile{
  display:none;
}
.selection-container{
  width: 100%;
  display: flex;
  margin-right: 10px;
  background-color: #000;
  border-radius: 20px;
  height: 38px;
}

.ul-list{
  width: 100% !important;
  max-height: 300px !important;
  overflow-y: scroll !important;
}

.ul-list-city{
  width: 100% !important;
  max-height: 400px !important;
  overflow-y: scroll !important;
}

.select-arrow {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-top: 2px solid white;
  border-right: 2px solid white;
  margin-top: 6px;
}

.select-and-input-container{
  width: 90%;
  display: flex;
}

.selected-li{
  color: #c00812 !important;
}

.select-container{
  color: black;
  padding: 0px !important;
  display: inline-flex !important;
  width: 100%;
}

.select{
    border-bottom: none !important;
    font-size: 12px !important;
    width: 100% !important;
    display: flex !important;
  }

.selected-element{
  left: 0px !important;
  font-size: 15px !important;
  font-weight: bold;
  color: white;
  position: unset;
  margin-top: 5px;
  margin-right: 10px;
  margin-left: 10px;
  width: 85%;
}
#section-members-d{display:flex;padding-top: 20px;padding-left: 20px;
}
#section-members-m{display:none;
}
.member-box{background-color: #ebebeb;
}
.div-searchmore{
  padding-top: 8px;
  padding-bottom: 8px;
}
.text-initials-city{padding-left:5px !important;
}
.card-members-bg{background-color: #000000 !important;
}
.a-btn-discover {
    background: #c00812;
    border-radius: 30px;
    color: #fff;
    width: 90%;
    margin: 19px;
    height: 40px;
}
.find__content {
    position: relative;
    display: flex;
    border-radius: 30px;
    background-color: #e0e0e0;
    height: 40px;
    color: #878585;
}
.find__wrapper {
  width: 100%;
}
.find-members {
    margin: 18px 0px;
}
.icon-search {
    position: absolute;
    right: 0;
    display: inline-block;
    height: 100%;
    cursor: pointer;
}
.input-find {
    border-radius: 30px;
    font-size: 14px !important;
    background-color: #e0e0e0;
    border-color: transparent;
    color: #000;
    width: 94%;
}
#find-members input {
  padding-left: 25px;
}
#section-buttons-m {
  display: none;
}
#section-near-members-m{ display: none; }
.members-cell-card-near {
  background-color: #000;
  border: 2px solid;
  border-radius: 7px;
}
.index-members-near-txt {
  padding: 8px;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
}
.icon-laidar {
    position: absolute;
    height: 17px;
    display: inline-block;
}
.txt-location{
  margin-left: 20px;
  font-size: 12px;
  font-weight: normal;
}
@media (max-width: 768px) and (min-width: 480px) {
  #countries-container{
    width: 98% !important;
  }
  #states-container{
    width: 98% !important;
  }

  #states-div-container{
    display:none;
  }
  .states-div {
    background-color: #fff;
  }
  #selection-state{
    display:block;
  }
  .page-content{margin-top:0px;}
  #continents-list-d{display:none;}
  #section-continents-list-m{display:block;}
  #countries-list-container-d{display:none;
  }
  #countries-list-container-m{display:block;
  }
  #section-members-d{display:none;
  }
  #section-members-m{display:flex;
  }
  #divMap-desktop{
    display:none;
  }
  #divMap-mobile{
    display:block;
  }
  .title-current-city{font-size: 17px;}
  .letter-list {text-align: center;}
  .input-find { width: 94%;  }
  .btn-discover { width: 90%;  }
}

@media (max-width: 820px) and (min-width: 480px) {
  #section-near-members-m{ display: block; }
  #section-near-members-d{ display: none; }
}


@media (max-width:479px) {
  #states-div-container{
    display:none;
  }
  .states-div {
    background-color: #fff;
  }
  #selection-state{
    display:block;
  }
  .page-content{margin-top:0px;}
  #continents-list-d{display:none;}
  #section-continents-list-m{display:block;}
  #countries-list-container-d{display:none;
  }
  #countries-list-container-m{display:block;
  }
  #section-members-d{display:none;
  }
  #section-members-m{display:flex;
  }
  #divMap-desktop{
    display:none;
  }
  #divMap-mobile{
    display:block;
  }
  .title-current-city{font-size: 17px;}
  .letter-list {text-align: center;}
  #section-buttons-m {
    display: block;
  }
  #section-buttons-d {
    display: none;
  }
  .a-btn-discover {
    background: #c00812;
    border-radius: 30px;
    color: #fff;
    width: 90%;
    margin: 0px;
  }
  .find__content {
      position: relative;
      display: flex;
      border-radius: 30px;
      background-color: #e0e0e0;
      height: 40px;
      color: #878585;
  }
  .find__wrapper {
    width: 100%;
  }
  .find-members {
      margin: 5px 0px;
  }
  .icon-search {
      position: absolute;
      right: 0;
      display: inline-block;
      height: 100%;
      cursor: pointer;
  }
  .input-find {
      border-radius: 30px;
      font-size: 14px !important;
      background-color: #e0e0e0;
      border-color: transparent;
      color: #000;
      width: 100%;
  }
  #find-members input {
    padding-left: 25px;
  }
  .members-cell-card-near {
    width: 45% !important;
  }
  .index-members-near-txt {
    padding: 8px;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
  }
  .icon-laidar {
      height: 17px;
  }
  .txt-location {
    margin-left: 20px;
    font-size: 12px;
  }
  #section-near-members-m{ display: block; }
  #section-near-members-d{ display: none; }
}