body {
  font-family: "Open Sans", arial, verdana;
  overflow-x: hidden;
}

a.selected{
color:#000 !important;
background-color: #dadada;
}

.samplecover-spin {
position:fixed;
width:100%;
left:0;right:0;top:0;bottom:0;
background-color: rgba(255,255,255,0.7);
z-index:9999;
display:block;
}


.samplecover-spin::after {
content:'';
display:block;
position:absolute;
left:48%;top:40%;
width:40px;height:40px;
border-style:solid;
border-color:black;
border-top-color:transparent;
border-width: 4px;
border-radius:50%;
-webkit-animation: spin .8s linear infinite;
animation: spin .8s linear infinite;
}

.modal{z-index: 9999;}
h4{color: #000; font-size: 19px; font-family: 'pt_sansregular';}
h5{font-size: 19px; color: #000; line-height: 31px; transition: all 0.5s ease; font-family: 'pt_sansregular';}
p{font-size: 16px; line-height: 27px; color: #000; font-family: 'pt_sansregular';}

/* width */
::-webkit-scrollbar {
width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey; 
border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
background: #ccc; 
border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #ccc; 
}
.dashboardMain{width: 100%; height: auto; float: left;}

.clearfix:after {
content: "";
display: block;
height: 0;
width: 0;
clear: both;
}
.admin-panel {
width: 100%;
}
/*slidebar*/
.slidebar {
  width: 275px;
  float: left;
  border-right: 1px solid rgb(235,235,235);
  background-color: rgb(247,247,247);
  position: fixed;
  height: 100%;
  overflow: auto;
  z-index: 999;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
  transition: .3s;
}

.slidebar ul {
padding: 0;
margin:0;
float: left;
width: 100%;
}
.slidebar li {
list-style-type: none;
margin: 0;
position: relative;
float: left;
width: 96%;
  top: 5px;
  left: 5px;}
  .upgrdOut .upgrd:hover{background-color: #d6065d; box-shadow: none;}
  .upgrdOut .upgrdplan:hover{background-color: #9fffb0; box-shadow: none;}
/*.slidebar li:before {
content: "";
font-family: 'icomoon';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
position: absolute;
display: block;
line-height: 40px;
color: rgb(102,102,102);
right: 20px;
-webkit-font-smoothing: antialiased;
}*/

/*.slidebar li:nth-child(1):before {content: "\63";}
.slidebar li:nth-child(2):before {content: "\64";}
.slidebar li:nth-child(3):before {content: "\62";}
.slidebar li:nth-child(4):before {content: "\65";}
.slidebar li:nth-child(5):before {content: "\74";}
.slidebar li:nth-child(6):before {content: "\66";}
.slidebar li:nth-child(7):before {content: "\67";}
.slidebar li:nth-child(8):before {content: "\68";}
.slidebar li:nth-child(9):before {content: "\69";}
.slidebar li:nth-child(10):before {content: "\6a";}
.slidebar li:nth-child(11):before {content: "\75";}*/

.slidebar ul a {
color: rgb(49, 49, 49);
text-decoration: none;
font:16px/40px helvetica,verdana,sans-serif;
box-sizing:border-box;
border-bottom: 1px solid rgb(235,235,235);
display: block;
box-shadow:inset 0 1px 0 rgb(255,255,255);
text-indent: 10px;
text-transform: capitalize;
padding: 10px 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.slidebar li:hover a {
background-color: rgb(255,255,255);
box-shadow: 1px 0 0 rgb(255,255,255), inset 5px 0 0 -1px rgb(255, 0, 108);
}
.slidebar li:hover a i{color: #ff006c}
/*main*/
.main {
  float: right;
  width: 100%;
  font-family: helvetica,verdana,sans-serif;
  position: absolute;
  left: 0;
  height: 100%;
  padding-left: 275px;
  /* overflow: hidden; */
  transition: .3s;
}
.main .topbar {
border-bottom: 1px solid rgb(235,235,235);
margin: 0;
padding: 0;
background: #ff006c;
position: fixed;
top: 0;
z-index: 9;
width: 100%;
right: 0;
left: 0;
}
/*topbar*/
.topbar li {
float: right;
list-style: none;
width: auto;
}
.topbar a {
font-family: 'icomoon';
display: block;
line-height: 50px;
width: auto;
text-align: center;
text-decoration: none;
color: #fff;
border-left: 1px solid #ff8cbc;
font-size: 18px;
padding: 0px 28px 2px 28px;
font-family: 'pt_sansregular';
}

.subSearchBT{position: absolute; right: 32px; top: 13px; font-size: 24px !important; cursor: pointer; color: #888;}

.topbar a:hover {
background-color: rgb(245, 0, 104);
}
.topbar li:first-child a {
border-right: 1px solid #ff8ebe;
}
/*mainContent*/
.mainContent h4 {
line-height: 1;
font-size: 18px;
margin: 1.3em 0 1em;
margin-left: 17px;
color: #ff006c;
text-align: left;
}

/* .mainContent>div {
position: absolute;
opacity: 1;
-webkit-transition:opacity 200ms linear;
-moz-transition:opacity 200ms linear;
-ms-transition:opacity 200ms linear;
transition:opacity 200ms linear;
width: 100%;
  left: 0;
  padding-left: 275px;
  transition: .3s;
  overflow: auto;
  height: calc(100% - 109px);
  top: 109px;
} */
.mainContent>div {
opacity: 1;
width: auto;
transition: .3s;
overflow: auto;
height: calc(100% - 109px);
display: contents;
}

.mainContent>div:target {
opacity: 1;
display: block;
z-index: 1;
background-color: #fff;
}
.mainContent h2 {
margin:20px 10px 2px 22px;
color: #ff006c;
font-size: 20px;
vertical-align: middle;
display: flex;
background-color: #fff;
}
/*.mainContent h2:before {
font-family: 'icomoon';
content: attr(data-icon);
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
margin-right: 10px;
-webkit-font-smoothing: antialiased;
}
.mainContent div:nth-child(1) h2:before {content: "\63";}
.mainContent div:nth-child(2) h2:before {content: "\64";}
.mainContent div:nth-child(3) h2:before {content: "\62";}
.mainContent div:nth-child(4) h2:before {content: "\65";}
.mainContent div:nth-child(5) h2:before {content: "\74";}
.mainContent div:nth-child(6) h2:before {content: "\66";}
.mainContent div:nth-child(7) h2:before {content: "\67";}
.mainContent div:nth-child(8) h2:before {content: "\68";}
.mainContent div:nth-child(9) h2:before {content: "\69";}
.mainContent div:nth-child(10) h2:before {content: "\6a";}
.mainContent div:nth-child(11) h2:before {content: "\75";}*/

#dashboard>div {
float: left;
border-radius: 5px;
display: inline-block;
}
.monitor ul {
float: left;
padding: 0;
margin: 0 31px 0 17px;
}
.monitor li {
list-style:none;
font: 600 14px/28px helvetica,verdana,sans-serif;
color: rgb(102,102,102);
text-transform: capitalize;
}
.monitor li a {
color: rgb(102,102,102);
text-transform: capitalize;
text-decoration: none;
}
.monitor li:first-child {
border-bottom: 1px dotted rgb(153,153,153);
}
.discussions .comments {color: rgb(27,106,173);}
.discussions .approved {color: rgb(105,174,48);}
.discussions .pending {color: rgb(246,129,15);}
.discussions .spam {color: rgb(243,47,47);}
.monitor .count {
color: rgb(27,106,173);
text-align: right;
font-weight: 600;
margin-right: 15px;
min-width: 25px;
display: inline-block;
}
.monitor p {
color: rgb(128,128,128);
margin: 28px 0 18px 17px;
display: block;
font-weight: 600;
font-size: 12px;
}
.monitor p a {
text-decoration: none;
color:rgb(27,106,173);
}
.quick-press form {
margin:0 20px 0 13px;
}
.quick-press input[type="text"] {
display: block;
width: 100%;
-moz-box-sizing:border-box;
box-sizing:border-box;
height: 35px;
line-height: 15px;
padding: 10px 0;
margin:0 0 7px 0;
background-color: rgb(246,246,246);
outline: none;
border: none;
text-indent: 10px;
}

.quick-press input[type="text"]::-webkit-input-placeholder {font-size: 14px;}
.quick-press input[type="text"]:-moz-input-placeholder {font-size: 14px;}
.quick-press input[type="text"]::-moz-input-placeholder {font-size: 14px;}
.quick-press input[type="text"]:-ms-input-placeholder {font-size: 14px;}

.quick-press button {
margin-top: 13px;
border-radius: 5px;
text-align: center;
line-height: 30px;
padding: 0;
}
.quick-press .save, .quick-press .delet {
font-family: 'icomoon';
width: 37px;
background: -webkit-linear-gradient(top,rgb(246,246,240),rgb(232,232,232));
background: -moz-linear-gradient(top,rgb(246,246,240),rgb(232,232,232));
background: -ms-linear-gradient(top,rgb(246,246,240),rgb(232,232,232));
background: linear-gradient(top,rgb(246,246,240),rgb(232,232,232));
border: 1px solid rgb(229,229,229); 
color: rgb(102,102,102); 
float: left;
margin-right: 5px;
}
.quick-press .save:hover, .quick-press .delet:hover {
background: -webkit-linear-gradient(top,rgb(232,232,232),rgb(246,246,240));
background: -moz-linear-gradient(top,rgb(232,232,232),rgb(246,246,240));
background: -ms-linear-gradient(top,rgb(232,232,232),rgb(246,246,240));
background: linear-gradient(top,rgb(232,232,232),rgb(246,246,240));
}
.quick-press .save:active, .quick-press .delet:active {
background: -webkit-linear-gradient(top,rgb(228,228,228),rgb(210,210,210));
background: -moz-linear-gradient(top,rgb(228,228,228),rgb(210,210,210));
background: -ms-linear-gradient(top,rgb(228,228,228),rgb(210,210,210));
background: linear-gradient(top,rgb(228,228,228),rgb(210,210,210));
}
.active1{z-index: 1;}
.quick-press .submit {
float: right;
width: 70px;
border: 1px solid rgb(238,85,64);
color: #fff;
font-size: 16px;
background: -webkit-linear-gradient(top,rgb(245,101,82),rgb(234,83,63));
background: -moz-linear-gradient(top,rgb(245,101,82),rgb(234,83,63));
background: -ms-linear-gradient(top,rgb(245,101,82),rgb(234,83,63));
background: linear-gradient(top,rgb(245,101,82),rgb(234,83,63));
}
.quick-press .submit:hover {
background: -webkit-linear-gradient(top,rgb(220,85,70),rgb(210,65,53));
background: -moz-linear-gradient(top,rgb(220,85,70),rgb(210,65,53));
background: -ms-linear-gradient(top,rgb(220,85,70),rgb(210,65,53));
background: linear-gradient(top,rgb(220,85,70),rgb(210,65,53));
}
/*logo*/



.statusbar {
position: absolute;
bottom: 0;
border-top: 1px solid rgb(235,235,235);
width: 100%;
padding: 0;
margin: 0;
}
.statusbar li {
list-style: none;
}
.statusbar a {
color: rgb(102,102,102);
text-decoration: none;
text-align: center;
display: block;
}
.statusbar a:hover {
background-color: rgb(247,247,247);
}
.statusbar .profiles-setting, .statusbar .logout {
float: right;
}
.statusbar .profiles-setting a, .statusbar .logout a {
font-family: 'icomoon';
width: 49px;
height: 49px;
line-height: 50px;
border-left: 1px solid rgb(235,235,235);
}

@font-face {
font-family: 'icomoon';
src:url('fonts/icomoon.eot');
src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
url('fonts/icomoon.woff') format('woff'),
url('fonts/icomoon.ttf') format('truetype'),
url('fonts/icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}


.dashLogo{position: absolute; width: 190px; left: 327px; top: -1px; transition: .5s;}
.mainFulllWidth .dashLogo{left: 57px !important;}
.dropSetting{display: none;}
.dropSetting li{background: white; margin: 1px 0px;}
.dropSetting li a{padding: 5px 0 5px 45px;}
.dropSetting li a:hover{background-color: #e0e0e0;}
.overDivBrows{width: 100%;height: auto;float: left; text-align: center;position: sticky; top: 0;
background: #0093dd; z-index: 999; padding-top: 13px;}
#img_contain{
  width: 100px;
  height: 100px;
  display: inline-block;
}
#img_contain img{
  width: 100%;
  height: 100px;
  object-fit: cover;
  border-radius: 100px;
  overflow: hidden;
}
.overDivBrows .input-group{
  width: 100%; height: auto; float: left; margin-top: 15px;
}
.custom-file{
  display: inline-block;
  position: absolute;
  width: 35px;
  overflow: hidden;
  background: red;
  top: -52px;
  right: -7px;
  border-radius: 100px;
  height: 35px;
  background-color: #fff;
  font-size: 27px;
  line-height: 32px;
  font-weight: bold;
  cursor: pointer;
  border: 1px solid #dadada;
}
.overDivBrows input{opacity: 0; position: absolute; top: 0;}
.proname{color: #fff; font-size: 22px; margin-bottom: 1px; float: left;
  width: 100%;}
  .pronameID{font-size: 15px; margin-top: 0; margin-bottom: 18px;}
.slidebar ul li a i{margin-right: 10px;}
.dashMainCont{width: 100%; height: auto; float: left; background-color: #fff;}
.dashMainInner{width: 100%; height: auto; float: left; padding: 128px 20px 20px; border-radius: 5px;}
.inputFil{ width: 100%; background-color: #fff; height: 38px;border-radius: 4px !important; padding: 0 15px; 
  color: #000; border: 1px solid #adadad !important; float: left; margin-bottom: 15px !important;}
  .dashMainInner .multiselect-dropdown{
    margin-bottom: 15px;
  }
input:focus{outline: none !important; background-color: #f1f1f1 !important; color: #000 !important; border: none !important;}
.dropInpuMain{width: 100%; height: auto; float: left;}
.inpuData{width: 100%; height: auto; float: left; padding: 20px; background-color: #ececec; display: none; border-bottom: 1px solid #ccc; margin-top: -17px;
position: absolute;
left: 0;
z-index: 9;
margin-top: 42px;
border-radius: 17px;
}

.inpuDataDevider{margin: 15px 0;}
.inpuData label{color: #000; font-weight: normal;}
.doneBt{padding: 8px 20px; border-radius: 50px; color: #000; background-color: #fff; float: right; margin-top: 15px; cursor: pointer;}
label{
font-family: arial;
  font-weight: 600;
  margin-bottom: 5px !important;
  font-size: 13px;
  color: #5a5a5a;
}
.selected-list .c-list .c-token{
font-size: 13px;
  margin-top: -5px !important;
  margin-left: -19px;
}  


input[type=checkbox], input[type=radio]{ margin: 0px 12px 0 0 !important; width: 20px !important; 
height: 20px !important;}
.form-group{ margin-bottom: 15px !important;  height: 20px !important; align-items: center !important; 
display: flex !important;}
.restSearchDiv{width: 100%; height: auto; float: left; text-align: center;}
.resetSearchBt{background: #ff006c; border-radius: 50px; padding: 10px 25px; color: #fff !important;
margin-top: 6px; border: none; margin: 0 3px;} 
.searchNowBt{background: #0093dd; border-radius: 50px; padding: 10px 25px; color: #fff !important;
margin-top: 6px; border: none; margin: 0 3px; }
button:focus{outline: none;}
.mailDiv{width: 100%; height: auto; float: left; border-radius: 5px; border: 1px solid #ccc; padding: 15px; 
position: relative; overflow: hidden; min-height: 170px; margin-bottom: 20px;}
.mailProDiv{width: 100px; height: 100%; background: #ececec; left: 0; top: 0; position: absolute;}
.mailProDiv:before{content: ""; width: 0; height: 0; 
border-style: solid;
border-width: 9.5px 0 9.5px 11px;
border-color: transparent transparent transparent #ececec; position: absolute; right: -11px;
top: 50%; margin-top: -9px;}

.mailImgDiv{width: 60px; height: 60px; border-radius: 100px; position: absolute;  background-color: #dadada;
left: 50%; margin-left: -30px; top: 50%; margin-top: -30px; overflow: hidden;}
.mailImgDiv img{object-fit: cover; height: 60px; width: 100%;}
.mailContDiv{width: 100%; height: auto; float: left; padding-left: 100px; text-align: left;}

.mailDiv h4{margin: 0px 0px 10px 0px;}
.acceptBt{padding: 6px 18px; border-radius: 50px; border: none; transition: .4s; background: #059d05; color: #fff; float: left;}
.acceptBt:hover{background: #048a04;}
.deleteBt{padding: 6px 18px; border-radius: 50px; border: none; background: #ececec; float: left; margin-left: 7px;}
.mailDivMain .col-md-6{margin-bottom: 15px;}
.accepTopBt{padding: 8px 18px; border-radius: 50px; border: none; background: #73ff71; float: right; font-size: 15px;
color: #232323;  position: relative; top: 15px;}
.deleteTopBt{padding: 8px 18px; border-radius: 50px; border: none; background: #73ff71; float: right; font-size: 15px;
color: #232323; margin: 0 12px 0 10px; position: relative; top: 15px;}

.notiMain .date{position: absolute; top: 7px; right: 5px; font-size: 13px; background: #ececec;
padding: 4px 13px; border-radius: 50px;
}
.dashMainInner .col-md-4{position: static;}
.notiMain .mailDiv{padding: 32px 15px 15px;}
.notiMain .mailHead {font-weight: normal; line-height: 24px; white-space: nowrap; overflow: hidden;
text-overflow: ellipsis; color: #292929; text-decoration: none;}
.notiMain .mailProDiv{background: #ececec;}
.notiMain .mailProDiv:before{border-color: transparent transparent transparent #ececec;}
#form1{width: 100px; margin: 0 auto; position: relative;}
.notiMain .mailContDiv span a i{position: absolute; right: 9px; bottom: 6px; color: black; font-size: 16px;}
.notiMain .mailContDiv span a i:hover{color: #00af05;}
.backArrow{ font-size: 24px; color: #ff006c; margin-right: 16px;}

#descoverMatches .matchesInner{width: 100%; height: auto; float: left; text-align: center;}
#descoverMatches .matchesDiv{width: 100%; height: auto; float: left; position: relative;}
#descoverMatches .matchesPic{width: 100%; height: 200px; float: left;}
#descoverMatches .matchesPic img{width: 100%; height: 200px; object-fit: cover;}
#descoverMatches .callDetais{width: 100%; height: auto; float: left; text-align: center; background: #f7f7f7; padding-bottom: 20px;}
#descoverMatches .callDetais i{width: 60px; height: 60px; border-radius: 100px; margin-left: 5px;
margin-right: 5px; background-color: white; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); font-size: 25px;
align-items: center; display: inline-grid; cursor: pointer;}
#descoverMatches .floatNeed{float: left; margin-top: -32px; width: 100%; transition: all 0.5s ease;}
#descoverMatches .phoneIc:hover {background-color: #04ff00; color: #fff}
#descoverMatches .heartIc:hover{background-color: red; color: #fff}
#descoverMatches .starIc:hover{background-color: #ffba1f; color: #fff}
#descoverMatches .callDetaillsName{font-size: 20px; margin-top: 45px; width: 100%; margin-bottom: 6px;
margin-left: 0;}
#descoverMatches .callDetais p{margin-bottom: 3px;}
#descoverMatches .ignorBt{padding: 8px 20px; border-radius: 50px; background-color: rgba(255, 255, 255, 0.7); color: #000;
float: left; position: absolute;top: 6px; left: -85px; cursor: pointer; font-family: 'pt_sansregular'; 
opacity: 0; transition: all 0.5s ease;}
#descoverMatches .matchesDiv:hover .ignorBt{opacity: 1; transform: translateX(92px);}
#descoverMatches .moreMatches{margin-top: 25px; display: none;}
#descoverMatches .moreMatchesBt{padding: 12px 30px; border-radius: 50px; cursor: pointer; margin-top: 18px; color: #fff; background-color: #ff006c; display: inline-block; font-size: 17px;}
#descoverMatches .bestText{color: #ff006c;font-size: 60px;}


#viewNotification .matchesInner{width: 100%; height: auto; float: left; text-align: center;}
#viewNotification .matchesDiv{width: 100%; height: auto; float: left; position: relative;}
#viewNotification .matchesPic{width: 100%; height: 200px; float: left;}
#viewNotification .matchesPic img{width: 100%; height: 200px; object-fit: cover;}
#viewNotification .callDetais{width: 100%; height: auto; float: left; text-align: center; background: #f7f7f7; padding-bottom: 20px;}
#viewNotification .callDetais i{width: 60px; height: 60px; border-radius: 100px; margin-left: 5px;
margin-right: 5px; background-color: white; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); font-size: 25px;
align-items: center; display: inline-grid; cursor: pointer;}
#viewNotification .floatNeed{float: left; margin-top: -32px; width: 100%; transition: all 0.5s ease;}
#viewNotification .phoneIc:hover {background-color: #04ff00; color: #fff}
#viewNotification .heartIc:hover{background-color: red; color: #fff}
#viewNotification .starIc:hover{background-color: #ffba1f; color: #fff}
#viewNotification .callDetaillsName{font-size: 20px; margin-top: 45px; width: 100%; margin-bottom: 6px;
margin-left: 0;}
#viewNotification .callDetais p{margin-bottom: 3px;}
#viewNotification .ignorBt{padding: 8px 20px; border-radius: 50px; background-color: rgba(255, 255, 255, 0.7); color: #000;
float: left; position: absolute;top: 6px; left: -85px; cursor: pointer; font-family: 'pt_sansregular'; 
opacity: 0; transition: all 0.5s ease;}
#viewNotification .matchesDiv:hover .ignorBt{opacity: 1; transform: translateX(92px);}
#viewNotification .moreMatches{margin-top: 25px; display: none;}
#viewNotification .moreMatchesBt{padding: 12px 30px; border-radius: 50px; cursor: pointer; margin-top: 18px; color: #fff; background-color: #ff006c; display: inline-block; font-size: 17px;}
#viewNotification .bestText{color: #ff006c;font-size: 60px;}

.phoneIc{transition: all 0.5s ease;}
.heartIc{transition: all 0.5s ease;}
.starIc{transition: all 0.5s ease;}
/* Position tooltip above the element */
[data-tooltip]:before {
position: absolute;
left: 50%;
top: -43px;
margin-bottom: 5px;
margin-left: -80px;
padding: 7px;
width: 160px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #000;
background-color: hsla(0, 0%, 20%, 0.9);
color: #fff;
content: attr(data-tooltip);
text-align: center;
font-size: 14px;
line-height: 1.2;
opacity: 0;
z-index: 1;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
position: absolute;
bottom: 150%;
left: 50%;
margin-left: -5px;
width: 0;
border-top: 5px solid #000;
border-top: 5px solid hsla(0, 0%, 20%, 0.9);
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: " ";
font-size: 0;
line-height: 0;
opacity: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}

.floatNeed span{position: relative;}

.mainFulllWidth{padding-left: 0px;}
.slidebarWidth{width: 0px;}
.mainContentWidth{padding-left: 0px !important;}

#slideRight{
  color: #fff;
  width: 54px;
  height: 50px;
  align-items: center;
  display: grid;
  text-align: center;
  position: fixed;
  z-index: 999;
  left: 275px;
  font-size: 21px;
  top: 0;
  cursor: pointer;
  transition: .3s;
}


.proDetailsBt{padding: 8px 30px; border-radius: 50px; background: #0093dd; color: #fff; border: none; 
margin-top: 10px;}
.proDetailsBt a{color: #fff; text-decoration: none;}
.proDetailsDiv{width: 100%;}
.proHead{width: 100%; height: auto; background: #efefef; padding: 10px 10px; position: relative; margin-left: 0 !important; text-align: left !important;}
.proHead i{margin-right: 7px;}
.proInnerCont{width: 100%; height: auto;}
.proInnerCont b{width: 30%; display: -webkit-inline-box; color: #000; font-size: 15px;
font-weight: normal; margin: 5px 0; padding: 4px 12px; }
.proInnerCont span{width: 70%;display: inline-flex; padding: 6px;}
.proInnerCont ul{list-style-type: none;padding-left: 0; width: 100%;display: inline-block;}
/*.proInnerCont li{margin-bottom: 8px; border: 1px solid #e8e8e8;}*/
.upgradeBtListing{background: #3a3a3a; border-radius: 5px; align-items: center; display: flex;}
.upgradeBtListing b{color: #fff;}
.upgradeBtListing span{padding: 0;}
.upgradeBtListing span button{padding: 7px 20px; border-radius: 50px; border: none; background: #ff006c; color: #fff;}



.proCarouselMain{width: 100%; height: auto;}
.proCarouselMain li{width: 10%; display: table-cell; padding: 10px 11px;}
.proCarouselMain ul{padding-left: 0; margin-bottom: 0;}

/* Thumbnail Box */
.proCarouselMain .caption h4 {
  font-size: 16px;
  color: #444;
  margin: 0;
  }
  .proCarouselMain .caption p {
      font-size: 14px;
      color: #999;
      }
      .proCarouselMain .btn.btn-mini {
          font-size: 0.63rem;
          }
         .proCarouselMain .thumbnail{margin: 0 1px 10px 1px !important;}


/* Carousel Control */
.proCarouselMain .control-box {
  text-align: center;
  width: 100%;
  margin-top: 10px;
  }
  .proCarouselMain .carousel-control{
      background: #666;
      border: 0px;
      border-radius: 0px;
      display: inline-block;
      font-size: 34px;
      font-weight: 200;
      line-height: 15px;
      opacity: 0.5;
      padding: 4px 10px 0px;
      position: static;
      height: 30px;
      width: 30px;
      border-radius: 100px;
      align-items: center;
      display: -webkit-inline-box;
      margin: 0 7px;
      }


/* Footer */
.proCarouselMain .footer {
  margin: auto;
  width: 100%;
  max-width: 960px;
  display: block;
  font-size: 0.69rem;
  }
  .proCarouselMain .footer, .footer a {
      color: #c9e4f7;
      }
      p.right  { 
          float: right; 
          }



#updateProfile .proHead {margin-left: 0; position: relative; color: #000;}
#updateProfile .proname{color: #000; font-size: 26px; margin-bottom: 17px; float: left; width: 100%;
font-family: 'pt_sansregular'; font-weight: normal; margin-bottom: 0px;}
#updateProfile .overDivBrows{background: none;}
#updateProfile b{font-size: 15px;}

#editPreference .proHead {margin-left: 0; position: relative; color: #000;}
#editPreference .proname{color: #000; font-size: 26px; margin-bottom: 17px; float: left; width: 100%;
font-family: 'pt_sansregular'; font-weight: normal; margin-bottom: 0px;}
#editPreference .overDivBrows{background: none;}
#editPreference b{font-size: 15px;}
.proHead2{float: left; margin-top: 0 !important;}

.close{
position: absolute;
right: 14px;
top: 16px;
}

.proEditIco{float: right; cursor: pointer;}
.proEditSlide{width: 100%; height: auto; float: left; padding: 20px; background: red; display: none;}
/* .modal-header .close{margin-top: -23px;} */
.textAria{width: 100%; height: auto; border: 1px solid #ccc; border-radius: 5px; min-height: 115px;
max-height: 115px; max-width: 100%; min-width: 100%; padding: 20px;}
.modal-body .inputFil{margin: 8px 0px;}
/*.modal-header{background-image: url(../images/succ2.jpg); background-repeat: no-repeat; background-size: 100%;}*/



.radioSt{height: 38px;padding: 8px; display: inline-flex; width: 100%; border: 1px solid #ccc;
border-radius: 50px; margin: 8px 0px;}
.maleInp{float: left;  width: auto !important;}
.radioSt label{margin-right: 32px;}
.btn-primary{background-color: #0093dd; border-color: #0093dd;}
select:focus{outline: none !important;}
.modal-title{font-family: 'pt_sansregular' !important; color: #fff;}
.modal-header{background-color: #0093dd; border-radius: 5px 5px 0 0;}
.modal-header .close{color: #fff; opacity: 1;}



.proDi{width: 100%; height: auto; text-align: center;}
.proInDi{width: 100px; height: 100px; border-radius: 100px; overflow: hidden; display: inline-block;
background-color: red;}
.proInDi img{width: 100%; object-fit: cover; height: 100px;}




.proEditIco{margin-right: 7px; position: absolute; height: 100%; right: 0; top: 0; width: 35px;
text-align: center; align-items: center; display: grid !important;}







.comlpetedProDiv{width: 100%; height: auto; float: left; padding: 20px; position: relative;}
.comlpetedProDiv .progress {
margin: 0 auto;
width: 400px;
height: 20px;
}

.comlpetedProDiv .progress {
padding: 4px;
background: #efefef;
border-radius: 6px;
-webkit-box-shadow: inset 0 0px 9px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
box-shadow: inset 0 0px 9px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}

.comlpetedProDiv .progress-bar {
height: 12px;
border-radius: 50px;
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
-webkit-transition: 0.4s linear;
-moz-transition: 0.4s linear;
-o-transition: 0.4s linear;
transition: 0.4s linear;
-webkit-transition-property: width, background-color;
-moz-transition-property: width, background-color;
-o-transition-property: width, background-color;
transition-property: width, background-color;
-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
}

.comlpetedProDiv #five:checked ~ .progress > .progress-bar {
width: 5%;
background-color: #f63a0f;
}

.comlpetedProDiv #twentyfive:checked ~ .progress > .progress-bar {
width: 25%;
background-color: #ff006c;
}

.comlpetedProDiv #fifty:checked ~ .progress > .progress-bar {
width: 50%;
background-color: #f2b01e;
}

.comlpetedProDiv #seventyfive:checked ~ .progress > .progress-bar {
width: 75%;
background-color: #f2d31b;
}

.comlpetedProDiv #onehundred:checked ~ .progress > .progress-bar {
width: 100%;
background-color: #86e01e;
}

.comlpetedProDiv #five1:checked ~ .progress > .progress-bar {
width: 5%;
background-color: #f63a0f;
}

.comlpetedProDiv #twentyfive1:checked ~ .progress > .progress-bar {
width: 25%;
background-color: #ff006c;
}

.comlpetedProDiv #fifty1:checked ~ .progress > .progress-bar {
width: 50%;
background-color: #f2b01e;
}

.comlpetedProDiv #seventyfive1:checked ~ .progress > .progress-bar {
width: 75%;
background-color: #f2d31b;
}

.comlpetedProDiv #onehundred1:checked ~ .progress > .progress-bar {
width: 100%;
background-color: #86e01e;
}

.comlpetedProDiv .radio {
display: none;
}

.comlpetedProDiv .label {
  display: inline-grid;
  margin: 0 5px 15px;
  color: #000;
  border-radius: 100px;
  cursor: pointer;
  align-items: center;
}

.comlpetedProDiv .radio:checked + .label {
  color: #fff;
  background: #444444;
}



.slidebarOuter{}
.slideOverly{width: 100%; position: absolute; background: rgba(0, 0, 0, 0.8); height: 100%;
left: 0; top: 0; z-index: 99; display: none;}
.leftSlide{left: 0 !important;}




#photoGallery img{width: 100%; object-fit: cover; height: 100%;}
#photoGallery p {
font-family: "Barlow", sans-sarif;
font-weight: 700;
font-size: 8px;
display: flex;
justify-content: space-around;
}
#photoGallery .row > .column {
padding: 0 8px;
    width: 25%;
  float: left;
}

#photoGallery .column{}

#photoGallery .row:after {
content: "";
display: table;
clear: both;
}

.photoGalleryMod .column {
float: left;
width: 25%;
height: 100px;
}

/* The Modal (background) */
.photoGalleryMod .modal {
display: none;
position: fixed;
z-index: 9999999;
padding-top: 50px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: black;
}

/* Modal Content */
.photoGalleryMod .modal-content {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
width: 60%;
max-width: 1200px;
}

/* The Close Button */
.photoGalleryMod .close {
color: white;
position: absolute;
top: 10px;
right: 25px;
font-size: 35px;
font-weight: bold;
}

.photoGalleryMod .close:hover,
.photoGalleryMod .close:focus {
color: #999;
text-decoration: none;
cursor: pointer;
}

.mySlides {
display: none;
height: 480px;
}

.photoGalleryMod .cursor {
cursor: pointer;
}

/* Next & previous buttons */
.photoGalleryMod .prev,
.photoGalleryMod .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
padding: 16px;
margin-top: -50px;
color: white;
font-weight: bold;
font-size: 20px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
-webkit-user-select: none;
}

/* Position the "next button" to the right */
.photoGalleryMod .next {
right: 0;
border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.photoGalleryMod .prev:hover,
.photoGalleryMod .next:hover {
background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.photoGalleryMod .numbertext {
color: #000;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
background: rgba(255, 255, 255, 0.5);
border-radius: 5px;
}

.photoGalleryMod img {
margin-bottom: -4px;
object-fit: cover;
height: 100%;
}

.photoGalleryMod .caption-container {
text-align: center;
background-color: black;
padding: 2px 16px;
color: white;
}

.demo {
opacity: 0.6;
}

.active,
.demo:hover {
opacity: 1;
}

img.hover-shadow {
transition: 0.3s;
}

.hover-shadow:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}






.settingsDiv{width: 100%; height: auto; float: left; padding: 20px; border-radius: 5px;
text-align: center; margin: 5px 0px; cursor: pointer;}
.helpDiv{width: 100%; height: auto; float: left; padding: 20px; border-radius: 5px;
text-align: center; margin: 5px 0px; cursor: pointer; border: 1px solid #ccc;}
.settingsBg1{background-color: #c6ffc3;}
.settingsBg1:hover{background-color: #b1ffad;}
.settingsBg2{background-color: #ffc3f2;}
.settingsBg2:hover{background-color: #f7baea}
.settingsBg3{background-color: #b0afff;}
.settingsBg3:hover{background-color: #9d9cff}
.settingsBg4{background-color: #a0ccff;}
.settingsBg4:hover{background-color: #91b9e8}
.settingsDiv h1{font-size: 33px; color: #fff; text-align: center; margin: 0; 
text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);}
.settingsDiv i{font-size: 65px; color: #ffff; margin-bottom: 10px;}  
.sureDelete{width: 100%; height: auto; float: left; text-align: center;background-color: #efefef;
border-radius: 5px; color: #151515;padding: 10px; font-family: 'pt_sansregular' !important;
font-size: 20px;}
.sureDelete i{font-size: 22px; margin-right: 10px; color: #ff4040;}
.termsAndNo{left: 13px; width: 100%; float: left; font-size: 16px;}
.termsAndText{float: left;width: 100%; padding-left: 26px;}
.termsHead{margin-left: 5px; font-weight: normal; color: #ff006c;}

/******Rate Us******/
.rateMain{width: 100%; height: auto; float: left; text-align: center;}
.rateMain fieldset, label { margin: 0; padding: 0; }
.rateMain body{ margin: 20px; }
.rateMain h1 { font-size: 1.5em; margin: 10px; }

/****** Style Star Rating Widget *****/

.rateMain .rating { 
border: none;
float: none;
display: inline-block;
}

.rateMain .rating > input { display: none; } 
.rateMain .rating > label:before { 
margin: 5px;
font-size: 1.25em;
font-family: FontAwesome;
display: inline-block;
content: "\f005";
}

.rateMain .rating > .half:before { 
content: "\f089";
position: absolute;
}

.rateMain .rating > label { 
color: #ddd; 
float: right; 
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rateMain .rating > input:checked ~ label, /* show gold star when clicked */
.rateMain .rating:not(:checked) > label:hover, /* hover current star */
.rateMain .rating:not(:checked) > label:hover ~ label { color: #ff006c;  } /* hover previous stars in list */

.rateMain .rating > input:checked + label:hover, /* hover current star when changing rating */
.rateMain .rating > input:checked ~ label:hover,
.rateMain .rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rateMain .rating > input:checked ~ label:hover ~ label { color: #ff006c;  } 
.rateMain label{font-size: 25px;}


.help1{background-color: #e4e4e4;}
.help2{background-color: #e4e4e4;}
.help3{background-color: #e4e4e4;}

.helpDiv p{color: #000; margin: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; 
text-align: center;}
.helpDiv h1{margin-bottom: 15px; color: #ff006c}
#help h3{text-align: center;}
#help p{text-align: center;}




.searchMainDiv{width: 100%; height: auto; float: left; position: absolute; top: 0;
background-color: #ff006c; z-index: 999999; visibility: hidden; opacity: 0;}
.searchAdd{bottom: 0; transition: .5s; visibility: visible; opacity: 1;}
.mysearch{cursor: pointer;}
.searchInPu{ width: 300px;height: 40px; border-radius: 50px; background-color: #fff; position: absolute;
left: 50%; margin-left: -150px; top: 50%; margin-top: -20px; padding: 0 43px 0 16px;}

.searchClose{font-size: 20px; position: absolute; right: 10px; top: 10px; color: #fff; cursor: pointer;}
.searchInPu input{width: 100%; height: 40px; border-radius: 50px; border: none;}
.searBt{ width: 32px; height: 32px; border-radius: 50px; background-color: #0093dd; position: absolute;
top: 50%; right: 4px; margin-top: -16px; align-items: center; display: grid; text-align: center;
color: #fff; font-size: 16px; cursor: pointer;}




.callDetais{width: 100%; height: auto; float: left; text-align: center; background: #f7f7f7; padding-bottom: 20px;}
.callDetais i{width: 45px !important; height: 45px !important; border-radius: 100px; margin-left: 5px;
margin-right: 5px; background-color: white; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); font-size: 21px !important;
align-items: center; display: inline-grid; cursor: pointer;}
.callDetais  .floatNeed{float: left; margin-top: -22px !important; width: 100%; transition: all 0.5s ease;}
.callDetais  .phoneIc:hover {background-color: #04ff00; color: #fff}
.callDetais  .heartIc:hover{background-color: red; color: #fff}
.callDetais  .starIc:hover{background-color: #ffba1f; color: #fff}
.callDetais  .callDetaillsName{font-size: 20px; margin-top: 45px; width: 100%; margin-bottom: 6px;
margin-left: 0;}
.callDetais p{margin-bottom: 3px;}
.callDetais  .ignorBt{padding: 8px 20px; border-radius: 50px; background-color: rgba(255, 255, 255, 0.7); color: #000;
float: left; position: absolute;top: 6px; left: -85px; cursor: pointer; font-family: 'pt_sansregular'; 
opacity: 0; transition: all 0.5s ease;}
.callDetais  .matchesDiv:hover .ignorBt{opacity: 1; transform: translateX(92px);}
.callDetais  .moreMatches{margin-top: 25px; display: none;}
.callDetais  .moreMatchesBt{padding: 12px 30px; border-radius: 50px; cursor: pointer; margin-top: 18px; color: #fff; background-color: #ff006c; display: inline-block; font-size: 17px;}
.callDetais  .bestText{color: #ff006c;font-size: 60px;}




.subMenu{width: 100%; height: auto; float: left; background-color: whitesmoke; position: relative;}
/*.subMenu ul li a{color: #000;}
.subMenu ul li a{ border-left: 1px solid #c5c5c5; padding: 0 15px; line-height: 37px;}
.subMenu ul li a:hover{background-color: #0093dd; color: #fff}*/
.newheader {
background-color: #f5f5f5;
position: fixed;
width: 100%;
z-index: 9;
top: 55px;
right: 0;
}

.newheader ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
background-color: #fff;
}

.newheader li a {
display: block;
padding: 16px 20px;
border-right: 1px solid #f4f4f4;
text-decoration: none;
border-bottom: 1px solid #eaeaea;
}
.newheader li:last-child a{border: none;}

.newheader li a:hover,
.newheader .menu-btn:hover {
background-color: #eaeaea;
color: #000;
}

.newheader .logo {
display: block;
float: left;
font-size: 2em;
padding: 10px 20px;
text-decoration: none;
}

/* menu */

.newheader .menu {
clear: both;
max-height: 0;
transition: max-height .2s ease-out;
background: #f5f5f5;
}

/* menu icon */

.newheader .menu-icon {
cursor: pointer;
display: inline-block;
float: right;
padding: 15px 20px;
position: relative;
user-select: none;
align-items: center;
  display: flex;
  font-size: 16px;
  font-family: 'pt_sansregular';
  font-weight: normal;
}

.newheader .menu-icon .navicon {
background: #333;
display: block;
height: 2px;
position: relative;
transition: background .2s ease-out;
width: 18px;
float: right;
margin-left: 10px;
}
.newheader .menu-icon i{margin-left: 10px;}
.newheader .menu-icon .navicon:before,
.newheader .menu-icon .navicon:after {
background: #333;
content: '';
display: block;
height: 100%;
position: absolute;
transition: all .2s ease-out;
width: 100%;
}

.newheader .menu-icon .navicon:before {
top: 5px;
}

.newheader .menu-icon .navicon:after {
top: -5px;
}

/* menu btn */

.newheader .menu-btn {
display: none;
}

.newheader .menu-btn:checked ~ .menu {
max-height: 320px;
box-shadow: 0px 34px 10px -26px rgba(0, 0, 0, 0.2);
}

.newheader .menu-btn:checked ~ .menu-icon .navicon {
background: transparent;
}

.newheader .menu-btn:checked ~ .menu-icon .navicon:before {
transform: rotate(-45deg);
}

.newheader .menu-btn:checked ~ .menu-icon .navicon:after {
transform: rotate(45deg);
}

.newheader .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.newheader .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
top: 0;
}

.showWeb{ opacity: 1 !important; z-index: 99 !important; display: block !important;}
.overDiv {z-index: 0 !important;}

.matchesInner {
width: 100%;
height: auto;
float: left;
text-align: center;
border: 1px solid #ccc;
border-radius: 10px;
padding: 20px;
}
.proInnerCont p{text-align: left;}
.callDetais .callDetaillsName{text-align: center;}
.slidebar .overDiv{z-index: 1 !important;}
.messageCount{
width: 20px;
height: 20px;
background: #0093dd;
display: block;
position: absolute;
border-radius: 100px;
top: -8px;
right: -11px;
font-size: 14px;
line-height: 20px;
text-align: center;
}
.modal-open .modal {
  background: rgba(0,0,0,0.4);
}
.modal {
  background: rgba(0,0,0,0.4);
}

.countStyle{
position: relative;
}
#notification .mailDiv{min-height: auto;}
#notification .mailDivMain .col-md-6{
margin-bottom: 0;
}
/* 48em = 768px */


.photoGalleryMod .prev{
left: 0;
}


.successStoMain{
width: 100%;
float: left;
height: auto;
}
.storyInnerDiv{
width: 100%;
float: left;
height: auto;
}
.storyImgDiv{
width: 100%;
min-height: 300px;
float: left;
background: #ccc;
overflow: hidden;
}
.storyImgDiv img{
width: 100%;
height: 100%;
object-fit: cover;
}





.blog-text-wrapp {
box-shadow: 0 2px 20px rgb(0 0 0 / 20%);
margin-bottom: 30px;
cursor: pointer;
}
.blog-text-img {
height: 200px;
width: 100%;
object-fit: cover;
overflow: hidden;
position: relative;
transition: .5s;
}
.blog-text-img:before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
content: "";
background: -moz-linear-gradient(top,rgba(125,185,232,0) 0%,rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,rgba(125,185,232,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,rgba(125,185,232,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8',endColorstr='#ffffff',GradientType=0 );
transition: .5s;
}
.blog-text-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-dateRight {
background: #ff006c;
padding: 18px 20px 20px;
text-align: center;
min-height: 135px;
}
.blog-dateRight a{
color: #fff;
text-decoration: none;
}

.commo-subHead {
font-size: 20px;
font-weight: 400;
color: #fff;
line-height: 22px;
position: relative;
font-family: poppinssemibold;
margin-bottom: 9px;
min-height: 44px;
}
.commo-subHead i{
margin: 0 10px;
}
.common-phara {
font-size: 15px;
letter-spacing: .005em;
color: #fff;
line-height: 19px;
position: relative;
display: -webkit-box;
max-width: 100%;
margin: 0 auto;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
}
.blog-text-wrapp:hover .blog-text-img:before {
transition: .5s;
background: -moz-linear-gradient(top,rgba(125,185,232,0) 0%,rgba(242,163,58,1) 100%);
background: -webkit-linear-gradient(top,rgba(125,185,232,0) 0%,rgb(255 0 108) 100%);
background: linear-gradient(to bottom,rgba(125,185,232,0) 0%,rgb(255 0 108) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8',endColorstr='#f2a33a',GradientType=0 );
}
.succHeading{
width: 100%;
float: left;
font-size: 20px;
margin-bottom: 20px;
}

.successStoMain .tab-content{
border: 1px solid #ccc;
padding: 20px;
}
.successStoMain .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
color: #fff;
cursor: default;
background-color: #ff006c;
border: 1px solid #ddd;
border-bottom-color: #ff006c;
}
.successStoMain .nav>li>a {
position: relative;
display: block;
padding: 10px 35px;
color: #000;
font-size: 17px;
}

/* .planYearly{
margin-top: 20px;
} */


.uploadHeadTxt{
width: 100%;
float: left;
margin: 15px 0 10px !important;
}


.focusCurrsor{
cursor: pointer;
}


.custom-image-main{
cursor: pointer !important;
}

.bannerModalMain .modal-header{
height: auto;
padding: 0;
background-color: #ff006c;
}
.banrModImOuter{
text-align: center;
background-image: url('../images/bannerNewBg.jpg');
background-repeat: no-repeat;
padding: 20px 0;
background-size: cover;
}
.bannerModalMain .modal-header img{
width: 100%;
max-width: 400px;
box-shadow: 0px 0px 10px #000;
}
.bannerModalMain .modal-header .modal-title{
padding: 10px;
}
.upgrBNew{
padding: 8px 30px;
border: none;
background: #fb026c;
border-radius: 7px;
color: #fff;
font-size: 17px;
margin: 20px 0;
}
.upgrBNew a{
color: #fff;
text-decoration: none;
}

.banHeading{
font-size: 24px;
font-weight: 800;
color: #fb026c;
margin-bottom: 12px;
}
.bannerModalMain .modal-body p{
margin-bottom: 5px;
}
.bannerModalMain .modal-body p b{

}
.noDataMessage{
font-size: 20px;
min-height: 500px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.noDataMessage img{
width: 100%;
max-width: 500px;
}
.photoTex{
font-size: 14px;
line-height: 18px;
width: 95%;
margin: 0 auto;
float: none;
display: inline-block;
border-radius: 5px;
margin-bottom: 15px;
padding: 9px;
background: #0080c0;
position: relative;
}
.photoTex::before{
content: "";
position: absolute;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #0080c0;
top: -13px;
left: 50%;
margin-left: -15px;
}
.menuIco{
font-size: 17px !important;
margin-right: 5px;
color: #ff006c;
}

.advncSearchMain .cuppa-dropdown .c-angle-down::before{
position: relative;
right: -8px;
top: 10px;
color: #999;
border-style: solid;
border-width: 8px 8px 0;
border-color: #999 transparent;
content: "";
}
.advncSearchMain .cuppa-dropdown .c-angle-down c-icon{
display: none;
}
.advncSearchMain .cuppa-dropdown .list-area {
box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
border: none;
border-radius: 7px;
}
.offerDivMain{
width: 100%;
height: auto;
border-radius: 10px;
background: #eee;
margin-bottom: 20px;
overflow: hidden;
}
.offerDivMain img{
width: 100%;
}
.ng-image-slider{
text-align: center;
}

.slider-box-block .firstSlide .ng-image-slider{
display: flex;
position: relative;
width: 100%;
justify-content: center;
}
.slider-box-block .firstSlide .ng-image-slider .ng-image-slider-container .main{
position: static;
margin-bottom: 20px;
}
.proDetailMain .slider-box-block{
margin-bottom: 20px;
}

.offerTx{
position: absolute;
bottom: 9px;
right: 10px;
color: #fff;
background: #ff006c;
padding: 3px 5px;
border-radius: 11px 0;
font-size: 11px;
letter-spacing: 1px;
cursor: pointer;
}
.offerTx:hover{
background: blue;
}

.offerTx{
-webkit-animation-name:              shake;    
-webkit-animation-duration:          2s;
-webkit-animation-iteration-count:   infinite;
-webkit-animation-timing-function:   linear;
-webkit-transform-origin:            50% 100%;
}
@-webkit-keyframes shake {
0%  { -webkit-transform:     translate(2px, 1px) rotate(0deg); }
10% { -webkit-transform:     translate(-1px, -2px) rotate(-2deg); }
20% { -webkit-transform:     translate(-3px, 0px) rotate(3deg); }
30% { -webkit-transform:     translate(0px, 2px) rotate(0deg); }
40% { -webkit-transform:     translate(1px, -1px) rotate(1deg); }
50% { -webkit-transform:     translate(-1px, 2px) rotate(-1deg); }
60% { -webkit-transform:     translate(-3px, 1px) rotate(0deg); }
70% { -webkit-transform:     translate(2px, 1px) rotate(-2deg); }
80% { -webkit-transform:     translate(-1px, -1px) rotate(4deg); }
90% { -webkit-transform:     translate(2px, 2px) rotate(0deg); }
100%{ -webkit-transform:     translate(1px, -2px) rotate(-1deg); }
}

.basicPreHEadingPoint{
  background: #eee;
  width: 100%;
  border-radius: 5px;
  padding: 8px 15px;
  margin-bottom: 10px !important;
  float: left;
  color: #000;
}




















/* Responsive CSS */
@media (min-width: 1024px) {
.newheader li {
  float: left;
}
.newheader li a {
  padding: 16px 15px;
}
.newheader .menu {
  clear: none;
  float: right;
  max-height: none;
}
.newheader .menu-icon {
  display: none;
}
}


.myMatchesStyle .matchesInner{width: 100%; height: auto; float: left; text-align: center; border: 1px solid #ccc;
border-radius: 10px; padding: 20px;}
.myMatchesStyle .matchesDiv{width: 100%; height: auto; float: left; position: relative;    margin-bottom: 20px;}
.myMatchesStyle .matchesPic{width: 100%; height: 200px; float: left;}
.myMatchesStyle .matchesPic img{width: 100%; height: 200px; object-fit: cover;}
.myMatchesStyle .callDetais{
width: 100%;
height: auto;
float: left;
text-align: center;
background: #f7f7f7;
padding-bottom: 20px;
min-height: 248px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
flex-direction: row;
align-content: stretch;
}
.myMatchesStyle .callDetais i{width: 45px; height: 45px; border-radius: 100px; margin-left: 10px;
margin-right: 10px; background-color: white; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); font-size: 21px;
align-items: center; display: inline-grid; cursor: pointer;}
.myMatchesStyle .floatNeed{float: left; margin-top: -22px; width: 100%; transition: all 0.5s ease;}
.myMatchesStyle .phoneIc:hover {background-color: #04ff00; color: #fff}
.myMatchesStyle .heartIc:hover{background-color: red; color: #fff}
.myMatchesStyle .starIc:hover{background-color: #ffba1f; color: #fff}
.myMatchesStyle .callDetaillsName{font-size: 20px; margin-top: 18px; width: 100%; margin-bottom: 6px;
margin-left: 0;}
/* .myMatchesStyle .callDetais p{margin-bottom: 3px;} */
.myMatchesStyle .callDetais p{
margin-bottom: 3px;
max-width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.myMatchesStyle .ignorBt{padding: 8px 20px; border-radius: 50px; background-color: rgba(255, 255, 255, 0.7); color: #000;
float: left; position: absolute;top: 6px; left: -85px; cursor: pointer; font-family: 'pt_sansregular'; 
opacity: 0; transition: all 0.5s ease;}
.myMatchesStyle .matchesDiv:hover .ignorBt{opacity: 1; transform: translateX(92px);}
.myMatchesStyle .moreMatches{margin-top: 25px; display: none;}
.myMatchesStyle .moreMatchesBt{padding: 12px 30px; border-radius: 50px; cursor: pointer; margin-top: 18px; color: #fff; background-color: #ff006c; display: inline-block; font-size: 17px;}
.myMatchesStyle .bestText{color: #ff006c;font-size: 60px;}

.subMenu a{color: #000;}


.matchesPic {height: 235px !important; position: relative; border-radius: 10px 10px 0 0;
  overflow: hidden; 
  background-size: 100%;}
.matchesPic img{height: 285px !important;}
.coun{
position: absolute;
border-radius: 5px;
top: 17px;
right: 14px;
color: #000;
z-index: 1;
background: #ebeaec;
font-weight: bold;
width: 30px;
height: 20px;
}
.ignorBt{z-index: 1;}
.leftA{
  position: absolute;
  background: rgba(255, 255, 255, 0.4);
  width: 30px;
  height: 30px;
  border-radius: 100px;
  color: #000;
  font-weight: bold;
  align-items: center;
  display: grid;
  top: 50%;
  left: 5px;
  margin-top: -15px;
  cursor: pointer;
  display: none;}
.rightA{
  position: absolute;
  background: rgba(255, 255, 255, 0.4);
  width: 30px;
  height: 30px;
  border-radius: 100px;
  color: #000;
  font-weight: bold;
  align-items: center;
  display: grid;
  top: 50%;
  right: 5px;
  margin-top: -15px;
  cursor: pointer;
display: none;}

  .upgrdOut{cursor: pointer;}
  .upgrd{background: #ff006c; color: #fff !important; border-radius: 10px; padding: 0 !important; cursor: auto !important;}
  .upgrdplan{background: #9fffb0; color:rgb(49, 49, 49) !important; border-radius: 10px; padding: 0 !important; cursor: pointer !important;}
  .upgrd i{display: none;}


.proDetailMain{}
.proDetailMain img{
width:100%;
object-fit: cover;
height: 200px;
}  
.proDetailMain .slider-box-block{    
width: 315px;
  text-align: center;
  margin: auto;
  position: relative;
  height: 200px;
      border-radius: 10px;
  overflow: hidden;
}  
.proDetailMain .slider-box-block__left {    
  color: #7b7b7b;
  font-size: 29px;
  display: inline-block;
  text-align: center;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 100%;
  position: absolute;
  margin-bottom: -20px;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 0;
  margin-top: -20px;
}  
.proDetailMain .slider-box-block__arrow--left::before {    
cursor: pointer; 
content: "<" 
}  
.proDetailMain .slider-box-block__right {   
color: #7b7b7b;
  font-size: 29px;
  display: inline-block;
  text-align: center;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 100%;
  position: absolute;
  margin-bottom: -20px;
  width: 40px;
  height: 40px;
  top: 50%;
  right: 0;
  margin-top: -20px;
}  
.proDetailMain .slider-box-block__arrow--right::before {   
cursor: pointer;  
content:">" 
}
.proDetailMain .slider-box-block__center { 
width: 100%;     
display: inline-block; 
}
.proDetailMain .slider-box-block__center--item-slider-hidden { 
display: none;  
padding: 0;   
opacity: 0.0;       
width: 100%;     
z-index:1000;
}
/*.proDetailMain .active--slide-left {   
margin-left: 300%; 
} 
.proDetailMain .active--slide-right {   
margin-left: -300%; 
}  */
.proDetailMain .slider-box-block__center--item-slider-active {
display: block;
}

.proDetailMain .active--fade4 {    
 opacity: 1.0;   
 transition:opacity 2s ease-in-out; 
 transition:all 3s;   
} 

.proDetailMain .active--fade2{    
 margin-left: 0;
 transition: margin-left 2s; 
} 
.proDetailMain .active--slide{ 
 opacity: 1.0;
 margin-left: 0;
 transition:opacity 1.5s ease-in-out, margin-left 1.0s; 
 transition:all 3s; 
} 
.proDetailMain #slider-box-block__counter {    
  position: absolute;
  top: 20px;
  right: 19px;
  background: rgba(255, 255, 255, 0.7);
  height: 20px;
  padding: 1px 15px;
  border-radius: 5px;
}

.proDetailMain .proHead{margin-left: 0; color: #000;}



.rotate{
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}

.rotate.down{
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg);
}
#slideRight .rotate{color: #fff;}
#slideRight {text-decoration: none;}
.desktopArrow{display: block;}
.responssiveArrow{display: none !important;}


.changePasMain{width: 100%; height: auto; float: left; background: #fbfbfb; padding: 20px;}
.changePasMain input{margin: 8px 0px;}
.passBt{padding: 10px 25px; background-color: #0093dd; color: #fff; border-radius: 50px; 
border: none; font-family: 'pt_sansregular'; float: right; margin-top: 7px;}
.deviLine{margin: 11px 0; border-bottom: 1px solid #d6d6d6;}
.gallery {
width:24%;
min-width:10px;
margin:0 auto;
position:relative;
}
.img-box {
width:100%;
height:auto;
position:relative;
}

.newMatchesMain{width: 100%; height: auto; float: left;}
.shoNewMatc{padding: 5px 20px; border-radius: 50px; color: #565454; font-size: 13px; 
font-family: 'pt_sansregular'; border: 1px solid #737373;}
.newMatcInner{width: 100%; height: auto; float: left; margin-top: 4px;}
.memberVieweedMain .newMatcInner{margin-bottom: 20px; border-bottom: 1px dashed #b3b3b3; padding-bottom: 20px;}
.newMaImg{width: 100%; height: 130px; border-radius: 10px; overflow: hidden; margin-bottom: 10px; background: #f9f9f9;}
.newMaImg img{width: 100%; height: 130px; object-fit: cover;}
.newMatcInner p{margin-bottom: 0; line-height: 24px; white-space: nowrap; text-overflow: ellipsis;
overflow: hidden;}
.newMatcInner a{color: #ff006c; margin-top: 20px; float: left;}
.discouPachMain{width: 100%; height: auto; float: left; padding: 20px; background-color: #e4e4e4;
  margin: 20px 0 20px; background-image: url(../images/dis.jpg); background-repeat: no-repeat;
  background-size: cover; background-position-y: center; padding-left: 35%; border-radius: 10px;}
.discouPachMain h5{font-size: 24px; color: #ff006c; margin-bottom: 3px;}
.upgrBt{padding: 8px 30px; border-radius: 50px; border: 1px solid #ff006c; font-size: 13px;}

.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
  color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
  color: #777;
background-color: #ddd;
border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
color: #555;
background-color: #fff;
border-color: #ddd;
border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
  background-color: #f5f5f5;
  border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
  color: #777;   
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
  background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
  color: #fff;
  background-color: #555;
}

.disMaMain{width: 100%; height: auto; float: left;}
.with-nav-tabs.panel-default .nav-tabs > li.active > a{color: #ff006c !important;}
.viewAllProDiv{width: 100%; height: auto;float: left; text-align: center;}
.viewAllProDiv a{color: #0093dd; font-size: 16px;}
.newMatchesMain h5{margin-top: 0;}
.serViewDiv{width: 100%; min-height: 135px; float: left; padding: 31px 15px; background-color: #ccc; 
border-radius: 10px; background-image: url(../images/images-blur.jpg); background-repeat: no-repeat;
background-size: cover;}
.serNo{font-size: 18px; width: 100%; float: left; line-height: 21px; color: #fff;
font-family: 'pt_sansregular';}
.sideSpace{padding: 5px;}
.serCou{font-size: 40px !important; margin-bottom: 10px !important;}
.memberVieweedMain{width: 100%; height: auto; float: left; padding: 15px; overflow: auto;
max-height: 695px; border: 1px solid #ccc; border-radius: 10px; margin-top: 7px;}
.memberVieweedMain .newMaImg{width: 50%; float: left;}
.memberVieweedMain .proCon{width: 50%;float: left; padding-left: 15px;}
.allPro{position: absolute; right: 0; top: 0; font-size: 16px; z-index: 1;}


.custmSearch{width: 100%; height: 50px; float: left; background-color: red;     
position: relative; z-index: 4; border-bottom: 1px solid #ccc; display: none; transition: 1s;}
.searchAdd2{display: block;}
.custmSearch input{width: 100%; height: 50px; border: none; padding: 0 20px; text-align: center;
font-size: 20px;}

.searchAddShow{display: block;}
.searchAddHide{display: none;}
.newMatchSpace{margin-top: 20px;}
.dashLogo2{display: none;}
.newMViewPro{float: right; font-size: 17px;}

.dashTopIcon a.selected{background-color: #ef0065;}


.with-nav-tabs.panel-default .nav-tabs > li > a{color: #777777; background: #f5f5f5;}
.panel-default>.panel-heading{background-color: #fff;}

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

#deleteAc p label{font-size: 16px; font-weight: normal; font-family: 'pt_sansregular' !important;}
#deleteAc p{align-items: center; display: flex;}
.deleHeading{background: #ececec; padding: 3px 15px; font-size: 17px; border-radius: 5px;}
.deleDate{width: 100%; height: 38px; border: 1px solid #ccc; border-radius: 5px; padding: 8px;}
.deleText{width: 100%; height: 80px; border: 1px solid #ccc; border-radius: 5px; padding: 12px; max-width: 100%;
  min-width: 100%;}

.phoIco{height: auto;
  float: left;
  padding: 10px;
  position: absolute;
  top: 0px;
  right: 2px;
  font-size: 33px !important;
  color: #ebeaec;
  cursor: pointer;}

  .droOut {
    width: 100%;
    float: left;
  }
.rorBSpace{
margin-bottom: 20px;
}

  .droOut .selected-item{
    text-overflow: ellipsis;
overflow: hidden;
  }


.pagination{margin: 5px 0 7px; float: right;}
.dropMenu{width: 155px; height: auto; background-color: #fff; position: absolute; display: none;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); border-radius: 5px;}
.dropClick{cursor: pointer;}
.dropShow{display: block;}
.dropMenu ul li{width: 100%; cursor: pointer;}

.dropClick:hover .dropMenu{display: block;}



/*Multi images Upload*/
.multiImgUpload{width: 100%; height: auto; float: left;}
.multiImgUpload .quote-imgs-thumbs {
background: #eee;
border: 1px solid #ccc;
border-radius: 0.25rem;
margin: 1px 0;
padding: 0.75rem;
}
.multiImgUpload .quote-imgs-thumbs--hidden {
display: none;
}
.multiImgUpload .img-preview-thumb {
background: #fff;
border: 1px solid #777;
border-radius: 0.25rem;
box-shadow: 0.125rem 0.125rem 0.0625rem rgba(0, 0, 0, 0.12);
margin-right: 1rem;
max-width: 140px;
padding: 0.25rem;
margin-bottom: 25px;
height: 150px;
  object-fit: cover;
}

.hideHeart{display: none !important;}

@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
.multiImgUpload .panel-title > a:before {
  float: right !important;
  font-family: FontAwesome;
  content:"\f068";
  padding-right: 5px;
}
.multiImgUpload .panel-title > a.collapsed:before {
  float: right !important;
  content:"\f067";
}
.multiImgUpload .panel-title > a:hover, 
.multiImgUpload .panel-title > a:active, 
.multiImgUpload .panel-title > a:focus  {
  text-decoration:none;
}
.multiImgUpload .panel-heading{background-color: #efefef; padding: 10px 10px;}
.multiImgUpload h4{margin: 0; color: #000;}
.multiImgUpload a.selected{background-color: #efefef;}
.multiImgBt{
border: 2px dashed #777;
text-align: center;
border-radius: 5px;
position: relative;
overflow: hidden;
padding: 8px 20px;
width: 200px;
height: 200px;
line-height: 200px;
font-size: 18px;
float: left;
cursor: pointer;
margin-right: 10px;
margin-bottom: 0;
margin-top: 10px;
}
.upB{
width: 100%;
float: left;
}
.multiImgBt input{
position: absolute;
top: 0;
opacity: 0;
left: 0;
height: 100%;
cursor: pointer;
}
.multiImgBt label{font-family: 'pt_sansregular'; font-weight: normal;color: #000;
font-size: 21px;
line-height: 28px;}
.multiImgUpload .expanded{background: #212121; border: none; padding: 8px 20px; border-radius: 5px;
float: left; color: #fff; margin-top: 10px; width: 200px;}
.upImOuterD{
width: 200px;
float: left;
height: 200px;
overflow: hidden;
border-radius: 5px;
margin-right: 10px;
margin-top: 10px;
position: relative;
}
.upImOuterD img{
 width: 100%;
 height: 200px;
 object-fit: cover;
 margin: 0 !important;
}
.deleteImB{
position: absolute;
background: #fff;
border-radius: 100px;
width: 25px;
height: 25px;
line-height: 25px !important;
right: 10px;
top: 10px;
cursor: pointer;
}
.clear{clear: both;}
.quote-imgs-thumbs p{font-weight: normal !important; font-size: 18px; display: none;}
.modal-header h6{color: #fff;}

.modSubText{
font-size: 14px;
font-weight: bold;
color: #555;
letter-spacing: .3px;
line-height: 20px;
margin-top: 0;
font-style: italic;
}
.topLay{
float: left;
height: 100%;
width: 100%;
position: absolute;
left: 0;
}
.swal2-container{
z-index: 99999 !important;
}
.imgLightBox{}
.zoomImg{width: 100% !important; height: 500px !important;}
.addZoom{height: 500px !important;}

.welcomeDiv{ width: 320px; height: 230px; color: #fff; margin: 60px auto; border-radius: 5px;
border: 1px solid #ececec; box-shadow: 0px 14px 19px -12px rgba(0, 0, 0, 0.1); text-align: center;
align-items: center; display: grid;}
.welcomeDiv h5{font-size: 45px; color: #ff006c;}
.welcomeDiv img{width: 130px; text-align: center; margin: 0 auto;}
.inboHove:hover .dropMenu{display: block; display: block;  position: absolute; z-index: 999;}
.inboHove ul{padding-left: 0 !important; list-style-type: none;}
.inboHove ul li{padding: 10px;}
.inboHove ul li:hover{background-color: #ececec;}
.inboHove ul li a{color: #000; text-align: left; font-size: 15px; text-decoration: none;}
.inboHove ul li a:hover{color: #000;}
.inboHove{float: left; position: absolute; top: 11px; left: 21px; padding: 6px 20px;
background: #0093dd; border-radius: 7px; color: #fff;}
.inboHove span{ font-size: 18px;}

.inboHoveOuter{
width: 100%;
float: left;
margin-bottom: 20px;
}
.inboHove{
position: static;
}
.myTabMain{
width: 100%;
float: left;
}

/*OTP Screen*/
.otp-main{width: 100%; height: auto; text-align: center;}


#global-modal .button {
transition-duration: 0.4s;
background: #720000;
border: none;
color: white;
padding: 10px 20px;
display: block;
font-size: 16px;
margin: 10px 2px;
cursor: pointer;
}

#global-modal button.button:hover {
background: #990000
}

#global-modal #cboxLoadedContent {
padding: 10px;
background: #fffff0;
}

#global-modal #modal-content {
display: none;
}

#global-modal #modal-content label {
display: block;
margin-bottom: 5px;
}

#global-modal #modal-content input {
width: 95%;
}
#global-modal img{width: 120px; margin: 10px 0;}

.otSc {
  margin: 0;
  margin-right: 16px;
  padding: 10px 0px;
  font-size: 38px;
  text-align: center;
  width: 100px;
  border: none;
  border-bottom: 1px solid;
color:#000;
}
.otSc:focus{
outline: none;
}

.otSc:last-child {
  margin-right: 0;
  /* border-radius: 50%; */
  /* width: 200px;
  height: 200px; */
}
.verifyBt{
  padding: 9px 40px;
  border-radius: 50px;
  color: #fff;
  border: none;
  background-color: #ff006c;
  font-size: 20px;
  margin: 35px 5px 5px;
  display: inline-block;
  font-family: 'pt_sansregular';
}

#pic{
   display: none;
     }
     
.newbtn{
       cursor: pointer;
    }
    #blah2{
/* max-width:100px; */
height:100px;
}


.upPicOuter{position: relative; width: 100px; height: 100px; display: inline-block;}
.pencilUpPic{position: absolute; font-size: 19px !important; right: 2px; top: 9px;}
.upPicOuter label{width: 100px; height: 100px; border-radius: 100px; overflow: hidden;  display: inline-block;}
.upPicOuter img{width: 100%; height: 100px !important; object-fit: cover;}
.upPhoConText{color: #969696; line-height: 21px; font-size: 15px;}
.otOut{width: 100%; text-align: center;}

.requestBtUp{position: relative; top: -158px; padding: 7px 20px; border: none; border-radius: 50px;}

.calImgDiv{width: 95px; height: 95px; border: 1px solid #ccc; border-radius: 100px; overflow: hidden; 
background-color: #fff; display: inline-block; margin-top: -57px; background-image: url(../images/default-avatar.jpg);
  background-size: 100%;}
#callModal .modal-dialog{margin: 155px auto;}

#callModal .modal-footer p{text-align: center; line-height: 20px;}
#callModal .modal-footer{text-align: center; background: #eaeaea;}
.callUpgraBT{padding: 7px 30px; border-radius: 50px; border: none; background: #ff006c; color: #fff;}
#callModal .modal-body i{font-size: 20px !important;}
.blinking{
  animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
  0%{     background: #000;    }
  49%{    background: #00ff1f; }
  60%{    background: #ff006c; }
  99%{    background:#ff006c;  }
  100%{   background: #00ff1f;    }
}
.blur{color: transparent; text-shadow: 0 0 5px rgba(0,0,0,0.5);}
.mailDiv p{line-height: 18px;}
.nearCityDiv {width: 100%; height: auto; float: left; background: #f3f3f3; padding: 15px;
margin-bottom: 20px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1) inset; border-radius: 10px; display: none;}
.nearCityDiv ul{list-style-type: none; padding-left: 0;}
.nearMeExpand{padding: 10px 20px; border-radius: 50px; border: none; float: left; margin-bottom: 20px;}
.applyNearBt{padding: 10px 30px; border-radius: 50px; border: none;  float: right; 
background: #ff006c; color: #fff;}
.bothMatches{width: 100px; height: 100px; border-radius: 100px; overflow: hidden; 
border: 1px solid #fff;}
.bothMatches img{width: 100%; height: 100px; object-fit: cover;}
.bothMatches2{width: 100px; height: 100px; border-radius: 100px; overflow: hidden; 
position: relative; margin-top: -100px; margin-left: 70px; border: 1px solid #fff;}
.bothMatches2 img{width: 100%; height: 100px; object-fit: cover;}
.bothMatcMain{width: 100%; height: auto; float: left; position: relative;}
.bothMatCont{position: absolute; top: 20px; left: 185px;}
.bothMatcMark{position: absolute; right: 5px; color: green; font-size: 18px !important;}
.bothNotMatcMark{position: absolute; right: 5px; color: red; font-size: 20px !important;}
.proId{color: #fff; padding-right: 10px; padding-top: 13px; font-size: 15px;}

.desMatchHead{margin-left: 0 !important; text-align: left; background: #484848 !important;
  color: #fff !important;}
.desMatchViewAll{width: 100%; text-align: right; margin-bottom: 10px; margin-top: -49px;
  margin-right: 18px; color: #9fffb0; cursor: pointer;position: relative;}
#descoverMatches a.selected{background-color: #fff;}
#descoverMatches .newMatcInner{text-align: left;}
.desMatcTopSp{margin-top: 40px !important;}
.desMatchViewAll:hover{color: #fff; text-decoration: none;}
.phoGalleDele{position: absolute; right: 20px; top: 15px; width: 20px; height: 20px;
background: #dedede; border-radius: 100px; text-align: center; padding-top: 2px; cursor: pointer;}
.callPopDele{position: absolute; right: 7px; top: 6px;}
.allProDiv{width: 100%; height: auto; float: left; padding: 20px; display: none;}
.desMatchViewAll.selected{background-color: #484848 !important; color: #fff !important; width: auto;}
.bemberShipBanner{width: 100%; height: auto; float: left; padding: 10px; 
background-image: url("../images/meberBG.jpg"); border-radius: 10px 10px 0 0; background-repeat: no-repeat; background-size: cover; text-align: center;}
.bemberShipBanner h1{text-align: center; width: 100%; height: auto; float: left; color: #fff;
margin: 0; font-size: 29px; font-style: italic;}
.bemberShipBanner h5{text-align: center; width: 100%; height: auto; float: left; color: #ffec03;
font-family: 'atheniaregular'; font-size: 28px;}
.bemberShipBanner h5 span{font-size: 58px; color: #72ff1a;}
.membershipDiv{width: 100%; height: auto; float: left; border: 1px solid #ccc; padding: 13px;}
/*.memberShiInner{width: 100%; height: auto; float: left; padding: 20px; 
background-color: #1d1d1d; text-align: center;}*/

.memberShiInner{
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
.membershipDiv .promo {
width: 100%;
background: #0F1012; 
color: #f9f9f9;
float: left;
border-radius: 10px;
background-image: url("../images/memBg.jpg");
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
transition: .8s;
}
.hoverAmou{transition: .5s; margin: 0 10px;}
.membershipDiv .promo:hover{background: black; cursor: context-menu;}
/* .membershipDiv .promo:hover .hoverAmou{font-size: 25px;} */
.membershipDiv .deal {
padding: 10px 3px 0 4px;
}
.membershipDiv .deal span {
display: block;
text-align: center;
}
.membershipDiv .deal span:first-of-type {
font-size: 23px;
margin-bottom: 10px;  
}
.membershipDiv .deal span:last-of-type {
font-size: 16px;
color: #949494;
}
.membershipDiv .promo .price {
display: block;
width: 100%;  
background: #292b2e;
margin: 15px 0 10px 0;
text-align: center;
font-size: 38px;
font-weight: 900;
padding: 17px 0 17px 0;
}
.membershipDiv ul {
display: block;
margin: 12px 0 20px 0;
list-style-type: none;
text-align: left;
color: #999999;
float: left;
padding-left: 20px;
}
.membershipDiv li {
display: block;
margin: 0 0 0 0;
float: left;
width: 100%;
}
.membershipDiv button {
border: none;
border-radius: 40px;
background: #292b2e;
color: #f9f9f9;
padding: 10px 37px;
margin: 0 auto 20px;
display: inherit;
}
.membershipDiv .scale {
/* transform: scale(1.2); */
box-shadow: 0 0 4px 1px rgba(20, 20, 20, 0.8);
}
.membershipDiv .scale button {
background: #64AAA4;
}
.membershipDiv .scale .price {
color: #64AAA4;
}
.membershipDiv ul li i{float: left; height: 35px; margin-right: 10px;}

.price1{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b7deed+0,71ceef+50,21b4e2+51,b7deed+100;Shape+1+Style */
background: #b7deed !important; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color: #000 !important;
}

.price2{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,aaf7d1+100 */
background: #ffffff !important; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ffffff 0%, #aaf7d1 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#aaf7d1 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #ffffff 0%,#aaf7d1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#aaf7d1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color: #000 !important;
}

.price3{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#94712f+0,f3e09c+100 */
background: #94712f !important; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #94712f 0%, #f3e09c 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #94712f 0%,#f3e09c 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #94712f 0%,#f3e09c 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94712f', endColorstr='#f3e09c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color: #000 !important;
}

.price4{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9aacb0+0,f3f3f3+42,f3f3f3+61,4f756d+100 */
background: #9aacb0 !important; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #9aacb0 0%, #f3f3f3 42%, #f3f3f3 61%, #4f756d 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #9aacb0 0%,#f3f3f3 42%,#f3f3f3 61%,#4f756d 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #9aacb0 0%,#f3f3f3 42%,#f3f3f3 61%,#4f756d 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9aacb0', endColorstr='#4f756d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color: #000 !important;
}

.upgradeBtListing a.selected{color: #fff; background:none;}
.upgradeBtListing span button a{color: #fff; text-decoration: none;}
.callUpgraBT a.selected{background: none; color: #fff !important;}
.callUpgraBT a{text-decoration: none; color: #fff;}
.descoverCityDiv{width: 100%; height: auto; float: left; margin-bottom: 15px; display: none;}
.cityBt{padding: 8px 20px; border-radius: 50px; color: #000; 
float: left; margin: 0 5px 5px 0; width: 19%; cursor: pointer; border: 1px solid #ccc; text-align: center;}
.cityBt:hover{background-color: #0093dd; color: #fff; border: 1px solid #0093dd;}
.citySelectBt{padding: 7px 30px; border-radius: 5px; background-color: #3e3e3e; color: #fff; width: 100%;
text-align: center; margin-bottom: 18px; cursor: pointer;}

.flatOf{color: #0f6; font-family: 'atheniaregular';}
.autoSearchDiv{width: 100%; height: auto; float: left; padding: 20px; background-color: #f9f9f9; 
overflow: auto; max-height: 520px; display: none;}
.searchAutoBt{border: 1px solid #ff006c !important; color: #ff006c !important; margin-right: 15px !important;}
.searchAutoBt:hover{background-color: #0093dd !important; color: #fff !important; border: 1px solid #0093dd !important;}
.autoSearchViewPro{width: 100%;height: auto; float: left;}
.autoSePro{width: 40px; height: 40px; float: left; background: red; border-radius: 100px; margin-right: 10px;
overflow: hidden;}
.autoSearchViewPro ul{list-style-type: none; float: left; padding-left: 10px; padding-top: 10px;}
.autoSearchViewPro ul li{width: 100%; float: left; cursor: pointer; align-items: center; display: inline-flex; margin: 8px 0 5px;}
.autoSearchViewPro ul li:hover{color: #0093dd;}
.autoSePro img{width: 100%; height: 40px; object-fit: cover;}
.extraSearch{width: 100%; height: auto; float: left; margin-top: 122px;}
.searchFo{width: 100%; float: left; cursor: pointer; font-size: 16px; text-align: left;}
.searchFoLeft{text-align: right;}
.extraSearhIn{width: 100%; height: auto; float: left; padding: 20px; background-color: #add9e6;
border-radius: 10px; margin-top: 15px; text-align: center;}
.extraSearhIn h4{text-align: center;}
.extSeOut{width: auto; width: 80px; display: inline-block;margin: 0 5px; cursor: pointer;}
.extSeIn{width: 80px; height: 80px; border-radius: 5px; background-color: #faab6f; 
text-align: center; align-items: center; display: grid;}
.extSeIn i{font-size: 30px !important; color: #fff;}

/* #autolist{min-height: 300px;} */

.autoSear{height: 50px; border-radius: 7px 0 0 7px !important;}
.overFlowDiv{overflow: hidden;}
#mysearch .material-switch > input[type="checkbox"] {
  display: none;
}
.dashInOuter{
width: 100%;
height: auto;
float: left;
border: 1px solid #ccc;
border-radius: 10px;
padding: 20px;
}
.myclo{height: 50px; align-items: center; display: inline-flex;}
.myclo.selected{background-color: #fff !important;}
.media-middle a img{width: 50px; height: 50px; object-fit: cover;}
#mysearch .material-switch > label {
  cursor: pointer;
  height: 0px;
  position: relative;
  width: 40px;
  display: none;
}
#mysearch .form-control:focus{background-color: #fff !important; box-shadow: none !important;
  border: 1px solid #cecece !important;}

#mysearch .material-switch > label::before {
  background: rgb(0, 0, 0);
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  content: '';
  height: 16px;
  margin-top: -8px;
  position:absolute;
  opacity: 0.3;
  transition: all 0.4s ease-in-out;
  width: 40px;
}
#mysearch .material-switch > label::after {
  background: rgb(255, 255, 255);
  border-radius: 16px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  content: '';
  height: 24px;
  left: -4px;
  margin-top: -8px;
  position: absolute;
  top: -4px;
  transition: all 0.3s ease-in-out;
  width: 24px;
}
#mysearch .material-switch > input[type="checkbox"]:checked + label::before {
  background: inherit;
  opacity: 0.5;
}
#mysearch .material-switch > input[type="checkbox"]:checked + label::after {
  background: inherit;
  left: 20px;
}
#mysearch #custom-search-form {
  margin:0;
  margin-top: 5px;
  padding: 0;
}

#mysearch #custom-search-form .search-query {
  padding-right: 3px;
  padding-right: 4px \9;
  padding-left: 3px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */

  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: width  0.2s ease-in-out;
  -moz-transition:width  0.2s ease-in-out;
  -o-transition: width  0.2s ease-in-out;
  transition: width  0.2s ease-in-out;
}

#mysearch #custom-search-form button {
  border: 0;
  background: none;
  /** belows styles are working good */
  padding: 2px 5px;
  margin-top: 2px;
  position: relative;
  left: -28px;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#mysearch .search-query:focus + button {
  z-index: 3;
}
#mysearch .search-query:focus{
  width: 260px;
}
#mysearch .list-group-item:hover{
  cursor: pointer;
}
#mysearch .media-left{
  display: inline-block;
}
#mysearch #center{
  margin-top:10px;
  display: inline;
}
#mysearch #favorites{
  padding: 5px 15px;
  font-family: 'pt_sansregular';
  color: #ff006c;
  font-size: 16px;
  text-align: left;
}
#mysearch #fav{
  font-size: 12px;
  font-weight: 700;
  color: #959595;
  text-transform: uppercase;
  letter-spacing: 1px;
  content: "Favorites";
}
#mysearch .btn-info{height: 50px; background: #0093dd; border: 1px solid #0093dd;}


/* 03-10-2021 */
.detailsOuter{
width: 100%;
height: auto;
float: left;
max-height: 140px;
min-height: 140px;
overflow: hidden;
padding: 0 15px;
}
.likeIntro{
background: red !important;
color: #fff !important;
}
.shortLis{
background-color: #ffba1f !important;
color: #fff !important;
}
.optMainOuter{
width: 100%;
height: auto;
float: left;
}
.optMain{
width: 100%;
max-width: 420px;
height: 40px;
border-radius: 50px;
border: none;
padding: 8px 15px;
margin-bottom: 20px;
float: left;
border: 1px solid #ccc;
}

.sliderOutMain .main{
padding-left: 0;
}
.sliderOutMain .main .carousel {
height: auto;
}
.firstSlide .main{
padding: 0;
max-width: 213px;
}
.myCarouselMain{
height: auto !important;
}
.bottomSlide .main{
padding: 0;
}
.bottomSliderOuter .slider-box-block{
width: 100%;
}

.seleProPont{
width: 100%;
height: auto;
float: left;
border: 1px solid #ccc;
border-radius: 5px;
padding: 15px;
margin-bottom: 15px;
}
.proSeleBt{
background: none;
padding: 10px 30px;
border-radius: 50px;
border: 1px solid #ccc;
width: 23%;
margin: 6px 5px;
position: relative;
text-align: center;
}
.proSeleBt input{
opacity: 0;
position: absolute;
}
.proSeleBt:hover{
background: #0093dd;
color: #fff;
}
.proSeleBtActive{
background: #0093dd;
color: #fff;
}
.list-group-item{
display: flex;
}
.btStt{
float: left;
width: 15.6%;
margin: 5px 0.5%;
padding: 8px 30px;
border-radius: 50px;
border: 1px solid #ccc;
cursor: pointer;
position: relative;
transition: .4s;
}
.btSttTool{
height: auto;
color: #fff;
display: inline-block;
padding: 4px 12px;
border-radius: 7px;
background: #3e3e3e;
position: absolute;
left: 50%;
width: 200px;
margin-left: -100px;
bottom: 43px;
z-index: 9;
opacity: 0;
visibility: hidden;
}
.btStt:hover .btSttTool{
opacity: 1;
visibility: visible;
}
.btStt:hover{
background: #0093dd;
}

.btStt input{
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
cursor: pointer;
}
.btStt:hover em{
color: #fff;
}
.btStt em{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0;
max-width: 100%;
display: inline-block;
text-transform: full-size-kana;
font-style: normal;
}
.proSeleBtActive em{
color: #fff;
}
.uplImOut{
width: 100%;
height: auto;
float: left;
}
.uplImOut button{
padding: 8px 30px;
border-radius: 50px;
border: none;
margin-bottom: 14px;
background: #ff006c;
color: #fff;
font-size: 15px;
font-weight: bold;
margin-top: 15px;
}
.droOut button{
background-color: #eee !important;
color: #000;
}
.droOut .dropdown-multiselect__caret{
margin-top: 9px !important;
}
.orSt{
position: absolute;
right: -19px;
top: 9px;
font-size: 14px;
padding: 8px;
font-weight: bold;
}
.noLab{
opacity: 0;
}
.image-row .image-column {
position: relative;
position: relative;
max-height: 250px;
display: block;
}
.rowAlign{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}

.nearMeDrop{
height: 55px;
position: relative;
margin-bottom: 10px;
}

.advncSearchMain label{
text-align: left;
width: 100%;
}
.advncSearchMain  .col-md-4{
position: relative;
}


.storyLeft{
width: 100%;
float: left;
border: 1px solid #ff006c;
padding: 10px;
overflow: hidden;
border-radius: 5px;
}
.storyLeft img{
width: 100%;
}
.storyRight{
width: 100%;
float: left;
}
.storyRight .commo-subHead{
color: #404040;
min-height: initial;
float: left;
width: 100%;
margin-bottom: 20px;
text-align: left;
}
.storyRight p{
font-size: 16px;
color: #6a6a6a;
line-height: 26px;
width: 100%;
float: left;
margin-top: 10px;
text-align: left;
}
.storyRight .commo-subHead b{
border-bottom: 3px solid #ff006c;
padding-bottom: 3px;
}
.storyRight .commo-subHead i {
color: #ff006c;
}

.homeLoginLnk{
width: 100%;
text-align: right;
margin-bottom: 22px;
display: block;
}
.homeLoginLnk .goHomeSt{
font-size: 14px !important;
text-decoration: none !important;
color: #ff006c !important;
}
.homeLoginLnk span{
  color: #fff;
  margin: 0 5px;
}


.droOutInr{
  width: 100%;
  height: 36px;
  position: relative;
  padding-right: 55px;
}
.droOutInr .action button{
  position: absolute;
  top: 0;
  height: 100%;
  border: 1px solid #0093dd;
  right: 0;
  border-radius: 5px;
  background-color: #0093dd !important;
  color: #fff;
}
.droOutInr .dropdown-multiselect__caret{
  margin: 0 !important;
  background: #fff;
  border: none;
  top: 5px !important;
  height: 26px !important;
  border-radius: 0 5px 5px 0;
  padding: 0 !important;
}


.droOutInr .multiselect-dropdown .dropdown-btn{
  display: flex !important;
}
.droOutInr .multiselect-dropdown{
  float: left;
}
.multiselect-dropdown .dropdown-btn .selected-item-container .selected-item span{ white-space: nowrap;}








@media screen and (max-width: 1200px) {

}


@media screen and (max-width: 1024px) {

}


@media screen and (max-width: 991px) {
.mailDiv{margin-bottom: 20px;}
.proInnerCont b{width: 40%;}
.proInnerCont span{width: 60%;}
.newMatcInner{margin-bottom: 35px;}
.viewAllProDiv{margin-bottom: 15px;}
.newMaImg{height: 190px;}
.newMaImg img{height: 190px;}
.topbar a{padding: 0px 10px 2px 10px; border-left: none;}
.myMatchesStyle .matchesDiv{ margin-bottom: 15px;}
.discouPachMain{margin: 0px 0 20px;}

/*.memberPlan .promos{width: 100%;}
.memberPlan .promo{width: 100%;}*/
.membershipDiv .promo{margin-bottom: 15px;}
.membershipDiv .col-md-3{width: 50%; float: left;}
.desMatcTopSp{margin-top: 0 !important;}
.cityBt{width: auto; padding: 8px 31px}
.blog-text-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.helpDiv{
  margin-bottom: 20px;
}
.orSt{
  display: none;
}
.nearMeDrop{
  padding: 0;
}
.droOut{
  margin-bottom: 15px;
  position: relative;
}
.myMatchesStyle .starIc:hover {
  background-color: #fff;
  color: #000;
}
.callDetais .starIc:hover{
  background-color: #fff;
  color: #000;
}
.droOut .multiselect-dropdown .dropdown-btn {
  display: inline-block;
  border: 1px solid #adadad;
  width: 100%;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.1;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border-radius: 4px;
  }
}


@media screen and (max-width: 768px) {
.goHomeSt{
  /* display: none; */
}
.homeMain .fs-title{
  font-size: 20px;
}
.dashLogo{
  left: 50px;
}
.main .topbar{
  padding: 0 15px;
}
.slidebar{
  border-right: none;
}
/* .mainContent>div{
  padding: 0 !important;
  width: 100% !important;
} */
.dashMainInner{
  width: 100%;
  padding-left: 20px !important;
}
.mainFulllWidth{
  padding-left: 20px !important;
}
}


@media screen and (max-width: 767px) {
h5{font-size: 17px; font-family: 'pt_sansregular';}
.page-header, .control-box {
  text-align: center;
  }
.mainFulllWidth{padding-left: 20px !important;}
.slidebarWidth{width: 275px !important;}
.mainContentWidth{padding-left: 275px !important;}
.slidebar{width: 0px;}
.main{padding-left: 0;}
.mainContent>div{padding-left: 0 !important;}
.mainContent h4{font-size: 17px;}
#descoverMatches .matchesDiv{margin-bottom: 20px;}
#slideRight{left: 0;}
.slideOverlyBlock{display: block; position: fixed;}
.topbar a{padding: 2px 15px;}

.desktopArrow{display: none !important;}
.responssiveArrow{display: block !important;}
.proInnerCont b{width: 50%;}
.proInnerCont span{width: 50%;}
.newMaImg{height: 210px}
.newMaImg img{height: 210px;}
.mySlides{height: 215px;}
.extraSearch{
margin-top: 30px;
}
.btStt {
float: left;
width: 49%;
}
.aboutProDiv{
  position: static;
  display: inline-block;
}
.contentDivMain{
  padding-left: 20px;
  text-align: center;
}
.aboutPara{
  text-align: justify;
}
.forContactOnly{
  text-align: left;
}

}


@media screen and (max-width: 600px) {
.comlpetedProDiv .progress{width: 100%;}
.comlpetedProDiv .label{margin: 0 0px 20px; width: 30px; height: 30px; font-size: 9px;}
.proCarouselMain li{ float: left; padding: 15px; width: 50%;}
.settingsDiv i{font-size: 50px;}
.settingsDiv h1{font-size: 25px;}
.discouPachMain{padding-left: 0; text-align: center;}
.dashLogo2{width: 110px; position: absolute; left: 15px; top: 10px; display: block;}
.dashLogo{display: none;}
#callModal{padding-left: 0 !important;}
#callModal .modal-dialog{width: 94%;}
.cityBt{width: auto;}
.btStt {
width: 100%;
margin: 0 0 10px;
}
.proInnerCont b{
  width: 100%;
  /* max-width: 125px; */
  float: left;
  padding: 0;
  text-align: left;
  margin: 0 9px 0 0;
}
.proInnerCont span{
  width: 100%;
  padding: 0;
  display: block;
  text-align: left;
}
.proInnerCont span{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 33px;
}
#updateProfile .proname {
  font-size: 17px;
}
.upgradeBtListing b{
  max-width: fit-content;
}
.upgradeBtListing span{
  display: flex;
  justify-content: center;
}
.proInnerCont ul li{
  display: flex;
  margin-bottom: 7px;
}
.upImOuterD{
  width: 49%;
  margin-right: 4px;
  margin-top: 5px;
}
.upgradeBtListing{
  flex-direction: column;
  padding: 7px 13px 15px;
  margin-top: 15px;
}
.upgradeBtListing span button {
  padding: 3px 12px;
  margin-top: 9px;
}
.image-row .image-column{
  width: 100% !important;
}
.bothMatcMain{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 20px 0;
}
.bothMatCont {
  position: static;
  text-align: center;
  width: 100%;
  margin-top: 20px;
}
.proInnerCont p {
  text-align: center;
}
.bothMatches2{
  width: 75px;
  height: 75px;
  margin-top: -86px;
  margin-left: 113px;
}
.upgradeBtListing span{
  padding: 0;
}
.bothMatcMark {
  right: 10px;
}
.bothNotMatcMark {
  right: 10px;
}

.noDataMessage {
  min-height: 430px;
}
.homeLoginLnk .goHomeSt{
  color: #fff !important;
}
.innerPagesMain .headerInner{
  background: #fff;
  border-bottom: 1px solid #eee;
}
.innerPagesMain .homeMain .headerMain .navbar-brand img{
  width: 150px;
}
.conHeading {
  font-size: 17px;
}
.contDetail span{
  max-width: fit-content;
  font-size: 14px !important;
}
.contDetail{
  align-items: flex-start;
  flex-direction: column;
  margin: 14px 0;
}
/* .innerPageBannerMain {
  margin-top: 85px;
  } */
  .droOutInr .multiselect-dropdown .dropdown-btn{
    padding: 4px !important;
    height: 36px;
    display: flex !important;
    align-items: center;
    overflow: hidden;
  }
  .aboutPara {
    float: left;
  }
  .aboutProDiv{
    display: inline-block;
    float: none;
    margin-right: 0;
  }
  .innerPageBannerMain {
    min-height: 80px;
    padding: 0 15px;
  }
  .innerPageBannerMain h3{
    font-size: 21px;
  }
  .forContactOnly{
    text-align: center;
  }
  .forContactOnly .contDetail{
    display: flex;
    align-items: center;
  }
}

@media screen and (max-width: 500px) {
.multiImgBt{
  display: inline-block;
  float: none;
}
.upB {
  text-align: center;
}
.multiImgUpload .upB .expanded{
  display: inline-block;
  float: none;
}
.mainContent h4{
  text-align: center;
}
.upImOuterDOuter{
  width: 100%;
  float: left;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.upImOuterD{
  width: 100%;
  max-width: 250px;
}
}


@media screen and (max-width: 467px) {
  .caption {
  word-break: break-all;
  }
  .otOut{width: 100%;}
  .membershipDiv .col-md-3{width: 100%;}
  .bemberShipBanner h1{font-size: 35px;}
  .bemberShipBanner h5{font-size: 24px;}
  .bemberShipBanner{padding: 12px;}
  .membershipDiv ul{padding-right: 20px;}
  .cityBt{width: 100%; padding: 4px 10px; font-size: 13px; border-radius: 5px;}
  .flatOf{width: 100%; float: left; margin-top: 7px; font-size: 22px;}
}


@media screen and (max-width: 400px) {
.comlpetedProDiv .label{font-size: 9px;}
.proCarouselMain .carousel-inner{width: 100%; height: 245px;}
.proCarouselMain li{width: 100%;}
.topbar a { padding: 0px 8px; border: none;}
.mailProDiv{width: 100%; height: 70px;}
.mailContDiv{padding-left: 0; text-align: center; padding-top: 56px;}
h5{font-size: 15px; line-height: 23px;}
.acceptBt{float: none; font-size: 14px; padding: 5px 12px;}
.deleteBt{float: none; font-size: 14px; padding: 5px 12px;}
.accepTopBt{font-size: 14px; padding: 5px 12px;}
.deleteTopBt{font-size: 14px; padding: 5px 12px;}
.notiMain .date{top: 2px; right: -8px; font-size: 10px; color: #000; background: none;}
#viewNotification .callDetais i{width: 45px; height: 45px; font-size: 21px;}
#viewNotification .floatNeed{margin-top: -22px;}
.proDetailsBt{padding: 6px 20px;}
.proDetailMain .slider-box-block{width: 100%; margin-bottom: 15px;}
.proDetailsDiv{padding: 0;}
.newheader{
top: 50px;
}
.col-xs-6{width: 100%;}
.newMatcInner{margin-bottom: 10px;}
.newMaImg{height: 150px;}
.newMaImg img{height: 150px;}
.newMatcInner a{margin-top: 5px; margin-bottom: 18px;}
.newMaImg{height: 210px;}
.newMaImg img{height: 210px;}
.newMatchSpace{margin: 0;}
.discouPachMain{margin-top: 25px;}
.discouPachMain h5{display: none;}
.discouPachMain p{display: none;}
.discouPachMain button{display: none;}
.discouPachMain{padding: 75px 0;}
.shoNewMatc{margin: 5px;}
.newMatchesMain h5{font-size: 18px;}
.disMaMain .nav>li>a{padding: 10px 5px; font-size: 13px;}
.dashMainInner .col-md-4{margin-bottom: 0;}
.memberVieweedMain .newMaImg{height: 140px;}
.memberVieweedMain .newMaImg img{height: 140px;}
.newheader .menu-icon{font-size: 15px; padding: 15px 30px;}
.addZoom{height: 265px !important;}
.zoomImg{height: 265px !important;}
.verifyBt{margin: 15px 5px 0px; width: 100%;}
.verifyBt{padding: 7px 40px; font-size: 18px;}
.desMatchViewAll{margin-top: -6px; margin-right: 14px; font-size: 14px;}
.welcomeDiv{width: 100%;}
.nav-tabs li{width: 100% !important; margin-bottom: 1px !important;}
.newMViewPro{font-size: 15px; width: 100%; margin: 7px 0; color: #484848;}
.notiMain .mailContDiv span a i{ left: 9px;}
.bothMatcMark{right: 16px;}
.bothNotMatcMark{right: 16px;}
.proCarouselMain .carousel-inner{height: 255px;}
.dashMainInner .col-md-4{margin-bottom: 10px;}
.bothMatCont{width: 100%; position: static;}
.mainContent h4{margin: 1.3em 0 5px;}
#headingTwo h4{margin: 0 !important;}
.multiImgBt{padding: 4px 15px;}
.multiImgUpload .expanded{padding: 4px 15px;}
#photoGallery .column{margin-bottom: 10px;}
.photoGalleryMod .modal-content{width: 94%;}
.passBt{width: 100%;}
.helpDiv h1{font-size: 20px;}
.helpDiv p{font-size: 14px; line-height: 19px;}
#help p{line-height: 21px;}
.custmSearch input{font-size: 13px;}
.subSearchBT{top: 15px; font-size: 19px !important;}
.multiImgUpload .img-preview-thumb{width: 100%; height: 300px; max-width: fit-content; margin-bottom: 7px;}
.membershipDiv button{padding: 7px 37px;}
.membershipDiv{padding: 10px;}
.membershipDiv .deal span:first-of-type{font-size: 20px; margin-bottom: 0;}
.membershipDiv .promo .price{padding: 10px 0 10px 0; font-size: 30px;}
.membershipDiv ul li i{height: 29px;}
.bemberShipBanner h1{font-size: 20px;}
.membershipDiv .deal span:last-of-type{margin-top: 7px; font-size: 15px; padding: 0 20px;}
.membershipDiv .promo:hover .hoverAmou{font-size: 34px;}
.flatOf{width: 100%; float: left; margin-top: 7px; font-size: 18px;}
.bemberShipBanner h5 span{font-size: 37px;}
.bemberShipBanner h5{font-size: 23px; margin-top: 0;}
.desMatchViewAll.selected{background-color: #ffffff !important; color: #484848 !important;}
.extSeOut{width: 100%; margin: 0;margin-bottom: 20px;}
.extSeIn{width: 100%; height: 50px;}
.extSeIn i{font-size: 23px !important;}
}


@media screen and (max-width: 320px) {
.disMaMain .nav-tabs>li{width: 100%;}
.memberVieweedMain .newMaImg{width: 100%;}
.memberVieweedMain .proCon{width: 100%; padding-left: 0;}
.memberVieweedMain .newMatcInner{padding-bottom: 0;}
.applyNearBt{padding: 7px 30px;}
.restSearchDiv{padding: 0 15px;}
.resetSearchBt{width: 100%;}
.searchNowBt{width: 100%; margin-top: 10px;}
.membershipDiv .deal span:last-of-type{padding: 0 20px;}
.col-xs-6{padding: 0;}
}