.form input[type="radio"], .form input[type="checkbox"] {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
width: 0.7em;
height: 0.7em;
appearance: none;
-webkit-appearance: none;
font-size: 1.7em;
padding: 0.13rem;
border: 2px solid #ccc;
background: #fff;
}

.form input[type="radio"] {
border-radius: 2rem;
}

.form input[type="radio"]::before, .form input[type="checkbox"]::before {
content: "";
width: 0.7rem;
height: 0.7rem;
transform: scale(0);
background-color: #4c4c4c;
display: block;
transition: transform 0.5s ease;
}

.form input[type="radio"]::before {
clip-path: polygon(50% 5%, 61% 41%, 98% 41%, 68% 62%, 79% 96%, 50% 70%, 21% 96%, 33% 62%, 2% 41%, 39% 41%);
}

.form input[type="checkbox"]::before {
clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
}

.form input[type="radio"]:checked::before, .form input[type="checkbox"]:checked::before {
transform: scale(1);
}

#postaw-tarota {
height: 100%;
width: 100%;
}

#postaw-tarota .strtarot {
color: #fff;
font-weight: bold;
}

#postaw-tarota .choice {
background-color: #fff;
}

#postaw-tarota .form {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
color: #fff;
padding: 42px 0;
}	

#postaw-tarota .tarotcopy {
margin-top: 0.3rem;
font-size: 9px;
font-style: italic;
text-align: center;
line-height: 12px;
padding: 7px 17px;
background: linear-gradient(to right, #5e6985 0%, #626b86 100% );
color: #fcf9e8;
border-radius: 0 0 10px 10px;
}

#postaw-tarota  .tarotcopy a {
color: #fcf9e8 !important;
}

#postaw-tarota .starscut img {
width:13px;
}

#postaw-tarota #form-left {
width: 240px;
position: relative;
}

#postaw-tarota .back {
border: solid 5px #fff; 
border-radius: 10px; 
-webkit-box-shadow: 5px 5px 2px 0px rgba(76,76,76,0.5);
-moz-box-shadow: 5px 5px 2px 0px rgba(76,76,76,0.5);
box-shadow: 5px 5px 2px 0px rgba(76,76,76,0.5);
}

#postaw-tarota #back1 {
position: absolute;
top: -100px;
left: -42px;
}

#postaw-tarota #back2 {
position: absolute;
top: -79px;
left: -21px;
}

#postaw-tarota #back3 {
position: absolute;
top: -58px;
}

/*
#postaw-tarota .content p {
padding: 10px 5px 0 4px;
text-align: center !important;
}
*/

#postaw-tarota .form p,  #postaw-tarota .form label {
text-align: center !important;
color: #fff;
text-shadow: 1px 1px #000066;
font-size: 1rem;
}

#postaw-tarota .form .inputs {
text-align: left !important;
padding: 1.4em 0;
}

#postaw-tarota .form form {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

#postaw-tarota p {
line-height: 1.7;
}

#postaw-tarota .form form label {
display: inline-block;
vertical-align: middle;
}

#postaw-tarota form label.for-fields {
display: block;
padding-bottom: 4px;
}

button.button-tarotonline {
background-color:#fff !important;
border-radius: 30px;
border:1px solid #e6e6e6 !important;
display: inline-block;
cursor: pointer;
color:#4c4c4c !important;
font-size:14px;
padding: 10px 20px;
text-decoration: none;
transition: all 1s ease 0s;
text-transform: none;
font-weight: 400;
font-family: "Open Sans", sans-serif;
}
	
button.button-tarotonline:hover {
background-color: transparent !important;
color: #fff !important;
}

.ato-link {
color: #fff;
text-shadow: 1px 1px #000066;
}

.ato-link a {
text-decoration: underline;
color: #fff;
}

#tarotonline_form {
background-size: cover;
border-radius: 10px;
}

#postaw-tarota #name-gender-wrapper {
margin-bottom: 1.4em;
}

#postaw-tarota #calc-wrapper {
margin: 1.4em 0;
display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.form input[type="date"], .form input[type="time"] {
background: #fff;
 border: 1px solid #ccc;
 padding: 10px;
 font-size: 14px;
 color: #4c4c4c;
 width: 100%;
 max-width: 100%;
 box-sizing: border-box;
 font-family: "Open Sans", sans-serif;
 border-radius: 8px;
}

.form input[type="text"], .form input[type="password"], .form input[type="email"], .form select, .form textarea {
color: #4c4c4c;
}

/*
.form input[type="checkbox"], .form input[type="radio"] {
margin-left :0;
margin-right: 0;
margin-bottom: 0;
width: 1.7em;
height: 1.7em;
}
*/

.form .inputs input[type="radio"]:not(:first-child) {
    margin-top: 0.4rem;
}