body{background:#831a3c url(../../images/bg.png) no-repeat left top;
	width:100%; height:100%;  /*max-width:1349px; */margin:0 auto; font-family: 'Roboto', sans-serif; font-weight:300;}
.float_left{float:left;}
.float_right{float:right;}
.clear_both{clear:both;}
.no_margin{margin:0px;}
.no_padding{padding:0px;}
.main_wrapper{width:100%; /* max-width:1349px;*/ margin:0 auto;} 
.header{box-shadow:0 8px 8px -8px #d0d0d0; background:#fff; padding:10px;}
.logo{width:176px; height:70px; background:url(https://www.lovevivah.com/assets/images/logo.png) no-repeat left top; margin-left:30px; float:left;}
.txt{font-size:14px; color:gray; margin-left:150px; margin-top:40px; float:left}
.photo{width:100%; height:289px; position:relative}
.photo img{margin-left: 17%;}
   
.white_stripe{width:100%; background:rgba(255,255,255,0.5); position:absolute; top:161px; padding: 10px 20px 0px 196px; }
.white_stripe  h1{font-family:'Tangerine', cursive;  color:#fff; font-size:44px; text-shadow: 0px 1px #000; font-weight:bold;margin:0px; padding:0px; }
.circle{width:184px; height:184px; position:absolute; right:60px; bottom:10px;}
.why_content{background:rgba(0,0,0,0.5); padding:5px 10px; color:#fff;}
.why_content .left_content{float:left; line-height:24px; font-family: 'Roboto', sans-serif;	font-weight:300;}
.why_content .left_content h2{padding:10px; font-size:20px; margin:0px;}
.why_content .left_content ul{padding-left:20px;}
.why_content .left_content i{font-weight:15px;}
.why_content .divider{width:2px; height:204px; float:left; background:none; padding-top:20px; margin-right:20px;}
.why_content .right_content{float:left; line-height:33px; font-family: 'Roboto', sans-serif;	font-weight:300;}
.why_content .right_content h2{padding:10px; font-size:20px; margin:0px;}
.why_content .right_content span{text-align:center; padding-left:150px;}
.why_content .right_content ul{padding-left:20px;}
.why_content .right_content i{font-weight:15px;}
label{margin-right:10px;}
.display_none{display:none;}
.display_block{display:block!important;}
.form_col_width{ width:33%;}
.form_wrapper{padding:10px; background:#831a3c; position:absolute; top:-75px; width:100%; padding-bottom:0px;}
.form_wrapper .checkbox-inline, .radio-inline{width:22%;}
.form{padding:15px 18px; background:#fff; box-shadow:2px -1px 2px rgba(0,0,0,0.5);}
.form h2{padding:0px; font-size:20px; color:#831a3c; margin:0px; font-family: 'Roboto', sans-serif;	font-weight:300; margin-bottom:15px;}
.form h3{padding:0px; font-size:17px; color:#000; margin:0px; font-family: 'Roboto', sans-serif;	font-weight:300; margin-bottom:15px;} 
.btn-group>.btn:first-child { margin-left: 0;border: #ccc solid 1px; padding: 7px;}
.bootstrap-select.btn-group .dropdown-toggle .caret{top: 29%;right: 5px;}
.input-group .form-control{border-radius:0px; box-shadow:none; background:none;}
.input-group{margin-bottom:20px; width:100%; position:relative;}
.input-group:before {position: absolute;content: attr(data-val);left: 20px;top: 11px;font-size: 14px;color: #555;line-height: 14px;transition: all 0.2s linear;}
.mobile:before {position: absolute;content: attr(data-val);left: 130px;top: 11px;font-size: 14px;color: #555;line-height: 14px;transition: all 0.2s linear;}
.mobile .btn{width:115px;}
.mobile .form-control{ width:86%; float:right}
.input-group.clicked:before {background: #ddd;padding: 1px 4px;color: #888;border-radius: 12px;font-size: 10px;top: -9px;z-index:100;}
.input-group .title{float:left; margin-right:15px; font-weight:bold;}
.input-group .gender-holder{margin-left:0px;}
.show-password{margin-top:15px;}
.checkbox label{margin-bottom:0px; font-family: 'Roboto', sans-serif; font-weight:400;}
.button-holder{padding:10px 0px 40px 0px;}
.span-dob{font-size:12px!important;}
/*.area-code-dropdown {min-width: 72px;background-color: white;padding: 0px;border:0px;}*/
.bottom_content{background:#fff; padding:20px;text-align:justify; min-height: 200px;}
.logo_panel{text-align:center;}
.footer{background:#000; color:#fff; padding:5px; text-align:center; padding:10px;}
.txt_small{display:none;}
.txt_big{display:block;}
.req{position:absolute; left:0px; font-size:12px; top:18px;}
.yellow{font-family: 'Roboto', sans-serif; font-weight:400;}
.button-holder{position:relative;}
.border-right-1 {border-right: 1px solid #ccc !important;}
.bootstrap-select.form-control.date, .bootstrap-select.form-control.year{width:30%;}
.bootstrap-select.form-control.month{width:38%} 
.input-group-dob{position: relative;display: table;border-collapse: separate; width:86%;}
.span-dob{float: right;color: #afafaf;font-size: 14px;padding: 0px 0px 10px 0px;}
 .dob-margin-error-campain{margin-bottom: 26px!important;} 
 
.bs-searchbox input{width: 100%;margin-bottom: 4px;}
 
 
/*.error-message{position:relative;}*/

@media screen and (max-width: 991px) and (min-width: 300px){
.error-message-server{ left: 0px; }
.req{ left: 0px; font-size: 10px;}
.form_col_width{width:100%}
.form_wrapper{position:relative; top:0px; width:100%}
.txt{float:right; font-size:12px;}
.why_content{display:none;}
.input-group-addon{min-width:145px;}
}
@media screen and (min-width: 100px) and (max-width: 768px)  {
.error-message-server{ left: 0px; }
.req{ left: 0px; font-size: 10px;}
.logo{margin:0 auto; float:none;}
.txt{float:none; margin-left:0px; margin-top:10px; text-align:Center}
.txt_small{display:block}
.txt_small .white_stripe{position: relative;  top: 0px; background: #fff; font-size: 22px; padding: 10px 20px;} 

.txt_small .circle{position:relative; bottom:0px; right:0px; margin:0 auto; margin-top:20px; }
.txt_big{display:none;}
.photo{display:none;}
.photo img{margin-left: 0px!important;max-width:100%}
.dob-margin-error-campain{margin-bottom: 45px!important;} 
.form_wrapper .checkbox-inline, .radio-inline{display:inline-block; width:30%;}
.mobile .form-control{width:59.50%!important;} 
.form_wrapper .input-group-addon{display:inline-block!important}
.input-group-addon{min-width:123px; width:Auto; border-right:0px!important;}
#hidden{/*display:none; */ padding-bottom:30px;}
.comp-reg-error{left:0px !important;bottom:-5px!important;}
#profileforerror{left:0px !important;bottom:-5px!important;}
.form{15px 11px}
}
@media screen and (min-width: 100px) and (max-width: 320px)  {
 .mobile .form-control {
  width: 52.5%!important;
 }
}