html {
  height: 100%;
}
body {
  font-family: 'Lexend';
  margin:0;
  font-size: 16px;
  overscroll-behavior-y: contain;
  -webkit-tap-highlight-color: transparent;
  /* padding:15px 15px 50px 15px; */
}

body.home {
  background: linear-gradient(#64fff7, #243b55);
  background: linear-gradient(#FFCE45, #271600);
  background-image: url('../images/background/bg2.png');
  background-attachment: fixed;
  padding:unset;
}
body.frez {
  overflow: hidden;
}

button {
  font-family: 'Lexend';
  font-size: 16px;
}

textarea {
  font-family: 'Lexend';
  line-height: unset;
}

input {
  font-family: 'Lexend';
}

select {
  font-family: 'Lexend';
}

input[type=range] {
  -webkit-appearance: none;
  margin: 25px 0px 20px 0px;
  width: 100%;
}

input[type=range]:focus {
  outline: none;
  box-shadow: none;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  animate: 0.2s;
  background: rgb(185, 185, 185);
  border-radius: 25px;
}

input[type=range]::-webkit-slider-thumb {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background: #E9BB2A;
  box-shadow: 0 0 4px 4px rgb(255, 255, 255);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -11px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: rgb(121, 121, 121);
}

.clickable {
  pointer-events: none;
}


@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 400;
  src: url('../plugins/lexend_font/wlptgwvFAVdoq2_F94zlCfv0bz1WCzsWzLhnepKu.woff2') format('woff2');
  /* src: url('../plugins/poppins-font/chineses/GenJyuuGothic-Light.woff2') format('woff2'); */
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 400;
  src: url('../plugins/lexend_font/wlptgwvFAVdoq2_F94zlCfv0bz1WCzsWzLlnepKu.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 400;
  src: url('../plugins/lexend_font/wlptgwvFAVdoq2_F94zlCfv0bz1WCzsWzLdneg.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.fnt-8 {
  font-size:8px !important;
}
.fnt-10 {
  font-size:10px !important;
}
.fnt-12 {
  font-size: 12px !important;
}

.fnt-13 {
  font-size: 13px !important;
}

.fnt-14 {
  font-size: 14px !important;
}

.fnt-15 {
  font-size: 15px !important;
}

.fnt-16 {
  font-size: 16px !important;
}

.fnt-17 {
  font-size: 17px !important;
}

.fnt-18 {
  font-size: 18px !important;
}

.fnt-19 {
  font-size: 19px !important;
}

.fnt-20 {
  font-size: 20px !important;
}

.fnt-21 {
  font-size: 21px !important;
}

.fnt-22 {
  font-size: 22px !important;
}

.fnt-23 {
  font-size: 23px !important;
}

.fnt-24 {
  font-size: 24px !important;
}

.fnt-25 {
  font-size: 25px !important;
}

.fnt-26 {
  font-size: 26px !important;
}

.fnt-27 {
  font-size: 27px !important;
}

.fnt-28 {
  font-size: 28px !important;
}

.fnt-29 {
  font-size: 29px !important;
}

.fnt-30 {
  font-size: 30px !important;
}

.fnt-31 {
  font-size: 31px !important;
}

.fnt-32 {
  font-size: 32px !important;
}

.fnt-33 {
  font-size: 33px !important;
}

.fnt-34 {
  font-size: 34px !important;
}

.fnt-white {
  color:white;
}

.dp-flx {
  display:flex;
}
.flx-w-w {
  flex-wrap: wrap;
}
.jtf-c-ct {
  justify-content: center;
}
.jtf-c-sa {
  justify-content: space-around;
}
.jtf-c-se {
  justify-content: space-evenly;
}
.al-it-c {
  align-items:center;
}
.f-g-1 {
  flex-grow: 1;
}

.pst-asl {
  position: absolute;
}

.sp_bold {
  font-weight: bold;
}
.sp_underline {
  text-decoration: underline;
  cursor: pointer;
}
.sp_org {
  background: linear-gradient(142.2deg, #CC5500 -4.09%, #662A00 78.16%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  /* font-weight: bold; */
}
.sp_org2 {
  color: rgb(255,153,19);
}
.sp_shwhite {
  text-shadow: 1px 1px 2px black;
  color: white;
}
.sp_white {
  color:white;
}
.sp_black {
  color:black;
}
.sp_grey {
  color:grey !important;
}
.sp_yellow {
  color:#E9BB2A;
}
.sp_red {
  background: var(--Dating-App, linear-gradient(180deg, #F26B6F 0%, #680B0F 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cs-pt {
  cursor: pointer;
}

.ta-ct {
  text-align: center !important;
}
.ta-l {
  text-align: left !important;
}
.ta-r {
  text-align: right !important;
}
.mg-t-n10 {
  margin-top: -10px !important;
}
.mg-t-5 {
  margin-top: 5px !important;
}
.mg-t-10 {
  margin-top: 10px !important;
}
.mg-t-15 {
  margin-top: 15px !important;
}
.mg-t-20 {
  margin-top: 20px !important;
}
.mg-t-25 {
  margin-top: 25px !important;
}
.mg-t-30 {
  margin-top: 30px !important;
}
.mg-t-40 {
  margin-top: 40px !important;
}
.mg-t-50 {
  margin-top: 50px !important;
}
.mg-t-80 {
  margin-top: 80px !important;
}
.mg-bt-5 {
  margin-bottom: 5px !important;
}
.mg-bt-10 {
  margin-bottom: 10px !important;
}
.mg-bt-15 {
  margin-bottom: 15px !important;
}
.mg-bt-20 {
  margin-bottom: 20px !important;
}
.mg-bt-25 {
  margin-bottom: 25px !important;
}
.mg-bt-30 {
  margin-bottom: 30px !important;
}
.mg-bt-40 {
  margin-bottom: 40px !important;
}
.mg-bt-50 {
  margin-bottom: 50px !important;
}
.mg-r-0 {
  margin-right: 0px !important;
}
.mg-r-10 {
  margin-right: 10px !important;
}
.mg-r-15 {
  margin-right: 15px !important;
}
.mg-l-at {
  margin-left: auto;
}

.pd-l-5 {
  padding-left: 5px;
}
.pd-l-10 {
  padding-left: 10px;
}
.pd-l-20 {
  padding-left: 20px;
}
.pd-r-15 {
  padding-right: 15px;
}
.pd-r-25 {
  padding-right: 25px;
}
.pd-bt-5 {
  padding-bottom:5px;
}
.pd-bt-10 {
  padding-bottom:10px;
}
.pd-t-2 {
  padding-top:2px !important;
}
.pd-t-10 {
  padding-top:10px !important;
}
.pd-t-20 {
  padding-top:20px !important;
}
.pd-t-50 {
  padding-top:50px !important;
}
.pd-lr-10 {
  padding-left: 10px;
  padding-right: 10px;
}
.pd-lr-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.pd-lr-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.pd-lr-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.pd-tb-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.pd-tb-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.pd-tb-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.pd-all-5 {
  padding:5px;
}
.pd-all-10 {
  padding:10px;
}
.pd-all-15 {
  padding:15px;
}
.pd-all-20 {
  padding:20px;
}
.pd-all-30 {
  padding:30px;
}

.wd-100-w {
  width: -webkit-fill-available;
}
.wd-100 {
  width: 100%;
}
.wd-50 {
  width: 50%;
}
.wd-fc {
  width: fit-content;
}
.wd-25px {
  width: 25px !important;
}
.h-40 {
  height: 40px;
}
.h-150 {
  height:150px;
}
.lh-22 {
  line-height: 22px;
}
.lh-24 {
  line-height: 24px;
}
.lh-40 {
  line-height: 40px;
}

.bd-rd-10 {
  border-radius: 10px;
}
.bd-bt-line {
  border-bottom: 2px solid #CC5500;
}
.bd-bt-line-2 {
  border-bottom: 2px solid lightsalmon;
}
.b-shadow {
  box-shadow: 0px 3px 7px 0px grey;
}
.b-shadow-2 {
  box-shadow: 2px 4px 10px 4px rgba(255, 255, 255, 0.2)
}
.b-shadow-3 {
  box-shadow: 0px 3px 7px 0px lightgrey;
}
.b-shadow-4 {
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
}

.bg-white {
  background-color: white;
}
.bg-org {
  background: linear-gradient(175.12deg, #CC5500 5.66%, #662A00 88.59%);
}
.bg-spred {
  background: var(--Dating-App, linear-gradient(180deg, #F26B6F 0%, #680B0F 100%));
}

.hdnn {
  display:none;
}
.hdnn.in {
  display:unset !important;
}

.loading-d {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgb(255, 255, 255, 100%);
  z-index: -1771;
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
}

.loading-d.in {
  opacity: 1;
  z-index: 1771;
}

.loading-d ._el1 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  font-size: 24px;
}

@-webkit-keyframes up-down {
  0% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(-10px);
  }
}

@keyframes up-down {
  0% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(-10px);
  }
}

.border-wrap {
  width: 115px;
  height: 100%;
  position: relative;
  background: linear-gradient(to bottom, rgb(241,107,111), rgb(105,12,16));
  padding: 2px;
  border-radius: 10px;
  filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.15));
  margin-right: 10px;
}
.border-wrap .content {
  background: white;
  color: black;
  padding: 10px;
  border-radius: 10px;
  height:auto;
  width: -webkit-fill-available;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  min-height: 75px;
}
.border-wrap object {
  height: 35px;
}

._wif_bg {
  background-attachment: fixed;
  height: 100vh;
  background-size: cover;
  background-position: center;
  width: 100%;
}

.w__wif_bg {
  position: fixed;
  top: 0;
  left: 0;
  background-attachment: fixed;
  height: 100vh;
  background-size: cover;
  background-position: center;
  width: 100%;
  overflow: auto;
}

.alert {
  width: -webkit-fill-available;
  margin: 15px;
  padding: 12px 20px;
  position: fixed;
  border-radius: 5px;
  box-shadow: 0px 3px 5px 1px #ccc;
  z-index: 1800;
  left: 0;
  right: 0;
  /* top: 55px; */
  display: flex;
  padding-right: 41px;
}

.alert .close {
  position: absolute;
  width: 30px;
  height: 30px;
  color:rgb(72, 72, 72);
  right: 10px;
  top: 5px;
  text-align: center;
  font-size: 1.6em;
  cursor: pointer;
  line-height: 30px;
  font-weight: bold;
}

.success-alert {
  background-color: #a8f0c6;
  border-left: 5px solid #178344;
}

.warning-alert {
  background-color: #ffbaba;
  box-shadow: 0px 4px 7px 1px red;
  /* border-left: 5px solid #df7700; */
}

.simple-alert {
  top:-15px;
  background: linear-gradient(180deg, #F26B6F 0%, #680B0F 100%);
  color:white;
  border-radius: 0px 0px 20px 20px;
  flex-wrap: wrap;
  margin: 15px 8px;
  padding: 15px;
}
.simple-alert img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 1px solid lightgrey;
  margin-right:15px;
  object-fit: cover;
}
.simple-alert .ansbtn_cont {
  margin-top:10px;
  margin-bottom: 5px;
  width: 100%;
  justify-content: space-evenly;
  display: flex;
}
#btn_acceptvc {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: none;
  background: #00ff23;
  color:white;
  font-size:22px;
  text-shadow: 1px 1px 2px #000000;
}
#btn_declinevc {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: none;
  background: red;
  color:white;
  font-size:20px;
  text-shadow: 1px 1px 2px #000000;
}



#result_container.in,
#language_container.in {
  z-index: 1771 !important;
  opacity: 1;
}

.result_container.in {
  z-index: 1770;
  opacity: 1;
}

.result_container.conf.in {
  z-index: 1772 !important;
}

.result_container,
.result_container2 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  z-index: -1770;
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
}

