@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700");
.fmp-protect-box {
border: 1px #ddd solid;
padding: 10px;
}
.fmp-protect-box .fmp-invoice-details {
display: none;
margin: auto;
padding:0 15px;
}
.fmp-protect-box .fmp-invoice-details .fmp-invoice-data-info {
text-align: center;
}
.fmp-protect-box .fmp-invoice-details .fmp-invoice-data-info input[name="city"],
.fmp-protect-box .fmp-invoice-details .fmp-invoice-data-info input[name="firstname"],
.fmp-protect-box .fmp-invoice-details .fmp-invoice-data-info input[name="lastname"],
.fmp-protect-box .fmp-invoice-details .fmp-invoice-data-info input[name="postcode"] {
display: inline-block;
width: 99%;
}
.fmp-protect-box .fmp-invoice-details .fmp-invoice-data-info input[name="street"] {
display: inline-block;
width: 79%;
}
.fmp-protect-box .fmp-invoice-details .fmp-invoice-data-info input[name="street_n1"],
.fmp-protect-box .fmp-invoice-details .fmp-invoice-data-info input[name="street_n2"] {
display: inline-block;
width: 9%;
}
.fmp-protect-box .fmp-invoice-details .fmp-invoice-data-info input {
margin: 2px 1% 2px 0;
font-family: "Verdana", sans-serif;
}
.fmp-protect-box .fmp-required.fmp-missing {
border-color: #d33;
}
.fmp-code,
.fmp-set-code,
.fmp-donation {
border: 1px solid #eaeaea;
border: 1px solid rgba(51, 51, 51, 0.1);
color: #707070;
color: rgba(51, 51, 51, 0.7);
display: block;
font-family: "Verdana", sans-serif;
line-height: 1;
padding: 5px 2px;
height: 38px;
width: 200px;
margin: auto !important;
text-align: center;
font-size: 14px;
}
.fmp-submit,
.fmp-set-submit,
.fmp-set-unlock,
.fmp-set-buy,
.fmp-set-cancel,
.fmp-promo-submit
{
border: 1px solid #eaeaea;
border: 1px solid rgba(51, 51, 51, 0.1);
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-family: "Verdana", sans-serif;
font-weight: 700;
line-height: 1;
padding: 10px 5px;
cursor: pointer;
text-transform: uppercase;
margin: 8px auto !important;
width: 130px;
text-align: center;
}
.fmp-submit,
.fmp-set-submit,
.fmp-set-unlock,
.fmp-set-buy,
.fmp-set-cancel
{
display: block;
}
.fmp-submit:hover {
border: 1px solid rgba(51, 51, 51, 0.3);
outline: 0;
}
.fmp-promo-container
{
margin: 10px auto;
padding:0 10px;
text-align: center;
display: none;
}
.fmp-promo-container .fmp-promo
{
width: auto;
display: inline-block;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.fmp-promo-container.fmp-promo-error .fmp-promo
{
border-color: #d33;
}
.fmp-promo-container.fmp-promo-success .fmp-promo
{
border-color: green;
}
.fmp-link {
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-family: "Verdana", sans-serif;
font-weight: 700;
line-height: 1;
cursor: pointer;
text-decoration: none;
border-bottom: none !important;
}
.fmp-status, .fmp-set-status {
text-align: center;
font-size: 0.9em;
font-family: "Verdana", sans-serif;
line-height: 1;
font-weight: 500;
padding: 0.225em 0 0.5875em;
}
.fmp-status-success,
.fmp-donation-status-success {
color: green;
}
.fmp-status-error {
color: #d33;
}
.fmp-status .fmp-old-price
{
font-weight: normal;
text-decoration: line-through;
opacity: 0.7;
}
.fmp-set-container
{
border:1px #ddd solid;
}
.fmp-set-container[data-mode="start"] .fmp-set-buy-container,
.fmp-set-container[data-mode="start"] .fmp-set-unlock-container .fmp-set-code-container,
.fmp-set-container[data-mode="start"] .fmp-set-cancel-container
{
display: none;
}
.fmp-set-container[data-mode="unlock"] .fmp-set-buy-container,
.fmp-set-container[data-mode="unlock"] .fmp-set-unlock-container .fmp-set-question ,
.fmp-set-container[data-mode="unlock"] .fmp-set-code-container .fmp-set-buy  {
display: none;
}
.fmp-set-container[data-mode="unlock-denied"] .fmp-set-buy-container,
.fmp-set-container[data-mode="unlock-denied"] .fmp-set-unlock-container .fmp-set-question ,
.fmp-set-container[data-mode="unlock-denied"] .fmp-set-code-container .fmp-set-submit  {
display: none;
}
.fmp-set-container[data-mode="buy"] .fmp-set-unlock-container{
display: none;
}
.fmp-set-container .fmp-set-buy-container .fmp-set-labels .fmp-label-item {
cursor: pointer;
}
.fmp-set-container .fmp-set-unlock-container .fmp-set-question {
text-align: center;
}
.fmp-set-container .fmp-set-buy-container .fmp-set-labels .fmp-label-item.fmp-active {
background-color: #f7f7f7;
border-top: 1px #f0f0f0 solid;
border-bottom: 1px #f0f0f0 solid;
}
.fmp-set-container .fmp-set-buy-container .fmp-set-box .fmp-box-item:not(.fmp-active) {
display: none;
}
.fmp-set-container .fmp-set-info {
padding: 10px;
}
.fmp-set-container .fmp-set-buy-container .fmp-set-labels  .fmp-label-item{
padding: 10px;
border-top: 1px #fff solid;
border-bottom: 1px #fff solid;
}
.fmp-set-container .fmp-set-buy-container .fmp-set-box .fmp-protect-box {
border: none;
} .fmp-regulations-container.fmp-regulations-status-error,
.fmp-regulations-container.fmp-regulations-status-error a
{
color:#d33 !important;
}
.fmp-protect-box
{
font-family: 'Open Sans', sans-serif; border-radius: 5px;
max-width: 450px;
margin: auto; background-color: #f5f5f7;
box-shadow: 0 0 20px 0 rgba(0,0,0,.15), inset 0 1px 0 0 hsla(0,0%,100%,.65);
padding:30px 0 30px 0 !important;
position: relative;
text-align: center;
font-size:13px;
color:#5b5b65;
line-height: 25px;
box-sizing: border-box;
}
.fmp-protect-box:before, .fmp-set-container:before
{
content: '\2713';
width: 50px;
height: 50px;
background-color: #e8e9eb;
position: absolute;
margin-top: -25px; left: 0;
top: 0;
margin-left: -25px;
border-radius: 25px;
border: 3px #fff solid;
box-shadow: 0 0 4px rgba(0,0,0,0.15);
color: #6b6;
font-size: 30px;
z-index: 2;
line-height: 42px;
box-sizing: border-box;
}
.fmp-protect-box .fmp-status,
.fmp-set-container .fmp-set-status
{
height: 28px;
width: 100%;
text-align: center;
line-height: 18px;
position: absolute;
z-index: 2;
top:5px;
box-sizing: border-box;
}
.fmp-protect-box form h4
{ text-align: center;  margin: 0 !important;
}
.fmp-protect-box form p,
.fmp-set-container .fmp-set-info
{
padding: 10px 15px 10px;
text-align: center;  text-align: center;
font-size:14px;
line-height: 25px;
}
.fmp-protect-box form p
{
margin:0 0 20px !important;
}
.fmp-protect-box form p,
.fmp-set-container[data-mode="start"] .fmp-set-info,
.fmp-set-container[data-mode="unlock"] .fmp-set-info,
.fmp-set-container[data-mode="unlock-denied"] .fmp-set-info
{
border-bottom: 1px solid #d0d1d1;
}
.fmp-protect-box input[type="text"],
.fmp-set-code
{
border-radius: 3px;
background: #fff;
box-shadow: inset 0 1px 1px 0 rgba(125,125,125,.3), 0 1px 0 0 rgba(255,255,255,.7) !important;
border:1px solid rgba(125,125,125,.4) !important;
padding:8px !important;
transition: all 0.2s ease-in-out;
font-size:14px;
line-height: 20px;
box-sizing: border-box;
}
.fmp-protect-box input[type="text"]::placeholder,
.fmp-set-code::placeholder
{
opacity: 0.5;  }
.fmp-protect-box input[type="text"]:focus::placeholder
{   opacity: .3;
}
.fmp-protect-box input[type="text"]:focus, .fmp-set-container .fmp-set-code:focus {
border-width: 1px !important;
border-color: rgba(115, 165, 175, 0.8);
box-shadow: 0 0 4px rgba(81, 203, 238, 1);
}
.fmp-protect-box input.fmp-code, .fmp-set-container .fmp-set-code
{
max-width: 280px;
margin-top: 5px !important;
margin-bottom: 5px !important; width: calc(100% - 20px) !important;
padding:0 15px;
box-sizing: border-box;
}
.fmp-submit,.fmp-promo-submit,.fmp-set-cancel, .fmp-set-buy, .fmp-set-unlock, .fmp-set-submit
{   padding: 10px 15px 12px;
font-size:14px;
font-family: 'Open Sans', sans-serif;
border-radius: 3px !important;
box-shadow: inset 0 -1px 0 1px rgba(0, 0, 0, 0.1), inset 0 -10px 20px rgba(0, 0, 0, 0.1);
cursor: pointer;
background: #e50046;
color: #FFF;
text-shadow: 0 0 2px rgba(0,0,0,0.5);
box-sizing: border-box;
}
.fmp-submit, .fmp-set-cancel, .fmp-set-buy, .fmp-set-unlock, .fmp-set-submit
{
display: block;
min-width: 110px;
margin: 15px auto 10px !important;
}
.fmp-promo-submit
{
display: inline-block;
width: 20%;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
margin: 0 !important;
vertical-align: top;
position: absolute;
right: 0;
}
.fmp-set-cancel:before{
content: '\21B5 ';
position: absolute;
top: 0;
left: 0;
display: block;
width: 30px;
padding: 10px 0 12px;
text-align: center;
border-radius: 3px 0 0 3px !important;
background: rgba(0, 0, 0, 0.15);
}
.fmp-set-cancel
{
background: #d33;
position: relative !important;
padding-left: 36px;
}
.fmp-promo-submit span
{
display: none;
}
.fmp-promo-submit:before
{
content: '\002714';
font-size: 20px;
line-height: 10px;
position: relative;
top: 3px;
}
.fmp-regulations-option{ float: left;
padding-left: 20px; }
.fmp-regulations-container
{
display: block;
width: 100% !important;
text-align: left !important;
font-weight: normal !important;
}
.fmp-regulations-option input[type=checkbox]{
height: 0;
width: 0;
visibility: hidden;
}
.fmp-protect-box input.fmp-donation
{
width:220px !important;
}
.fmp-regulations-option span {
cursor: pointer;
text-indent: -9999px;
width: 40px;
height: 20px;
background: #d0d1d1;
display: block;
border-radius: 20px;
position: relative;
}
.fmp-regulations-option span:after {
content: '';
position: absolute;
top: 1px;
left: 1px;
width: 18px;
height: 18px;
background: #fff;
border-radius: 18px;
transition: 0.3s;
}
.fmp-regulations-option input:checked + span {
background: #6b6;
}
.fmp-regulations-option input:checked + span:after {
left: calc(100% - 1px);
transform: translateX(-100%);
}
.fmp-regulations-option span:active:after {
width: 26px;
}
.fmp-regulations-text
{
padding-top: 9px;
display: block;
margin-top: 10px;
padding-left: 70px;
}
.fmp-promo-container{
width: 100%;
max-width: 280px; position: relative;
height: 38px;
padding:0 !important;
}
.fmp-promo-container .fmp-promo:placeholder-shown
{ font-family: 'Open Sans', sans-serif !important;
font-weight: normal !important;  text-transform: none !important; }
.fmp-promo-container .fmp-promo
{
padding-left: 30px !important;
text-align: center;
font-family: monospace;
font-weight: bold;
letter-spacing: 0.2px;
font-size: 15px !important;
text-transform: uppercase;
position: absolute;
left: 0;
top: 0;
box-sizing: border-box;
}
.fmp-invoice-details .fmp-invoice-data-info input
{
text-align: center;
display: inline-block;
margin-left: 0 !important;
margin-right: 0 !important;
font-size: 14px;
box-sizing: border-box;
}
.fmp-invoice-details .fmp-invoice-data-info input[name="invoice[firstname]"],
.fmp-invoice-details .fmp-invoice-data-info input[name="invoice[lastname]"]
{
width:50% !important;
}
.fmp-invoice-details .fmp-invoice-data-info input[name="invoice[street]"],
.fmp-invoice-details .fmp-invoice-data-info input[name="invoice[city]"]
{
width:65% !important;
}
.fmp-invoice-details .fmp-invoice-data-info input[name="invoice[street_n1]"],
.fmp-invoice-details .fmp-invoice-data-info input[name="invoice[street_n2]"]
{
width:15% !important;
}
.fmp-invoice-details .fmp-invoice-data-info input[name="invoice[postcode]"]
{
width: 35% !important;
}
.fmp-invoice-details .fmp-invoice-data-info .fmp-separator
{
color: #d0d1d1;
width:5% !important;
display: inline-block;
font-size:  18px;
font-weight: bold;
}
.fmp-invoice-details .fmp-invoice-data-info input:first-of-type:not(:last-of-type)
{
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.fmp-invoice-details .fmp-invoice-data-info input:first-of-type:not(:last-of-type):not(:focus)
{
border-right-color: rgba(125, 125, 125, 0.2);
}
.fmp-invoice-details .fmp-invoice-data-info input + input
{ border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-left-width: 0;
}
.fmp-invoice-details .fmp-invoice-data-info input + input:focus::placeholder
{
text-indent: -1px;
}
.fmp-invoice-details .fmp-invoice-data-info
{
padding:10px 0;
}
.fmp-invoice-data-info input::placeholder
{
text-align: left;
}
.fmp-protect-box .fmp-promo-container .fmp-promo
{
width:80%;
}
.fmp-promo-container:before {
display: block;
width: 20px;
height: 20px;
font-size: 16px;
border-radius: 13px;
color: #fff;
position: absolute;
margin: 9px 0 0 9px;
line-height: 20px;
left: 0;
z-index: 2;
transition: all 0.2s ease-in-out;
}
.fmp-promo-container.fmp-promo-success .fmp-promo {
background-color: rgba(102, 187, 102, 0.075);
}
.fmp-promo-container.fmp-promo-success:before {
content: '\002714';
background-color: #66bb66;
}
.fmp-promo-container:not(.fmp-promo-success):not(.fmp-promo-error):before {
content: '\0023';
background-color: #d0d1d1;
}
.fmp-promo-container.fmp-promo-error .fmp-promo {
background-color: rgba(221, 51, 51, 0.075);
}
.fmp-promo-container.fmp-promo-error:before {
content: '\002716';
background-color: #d33;
}
.fmp-protect-box .fmp-required.fmp-missing
{
border-color: #d33 !important;
border-left-width: 8px;
}
.fmp-loader {
height: 4px;
width: 100%;
position: absolute;
overflow: hidden; z-index: 1;
top:0; }
.fmp-loader:before{
display: block;
position: absolute;
content: "";
left: -200px;
width: 200px;
height: 4px;
background-color: #6b6;
animation: loading 1.8s linear infinite;
z-index: 1;
transition: all 0.6s ease-in-out;
opacity: 0;
}
.fmp-protect-box.fmp-loading .fmp-loader:before{
opacity: 1;
}
@keyframes loading {
from {left: -200px; width: 30%;}
50% {width: 30%;}
70% {width: 70%;}
80% { left: 50%;}
95% {left: 120%;}
to {left: 100%;}
}
.fmp-set-container
{
font-family: 'Open Sans', sans-serif; border-radius: 5px;
max-width: 450px;
margin: auto;
padding-bottom: 36px; background-color: #f5f5f7;
box-shadow: 0 0px 20px 0 rgba(0,0,0,.15), inset 0 1px 0 0 hsla(0,0%,100%,.65); position: relative;
text-align: center;
font-size: 13px;
color: #5b5b65;
padding-bottom: 10px !important;
}
.fmp-set-container .fmp-protect-box{
border:none;
border-radius: 0 !important;
box-shadow: none;
}
.fmp-set-container .fmp-protect-box:before {
display: none;
}
.fmp-set-info
{ background-color: #f5f5f7;
padding:30px 10px 15px !important;
}
.fmp-set-unlock-container
{ }
.fmp-set-code-container
{
padding-top:15px;
}
.fmp-set-labels
{ }
.fmp-set-container .fmp-set-buy-container .fmp-set-labels .fmp-label-item
{ font-weight: bold;
background-color: #eeeff2;  border-top-color: #eeeff2;
border-bottom-color: #eeeff2;
transition: all 0.2s ease-in-out;
}
.fmp-set-container .fmp-label-item:before {
content: '\027E9\027E9';
position: absolute;
left:10px;
font-size:10px;
width:26px;
height: 26px;
border-radius:13px;
background-color: #d0d1d1;
color: #fff;
line-height: 25px;
margin-top: -4px;
}
.fmp-status:before,
.fmp-set-status:before {
width: 19px;
height: 18px;
border-radius: 9px;
color: #fff;
display: inline-block;
margin-right: 10px;
text-align: center;
line-height: 17px;
}
.fmp-status.fmp-status-error:before,
.fmp-set-status.fmp-status-error:before {
background-color: #d33;
content: '\002716';
}
.fmp-status.fmp-status-success:before,
.fmp-set-status.fmp-status-success:before {
background-color: #6b6;
content: '\002714';
}
.fmp-status.fmp-status-info:before,
.fmp-set-status.fmp-status-info:before {
background-color: #6b6;
content: '\2139';
}
.fmp-set-container .fmp-label-item.fmp-active:before {
background-color: #6b6;
}
@media screen and (max-width: 380px) {
.fmp-protect-box .fmp-promo-container .fmp-promo{
width: 55% !important;
}
.fmp-protect-box .fmp-promo-container .fmp-promo-submit{
width: 45% !important;
}
}