/* fonts
	
	index
		museo suns 300
		museo suns 500
		museo suns 700
		museo suns 900
		
		myriad pro 400
		
*/


/* ==================================================================================
    main product
================================================================================== */
.main-product {
    position: relative;
    background-repeat: no-repeat;  
    background-size: cover !important;      
}
    .main-product-title-wr {
        position: absolute;
        top: 20px;
        left: 20px;
        z-index: 1024;
        width: 64.12765957446809%;
    }
        .main-product-title {
            font-size: 3em;
            line-height: 1;
            text-transform: uppercase;
        } 
    .main-product-img-block { position: relative; }                   
        .main-product-img-wr {
            position: relative;
            z-index: 10;
            width: 126.6666666666667%;
        }
            .main-product-img {}
        
    
    .main-order-block { margin: 15.66666666666667% 0 0 0; /* 105px from 300px */ }
        .main-prod-money-title-wr {}
            .main-prod-money-title {
                font-size: 1.8em;
                text-align: center;
                text-transform: uppercase;
            }  
        
        .main-price-wr {}
            .main-price {
                font-size: 6.4em;
                text-align: center;
                text-transform: uppercase;
                letter-spacing: -2px;
                line-height: 1;
            }

        .add-price-ph-wr {
            max-width: 160px;           
            margin: 0 auto;
        }
            .add-price-ph {
                font-size: 1.2em;
                text-align: right;
                text-transform: uppercase;
            }   

        .btn-main-prod-wr {
            margin: 16px 13.33333333333333% 0
        }
            .btn--main-prod {
                padding: 10px 0;
                font-size: 3.2em;                
            }  

        .just-pay-wr {
            margin: 6px 0 0 0;
        }
            .just-pay {
                font-size: 1.4em;
                text-align: center;
            } 
    .main-free-bonus {
        margin: 14px 0 0 0;
        position: relative;
        -webkit-border-radius: 4px;
           -moz-border-radius: 4px;
                border-radius: 4px;  
        background-position: 50% 0 !important;
        background-repeat: no-repeat;
        -webkit-background-size: cover !important;
                background-size: cover !important;               
    }
        .main-free-bonus-title-wr {
            margin: 10px 0 0 0;
        }
            .main-free-bonus-title {
                font-size: 3em;
                text-transform: uppercase;
                text-align: center;
            }
        .main-free-bonus-subtitle-wr {}
            .main-free-bonus-subtitle {
                color: pink;
                font-size: 1.8em;
                text-align: center;
                text-transform: uppercase;
            }                
        .main-free-bonus-img-wr {   
            max-width: 300px;
            margin: 0 auto;
        }
            .main-free-bonus-img {}  

@media (max-width: 979px) and (min-width: 768px) {


}

@media (max-width: 767px) {

    .main-product-title-wr{
        width: 100%;
    }

    .main-product-title  { text-align: center; } 

    .main-product-img-wr {
        width: 100%;
        max-width: 380px;
        margin: 0 auto;
    }   

    .main-free-bonus { 
        margin: 0 auto; 
        max-width: 320px;
    }

    .btn-try-it-wr {
        position: static;
        width: 85%;
    }  
    .main-product-title-wr {
        position: static;
        margin: 20px 0 10px 0;
    }
    .main-order-block { margin: 20px 0; }
    .btn-main-prod-wr {
        margin: 16px 15px 0
    }

}

/* ===========================================
    video
============================================*/
.video {
    max-width: 95.33333333333333%; /* 286px from 300px */
    margin-top: 20px;
}

    .video .flex-video {
        clear: both;
        height: 0;
        padding-bottom: 56.25%;
        position: relative;
    }

        .video .flex-video iframe,
        .video .flex-video object,
        .video .flex-video embed,
        .video .flex-video video {
            left: 0;
            height: 100%;
            position: absolute;
            top: 0;
            width: 100%;
        }

@media (max-width: 767px) {

    .video {
        margin: 15px;
        max-width: 100%;
    }
}

