.tabs {
		  left: 50%;
		  -webkit-transform: translateX(-50%);
		  transform: translateX(-50%);
		  position: relative;
		  background: white;
		  padding: 50px;
		  padding-bottom: 80px;
		  width: 70%;
		  height: auto;
		  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
		  border-radius: 5px;
		  min-width: 240px;
		}

		.tabs input[name="tab-control"] { display: none; }

		.tabs .content section h2, .tabs ul li label {
		  font-weight: bold;
		  font-size: 18px;
		  color: #428BFF;
		}

		.tabs ul {
		  list-style-type: none;
		  padding-left: 0;
		  display: -webkit-box;
		  display: -webkit-flex;
		  display: -ms-flexbox;
		  display: flex;
		  -webkit-box-orient: horizontal;
		  -webkit-box-direction: normal;
		  -webkit-flex-direction: row;
		  -ms-flex-direction: row;
		  flex-direction: row;
		  margin-bottom: 10px;
		  -webkit-box-pack: justify;
		  -webkit-justify-content: space-between;
		  -ms-flex-pack: justify;
		  justify-content: space-between;
		  -webkit-box-align: end;
		  -webkit-align-items: flex-end;
		  -ms-flex-align: end;
		  align-items: flex-end;
		  -webkit-flex-wrap: wrap;
		  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
		}

		.tabs ul li {
		  box-sizing: border-box;
		  -webkit-box-flex: 1;
		  -webkit-flex: 1;
		  -ms-flex: 1;
		  flex: 1;
		  width: 25%;
		  padding: 0 10px;
		  text-align: center;
		}

		.tabs ul li label {
		  -webkit-transition: all 0.3s ease-in-out;
		  transition: all 0.3s ease-in-out;
		  color: #929daf;
		  padding: 5px auto;
		  overflow: hidden;
		  text-overflow: ellipsis;
		  display: block;
		  cursor: pointer;
		  -webkit-transition: all 0.2s ease-in-out;
		  transition: all 0.2s ease-in-out;
		  white-space: nowrap;
		  -webkit-touch-callout: none;
		  -webkit-user-select: none;
		  -moz-user-select: none;
		  -ms-user-select: none;
		  user-select: none;
		}

		.tabs ul li label br { display: none; }

		.tabs ul li label img {
		  height: 1.2em;
		  vertical-align: bottom;
		  margin-right: 0.2em;
		  -webkit-transition: all 0.2s ease-in-out;
		  transition: all 0.2s ease-in-out;
		  opacity: 0.5;
		}

		.tabs ul li.wps-pay-active label img{
			opacity: 1;
		}

		.tabs ul li label:hover, .tabs ul li label:focus, .tabs ul li label:active {
		  outline: 0;
		  color: #bec5cf;
		  opacity: 1;
		}

		.tabs ul li label:hover img, .tabs ul li label:focus img, .tabs ul li label:active img { opacity: 1; }

		.tabs .slider {
		  position: relative;
		  width: 50%;
		  -webkit-transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
		  transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
		}

		.tabs .slider .indicator {
		  position: relative;
		  width: 50px;
		  max-width: 100%;
		  margin: 0 auto;
		  height: 4px;
		  background: #428BFF;
		  border-radius: 1px;
		}

		.tabs .content { margin-top: 30px; }

		.tabs .content section {
		  display: none;
		  -webkit-animation-name: content;
		  animation-name: content;
		  -webkit-animation-direction: normal;
		  animation-direction: normal;
		  -webkit-animation-duration: 0.3s;
		  animation-duration: 0.3s;
		  -webkit-animation-timing-function: ease-in-out;
		  animation-timing-function: ease-in-out;
		  -webkit-animation-iteration-count: 1;
		  animation-iteration-count: 1;
		  line-height: 1.4;
		}

		.tabs .content section h2 {
		  color: #428BFF;
		  display: none;
		}

		.tabs .content section h2::after {
		  content: "";
		  position: relative;
		  display: block;
		  width: 30px;
		  height: 3px;
		  background: #428BFF;
		  margin-top: 5px;
		  left: 1px;
		}

		.tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
		  cursor: default;
		  color: #428BFF;
		}

		.tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label img { fill: #428BFF; }
		@media (max-width: 600px) {

		.tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label { background: rgba(0, 0, 0, 0.08); }
		}

		.tabs input[name="tab-control"]:nth-of-type(1):checked ~ .slider {
		  -webkit-transform: translateX(0%);
		  transform: translateX(0%);
		}

		.tabs input[name="tab-control"]:nth-of-type(1):checked ~ .content > section:nth-child(1) { display: block; }

		.tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
		  cursor: default;
		  color: #428BFF;
		}

		.tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label img { fill: #428BFF; }
		@media (max-width: 600px) {

		.tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label { background: rgba(0, 0, 0, 0.08); }
		}

		.tabs input[name="tab-control"]:nth-of-type(2):checked ~ .slider {
		  -webkit-transform: translateX(100%);
		  transform: translateX(100%);
		}

		.tabs input[name="tab-control"]:nth-of-type(2):checked ~ .content > section:nth-child(2) { display: block; }

		.tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
		  cursor: default;
		  color: #428BFF;
		}

		.tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label img { fill: #428BFF; }
		@media (max-width: 600px) {

		.tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label { background: rgba(0, 0, 0, 0.08); }
		}

		.tabs input[name="tab-control"]:nth-of-type(3):checked ~ .slider {
		  -webkit-transform: translateX(200%);
		  transform: translateX(200%);
		}

		.tabs input[name="tab-control"]:nth-of-type(3):checked ~ .content > section:nth-child(3) { display: block; }

		.tabs input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
		  cursor: default;
		  color: #428BFF;
		}

		.tabs input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label img { fill: #428BFF; }
		@media (max-width: 600px) {

		.tabs input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label { background: rgba(0, 0, 0, 0.08); }
		}

		.tabs input[name="tab-control"]:nth-of-type(4):checked ~ .slider {
		  -webkit-transform: translateX(300%);
		  transform: translateX(300%);
		}

		.tabs input[name="tab-control"]:nth-of-type(4):checked ~ .content > section:nth-child(4) { display: block; }
		@-webkit-keyframes 
		content {  from {
		 opacity: 0;
		 -webkit-transform: translateY(5%);
		 transform: translateY(5%);
		}

		to {
		  opacity: 1;
		  -webkit-transform: translateY(0%);
		  transform: translateY(0%);
		}
		}
		@keyframes 
		content {  from {
		 opacity: 0;
		 -webkit-transform: translateY(5%);
		 transform: translateY(5%);
		}

		to {
		  opacity: 1;
		  -webkit-transform: translateY(0%);
		  transform: translateY(0%);
		}
		}
		@media (max-width: 1000px) {

		.tabs ul li label { white-space: initial; }

		.tabs ul li label br { display: initial; }

		.tabs ul li label img { height: 1.5em; }
		}
		@media (max-width: 600px) {

			.tabs ul li label {
			  padding: 5px;
			  border-radius: 5px;
			}

			.tabs ul li label span { display: none; }

			.tabs .slider { display: none; }

			.tabs .content { margin-top: 20px; width:100%;}

			.tabs .content section h2 { display: block; }
		}
		.tabs ul li label span{
			float: left;
			text-align: center;
			width: 100%;
		}
		.tabs .content section label{ font-family: raleway; font-size: 20px; display: block;}
		.tabs .content section label span{ font-family: raleway; font-size: 10px; }
		.tabs .content section input[type="text"], .tabs .content section select, .tabs .content section input[type="number"]{ 
			width:100%; 
			height: 38px;
			margin-top: 5px;
			margin-bottom: 20px; 
		}
		.tabs .content section{
			font-family: Raleway;
		}
		.premium{
			border: 1px dashed black;
			padding-left:20px;
			padding-right:20px;
			margin-bottom:15px;
		}
		.premium_link{
			width: 100%;
			margin-left: 45%;
		}
		.premium_link img{
			width:100px;
		}
		.buynow_link{
			width: 100%;float: left; padding-left: 41%;
		}

		.tabs .content input[type=radio]:checked + label>img {
  border: 1px solid #fff;
  box-shadow: 0 0 3px 3px #090;
}

/* Stuff after this is only to make things more pretty */
.tabs .content input[type=radio] + label>img {
  margin-top: 5px;
  width: 100%;
  transition: 500ms all;
}

.tabs .content input[type=radio]:checked + label>img {
  transform: 
    rotateZ(-10deg) 
    rotateX(10deg);
}
.tabs .content .gen_set_submit p.submit{
	padding-top: 10% !important; 
}
.tabs .content .temp_prev a{
	letter-spacing: 4px;
	text-decoration: none;
	font-size: 15px;
}
.wp-payment-select-css {
	display: block;
	font-size: 21px;
	height: auto !important;
	font-weight: 100;
	color: #444;
	line-height: 1.3;
	padding: 12px !important;
	width: 100%;
	max-width: 100%; /* useful when width is set to anything other than 100% */
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 4px 0 4px rgba(0,0,0,.02);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat, repeat;
	/* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
	background-position: right .7em top 50%, 0 0;
	/* icon size, then gradient */
	background-size: .65em auto, 100%;
}
.preview-image .prev-desc{
width: 100%;
display: block;
text-align: center;
padding: 10px;
padding-top: 10px;
padding-bottom: 5px;
font-size: 16px;

}
.preview-image{
	text-align: center;
}
.preview-image .prev-desc a{
	font-size: 13px;
	font-style: italic;
	text-decoration: none;
}