/*Reset CSS */
/* Box sizing rules */
*,
*::before,*::after {
  box-sizing: border-box;
}
/* Remove default padding */
ul[class],ol[class] {
  padding: 0;
}
/* Remove default margin */
body,h1,h2,h3,h4,p,ul[class],ol[class],li,figure,figcaption,blockquote,dl,dd {
  margin: 0;
}
/* Set core body defaults */
body {
  min-height: 100vh;  scroll-behavior: smooth;  text-rendering: optimizeSpeed;  line-height: 1.5; background-color:#efefef;
}
/* Remove list styles on ul, ol elements with a class attribute */
ul[class],ol[class] {
  list-style: none;
}
/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}
/* Make images easier to work with */

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}
/* Inherit fonts for inputs and buttons */
input,button,textarea,select {
  font: inherit;
}
/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;    animation-iteration-count: 1 !important;    transition-duration: 0.01ms !important;    scroll-behavior: auto !important;
  }
}
/*Reset CSS */



h1{ color:red; font-size:24px; width:100%; }
h2{ font-size:20px; width:100%;}
h3{ font-size:18px; width:100%; }
h1 a{ font-size:30px; }
body{ text-align:center; display:block; padding-bottom:15px; }
#wrapper{ max-width:1280px; width:100%; background-color:#fff; display:inline-block; border:1px solid #f0f0f0; border-radius:5px; box-shadow:1px 1px 3px #d7d2d2; margin:5px 0; }

#wrapper h2{ margin:15px 0; }
#header{ width:100%; background-color:#ed4880; }
#header h1{ width:auto; float:left; padding:1.5% 0 1.5% 2%; }
#header h1 a{ color:#fff; }
#footer{ width:100%; }
#footer p{ font-size:18px; }

#main_nav{ width:auto; float:right; padding:2.5% 0% 0.5% 0; }
#main_nav ul{ width:100%; }
#main_nav ul li{ width:auto; margin:0 2px; }
#main_nav ul li a{ width:auto; padding:5px 3px; margin:0; font-size:14px; border-radius:10px; }
#main_nav ul li a:hover{ background-color:#fff; color:#ed4880;  }


#main_nav_one { width:100%; text-align:center;}
#main_nav_one ul {width:100%; }
#main_nav_one ul li{ width:auto; margin:0 2px; }
#main_nav_one ul li a{ width:auto; padding:5px 3px; margin:0; font-size:14px; color:#ed4880; border-radius:10px;  }
#main_nav_one ul li a:hover{ background-color:#fff; color:#141414;  }

#overlay{ display:none; margin:0; padding:0; top:0; left:0; width:100%; height:100%; background-color:#000; 
    background-color:#0000008c; z-index:1; position:fixed; transition:0.3s all ease-in-out; }
#sidenavbtn{ display:inline-block; float:left; width:auto; margin:2% -20px 0 1.5%; padding:0; cursor:pointer; }
#sidenavbtn span{ display:block; width:24px; margin:5px 0; padding:0; background-color:#fff; line-height:3px; font-size:3px; }
#sidenavwrap{ display:inline-block; width:0; height:100%; background-color:#fff; margin:0; padding:0; 
    overflow:hidden; overflow-y:auto; position:fixed; z-index:2; top:0; left:0; transition:0.2s all ease-in; }
#sidenavwrap h3{ display:inline-block; width:200px; margin:0; padding:10px 0; font-size:20px; line-height:26px; 
    background:#212121; color:#fff; text-align:center; }
#sidenav{ display:inline-block; width:200px; margin:0; padding:0; }
#sidenav li{ display:inline-block; width:100%; margin:0; padding:0; border-bottom:1px solid #ccc; }
#sidenav li a{ display:inline-block; width:96%; margin:0; padding:10px 2%; font-size:15px; font-weight:normal; 
    text-align:left; color:#212121; transition:0.3s all ease-in-out;}
