@import url(//fonts.googleapis.com/earlyaccess/opensanshebrew.css);
html,body{direction:rtl;text-align:right;}
* {margin:0;padding:0;box-sizing:border-box;}
*:focus {outline: none;}
body {font-family: 'Open Sans Hebrew', sans-serif;}
a:hover{text-decoration:none;}
iframe{max-width:100%;display:block;margin-right:auto;margin-left:auto;}


/* colors */

.primary{color:#009fe3;}
.secondary{color:#4e4e57}
.third{color:#f07e21}
.white{color:#ffffff}
.bg-gray{background: #f5f5f9;}
.error{color:red;}

/* font-size */
/*
.text_72{font-size:72px}
.text_48{font-size:48px}
.text_32{font-size:32px}
.text_27{font-size:27px}
.text_24{font-size:24px}
.text_21{font-size:21px}
*/

.text_72{font-size:2.6vw}
.text_54{font-size:2.813vw}
.text_48{font-size:2.500vw}
.text_36{font-size:1.875vw}
.text_32{font-size:1.667vw}
.text_30{font-size:1.563vw}
.text_27{font-size:1.406vw}
.text_24{font-size:1.380vw}
.text_21{font-size:1.130vw}
.text_18{font-size:18px}

.f-w400 {font-weight: 400 !important;}
.f-w600 {font-weight: 600 !important;}


.box_shadow{/*
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	*/
	box-shadow: 2px 4px 16px 1px rgba(0,0,0,0.3);
	}

.banner_wrap{}

.logos {top:1.563vw;width:100%;}
.logos .tyto{width:11.302vw;}
.logos .clallit{width:16.667vw}

.main_img{width:100%}

.main_text {top:8.854vw;width:100%;}
.main_text .text_container{max-width:35.417vw;}
.main_text h1{  }
.main_text .text{font-weight: 400; margin-top:1.042vw;margin-bottom:1.042vw;} 
.main_text .third{font-weight: 400; margin-top:1.042vw;margin-bottom:1.042vw;} 

.orange_btn{ width: 400px;  padding: 5px 15px;border-radius: 30px; background-color: #f48221;transition: 0.3s;border:2px solid transparent} 
.orange_btn:hover{color: #f48221;background:#fff;border:2px solid #f48221}

.blue_btn{ width: 400px; padding: 5px 15px; border-radius: 30px;
 background-color: #009fe3;transition: 0.3s;border:2px solid transparent} 
.blue_btn:hover{color: #009fe3;background:#fff;border:2px solid #009fe3}


.section_last_wrap .orange_btn {    width: 220px;   }

.how_it_work {}
.how_it_work .number{display:block;width: 70px;height: 70px;border-radius:50%;text-align: center; color: #4e4e57;background-color: #f7f7f7;margin:auto; line-height: 70px;}
.process-content{position:relative;}
.process-content:not(:last-child):after {
	content:"";
	position:absolute;
    background-image: url(../images/curv-arrow.png);
    height: 26px;
    width: 100%;
    top: 0;
    right: 25%;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
	    background-repeat: no-repeat;
}

.icons .col{height:7.552vw}

.video_wrap h2{margin-bottom:3.281vw;}

.section_3_wrap{background:#f5f5f9}

.customers_wrap .carousel-item {min-height:12.458vw;}
.customers_wrap .carousel-item .carousel-caption {max-width:35.417vw;margin-left:auto;margin-right:auto;}
.customers_wrap .carousel-control-next, .customers_wrap  .carousel-control-prev {top: -2.344vw;    width: 3%;}

.video_wrap2{background: #f5f5f9;}

.mobile{display:none !important;}
.desktop{display:block !important;}


.form{}
.form input{width:100%;padding:15px;max-width:100%;border:none;background:transparent;border-bottom:2px solid #a0a0a7;color: #2fafe7;}
.form input:focus{color:#2fafe7;border-bottom:2px solid #2fafe7;opacity:1;font-weight:600;}
.form input:focus::-webkit-input-placeholder {color: #2fafe7;}
.form input:focus:-moz-placeholder {color: #2fafe7;}
.form input:focus::-moz-placeholder {color: #2fafe7;}
.form input:focus:-ms-input-placeholder {color: #2fafe7;}
.form .submit{

	  width: 214px;
  height: 40px;
  border-radius: 20px;
  background-color: #009fe3;
  border:none;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.section_last_wrap.bg-gray h3 {
    text-align: center;
    margin-top: 90px;
}


.whiteweb_acc.rtl .whiteweb_acc_icon {background: #777;}

.position-fixed{position:fixed;} 
.btns{
    top:55%;
    left:-30px;
    width: 217px;
    z-index: 9999;
}
.btns a{display:block;border-radius: 61.5px; box-shadow: 2px 5px 15px 0 rgba(0, 0, 0, 0.29);padding:15px 20px;font-size: 24px;
  font-weight: bold;
      text-align: right !important;
	  margin-bottom:15px;
	  width:100%!important;
  }
  
  
  
  .customers_wrap .carousel-item {min-height: auto;}
  .customers_wrap .carousel-item .carousel-caption {max-width: 80%;}
  .customers_wrap .carousel-item .carousel-caption {margin-left: auto;    margin-right: auto;}
  .customers_wrap .carousel-caption {position: relative;    right: 0;    bottom: 0;    left: 0;    padding-top: 20px;    padding-bottom: 0;}


@media (min-width: 1200px){
.container {
    max-width: 70%;
}
}
@media only screen and (max-width: 670px) {
.mobile{display:block !important;}
.desktop{display:none !important;}


.whiteweb_acc .whiteweb_acc_icon {font-size: 120% !important;}
.whiteweb_acc.rtl .whiteweb_acc_icon{    padding: 0px 10px !important;}

iframe{height: 275px;}

.text_72{font-size:6.5vw}
.text_54{font-size:6.033vw}
.text_48{font-size:6.933vw}
.text_36{font-size:4.4vw}
.text_32{font-size:4.733vw}
.text_30{font-size:4.233vw}
.text_27{font-size:4.0vw !important}
.text_24{font-size:4.080vw}
.text_21{font-size:4.030vw}
.text_18{font-size:3.888}



h1 br{display: none;}
h1 b{font-size:7.0vw}

.main_text .text_container {max-width: 100%;}
.logos {top:4.563vw;width:100%;}
.logos .tyto{width:100%}
.logos .clallit{width:100%}


.main_text {top:22.854vw;width:100%;}
.main_text .text{max-width:70.417vw;}
.orange_btn {
    transition: all 0.4s !important;
}
.orange_btn {/*width: 35vw;height: 10vw;padding-top:2px;*/}
/*
.fixed-btn{position: fixed;
    bottom: 5vw;
    width: 90vw;
    right: 5vw;
    height: 15vw;
    font-size: 7vw;
	border-radius: 8vw;
    z-index: 99999999;
}
*/

.fixed-btn {
	width: 330px !important;
  text-shadow: 2px 4px 15px rgba(0, 0, 0, 0.35);
  font-size: 24px;
  font-weight: bold;
  margin:auto;
  border-radius: 8vw;
  margin-bottom:15px;
  line-height: 1.7;
  z-index:99999;
}


.btns{bottom:0;top:auto;left:0;width:100%;text-align:center;    z-index: 9999; }
.btns a{
	width: 330px !important;
	text-align: center !important;
  text-shadow: 2px 4px 15px rgba(0, 0, 0, 0.35);
  font-size: 24px;
  font-weight: bold;
  margin:auto;
  border-radius: 8vw;
  margin-bottom:15px;
  line-height: 1.7;
  z-index:99999;
  padding:5px;
}
.tab_slider_navs {bottom: 72%;}
.tab__slider p {margin-bottom: 20px;}
.slick-slider{    margin-top: 250px;}

.slick-mag{margin-top: 95px !important}
.slick-bot { bottom: 66%;}
.tab__slider .slick-arrow {width: 20px;height: 30px;}


.process-content:not(:last-child):after{display:none;}
.slick-prev{left:0;}
.slick-next{right:0;}

.video_wrap h2{    padding-bottom: 3rem!important;}

.section_3_wrap .col-7{max-width: 100%;flex: 0 0 100%;}
.section_3_wrap .col-5{max-width: 100%;flex: 0 0 100%;}

.section_last_wrap   .col-7{max-width: 100%;flex: 0 0 100%;}
.section_last_wrap   .col-5{max-width: 100%;flex: 0 0 100%;    margin-top: 5vw;}
.section_last_wrap   .col-5 .orange_btn{margin: auto;}

.customers_wrap .carousel-item {min-height: auto;}
.customers_wrap .carousel-item .carousel-caption { max-width: 80%;}
.customers_wrap .carousel-caption {position: relative;right: 0; bottom: 0;    left: 0;     padding-top: 20px;    padding-bottom: 0;}

.form .submit {width: 135px; height: 30px;    font-size: 17px;}

}



@media only screen and (min-width: 1921px) {
.container {
    max-width: 80vw;
}

}

/*
.container {padding-right: 14%;padding-left: 14%;}
@media only screen and (min-width: 1366px) {
.container {max-width: 1920px;}
}


@media only screen and (max-width: 1536px) {
.main_text .text_container {max-width: 530px;}
}


@media only screen and (max-width: 1280px) {
.container { padding-right: 5%;padding-left: 5%;}
}


@media only screen and (max-width: 1024px) {
.main_text .text_container {max-width: 450px;}	
.text_21{font-size:1.530vw}
.logos .text-left{text-align: right!important;}
}
*/

@media only screen and (max-width: 1366px) {
.tab_item {
    width: 52px !important;
    height: 52px;
    padding: 10px;
    margin-bottom: 15px;
}
}
@media only screen and (max-width: 1920px) {
.orange_btn{/*padding: 5px;*/} 

.section_last_wrap.bg-gray h3 {
    text-align: center;
    margin-top: 90px;
}


}
.tab_slider_navs .slick-slide {
		transition:opacity 1s ease-out;
	}
  
.tab_slider_navs .slick-active {
		transition:opacity 1s ease-in;
	}
  
.tab_slider_navs .slick-cloned {
  opacity: 0.3;
}

.tab_slider_navs .tab_item{
transition-delay: 0s;
}










.control {
          
            display: block;
            position: relative;
            padding-right: 30px;
            margin-bottom: 5px;
            padding-top: 3px;
            cursor: pointer;
            font-size: 14px;
        }
            .control input {
                position: absolute;
                z-index: -1;
                opacity: 0;
				width:auto;
            }
			
		.control input:focus{
				opacity: 0;
			}
        .control_indicator {
            position: absolute;
            top: 2px;
            right: 0;
            height: 25px;
            width: 25px;
            background: #FFF;
            border: 1px solid #cbcbd9;
            border-radius: 20px;
        }
        .control:hover input ~ .control_indicator,
        .control input:focus ~ .control_indicator {
            background: #fff;
        }
        
        .control input:checked ~ .control_indicator {
            background: #FFF;
        }
        .control:hover input:not([disabled]):checked ~ .control_indicator,
        .control input:checked:focus ~ .control_indicator {
            background: #0e6647d;
        }
        .control input:disabled ~ .control_indicator {
            background: #e6e6e6;
            opacity: 0.6;
            pointer-events: none;
        }
        .control_indicator:after {
            box-sizing: unset;
            content: '';
            position: absolute;
            display: none;
        }
        .control input:checked ~ .control_indicator:after {
            display: block;
        }
        .control-checkbox .control_indicator:after {
            right: 9px;
            top: 6px;
            width: 3px;
            height: 8px;
            border: solid #009fe3;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }
        .control-checkbox input:disabled ~ .control_indicator:after {
            border-color: #7b7b7b;
        }