@import url('https://fonts.googleapis.com/css?family=Assistant:300,400,600,700&subset=hebrew');
html, body {
    font-family: 'Assistant', sans-serif;
}

.approved{text-align:left; font-size:10px;}
.main_wrapper {
    background: url(../images/bg.png) no-repeat;
    height: 656px;
    width: 100%;
}
.wrapper {
    direction: rtl;
}
.bottom_img {
    margin-left: 20px;
}
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9{float:none;}
#bnner{object-fit: cover;}

.mob{display:none;}
h1 {
    color: #37424a !important;
    font-size: 2.2395833333333335vw !important;
    font-weight: 600 !important;
    direction: rtl;
    text-align: center;
    margin-bottom: 5% !important;
}
h1 span {
    color:  #00877c;
    font-weight: 600;
}
.right.col-md-8.pull-right {
    padding: 0;
}
ul {
    height: 24vw;
    padding: 0;
}
ul li {
    list-style: none !important;
}
.services {
    overflow:  auto;
    width: 72%;
    margin:  auto;
}
.left .wrapper p{
    font-size: 20px !important;
}
.left.col-md-4 {
    background: #333e48;
    color: white;
   /* padding-bottom:2%;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;*/
}
h2 {
    font-size: 15px !important;
    font-weight:  600;
}
p {
    font-size: 1.2541666666666667vw;
    line-height: 1;
    margin-bottom: 20px !important;
}
.black {
    color: #000;
}
label.black input {
    background: transparent;
    border: 0;
    /*width: 68%;*/
    width: 58%;
    height: 80%;
    padding-right: 5px;
    outline: none;
}
label.black {
    width: 100%;
    background:  white;
    border-radius:  4px;
    /*line-height:  2.3;*/
    line-height:  1.3;
    padding-right:  9px;
    font-size: 0.9895833333333334vw;
    margin-bottom: 10px;
    margin-right: 0;
}
label.black:before {
    display: none;
}
input[type="submit"] {
     width: 100%;
     border: none;
     background: #00877d;
     font-size: 1.3020833333333335vw;
     border-radius: 4px;
     outline: none;
     /*margin-bottom: 20px;*/
     /*line-height: 2;*/
     line-height: 1.5;
     margin-bottom: 10px;
}
input::-ms-clear {
    display: none;
  }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
label {
    font-size: 11.5px;
    font-weight: 300 !important;
    position: relative;
    margin-right: 20px;
}
label.check:before {
    content: url('../images/checkbox.png');
    margin-top: 0;
    position: absolute;
    top:4px;
    right:-20px;
}
label.check.in:before {
    content: url('../images/checkbox_checked.png');
}
label#medical-error, label#commertial-error {
    display: block;
    color: red;
    margin: 0;
    width: 90%;
}
form {
    width: 90%;
    margin: auto;
}
input[type="checkbox"] {
    /*margin-left: 5px !important;*/
    /*border: 1px solid black !important;*/
    opacity: 0;
    visibility: hidden;
    width: 100%;
    position: absolute;
}
label a:focus{
    color: white;
}
label a {
    text-decoration: underline;
    color: white;
}
label a:hover {
    color: white;
}
label.error {
    color: red;
}
.tooltip-inner {
    background-color: white !important;
    color: black !important;
    width: 100% !important;
    max-width: unset !important;
    padding: 10px 10px 20px 10px !important;
    -webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
}
.tooltip-inner p:first-of-type,.tooltip-inner p:nth-of-type(2) {
    color: #00877c !important;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px !important;
}
.tooltip-inner p:first-of-type {
    text-align: right;
    line-height: 1;
}
.tooltip-inner p:nth-of-type(3) {
    line-height: 1.5;
    margin-bottom: 0 !important;
}
.tooltip-inner p {
    font-size: 13px;
    line-height: 1.5;
}
.tooltip.top {
    width:  100%;
    max-width: 400px;
}
label a.tip {
    color: black;
}
.tooltip.top .tooltip-arrow {
    border-top-color: white !important;
}
.tooltip.in {
    opacity:1 !important;
}
.desktop {
    display: block;
}
.mobile {
    display: none;
}

.container {
    position: relative;
}
.copyrights{
    position: absolute;
    bottom: 0;
    font-size: 15px;
    left: 7%;   
}
@media screen and (min-width: 1754px){
    form{
        width: 100%;
    }
}
@media screen and (max-width: 1200px) {
    .services {
        width: 82%;
    }
}
@media screen and (max-width: 1400px) {
    h1 {
        font-size: 3.5vw !important;
    }
    p {
        font-size: 2vw;
    }
    label.black {
        font-size: 1.5vw;
    }
    input[type="submit"] {
        font-size: 2vw;
    }
    ul {
        height: 40vw;
    }
}
@media screen and (max-width: 900px) {
    .right.col-md-8.pull-right {
        float: none !important;
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 767px) {
    .services {
        width: 95%;
    }
    p {
        font-size: 3vw;
    }
    label.black {
        font-size: 2.5vw;
    }
    input[type="submit"] {
        font-size: 4.5vw;
    }
}
@media screen and (max-width: 480px) {
    h1 {
        font-size: 6.5vw !important;
    }
    h2{font-size:14px;}
    .services {
        width: 100%;
    }
    .fixer{font-size:22px;font-weight:bold}
    ul {
        width: 93%;
    }
    .container {padding:0;}
    .right.col-md-8.pull-right{margin:0;}
    .tooltip-inner p:first-of-type, .tooltip-inner p:nth-of-type(2){font-size:12px;}
    .tooltip-inner p:first-of-type, .tooltip-inner p:nth-of-type(3){font-size:11px;}
    p {
        font-size: 5vw;
    }
    label.black {
        font-size: 3.5vw;
    }
    input[type="submit"] {
        font-size: 5.5vw;
    }
    label.error {
        display: block;
    }
    
.desk{display:none;}
.mob{display:block;}
.mob img{width:100%}

}
@media screen and (max-width: 414px) {
    .desk {
        display: none;
    }
    .mob {
        display: block;
    }
    li.col-md-4.col-sm-4.col-xs-4 {
        width:  50%;
    }
    ul {
        width:  100%;
    }
    img.mobile {
        margin:  auto;
    }
    .bottom_img.mobile {
        margin-top: 15px;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 375px) {
    label.black {
        font-size: 4.5vw;
    }
    input[type="submit"] {
        font-size: 6.5vw;
    }
    label.black input {
        width: 59%;
    }
}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1200px) {}