#sidenav li a:hover,#sidenav li a:active,#sidenav li a:focus{ color:#ed4880; padding:10px 0 10px 4%; }

@media(max-width:640px){
    #main_nav{ display:none; }
}

#main_content{ width:100%; }
#main_content h2{ width:100%; text-align:left; padding:10px; display:inline-block; }

.aform_wrap{ display:inline-block; width:100%; margin:10px 0 25px 0; }
#add_member_form{ display:inline-block; width:98%; margin:1%; text-align:left; vertical-align:top; display:inline-block; }
#add_member_form .formitembox{ display:inline-block; width:50%; margin:10px 0; float:left; }
#add_member_form .form-item{ display:inline-block; width:98%; margin:1%; }
#add_member_form .form-item label{ display:inline-block; width:48%; max-width:240px; padding:0 1%; font-size:16px; vertical-align:top; }
select, textarea, input{ display:inline-block; font-size:16px; width:48%; max-width:300px; padding:5px 1%; vertical-align:top; }
#add_member_form .form-item .button{ width:auto; padding:5px 12px; background-color:#009688; color:#fff; cursor:pointer; border:1px solid #537572; border-radius:5px; }
#add_member_form .form-item .button:hover{ background-color:#0bb8a8; }
#add_member_form .form-item .autowidth{ width:auto; margin-right:3px; }
#add_member_form .form-item select option{font-size:16px; }
#add_member_form .form-item .submit_btn{ padding:10px 15px; border-radius:10px; cursor:pointer; border:2px solid #000; }

#sideimgbox{ width:50%; float:right; text-align:left; vertical-align:top; display:inline-block; }
#bio_holder{ width:96%; margin:1%; padding:1%; text-align:left; vertical-align:top; display:inline-block; border:1px solid #999999}
/*#bio_holder img{ max-height:100px; max-width:100px; }*/
#bio_holder h3{ text-align:left; }
#bio_holder .upbio{ display:inline-block; }

