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

@import 'opensans.css';
@import 'icomoon.css';

body {font-family: 'Open Sans Hebrew';  font-size: 18px; overflow-x: hidden; padding-top: 10px; }


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, .btn {transition: all 0.3s;}
a, div {word-wrap: break-word;}

.no_padding {padding-right: 0; padding-left: 0;}
.no_right_padding {padding-right: 0;}

.ico {display: inline-block; vertical-align: middle;}


.wrapper {min-height: 600px;  border-radius: 30px; box-shadow: 0px 0px 10px 1px rgba(110,106,110,0.35); position: relative;}

header {position: relative; height: 310px;}

 .logo {position: absolute; top: 55px; left: 40px; z-index: 10;}
 .wave {position: absolute; top: 20px; left: 0; z-index: 9;}
 .phone {position: absolute; top: 15px; left: 40px; z-index: 8; font-size: 1.250em; color: #00205c;}

 .header_blue_col {background: #1c3f95; height: 170px; margin-top: 140px;}
 
  header h1 {z-index: 10; font-size: 1.33em; margin: 0 0 5px 0; color: #1c3f95; font-weight: bold; margin-top: 220px;}
  header h2 {z-index: 10; font-size: 1.33em; margin: 0 0 5px 0; color: #36529d; font-weight: bold;}


.main_col {padding-bottom: 50px;}

/****  side_col ****/

 .side_col {}

 .side_col .c {background: #1c3f95; border-bottom-right-radius: 30px;}

 .search_container {padding: 11px 15px 40px 15px; background: #1c3f95;}
 
 .yellow {background: yellow; }

.frm_search {position: relative;}
  .frm_search .s {color: #5e5e5e; font-weight: bold;}
   .frm_search .form-control {border-radius: 25px; border: 2px solid #0E2B6F; padding: 15px 15px 15px 50px; height: auto;}
   
   input[type=image] {position: absolute; top: 13px; left: 15px;}

  .frm_search .form-control::-webkit-input-placeholder { color: #5e5e5e; }
  .frm_search .form-control:-moz-placeholder { color: #5e5e5e; }
  .frm_search .form-control::-moz-placeholder { color: #5e5e5e; }
  .frm_search .form-control:-ms-input-placeholder { color: #5e5e5e; }

  tt.col_bottom {background: #1c3f95; border-bottom-right-radius: 25px; height: 60px; margin-bottom: 100px;}

/*** main menu ***/

.xs_menu_container {display:none;}
.xs_categories_menu_container {display: none;}

.main_menu {margin: 13px 0 35px;}

.main_menu li {float: right;}

  .main_menu li a {font-size: 0.88em; display: inline-block; border-radius: 25px; background: #0ba1ff; color: #fff;
                             padding: 14px 22px; margin-left: 20px; font-weight: bold;
                           }
    .main_menu li a:hover {background: #fa940a; text-decoration: none;}
    
   .current {background: #fa940a !important;} 
   
   
   
   /** slide menu **/
   
   .slide_menu {position: fixed; top: -70px; width: 1140px; margin: 0 auto; background: #fff; z-index: 9999; padding: 5px 0;
                        box-shadow: 0 3px 3px -2px #888888; transition: all .6s; opacity: 0;
                      }
          .in_slide_menu {top: 0 !important; opacity: 1;}
       
     .slide_menu_phone {display: inline-block; margin-left: 20px; color: #00205c; font-size: 1.250em;}

	 .logo_small img {height: 80px;}


   .out_slide_menu {top: -70px !important; }



/*** hp ****/

.hp_title1 {color: #fa940a; font-size: 2.3em; margin: 15px 0 5px 0;}
.hp_title2 {color: #00205c; font-size: 1.66em; margin: 0 0 15px 60px; line-height: 1.25em;}

.hp_text {color: #00205c; padding-bottom: 50px;}

.hp_news {background: #f5f7fd; padding: 10px 0 0 0; border-bottom: 3px solid #D9DADE; border-radius: 5px;}
.hp_news .ico {color: #fa940a; font-size: 30px;}
.hp_news .title {color: #0ba1ff; font-weight: bold; margin-bottom: 15px;}

.hp_news .item {direction: rtl; color: #424243; font-size: 0.77em; padding: 0 15px;}
.hp_news .item a {color: #fa940a; font-weight: bold; font-size: 16px;}


.allinone_carousel {display:block;}
.flexslider {display:none;}


/*** profile ****/

.page_title {font-size: 2em; margin: 0 0 25px 40px; line-height: 45px; color: #424243;}

.about_image {width: 95%;}

.page_content {padding: 40px 0; font-size: 1.1em; width: 90%;}


.one_row .about_item:first-child {padding-right: 0;}

.about_item {margin-bottom: 30px;}

.about_item .c {padding: 10px 40px 20px 25px; background: #f5f7fd; border-bottom: 3px solid #D9DADE; border-radius: 5px;}

   .about_item .c  .title {font-weight: 800; color: #0ba1ff; font-size: 1.125em; margin-bottom: 10px; position: relative;}
       .about_item .c  .title:before {
          content: '\e900'; color: #fa940a; position: absolute; top: -1px; right: -30px; font-family: icomoon;
          font-size: 25px;
       }
   
   .about_item .c  .description {color: #424243; font-size: 0.83em;}


/*** recommendations ****/

.one_recommendation {margin-bottom: 35px;}

.the_logo {padding: 30px 0; border: solid 1px #D9DADE; border-bottom: 3px solid #D9DADE; border-radius: 5px;}
  .the_logo img {width: 65%;}

.one_recommendation .title {color: #424243; margin-bottom: 20px; margin-left: 35px;}
.one_recommendation .name {color: #00205c; font-size: 1.063em; font-weight: bold; font-style: italic;}
.one_recommendation .job {color: #00205c; font-weight: bold; font-size: 0.77em;}
.one_recommendation .btn_read_more {color: #fff; background: #0ba1ff; margin-top: 20px; font-weight: bold;
                                                              border-radius: 20px; padding: 8px 15px;
                                                            }
                     .one_recommendation .btn_read_more span {display: inline-block; vertical-align: middle; font-size: 22px; padding-left: 5px;}
.one_recommendation .btn_read_more:hover {opacity: 0.8; background-color: #fa940a;}


/*** sapakim ***/

.one_sapak {margin-bottom: 35px;}
.one_sapak .c {border: solid 1px #D9DADE; border-bottom: 3px solid #D9DADE; border-radius: 5px; padding: 10px 10px;}

  .one_sapak .c .title {font-weight: 800; color: #0ba1ff; font-size: 1.125em;}
  .one_sapak .c .description {color: #424243; font-size: 1em; font-weight: bold; margin: 10px 0 20px 0;}
  .one_sapak .sapak_logo {margin-bottom: 20px; }
	  .one_sapak .sapak_logo img {width: 40%;}
  .one_sapak .img {width: 60%;}

  .sapak_one_row .one_sapak:first-child {padding-right: 0; padding-left: 35px;}


/*** contact ****/

.contact_text {font-size: 0.938em; color: #333; margin-bottom: 20px;}
	.contact_text a:hover {color: #0ba1ff; text-decoration: none;}

.frm_contact {width: 85%;}

.frm_contact .form-control {border-radius: 0; border: none; border-bottom: 1px solid #0ba1ff; box-shadow: none; color: #424243; font-weight: bold; padding: 0; height: 50px; font-size: 0.875em;}


.frm_contact .form-control::-webkit-input-placeholder { color: #424243; font-weight: bold;}
.frm_contact .form-control:-moz-placeholder { color: #424243; font-weight: bold;}
.frm_contact .form-control::-moz-placeholder { color: #424243; font-weight: bold;}
.frm_contact .form-control:-ms-input-placeholder { color: #424243; font-weight: bold;}

.frm_contact textarea {resize: none; height: 100px !important; line-height: 25px;}

.frm_contact .btn_send {color: #fff; background: #0ba1ff; border-radius: 20px; font-weight: bold; padding: 7px 15px 6px 5px;}
  .frm_contact .btn_send:hover {opacity: 0.8; background-color: #fa940a;}
		.frm_contact .btn_send .ico {font-size: 25px;}

.map {height: 350px; width: 90%; margin-top: 45px;}


/***  categories ***/

.main_category_title {color: #424243; font-size: 0.75em;}
.category_title {color: #fa940a; font-size: 2em;}

.one_category {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e9e9e9; width: 96%;}
 .one_category:last-child {border: none;}

 .one_category .image  img{border: solid 1px #D9DADE; border-bottom: 4px solid #D9DADE; border-radius: 5px;}
 .one_category img {border-top-left-radius: 5px; border-top-right-radius: 5px;}
	.one_category .title {font-weight: bold; margin: 10px 0; color: #424243;}
    .one_category .description {color: #424243; margin-bottom: 10px;}
    .one_category .btn_read_more {color: #fff; background: #0ba1ff; border-radius: 20px; font-weight: bold; padding: 7px 15px 6px 5px;}
       .one_category .btn_read_more:hover {opacity: 0.8; background-color: #fa940a;}
    
          .one_category .btn_read_more span {display: inline-block; vertical-align: middle; font-size: 25px;}




/*** en ***/

.page_title_en {text-align: left; font-size: 2em; margin: 0; line-height: 45px; color: #424243;}

.page_content_en {padding: 0 0 40px 0; font-size: 1.1em;}

.en_page .sf-menu li {padding-left: 15px; font-size: 0.75em; word-wrap: break-word; white-space: pre-wrap;}

.en_page .sub_items {font-size: 1.375em;}

.en_content {padding-left: 30px;}


/*** show product ***/

.show_product_breadcrumb {padding-bottom: 20px;}
.show_product_breadcrumb a {color: #424243; text-decoration: underline;}

.show_product_txt {padding-left: 100px; padding-bottom: 15px;}


.product_btn_back {color: #fff; background: #0ba1ff; border-radius: 20px; font-weight: bold; margin-left: 10px; padding: 8px 15px 10px 15px;}
  .product_btn_back  span {margin-left: 5px; font-size: 18px; display: inline-block; vertical-align: middle;}
.product_btn_back:hover {opacity: 0.8; color: #fff; background-color: #fa940a;}

.product_btn_contact {color: #fff; background: #1c3f95; border-radius: 20px; font-weight: bold; margin-left: 10px; padding: 8px 15px 10px 15px;}
  .product_btn_contact  span {margin-left: 5px; font-size: 18px; display: inline-block; vertical-align: middle;}
.product_btn_contact:hover {opacity: 0.8; color: #fff; background-color: #fa940a;}

.one_product {margin-bottom: 30px; padding-right: 0;}
	.one_product .image img{border: solid 1px #D9DADE; border-bottom: 4px solid #D9DADE; border-radius: 5px; padding-right: 1px;}
  .one_product img {border-top-left-radius: 5px; border-top-right-radius: 5px;}

 .one_product .title {color: #424243;  font-size: 0.77em; font-weight: bold;}
 .one_product .sapak {color: #424243;  font-size: 0.77em; font-weight: bold;}
 .one_product .sapak_name {color: #0ba1ff;  font-size: 0.77em;  font-weight: bold;}


/*** search ****/

.search_result {margin-bottom: 20px;}

	.search_result .s_title {font-weight: bold;}



/***
| Sliding form
*********************************************/

.sliding_form {position: fixed; left: -293px; top: 270px; width: 350px; z-index: 99999;
                      direction:rtl; text-align: right; transition: all 0.5s;
                     }

.sliding_form_in {left: 0;}

.open_close {cursor:pointer;}

  .sliding_form .left_col, .sliding_form .right_col  {float: right; position: relative;}
  .sliding_form .left_col {background: #0ba1ff; padding: 10px 15px; color: #fff;}

  .sliding_form .email_icon {text-align: center; background: #0ba1ff; width: 100%; height: 53px; padding-top: 10px;
                                        position: absolute; top: 0; left: 0; cursor:pointer;
                                      }
  .sliding_form .email_icon .ico {font-size: 32px; color: #fff;}


.sliding_form .title {font-size: 30px; line-height: 30px; color: #2f2227; font-weight: 400; color: #fff;}
.sliding_form .title1 {font-size: 14px; padding-top: 5px; font-weight: 400;}

.sliding_form .snd {width: 90px; text-align: center; color: #fff; background: #fa940a; border: none;
                             padding-top: 5px; padding-bottom: 5px; font-size: 18px;
                           }

.sliding_form .form_container {width: 99%; margin-top: 20px;}

.sliding_form .form_container .form-group {margin-bottom: 5px;}

   .sliding_form .form_container input {width: 100%; color: #000; background: #fff; border:none;
                                                             padding: 6px 10px 8px 0; font-size: 14px; font-weight: 400;
                                                          }


.frm_sliding  input::-webkit-input-placeholder { color: #adadad; }
.frm_sliding  input:-moz-placeholder { color: #adadad; }
.frm_sliding  input::-moz-placeholder { color: #adadad; }
.frm_sliding  input-ms-input-placeholder { color: #adadad; }







/*** footer ***/

footer {padding: 15px 0 5px 0;}

  footer .links a {margin-left: 10px; padding-left: 10px; display: inline-block; color: #adadad; font-size: 0.72em;
                           line-height: 0.8em; border-left: 1px solid #adadad;margin-bottom: 10px;
                        }
    footer .links a:last-child {border: none;}

 footer .details {color: #fa9c2e; font-size: 0.72em; font-weight: bold;}
	footer .details a {color: #fa9c2e;}

footer .credit {padding-top: 20px; padding-left: 25px;}







/*** Media Queries ***/

@media screen and (max-width: 1200px) {
	
.main_menu li a {padding: 10px 18px; margin-left: 18px;}

.logo {top: 45px; left: 30px; width: 130px;}
.phone {left: 35px; font-size: 1.063em;}

.frm_search .s {font-size: 12px;}

.hp_title1 {font-size: 1.938em; margin: 15px 0 5px 0; line-height: 1.2em;}
.hp_title2 {font-size: 1.375em; margin: 0 0 15px 60px; line-height: 1.35em;}
	
}



@media screen and (max-width: 1024px) {
	
	
}



@media screen and (max-width: 991px) {
	
	
	.fixed_header {width: 100%; position: fixed; top: 0; z-index: 9999; background: #fff;}
	
	
	.hide_br_xn {display: none;}

	.no_right_padding {padding-right: 15px;}
	
	body > .container {padding-right:0; padding-left: 0;}
	
	.wrapper {border-radius: 0px;  box-shadow: none;}
	 .wrapper .row {margin:0;}
	
	header {height: 200px;}
	 header .row {margin-right: 0; margin-left: 0;}
	
	.header_blue_col {display:none;}
	
	header h1 {font-size: 1.125em; margin: 150px 130px 5px 0;}
	header h2 {font-size: 1.125em; margin: 0 130px 10px 0;}
	
	.side_col {display: none;}
	
	.logo {top: 20px; left: 20px; width: 120px;}
	.phone {left: 160px; font-size: 1.125em;}
	
	.main_menu {display: none; margin: 0;}
	
	.xs_menu_container {display: block; margin: 15px 0;}
	
	.btn_open .fa {color: #2149AB; font-size: 30px; position: absolute; top: 2px; left: 15px;}
	
	.main_menu li  {float:none; }
	.main_menu li a { font-size: 0.88em; display:block; border-radius: 0px; background: none; color: #2149AB;
                                 padding: 0x; margin: 0 0 0px 0;  font-weight: bold;
                             }
	
				
	.search_container {padding: 0; background: #fff;}
	
	.frm_search .form-control {padding: 5px 20px 5px 6px;}
	input[type=image] {width: 20px; top: 6px; left: 15px;}
	
	.xs_categories_menu_container {display: block; margin: 10px 0;}
	
	.categories_btn {background: #2149AB; color: #fff; font-size: 20px;}
	  .categories_btn .ico {display: inline-block; font-size: 25px; padding: 6px 0;}
	  
	.sf-menu {float: none !important; display: none;}
	
	.sf-menu ul { position: relative; top: 0; }
	.sf-vertical ul {right: 0;    top: 0; position: relative;}
	

	.sf-menu ul li a {
       padding: .25em 0.2em;  white-space: pre-wrap; /* css-3 */    
	}
	
	.sf-menu li:hover, .sf-menu li.sfHover {
       background: #173785;
    }
	

	.allinone_carousel {display:none;}
	.flexslider {display: block; margin: 0 235px 0 !important;}

	.main_col {padding-bottom: 20px;}

	.page_title {font-size: 1.75em; line-height: 40px; margin: 0 0 25px 0;}
	.about_item {padding-right: 0; padding-left: 0;}	
	
	.the_logo {padding: 15px 0; margin-bottom: 20px;}
	.one_recommendation .title {margin-left: 0;}

	.one_sapak .sapak_logo img {width: fit-content;}
	.one_sapak .img {width: 200px;}
	.sapak_one_row .one_sapak:first-child {padding-left: 0;}

	.one_category {width: 100%;}
	.category_title {font-size: 1.75em;}
	.product_btn_contact {margin: 10px 0 0 0;}
	.one_product {text-align: center;}
	.one_product img {width: 264px;}
	.one_product .title {padding-top: 5px;}
	
	.show_product_txt {padding-left: 0px;}

	.page_content {width: 100%;}
	.en_content {padding-left: 0px;}

	.frm_contact {width: 100%;}
	.map {width: 100%;}
	
	
	
	
	.sliding_form {top: auto; bottom: 0; }
	.sliding_form .email_icon {position: absolute; top: 199px;  }
	.sliding_form .phone_icon {text-align: center; background: #0ba1ff; width: 100%; height: 53px; padding-top: 10px;
                                             position: absolute; top: 145px; left: 0; cursor:pointer;
                                           }
  .sliding_form .phone_icon .ico {font-size: 32px; color: #fff;}	
		
	
}


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

.logo {top: 15px; left: 15px; width: 100px;}

.flexslider {margin: 0 200px 0 !important;}

}


@media screen and (max-width: 640px) {
	
.wave {top: 40px;}
.logo {width: 80px;}
.phone {left: 130px; font-size: 1em;}
.phone a {color: #00205c;}

.flexslider {margin: 0 150px 0 !important;}

header h1 {font-size: 1em; margin: 150px 100px 5px 0;}
header h2 {font-size: 1em; margin: 0 100px 10px 0;}

.hp_title1 {font-size: 1.75em; margin: 15px 0 5px 0; line-height: 1.2em;}
.hp_title2 {font-size: 1.25em; margin: 0 0 15px 60px; line-height: 1.35em;}

.page_title {font-size: 1.5em; line-height: 35px;}

.category_title {font-size: 1.5em; line-height: 30px;}
	
}


@media screen and (max-width: 480px) {

header {height: 170px;}
	
.logo {top: 0;}
.phone {top: 10px; font-size: 1em; font-weight: bold;}

.flexslider {margin: 0 50px 0 !important;}

header h1 {font-size: 0.813em; margin: 130px 10px 5px 0;}
header h2 {font-size: 0.813em; margin: 0 10px 10px 0;}

.page_title {font-size: 1.375em; line-height: 32px;}

.the_logo img {width: 90%;}
	
}
    
    
@media screen and (max-width: 320px) {
	
	
}


/*** 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;
    }
}