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}
.nav_top{position: absolute; top: 6%; z-index: 10; width: 100%; }
.logo_cont{background: #fff; text-align: center; padding-top: 3px; padding-bottom: 3px;}
.nav_cont{background: #817b7c; padding-bottom: 8px; padding-top:8px }
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 0px;
border: 1px solid transparent;
}
.accordion {
position: relative;
display: block;
background-color: white;
border: solid 1px #e0e0e0;
text-align: center;
font-family: Raleway, sans-serif;
}
.accordion-item {
display: block;
}
.accordion .accordion-content {
display: block;
padding: 0;
height: 0;
overflow: hidden;
transition: height 0.5s ease, padding 0.3s linear;
}
.accordion .accordion-content p {
padding: 20px;
margin: 0;
}
.accordion .accordion-content:target {
height: 250px;
}
.accordion .accordion-trigger {
text-decoration: none;
}
.accordion .accordion-title {
position: relative;
display: block;
margin: 0;
padding: 10px;
font-size: 1em;
background: white;
color: black;
border: solid 1px #CCCCCC ;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset,
0 -1px 0 rgba(255, 255, 255, 0.3) inset, 0 4px 0 black,
0 4px 2px black;
}
.accordion .accordion-title:hover {
background-color: grey;
}
.accordion .accordion-title::after {
position: absolute;
content: "";
right: 20px;
top: calc(50% - 5px);
width: 7px;
height: 7px;
border-left: solid 2px black;
border-bottom: solid 2px black;
transform: rotate(-45deg);
}
.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;
}
.error_msg {
color: red;
display: none;
font-size: 12px;
}
.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;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 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: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #fff;
white-space: nowrap;
}
.log_cont{background: #817b7c; padding-bottom: 2.05em; padding-top:27px; font-size: 12px; text-transform: uppercase }
.log_cont a{color: #fff}
.log_cont span{padding-left: 3px; color: #fff}
.reg{background: #1775ac; padding-bottom: 1.5em; padding-top:27px; 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: #ee2d59; color:#fff; font-size: 20px; cursor: pointer}
.perf{background: #ee2d59; 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: #ee2d59; 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;
}
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;
}
.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;
}
@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: 12em; }
.acct ul{margin: 0px; padding: 0px; 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 ; padding-bottom: 0.5em; font-size: 18px;}
.upload_photos{margin-top: 2.0em;}
.add_details{margin-top: 2.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; }
@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}
}