.result_container .centered,
.result_container2 .centered {
  padding: 20px;
  background: #eee;
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
  width: 300px;
  margin: 0px;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
  overflow: auto;
  max-height: 85vh;
  width: 80%;
}

.result_container .centered .title,
.result_container2 .centered .title {
  line-height: 40px;
}

.result_container .centered .btn_css3,
.result_container2 .centered .btn_css3,
.result_container2 .centered .btn_css4 {
  width: 90% !important;
  margin-top: 20px !important;
}

.result_container:before,
.result_container2:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.result_container button {
  padding: 10px 20px;
  margin-top: 20px;
  border-radius: 5px;
  cursor: pointer;
}


.page_container {
  transition: .35s ease;
  overflow: hidden;
  width: 0;
  position: absolute;
  bottom: 0;
  left: 100%;
  right: 0;
  top: 0;
  background-color:#FFF8F4;
}

.page_container.in {
  opacity: 1;
  z-index: 1771 !important;
  position: fixed;
  width: 100%;
  left: 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: none;
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}

.btcs-1 {
  border-radius: 10px;
  background: var(--dating-app, linear-gradient(180deg, #F26B6F 0%, #680B0F 100%));
  border: none;
  padding: 15px;
  color: white;
}


.btcs-2 {
  border-radius: 10px;
  background: white;
  border: none;
  padding: 15px;
  color: black;
}

.btcs-3 {
  border-radius: 100%;
  height: 40px;
  width: 40px;
  background: white;
  border: none;
  color: black;
  font-size: 22px;
  text-align: center;
}

.btcs-4 {
  border-radius: 8px;
  background: #E9BB2A;
  box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.25);
  color:white;
  font-weight: bold;
  text-shadow: 1px 1px 1px black;
  border:none;
  cursor: pointer;
  padding: 2px 10px 5px 10px;
}

.btcs-5 {
  border-radius: 5px;
  /* background: #FFF; */
  box-shadow: 0px 2px 6px 0px #D9D9D9, 0px 1px 2px 0px rgba(217, 217, 217, 0.30);
}

.btcs-6 {
  border-radius: 100%;
  background: #E9BB2A;
  box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.25);
  color:white;
  border:none;
  cursor: pointer;
  width: 50px;
  height: 50px;
  line-height: 50px;
}

