/* demo page */
.text_center{text-align:center;}
#wdo_demo_title img{margin-top: 20px;max-width: 90px;}
#wdo_demo_title h1{ color: #444;font-size: 40px; margin-bottom: 10px;margin-top: 20px;}
#wdo_demo_title .text_subtitle{color: #bbbbc9;font-size: 23.7px; margin-bottom: 20px;}
.wdo_logo_wrp img{width: 200px;max-width: none;position:relative;margin-left: -15px;margin-top: 20px;}
.wdo_section_btm > div{
 border-radius: 5px;
    color: #bbbbc9;
    font-size: 16px;
    padding: 25px;
    text-align: center;
}
.wdo_section_btm > div h2{color: #444;font-size:30px;}

#wdo_demo_form_wrp{background: #f9f9f9 none repeat scroll 0 0;
    border-radius: 5px;
    display: inline-block;
    max-width: 490px;
    padding: 15px 30px 0;
    width: 100%;}
#wdo_demo_form_wrp button{width: 100%;}
#wdo_demo_form_wrp label.error{float: left;margin-bottom: 0; margin-top: 3px;}
#wdo_demo_form_wrp #buy_form .form-group {
    border-bottom: none;
    padding-bottom: 0;
}
#buy_form .form-group.line {
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
}
#wdo_demo_form_wrp #buy_form input { width:100%}

.text_subtitle{color: #bbbbc9;font-size: 23.7px; margin-bottom: 20px;}
.singlebutton_1{float:right;}
.buy_total_txt {
    font-size: 18px;
}
.ads_wdo_left{margin-top: 40px;}
.ads_wdo_right{margin-top: 21px;}

footer.wdo_footer{margin-bottom:20px;margin-bottom:60px;}



/* live page */
#wdo_buy_section{padding-top: 80px;}
#wdo_live_title{text-align: center;}
#wdo_live_title h1{}
#wdo_live_title p.buy_title_desc{font-size: 19px;}
#wdo_buy_section input,#wdo_buy_section textarea{max-width:512px;}
#wdo_buy_section select{ max-width: 172px;}
#wdo_buy_section select.pay_with_select{ max-width: 172px;}

#wdo_buy_section .btm_desc{margin-top:50px;}

.in_buynow_btn{display:none;}
.in_about_tool_title{font-size: 16px;font-weight: bold;margin-bottom: 0px;margin-top: 30px;}
.in_free_paid_btns a{width: 150px;font-size: 15px;position: relative;margin-top: 10px;margin-left: 10px;}
#wdo_buy_section .payment_buttons_wrp{*float:right;}
@media (max-width:1224px){.wdo_logo_wrp{margin-top: 61px;}#wdo_demo_wrp {margin-top: 61px;}#wdo_buy_wrp{margin-top: 38px;}}
@media (max-width:992px){.wdo_logo_wrp{margin-top: 140px;text-align:center;display:none;}#wdo_demo_wrp{margin-top: 20px;}#wdo_buy_wrp{margin-top: 0px;}}
@media (max-width:767px){.wdo_logo_wrp{margin-top: 0px;}.new_menu_item:after{top: 0;right: 60px;}}
.wdo_checkbox_wrp{width:180px;float:left;margin-bottom: 15px;}
.wdo_hosted_domain_wrp{float:left;}
.wdo_checkbox_wrp_host{margin-right:17px;}
.wdo_hosted_domain_wrp input.hosted_domain_input{width:192px; height:34px;margin-left:0px;}
#wdo_buy_section .hidden_price{opacity:0;}


.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
       -o-transition: width .6s ease;
          transition: width .6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
          background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.in_progress{ width: 400px; margin-top: 6px;float: left;margin-bottom: 0;}
.in_progress .progress-bar{color:black;color: rgb(255, 255, 255); width: 3%;}