/** Generated by FG **/
@font-face {
    font-family: 'Conv_TheSans-Bold';
    src: url('fonts/TheSans-Bold.eot');
    src: local('☺'), url('fonts/TheSans-Bold.woff') format('woff'), url('fonts/TheSans-Bold.ttf') format('truetype'), url('fonts/TheSans-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'TrajanProRegularEN';
	src: url('fonts/TrajanProRegularEN.eot');
	src: local('☺'), url('fonts/TrajanProRegularEN.woff') format('woff'), url('fonts/TrajanProRegularEN.ttf') format('truetype'), url('fonts/TrajanProRegularEN.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'HSNRazanBold';
    src: url('fonts/HSNRazanBold.eot');
    src: local('☺'), url('fonts/HSNRazanBold.woff') format('woff'), url('fonts/HSNRazanBold.ttf') format('truetype'), url('fonts/HSNRazanBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
    font-family: 'TrajanProRegularEN','HSNRazanBold';
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

a.button {
    display: inline-block;
    background: #50ab5b;
    color: #fff;
    padding: 20px 35px;
    border-radius: 4px;
    text-decoration: none;
    box-shadow: 0px 0px 10px rgba(0,0,0,.3);
    height: 66px;
    min-width: 180px;
    text-align: center;
}

    a.button:hover {
        box-shadow: 0px 0px 20px rgba(0,0,0,.3);
    }

.container {
    margin: auto;
    max-width: 800px;
    text-align: center;
    position: relative;
    min-height: 100%;
}

.container {
    display: flex;
}


        .container > div.visible {
            display: flex;
            flex-direction: column;
            align-self: center;
        }

.input {
    display: flex;
    width: 80%;
    margin: 20px auto;
    box-shadow: 0px 0px 10px rgba(0,0,0,.3);
    border-radius: 4px;
}

    .input input {
        flex: 1;
        border: 0 solid #50ab5b;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        line-height: 1.25;
        background-color: #edf2f7 !important;
        font-family: 'Conv_TheSans-Bold';
        text-align: center;
        height: 66px;
        font-size: 20px;
    }

        .input input:focus {
            outline: none;
        }

    .input input {
        border-radius: 4px 0 0 4px;
    }

    .input .button {
        border-radius: 0 4px 4px 0;
        box-shadow: none;
    }

    .input[dir=rtl] input {
        border-radius: 0 4px 4px 0;
    }

    .input[dir=rtl] .button {
        border-radius: 4px 0 0 4px;
    }

button:hover {
    background: #90d506;
}

@media only screen and (max-width: 760px) {
    .input {
        flex-direction: column;
    }

        .input input {
            width: 100%;
            border-radius: 4px 4px 0 0;
        }

        .input .button {
            border-radius: 0 0 4px 4px;
            box-shadow: none;
        }
}