.btcs-7 {
  border-radius: 10px;
  background: var(--dating-app, linear-gradient(180deg, #F26B6F 0%, #680B0F 100%));
  border: none;
  padding: 15px;
  color: white;
  font-size: 20px;
  cursor: pointer;
}

.btcs-da {
  background: lightgray !important;
  color: gray !important;
}

._hover_cs_1 {
  transform: scale(1);
  transition: transform 0.2s linear;
  cursor: pointer;
}

._hover_cs_1:hover {
  transform: scale(1.05);
  transition: transform 0.1s linear;
}

.chkbxcs-1 {
  border: 3px solid #CC5500;
  min-width: 25px;
  text-align: center;
  min-height: 25px;
  max-height: 25px;
  line-height: 25px;
  border-radius: 5px;
  margin-top: 3px;
}

.error_input {
  border:2px solid red !important;
}

.ip_otp {
  margin: 20px auto;
  max-width: 400px;
}

.ip_otp input {
  margin: 0px 3px;
  text-align: center !important;
  font-size: 28px;
  width: 100%;
  height: 50px;
  border: 2px solid #E9BB2A;
  border-radius: 10px;
  box-shadow: 0px 3px 7px 0px lightgray;
}


.ipcs-1 {
  display: flex;
}
.ipcs-1 input {
  background: white;
  outline: none;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.35);
  width: -webkit-fill-available;
  color:black;
  padding: 15px;
  font-size:16px;
}
.ipcs-1 input:focus {
  outline:2px solid #E9BB2A;
}
.ipcs-1 ._col1 {
  width: 20%;
  margin-right: 10px;
  min-width: 85px;
}
.ipcs-1 ._col2 {
  width: 80%;
}
.ipcs-2 {
  background: white;
  outline: none;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.35);
  width: -webkit-fill-available;
  color:black;
  padding: 15px;
  font-size:16px;
}
.ipcs-2:focus {
  outline:2px solid #E9BB2A;
}

.ipcs-da {
  background: linear-gradient(142.2deg, #CC5500 -4.09%, #662A00 78.16%);
  border:none;
}

.ipcs-3 {
  background: rgb(0,0,0,0);
  outline: none;
  border: none;
  width: -webkit-fill-available;
  color:white;
  padding: 15px;
  font-size:18px;
  border-bottom: 2px solid #E9BB2A;
}
.ipcs-3:focus {
  outline:none;
}

.ipcs-3 option {
  color:black;
}

._dcmip {
  text-align: right;
}

.slcs-1 {
  background: white;
  outline: none;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.35);
  width: -webkit-fill-available;
  color:black;
  padding: 15px;
  font-size:16px;
}


