h1 {
    font-size: 60px;
    font-weight: bold;
}

h2, h3, h4, h5, h6 {
    color: #000;
}

.input_space_ss input, 
.input_space_ss select
{
    margin-bottom: 20px;
}

.ft_pad {
  margin-bottom: 20px;
  padding: 15px 15px;
  border-radius: 10px;
  position: relative;
  display: block;
  width: 100%;
}

.ft_white_pad {
  background: #fff;

  box-shadow: 0 6px 10px -4px rgba(0,0,0,.15);
}


button {
    color: #fff;
    padding: 10px  25px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    background: #f77725;
    border: 1px solid #f77725;
    border-radius: 20px;
    vertical-align: middle;   
      
}

button:hover {
color: #fff;
    background: #666;
    border: 1px solid #666;
}

.grey_btn {
    color: #fff;
    background: #222;
    border: 1px solid #222;
}

.grey_btn:hover {
    color: #fff;
    background: #666;
    border: 1px solid #666;
}

body {
margin: 0px;
color: #000;
font-size: 15px;
font-family:  arial, helvetica, sans-serif;
background: #fff;
}

.contact_us_social li {
    display: inline-block;
    list-style: none;
    padding-right: 40px;
}

.contact_us_social li a {
    color: #333;
    font-size: 40px;
}

.my_account_btn button{
    color: #fff;
    border: 1px solid #237945;
    background: #237945;
}

.my_account_btn button:hover{
    color: #fff;
    border: 1px solid #468b5f;
    background: #468b5f;
}

.sign_up_item {
    display: block;
    width: 100%;
    margin-bottom: 25px;
}

.sign_up_box input[type="text"],
.sign_up_box input[type="password"],
.sign_up_box select
{
    padding: 10px 5px;
    border: 1px solid #666;
}

.sign_up_box label i{
    font-size: 10px;
}

.login_socials li{
    list-style: none;
    display: inline-block;
    margin: 0 20px;
}

.login_socials li a i{ 

    font-size: 27px;
    color: #000;
}

.navbox {
    vertical-align: bottom;
}

.menu {
margin-top: 5%;
}

.menu ul {

    vertical-align: bottom;
}

.menu ul li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 12px;
   
}

.menu {
    text-align: center;
}

.menu ul li a{
    color: #000;
    font-weight: bold;
    padding: 0 2px;
     font-size: 20px;
}

.directory_details label {
    display: block;
    margin-top: 15px;
    font-weight: bold;
}

.access_denied {
    min-height: 200px;
    display: block;
    max-width: 600px;
}

.access_denied h1{
font-size: 35px;
}

.access_denied a{
    color: #000;
    font-weight: bold;
}

.access_denied img{
    max-width: 300px;
}
    

.no_access {
    min-height: 200px;
    display: block;
    width: 100%;
}

.profile_item_brief {
    font-size: 14px;
    padding: 15px 0;
    margin-bottom: 10px;
}

.d_names {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}

.d_names a{
   color: #000;
}

.d_names a:hover{
    color: #666;
}

.d_details_link a {
    color: #e2896a;
    font-weight: bold;
}

.login_box {
    color: #333;
    margin: 0 auto;
    max-width: 500px;
    text-align: center;
    font-size: 14px;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    }
    
    
    .login_box input {
    text-align: center;
    font-size: 20px;
    }
    
    
    .error_message {
    
    color: #be1d2e;
    
    }
    
    

.login_box .divider,
.divider
{
    height: 10px;
    border-bottom: 2px dashed #000;
} 

.my_account {
    padding: 40px 0;
    background: #eee;
    width: 100%;
}

.my_account label {
    display: block;
    margin-top: 20px;
    font-weight: bold;
    color: #545454;
}

.my_account_document_item {
margin: 10px 10px;
font-size: 16px;
display: inline-block;
}

.my_account_document_item a{
        color: #000;
        text-decoration: underline;
}

.my_account_document_item i {
    cursor: pointer;
}

