@charset "utf-8"; 
/* CSS Document */

@font-face {
    font-family: 'OpenSansHebrew-Regular';
    src: url('../fonts/OpenSansHebrew-Regular.eot');
    src: url('../fonts/OpenSansHebrew-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSansHebrew-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family:'OpenSansHebrew-Bold';
    src:url('../fonts/OpenSansHebrew-Bold.eot');
    src:url('../fonts/OpenSansHebrew-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSansHebrew-Bold.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}


body{
	font-family:'OpenSansHebrew-Regular';
	font-size:18px; 
	font-weight:normal; 
	color:#3c3c3e; 
	margin:0px; 
	padding:0px;
	background-color:#fff;
	direction: rtl;
}
.nav > li.open { z-index: 9999;}
.font18{font-size:20px;}
img{ max-width:100%;}
h1{ margin-top:0px;}
p{ text-align:right; line-height:21px; letter-spacing: -0.5px;}

.wrap{ margin:0 auto; width:100%;}
.main{float:left; width:100%; background-color:#4BD5C8;}

placeholder::{ color:#000000;}
.right-bar{float:right; width:65%;}
.right-bar img{width:100%;height: auto;}
.left-bar{float: right;
width: 29%;
text-align: center;
background: #4bd5c8;
margin: 0px auto !important;
padding-right: 40px;}
.form-box {width:100%;}
.form-box a{float:left; width:100%; text-align:center; }

.left-bar input.btn{
border: none !important;
margin-top: 5px  !important;
width: auto !important;
float: none  !important;
height: 40px !important;
margin-bottom: 15px !important;
}

.left-bar #checkbox{
width: auto;
}

.roundright{
float: right;
margin-bottom: -15px;
margin-top: 10px;
}

.left h1{
font-size: 35px;
color: #0e2f69;
line-height: 40px;
margin-bottom: 10px;
font-weight: 900;
}

.left h2{
color: #0e2f69;
font-weight: normal;
font-size: 20px;
margin-bottom: 0px;
font-weight: 900;
margin-top: 7px;
}

.left input{
width: 81%;
background: transparent;
border: none;
border-bottom-color: currentcolor;
border-bottom-style: none;
border-bottom-width: medium;
border-bottom: 2px solid #0e2f69;
margin-bottom: 0px;
padding:10px  0px;
}

.left input#submit{
background: #0e2f69;
border: none;
padding: 10px 35px;
color: #fff;
font-size: 18px;
border-radius: 30px;
cursor: pointer;
width: auto;
margin-bottom: 20px;
}

.left input#checkbox{
width: auto;
margin: 8px;
    margin-right: 8px;
position: relative;
float: right;
margin-right: 70px;
}

.left img.width{
width: 42%;
display: block;
text-align: center;
margin: 0px auto;
padding-bottom: 15px;
padding-top: 0px;
}

.left label{
font-size: 15px;
width: 14%;
float: right;
text-align: left;
margin-top: 8px;
color: #0e2f69;
margin-bottom: 10px;
margin-right: 7px;
}

.checkboxtxt{width: 75%;
float: left;
text-align: right;
font-size: 16px;
margin-bottom: 10px;}


.checkboxtxt p{
width: 75%;
}
input.checkbox{
width: auto !important;
float: left !important;
margin-left: 14px;
}
	
	
	
.fixed-footer{
bottom: 0px;
background: #4BD5C8;
position: fixed;
width: 100%;
text-align: center;
margin: 0px auto;
padding-top: 0px;
text-align: center;
}

.fixed-footer ul{
padding-right: 0px !important;
margin: 0px auto !important;
width: 100% !important;
padding-top:10px;
padding-bottom: 10px;}

.fixed-footer img{
width: 40px;
}

.fixed-footer ul li{width: 30%;
display: inline-block;
margin-top: 0px;
vertical-align: middle;
}

.fixed-footer ul li.afterr:after{
border: 1px solid #24B6A9;
content: '';
display: block;
position: absolute;
height: 30px;
top: 15px;
padding: 1px;}
.left a{
color: #0e2f69;
font-weight: bold;
font-size: 20px;
text-decoration: none;
}
.form-box img{margin-bottom:15px; max-width:100%;}
.form-box input{float: none;
width: 60%;
margin-bottom: 10px;
padding: 3px 2%;
font-size: 16px;
color: #000000;
font-family: 'OpenSansHebrew-Regular';
height: 30px;
border-bottom: 1px  solid #0e2f69 !important;
border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
background: transparent;}
.btn{float:left; width:100%!important; margin:0px 0px 35px 0px!important; padding:0px!important;}
.footer-text{float:right; width:100%;}
.footer-text p{float:right; font-size:15px; font-family: 'OpenSansHebrew-Regular'; color:#000000; padding: 10px 150px; font-weight:normal; direction:rtl;}
.mobile-banner{ display:none;}
.destop-banner{ display:inline-block;}
.mobile-home-btn{ display:none;}
.call-icon{ display:none;}
.whatsapp-icon, .fixed-footer { display:none;} 
#box h1{
font-size: 23px;
color: #0e2f69;
line-height: 28px;
margin-bottom: 8px;
font-weight: 900;
margin-top: 0px;
text-align: center;
clear: both;
}
#box h2{
color: #0e2f69;
font-size: 17px;
margin-bottom: 10px;
font-weight: 900;
text-align: center;
margin-top: 10px;}


#box .roundright {
    float: left;
    margin-bottom: 0px;
    margin-top: -30px;
    width: 30%;}
	
#box form{
	text-align: center;
	}
	
.roundright img{
width: 85px;
}
	
#box .checkboxtxt p {
    width: 100%;
    font-size: 14px;
	}

@media all and (max-width:1024px){	
.right-bar img {
    width: 100%;
    height: auto;
	}
	
.right-bar {  width: 74%;}
.left-bar { width: 22%; padding: 0px 2%;}
.form-box {width: 100%;}

}
@media all and (max-width:768px){
.whatsapp-icon, .fixed-footer { display:block;} 
.left-bar {
    width: 96%;
    display: none;
}
.destop-banner{ display:none;}
.destop-banner img{ width:100%;}
.mobile-banner{ display:block;}
.mobile-banner img{ width:100%;}
.left-bar { width:96%;}
.right-bar { width: 100%;}
}

@media all and (max-width:767px){

.form-box {max-width: 348px;}
.btn {margin: 0px 0px 20px 0px!important;}
.mobile-home-btn{ display:inline-block; width:100%; border-bottom:9px solid #01a453;}
.mobile-home-btn a{ display:inline-block; width:49%;}
.mobile-home-btn img{ width:100%;}
.call-icon{ display:inline-block; position:fixed; top:30%; left:0px; z-index:9999;}
.whatsapp-icon { display:inline-block; position:fixed; bottom: 20%; left:0px; z-index:9999;}

}
@media all and (max-width:685px){


}
@media all and (max-width:568px){
.right-bar img {
    height: 100vh;
	}

.form-box {width: 96%; padding: 0px 2%; margin-top:53px;}
.footer-text p {font-size: 12px; padding: 10px 10px; max-width:85%; padding-right:25px; direction:rtl;}

}
@media all and (max-width:375px){
.mobile-home-btn { border-bottom: 4px solid #FFFFFF; background-color:#FFFFFF;}
.form-box {width:85%; margin-top:20px; margin: 20px auto 0 auto;}
.footer-text p {padding: 10px 10px; max-width:85%; padding-right:20px;}
}
@media all and (max-width:320px){


}