/*! ******************************************************
*
*	Theme Name:     Astra Child
*   Author:         web3d
*   Author URI:     http://www.onthegosystems.com/
*   Description:    Simple, clear and modern Bootstrap 3-based theme. Perfect base for developing all kinds of responsive sites with Toolsets, including the Layouts plugin (no extra integration needed, you activate Layouts and the drag and drop facilities work out of the box). Uses WordPress theme customizer and supports Font Awesome Icons. Supports WooCommerce integration by styles unification.
*   Version:        1.1
*   License:        GNU General Public License v2 or later
*   License URI:    http://www.gnu.org/licenses/gpl-2.0.html
*   Template:       astra
*
*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


/*-------General Settings-----------*/

html {
  scroll-behavior: smooth;
}

:root {  
--color--main: #65BDF2;
--color--accent: #2D6AA3;
--color--accent-green: #2DA36C;
--color--text: #000;

--size--text: 18px;
--size--h1: 32px;
--size--h2: 32px;
--size--h3: 20px;
}

body, div, p, a, input, select{
	font-size:var(--size--text);
	font-family: "Open Sans Hebrew", serif;
}

h1{font-size:var(--size--h1);}
h2{font-size:var(--size--h2);}
h3{font-size:var(--size--h3);}

h1,h2{
  color:#29A1CD;
}
h3{
  color:#2D6AA3;
}


.align_center{
  text-align: center;
}
.align_left{
  text-align: end;
}
.align_right{
  text-align: start;
}
.jo_btn{
    
}


/*--Layout--*/
#masthead .ast-container{
  max-width: 1350px;
  padding: 0 15px;
}
.jo_container{
  max-width: 1350px;
  width: 98%;
  margin: 0 auto;
  padding: 0 15px;
}
@media (min-width: 770px){
	.jo_row{
	  display: flex;
	  flex-wrap: wrap;
	}
	.jo_col_12{
	  flex: 0 0 100%;
	  max-width: 100%;
	}
	.jo_col_11{
	  flex: 0 0 91.666667%;
	  max-width: 91.666667%;
	}
	.jo_col_10{
	  flex: 0 0 83.333333%;
	  max-width: 83.333333%;
	}
	.jo_col_9{
	  flex: 0 0 75%;
	  max-width: 75%;
	}
	.jo_col_8{
	  flex: 0 0 66.666667%;
	  max-width: 66.666667%;
	}
	.jo_col_7{
	  flex: 0 0 58.333333%;
	  max-width: 58.333333%;
	}
	.jo_col_6{
	  flex: 0 0 50%;
	  max-width: 50%;
	}
	.jo_col_5{
	  flex: 0 0 41.666667%;
	  max-width: 41.666667%;
	}
	.jo_col_4{
	  flex: 0 0 33.333333%;
	  max-width: 33.333333%;
	}
	.jo_col_3{
	  flex: 0 0 25%;
	  max-width: 25%;
	}
	.jo_col_2 {
	  flex: 0 0 16.666667%;
	  max-width: 16.666667%;
	}
	.jo_col_1 {
	  flex: 0 0 8.333333%;
	  max-width: 8.333333%;
	}


	/*--Grid--*/
	.ps-grid{display: grid;}
	.ps-grid-2{grid-template-columns: repeat(2, 1fr);}
	.ps-grid-3{grid-template-columns: repeat(3, 1fr);}
	.ps-grid-4{grid-template-columns: repeat(4, 1fr);}
	.ps-grid-5{grid-template-columns: repeat(5, 1fr);}
	.ps-grid-6{grid-template-columns: repeat(6, 1fr);}
	.ps-grid-gap15{gap:15px;}
	.ps-grid-gap20{gap:20px;}
	.ps-grid-gap30{gap:30px;}
	.ps-grid-gap50{gap:50px;}
	.ps-grid-gap40{gap:40px;}
	.ps-grid-gap60{gap:60px;}
	.ps-grid-gap70{gap:70px;}
}




@media screen and (min-width: 769px) {
  #menu_jo, #wp_nav_menu .custom-logo-link {
    display: none;
  }
   #masthead, #masthead * {
    transition: all 0.5s ease;
  }
}
#masthead{
  background: #fff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  z-index: 1;
  position: relative;
}
.main_logo {
  flex: 0 0 17%;
  max-width: 17%;
}
.main_menu {
  flex: 0 0 50%;
  max-width: 50%;
  padding-inline: 50px 30px;
}
.header_last_col {
  flex: 0 0 33%;
  max-width: 33%;
}
.menu-main-menu-container > .menu {
  margin: 0;
  display: flex;
  list-style: none;
  height: 100%;
  align-items: center;
  justify-content: space-between;
}
.main_menu{
  align-content: center;
}
.menu-main-menu-container > .menu > li{}
.menu-main-menu-container > .menu > li > a{
  color:var(--color--accent);
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
}
.custom-logo-link img.custom-logo{
  margin: 15px 0;
}
.wp_second_menu{
  margin: -46px 0 0;
  z-index: 1;
}
.wp_second_menu .menu{
  margin: 0;
  background: var(--color--main);
  list-style: none;
  padding:18px 20px;
  display: flex;
  justify-content: space-between;
  border-radius: 12px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.wp_second_menu .menu > li:not(:last-child){
  border-inline-end: 1px solid #fff;
}
.wp_second_menu .menu > li{
  padding-inline: 15px;
  display: flex;
}
.wp_second_menu .menu > li:first-child{
  padding-inline-start: 0;
}
.wp_second_menu .menu > li:last-child{
  padding-inline-end: 0;
}
.wp_second_menu .menu > li > a{
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 15px;
}
.wp_second_menu .menu > li > a svg{}

.wp_second_menu .menu .sub-menu{display:none;}



/*--hero-strip--*/

#video_main {
  position: relative;
  display: flex;
}
#video_main h1{
  color: #fff;
  font-size: 64px;
}
#video_main h2{
  color: #fff;
  max-width: 490px;
}
#video_main video{
  object-fit: cover;
}
.main_txt {
  position: absolute;
  right: 0;
  left: 0;
  top: 100px;
}

/*--first-strip--*/
#hp1{
  margin: -47px 0 0;
  position: relative;
}
#hp1 > .jo_container > svg{
  position: absolute;
  left: 0;
  top: -65px;
  z-index: -1;
}
#hp1 > .jo_container{
  padding-block: 80px 180px;
  background-size: 670px auto;
  background-repeat: no-repeat;
  background-position: 15px -60px;
}
#hp1 .jo_row > img{
  margin: 0 auto -180px 0;
}
#hp1 h3 {
  font-size: 20px;
  font-weight: 400;
  margin: 10px 0 25px;
}
#hp1 .jo_col_9{
  padding-inline-end: 90px;
}
.map_location {
  counter-reset: item;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.map_location .item{
  flex: calc(20% - 16px);
  max-width: calc(20% - 16px);
}
.map_location .item:nth-child(9),
.map_location .item:nth-child(13),
.map_location .item:nth-child(17) {
  margin-inline-end: 20%;
}
.map_location li img {
  width: 100%;
  height: 124px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.map_location li p{
  color: var(--color--accent);
  font-weight: 700;
  font-size: 16px;
  margin: 0;
  line-height: 1.2;
  padding: 8px 0 0 10px;
}

.map_location .item p::before {
  counter-increment: item;
  content: counter(item) ". ";
  font-weight: bold;
  margin-left: 2px;
}

#posts{}
.page_posts{}



@media (max-width: 769px){
    
}