
<style>
    @import url('https://fonts.googleapis.com/css?family=Raleway');
    @import url('https://fonts.googleapis.com/css?family=Lato');
</style>

body{font-family: 'Raleway', sans-serif; }
.padd_none{padding-left: 0px; padding-right: 0px;}
.bor_red{border: 1px solid red;}
a:hover{text-decoration: none}
h1{font-weight: 100;}
p{font-weight: 100;}
.marg_one{margin-top: 1.0em}

   
.img-icon {
    position: absolute;
    top: 90%;
    left: 70%;
    font-size: 25px;
    cursor: pointer;
	color:white;
}

.clear_design {
  all: none;
  color:none;
  border:none;
  
}

.nav_top{position: absolute; top: 6%; z-index: 10; width: 100%; z-index: 2 }
.logo_cont{background: #e7e5e5; text-align: center; padding-top: 0.4em; padding-bottom: 0.4em;}
.nav_cont{background: #817b7c; padding-bottom: 0.4em; padding-top:0.4em }
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}

.navbar-inverse {
    background-color: #817b7c; 
    border-color: #817b7c;
}

.navbar-inverse .navbar-nav>li>a {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #817b7c;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #817b7c;
}


.log_cont{background: #817b7c; padding-bottom: 1.5em; padding-top:1.58em; font-size: 14px; text-transform: uppercase }
.log_cont a{color: #fff}
.log_cont span{padding-left: 5px; color: #fff}

.reg{background: #1775ac; padding-bottom: 1.5em; padding-top:1.58em; text-align: center;}
.reg a{color: #fff; font-size: 14px; text-transform: uppercase;}

.carousel-caption {
    position: absolute;
    right: 10%;
    bottom: 50px;
    left: 10%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.carousel-caption h1{color: #fff; font-weight: 100}

.navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
    width: 100%;
}

.navbar-form .input-group>.form-control {
    width: 100%;
    height: 60px;
    font-size: 18px;
    
}

.text_search{background-color: rgba(255,255,255, 0.8); color: #898a8b}
.text_button{background-color: rgba(224,61,216, 0.9); color:#fff; font-size: 20px; cursor: pointer}
.perf{background: #df0f53; padding-top: 1.0em; padding-bottom: 1.0em; font-family: 'Lato', sans-serif;}
.perf h1{font-size:30px; font-weight: 100; color: #fff;  }
.reg_vide{margin-top: 2.0em}
.reg_input{display: block; float: right}
.reg_input p{background: #fff; padding: 0.8em 1em; color: #8f8f8f;}
.reg_text{display: none}
.show_all{position: absolute; right: 30px; top: 15px;}
.reg_text ul{margin: 0px; padding: 0px; margin-top: 3.0em; padding-left: 2.0em}
.reg_text ul li{color: #fff; font-size: 18px;}
.reg_bttn{margin-top: 2.0em; margin-left: 1.0em}
.reg_bttn a{background: #5b595a; color: #fff; font-size: 30px; padding: 0.2em 1.0em }

.upgrade_cont{background: #e5e5e5; padding-top:2.0em; padding-bottom: 2.0em;  }
.upgrade_cont h1{font-size: 30px; color: #555454; text-align: left; font-weight: bold;}
.add_cust{font-size: 60px; padding-top: 0.4em}

.view_cont{ text-align: left}
.view_cont h1{font-size: 22px; color: #373737; font-weight: bold }
.view_cont p{font-size: 18px; color: #818081;}

.brows_plan a{width: auto; padding:0.5em 1.0em; background: #df0f53; color: #fff; font-size: 30px; 
    text-transform: capitalize; position: relative; left: 32%; top: 1.0em; font-weight: bold}
.to_know{text-align: center; font-size: 18px; color: #818081; padding-top: 3.0em; font-weight: bold}
.jeevansathi{padding-top: 2.0em; padding-bottom: 2.0em;}
.jeevansathi h1{font-size: 30px; color: #555353; text-align: center;}

.jev_gal{margin-top: 2em}
.gal h1{font-size: 18px; color: #555353; text-align: center}


.google{background: #e5e5e5; padding-top: 4.0em; padding-bottom: 3.0em;}

.ggle_txt{margin-top: 4.0em;}
.ggle_text h1{font-size: 30px; font-size: 18px; color: #555353; text-align: left}
.google_text{padding-top: 1.0em}
.google_text a{color: #f30770}
.brows{}
.brows h1{text-align: center}
.brows ul{margin: 0px; padding: 0px; margin-top: 2.0em}
.brows ul li{display: inline-block; }
.brows ul li a{font-size: 22px; color: #7c7a7b; padding: 0 0.6em;}

.nrl{margin-top:1.0em; padding: 0px;}
.nrl ul{margin: 0px; padding: 0px;}
.nrl ul li{display: inline-block; background: url(../images/list_img.png) no-repeat right center;}
.nrl ul li a{font-size: 16px; color: #a3a2a2; padding-left: 0.7em; padding-right: 0.7em}
.nrl ul li a:last-child{background: none;}

.jeev{background: #e5e5e5; padding:4.0em 0; border-bottom: 120px solid #df0f53 }
.jeev p{color: #a5a5a5; font-size: 16px;}
.brows_cnt{padding-top:2.0em; padding-bottom: 2.0em}
.brows_cnt h1{text-align: center}
.footer{background: #474747; padding:4.0em 0}

.foot_menu{margin: 0px; padding: 0px;}
.foot_menu ul{margin: 0px; padding: 0px; border-right: 1px solid #fff; padding-left: 2.0em; height: 200px; 
    box-sizing: border-box}
.foot_menu ul li{list-style: none; list-style-position: inside}
.foot_menu ul li a{font-size: 18px; color: #fff; padding-bottom: 0.6em; position: relative; display: block}
.foot_text{height: 50px;}
.foot_textarea{margin-top: 1.0em;}

.copyright{background: #e1e4e7; padding:0.5em 0em; font-size: 14px; color: #373737; text-align: center}
.modal_background{background: #e7e7e6; padding: 2.0em; box-sizing: border-box; border-radius: 0px;}

.modal_input{background: none; border: 1px solid #bdbdbd; height: 50px; padding: 0.5em 1em; box-sizing: border-box; border-radius: 0px; background: #fff; color: #8f8f8f;}
.forget_txt{padding-top: 0.8em; text-align: right}
.button_modal{width: 100%; position: relative; display: inline; cursor: pointer; padding:1.0em 0.5em; text-align: center; font-size: 18px; text-transform: uppercase; color: #fff; box-sizing: border-box; border-radius: 0px; }

.button_blue{background: #34495e; }

.not_mem{text-align: center; font-size: 18px; color: #34495e;}
.button_pink{background: #df0f53}
.hr_color{color: #414141; background: #bdbdbd}
.modal_heading{color: #34495e; font-size: 18px;}
.middle_reg{padding-top: 2.0em; background: #f5f5f5}
.middle_reg h1{font-weight: 30px; color: #34495e; font-weight: 100; text-align: center;}
.reg_text{font-size: 18px; color: #34495e; text-align: right; padding-top: 0.5em}
.reg_cont{margin-bottom: 2.0em}
.self_text{background: none; text-align: center; font-size: 16px; padding-top: 0.7em; padding-bottom: 0.7em; box-sizing: border-box; 
    border: 1px solid #bdbdbd; color: #df0f53 }
.creat_others{display: none}
.icon_size{font-size: 10px; padding-left: 0.2em}

.reg_wcont{margin-bottom: 0em;}
.why_reg h1{font-size: 22px; color: #505764; }
.reg_wcont{margin-top: 1.0em;}
.reg_wcont p{text-align: center; font-size: 16px; color: #a0a1a1; }
.sect{padding-top: 0.2em; padding-bottom: 0.2em; border: 1px solid red}

textarea.form-control {
    height: 120px; padding: 0.8em 1em; box-sizing: border-box;
}


.sticky {
  position: fixed;
  top: 0;
  width: 100%;
    
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}

.sticky2 {
  position: fixed;
  top: 0;
  width: 100%;
    
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky2 + .content {
  padding-top: 60px;
}


select.selectpicker {
      display: block;
      margin: 0 auto;
      padding-left: 20px;
        
    
}
.btn-new {
      background-color: #2A3F54;
}

.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}
input {
  border: 1px solid transparent;
  background-color: #f1f1f1;
  padding: 10px;
  font-size: 16px;
}
input[type=text] {
  background-color: #f1f1f1;
  width: 100%;
}
input[type=submit] {
  background-color: DodgerBlue;
  color: #fff;
  cursor: pointer;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 2%;
  right: 0;
  width: 96%;
}


.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  /*border-bottom: 1px solid #d4d4d4; */
    font-size: 16px; color: #8f8f8f;
    
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9; 
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}


/* Style the tab */

.dropdown-menu .drop {
    
    
    height:290px;
    
}

.blok{}
.nav-pills>li>a {
    border-radius: 0px;
}

/* Style the buttons inside the tab */
.dro_left{text-align: left; color: #ffc2e3; padding-top: 1.0em; padding-bottom: 1.0em; padding-left: 1em; box-sizing: border-box; cursor: pointer}
.dro_left:hover{background: #ee0081; color: #fff;}
/* Style the tab */

.dro_right{}
.dro_right ul{margin: 0px; padding: 0px; width: 100%; position: relative; display: block; padding:1.0em; box-sizing: border-box; padding-top: 1.0em;}
.dro_right ul li{width: 22%; margin-right: 2%; list-style: none; display: inline-block; position: relative; padding-bottom: 0.8em}
.dro_right ul li a{color: #414141; text-align: left; font-size: 14px; text-decoration: none; }


.hidden_options_row{display: none}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    height: 300px;
    overflow-y: scroll;
}

.dropdown-menu {

    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100000;
    display: none;
    float: left;
    min-width: 600px;
    padding: 0px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #817b7c;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    height: 300px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #f40084;
}


.nav-pills>li a{color: #ffd8ed; font-family: 'Raleway', sans-serif; text-transform: uppercase}


.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

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

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

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #b30000; 
}

.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding:10px 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    text-transform: uppercase;
}

.active, .accordion:hover {
    background-color: #ccc;
}

.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.accordion.active:after {
    content: "\2212";
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border:1px solid #e0e0e0;
    margin-bottom: 5px;
}

#slider {
  width: 90%;
  margin: 1em;
}

.acc_cont{padding-top: 1.0em; padding-bottom: 1.0em; color: #979797; font-weight: 300}


label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
}


.ad_sr{margin-bottom: 1.0em;}
.ad_sr_text{font-size: 16px; color: #888888; text-align: right; line-height: 30px;}
.adv{margin-top: 2.0em; margin-bottom: 2.0em;}


.accordion2 {
    background-color: #fff;
    color: #444;
    cursor: pointer;
    padding:20px 18px;
    width: 100%;
    border: none;
    text-align: center;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    text-transform: uppercase;
}

.active, .accordion2:hover {
    background-color: #fff;
    color: #d70060;
}

.accordion2:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    
}

.accordion2.active:after {
    content: "\2212";
    color: #d70060;
}


span.multiselect-native-select {
	position: relative
}
span.multiselect-native-select select {
	border: 0!important;
	clip: rect(0 0 0 0)!important;
	height: 1px!important;
	margin: -1px -1px -1px -3px!important;
	overflow: hidden!important;
	padding: 0!important;
	position: absolute!important;
	width: 1px!important;
	left: 50%;
	top: 30px
}
.multiselect-container {
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0
}
.multiselect-container .input-group {
	margin: 5px
}
.multiselect-container>li {
	padding: 0
}
.multiselect-container>li>a.multiselect-all label {
	font-weight: 700
}
.multiselect-container>li.multiselect-group label {
	margin: 0;
	padding: 3px 20px 3px 20px;
	height: 100%;
	font-weight: 700
}
.multiselect-container>li.multiselect-group-clickable label {
	cursor: pointer
}
.multiselect-container>li>a {
	padding: 0
}
.multiselect-container>li>a>label {
	margin: 0;
	height: 100%;
	cursor: pointer;
	font-weight: 400;
	padding: 3px 0 3px 30px
}
.multiselect-container>li>a>label.radio, .multiselect-container>li>a>label.checkbox {
	margin: 0
}
.multiselect-container>li>a>label>input[type=checkbox] {
	margin-bottom: 5px
}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}
.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
	padding: 3px 20px 3px 40px
}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
	margin-left: -20px;
	margin-right: 0
}


.adv_content{margin-bottom: 2.0em}

/*19-07-2018*/
.hap_cont{padding-bottom: 2.0em;}
.hap_content{margin-bottom:2em;}

/*19-07-2018*/


@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}


.mob_menu{display: none; background-color: rgba(255,255,255, 0); }
.acct{position: absolute; z-index: 1; top: 10em; }
.acct ul{margin: 0px; padding: 0px; border-bottom: 1px solid #fff; padding-bottom: 0.5em }
.acct ul li{display: inline; }
.acct ul li a{display: inline; padding-left: 4.0em; padding-right: 4.0em; text-align: center; color: #fff; border-bottom: 3px solid #fff; padding-bottom: 0.5em; font-size: 18px;}

.upload_photos{margin-top: 2.0em;}
.add_details{margin-top: 1.0em; }
.add_details2{margin-top: 3.0em; }
.font_up{font-size: 30px;}


.crit{background: #fff; padding-top: 1.0em; padding-bottom: 1.0em}
.criti_field{margin-bottom: 1.0em;}
.age{font-size: 18px; color: #aeaeae}
.age_nu{font-size: 14px; color: #5f5f5f}

.crit_left{background: #efefef; padding-left: 1.0em; padding-right: 1.0em }

.crit_cont{margin-bottom: 1.0em; /*background: #f8f8f8;*/ padding-top: 1.0em; padding-bottom: 1.0em; border-bottom: 1px solid #cecece;}
.container .div-row:last-child{}
.critt{border-bottom: 0px solid #cecece;}

.edit_con{font-size: 18px; color: #0080d0}
.con_fa{margin-bottom: 1.0em}
.crit h4,h5{color: #3c3c3c}

.horo a {
    padding: 0.5em 0.5em;
    background: #df0f53;
    color: #fff;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: bold;
    position: relative; display: block; margin-bottom: 1.0em;
    text-align: center;
}

.middle_prof{
    padding-top: 2.2em;
    background: #f5f5f5;
    padding-bottom: 2.3em;
}

.cont_det{background: #f8f8f8; padding-top: 1.0em; }
.m_ver h1{font-size: 24px; color: #085992; text-align: left; margin: 0px; padding: 0px}
.m_ver h1 span{font-size: 18px; color: #979797; text-transform: uppercase;}
.sent_req{font-size: 18px; margin-bottom: 0.5em}
.sent_req i {padding-right: 0.5em;}


.tab_modified{border: 1px solid #ccc; border-top: 0px solid #ccc; padding: 1.0em; box-sizing: border-box; float: left; display: block; width: 100%}
.nav-tabs>li>a {
    border-color: #eee #eee #ddd;
}

.des_cont h1{font-size: 16px; color: #717171; }
.des_cont p{font-size: 14px; color: #ababab; }

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    
}


.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    background: #f8f8f8;
}

.my_matches{margin-top: 2.0em;}
.mat_cont{background: #f3f3f3; padding: 1.0em; }
.mat_cev{color: #c8023f; text-align:center; font-size: 30px}
.mat_cont2{background: }


    @media only screen and (max-width: 600px) {
        .brows_plan a{left: 8%; font-size: 20px;}
        .top_nav{display: none}
        .mob_menu{display: block; position: absolute; z-index: 10; left: 20px; color: #fff  }
        .carousel-caption {
            position: absolute;
            right: 10%;
            bottom: 0px;
            left: 10%;
            z-index: 10;
            padding-top: 20px;
            padding-bottom: 20px;
            color: #fff;
            text-align: center;
            text-shadow: 0 1px 2px rgba(0,0,0,.6);
        }

        .carousel-caption h1{display: none}
        .acct{top: 5em;}
        .acct ul{border: none}
        .acct ul li a{padding:0 0.1em; font-size: 11px; border: none}
    }