/* ===========================================
    benefits-list-wr
============================================*/
.benefits-list-wr {
    margin: 8.771929824561404% 0 6.771929824561404%; /* 20px from 228px */
    max-width: 95.33333333333333%; /* 286px from 300px */
    background: #fff;
    -webkit-box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.42);
        -moz-box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.42);
            box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.42);
}

    .benefits-list-title {
        padding: 12px 8px;
        background: pink;
    }

.benefits-list-title-text {
    color: #fff;
    font-size: 1.8em;
    text-align: center;
}


.benefits-list {
    padding: 8.741258741258741% 1.048951048951049% 0 3.496503496503497%; /* 25px from 286px // 3px from 286px // 10px from 286px  */
    font-size: 1.6em;
    line-height: 1.29;    
}
    .benefits-list li {
        margin-top: 15px;
        padding-left: 20px;
        background: url(../t-10431-thewisp/f230c0e2ccda4e69947ceb3f560db3fb/i/bull.png) no-repeat 0 3px;
    }

        .benefits-list li:first-child { margin-top: 0; }

@media (max-width: 979px) and (min-width: 768px) {

    .benefits-list {  }

        .benefits-list li {
            -webkit-background-size: 10px auto;
            background-size: 10px auto;
            background-position: 0 1px;
        }
}

@media (max-width: 767px) {

    .benefits-list-wr {
        margin: 15px;
        max-width: 100%;
    }

    .benefits-list { padding-bottom: 20px; }

        .benefits-list li {
            -webkit-background-size: 10px auto;
            background-size: 10px auto;
            background-position: 0 1px;
        }
}


/* ==================================================================================
    devider-2-title-wr 
================================================================================== */
.devider-2-title-wr {
    margin: 12px 0;
}
    .devider-2-title {
        font-size: 2.4em;
        text-align: center;
        color: #fff;
    }


/* ==================================================================================
    steps
================================================================================== */
.steps {
    margin: 25px auto;
    max-width: 303px;
}
    .step-item {
        text-align: center;
        margin-top: 10px;
    }
    .step-item:first-child { margin-top: 0; }
        .step-item-shot {
            border: 1px solid #bcbcbc;
            margin-bottom: 12px;
            border-bottom: 2px solid pink;
        }
        .step-item-title-wr { margin-bottom: 3px; }
            .step-item-title {
                font-size: 1.7em;    
            }

        .step-item-dscr {
            font-size: 1.8em;
            line-height: 1.2; 
            text-align: center;   
        }


@media (max-width: 979px) and (min-width: 768px) {

    .steps {
        margin-left: 20px;
        margin-right: 10px;
    }

}

@media (max-width: 767px) {

    .steps { padding: 0 15px; }

}

/* ===========================================
    be-af
============================================*/
.be-af { margin-top: 25px; }
    .be-af-shot {
        max-width: 460px;
        margin: 0 9.814814814814815% 3.703703703703704% 5.555555555555556%; /* 53px from 540px // 20px from 540px // 30px from 540px */
    }
    .be-af-title-wr { margin: 0 1.851851851851852% 0 5.555555555555556%; /* 10px from 540px // 30px from 540px */ }
        .be-af-title {
            font-size: 2.8em;
        }
    .be-af-subtitle { font-size: 2.4em; }

    .be-af-list-container { margin: 5.555555555555556% 8.333333333333333% 0 6.81481481481481%; /* 30px from 540px */ }
        .be-af-list {
            font-size: 1.8em;
            line-height: 1.2;
        }
            .be-af-list li {
                padding-left: 50px;
                margin-top: 20px;
                background-repeat: no-repeat;
                background-position: 0 1px;
                background: url(../t-10431-thewisp/f230c0e2ccda4e69947ceb3f560db3fb/i/list-bull-1.png) no-repeat;
            }
            .be-af-list li:first-child { margin-top: 0; }

