/* Critical CSS — above-the-fold only. Full styles loaded async via style.css */

/* ── Reset ─────────────────────────────────────────────────────── */
body{line-height:normal;font-family:'Open Sans',sans-serif;color:#0f2406;margin:0;padding:0;background:url(../img/pat.jpg) repeat}
html,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,a,dl,dt,dd,ol,ul,li,fieldset,input,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:top;background:transparent;font-family:'Open Sans',sans-serif}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul,ul,li{list-style:none}
a{text-decoration:none;color:#ff700c;transition:color .3s linear}
a:hover{outline:none;color:#37731c}
input,select{vertical-align:middle;font-size:13px}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
input[type="submit"]{outline:none}
img{border:none}
.clear{display:block;clear:both;margin:0;padding:0}
.clearfix:after,.container:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
.clearfix{zoom:1}

/* ── Layout ─────────────────────────────────────────────────────── */
#wrapper{width:100%}
.container{width:95%!important;max-width:1143px;margin:0 auto;padding-left:0!important;padding-right:0!important}

/* ── Header ─────────────────────────────────────────────────────── */
#header_wrapper{background:url(../img/header_bg.jpg) no-repeat center top;position:relative}
#header_wrapper:before{background:url(../img/header_b.png) no-repeat top left;width:279px;height:118px;top:0;left:0;content:"";position:absolute}
#header_wrapper:after{background:url(../img/header_a.png) no-repeat top right;width:279px;height:118px;top:0;right:0;content:"";position:absolute}
#header_wrapper .container{margin:0 auto;max-width:1172px}
.header{padding:40px 0 34px}
.header .logo{position:relative}
.header .logo a{position:absolute;left:29px;top:-6px;z-index:9999;display:block}
.htop{background:url(../img/hbg.png) no-repeat center top;background-size:100% 100%;position:relative;z-index:99999}
.logo-top{float:right}
.logo_left{float:right;padding:10px 0 0}
.main_nav{padding:0 0 10px;float:right;clear:right}
nav.main_nav{background:none}
.hbut{float:right}
.hform{float:right;padding-top:7px;clear:right}
.hform button{font-size:14px;text-transform:uppercase;border:none;color:#fff;font-weight:bold;cursor:pointer}
.hform a:first-child button{background:url(../img/reg.png) no-repeat left top;padding:8px 35px 10px 33px}
.hform a:last-child button{background:url(../img/sinin.png) no-repeat left top;padding:7px 39px 10px 49px}
.htext{position:absolute;left:106%;float:left;bottom:32px;padding-top:20px}
.ccart{float:right;padding:3px 15px 6px;color:#0f2406}
.ccart span.crt{padding:0;font-size:13px;color:#3f7a25}
.ccart:last-child span.crt{padding-top:2px;display:block}
.ccart.searchid{border:1px solid #8fb47e;font-size:13px;font-weight:400;margin-left:12px;max-width:122px;width:100%;padding:0;position:relative}
.ccart.searchid input.form-control{padding:3px 0 4px 23px;font-size:13px;color:#999;border:none;outline:none;box-shadow:none;box-sizing:border-box;width:100%;line-height:18px;font-weight:400!important}
.ccart.searchid img{float:left;margin-right:7px;margin-left:3px}
.caret{margin-top:-3px}

/* ── Banner ─────────────────────────────────────────────────────── */
.banner{text-align:center;position:relative;z-index:99}
.banner img{width:100%;display:block}
.rslides_container .container{margin-left:auto;margin-right:auto;padding-left:15px}

/* ── Registration form (b_form) ─────────────────────────────────── */
.b_form{background:#fff;max-width:640px;width:100%;border-radius:16px;box-shadow:0 8px 40px rgba(0,0,0,.18);min-height:auto;position:absolute;top:107px;left:16%;box-sizing:border-box;z-index:9999;padding-top:32px;text-align:left;outline:none}
.b_form_inner{padding:0 32px 20px}
.b_form h4{font-size:20px;font-weight:800;color:#1d3612;text-transform:uppercase;text-align:center;padding-bottom:4px;letter-spacing:.5px}
.b_form h5{text-align:center;font-weight:600;color:#444;font-size:14px;padding-bottom:22px}
.b_form h5 strong{color:#1d3612}
.banner .b_form img{width:inherit;display:inline-block}
.b_form_inner ul li{width:48%;float:left;padding-bottom:12px;min-height:48px;font-size:13px;font-weight:400;color:#222}
.b_form_inner ul li input{background:#f7f9f7;color:#1a2e10;font-size:13px;font-weight:400;padding:7px 10px;box-sizing:border-box;width:55%;border:1.5px solid #c8d8c0;border-radius:6px;outline:none;transition:border-color .2s}
.b_form_inner ul li input:focus{border-color:#437e29;background:#fff}
.b_form_inner ul li input[type="radio"]{width:auto;border:none;background:none}
.b_form_inner ul li select{background:#f7f9f7;color:#1a2e10;font-size:13px;font-weight:400;padding:7px 10px;box-sizing:border-box;width:55%;border:1.5px solid #c8d8c0;border-radius:6px;outline:none;transition:border-color .2s}
.b_form_inner ul li select:focus{border-color:#437e29;background:#fff}
.b_form_inner ul li select#day{width:15%;display:inline-block;padding-left:4px;padding-right:2px}
.b_form_inner ul li select#month{width:15%;display:inline-block;padding-left:4px;padding-right:2px}
.b_form_inner ul li select#year{width:22%;display:inline-block;padding-left:4px;padding-right:2px}
.b_form_inner ul li select#mob1{width:18%;display:inline-block;padding-left:4px;padding-right:2px}
.b_form_inner ul li input#mob2{width:34%;display:inline-block}
.g_mg{margin-left:10px}
.b_form_inner ul li label{float:left;width:45%;color:#333;font-weight:700;font-size:13px;padding:7px 0 0}
.b_form_inner ul li label[for="gender_groom"],.b_form_inner ul li label[for="gender_bride"]{float:none;width:auto;display:inline-block;padding:7px 10px 0 0}
.b_form_inner ul li:nth-child(even){float:right}
.tc{background:#f0f5ee;border-top:1px solid #d4e4cc;padding:20px 32px;border-radius:0 0 16px 16px}
.chk{width:50%;float:left;text-align:left}
.chk label{font-size:13px;font-weight:600;color:#333}
.chk label a{color:#437e29;text-decoration:underline}
.chk label a:hover{color:#1d3612}
.chk input[type="checkbox"]{width:20px;height:20px;min-width:20px;min-height:20px;margin:0 8px 0 0;accent-color:#437e29;vertical-align:middle;cursor:pointer}
.tc .submit{background:#437e29;border:none;border-bottom:3px solid #1d3612;font-size:15px;font-weight:700;text-transform:uppercase;color:#fff;padding:10px 28px;cursor:pointer;float:right;border-radius:8px;letter-spacing:.5px;transition:background .2s}
.tc .submit:hover{background:#1d3612;color:#fff}
.privacy_p{padding-left:25px;display:inline-block;padding-top:4px;padding-bottom:4px}
.radio_2 input[type="radio"],.radio_1 input[type="radio"]{width:auto;border:none;background:none}

/* ── Responsive ─────────────────────────────────────────────────── */
@media only screen and (max-width:1800px){
  .b_form{top:50px;left:5%}
}
@media only screen and (max-width:1750px){
  #header_wrapper:before{background-size:auto 90px;height:90px}
  #header_wrapper:after{background-size:auto 90px;height:90px}
}
@media only screen and (max-width:1600px){
  #header_wrapper:before{background-size:auto 60px;height:60px;width:154px}
  #header_wrapper:after{background-size:auto 60px;height:60px;width:154px}
  #header_wrapper .container{max-width:1050px}
}
@media only screen and (max-width:1500px){
  .b_form{padding-top:20px;min-height:inherit}
  .tc{padding:20px 40px}
}
@media only screen and (max-width:1350px){
  #header_wrapper:before,#header_wrapper:after{display:none}
}
@media only screen and (max-width:1306px){
  .b_form{position:inherit;left:inherit;top:inherit;margin:7px auto;float:left;max-width:100%}
  .privacy_p{padding-left:0}
}
@media only screen and (max-width:1200px){
  .logo{max-width:270px;width:auto}
  .logo_left{max-width:750px}
}
@media only screen and (max-width:990px){
  .b_form_inner ul li{width:100%}
  .b_form_inner ul li:nth-child(even){float:left}
  .tc{padding:20px}
  .chk{width:70%}
  .tc .submit{float:left;margin-top:10px}
}
@media only screen and (max-width:767px){
  .htop .container{text-align:center}
  .logo-top,.logo_left,.hform{float:none;display:block;clear:both}
  .hform{padding-top:5px}
  .b_form{margin:7px auto;max-width:100%}
  .b_form_inner{padding:0 20px 10px}
  .tc{padding:20px}
  .chk{width:90%}
}
@media only screen and (max-width:480px){
  .b_form_inner ul li{width:100%}
  .b_form_inner ul li:nth-child(even){float:left}
  .chk{width:99%}
}