/*--------------------------------------------------------------

	# Main

--------------------------------------------------------------*/



.page-takeover {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    overflow: hidden;

    z-index: 2147482999;

    display: none;

    font-size: 15px;

}

.multi-pages-maker-lite_page_multipages-maker div#wpbody,

.multi-pages-maker-lite_page_multipages-maker-options div#wpbody,

.multi-pages-maker-lite_page_about-bhm-auto-linker div#wpbody,

.multi-pages-maker-lite_page_page-takeover div#wpbody,#wpbody-content
 {

    padding-left: 20px;

}



    .page-takeover-container {

        position: absolute;

        top: 50%;

        left: 50%;

        transform: translateY(-50%) translateX(-50%);

    }



        .page-takeover-overlay {

            text-align: center;

        }



            .page-takeover-close-button {

                position: absolute;

                top: 2%;

                right: 5%;

                background: url(../images/ui-close.png) no-repeat;

                width: 13px;

                height: 13px;

                z-index: 10;

                cursor: pointer;

                margin: 2% 0 0;

                background-size: 13px;

            }



            .page-takeover-custom-content-before {

                color: #fff;

            }



            .page-takeover-title {

                display: block;

                text-align: center;

                color: #ffffff;

                margin: 0 0 40px;

                font-size: 3em;

                line-height: 1.5em;

                font-weight: 700;

                letter-spacing: 0;

            }



            .page-takeover-subtitle {

                font-size: 1.4em;

                line-height: 1.6em;

                color: #ffffff;

                margin: 0 0 30px;

                letter-spacing: 0;

            }



                .page-takeover-subtitle p {

                    font-size: inherit;

                }



            .page-takeover-newsletter {

                margin-bottom: 30px;

            }



                .page-takeover-newsletter .form-group {

                    margin: 0 !important;

                    padding: 0 !important;

                }



                #page-takeover-newsletter-input-email {

                    /* reset */

                    display: inline-block;

                    padding: 0;

                    margin: 0;

                    line-height: 1;

                    vertical-align: middle;

                    border-radius: 0;

                    border: 0;

                    height: auto;

                    letter-spacing: 0;

                    /* style */

                    padding: 0 15px;

                    line-height: 40px;

                    height: 40px;

                    background: #fff;

                    color: #000;

                    width: 220px;

                    font-size: 1em;

                    font-weight: 400;

                    border-radius: 5px;

                }



                #page-takeover-newsletter-submit {

                    /* reset */

                    display: inline-block;

                    padding: 0;

                    margin: 0;

                    line-height: 1;

                    vertical-align: middle;

                    border-radius: 0;

                    border: 0;

                    text-transform: none;

                    -webkit-box-shadow: none;

                    box-shadow: none;

                    height: auto;

                    letter-spacing: 0;

                    /* style */

                    padding: 0 15px;

                    line-height: 40px;

                    background: #F2D751;

                    color: #000;

                    font-size: 1em;

                    font-weight: 700;

                    margin-left: 5px;

                    border-radius: 5px;

                }



            .page-takeover-button {

                margin-bottom: 30px;

            }



                #page-takeover-button a {

                    border: inherit;

                    color: inherit!important;

                    font-size: inherit;

                    font-weight: inherit;

                    outline: inherit;

                    box-shadow: none!important;

                    text-shadow: none!important;

                    text-transform: none!important;

                    width: auto;

                    background: #F2D751;

                    color: #fff;

                    border-radius: 4px;

                    cursor: pointer;

                    font-size: 1.5em;

                    line-height: 1.9em;    

                    font-weight: 700;

                    padding: 6px 30px !important;

                    border: 0 !important;

                    letter-spacing: 0;

                    display: inline-block;

                }



            .page-takeover-decline {

                font-size: 1em;

                line-height: 1.4em;

                color: #3b6a57;

                margin: 0 auto;

                margin-bottom: 30px;

                display: table;

                width: auto;

                cursor: pointer;

                letter-spacing: 0;

            }



            .page-takeover-custom-content-after {

                color: #fff;

            }



/*--------------------------------------------------------------

	# Other

--------------------------------------------------------------*/



.page-takeover-clear {

    clear: both;

}



/*--------------------------------------------------------------

	# Responsive

--------------------------------------------------------------*/



/*--------------------------------------------------------------

	## Tablets

--------------------------------------------------------------*/



@media only screen and ( min-width: 768px ) and ( max-width: 1023px ) {



	



}



/*--------------------------------------------------------------

	## Phones ( landscape + portrait )

--------------------------------------------------------------*/



@media only screen and ( max-width: 767px ) {



    .page-takeover-container {

        left: 10px;

        right: 10px;

        transform: translateY(-50%);

    }



    .page-takeover-title {

        font-size: 2em !important;

        margin-bottom: 15px;

    }



    .page-takeover-subtitle {

        font-size: 1.2em !important;

        margin-bottom: 15px;

    }



    .page-takeover-button {

        margin-bottom: 15px;

    }



    .page-takeover-decline {

        margin-bottom: 0;

    }



}



@media only screen and ( max-width: 500px ) {



    #page-takeover-newsletter-input-email,

    #page-takeover-newsletter-submit {

        width: 100%;

        margin: 0;

    }



    #page-takeover-newsletter-submit {

        margin-top: 10px;

    }



}