.be-af-free-shipping-wr {
    max-width: 458px;
    margin: 3% auto 10px auto;
}
    .be-af-free-shipping {}   


@media (max-width: 979px) and (min-width: 768px) {

    .be-af-list li {
        -webkit-background-size: 20px auto;
        background-size: 20px auto;
    }
}

@media (max-width: 767px) {

    .be-af {
        padding: 0 15px;
    }

    .be-af-shot {
        margin-left: auto;
        margin-right: auto;
    }   

    .be-af-subtitle {
        margin: 0;
    }

    .be-af-list-container {
        margin: 15px 0 0 0;
    }

.be-af-title-wr { margin: 0; }    
    .be-af-title {
        margin: 0;
        font-size: 17px;
    }
            .be-af-list li {
                font-size: 12px;
                padding-left: 35px;
                -webkit-background-size: 20px auto;
                background-size: 20px auto;
            }

}


/* ===========================================
    buy-box 
============================================*/
.buy-box {
    padding-top: 2.659574468085106%; /* 25px from 940px */   
    border-top: 1px dotted #000;
}
    .buy-box-title-wr {
        margin-top: 15px;
    }
        .buy-box-title {
            font-size: 2.8em;
            color: #434240;
        }
    .btn-buy-box-wr {}
        .btn--buy-box {
            font-size: 2.6em;
            padding: 10px;
        }



@media (max-width: 767px) {

    .buy-box {
        padding-left: 15px;
        padding-right: 15px;
    }
        .buy-box-title {
            margin-bottom: 10px;
        }
            .buy-box-title {
                text-align: center;
            }
}

/* ==================================================================================
    shot-box
================================================================================== */
.shot-box {
    margin-top: 20px;
}
    .shot-box-hgroup {
        padding: 25px 10px;
        background: pink;
    }
        .shot-box-title {
            font-size: 2.8em; 
            text-align: center;
            color: #fff;
        }

@media (max-width: 767px) {

    .shot-box-title {
        font-size: 1.6em; 
    }        

}

/* ==================================================================================
    promo
================================================================================== */
.promo {
    background: url(../t-10431-thewisp/f230c0e2ccda4e69947ceb3f560db3fb/i/promo-bg.jpg) no-repeat;   
    background-size: cover !important;   
}
    .promo-container {
        margin: 10px 0 0;
    }
        .promo-title-wr {
            margin: 25px 0 8px;     
        }
            .promo-title {
                font-size: 2.9em;
                line-height: 1.1;    
                text-align: center;
                text-transform: uppercase;
            }
        .promo-shot-block { position: relative; }            
            .promo-shot {
                max-width: 462px;
                margin: 0 auto;
            }
            .promo-badge-wr {
                width: 25.43478260869565%;
                height: 36.59305993690852%;
                position: absolute;
                top: 10%;
                right: 12%;
                z-index: 1024;
            } 
                .promo-badge {

                }  
        .promo-money-title-wr {
            margin: 0 15px;
            padding: 0 0 10px 0;
            border-bottom: 1px dotted #000;
        }
            .promo-money-title {
                font-size: 1.8em; 
                text-align: center; 
                text-transform: uppercase; 
            }
        .promo-price-wr { margin-top: 10px; }
            .promo-price {
                font-size: 6.4em;
                text-align: center;
                line-height: 0.8;
            }  
        .promo-ph-wr {
            max-width: 160px;
            margin: 0 auto;
        }
            .promo-ph {
                font-size: 1.2em;
                text-align: right;
            }    
        .btn-promo-wr {
            margin: 2px 14.66666666666667% 5%; 
        }   
            .btn--promo {
                padding: 10px 0;
                font-size: 3.2em;
            }   
        .promo-just-wr {}
            .promo-just {
                font-size: 1.4em;
                text-align: center;
            }  
                                                      


@media (max-width: 979px) and (min-width: 768px) {



}

@media (max-width: 767px) {

    .btn-promo-wr { margin: 10px 15px; }

}