@font-face { font-family: 'OpenSansHebrew'; src: url('OpenSansHebrew-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'OpenSansHebrew'; src: url('OpenSansHebrew-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; }
/********************* clearfix ***********************/
.clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
/********************* end clearfix ***********************/
/********************* Master Layout ***********************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; }
br { margin: 0; padding: 0; line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
    blockquote:before, blockquote:after,
    q:before, q:after { content: ''; content: none; }
body { background-color: #000; line-height: 1; font-size: 14px; color: #f6f6ef; font-family: 'OpenSansHebrew', Arial, Helvetica, sans-serif; direction: rtl; margin: 0; padding: 0; }
a { text-decoration: none; outline: none; color: #000; }
    a:hover { text-decoration: none; }
.contact { background-color: #fff; }
.titles { text-align: center; margin-top: 20px; color: #ffcf3d; font-weight: bold; font-size: 2.5em; }
    .titles p { color: #000; display: inline; }
.form { margin-top: 20px; margin-bottom: 20px; padding: 0 5%; }
input[type="text"] { background-color: #606060; padding-right: 18%; height: 70px; line-height: 70px; color: #fece3d; font-size: 2em; }
input[type="submit"] { background-color: #ffcf3d; color: #000; font-weight: bold; height: 70px; line-height: 70px; text-align: center; font-size: 2.5em; }
    input[type="submit"]:hover { background-color: #000; color: #ffcf3d; }
.about { background: url("../images/bg.jpg") repeat-y; padding: 1% 1% 1% 0; }
    .about img { float: left; }
.about-txt { padding: 7% 3%; font-size: 2em; line-height: 1.5em; }
    .about-txt h3 { color: #ffcf3d; margin-top: 7%; font-weight: bold; font-size: 1.1em; margin-bottom: 1%; }
    .about-txt p { margin-top: 10%; }
.recommend { background-color: #ffcf3d; text-align: center; padding: 30px 8% 0 8%; }
    .recommend h3 { color: #fff; font-size: 4em; margin: 20px 0; font-weight: bold; }
    .recommend h4 { color: #000; font-size: 3em; margin: 20px 0; font-weight: bold; }
    .recommend .item { width: 100% !important; margin: 0 0.5%; }
        .recommend .item img { width: 30% !important; display: inline; }
::-webkit-input-placeholder { /* Safari, Chrome and Opera */ color: #ffcf3d !important; opacity: 1 !important; }
:-moz-placeholder { /* Firefox */ color: #ffcf3d !important; opacity: 1 !important; }
:-ms-input-placeholder { /* IE 10+ */ color: #ffcf3d !important; opacity: 1 !important; }
::-ms-input-placeholder { /* Edge */ color: #ffcf3d !important; opacity: 1 !important; }
:placeholder-shown { /* Default */ color: #ffcf3d !important; opacity: 1 !important; }
.txtname { background: url("../images/namebg.png") center right no-repeat #606060; }
.txtphone { background: url("../images/phonebg.png") center right no-repeat #606060; }
.txtemail { background: url("../images/emailbg.png") center right no-repeat #606060; }
.gallery { margin-top: 2%; padding-left: 1%; }
    .gallery .item { width: 24% !important; margin: 0 0.5%; }
.logos { background-color: #fff; }
    .logos ul { display: flex; margin: 3% 0; }
.btm-img { padding-right: 5%; }
.contact-btm { color: #000; color: #000; padding: 2% 5%; font-size: 2em; }
.form-main { background-color: #ffcf3d; padding: 10% 12%; }
    .form-main h5 { text-align: center; color: #fff; font-weight: bold; font-size: 1.8em; margin-bottom: 20px; }
    .form-main input[type="text"] { font-size: 1.4em; }
    .form-main input[type="submit"] { background-color: #fff; color: #000; margin-top: 40px; font-size: 1.8em; }
        .form-main input[type="submit"]:hover { background-color: #000; color: #fff; }
.c-title { font-weight: bold; font-size: 1.5em; margin-bottom: 30px; }
.phone { background: url("../images/phone.jpg") no-repeat right center; padding-right: 80px; height: 62px; line-height: 62px; font-size: 1.6em; margin-bottom: 20px; }
.email { background: url("../images/email.jpg") no-repeat right center; padding-right: 80px; height: 62px; line-height: 62px; font-size: 1.6em; margin-bottom: 20px; }
.facebook { background: url("../images/facebook.jpg") no-repeat right center; padding-right: 80px; height: 62px; line-height: 62px; font-size: 1.6em; margin-bottom: 20px; }
.instagram { background: url("../images/insta.png") no-repeat right center; padding-right: 80px; height: 62px; line-height: 62px; font-size: 1.6em; margin-bottom: 20px; }
.c-row { background-color: #606060; margin-bottom: 20px; }
.form .c-row { margin-left: 2%; width: 23%; }
footer { background: url("../images/bg.jpg") repeat-y; height: 100px; }
.thanks { text-align: center; font-weight: bold; font-size: 2em; color: #000; }
.ws { bottom: 0; display: block; color: #fff; position: fixed; right: 0; max-width: 130px; z-index: 9999; cursor: pointer; }
.carousel-inner .item { width: 100% !important; }
.video { width: 100%; }
.v-r { text-align: right; }
.v-l { text-align: left; padding-right: 5%; }

@media only screen and (max-width: 768px) {
    .titles { font-size: 2em; }
        .titles p { display: block; width: 100%; margin-bottom: 10px; }
    .phone, .email, .facebook, .instagram { font-size: .8em; }
    .gallery { margin-top: 1%; }
    .about-txt { font-size: 1.5em; }
    .recommend h3 { font-size: 2.5em; }
    .recommend .item { width: 100% !important; margin-bottom: 20px; }
        .recommend .item img { width: 90% !important; }
    .recommend h4 { font-size: 2.5em; }
    .contact-btm { border-top: 1px solid #000; }
    .form-main { padding: 10% 5%; }
        .form-main h5 { font-size: 1em; }
        .form-main input[type="text"] { font-size: .8em; }
        .form-main input[type="submit"] { font-size: 1.4em; }
    .gallery .item { width: 48% !important; margin: 1%; }
    .carousel-inner .item { width: 100% !important; }
    .btm-img { padding-right: 0 !important; }
    .form .c-row { margin-left: 0 !important; width: 100% !important; }
    .c-title { font-size: 1.1em; }
    .v-l { padding-right: 0; margin-top: 30px; }
    .phone { background: url("../images/phone2.jpg") no-repeat right center; padding-right: 50px; height: 42px; line-height: 42px; }
    .email { background: url("../images/email2.jpg") no-repeat right center; padding-right: 50px; height: 42px; line-height: 42px; }
    .facebook { background: url("../images/facebook2.jpg") no-repeat right center; padding-right: 50px; height: 42px; line-height: 42px; }
    .instagram { background: url("../images/insta2.png") no-repeat right center; padding-right: 50px; height: 42px; line-height: 42px; }
}