/* popup form */
.sample-button {
  background-color: #d55050;
  background-image: linear-gradient(to bottom, #e06868 0%, #cb3939 100%);
  background-repeat: repeat-x;
  border: medium none;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  padding: 0 32px;
  position: absolute;
  right: 20px;
  top: 20px; }

.sample-popup {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #b7b7b7;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
  color: #333;
  padding: 16px 40px 25px 25px;
  width: 270px;
  display: none; }

.sample-popup h1 {
  font-size: 18px;
  margin: 0 0 22px -20px; }

.sample-popup label {
  display: block;
  font-size: 13px;
  margin: 0 0 2px; }

.sample-popup input[type="text"], .sample-popup textarea {
  border: 1px solid #ccc;
  border-radius: 2px;
  margin: 0 0 12px;
  padding: 3px 7px;
  width: 100%; }

.sample-popup input[type="text"] {
  height: 30px; }

.sample-popup textarea {
  resize: none; }

.sample-popup .sample-required {
  color: #ea3f28; }

.sample-popup input[type="submit"] {
  background-color: #f36d3d;
  background-image: linear-gradient(#f7c44d, #fe6d06);
  background-repeat: repeat-x;
  border: medium none;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
  line-height: 30px;
  padding: 0 16px;
  width: auto; }

.captcha input {
  width: 100px; }

.sample-close {
  background-image: url(closed.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 30px;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 30px; }


#popupform b {
  font-weight: normal;
  font-size: 13px; }
#popupform .title { font-size: 23px; margin: 0 0 15px;}
#popupform .tpl-form-button { 
  background: #b6de47;
  color: #000;
  font: bold 16px 'Roboto Condensed';
  text-decoration: none;
  display: block;
  padding: 10px;
}
#popupform .tpl-form-button:hover { opacity: 0.9;}
.br_btn { position: fixed; top: 50%; right: -55px; z-index: 10; background: #b6de47; padding: 8px 15px 10px; font: bold 18px 'Roboto Condensed'; border-radius: 4px 4px 0 0; cursor: pointer;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.br_btn:hover { right: -53px;}
@media screen and (min-width: 0) and (max-width:320px) {
	.sample-popup { width: 220px; margin: 0 20px;}
}