.slcs-2 {
  background: white;
  color:black;
  border-radius: 7px;
  border:2px solid #CC5500;
  padding:8px 10px;
  margin-bottom: 20px;
  font-size: 16px;
  min-width: 135px;
}
.slcs-2.in {
  background: linear-gradient(142.2deg, #CC5500 -4.09%, #662A00 78.16%);
  color:white;
}
.slcs-2.in option {
  background: black;
  width: 100%;
}

.txta-cs1 {
  resize: none;
  width: -webkit-fill-available;
  height: 100px;
}

.txta-cs2 {
  resize: none;
  width: -webkit-fill-available;
  margin-bottom: 0px;
  height: 100px;
}

.txta-cs3 {
  resize: none;
  width: -webkit-fill-available;
  height: 100px;
  background: rgb(0,0,0,0);
  outline: none;
  width: -webkit-fill-available;
  color:white;
  padding: 15px;
  font-size:18px;
  border: 2px solid #E9BB2A;
  border-radius: 10px;
}

.deco-line-1 {
  margin: 10px -5px 20px -5px;
  border-bottom: 2px solid #bfbfbf;
}
.deco-line-2 {
  margin: 10px 0px 10px 10px;
  border-bottom: 2px solid black;
}
.deco-line-3 {
  margin: 0px 15px;
  margin-top:-10px;
  border-bottom: 2px solid #ebebeb;
}

._upl_attach {
  height:25vh;
  min-height: 200px;
  background: white;
  border: 1px solid #CC5500;
  border-radius: 5px;
  text-align: center;
  font-size: 60px;
  color:grey;
  margin-bottom: 20px;
  position: relative;
}
._upl_attach img, ._upl_attach video {
  left: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  border-radius: 5px;
}
._upl_attach i {
  line-height: 200px;
}

.loading_cs lottie-player {
  margin:auto;
}

._header_cs_1 {
  display: flex;
  padding:20px;
}
._header_cs_1 ._col1 {
  flex-grow: 1;
}

._header_cs_2 {
  border-radius: 0px 0px 10px 10px;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
  height: 70px;
  display: flex;
  line-height: 70px;
  position: absolute;
  left: 0px;
  right: 0px;
  z-index: 2;
}
._header_cs_2 ._col1 {
  padding-top: 10px;
  margin:0px 15px;
}
._header_cs_2 ._col2 {
  color: #100E09;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  text-wrap: nowrap;
}

._header_cs_2_chatroom {
  line-height: unset;
  padding-top: 10px;
  height: 60px;
}
._header_cs_2_chatroom ._col1 {
  padding-top: 0px;
  margin-right: 10px;
}
._header_cs_2_chatroom ._col2 {
  padding-top: 1px;
  margin-right: 10px;
}
._header_cs_2_chatroom ._col2 img {
  width: 45px;
  height: 45px;
  border-radius: 100%;
  border: 1px solid lightgray;
  object-fit: cover;
}
._header_cs_2_chatroom ._col3 {
  padding-top: 5px;
  overflow: hidden;
}
._header_cs_2_chatroom ._col3 .sp_bold {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
._header_cs_2_chatroom ._col4 {
  font-size: 24px;
  margin-left: 15px;
  padding-top: 10px;
}
._header_cs_2_chatroom ._col5 {
  margin:0px 15px 0px 10px;
}

._header_cs_3 {
  border-radius: 0px 0px 10px 10px;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
  height: 70px;
  display: flex;
  line-height: 70px;
  position: fixed;
  left: 0px;
  right: 0px;
  z-index: 2;
}
._header_cs_3 ._col1 {
  padding-top: 10px;
  margin:0px 15px;
}
._header_cs_3 ._col2 {
  color: #100E09;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
}


._body_cs_1 {
  padding: 0px 15px;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 6;
  top: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  transition: 0.5s;
}
.sidenav.in {
  width: 100%;
}
.sidenav ._row1 {
  display: flex;
}
.sidenav ._col1 {
  width:100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
}
.sidenav ._col2 {
  width: 300px;
  /* background: linear-gradient(142.2deg, #CC5500 -4.09%, #662A00 78.16%); */
  /* height: 100vh; */
  text-align: left;
  /* padding:20px; */
  white-space: nowrap;
  max-width: 300px;
  color:black;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.3);
  position:relative;
}
.sidenav ._col2 ._whiterow {
  background-color: white;
  padding: 15px 20px 10px 15px;
  border-radius: 15px 0px 0px 15px;
  margin-top: 35px;
}
.sidenav ._col2 ._outsidebar_contr {
  position: absolute;
  bottom: 0;
  top: 50vh;
  left: 0;
  right: 0;
}
.sidenav ._col2 ._opt {
  display: flex;
  margin-bottom: 20px;
  cursor: pointer;
}
.sidenav ._col2 ._opt ._opt_col1 {
  width: 40px;
  text-align: center;
}

.sidenav a {
  padding: 8px;
  text-decoration: none;
  /* font-size: 25px; */
  display: block;
  transition: 0.3s;
  color:white;
  font-weight: bold;
}

.sidenav a:hover {
  color: #2f2f2f;
}

.sidenav_2 {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 5;
  top: 60px;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  transition: 0.5s;
  background-color: rgb(255, 255, 255);
  opacity: 0;
}
.sidenav_2.in {
  width: 100%;
  opacity: 1;
}

.sidenav_2._notif {
  top: 0;
}

.sidenav_2._notif ._header_cs, .sidenav_2._notif ._header_cs ._deco2 {
  position: unset !important;
}

.sidenav_3 {
  height: 0;
  width: 100%;
  position: fixed;
  z-index: 5;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-x: hidden;
  transition: 0.5s;
  background-color: rgba(0, 0, 0, 0.3);
}
.sidenav_3.in {
  height: 100%;
}

.sidenav_3 .bottom_bar {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  border-radius: 30px 30px 0px 0px;
  background: #FFF;
  box-shadow: 0px -3px 29px 0px #898A8D;
  padding: 10px 25px 25px 25px;
}

.bottom_bar ._row1 {
  border-radius: 38px;
  background: #898A8D;
  width: 126px;
  height: 6px;
  margin: auto;
}

.bottom_bar_2 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.notif_row ._col1 {
  padding-top: 22px;
}
.notif_row ._col1 ._dot {
  height: 10px;
  width: 10px;
  border-radius: 100%;
  margin-right: 10px;
  background-image:linear-gradient(180deg, #F26B6F 0%, #680B0F 100%);
}
.notif_row img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 100%;
}

/* login page */
.footer-cs1 {
  position: fixed;
  bottom: 0px;
  left:0px;
  right:0px;
  text-align: center;
  padding:20px 15px;
  background: white;
}

._footer_cs {
  display: flex;
  justify-content: space-around;
  font-size: 14px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  background: #FFF;
  box-shadow: 0px -3px 21px 0px rgba(0, 0, 0, 0.10);
  /* border-radius: 30px 30px 0px 0px; */
  color:white;
  text-align: center;
}
._footer_cs ._col1 i {
  padding:10px;
  width: 20px;
}
._footer_cs ._col1.in i {
  /* background: #FF9913; */
  /* border-radius: 100%; */
}
._footer_cs ._col1.in {
  font-weight: bold;
  background: var(--Dating-App, linear-gradient(180deg, #F26B6F 0%, #680B0F 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
._footer_cs ._row1 {
  text-align: center;
  font-size: 18px;
  cursor: pointer;
  margin-bottom: -5px;
}
._footer_cs object {
  filter: drop-shadow(0px 2px 2px rgba(16, 14, 9, 0.15));
  width: 35px;
  height: 35px;
}



.ddl_cover1 {
  position: relative;
}
.ddl_cs1 {
  position: absolute;
  z-index: 3;
  background: #FAFAFA;
  border-radius: 8px;
  width: 100%;
  border:  2px solid #E9BB2A;
  max-height: 280px;
  overflow: auto;
  top: 53px;
}
.ddlop_css1 {
  font-size: 16px;
  padding: 10px 15px;
  cursor: pointer;
}

.bd-t-cs1 {
  border-radius: 30px 30px 0px 0px;
background: #FFF;
box-shadow: 0px -4px 16px 2px rgba(0, 0, 0, 0.12);
}

.body-cs1 {
  padding:15px;
  padding-bottom: 100px;
}

._multislc_container {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: center; */
}

._multislc_opt {
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.35);
  background: rgba(255, 255, 255, 0.48);
  box-shadow: 2px 4px 3px 0px rgba(0, 0, 0, 0.15);
  font-size: 16px;
  padding:10px 15px;
  color:grey;
  margin-bottom: 12px;
  margin-right: 10px;
  /* width: 111px; */
  overflow: hidden;
}
._multislc_opt.in {
  background: #E9BB2A;
  border: 1px solid #E9BB2A;
  color: white;
  font-weight: bold;
}

.photo-cont-cs-1 ._row1 ._col1, .photo-cont-cs-1 ._row1 ._col2 ._row1, .photo-cont-cs-1 ._row1 ._col2 ._row2, .photo-cont-cs-1 ._row2 ._col1, .photo-cont-cs-1 ._row2 ._col2, .photo-cont-cs-1 ._row2 ._col3 {
  border-radius: 10px;
  border: 1px solid rgba(16, 14, 9, 0.35);
  background: #FFF;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25), 2px -2px 4px -5px rgba(0, 0, 0, 0.25);
  font-size:40px;
  color:darkgrey;
  text-align: center;
  position: relative;
  z-index: 0;
}

.photo-cont-cs-1 ._row1 ._col1 {
  width: 210px;
  height:210px;
  margin-right: 10px;
  line-height: 210px;
  width:100%;
  /* max-width: 211px; */
}

.photo-cont-cs-1 ._btndel {
  position: absolute;
  top: 0px;
  line-height: 35px;
  /* height: unset; */
  max-height: 35px;
  right: 0px;
  background: white;
  border: 1px solid grey;
  border-radius: 10px;
  width: 35px;
  font-size: 25px;
  color: rgb(167, 49, 53);
}

.photo-cont-cs-1 ._col2 ._row1, .photo-cont-cs-1 ._col2 ._row2 {
  min-width: 100px;
  height: 100px;
  margin-bottom: 10px;
  line-height: 100px;
}

.photo-cont-cs-1 ._row2 ._col1, .photo-cont-cs-1 ._row2 ._col2, .photo-cont-cs-1 ._row2 ._col3 {
  /* max-width: 100px; */
  width: 100px;
  height: 100px;
  margin-right: 10px;
  line-height: 100px;
  width:100%;
}

.photo-cont-cs-1 img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
  object-position: center;
}


/* modal */
.modal_mobile, .modal_mobile_2 {
  width: 310px;
  position: fixed;
  padding: 20px;
  background-color: #fff;
  /* z-index: 100; */
  border-radius: 5px;
  left: 50%;
  margin-left: -175px;
  /* margin-right: 10px; */
  top: 50%;
  margin-top:-93px;

  z-index: -100;
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
  overflow: auto;
}
.modal_mobile.in {
  z-index: 103;
  opacity: 1;
}
.modal_mobile_2.in {
  z-index: 101;
  opacity: 1;
}

.modal_mobile #result_desc {
	text-align: center;
}

.modal_mobile .content, .modal_mobile_2 .content {
  text-align: center;
  display: inline-block;
	margin: 20px 20px 30px 20px;
}

.modal_mobile .mbutton, .modal_mobile_2 .mbutton {
  margin-top:20px;
	text-align: center;
	width: 100%;
}
.modal_mobile .mbutton button, .modal_mobile_2 .mbutton button {
  padding:8px 15px;
}

.modal_mobile .result_container button, .modal_mobile_2 .result_container button {
  padding: 10px 20px;
  margin-top: 20px;
  border-radius: 5px;
  cursor: pointer;
}

.black_back {
	position: fixed;
	background: rgba(0,0,0,0.4) left top;
	width: 100%;
	height:100%;
	z-index: 102;
	top: 0;
  left: 0;
}

.black_back_2 {
  position: fixed;
	background: rgba(0,0,0,0.4) left top;
	width: 100%;
	height:100%;
	z-index: 100;
	top: 0;
  left: 0;
}


.p_checkbox_cs {
  width: 100%;
  margin-bottom:20px;
  font-size:17px;
}
.p_checkbox_cs .state label {
  text-indent:30px !important;
}
._modal_content_1 textarea {
  border: 1px solid grey;
  border-radius: 10px;
  width: -webkit-fill-available;
  height: 130px;
  resize: none;
  padding: 10px;
}

/* swipe card */
#wrapper_swipe {
  display: flex;
  align-items: center;
  /* justify-content: center; */
  /* position: absolute; */
  width: -webkit-fill-available;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  margin-bottom:10px;
}

