body {
	font-family: 'PT Sans', sans-serif;
	width:630px;
	margin: 0px;
	padding: 10px;
	background-color: #ffffff;
}
.sale-cont {
	border: 1px solid #dddddd;
	padding-bottom: 25px;
}
.sale-text {
	text-align: center;
	background-color: #ff8e4c;
	font-size: 36px;
	color: #ffffff;
	line-height: 44px;
	font-weight: bold;
	padding-top: 25px;
	padding-bottom: 37px;
}
.sale-bul {
	background-image: url(bul.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 7px;
	background-color: #FFFFFF;
}
.sale-copy {
	font-size: 16px;
	color: #cbcbcb;
	text-align: center;
	clear: both;
}
.sale-form {
	margin-top: 30px;
	margin-bottom: 18px;
	font-size: 24px;
}
#subscribe_form {
    margin: 0px;
	width:540px;
	margin: 0 auto;
}
#subscribe_form .input-group {
	border:2px solid #dddddd;  /* Change color of the subscribe input field border */
	border-radius: 8px;
	position: relative;
	background-color: #fcfcfc;
	height: 70px;
}
#subscribe_form .input-group .form-control {
	height: 70px;
	width: 300px;
	background: #fcfcfc;
	border: none;
	box-shadow: none;
	font-size: 24px;
	padding:0 20px;
	float:left;
	margin-left: 10px;
	color: #cacaca !important;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #cacaca;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #cacaca;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #cacaca;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #cacaca;
}
#subscribe_form .btn {
    height: 70px;
    border: none;
    padding: 0 40px;
	background:#45bf55; /* Change color of the subscribe input field button */
	color:#ffffff;
	font-size: 26px;
	cursor: pointer;
	float:right;
}
.flip-container {
	perspective: 1000;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-o-perspective: 1000;
	-ms-perspective: 1000;
	
	-ms-transform: perspective(1000px);
	-moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d; 
    -ms-transform-style: preserve-3d; 
	
	position: relative;
}
.flip-container.flip .back  {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.flip-container.flip .front {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	transform: rotateX(180deg);
}
.flip-container, .front, .back {
	width: 100%;
}

.flipper {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-ms-transition: 0.6s;

	-moz-transition: 0.6s;
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;

	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
			
	transform-origin: 100% 35px;
	-webkit-transform-origin: 100% 35px;
	-o-transform-origin: 100% 35px;
	-moz-transform-origin: 100% 35px;
	-ms-transform-origin: 100% 35px;
}

.front, .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;

	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;

	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;

	-o-transition: 0.6s;
	-o-transform-style: preserve-3d;

	-ms-transition: 0.6s;
	-ms-transform-style: preserve-3d;

	transition: 0.6s;
	transform-style: preserve-3d;

	position: absolute;
	top: 0;
	left: 0;
}
.front {
	z-index: 2;
	-webkit-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
}
.back {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	transform: rotateX(180deg);
	height:70px;
	width:495px;
	border:2px solid #b34141;
    border-radius: 8px;
    position: relative;
	background:#cd4949;
	color:#fff;
	font-weight:100;
	line-height:65px;
	padding:0 20px;
}
.flipper .valid{
	border:2px solid #498d44;
	background:#4da946;
}

#result{
	text-align:left;
}
.back #result_close {
    font-size: 30px;
	line-height:1;
	position:absolute;
	right:20px;
	top:20px;
	color:#fff;
	cursor:pointer;
}