main{
direction: rtl;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
main header{
text-align: center;
position: fixed;
width: 100%;
top: 0;
right: 0;
z-index: 5;
background-color: white;
border-bottom: 1px solid black;
}
main header #mobileMenu{
display: none;
}
main .logo{
display: block;
margin: auto;
margin-top: 7px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
height: 78px;
width: 204px;  vertical-align: middle;
}
main header #menu{
display: inline-block; margin-top: 1px; vertical-align: middle;
}
main header #menu ul{
width: 100%;
display: inline-block;
}
main header #menu > ul > li{
display: inline-block;
background-color: white;
color: black;
font-size: 18px;
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
position: relative;
}
main header #menu > ul > li:before{
background-color: black;
width: 1px;
height: 22px;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: '';
}
main header #menu > ul > li:first-of-type:before{
display: none;
}
main header #menu ul > li > a{
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 15px;
}
main header #menu ul .current_page_item{    
background-color: #e5ffd0;    
display: inline-block;
color: black; }
main header #menu ul .sub-menu .current_page_item{    
width: 100%;
}
main header #menu ul .current_page_item > a{    
cursor: default;
}
main header #menu .menu-triangle{
color: #00159a;
margin-right: 10px;
}
main header #menu ul{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
main header #menu ul .sub-menu{
display: none; width: 100%;
background-color: white;
position: absolute;
right: 0;
top: 100%;
z-index: 3; }
main header #menu ul .sub-menu li a{
display: block; padding: 20px 0;
border-bottom: 1px solid black;
color: black;
z-index: 3;
font-weight: normal;
} main #menu > ul > li > a > #eng{
display: inline-block; height: 20px;
width: 36px;
background-image: url(//rapid-medicine.co.il/wp-content/themes/eotht/assets/icons/us.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat; vertical-align: middle;
}
main footer{ }
main footer #footerBox{ text-align: center;padding-bottom: 25px;}
main footer #footerBox #btmLogo{
background-repeat: no-repeat;
background-size: contain;
background-position: center;
height: 78px;
width: 204px;
display: inline-block;
vertical-align: middle; 
margin-top: 37px;
}
main footer #footerBox div{
display: inline-block;
vertical-align: middle;
margin-top: 56px;
}
main footer #footerBox div li{
list-style-type: none;
display: inline-block;
}
main footer #footerBox div li a{
display: inline-block;
padding: 0 5px 0 1px;
border-right: 1px solid #4fb000;
}
main footer #footerBox div li:first-of-type a{
border-right: none;
}
main #gallerySec{
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 75vh;
position: relative;
text-align: center; -webkit-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
}
main #gallerySec:after{
content: '';
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgb(0, 0, 0, 0.4);
}
main #gallerySec #galleryTextHeader{
font-size: 80px;
font-family: serif;
fony-family: "Times New Roman", Times, serif;
color: white;
text-shadow: 2px 2px black;
position: absolute;
bottom: 30px;
right: 0;
z-index: 2;
-webkit-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
width: 100%;   }
main #gallerySec #galleryText{
font-family: serif;
color: white;
position: absolute;
font-size: 18px;
width: 100%;
top: 50%;
padding: 0 10px;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
main #aboutSec{
text-align: center;
margin: 20px 0;
}
main #aboutSec div{
font-size: 18px;
line-height: 1.5;
display: inline-block;
width: 75%;
margin: auto;
}
main #aboutSec div #about{
font-size: 30px;
display: block;
margin-bottom: 14px;
font-weight: bold;
}
main #aboutSec .read-more-btn{
font-size: 16px;
line-height: 1.5;
display: inline-block;
font-weight: bold;
color: #00159a;
background-color: #4aac00;
padding: 0 6px;  
-webkit-transition: 0.2s;  
-o-transition: 0.2s;  
transition: 0.2s;
border-radius: 7px;
}
main #aboutSec .read-more-btn:hover{
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
}
main #pageButtonSec{
text-align: center;
margin-top: 25px;
}
main #pageButtonSec .btn-box{
height: 200px;
width: 300px;
display: inline-block;
margin: 0 1vw;
overflow: hidden;
position: relative;
}
main #pageButtonSec .btn-box .pages-button{
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
height: 100%;
}
main #pageButtonSec .btn-box .pages-button:hover{
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
main #pageButtonSec .btn-box .btn-txt{
font-size: 29px;
z-index: 3;
background-color: rgb(0, 0, 0, 0.7);
color: white;
text-shadow: 2px 2px black; 
-webkit-transition: 0.3s; 
-o-transition: 0.3s; 
transition: 0.3s;
position: absolute;
right: 0;
bottom: 0;
width: 100%;
}
main #pageButtonSec .btn-box .pages-button:after{
content: '';
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgb(0, 0, 0, 0.2);
}
main #pageButtonSec #updateBtn{
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 100%;
width: 100%;
}
main #pageButtonSec #demoBtn{
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 100%;
width: 100%;
}
main #pageButtonSec #importanceBtn{
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 100%;
width: 100%;
}
main #contactSec{
display: block;
text-align: center;
width: 100%;
margin-top: 20px;
}
main #contactSec #contactSubSec{
display: inline-block;
font-size: 18px;
line-height: 1.5;
width: 75%;
}
main #contactSec div #contactTxt{
font-size: 30px;
}
main #contactSec #contactForm{
display: inline-block;
margin: auto;
text-align: center;
width: 45%;
min-width: 270px;
}
main #contactSec h6 {
font-size: 30px;
font-weight: bold;
}
#contactSec input{
display: inline-block;
margin: 20px 0;
font-size: 18px;
background: rgba(0,0,0,0);
border: 0;
border-bottom: 1px solid black; width: 95%;
}
.home_page_name_box input{
padding-right: 70px;
}
.home_page_phone_box input{
padding-right: 50px;
}
.home_page_email_box input{
padding-right: 54px;
}
#contactSec div{
position: relative;
}
#contactSec .home_page_form_single_title{
position: absolute;
top: 50%; right: 5px;
font-weight: bold;
}
#contactSec .home_page_phone_box .home_page_form_single_title,
#contactSec .home_page_name_box .home_page_form_single_title{
-webkit-transform: translateY(-55%);
-ms-transform: translateY(-55%);
transform: translateY(-55%);
}
#contactSec .home_page_email_box .home_page_form_single_title{
-webkit-transform: translateY(-53%);
-ms-transform: translateY(-53%);
transform: translateY(-53%);
}
#contactSec button{
display: inline-block;
background-color: #4aac00;
border: 0;
padding: 8px 24px 11px 24px;
border-radius: 7px;
font-weight: bold;
cursor: pointer;
font-size: 200%;
color: #00159a; 
-webkit-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
}
#contactSec button:hover{
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15)
}
main #pageTitleSec{
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 60vh;
position: relative;
text-align: center; }
main #pageTitleSec:after{
content: '';
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgb(0, 0, 0, 0.4);
}
main #pageTitleSec #pageTitle{
font-family: serif;
font-size: 80px;
color: white;
text-shadow: 2px 2px black;
position: absolute;
top: 50%;
right: 5%;
width: 90%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: relative;
z-index: 2;
}
main #introSec #intro{
margin: 20px 10%;
}
main #introSec #intro{
font-size: 21px;
line-height: 1.5;
}
main #introSec #intro .intro-header{
font-size: 30px;
color: #4aac00;
font-weight: bold;
margin: 15px 0 5px 0;
}
main section .sub-section-quest{
margin: 30px 0;
}
main section .sub-section-quest .form-header{
font-weight: bold;
font-size: 25px;
margin-bottom: 30px;
color: #001e9e;
}
main section .sub-section-quest .required{
display: inline-block;
color: red;
font-weight: bold;
}
main section .sub-section-quest #red{
color: red;
font-weight: bold;
margin-bottom: 42px;
font-size: 17px;
}
main section .sub-section-quest #thirdGap > input{
margin-right: 11px;
}
main section .sub-section-quest #thirdGap div > input{
margin-right: 7px;
}
main section .sub-section-quest #thirdGap div > input:first-of-type{
margin-right: 0;
}
main section form{
margin: 5% 15vw;
background-color: #fafff6;
padding: 20px;
border: 1px solid black;
}
main section form .block{
display: block;
}
main section form .inline{
display: inline-block;
}
main section form .row{
margin: 30px 0;
}
main section form input{
font-size: 17px;
border: none;
border-bottom: 1px solid black;
background-color: #fafff6;
}
main section form .upload-file input{
border: none !important;
}
main section form .subSectionQuest{
margin-top: 25px;
}
main section form span .plus-button{
cursor: pointer;
font-size: 20px;
color: #4aac00;
}
main section form .sub-section-quest .fst-gap input{
margin-right: -3px;
}
main section form .sub-section-quest .sec-gap input{
margin-right: 5px;
}
main section form .upload-file .upload-btn{
cursor: pointer;    
font-size: 30px;
display: inline-block;
margin-right: 10px;
vertical-align: middle;
color: #4aac00;
}
main section form .upload-file .upload-text{
display: inline-block;
vertical-align: middle;
}
main section form .display-none{
display: none;
}
main section form .sub-section-quest #termsOfService{
font-weight: bold;
display: inline-block;
margin-bottom: 10px;
}
main .link{
color: #00159a;
font-weight: bold;
}
main section form #bottumSec input:last-of-type{
color: #00159a;
background-color: #4aac00;
border: 1px solid black;
font-weight: bold;
font-size: 26px;
border-radius: 7px;
height: 50px;
width: 100px;
margin-right: 45%;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
main section form #bottumSec input:last-of-type:hover{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
main #iframeSec{
text-align: center;
margin-top: 50px;
}
main #iframeSec #iframe{
width: 90%;
height: 500px;
}
main #content{
font-size: 25px;
padding: 30px 10%;
line-height: 1.2;
}
main #content p{
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
main footer #bingo{
display: block !important;
margin-top: 5px !important;
font-size: 90%;
} main section .form form{
margin: auto;
max-width: 600px;
}
#content .form{
text-align: right;
position: relative;
z-index: 2;
display: inline-block;
width: 100%;
}
#content .form input{
display: block;
margin: 10px 0;
}
#content .form input,
#content .form textarea{
padding: 12px;
background: none;
width: 100%;
font-size: 100%;
font-family: 'Varela Round', sans-serif;
border: 0;
border-bottom: 1px solid black;
}
#content .form textarea{
resize: none;
}
.required_label{
font-weight: bold;
color: red;
}
input[type="submit"]{
text-align: center!important;
}
#content .form input[type="submit"]{
background-color: #4aac00;
border-radius: 20px;
border: 0;
cursor: pointer;
font-weight: bold;
font-size: 200%;
-webkit-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
}
#content .form input[type="submit"]:hover{
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15)
}
#content .form input::-webkit-input-placeholder,
#content .form textarea::-webkit-input-placeholder {
opacity: 1; 
}
#content .form input:-ms-input-placeholder,
#content .form textarea:-ms-input-placeholder {
opacity: 1; 
}
#content .form input::-ms-input-placeholder,
#content .form textarea::-ms-input-placeholder {
opacity: 1; 
}
#content .form input::placeholder,
#content .form textarea::placeholder {
opacity: 1; 
} iframe.video_demo{
width: 100%;
height: 80vh;
}
.not_english{
outline: 0;
border: 1px solid red;
}
.disNone{
display: none!important;
}
.msg_box{
text-align: center;
font-size: 40px;
}
.passport_msg{
color: red;
font-weight: bold;
margin: 0 10px;
}
@media only screen and (max-width: 1000px){ main header #menu ul{
display: block;
}
main header #menu{
margin: 0;
}
main header .logo{ }
main header #mobileMenu{
display: inline-block;
color: white;
background-color: gray;
vertical-align: middle;
padding: 5px 10px;
font-size: 50px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}
main header #menu{
display: none;
}
main header #menu ul > li{
display: block;
width: 100%;
}
main header #menu ul li a{    
padding: 15px 0;
display: block;
width: 100%;
background-color: #1986b8;
border-bottom: 1px solid white;
color: white;
}
main header #menu ul .current_page_item li a{ padding: 15px 0;
display: block;
width: 100%;
background-color: #1986b8;
border-bottom: 1px solid white;
}
main header #menu ul .current_page_item{                    
display: block;
width: 100%;
background-color: #1986b8;
}
main header #menu .button-menu{    
display: block;
cursor: default;
padding: 15px 0;
width: 100%;
background-color: #1986b8;
border-bottom: 1px solid white;
}
main header #menu .menu-triangle{
color: white;
margin-right: 10px;
}
main header #menu ul .sub-menu{
width: 100%;
display: none;
border-top: none;
position: static;
height: auto;
}
main header #menu ul .sub-menu li a{
width: 100%;
border-bottom: none;
background-color: rgb(71, 121, 146);
border-bottom: 1px solid white; 
padding: 15px 0;
height: auto;
}
main #gallerySec{ }
main #pageTitleSec{
text-align: center;
}
main #pageButtonSec .btn-box{
width: 80%;
margin-top: 30px;
}
#contactSubSec{
width: 100% !important;
}
main section form{
text-align: center;
margin: auto;
width: 100%;
}
main section form input{
margin-top: 10px;
}
main footer{ }
main footer #footerBox div{ display: block;
vertical-align: middle;
margin: 0;
padding-bottom: 25px; 
}
main footer div a{
line-height: 22px;
}  }
@media only screen and (max-width: 630px){
main #pageTitleSec #pageTitle{
font-size: 60px;
}
main #gallerySec #galleryTextHeader{
font-size: 40px;
}
}
@media only screen and (min-width: 1001px){
main header > #menu > ul > li a:hover{
background-color: #e5ffd0;
text-shadow: 1px 1px 1px 1px black;
}
main header #menu{
display: inline-block!important;	
}
}
@media only screen and (max-width: 1087px){
main header #menu{  margin-top: 0;
}
main header .logo{margin-top: 8px;margin-bottom: 0;}
main #menu > ul > a{
margin-bottom: 25px;
}
}
main section .sub-section-quest #thirdGap .required input:first-of-type{
margin-right: 0;
}
footer{
background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#c3d7e0));
background-image: -webkit-linear-gradient(white, #c3d7e0);
background-image: -o-linear-gradient(white, #c3d7e0);
background-image: linear-gradient(white, #c3d7e0);
}
.phone_num_box input{
direction: rtl;
}
.phone_num_box{
direction: ltr;
margin: 10px 0;
}
.phone_num_box input:nth-of-type(2),
.phone_num_box input:first-of-type{
width: 75px;
}
.phone_num_box:nth-of-type(2){
margin-right: 6px;
}
.phone_num_box .char_phone{
color: black;
}
@media only screen and (max-width: 400px){
main header .logo{
display: inline-block;
margin-left: -102px;
}
}
form.load .loader-item{display: block;
margin: 0 auto;
height: 30px;
width: 30px;
border-radius: 50%;
border: 5px solid grey;
border-top: 5px solid #00159a;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;} @-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}