/*@font-face {
    font-family: ness;
    src: url(../fonts/FbSpoiler-Regular.ttf);
}*/

label.valid {
    display: none;
}
/*html {
 max-width: 996px;

}*/

body {
    background-image: url("../images/background.jpg");
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    overflow-y: hidden;
    direction: rtl;
    /*font-family: "FbSpoiler";*/
    /*font-family: ness, 'arial' !important;*/
    /*13-08-17*/
    font-family: 'Open Sans Hebrew', Helvetica, Arial, sans-serif;
    max-width: 996px;
    margin: 0 auto;
}

#content, #content .row {
    margin: 0 auto;
    max-width: 621px;
    margin-top: 10%;
}

h1.logo {
    background-image: url("../images/logo.png");
    background-position: center center;
    background-size: contain;
    height: 56px;
    margin: 25px auto 0;
    overflow: hidden;
    text-indent: -1e+9%;
    width: 56px;
}

h2.main_title {
    line-height: 90%;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    margin: 30px 0;
    text-align: center;
    text-shadow: 4px 5px 6px #000;
}

.choice {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #512c1d;
    border-radius: 5px;
    box-shadow: 4px 2px 5px #fff inset, -5px -5px 5px #512c1d inset;
    padding: 4px;
    text-align: center;
    width: 185px;
}

    .choice.checked {
        background: #b7824f;
    }

    .choice .title {
        color: #512c1d;
        font-size: 25px;
        font-weight: bold;
        margin: 5px 0;
    }


input:checked {
    height: 15px;
    width: 15px;
}

.choice .description {
    color: #512c1d;
    font-size: 18px;
    margin: 11px 0 7px;
}

.choice input[type="radio"] {
    display: none;
}


#form_part_2 {
    margin-top: 39px;
}

    #form_part_2 input[name="email"] {
        border: 0 none;
        border-radius: 6px;
        box-shadow: 4px 2px 5px #fff inset, -3px -3px 5px #512c1d inset;
        display: block;
        font-family: arial;
        margin: 0 auto;
        padding: 4px 10px;
        width: 280px;
    }

*::-moz-placeholder {
    color: #000;
    opacity: 1;
}

:-moz-placeholder {
    color: #000;
    opacity: 1;
}

#form_part_2 label[for="agree"] {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

#agree_container input[name="agree_to_email_me"] {
    height: 21px;
    width: 100%;
}

#agree_container {
    margin: 14px 0 18px !important;
}

    #agree_container .col-md-1 {
        max-width: 18px;
        padding: 0;
    }

    #agree_container .col-md-11 {
        padding: 0;
        width: calc(100% - 18px);
    }

    #agree_container .checkbox_container input[type="checkbox"] {
        opacity: 0;
        position: absolute;
    }

        #agree_container .checkbox_container input[type="checkbox"] + .fancy_checkbox {
            background: #fff none repeat scroll 0 0;
            border-radius: 3px;
            box-shadow: 2px 8px 5px #fff inset, -2px -2px 1px #512c1d inset;
            height: 21px;
            width: 100%;
        }

            #agree_container .checkbox_container input[type="checkbox"] + .fancy_checkbox i {
                display: none;
            }

        #agree_container .checkbox_container input[type="checkbox"]:checked + .fancy_checkbox i {
            display: block;
            font-size: 12px;
            position: relative;
            text-align: center;
            top: 4px;
        }

        #agree_container .checkbox_container input[type="checkbox"]:checked + .fancy_checkbox {
            background: #fff none repeat scroll 0 0;
            border-radius: 3px;
            box-shadow: 2px 8px 5px #fff inset, -2px -2px 1px #512c1d inset;
            height: 21px;
            width: 100%;
        }

/*#popupBtn a {
    background: #b7824f none repeat scroll 0 0;
    border: 0 none;
    color: #fff !important;
    display: block;
    font-size: 25px;
    font-weight: bold;
    margin: 0 auto;
    box-shadow: 4px 4px 5px #d9bfa5 inset, -5px -5px 5px #512c1d inset;
    text-decoration: none !important;
}*/

#popupBtn {
    background: #b7824f none repeat scroll 0 0;
    border: 0 none;
    color: #fff !important;
    display: block;
    font-size: 25px;
    font-weight: bold;
    margin: 0 auto;
    box-shadow: 4px 4px 5px #d9bfa5 inset, -5px -5px 5px #512c1d inset;
    text-decoration: none !important;
    width: 60%;
}

button.send {
    background: #b7824f none repeat scroll 0 0;
    /*13-08-17*/
    /*border: 1px solid #512c1d;*/
    border: 0 none;
    color: #fff;
    display: block;
    font-size: 25px;
    font-weight: bold;
    margin: 0 auto;
    /*-webkit-box-shadow: 6px 7px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 7px 5px 0px rgba(0,0,0,0.75);*/
    /*box-shadow: 6px 7px 5px 0px rgba(0,0,0,0.75);*/
    /*13-08-17*/
    box-shadow: 4px 4px 5px #d9bfa5 inset, -5px -5px 5px #512c1d inset;
}

    button.send span {
        /*border: 2px solid #fff;*/
        display: block;
        margin: 3px -3px;
        padding: 0 40px;
    }

/* footer{
	width: 100%;
	height: 43px;
	background: #fff;
	margin-top: 19px;
} */

/*07-08-17*/
footer {
    position: absolute;
    width: 100%;
    height: 43px;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    background: #fff;
    text-align: center;
}

    footer a {
        display: none;
    }

#popup_container {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    background: rgba(0,0,0,0.8);
    display: none;
}

#popup {
    background: #bc9b6a none repeat scroll 0 0;
    border: 2px solid #fff;
    outline: 5px solid #bc9b6a;
    color: #fff;
    margin: 0% 30%;
    /*max-width: 376px;*/
    min-height: 156px;
    padding-bottom: 9px;
    position: relative;
    top: 30vh;
    width: 40%;
}

    #popup .popup_close_button {
        display: block;
        font-size: 30px;
        font-weight: bold;
        padding: 8px 8px 0;
        width: 100%;
    }

        #popup .popup_close_button i {
            cursor: pointer;
        }

    #popup .thank_you {
        display: block;
        font-size: 30px;
        font-weight: bold;
        padding: 0 8px;
        text-align: center;
        width: 100%;
    }

    #popup button {
        background: black none repeat scroll 0 0;
        border: 0 none;
        display: block;
        font-size: 31px;
        font-weight: bold;
        margin: 9px auto;
        padding: 0 18px;
    }

#myCBX {
    font-family: ness, 'arial' !important;
    color: white;
    margin: 0 auto;
}

/*20.08.17*/
#cappuccinoDesc {
    margin-right: 1%;
}