@import url('../../../../css-3');

.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;
}













/* STYL 1*/

.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;
    /*display: inline-block;*/
    border-radius: 5px;
    max-width: 450px;
    margin: auto;
    /*padding-bottom: 36px;*/
    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;
    /* margin-left: auto; */
    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
{
    /*padding-top: 30px;*/
    text-align: center;
    /*background-color: #eeeff2;*/
    /*background-color: #e8e9eb;*/
    margin: 0 !important;
}

.fmp-protect-box form p,
.fmp-set-container .fmp-set-info
{
    padding: 10px 15px 10px;
    text-align: center;
    /*background-color: #e8e9eb;*/
    /*background-color: #eeeff2;*/
    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;
    /*transition: text-align .5s ease;*/
    /*transition: */
}

.fmp-protect-box input[type="text"]:focus::placeholder
{
    /*visibility: hidden;*/
    /*text-align: center;*/
    /*text-indent: -1px ;*/
    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: 100% !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
{
    /*display: block;*/
    /*min-width: 110px;*/
    /*margin: 15px auto 10px !important;*/
    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: #6b6;
    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{
    /*width: 70px;*/
    float: left;
    padding-left: 20px;
    /*height: 20px;*/
}


.fmp-regulations-container
{
    display: block;
    width: 100% !important;
    text-align: left !important;
    font-weight: normal !important;
    clear: both;
}


.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;
    /*display: block;*/
    position: relative;
    height: 38px;
    padding:0 !important;
}

.fmp-promo-container .fmp-promo:placeholder-shown
{
    /*font-family: unset !important;*/
    font-family: 'Open Sans', sans-serif !important;
    font-weight: normal !important;
    /*letter-spacing: 0 !important;*/
    /*font-size: 14px !important;*/
    text-transform: none !important;
    /*background-color: red;*/
}

.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
{
    /*background-color: red;*/
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;
    /*background-color: #eeeff2;*/
    z-index: 1;
    top:0;
    /*transition: all 0.8s ease-in-out;*/
}
.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;
    /* display: inline-block; */
    border-radius: 5px;
    max-width: 450px;
    margin: auto;
    padding-bottom: 36px;
    /*background-color: blue;*/
    background-color: #f5f5f7;
    box-shadow: 0 0px 20px 0 rgba(0,0,0,.15), inset 0 1px 0 0 hsla(0,0%,100%,.65);
    /*padding: 0 0 30px;*/
    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: #eeeff2;*/
    background-color: #f5f5f7;
    padding:30px 10px 15px !important;
}

.fmp-set-unlock-container
{
    /*background-color: red;*/
}

.fmp-set-code-container
{
    padding-top:15px;
}

.fmp-set-labels
{
    /*border-bottom: 1px solid #d0d1d1;*/
}

.fmp-set-container .fmp-set-buy-container .fmp-set-labels .fmp-label-item
{
    /*display: inline-block;*/
    font-weight: bold;
    background-color: #eeeff2;
    /*border-top: 1px solid #d0d1d1 !important;*/
    /*border-right: 1px solid #d0d1d1;*/
    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;
    }

}