#imgbig{ width:auto; height:auto; max-width:90%; }
#searchresulttable .imgthumb, #searchresulttable .profiletwo .imgthumb{ margin:1%; padding:0; width:auto; max-width:30%; height:100px; }
.img_holder{ width:96%; margin:1%; padding:1%; text-align:left; vertical-align:top; display:inline-block; border:1px solid #999999}
.img_holder img{ background:none; border:none; max-width:100px; max-height:100px; }
.img_holder h3{ text-align:left; }

@media(max-width:768px){
    #add_member_form .form-item{margin:10px 1%; }
    #add_member_form .form-item label{ width:100%; padding:0; display:block; }
    #add_member_form .form-item input{ width:100%; padding:0; display:block; }
    #add_member_form .form-item select{ width:100%; padding:0; display:block; }
    #add_member_form .form-item .autowidth{ display:inline-block; }
    
    #bio_holder .upbio{ display:block; }
}

#notify{ width:100%; }
#notify p{ width:90%; margin:10px 3%; padding:5px 2%; font-size:16px; text-align:left; }
#notify p.failed{ width:90%; font-size:16px; text-align:left; color:#ff0000; border:1px solid #ff0000; border-radius:5px; }
#notify p.success{ width:90%; font-size:16px; text-align:left; color:#4caf50; border:1px solid #4caf50; border-radius:5px; }

#searchresulttable{width:100%; }
#searchresulttable thead{width:100%; background-color:#efefef; }
#searchresulttable tbody{width:100%; }
#searchresulttable tr{width:100%; border:1px solid #efefef; border-bottom:2px solid #ed4880; padding:6px 0; }
#searchresulttable thead th{ width:30%; font-size:16px; font-weight:bold; text-align:center; }
#searchresulttable tbody td{ width:30%; font-size:16px; font-weight:normal; text-align:center; word-break:break-all; }

#searchresulttable tbody td .imgbigh{ display:inline-block; width:100%; margin:0; padding:0; }
#searchresulttable tbody td .imgbigh img{ max-height:600px; }
#searchresulttable tbody td .imgthumbh{ display:inline-block; width:100%; margin:0; padding:0; }
#searchresulttable tbody td img{ display:inline-block; }
#searchresulttable tbody td div img{ display:inline-block; }

#prevbtn,#nextbtn{ font-size:16px; }
#prevbtn:hover,#nextbtn:hover{ color:#a06940; font-size:16px; }

.pagenums{ font-size:16px; color:#ff0000; }
.pagenums:hover{ color:#0981CB; }

#searchresulttable .profiletwo{ text-align:center; }

@media(max-width:768px){
    #searchresulttable tbody td .imgbigh img{ min-height:150px; max-height:160px; }
    #searchresulttable .profileone img{ min-height:150px; max-height:300px; }
}


.franchise_content{ display:inline-block; width:98%; max-width:1280px; margin:10px 1%; padding:10px 0; }

#franchise_tabs{ display:inline-block; margin:0; padding:0; width:300px;font-family: 'roboto', sans-serif; }

#franchise_title{ display:inline-block; margin:0; padding:0; width:100%; }
#franchise_title li{ display:inline-block; margin:0; padding:0; width:150px; border:1px solid #666; }
#franchise_title li a{ display:inline-block; margin:0; padding:0; width:100%; font-size:15px; line-height:30px; text-align:center;font-family: 'roboto', sans-serif; cursor:pointer; }

.franchise_details{ display:inline-block; margin:0; padding:20px; width:300px; border:1px solid #666; display:none; }
.franchise_details form{ display:inline-block; margin:0; padding:0;font-family: 'roboto', sans-serif; width:100%; }
.franchise_details form label{ display:inline-block; margin:0; padding:0; width:100%; text-align:left; font-size:13px; font-family: 'Heebo', sans-serif; }
.franchise_details form input{ display:inline-block; margin:0 0 15px 0; padding:0; width:100%; text-align:left; }
.franchise_details form .fr_submit{ display:inline-block; margin:0 0 5px 0; padding:5px; width:auto; }

#introBox{ display:inline-block; margin:0; padding:20px 0; width:100%; background-color:#fff; }

#introBox .introBox{ display:inline-block; margin:0; padding:0; text-align:center; width:250px; }
#introBox #introLoginBox{ display:inline-block; }
#introBox #introRegisterBox{ display:none; }

#introBox .introBoxform{ display:inline-block; margin:0; padding:0; width:100%; }
#introBox .introBox h3{ display:inline-block; margin:0; padding:10px 0; width:100%; }
#introBox .introBox form input{ display:inline-block; margin:10px 0; padding:3px 1%; width:98%; font-size: 14px; }
#introBox .introBox form input.fr_submit{ background-color:#ed4880; text-align:center; border:none; box-shadow:none; padding:5px 1%; color:#fff; font-size:20px; }
#introBox .introBox div{ display:inline-block; margin:10px 0; padding:10px 0; width:100%; position:relative; text-align:center; }
#introBox .introBox div p{ display:inline-block; margin:0; padding:0; width:98%; text-align:center; border-bottom:1px solid #888; position:relative;  font-size:18px; line-height:20px; }
#introBox .introBox div p span{ display:inline-block; margin:0; padding:0 5px; width:auto; position:absolute; top:-10px; left:45%; font-size:14px; background-color:#fff; color:#888; }
#introBox .introBox p{ display:inline-block; margin:0; padding:0 5px; width:auto; font-size:14px; background-color:#fff; color:#888; }

#introBox .introBox a{ display:inline-block; margin:0; color:#3979da; font-size:14px; cursor:pointer; }
#introBox .introBox .regbtn{ display:inline-block; margin:0; padding:5px 0; width:100%; background-color:#3979da; font-size:16px; color:#fff; text-align:center; }


#searchBox{ display:inline-block; margin:10px 0; padding:0; width:100%; text-align:center; min-height:700px; }
#searchTabs{ display:inline-block; margin:10px 0 20px 0; padding:0; width:100%; max-width:800px;}
#searchTabs li{ display:inline-block; margin:0; padding:3px 0; width:24%; }
#searchTabs li a{ display:inline-block; margin:0; padding:0; width:100%; text-align:center; font-size:13px; line-height:40px; color:#000; background-color:#efefef; border-left:1px solid #ccc; border-right:1px solid #ccc; vertical-align:top; }
#searchTabs li a.active, #searchTabs li a:active, #searchTabs li a:hover, #searchTabs li a:focus{ background-color:#ed4880; }

.searchContent{ display:inline-block; margin:10px 0; padding:0; width:100%; text-align:center; max-width:800px; }
.searchContent form{ display:inline-block; margin:0; padding:0; width:100%; }
.searchContent form .sform-item{ display:inline-block; margin:5px 0; padding:0; width:50%; vertical-align:top; }
.searchContent form .sform-item label{ display:inline-block; margin:0; padding:0 1% 0 0; width:48%; text-align:right; font-size:14px; line-height:30px; vertical-align:top; }
.searchContent form .sform-item input{ display:inline-block; margin:0; padding:5px; width:50%; font-size:14px; border-color:#ccc; }
.searchContent form .sform-item .button{ background-color:#009688; cursor:pointer; color:#fff; }
.searchContent form .sform-item .button:hover{ background-color:#0bb8a8; }

.searchContent form .sform-item select{ display:inline-block; margin:0; padding:8px 5px; width:50%; font-size:14px; border-color:#ccc; }
.searchContent form .sform-item .selhalf{ width:80px; }
.searchContent form .sform-item .selhalfl{ width:auto; margin:0 5px; float:none; }
.searchContent form .sform-item select option{ font-size:14px; }

@media(max-width:620px){
    .searchContent form .sform-item{ width:96%; text-align:left; margin:1%; padding:1%; }
    /*.searchContent form .sform-item label{ width:100%; text-align:left; }
    .searchContent form .sform-item select{ width:100%; }
    .searchContent form .sform-item .selhalf{ width:30%; float:left; }
    .searchContent form .sform-item .selhalfl{ float:left; }
    .searchContent form .sform-item input{ width:100%; }
    .searchContent form .sform-item textarea{ width:100%; }*/
}


#mobile-share{ display:inline-block; margin:0; padding:0; width:auto; }
#mobile-share a{ display:inline-block; margin:10px 0; padding:7px 13px; width:auto; font-size:16px; color:#fff; background-color:#009988;
    border-radius:6px; border:none; }

input {
  text-transform: capitalize;
}

input[type=checkbox] {
  transform: scale(1.5);
}

.sidenavtext {
  float: left;
  position: relative;
  overflow: hidden;
  font-size: large;
  color: white;
}

.item {
  position:relative;
  display:inline-block;
}
.notify-badge{
  position: absolute;
  background:red;
  text-align: center;
  border-radius: 25px 25px 25px 25px;
  color:white;
  padding:5px 10px;
  font-size:10px;
  font-weight: bold;
}

.Share-to-whatsapp {
  float: right;
  width: 15% !important;
}

.Share-to-whatsapp > div {
  width: 150px;
}

@media screen and (max-width: 480px) {
  .Share-to-whatsapp {
    float: right;
    width: 45% !important;
  }
}

.required {
  color: red;
  font-size:20px;
}

.latest-profile-main-div {
  /*border: 5px solid red;*/
  width: 100%;
  margin-bottom: 20px;
}

.profile-content {
  background-color: lightgrey;
  height:250px;
  width: 150px;
  /*border: 5px solid green;*/
}

.profile-content > img {
  height:125px;
  width: 125px;
}

.profile-content > p {
  color:red; 
  font-size:16px; 
}