.photo_del_box_san i {
    cursor: pointer;
    font-size: 25px;
    margin-top: 5px;
}

#join_photo_field_san {
    display: none;
}

#join_photo_label_san {
    cursor: pointer;
}
#join_photo_label_san img {
    border: 1px solid #ccc;
}

.join_photos_checkbox {
    display: none;
}
#join_photo_form label {
    margin-top: 0;
    font-size: 40px
}

.page_title h1 {
    font-weight: bold;
    font-size: 30px;
}

.footer {

    color: #fff;
    padding: 20px 0;
    background: #222;
    width: 100%;
}

.footer h4 {
    color: #fff;
}

.footer_1 {
    max-width: 700px;
    margin: 0 auto;
}

.footer_1_social a i {
    font-size: 30px;
    color: #fff
}

.footer_1_social li {
    list-style: none;
    display: inline-block;
    margin: 0 20px;
}

.footer_1_info li {
    list-style: none;
    display: block;
    padding: 5px 0;
    margin-left: -27px;
}

.footer_1_info a {
    font-size: 15px;
    color: #fff;
}

.footer_1_info a i {
    font-size: 20px;
    color: #fff;
}

.footer_1_info h4 {
font-size: 17px;
  font-weight: bold;
}

.footer .copyrights {
    color: #ccc;
    text-align: center;
}

.text_align_left {
    text-align: left;
}

.text_align_right {
    text-align: right;
}


.sign_up_box {
    padding: 45px 0;
} 

.sign_up_form {
    max-width: 450px;
}


.sign_up_validation {
    color: red;
    font-weight: bold;
}

.curve_image img{
    border-radius: 30px ;
}

.help_container {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1400px;
}

.home1 {
    width: 100%;
    padding: 40px 50px;
  background: #fff;  

}

.home2 {
    width: 100%;
    padding: 40px 50px;
  background: #ffffff;

}

.home2 img {
    border-radius: 25px;
}

.home2_right {
    padding: 10px 40px;
    vertical-align: middle;
}

.home1_left{
  width: 49%;
}
.home1_left p{
font-size: 20px;
}

.home1_right img {
    border-radius: 25px;
    border: 0px solid #000;
}

.home_1_left_btn,
.home2_right_btn,
.sign_up_btn
{
    color: #fff;
    font-size: 25px;
    font-weight: normal;
    padding: 5px 30px;
    border-radius: 15px;
    border: 1px solid #fff;
    background: #f77725;
}

.home_1_left_btn:hover,
.home2_right_btn:hover,
.sign_up_btn:hover
{
color: #000;
background: #f77725;
border: 1px solid #fff;
}




.home1 h1 {
  font-size: 60px !important;
}



a {
color: #0a7aba;
text-decoration: none;
}

.close_notify {
right: 0;
top: 0px;
font-size: 20px !important;
margin: 0 20px;
line-height: 0px;
cursor: pointer;
position: absolute;
line-height: 40px;
  
  }
  



.notify_san {
max-width: 100%;
font-size: 16px;
position: relative;
padding: 10px 30px 10px 10px;
margin-bottom: 1rem;
border-left: 3px solid;
border-radius: none;
}


.success_san {
color: #155724;
background-color: #d4edda;
border-color: #155724;
}

.error_san {
color: #721c24;
background-color: #f8d7da;
border-color: #721c24;
}
    
    