#wrapper_swipe #swipe_container {
  display: flex;
  width: -webkit-fill-available;
  height: 100%;
  /* height: 580px; */
  overflow: hidden;
}

#wrapper_swipe .background {
  /* position: absolute; */
  width: 100%;
  /* height: 500px; */
}

#wrapper_swipe .background .label {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 30px;
  color: #dadfe5;
}

#wrapper_swipe .box {
  position: absolute;
  width: inherit;
  height: 100%;
  left:15px;
  right: 15px;
}

#wrapper_swipe .boxcontent {
  position: absolute;
  width: 90%;
  height: 90%;
  margin: 5%;
  background-color: #f6f4fa;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 3px -3px 10px rgba(0, 0, 0, 0.5);
  cursor: grab;
  overflow: hidden;
  transition: 0.5s;
  left:0;
}

#wrapper_swipe .box:last-of-type .boxcontent {
  width: 100%;
  height: 100%;
  margin: 0%;
}

#wrapper_swipe .box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#wrapper_swipe .like,
#wrapper_swipe .nope,
#wrapper_swipe .crush {
  position: absolute;
  top: 35px;
  border: 4px solid gray;
  padding: 7px;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 2.5em;
  font-weight: bold;
  font-family: 'Roboto', sans-serif;
  opacity: 0;
}

#wrapper_swipe .like {
  left: 30px;
  border-color: rgb(0, 255, 0);
  color: rgb(0, 255, 0);
  transform: rotate(-20deg);
}

#wrapper_swipe .nope {
  right: 30px;
  border-color: red;
  color: red;
  transform: rotate(20deg);
}

#wrapper_swipe .crush {
  left: 30px;
  border-color: rgb(0, 183, 255);
  color: rgb(0, 183, 255);
  transform: rotate(-20deg);
}

#wrapper_swipe .info {
  color: #fff;
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 0px 0px 20px 20px;
  /* width: 100%; */
  right: 0px;
  box-sizing: border-box;
  text-shadow: 2px 2px 5px rgb(0, 0, 0);
  background: linear-gradient(rgba(40, 40, 40, 0), rgb(0, 0, 0));
}

#wrapper_swipe .name {
  font-size: 22px;
  font-weight: bold;
  /* animation: bounce 0.7s ease-in-out infinite alternate; */
  /* animation: mymove 1s infinite; */
}
@keyframes bounce {
  100% {
    top: -20px;
    text-shadow: 0 0px 0px #000000, 0 3px 2px #000000, 0 3px 3px #000000, 0 0px 0 #000000, 0 0px 0 #000000, 0 0px 0 #000000, 0 0px 0 #000000, 0 0px 0 #000000, 0 0px 0 #000000, 0 0px 0px rgba(0, 0, 0, .2)
  }
}
@keyframes mymove {
  50% {font-size: 21px;}
}

#wrapper_swipe .numphoto {
  position: absolute;
  top: 10px;
  right: 10px;
  color:white;
  border-radius: 5px;
  background: #E9BB2A;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
  padding:3px 10px 3px 8px;
  text-shadow: 1px 1px 3px rgb(36, 36, 36);
}

#wrapper_swipe .button {
  position: absolute;
  bottom: 150px;
  right: 10px;
  color: white;
  font-size: 36px;
}

#wrapper_swipe .button div {
  background-color: #8080809e;
  border-radius: 100%;
  width: 55px;
  height: 55px;
  text-align: center;
  line-height: 55px;
  text-shadow: 1px 1px 3px rgb(36, 36, 36);
  margin-top: 12px;
}

#wrapper_swipe .draggable {
  /* background: grey; */
  width: 100%;
  /* height: 100%; */
  position: absolute;
  top: 45px;
  bottom: 85px;
  right: 65px;
}

.promptBox_swipe {
	height: 100px;
	width: 100px;
	transform: translate(-50%, -50%);
	position: absolute;
	top: 50%;
	left: 55%;
	opacity: 1;
	transition: 300ms;
	pointer-events: none;
	z-index: 99;
}
.promptBox_swipe .tapperoo {
	height: 25%;
	width: 25%;
	position: absolute;
	top: 20%;
	left: 33%;
	border-radius: 100px;
	background-color: #0095dd;
	z-index: -1;
	animation: tapperoo 3s infinite;
}
@keyframes tapperoo {
	0% {
		height: 25%;
		width: 25%;
	}
	50% {
		height: 5%;
		width: 35%;
		opacity: 0;
		transform: translate(-250%);
	}
	100% {
		opacity: 0;
	}
}

.promptBox_swipe #tap-gesture {
	position: absolute;
	transform: rotate(30deg);
	animation: handMove 3s infinite;
}
@keyframes handMove {
	0% {
		transform: rotate(30deg);
	}
	50% {
		transform: translate(-60%, -10%) rotate(-30deg) scale(0.9);
	}
	100% {
		transform: rotate(30deg);
	}
}




.slider {
  margin: 0 auto;
  /* max-width: 940px; */
}

.slide_viewer {
  height: 50vh;
  overflow: hidden;
  position: relative;
}

.slide_group {
  height: 100%;
  position: relative;
  width: 100%;
}

.slide {
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
}

.slide .locked {
  height: 50vh;
  padding: 20vh 15px 0px 15px;
  text-align: center;
  background: darkgrey;
}

.slide:first-child {
  display: block;
}

.slide_buttons {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top:-8px;
}

.slide img {
  width: -webkit-fill-available;
  object-fit: cover;
  /* object-position: center; */
  height: -webkit-fill-available;
}

