html{width:100%;height:100%;}
body {width:100%;height:100%;padding:0; margin:0;background-color:#ffffff; direction:rtl;}
input, textarea, button {border-radius: 0; -webkit-appearance:none; outline: none;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;}


a {outline: none;text-decoration:none;color: #ffffff;}
a:hover {text-decoration:underline;outline: none;}
img{border:0;}


.dir{float: left;}
.dir-op{float: right;}
.full-div{width:100%;float:right;}

.half-div{width:50%;float: right;} 
.third-div{width:33.333333%;float:right;} 
.two-third-div{width:66.666666%;float:right;}
.qrtr-div{width:25%;float:right;}
.three-third-div{width:75%;float:right;}

.hide-mobile{display:block;}
.hide-desktop{display:none;}


/*colors*/
.c-white{color:#ffffff;}
.c-green{color:#42a542;}
.c-grey{color:#ede9e4;}
.c-dark{color:#1c1b1b;}
.c-blue{color:#147cb3;}
.c-light{color:#eaeaea;}
.c-red{color:#910f0f;}
.c-brown{color: #848484;}
.c-orange{color:#f4cc0f;}
.c-black{color:#2a2a2a;}


h1,h2,h3,h4{
    font-family: 'OronMFW';
    line-height: 1.2;
    color:white;
}

h1 {margin-bottom: 20px;font-weight:normal;font-size:63px;margin-top:0;}
h2 {margin-top:0;margin-bottom: 20px;font-weight:normal;font-size:50px;}
h3 {margin-top:0;margin-bottom: 20px;font-weight:normal;font-size:40px;}

p{margin:0; }


.custom-font{font-family: 'OronMFW';}
.responsive-img{max-width: 100%; height: auto;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.hand{cursor:pointer;}
.t-b{font-weight:bold;}
.t-nob{font-weight:normal;}
.t-i{font-style: italic;}
.t-u{text-decoration:underline;}
.t-nou{text-decoration:none;}
.t-nou:hover {text-decoration:none;}
.t-upper{text-transform: uppercase;}

.s-9{font-size:9px;}
.s-10{font-size:10px;}
.s-11{font-size:11px;}
.s-12{font-size:12px;}
.s-13{font-size:13px;}
.s-14{font-size:14px;}
.s-15{font-size:15px;}
.s-16{font-size:16px;}
.s-17{font-size:17px;}
.s-18{font-size: 18px;}
.s-19{font-size:19px;}
.s-20{font-size:20px;}
.s-21{font-size:21px;}
.s-22{font-size:22px;}
.s-23{font-size:23px;}
.s-24{font-size:24px;}
.s-25{font-size:25px;}
.s-26{font-size:26px;}
.s-27{font-size:27px;}
.s-28{font-size:28px;}
.s-30{font-size:30px;}
.s-32{font-size:32px;}
.s-36{font-size:36px;}
.s-38{font-size:38px;}
.s-40{font-size:40px;}
.s-42{font-size:42px;}
.s-45{font-size:45px;}
.s-48{font-size:48px;}
.s-55{font-size:55px;}
.s-60{font-size:60px;}
.s-70{font-size:70px;}
.s-90{font-size:90px;}

.absu{position:absolute;}
.rela{position:relative;}


.hide{display:none;}

.grid {width: 1800px;max-width: 100%;margin: auto;overflow: hidden;padding-top: 1vw;}
.base-text {font-family: 'Open Sans Hebrew', sans-serif;font-size: 22px;color: white;line-height:1.2;}
						
.form-field{text-align:right;border:1px solid #F2E8DF;width: 100%;height: 40px;font-size:18px;color:#373535;background-color:#f1f1f1;float:none;margin:auto;border-radius: 0;font-family: 'Open Sans Hebrew', sans-serif;padding-left:0;padding-right:5%;-webkit-appearance:none;}	
.signup-select{text-align:left;border:1px solid #F2E8DF;width:90%;padding-left:5%;height:32px;font-size:18px;color:#373535;background-color:#f1f1f1;float:none;margin:auto;border-radius: 6px;font-family: 'Arial';padding-left:5%;}			
.form-field-textarea{text-align:left;border:1px solid #766c5b;width:95%;height:140px;border-radius:4px;padding-left:5%;font-size:18px;color:#a7a7a7;font-family: 'Arial';font-weight:normal;font-family: 'Arial';}
.the-form {background: rgba(0, 0, 0, 0.47);padding: 3%;float: left;width: 94%;}
.form-container { width: 100%; float: left;margin-top: 2.5%;}
.signup-field {width: 30%;float: right; margin-left: 3.3%; margin-top: 1.5%;}
.genral-button{width: 100%;color:#ffffff;font-weight:bold;background-color: #f4cc0f;border: none;padding-left:0px;padding-right:10px;-webkit-appearance:none;font-size:28px;float:none;margin:auto;border-radius: 0;font-family: 'Open Sans Hebrew', sans-serif;height: 40px;transition: all .4s ease;}
	
.genral-button:hover{background-color: #0c4481;}

.general-shadow{box-shadow:0 0 5px 0 rgba(50, 50, 50, 0.75);}
.soft-shadow{box-shadow:0 0 5px 0 rgba(50, 50, 50, 0.50);}
.text-shadow{text-shadow: -2px 1px 6px rgba(150, 150, 150, 1);}

/*HP */
.green-bg {background: url(../images/green-section.jpg) no-repeat;height: auto; padding-top: 8vw;background-size: cover;padding-bottom: 1vw;}
.blue-bg {background: url(../images/blue-section.jpg) no-repeat;height: auto;background-size: cover;padding-top: 1.5vw;}
.brown-bg { background: url(../images/brown-section.jpg) no-repeat;height: 710px;background-size: cover;padding-top: 1.5vw;}
.top-header {position: fixed;width: 100%;padding-bottom: 0.75vw;z-index: 10;transition: all .4s ease;}
.header-logo {
    max-height: 60px;
}
.grid-inner {  width: 48%; padding-right: 2%;position: relative;}
h1.c-white{padding-right:2%;}
.grid-inner h2 { margin-bottom: 0.5vw;line-height: 100%;}
.grid-inner h2>img { display: inline-block; vertical-align: middle;}	
.brown-img {position: absolute;bottom: -594px;z-index: 7;max-width: 100%;}	
.bottom-right {background: url(../images/bottom-bg1.jpg) no-repeat; height: 836px; background-size: cover;}
.bottom-left {background: url(../images/bottom-bg2.jpg) no-repeat;height: 836px;background-size: cover;overflow: hidden;}	
.bottom .half-div { padding:  0 5%;width: 40%;position: relative;}	
.bottom-img {max-width: 100%;padding-top: 5.1vw;}
.bottom .half-div h3 { margin-top: 10%;} 
.half-div.brown-left h2>span { display:inline-block; vertical-align:sub;}
.half-div.brown-left h2 {line-height: 100%;}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*---------------------MODULES-----------------*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*CONTACT FORM*/
.contact-form{width:100%;float:right}
.contact-form-field-container{width:100%;float:right;margin-bottom:8px;}
.contact-form-submit{text-align:left;float:left;width:160px;}


/*footer*/
.footer{width:100%;float:right;background-color: white;padding-top:20px;padding-bottom: 20px;line-height: 100%;}
.footer-menu-tab{min-width:30px;height:24px;padding-top:2px;padding-right:15px;padding-left:15px;float:right;}	
.footer-container { text-align: left;}
.footer .grid {padding-top: 2.5vw;  width: 1700px;}
.footer-social-icons.dir-op {margin-right: 6vw;}
.footer-social-icons img { margin: 0 0.25vw;}
.footer h3, .footer p {
    font-size: 25px;
    margin-bottom: 0;
}
/*---animations---*/
.img-section1-anim-reset{
    position: relative;
    left: -900px;
    animation: move-first-img .5s cubic-bezier(0, 0.7, 0.35, 1.15) 1.5s forwards;
}
@keyframes move-first-img{
    to{
      left: 0; 
    }
}
.img-section2-anim-reset{
    position: relative;
    bottom: -900px;
    transition: all .5s cubic-bezier(0, 0.7, 0.35, 1.15) 0.5s;
}
.img-section3-anim-reset{
    right: -900px;
    transition: all .5s cubic-bezier(0, 0.7, 0.35, 1.15) 0.5s;
}
.img-section4-anim-reset{
    position: relative;
    right: -860px;
    transition: all .5s ease;
}

.img-section2-anim-start {
    bottom: 0;
}
.img-section3-anim-start {
    right: 0;
}
.img-section4-anim-start {
    right: 0;
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*laptop & small Screens!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1681px) {

}

@media (max-width: 1366px) {
.grid {width: 1300px;}

}
@media (max-width: 1285px) {
.grid {width: 1200px;}

}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*tablet classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1024px) {

}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*mobile classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 768px) {
.hide-mobile{display:none;}
.hide-desktop{display:block;}
.green-bg h1 {
    font-size: 10vw;
    margin-top: 20vw;
    line-height: 100%;
}
.half-div{width:100%;float:right;padding: 0;} /*full on mobile*/
.bottom .half-div{width:90%;float:right;padding: 5%;text-align: center;} /*full on mobile*/
.bottom-left, .bottom-right {
    height: 600px;
}
.the-form {
    position: fixed;
    bottom: 0;
    background: rgba(0, 0, 0, 0.85);
    width: 100%;
    z-index: 222;
    float: none;
    right: 0;
}

.footer.text-center {
    padding-bottom: 150px;
}
.third-div{width:100%;float:right;} /*full on mobile*/
.top-header .dir,.top-header .dir-op {
    text-align: center;
}
.brown-left h2 {
    font-size: 5vw;
    margin-top: 5vw;
}

.blue-bg h2 {    font-size: 5vw;}
.header-logo{padding-top:2.5vw;}
.top-header img {
    max-width: 195px;
}
.top-header span.custom-font.s-32 {
    display: none;
}
.brown-bg {
    padding-bottom: 50vw;
}

.brown-img {
    bottom: -126.1vw;
}
.grid{width:90%;}
/*HEADER*/
.header-mobile-menu-btn{display:block;margin-top:20px;float:right;}
.header-mobile-menu-btn-closer{display:inline;margin-top:20px;float:right;float:left;margin-left:20%; }
.header-menu{display:none;width:68%;height:100%;overflow:auto;position:fixed;top:0;right:0;z-index:1000;overflow-x:hidden;background-image:url('../images/bg-blue-transparent.png');background-repeat:repeat;background-color:transparent;box-shadow:0 0 5px 0 rgba(50, 50, 50, 0.70);	}
				
/*MENU*/
.header-menu-tab{min-width:80%;height:31px;padding-top:8px;padding-right:10%;padding-left:10%;float:right;}		
.header-menu-tab a{color:#ffffff;}		
}
@media (max-width: 420px) {
    .form-top h2 {
    font-size: 6vw;
}
h3.c-orange {
    line-height: 90%;
}
.green-bg h1 {margin-top: 10vw;}
.bottom img {
    max-width: 250px;
}
.brown-bg {
    padding-bottom: 38vw;
}
.signup-field-text { font-size: 3.5vw;}
.brown-img {
    bottom: -150.3vw;
}

.grid-inner h2>img {
    vertical-align: bottom;
}
.grid-inner h2>img {
    max-width: 25px;
}
.top-header img {
    max-height: 33px;
}
.grid{width:95%;}
.footer .s-40 {
    font-size: 7vw !important;
}
.top-header .s-32 {
    font-size: 5vw;
}
.top-header .s-40 {
    font-size: 9.5vw;
}		
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .brown-img {
    position: relative;
    bottom: 0;
}
}