.ad1_box {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.ad1_box img{
    width: 100%;
}

form, .frm {


}

.search_box {
    line-height: 0;
    margin-top: 10px;

    display: inline-block;

}



.search_box button {
    color: #fff;
    float: right;
    padding: 7px 5px;
    background: #666;
    font-weight: normal;
    border: 1px solid #666;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.search_box form {
margin: 0;
border-radius: 0;
padding: 0;
width: 500px;
background: #fff;
border: 0 solid #e6e6e6;
display: inline-block;
border-radius: 4px;
}

.search_box form input {
font-size: 18px;
padding: 4px 5px;
border: none;
border-radius: 0;
vertical-align: top;
margin: 1px;

width: 91%;
max-width: 400px;

}

.search_box form input:focus {
    outline: none;
}

img {
width: 100%;

}

.profile_view_name {
font-size: 25px;
display: block;
margin-bottom: 10px;
}

.profile_view_mobile {
color: #ed612b;
font-size: 25px;
display: block;
margin-bottom: 20px;
}

.home_right {

border-radius: 5px;
padding: 15px;
background: #fff;
width: 25%;
float: right;
border: 1px solid #e6e6e6;
margin-top: 10px;
}


.home_left {
margin-top: 10px;
border-radius: 5px;
padding: 15px;
background: #fff;
width: 68%;
float: left;
border: 1px solid #e6e6e6;

}

.timeline_profile_pic {
width: 50px;
height: 50px;
display: inline-block;
}

.timeline_name {
color: #7d7d7d;
font-weight: normal;
line-height: 20px;
display: inline-block;
vertical-align: top;
margin-left: 5px;
}

.timeline_mobile {
color: #7d7d7d;
font-size: 15px;
font-weight: normal;
text-transform: uppercase;
}

.timeline_name a {
font-weight: bold;
}

.timeline_msg {
padding-bottom: 5px;
margin: 10px 0px;
line-height: 18px;
}

.timeline_box {
margin-bottom: 15px;
border-bottom: 1px solid #ccc;
}

.success_img {
height: 30px;
width: 45px;
display: inline-block;
vertical-align: bottom;
}


.grid_profile_pic {
width: 36%;
float: left;
}

.grid_profile_pic img {
    border-radius: 3px;
}

.grid_name {
font-weight: normal;
line-height: 20px;
display: inline-block;
vertical-align: top;
width: 60%;
float: right;
text-align: left;
}

.grid_mobile {

font-size: 13px;
color: #ed612b;
}

.grid_mobile img {
width: 20px;
}

.grid_name a {
font-weight: bold;
}

.grid_msg {
font-size: 13px;
padding-bottom: 5px;
margin: 10px 0px;
line-height: 13px;
}

.grid_stars {
width: 50%;
display: block;
}

.grid_box {
margin-bottom: 25px;

width: 31%;
display: inline-block;
vertical-align: top;
margin-right: 15px;
}

.grid_region {
color: #555;
display: block;
font-weight: bold;

}

.grid_city {
display: block;
color: #555;

}

.online { color: #1dcf43;}

.container {
max-width: 100%;
margin: 0 auto;
}

.logo {
text-align: left;
vertical-align: bottom;
}

.logo a{
    color: #fff;
    font-size: 20px;
}

.logo img {
width: 100%;
}

.logout {
text-align: right;
vertical-align: middle;
padding-top: 30px;
}

.box2 {
width: 75%;
float: right;
vertical-align: bottom;
}

.pic_box {
width: 15%;
margin-bottom: 15px;
display: inline-block;
text-align: center;
}

.del_box {
color: #40619a;
cursor: pointer;
font-weight: bold;
}

.error {
font-size: 20px;
padding: 5px 15px;
text-align: center;
color: #fff;
background: #bb3c16 ;
border-radius: 4px;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
max-width: 80%;
}


.success {
font-size: 20px;
padding: 5px 15px;
color: #fff;
background: #1ebc29 ;
text-align: center;
margin: 8px auto;
max-width: 80%;
border-radius: 4px;

}

.frm td {
padding-bottom: 10px;
}

.td_label {
color: #fff;
padding: 5px;
background: #333;
}

.td_val {

padding: 5px;
border-bottom: 1px solid #777;
}

.create_account {
border-radius: 3px;
border: 2px solid #000;
background: #000;
}

.input_label {
font-weight: bold;
}

input[type="text"], 
input[type="date"], 
input[type="password"], 
input[type="email"], 
textarea {
width: 100%;
padding: 8px;
margin-top: 3px;
border: 1px solid #ccc;
border-radius: 5px;
line-height: 18px;
color: #000;
}

select {
width: 100%;
border-radius: 5px;
padding: 8px;
margin-top: 3px;
border: 1px solid #ccc;
background: #fff;
}

header {
padding: 10px 0;
width: 100%;
color: #fff;
background: #fff;
border-bottom: 2px solid #f77725;
}

.header_box {
margin: 0px auto;
vertical-align: middle;
}

.settings_box {
width: 100%;

}

.settings {
text-align: center;
max-width: 98%;
margin: 0px auto;
vertical-align: bottom;
line-height: 40px;
font-family: 'Roboto Condensed', 'Roboto', arial, helvetica, sans-serif;
}

.settings img {
width: 20px;
height: 20px;
vertical-align: middle;
}

.settings span {
font-size: 15px;
vertical-align: bottom;
}

.general_map{
width: 100%;
margin: 0 auto;
}

.general_map .toolbox {
padding: 15px;
float: left;
width: 23%;
height: 600px;
}

.general_map .toolbox input[type="text"],.general_map .toolbox textarea {
width: 95%;
}

.general_map #mapbox {
	float: right;
	width: 73%;
	height: 600px;

}

.clr {
	clear: both;
}



.header_login button, .header_logout button {
    color: #000;
    padding: 5px 25px;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    border: 2px solid #000;
    border-radius: 23px;
    vertical-align: middle;
    background: #ffffff;


}

.header_login button:hover, .header_logout button:hover {
    background: #ccc;
}


.header_signup button, .header_profile_edit button {
  color: #fff;
  padding: 5px 25px;
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
  border: 2px solid #000;
  border-radius: 23px;
  vertical-align: middle;
  background: #000;
}

.header_signup button:hover, .header_profile_edit button:hover {

    background: #666666;
    border: 2px solid #666666;
}




.vt {

vertical-align: top;

}

.profile_edit td {
padding-bottom: 10px;
 }

 .extra_info {  float: left;  width: 35%;  }

 .basic_info {  width: 60%;  float: right;  }

.profile_pic {

height: 200px;
width: 200px;;
}

#password_status h4 {
color: #31ac2e;
}