a.slide_btn {
  color: #474544;
  font-size: 24px;
  margin: 0 10px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.slide_btn.active, .slide_btn:hover {
  color: #ffffffcd;
  cursor: pointer;
  text-shadow: 1px 1px 5px black;
}

.directional_nav {
  height: 50vh;
  margin: 0 auto;
  position: absolute;
  top: 0px;
  left:0px;
  right:0px;
}

.previous_btn {
  bottom: 0;
  left: 20px;
  margin: auto;
  position: absolute;
  top: 0;
}

.next_btn {
  bottom: 0;
  margin: auto;
  position: absolute;
  right: 20px;
  top: 0;
}

.previous_btn, .next_btn {
  cursor: pointer;
  position: absolute;
  top: 28vh;
  /* height: 65px; */
  /* opacity: 0.5; */
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  /* width: 65px; */
  color:white;
  text-shadow: 1px 2px 2px rgb(67, 67, 67);
  font-size: 24px;
}

.previous_btn:hover, .next_btn:hover {
  opacity: 1;
}

#mySidepage_userprofile ._body_cs_ {
  position: absolute;
  top: 50vh;
  bottom: 0px;
  overflow: auto;
  padding: 25px;
  left: 0px;
  right: 0px;
}

#mySidepage_userprofile ._btnback {
  position: absolute;
  top: 20px;
  left:20px;
}

#mySidepage_userprofile ._t1_viewuser_btnsetting {
  position: absolute;
  top: 20px;
  right:20px;
}

#mySidepage_userprofile ._btnback, #mySidepage_userprofile ._t1_viewuser_btnsetting {
  z-index: 1;
  background-color: #ffffff8a;
  border-radius: 100%;
  width: 55px;
  height: 55px;
  text-align: center;
  line-height: 55px;
  text-shadow: 1px 1px 3px rgb(59, 59, 59);
  font-size: 22px;
}

#mySidepage_userprofile ._info {
  position: absolute;
  bottom: -5px;
  z-index: 1;
  color: rgb(255, 255, 255);
  text-shadow: 1px 1px 3px black;
  text-align: center;
  left: 15px;
  right: 15px;
  font-size: 24px;
  /* font-weight: bold; */
}
#mySidepage_userprofile ._info ._row2 {
  justify-content: center;
  /* margin-top: 8px; */
}
#mySidepage_userprofile ._info ._row2 ._col2 {
  margin:0px 20px;
}

#viewphoto_container ._header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background: black;
}
#viewphoto_container .i-dl {
  position: absolute;
  width: 45px;
  height: 45px;
  /* border: 1px solid lightgrey; */
  border-radius: 9px;
  color: #ffffff;
  line-height: 45px;
  cursor: pointer;
  right: 15px;
  top: 13px;
  /* background-color: white; */
  font-size: 28px;
  text-align: center;
}
#viewphoto_container .i-close {
  position: absolute;
  width: 45px;
  height: 45px;
  /* border: 1px solid lightgrey; */
  border-radius: 9px;
  color: #ffffff;
  line-height: 45px;
  cursor: pointer;
  top: 15px;
  left: 15px;
  /* background-color: white; */
  text-align: center;
  font-size: 38px;
}
#viewphoto_container ._row1 {
  position: absolute;
  top: 70px;
  width: 100%;
  height: -webkit-fill-available;
  overflow: auto;
  background: black;
}
#viewphoto_container ._row1 img, #viewphoto_container ._row1 video {
  width: 100%;
  height: 99%;
  object-fit: contain;
}

#myBottomNav_matched {
  background-color: rgba(0, 0, 0, 0.7) !important;
}
#myBottomNav_matched ._row1 {
  width: 300px; height:300px; animation: up-down 2.5s ease-in-out infinite alternate-reverse both;border:4px dashed rgba(233, 187, 42, 1);border-radius:100%;margin:80px auto 80px auto;
  text-align: center;
}
#myBottomNav_matched ._row1 ._heart {
  line-height: 360px;
  position: relative;
}
#myBottomNav_matched ._img {
  width: 165px;
  height: 225px;
  position: absolute;
}
#myBottomNav_matched ._img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid grey;
}
#myBottomNav_matched ._img._left {
  left: -15px;
  top: -20px;
}
#myBottomNav_matched ._img._right {
  right:-15px;
  bottom:-20px;
}
#myBottomNav_matched ._row2 {
  color: white;
  padding: 0px 20px;
}
#myBottomNav_matched ._btnclosematched {
  position: absolute;
  background: white;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  font-size: 24px;
  border-radius: 100%;
  right: 15px;
  top: 15px;
}






#slider {
  position: relative;
  overflow: hidden;
  /* border-radius: 4px; */
  width: 100%;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 200px;
  list-style: none;
  width: 100%;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 500px;
  height: 300px;
  background: #ccc;
  text-align: center;
  line-height: 300px;
}

a.control_prev, a.control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 4% 3%;
  width: auto;
  height: auto;
  background: #2a2a2a;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
  border-radius: 0 2px 2px 0;
}

a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}

.slider_option {
  position: relative;
  margin: 10px auto;
  width: 160px;
  font-size: 18px;
}

/* #t1_btnrefresh {
  transition: 0.1s;
  width: 82px;
} */

._btn_ani_1 {
  transition: all .2s ease-in-out;
}
._btn_ani_1:active {
  transform: scale(1.2);
}

