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

@import url('https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i&display=swap&subset=hebrew');

p {margin: 0;}

.img-responsive {display: inline-block;}
    
 iframe {max-width: 100% !important;}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

/*a {white-space: pre-wrap; /* css-3 */
a, .btn {transition: all 0.3s;}
a, div {word-wrap: break-word;      }

.page_content a, .page_content_no_li_background a {
  color: #000099;
  text-decoration: underline;
}


input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

button:focus {outline:0;}

.form-error {color: red;}


.the_red {color: #CC0202}
.the_aqua {color: #019EF3;}

.btn_pdf {background: #CC0202;  color: #fff; transition: all 0.3s;}
  .btn_pdf:hover {color: #fff; opacity: 0.8;}


.btn_icon {display: inline-block; vertical-align: middle; transition: all 0.3s;}
  
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}

.no_padding_left {padding-left: 0;}
.no_padding_right {padding-right: 0;}    
.no_padding {padding-right: 0; padding-left: 0;}

h1 {font-size: 2rem;}
h3 {font-size: 1.5rem;}


#fullname {display:none;}

/* align placeholder to the right  */
::-webkit-input-placeholder {
  text-align: right;
}
:-moz-placeholder {
  text-align: right;
}


/************************************************/


body {font-family: 'Arimo', sans-serif; color: #333333;}
  


/*** Header ***/

header {position: fixed; top:0; background: #fff; width: 100%; z-index: 999;}

header a {color: #333333; font-size: 1rem; transition: all 0.3s;}
 header a:hover {color: #0077d3;}
 
 .navbar {padding-left: 0;}
 
 .nav-link {padding-bottom: 0; padding-top: 1.5rem;}
 .navbar-brand {padding-top: 0;  }
 
  
 .dropdown-menu { border: none;  border-right: 1px solid rgba(0,0,0,.15); border-radius: 0; padding-top: 0; padding-bottom: 0;}
 
 .dropdown-item {
   border-top: 1px solid rgba(0,0,0,.15);  border-bottom: 1px solid rgba(0,0,0,.15); 
   border-left: 1px solid rgba(0,0,0,.15);   border-right: 8px solid #fff;
 }
 
    .dropdown-item:hover {border-right: 8px solid #019EF3; background: none;}
 
 
  .active_page {color: #006ADB !important;}

header .navbar {padding-right: 0; padding-right: 0;}


.btn_contact {
  color: #fff; background-color: #019EF3;
  padding-right: 30px; padding-left: 30px; font-size: 1.2rem; transition: all 0.3s;
}
 .btn_contact:hover { color: #fff; opacity: 0.8; }


@media screen and (min-width: 1200px) {
   .navbar-nav {padding-right: 0px;}
}


@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {
	    padding-left: 0.4rem; 
	    padding-right: 0.4rem;
	}
}


.btn_trial {
    background: #CC0202;  color: #fff;  padding-right: 40px;
    padding-left: 40px;  font-size: 1.2rem;  transition: all 0.3s;
}
  .btn_trial:hover {color: #fff; opacity: 0.8;}


/*** hp top ****/

.hp_top {background: rgba(235, 235, 235, 0.5); margin-top: 10px; padding: 50px 0;}


 .hp_top .features_title {font-size: 2.2rem; line-height: 1.8rem; font-weight: normal; margin: 0 0 25px 0;}

	.hp_top .bullets p, .flexslider .content li{
	    margin: 17px 0;
	    padding-right: 30px;
	    background: url(/images/bb.png) no-repeat top right;
	    font-size: 1.2rem;
	    line-height: 23px; position: relative;
	}
	
  
  /*****************
	  .hp_top .bullets  p:before, .flexslider .content li:before{
	    position: absolute; top: 1px; right: 0; content: "\f058"; 
	    color: #0077d3; text-align: center; font-size: 20px; font-family: "Font Awesome 5 Free"; 
	  }	  
	***************/

    .hp_top iframe {height: 320px;}


    .btn_trial_red {background: #CC0202;  color: #fff; margin-top: 20px;  transition: all 0.3s; padding: 10px 50px; font-size: 1.3rem; }
      .btn_trial_red:hover {opacity: 0.8; color: #fff;}
      
     .btn_enter {background: #019EF3;  color: #fff; margin-top: 20px;  transition: all 0.3s; padding: 10px 50px; font-size: 1.3rem; }
      .btn_enter:hover {opacity: 0.8; color: #fff;} 
      

     #xs_prices {display:none;}


/*** hp logos **/

@media screen and (min-width: 800px) {
		.hp_logos {/*padding: 25px 0;*/}
		
		.owl-nav {position: absolute; top: 40%; width: 100%;}
		  .owl-next {position: absolute; left: -50px;}
		  .owl-prev {position: absolute; right: -50px;}
		  .owl-theme .owl-nav [class*='owl-'] {background: #fff; color: gray; font-size: 25px; margin: 0; padding: 0;  }
		    .owl-theme .owl-nav [class*='owl-']:hover {background: none; color: gray; }
		  
		  .owl-carousel { margin: 0 auto; width: 90%;}
}
	
/**** hp features ***/

.features {background: rgba(235, 235, 235, 0.5); padding: 50px 0;}

.features .one_feature {margin-bottom: 20px;}

.features h4 {margin-bottom: 40px; font-size: 2.2rem;}

.features .one_icon, .all_features .one_icon {font-size: 22px; color: #bb0705;}


/*** Hp slider ***/

.hp_slider {padding: 30px 0 60px 0;}


.flexslider .content li {
    margin: 17px 0;   padding-right: 30px;  line-height: 23px; position: relative;
}

.flexslider .content ul {list-style-type:none; } /* יש תמונה במקום  */
.flexslider .slides > li {box-shadow: none !important; }



/***  page contact form  ***/

.page_contact {padding: 45px 0; background: rgba(235, 235, 235, 0.5);}
   .page_contact h2 {margin-bottom: 30px;}
   .page_contact .form-group {margin-bottom: 1.2rem;} 
  
@media screen and (min-width: 1200px) {
   .page_contact_content {margin: 0 auto; width: 500px;}
}
  
  .page_contact .btn_send  {
    background: #CC0202;  color: #fff;  margin-top: 20px;
    transition: all 0.3s;   font-size: 1.3rem;
  }
    .page_contact .btn_send:hover {opacity: 0.8;}

    .page_contact .call_now {font-weight: bold; font-size: 1.5rem;  color: #000;}



/**********************************************/

.page_content {padding: 30px 0; min-height: 300px;}
.page_content_no_li_background {padding: 30px 0; min-height: 300px;}

.page_content ul {padding-right: 0; list-style: none;}
.page_content  li {
    margin: 10px 0;  padding-right: 30px;
    font-size: 1.0rem; line-height: 23px; position: relative; list-style-type: none;

    background: url(/images/bb.png) no-repeat top right;
}
 



 /************
 .page_content  li:before {
	    position: absolute; top: 1px; right: 0; content: "\f058"; 
	    color: #0077d3; text-align: center; font-size: 20px; font-family: "Font Awesome 5 Free"; 
 }	  
 ********************/





/**** faq ***/

.faq_content h3 {margin-top: 15px;}

.faq_content .title {cursor: pointer; background: rgba(235, 235, 235, 0.5); padding: 7px 5px 7px 5px; 
                           font-weight: bold; border-bottom:  1px solid #fff;}

.faq_content .my_icon {color: #019ef3; display: inline-block; font-size: 17px;}

.faq_content .description {padding: 15px 28px 15px 15px;}

.flip_it {transform: rotate(-90deg);}


/**** Videos ***/

.videos_content .one_video {margin-bottom: 25px;}

  .videos_content .one_video iframe {height: 280px;}



/***** blog page   ***/

.blog_content .one_item {margin-bottom: 25px;}
   .blog_content  .one_item .title {font-weight: bold;}
   .blog_content  .one_item .description {}
    .blog_content  .one_item .btn_read_more {background: #0077d3;}

	.btn_read_more {margin-top: 15px;}
	  .btn_read_more:hover {opacity: 0.8;}
	  .btn_read_more:hover  .btn_icon {transform: scale(1.5,1); margin-right: 5px;}

  
  .btn_back  {
    background: #0077d3;  color: #fff; margin-top: 25px;
    padding: 3px 40px;
    font-size: 1.2rem;  transition: all 0.3s;
  }
     .btn_back:hover {opacity: 0.8; color: #fff; }



/*** *Clients ***/

.clients_page .one_item, .interfaces_page .one_item {margin-bottom: 35px; vertical-align: middle;}


/**** Cםntact page ***/

.contact_page h1 {margin-bottom: 40px;}

.contact_page  .btn_send, .side_contact_form  .btn_send  {
    background: #CC0202;  color: #fff;  margin-top: 20px;
    transition: all 0.3s;   font-size: 1.3rem;
  }
    .contact_page .btn_send:hover, .side_contact_form  .btn_send:hover {opacity: 0.8;}
    
    
.contact_page h2 {font-size: 2.0rem; margin-bottom: 20px;}
.contact_page .iforms {font-size: 1.5rem; margin-bottom: 10px;}

.contact_page_side p {margin-bottom: 5px;}



/****  Solutions ***/


.solutions_content .one_link {text-decoration: none;}

.solutions_content .one_item {padding: 10px;  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1); border: solid 1px #cdcdcd; 
                                          background-color: #f7f7f7; color: #000; text-align: right; transition: all 0.3s; border-radius: 4px;}                                          
    .solutions_content .one_item:hover {box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15); border: solid 1px #2dacf0; background-color: #f7f7f7;}
                                          

   .solutions_content .one_item img {border-radius: 4px;}
   .solutions_content .one_item a {color: #000;}
     .solutions_content a:hover  {text-decoration: none;}

   .solutions_content .one_item .title {font-weight: bold; margin: 10px 0; font-size: 1.1rem; }   
   .solutions_content .one_item .description {min-height: 40px; margin-bottom: 30px;}   
   .solutions_content .one_item .read_more {color: #21a8f1; text-decoration: underline;}   


/*** Side contact form ***/

.side_contact_form {padding: 20px 20px; background: rgba(235, 235, 235, 0.5); margin-bottom: 20px;}

.side_contact_form  h4 {font-size: 1.1rem; font-weight: bold;}









/**** Footer ***/

footer {background: #212121; color: #fff; min-height: 60px; padding-top: 20px;}

footer a{color: #fff}
  footer a:hover{color: #fff}




/*** Media Queries ***/

@media screen and (max-width: 1024px) {
	
	.fa-ul {margin-left: 0; padding: 0; }
	
}



@media screen and (max-width: 800px) {
	
	.navbar .fa-bars {font-size: 30px;}
	
  	
	
}

@media (max-width: 767px){
    .table-responsive {
      direction: ltr;
    }
    .table-responsive table {direction: rtl !important;}	
}


@media screen and (max-width: 640px) {
	
	.btn_trial_red, .btn_enter {width: 100%; margin-bottom: 20px!important;}
	
	.owl-carousel {padding: 20px 0;}
	
	.btn_trial {margin: 15px 0;}
	
	.owl-theme .owl-nav [class*='owl-'] {   
       background: none; 
   }
   .owl-theme .owl-nav [class*='owl-']:hover {
     background: none;    
   }
   
   #xs_prices {display:block;}

   .btn_contact {margin-top: 15px; margin-bottom: 15px}
	
}
    
    
@media screen and (max-width: 400px) {
		
}


/*** 5 columns
***************************************************/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: right;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: right;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: right;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: right;
    }
}