@media (max-width: 600px) {

h1 {
font-size: 30px;
}

.home1 {
    width: auto;
    padding: 20px 20px;
}


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

.home2_right {
    padding: 10px 20px;
    vertical-align: middle;
}

.home2 {
    width: auto;
    padding: 0px 10px;
    background: #ffffff;
}

.logout {
    text-align: center;
    vertical-align: middle;
    padding-top: 3px;
    padding-bottom: 15px;
}

.menu {
    margin-top: 5px;
}

header {
        padding: 1px 0;
}

.search_box form {
    width: 95%;
}

.search_box form input {
    width: 70%;
    font-size: 15px;
}

.search_box button {
    font-size: 12px;
}

.logo {
    font-size: 13px;
 text-align: center;
 padding: 15px 0;
}
.logo img { 
max-width: 150px;
}






.header_login button,
.header_signup button  {

    padding: 3px 5px;
    font-size: 12px;
}

.grid_box {
    width: 70%;
    font-size: 18px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;

}

.grid_profile_pic {
      float: none;
    display: block;

    width: 100%;
    margin: 10px auto;
    text-align: center;
}

.grid_name {
    float: none;
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;

}

.grid_mobile {
    padding: 5px 0;
    margin: 5px auto;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
}

.grid_stars {
    text-align: center;
    margin: 0 auto;
}

.grid_stars img{
    margin: 0 auto;
}


.home_left { width: 100%; float: none; display: block; padding: 2px; }

.grid_region, .grid_city {
    font-size: 14px;
    display: inline-block;
    font-weight: normal;
    text-transform: uppercase;

}



.home_right { width: 90%; float: none; display: block; margin: 10px auto;}


.extra_info, .basic_info {float: none; width: 100%; display: block;}

.container { margin: 0px;}

input[type="text"], input[type="password"], textarea { width: 100%;}

.settings span { display: block; margin: 0px 0px}
}