._container_cs_1 {
  border-radius: 10px;
  border: 1px solid #E8B923;
  background: #FFF;
  box-shadow: 0px 2px 6px 2px rgba(16, 14, 9, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
  padding: 20px 15px;
}
._container_cs_1 ._row1 {
  display: flex;
}
._container_cs_1 ._row1 ._col1 {
  min-width: 40px;
  text-align: center;
  margin-right: 10px;
}

.db_t2_row1 {
  display: flex;
  padding: 15px 0px;
  overflow: auto;
}
.db_t2_row1 .btcs-5 {
  padding:8px 0px;
  margin-right: 10px;
  margin-left: 5px;
  white-space: nowrap;
  min-width: 110px;
  text-align: center;
}
.db_t2_row1 .btcs-5.in {
  border-radius: 5px;
  background: var(--Dating-App, linear-gradient(180deg, #F26B6F 0%, #680B0F 100%));
  box-shadow: 0px 4px 17px 0px rgba(0, 0, 0, 0.25);
  color:white !important;
  font-weight: bold;
  -webkit-text-fill-color : unset !important;
}

.db_t2_newmatch_row1 {
  display: flex;
  overflow: auto;
  overflow-y: hidden;
  padding-bottom: 10px;
}
.db_t2_newmatch_row1 ._img {
  height: 200px;min-width: 125px;max-width: 125px;margin-left: 5px;margin-right: 10px;position: relative;
}
.db_t2_newmatch_row1 ._img .info {
  color: #fff;
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 10px;
  right: 0px;
  box-sizing: border-box;
  text-shadow: 2px 2px 5px rgb(0, 0, 0);
  background: linear-gradient(rgba(40, 40, 40, 0), rgb(0, 0, 0));
  border-radius: 0px 0px 10px 10px;
}
.db_t2_newmatch_row1 ._img img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}

.db_t2_oldmatch_container {
  flex-wrap: wrap;
  margin-top: 15px;
}
.db_t2_oldmatch_container ._img .info {
  color: #fff;
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 10px;
  right: 0px;
  box-sizing: border-box;
  text-shadow: 2px 2px 5px rgb(0, 0, 0);
  background: linear-gradient(rgba(40, 40, 40, 0), rgb(0, 0, 0));
  border-radius: 0px 0px 10px 10px;
}
.db_t2_oldmatch_container ._img {
  width: 110px;
  height: 110px;
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
}
.db_t2_oldmatch_container ._img img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}

._fixed_body_cs_t2 {
  position: fixed;
  left: 15px;
  right: 15px;
  overflow: auto;
  padding-bottom: 35px;
}

._fixed_body_cs_t3 {
  position: fixed;
  left: 0px;
  right: 0px;
  overflow: auto;
  top:230px;
  padding:0px 15px 35px 15px;
}

.db_t3_row1 {
  overflow: auto;
  padding-bottom: 10px;
}
.db_t3_row1 .t3_user_ img {
  width: 65px;
  height: 65px;
  object-fit: cover;
  border-radius: 100%;
  border:1px solid lightgrey;
}
.db_t3_row1 .t3_user_ {
  margin-right: 10px;
  position: relative;
}
.db_t3_row1 .t3_user_ ._dot {
  width: 12px;
  height: 12px;
  background-color: rgb(47, 255, 85);
  border-radius: 100%;
  position: absolute;
  right: 5px;
  top: 53px;
}

.db_t3_chatrow {
  display: flex;
  border-radius: 13px;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  margin-bottom:15px;
  padding:10px 15px 8px 10px;
}
.db_t3_chatrow.new {
  background: #ffe2e3;
}

.db_t3_chatrow ._col1 {
  margin-right: 12px;
  position: relative;
}
.db_t3_chatrow ._col1 img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  border:1px solid lightgray;
  object-fit: cover;
}
.db_t3_chatrow ._col1 ._dot {
  width: 10px;
  height: 10px;
  background-color: rgb(47, 255, 85);
  border-radius: 100%;
  position: absolute;
  right: 5px;
  top: 49px;
}
.db_t3_chatrow ._col2 {
  padding-top: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
}
.db_t3_chatrow ._col2 ._row1, .db_t3_chatrow ._col2 ._row2 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.db_t3_chatrow ._col2 ._reddot {
  width: 8px;
  height: 8px;
  background-color: rgb(172, 0, 51);
  border-radius: 100%;
  position: absolute;
  right: 0px;
  top: 28px;
}


._footer_cs_chatroom {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: flex;
  background-color: #ededed;
  padding: 7px 10px 15px 10px;
}
._footer_cs_chatroom ._col1, ._footer_cs_suproom ._col1 {
  padding: 8px 20px 6px 20px;
  background: white; 
  border-radius: 20px;
  border: 0.5px solid var(--Dating-App, #F26B6F);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
  flex-grow: 1;
  margin-right: 10px;
}
._footer_cs_chatroom textarea, ._footer_cs_suproom textarea {
  max-height: 70px;
  border:none;
  resize: none;
  outline: none;
  width: 100%;
}
._footer_cs_chatroom ._col2, ._footer_cs_suproom ._col2 {
  margin: auto;
  margin-right: 5px;
}
._footer_cs_chatroom ._col2 object, ._footer_cs_suproom ._col2 object {
  width: 35px;
}


.chatmsg_row, .chatmsg_row_me {
  display: flex;
  margin-bottom: 12px;
}

.chatmsg_row ._chat_media, .chatmsg_row_me ._chat_media {
  min-width: 100px;
  min-height: 100px;
  max-width: 180px;
  max-height: 180px;
  object-fit: cover;
}

.chatmsg_row_me {
  justify-content: end;
}

.chatmsg_row_me ._sending {
  color: grey;
  font-size: 12px;
  margin-right: 10px;
  padding-top: 5px;
}

.chatmsg_row ._col1 {
  margin-right: 10px;
}

.chatmsg_row ._col2 {
  border-radius: 0px 20px 20px 20px;
  background: #FFF;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.15);
  padding: 10px 15px 12px 15px;
  white-space: pre-wrap;
  font-size: 15px;
  word-break: break-word;
}

.chatmsg_row_me ._col1 {
  border-radius: 20px 0px 20px 20px;
  background: #F36C70;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.15);
  padding: 10px 15px 12px 15px;
  color:white;
  margin-right: 10px;
  white-space: pre-wrap;
  font-size: 15px;
  word-break: break-word;
} 
.chatmsg_row_me ._col1 textarea {
  border: none;
  resize: none;
  background: none;
  color:white;
  font-size:15px;
}
.chatmsg_row_me ._col1 img, .chatmsg_row ._col2 img {
  max-height: 140px;
  max-width: 200px;
  border-radius: 10px;
  border:1px solid lightgray;
}

.chatmsg_row ._col1 img, .chatmsg_row_me ._col2 img {
  width: 35px;
  height: 35px;
  object-fit: cover;
  border-radius: 100%;
}



._body_cs_2_chatroom {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top:70px;
  overflow: auto;
  background-color: #ededed;
}



.db_t4_head {
  position: fixed;
  left: 15px;
  right: 15px;
  background-color: white;
}
.db_t4_head .db_t4_packageshowing {
  background-color: #E9BB2A;
  color:white;
  text-shadow: 1px 1px 2px rgb(73, 73, 73);
  border-radius: 8px;
  padding:5px 10px;
  width: fit-content;
  font-size: 14px;
  margin: auto;
  margin-top: -10px;
  position: relative;
}
.db_t4_head .db_t4_packageshowing object {
  position: absolute;
  width: 50px;
  height: 50px;
  top: -11px;
  margin-left: 2px;
}
.db_t4_head .db_t4_btnverifynow {
  width: fit-content;
  margin: auto;
}

.db_t4_body {
  padding-top:331px;
}
.db_t4_body span {
  font-weight: bold;
}

._show_opt_cs {
  border-radius: 15px;
  border: 1px solid #E9BB2A;
  background: #FFF;
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.15);
  padding:5px 15px 7px 15px;
  font-weight: bold;
  margin-right: 10px;
  margin-top:10px;
  width: fit-content;
  /* width: 111px; */
  overflow: hidden;
  /* height: fit-content; */
}

.photo_cont_cs_1 {
  width: 120px;
  min-width: 120px;
  height: 120px;
  margin-right: 10px;
  margin-top:10px;
  margin-bottom: 10px;
}
.photo_cont_cs_1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.showless_1 {
  overflow:hidden;height: 91px;
}


#myBottomNav_supreme table {
  width:100%;
}
#myBottomNav_supreme table td {
  padding:5px;
  border-bottom: 1px solid lightgray;
}


