html, body{height:100%; }
.has-error .form-control{    border: 2px solid #a94442 !important;}
body{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:333; padding:0px; margin:0px;  }
.bodybg{background:url(../images/body-bg.jpg) no-repeat;background-attachment:fixed;background-size:cover;background-position: center}
*{margin: 0;padding: 0; box-sizing:border-box}
.header{background:rgba(255, 255, 255, 0.89); width:100%; padding:10px 0px; box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2)}
.container{margin:auto;width:1280; padding:0px 70px; }
.contact-number{
    float:right;
    margin-top:15px;
    display: inline-flex;
    }
.first-title{/*font-family:"Berlin Email SemiBold"*/text-align:left;color:#7e7e7e;font-size: 17px;padding-bottom:8px;font-weight: 800;text-transform: uppercase;letter-spacing: 1px;margin-top: 5px;}
.second-title{text-align:left;color:#017bce;font-size: 17px;padding-bottom:15px;}
.secondtitle-nnner{font-size:22px; }
.title-sep{background:url(../images/line.png) no-repeat left bottom; width:100%; height:1px; }  
.newlabel{padding: 5px 0px 5px 0px;width:100%;display:table;color:#494949;font-size:13px;text-transform:uppercase;letter-spacing: 1px;} 
.yesno .yesnofilde{margin-right:5px; }
.clearfixed{width:100%; clear:both; }
.people-need{width:100%;float:left;margin-bottom: 20px;}
.people-need li{display:inline-block;float:left;margin-right:6px;}
.people-need li a{background:#949494;color:#fff;padding: 7px 48px;text-decoration:none;border-radius:3px;float:left;}
.people-need li a.active{background:#7eb94b!important; }
.trams{width:100%;clear:both;padding:5px 0px 0px 0px;font-size: 13px;}
.people-need li a.silver-bg{background:#949494;padding: 7px 52px;}
.people-need li a.gold-bg{background:#949494;padding: 7px 55px;}

/*form styles*/
.plan{width:100%;float:left;margin-bottom: 10px;}
.plan li{display:inline-block;float:left;margin-right:6px;}
.plan li a{background:#949494;color:#fff;padding: 7px 48px;text-decoration:none;border-radius:3px;float:left;}
.plan li a.active{background:#7eb94b!important; }
.plan li a.silver-bg{background:#949494;padding: 7px 52px;}
.plan li a.gold-bg{background:#949494;padding: 7px 55px;}
.stepform a{color:#017bce; text-decoration: underline; } 

.stepform .stepbox {border: 0 none;border-radius: 3px;padding: 20px 30px;box-sizing: border-box;}
.form-inner{padding:0px 0px 0px 0px;}
.stepform .stepbox:not(:first-of-type){display: none;}
.textbox:-moz-ui-invalid:not(output){box-shadow:none; }
.action-button {background:#6ba638 url(../images/forword-arrow.png) no-repeat right center;font-weight:bold;color: white;border: 0 none;border-radius:2px;padding: 12px 50px 10px 20px;margin: 10px 5px 10px 0px;text-transform:uppercase;font-size:17px;transition-duration:0.2s;font-family:Arial, Helvetica, sans-serif;letter-spacing:1px;}
.action-button1 {background:#6ba638 url(../images/forword-arrow.png) no-repeat right center;font-weight:bold;color: white;border: 0 none;border-radius:2px;cursor: pointer;padding:12px 55px 10px 27px;margin: 10px 5px 10px 0px;text-transform:uppercase;font-size:17px;transition-duration:0.2s;font-family:Arial, Helvetica, sans-serif;letter-spacing:1px;height:50px;/* margin-top:-70px; *//* float: right !important; */}  
.action-button:hover{background-color:#5e992b; transition-duration:0.2s; }
.action-button1:hover{background-color:#5e992b; transition-duration:0.2s; }
.fs-title{font-size: 15px;text-transform: uppercase;color: #000;margin-bottom:20px;}
.subtitle{width:100%; text-align:center; padding:0px 0px 0px 0px; font-size:14px; color:#000; }
.row-section{margin:0px 0px 15px 0px;width:100%;border-radius:3px;}
.stepform .textbox {width: 100%;color:#000;height:42px;line-height:42px;padding-right:100px;border:1px solid #c6c6c6;background: rgb(252, 252, 254);padding:7px;border-radius:3px;font-size: 12px;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 7px;}
select.selectbox{
  margin: 0px;
  height40px;
  width:100%;
  font-size: 12px;
  color: #999;
  -webkit-appearance: none;
  background: rgba(255, 255, 255, 0.85) url(../images/dropdown-arrow.png) no-repeat right 14px;
  background-size: 17px 11px;
  border:1px solid #c6c6c6;
  padding:7px;
  border-radius:3px;
  height:42px;
  text-transform: uppercase;
  letter-spacing: 1px;
  } 
select.selectbox option{padding:3px 10px; }
.w280{/* width:280px!important; */}
input.previous{display: none;width:44px; height:44px; background:url(../images/back-arrow.png) no-repeat 0px 0px; font-size:0px; padding:0px; vertical-align:top; margin-top:11px; opacity:0.8; margin-top:-70px; margin-left:20px; }
input.previous:hover{opacity:1;background:url(../images/back-arrow.png) no-repeat 0px 0px; }
.estimat-label{color:#494949; font-size:25px; text-align:left; font-weight:bold; padding:5px 0px 10px 0px }
.range-value{color:#017bce;text-align:left;font-size: 16px;font-weight:bold;padding: 0px 0px 0px 0px;letter-spacing: 1px;}
.checkbox-section{float:left;width:100%;}  
.cc-selector input{margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
/*.cc-selector input#plus +.plus-box{background-image:url(../images/silver_silver_lite.png);}
.cc-selector input#complete +.complete-box{background-image:url(../images/gold_gray.png);}  
.cc-selector .plus-box{background-image:url(../images/silver_silver_lite.png);}
.cc-selector .complete-box{background-image:url(../images/gold_gray.png);}  

.cc-selector input#plus:checked +.plus-box{ background-image:url(../images/silver_silver.png);}
.cc-selector input#complete:checked +.complete-box{background-image:url(../images/gold_gold.png);}  */

.cc-selector input{height:0px; width:0px; opacity:0; overflow:hidden;  }
.drinkcard-cc{cursor:pointer;background-size:contain;background-repeat:no-repeat;display:inline-block;/* float:left; */height: 120px;width: 47%;}
.thankyou{font-size:37px; font-weight:bold; color:#6ba638; padding-bottom:10px; }
.opendate{font-size:26px; padding:30px 0px 25px 0px; color:#494949 }
.opentime{font-size:26px; padding:30px 0px 25px 0px; color:#494949 }
input.next{float:right;}


.whitbox{background:rgba(255, 255, 255, 0.7); border-radius:5px; width:555px; box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3 ); margin-top:25px; padding:20px 25px 80px 25px;}
.whitbox1{background:rgba(255, 255, 255, 0.7); border-radius:5px; width:344px; box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3 ); margin-top:25px; padding:20px 25px 80px 25px;}
.whitbox2{background:rgba(255, 255, 255, 0.7);border-radius:5px;width:483px;box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3 );margin-top:25px;padding: 20px 25px 22px 25px;display: inline-block;} 
.whitbox3{background:rgba(255, 255, 255, 0.7);border-radius:5px;width:528px;box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3 );margin-top:25px;padding:20px 25px 80px 25px;}       
.wizard .nav-tabs{
    display:none;
}
input.chb {
    display: none;
}
.current {
    background-color: #7eb94b !important;
}
.ui-state-default, .ui-widget-content .ui-state-default{
padding-left:0px;
}
label{font-weight:normal!important;margin-bottom: 0px !important;}
.contact-number>a,.contact-number>a:hover{
     font-size: 14px;
    color: white;
  text-decoration: none;
padding:10px;}
  .hasDatepicker{
  width: 100%;
}
.hasTimepicker{
  width: 100%;
}

.testsilver{ background-image:url(../images/silver_silver.png); }
.fadesilver{ background-image:url(../images/silver_silver_lite.png);}

.testgold{ background-image:url(../images/gold_gold.png); }
.fadegold{ background-image:url(../images/gold_gray.png); }

@media only screen and (max-width:1160px) {
.bodybg{ height:100%;} 
}
@media only screen and (max-width:1280px) {
.container{width:100%; padding-left:30px; padding-right:30px; }  
.stepform .stepbox{padding-left:0px; padding-right:0px; }
input.next{}
input.next1{margin-right:-80px; }
.footer{/* position:inherit !important; */}
.Copyright{font-size:11px !important;}
}
@media only screen and (max-width:900px) {
.stepform{width:100%; }
.stepform .stepbox{padding-bottom:30px;margin-left:4%;margin-right: 4%;}

}
@media only screen and (max-width:768px) {
.first-title{font-size:40px; } 
.second-title{font-size:20px; }
.drinkcard-cc{width: 38%;height: 150px;}
.container{padding-left:15px; padding-right:15px; }
.stepform{margin-top:20px; }
.people-need li a{padding:10px 15px }
.people-need li a.silver-bg, .people-need li a.gold-bg{padding:10px 30px}
.plan li a{padding:10px 15px }
.plan li a.silver-bg, .plan li a.gold-bg{padding:10px 30px}
.whitbox{width:100%;}
.whitbox1{width:100%;}
.whitbox2{width:100%;}
.whitbox3{width:100%;}
input.next{right:20px; margin-right:0px; }
input.next1{right:20px; margin-right:0px; }
input.firstbutton{margin-left:30px; }
.whitbox{padding-left:10px; padding-right:10px; }
.whitbox1{padding-left:10px; padding-right:10px; }
.whitbox2{padding-left:10px; padding-right:10px; }
.whitbox3{padding-left:10px; padding-right:10px; }
.hasDatepicker{
  width:48%;
}
.hasTimepicker{
  width:48%;
}
.footer{position:inherit !important;}
.Copyright{font-size:11px !important;float: none !important;    padding-bottom: 0px !important;}
.term{float: none!important;}
}
@media only screen and (max-width:600px) {
.first-title{font-size: 17px;}  
.second-title{font-size:17px; }
.logo img{width:200px; height:auto; }
.contact-number{font-size:18px;/* padding:1px 0 4px 37px; */margin-top:8px;padding: 0px;display: block;}
.num{font-size: 14px !important;}
.whitbox{width:100% }
.whitbox1{width:100% }
.whitbox2{width:100% }
.whitbox3{width:100% }

}

@media only screen and (max-width:400px) {
.logo{width:100%; text-align:center; float:left; padding:5px 0 12px } 
.contact-number{float:none; margin:auto; display:table;  }

}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1;
    border-top: 1px solid #6ba638 !important;
}
.silver{
  background:#7b8ea5 !important;
}
.gold{
  background:#e49b1e !important;
}
.ui-timepicker-table td{
width:8.2em !important;
}
.ui-timepicker-table td a{
width:100% !important;
}
.actionbtn {
background:#6ba638;font-weight:bold;border: 0 none;border-radius:2px;cursor: pointer;padding:8px 34px 10px 27px;margin: 10px 5px 10px 0px;text-transform:uppercase;font-size:17px;transition-duration:0.2s;font-family:Arial, Helvetica, sans-serif;letter-spacing:1px;height:50px;color:white !important;/* margin-top:-70px; *//* float: right !important; */
}
.actionbtn a:hover{
color:white;
}
#headerLogo{display: none !important;}

 .top input[type=radio], .top input[type=checkbox] {
    display:none;
  }

.top input[type=radio] + label, .top input[type=checkbox] + label {
    display:inline-block;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: white;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    padding: 7px 20px;
    background: #949494;
    border-radius: 3px;
    width: 100%;
  }

   .top input[type=radio]:checked + label, .top input[type=checkbox]:checked + label{
  
       color: white;
       padding: 7px 48px;
       background: #6ba638;
       color: #fff;
       padding: 7px 20px;
       text-decoration: none;
       border-radius: 3px;
  }

.has-error .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a94442 !important;
}
.has-error .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #a94442 !important;
}
.has-error .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #a94442 !important;
}
.has-error .form-control:-moz-placeholder { /* Firefox 18- */
  color: #a94442 !important;
}

.footer{position: fixed;
    background: rgba(252, 253, 253, 0.75);
    bottom: 0px;
    width: 100%;}

    .Copyright{
    font-size: 11px;
    color: #555;
    float: left;
    padding: 18px;
    letter-spacing: 1px;
    }

.term{text-align: right;
    float: right;}

    .term li a {
    font-size: 11px;
}

    .term ul{list-style-type: none;
    display: flex;margin-bottom: 0px;}

    .term ul li{    padding: 15px;}

   .footer a{color: black !important;text-decoration: none;}
   .footer a{color: black !important;text-decoration: none;}
   .plan label{    padding: 7px 48px !important;}

   .num{margin-top: 7px;color: #ffa200;font-size: 16px;font-weight: 900;margin-left: 10px;letter-spacing: 1px;}

   .thankyou .footer{position: fixed !important;}
   .planss{    display: block;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 1px;
    color: #428bca;}