/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

:root{
    --primary: #F37C29;
    --primary-dark: #F17015;
    --blue: #1340A5;
    --blue-dark: #262261;
}
.theme-blue{
    --primary: #0dcfe1;
    --primary-dark: #07b0ce; 
}

html, body{margin: 0 auto;padding: 0;}
body *::-webkit-scrollbar{background:transparent;opacity:0;width:0px;height:0px;}
a img{border:0;-moz-outline-style:none;outline: none;}
img{max-width:100%;}
form,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal;}
input[type="submit"]{cursor:pointer;-webkit-appearance: none;}
input{font-family: 'Assistant', sans-serif;}
*{-webkit-box-sizing: border-box;box-sizing: border-box;}
*:focus{-webkit-tap-highlight-color:transparent;-moz-outline-style: none;outline: none;}
/*==helpers==*/
.flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.flex-col{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.items-start{
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.justify-between{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.justify-center{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.flex-1{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1
}
.text-center{
    text-align: center;
}
.relative{
    position: relative;
}
.z-1{
    position: relative;
    z-index:1;
}
.absolute{
    width: 100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
}
.img-cover img{
    width: 100%;
    height:100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top:0;
    left:0;
}
.text-white{
    color:white;
}
.text-primary{
    color: var(--primary);
}
/*==/end helpers==*/


body{
    direction: rtl;
    font-family: 'Assistant', sans-serif;
    color: var(--blue-dark);
    font-size:18px;
    background-color: #f7f7f7;
}
.container{
    width:100%;
    max-width:85%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.header{
    position: absolute;
    top:0;
    right:0;
    left:0;
    z-index:5;
}
.logo{
    background-color: white;
    border-radius:0 0 6px 6px;
    padding:20px 8px 4px;
}
.head-phone{
    background-color:white;
    border-radius:6px;
    color:var(--blue);
    text-decoration: none;
    font-weight:bold;
    height:32px;
    line-height:32px;
    padding:0 14px;
}
.hero{
    padding-top:21%;
    overflow:hidden;
}
.hero .container{
    position:absolute;
    height:100%;
    z-index:2;
    top:0;
    right:0;
    left:0;
    padding-top: 60px;
}
.hero-inner{
    max-width:55%;
}
.title{
    font-family: 'Secular One', sans-serif;
    line-height:1.1;
    font-size:2.8vw;
    margin-bottom:.2em;
}
.subtitle{
    font-weight:bold;
    font-size:1.4vw;
}
.text{
    font-size:1.4vw;
    line-height: 1.4;
}
.main{
    padding:2em 0;
    z-index:2;
}
.main::before{
    content: '';
    display:block;
    width:16%;
    height:100%;
    position: absolute;
    left:0;
    top:0;
    background: url('../images/bg-l.png') no-repeat left bottom;
    background-size:100% auto;
}
.main-width{
    max-width:55%;
}
.bulets{
    margin-top:1em;
}
.bulet-item{
    padding:13px 0;
    width:50%;
}
.bulet-img{
    margin-left:.8em;
    width:13%;
    padding-top: 13%;
}
.bulet-img img{
    -o-object-fit: contain;
       object-fit: contain;
}
.bulet-tx{
    font-size: 1.2vw;
    font-weight: 600;
}
.form-wrap{
    width:32%;
    background-color: var(--blue);
    padding:2em 2em;
    border-radius: 20px;
    -webkit-box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.3);
}
.form-title{
    font-size:1.9vw;
}
.wpcf7 br{
	display:none;
}
.wpcf7-response-output {
	display: none !important;
}
.wpcf7-not-valid, .error input {
	border: 2px solid #b11212 !important;
}
.wpcf7-not-valid-tip{
	font-size:13px;
}
div.wpcf7 .wpcf7-spinner, .loader {
background: url("../images/loader.svg") no-repeat center;
width: 32px;
height: 32px;
position: absolute;
right: 0;
left: 0;
margin: auto;
top: 0;
bottom: 0;
visibility: visible;
display: none; }

.wpcf7-spinner:before {
display: none; }
    
.wpcf7-form.submitting .wpcf7-spinner, div.wpcf7 .wpcf7-spinner.is-active {
display: block; }

.wpcf7-submit.submit-hide,
.wpcf7-form.submitting .wpcf7-submit {
position: relative;
font-size: 0px !important;
-webkit-transition: all 0 ease-in-out;
-o-transition: all 0 ease-in-out;
transition: all 0 ease-in-out; }

form{
    width:100%;
    max-width:310px;
    margin:15px auto;
}
.form-input{
    position:relative;
    margin-bottom:18px;
}
.wpcf7-form-control, .custom-file-input{
    background-color: white;
    border-radius:3px;
    height:48px;
    font-size:18px;
    padding:0 14px;
    padding-top:12px;
    width:100%;
    border: 1px solid transparent;
    color:var(--blue-dark);
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;

}
.wpcf7-form-control:focus{
border-color:var(--blue-dark);
-webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3);
}
label{
    position: absolute;
    right:0;
    top:2px;
    opacity:.9;
    z-index: 1;
    padding-right:8px;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--blue-dark);
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
         -o-transition-duration: 150ms;
            transition-duration: 150ms;
}
.wpcf7-form-control-wrap:not(.focused):not(.valid) ~ label {
    top:12px;
    padding-right:14px;
    font-size: 1rem;
    line-height: 1.5rem;
    opacity:1;
}
.form-submit input{
    background-color:var(--primary);
    color:white;
    font-size:22px;
    font-weight:bold;
    height:44px;
    border-radius:60px;
    width:100%;
    border:none;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}
.form-submit input:hover{
    background-color: var(--primary-dark);
}
.footer{
    padding:3em 0 2em;
}
.footer::after{
    content: '';
    display:block;
    width:20%;
    height:160%;
    position: absolute;
    right:0;
    bottom:0;
    background: url('../images/bg-r.png') no-repeat right bottom;
    background-size:100% auto;
}
.grid{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns: minmax(0, 1fr) 3% minmax(0, 1fr) 3% minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    -webkit-column-gap: 3%;
       -moz-column-gap: 3%;
            column-gap: 3%;
}
.card{
    background-color: white;
    border-radius: 12px;
    -webkit-box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.11);
            box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.11);
}
.card-top{
    padding:40px 1.5em 2em;
    font-size:1.1vw;
}
.icon{
    width:60px;
    height:60px;
    background-color: white;
    border-radius:50%;
    border: 1px solid #BD4700;
    position: absolute;
    top:-30px;
    right:1.5em;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}
