@font-face {
    font-family: 'amerika_sans';
    src: url('../fonts/americasans.eot');
    src: url('../fonts/americasans.eot?#iefix') format('embedded-opentype'), url('../fonts/americasans.woff2') format('woff2'), url('../fonts/americasans.woff') format('woff'), url('../fonts/americasans.ttf') format('truetype'), url('../fonts/americasans.svg#amerika_sans') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI Light';
    src: url('../fonts/Segoe/segoeuil.eot');
    src: url('../fonts/Segoe/segoeuil.eot?#iefix') format('embedded-opentype'), url('../fonts/Segoe/segoeuil.woff') format('woff'), url('../fonts/Segoe/segoeuil.ttf') format('truetype'), url('../fonts/Segoe/segoeuil.svg#segoe_ui_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/Segoe/segoeui.eot');
    src: url('../fonts/Segoe/segoeui.eot?#iefix') format('embedded-opentype'), url('../fonts/Segoe/segoeui.woff') format('woff'), url('../fonts/Segoe/segoeui.ttf') format('truetype'), url('../fonts/Segoe/segoeui.svg#segoe_ui') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DosisSemiBold';
    src: url('../fonts/Dosis/Dosis-SemiBold.eot');
    src: url('../fonts/Dosis/Dosis-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Dosis/Dosis-SemiBold.woff2') format('woff2'), url('../fonts/Dosis/Dosis-SemiBold.woff') format('woff'), url('../fonts/Dosis/Dosis-SemiBold.ttf') format('truetype'), url('../fonts/Dosis/Dosis-SemiBold.svg#dosissemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DosisBold';
    src: url('../fonts/Dosis/Dosis-Bold.eot');
    src: url('../fonts/Dosis/Dosis-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Dosis/Dosis-Bold.woff2') format('woff2'), url('../fonts/Dosis/Dosis-Bold.woff') format('woff'), url('../fonts/Dosis/Dosis-Bold.ttf') format('truetype'), url('../fonts/Dosis/Dosis-Bold.svg#dosissemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DosisLight';
    src: url('../fonts/Dosis/Dosis-Light.eot');
    src: url('../fonts/Dosis/Dosis-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Dosis/Dosis-Light.woff2') format('woff2'), url('../fonts/Dosis/Dosis-Light.woff') format('woff'), url('../fonts/Dosis/Dosis-Light.ttf') format('truetype'), url('../fonts/Dosis/Dosis-Light.svg#dosislight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Dosis-Medium';
    src: url('../fonts/Dosis/Dosis-Medium.eot');
    src: url('../fonts/Dosis/Dosis-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Dosis/Dosis-Medium.woff2') format('woff2'), url('../fonts/Dosis/Dosis-Medium.woff') format('woff'), url('../fonts/Dosis/Dosis-Medium.ttf') format('truetype'), url('../fonts/Dosis/Dosis-Medium.svg#dosis-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DejaVu SansCondensed';
    src: url('../Fonts/DejaVuSansCondensed-webfont.eot');
    src: url('../Fonts/DejaVuSansCondensed-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/DejaVuSansCondensed-webfont.woff') format('woff'), url('../Fonts/DejaVuSansCondensed-webfont.ttf') format('truetype'), url('../Fonts/DejaVuSansCondensed-webfont.svg#dejavu_sanscondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BonvenoCF Light';
    src: url('../Fonts/BonvenoCF-Light-webfont.eot');
    src: url('../Fonts/BonvenoCF-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/BonvenoCF-Light-webfont.woff') format('woff'), url('../Fonts/BonvenoCF-Light-webfont.ttf') format('truetype'), url('../Fonts/BonvenoCF-Light-webfont.svg#bonvenocflight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* =================================== GLOBALS =====================================*/
html {
    margin: 0;
    padding: 0;
    height: 100%;
    background: #FFF url("../Images/Bkgementa-online.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    font-family: 'Calibri','Segoe UI Light', Tahoma, Geneva, Verdana, sans-serif;
    min-height: 100%;
    width: 100%;
    font-size: 11pt;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, label {
    /*font-family: 'Segoe UI Light' !important;*/
    font-weight: normal;
}

a, a:hover, a:active {
    text-decoration: none;
    color: #FFF;
}

@media screen and (min-width:0\0) {
    select {
        background: none;
        padding: 0 0 0 5px !important;
        -webkit-appearance: initial;
        -moz-appearance: initial;
        appearance: initial;
    }
}

.movelife_copyright {
    display: inline-block;
    width: auto;
    padding: 5px 0px 5px 40px;
    font-size: 9pt;
}

.site_copyright {
    display: block;
    text-align: right;
    width: 100%;
    padding: 5px 40px 5px 0px;
    font-size: 9pt;
}

    .movelife_copyright a, .movelife_copyright span,
    .site_copyright a, .site_copyright span {
        color: #000;
    }

.site_copyright {
    display: inline-block;
    width: auto;
    float: right;
}

.flex-square {
    width: 233px;
    height: 305px;
    background: #fff;
    margin: 10px;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #a0a0a0;
    text-align:center;
    position: relative;
}

.flex-square:before{
    content: "";
    display: block;
    padding-top: 100%;
}

.menu_evaluation {
        display: none;
        margin: 60px 40px 80px 40px;
        list-style-type: none;
        padding: 0;
    }

    .evaluationbutton {
        border-top: solid 2px #fff;
        border-bottom: solid 2px #fff;
        width: 100%;
        margin-bottom: 20px;
        min-height: 150px;
    }

    .evaluationbuttontext {
        position: relative;
        display: block;
        width: 90%;
        margin: auto;
        text-align: center;
        font-weight: bold;
        font-style: italic;
    }

    .evaluationbuttonimage {
        display: block;
        margin-top: 10px;
        margin-bottom: 5px;
        text-align: center;
    }

        .evaluationbuttonimage .eval {
            display: inline-block;
            height: 50px;
            width: 50px;
            margin-right: 10px;
            background-position: center;
            background-repeat: no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            cursor: pointer;
        }

            .evaluationbuttonimage .eval.blue {
                background-image: url('../../../../Images/Smiles/blue-smile.png');
            }

            .evaluationbuttonimage .eval.blueoff {
                background-image: url('../../../../Images/Smiles/blue-gray-smile.png');
            }

            .evaluationbuttonimage .eval.green {
                background-image: url('../../../../Images/Smiles/green-smile.png');
            }

            .evaluationbuttonimage .eval.greenoff {
                background-image: url('../../../../Images/Smiles/green-gray-smile.png');
            }

            .evaluationbuttonimage .eval.yellow {
                background-image: url('../../../../Images/Smiles/yellow-smile.png');
            }

            .evaluationbuttonimage .eval.yellowoff {
                background-image: url('../../../../Images/Smiles/yellow-gray-smile.png');
            }

            .evaluationbuttonimage .eval.red {
                background-image: url('../../../../Images/Smiles/red-smile.png');
            }

            .evaluationbuttonimage .eval.redoff {
                background-image: url('../../../../Images/Smiles/red-gray-smile.png');
            }


    .evaluation, .evaluation-step {
        display: none;
        position: relative;
        background: rgba(240, 240, 240, 0.9) !important;
        margin: 0px auto 40px auto;
        max-width: 500px;
        padding-top: 20px;
    }

    .evaluation_question {
        background: rgba(255, 255, 255, 0.9) !important;
        margin: 5px;
        text-align: center;
    }

    .evaluation .btncontainer {
        width: 100%;
        text-align: center;
    }

    .evaluation .btnsavesimple {
        border: 0;
        width: 80%;
        text-align: center;
        background-color: #218649;
        color: #fff;
        margin-bottom: 20px;
        margin-top: 10px;
        font-size: 18px;
        height: 35px;
    }