.row_cs_1 {
  display: flex;
  border-radius: 10px;
  border: 1px solid #E9BB2A;
  background: #FFF;
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.15);
  padding: 12px 20px;
}
.row_cs_1 ._col1 {
  padding-right: 15px;
}
.row_cs_1 ._col3 {
  margin-left: auto;
}

.row_cs_2 {
  display: flex;
  border-radius: 10px;
  border: 1px solid #E9BB2A;
  background: #E9BB2A;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 12px 20px;
  color:white;
}
.row_cs_2 ._col1 {
  padding-right: 15px;
}
.row_cs_2 ._col3 {
  margin-left: auto;
}


.language_chg {
  cursor: pointer;
  margin: 0px 10px;
  color: rgb(230, 230, 230);
}

._btn_showticket {
  position: fixed;
  color: #ed4146;
  right: 15px;
  bottom: 90px;
  font-size: 20px;
  background: white;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  border: 2px solid #ed4146;
  line-height: 40px;
  text-align: center;
}

._chatcs_send ._chatbox {
  border:1px solid #ed4146;
  padding:10px 15px;
  margin-top:15px;
  margin-bottom:5px;
  text-align: right;
  width: fit-content;
  display: flex;
  border-radius: 15px 0px 15px 15px;
  font-size: 15px;
}
._chatcs_send ._flx {
 display: flex;
 justify-content: end;
}

._chatcs_receive ._chatbox {
  border:1px solid #ffd3d4;
  background: #ffd3d4;
  padding:10px 15px;
  margin-top:15px;
  margin-bottom:5px;
  text-align: right;
  width: fit-content;
  display: flex;
  border-radius: 0px 15px 15px 15px;
  font-size: 15px;
}
._chatcs_receive ._flx {
 display: flex;
 justify-content: start;
}






@media (max-width:370px) {
  .result_container:before,
  .result_container2:before {
    height: unset !important;
    width: -webkit-fill-available !important;
  }
  .result_container .centered,
  .result_container2 .centered {
    width: -webkit-fill-available !important;
  }

  .ipcs-1 {
    flex-wrap: wrap;
  }
  .ipcs-1 ._col2 {
    margin-top:10px;
  }

  ._header_cs_2_chatroom ._col1 {
    margin:0px 5px;
  }

  #txtPhoneNum {
    width: inherit;
  }
}

@media (max-width:350px) {
  .modal_mobile {
    width: 280px;
    margin-left: -160px;
  }
  #myBottomNav_matched ._row1 {
    width: 280px; height:280px;
  }
  #myBottomNav_matched ._row1 ._heart {
    line-height: 340px;
  }
  #myBottomNav_matched ._img {
    width: 155px; height: 215px;
  }

  ._header_cs_2_chatroom object {
    width: 45px;
  }
  ._header_cs_2_chatroom ._col2 {
    margin-right: 5px;
  }
  ._header_cs_2_chatroom ._col2 img {
    width: 40px;
    height: 40px;
  }
  ._header_cs_2_chatroom ._col5 {
    margin-right:5px;
  }
  ._header_cs_2_chatroom ._col4 {
    font-size: 22px;
    padding-top: 8px;
  }
}
@media (max-width:320px) {
  .modal_mobile {
    width: 250px;
    margin-left: -145px;
  }
  #myBottomNav_matched ._row1 {
    width: 260px; height:260px;
  }
  #myBottomNav_matched ._row1 ._heart {
    line-height: 320px;
  }
  #myBottomNav_matched ._img {
    width: 145px; height: 205px;
  }

  ._header_cs_2_chatroom ._col4 {
    margin-left: 8px;
  }
  ._header_cs_2_chatroom ._col5 {
    margin-left: 5px;
  }
  ._header_cs_2_chatroom ._col1 {
    margin-right: 0px;
  }
  ._header_cs_2_chatroom ._col3 .sp_bold {
    font-size: 14px;
  }
  ._header_cs_2_chatroom ._col4 {
    font-size: 20px;
  }
}
@media (max-width:290px) {
  .modal_mobile {
    width: 220px;
    margin-left: -130px;
  }
  #myBottomNav_matched ._row1 {
    width: 240px; height:240px;
  }
  #myBottomNav_matched ._row1 ._heart {
    line-height: 300px;
  }
  #myBottomNav_matched ._img {
    width: 135px; height: 195px;
  }
}












/* web */

.slides {
    padding: 0;
    height: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
}

.slides * {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.slides input { display: none; }

.slides .slide-container { display: block; }

.slides .slide {
    top: 0;
    opacity: 0;
    display: block;
    position: absolute;

    transform: scale(0);

    transition: all .7s ease-in-out;
}

.slides .slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.slides .nav label {
  width: 200px;
  height: 100%;
  display: none;
  position: absolute;

  opacity: 0;
  z-index: 9;
  cursor: pointer;

  transition: opacity .2s;

  color: #a80101;
  font-size: 156pt;
  text-align: center;
  line-height: 380px;
  font-family: "Varela Round", sans-serif;
  background-color: rgba(255, 255, 255, 0);
  text-shadow: 0px 0px 15px rgb(119, 119, 119, 0);
}

.slides .slide:hover + .nav label { opacity: 0; }

.slides .nav label:hover { opacity: 0; }

.slides .nav .next { right: 0; }

.slides input:checked + .slide-container  .slide {
    opacity: 1;

    transform: scale(1);

    transition: opacity 1s ease-in-out;
}

.slides input:checked + .slide-container .nav label { display: block; }

.slides .nav-dots {
	width: 100%;
	bottom: 9px;
	height: 11px;
	display: block;
	position: absolute;
	text-align: center;
}

.slides .nav-dots .nav-dot {
	top: -5px;
	width: 11px;
	height: 11px;
	margin: 0 4px;
	position: relative;
	border-radius: 100%;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0);
}

.slides .nav-dots .nav-dot:hover {
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0);
}

.slides input#img-1:checked ~ .slides .nav-dots label#img-dot-1,
.slides input#img-2:checked ~ .slides .nav-dots label#img-dot-2,
.slides input#img-3:checked ~ .slides .nav-dots label#img-dot-3,
.slides input#img-4:checked ~ .slides .nav-dots label#img-dot-4,
.slides input#img-5:checked ~ .slides .nav-dots label#img-dot-5,
.slides input#img-6:checked ~ .slides .nav-dots label#img-dot-6 {
	background: rgba(0, 0, 0, 0);
}

.w_login_cont1 {
  height: 100vh;
  align-items: center;
  justify-content: center;
}
.w_login_cont1 ._col1 {
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(2px);
  height: 90%;
  margin: 60px;
  border-radius: 20px;
  position: relative;
}

.w_login_cont1 ._col1 ._logo{
  left: 30px;
  top: 30px;
  position: absolute;
}

.w_login_cont1 ._col2 {
  margin:60px;
  margin-left: 0px;
  align-self: start;
  padding-top:20px;
  padding-bottom:40px;
}

.w_login_cont1 ._col2 ._row1 {
  font-weight: bold;
  font-size: 40px;
  text-align: center;
  margin-bottom: 100px;
}

.w_login_cont2 {
  background-color: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(3px);
  padding:30px 50px;
}