.icon img{
    max-width:55%;
}

.card-bt{
    display:block;
    width:100%;
    text-align:center;
    background-color: var(--primary);
    color:white;
    font-family: 'Secular One', sans-serif;
    text-decoration:none;
    font-size:22px;
    padding:8px 0;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    border-radius: 0 0 12px 12px;
}
.card-bt:hover{
    background-color: var(--primary-dark);
}
.float-phone a{
    position:fixed;
    bottom:30px;
    left:20px;
    width:48px;
    height:48px;
    border-radius:50%;
    background-color: #25ca2f;
    z-index:10;
    padding:11px;
}
.rights{
    padding:1em;
    color:gray;

}
.custom-file-input::before {
    content: 'העלה קורות חיים';
    display: inline-block;
    background: white;
    border: none;
    width: 100%;
    padding: 11px 0;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 400;
    font-size: 18px;
    margin-left: 5px;
	font-size: 1rem;
    line-height: 1.5rem;
    opacity: 1;
	color: var(--blue-dark);
}
.custom-file-input {padding-top: 0; color: transparent;}
#file-upload-button {-webkit-appearance: none; appearance: none; width: 0 !important; height: 0 !important; opacity: 0 !important;}
::-webkit-file-upload-button {display: none !important;}
.fupload {position: relative;}
.fupload.selected:after {
    content: "קובץ צורף בהצלחה";
    display: block;
    position: absolute;
    left: 15px;
    top: 0;
    width: 70px;
    padding-left: 15px;
    padding-top: 0;
    font-size: 12px;
    line-height: 1.2;
    height: 45px;
    font-family: "Assistant", Sans-serif, serif;
    background-image: url(../../check.png);
    z-index: 2;
    background-size: 16px;
    background-position: left center;
    background-repeat: no-repeat;
}

@media only screen and (min-width:800px) {
    .mobile-only{
        display:none;
    }
    .hero:before{
        content: '';
        display: block;
        width: 100%;
        height:100%;
        position: absolute;
        top:0;
        left:0;
        z-index: 1;
        background:-webkit-gradient(linear, left top, right top, from(rgb(26 30 81 / 15%)), to(rgb(10 11 23 / 81%)));
        background:-o-linear-gradient(left, rgb(26 30 81 / 15%) 0%, rgb(10 11 23 / 81%) 100%);
        background:linear-gradient(90deg, rgb(26 30 81 / 15%) 0%, rgb(10 11 23 / 81%) 100%);
    }
    .form-wrap{
        margin-top:-100px;
        z-index:2;
    }
    .card:hover .icon{
        -webkit-transform: translateY(-6px);
            -ms-transform: translateY(-6px);
                transform: translateY(-6px);
    }
}

@media only screen and (max-width:1300px) {
    .title{
        font-size:3vw;
    }
    .form-title{
        font-size:2.5vw;
    }
    .bulet-tx{
        font-size:1.4vw;
    }
    .card-top{
        font-size:1.4vw;
    }
}
@media only screen and (max-width:800px) {
    .no-mobile{
        display:none;
    }
    .container{
        max-width:100%;
    }
    .m-block{
        display:block;
    }
    .form-wrap{
        width:100%;
    }
    .hero{
        padding-top: 40vw;
    }
    .hero-inner{
        margin-bottom:1em;
    }
    .hero-inner, .main-width{
        max-width:100%;
    }
    .title{
        font-size:5vw;
    }
    .subtitle{
        font-size:3vw;
    }
    .text{
        font-size:2.5vw;
    }
    .bulet-tx{
        font-size:2.4vw;
    }
    .form-wrap{
        margin-top:1em;
    }
    .main::before{
        display:none;
    }
    .footer{
        padding:0;
    }
    .footer .container{
        white-space: nowrap;
        overflow: auto;
        display:flow-root;
        padding:0;
    }
    .grid{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        width:160%;
        padding:30px;
    }
    .card{
        width:60vw;
    }
    .card .flex-col{
        height:100%;
    }
    .icon{
        right:0;
        left:0;
        margin: auto;
    }
    .card-top{
        font-size:2vw;
        text-align: center;
        white-space: normal;
    }
    .card-bt{
        font-size:2vw;
    }
}
@media only screen and (max-width:650px) {
    .hero{
        padding-top: 60vw;
    }
    .main{
        padding:30px 0;
    }
    .footer::after{
        width:80%;
    }
    .title{
        font-size:8vw;
    }
    .subtitle{
        font-size:5vw;
    }
    .text{
        font-size:4.3vw;
    }
    .bulet-img{
        width:10%;
    }
    .bulet-tx{
        font-size:5.4vw;
    }
    .bulet-item{
        width:100%;
    }
    .card-top{
        font-size:4vw;
    }
    .card-bt{
        font-size:4.5vw;
    }
}