/*! ******************************************************
*
*	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-----------*/
body a{
  text-decoration: none;
}

#content > .jo{
  max-width: 100%;
  overflow: hidden;
}
.content_centered{
  text-align: center;
}

.entry-content p{
  margin-bottom: 0.5em;
}


.btn_jo {
  border: 2px solid var(--color--accent);
  background: var(--color--accent);
  color: #fff;
  border-radius: 50px;
  font-size: 18px;
  display: table;
  text-align: center;
  line-height: 1;
  font-weight: 500;
  padding: 10px 30px;
}
.btn_jo:hover{
  background: #fff;
  color: var(--color--accent);
}
.m_auto {
  margin-inline: auto;
}
.mr_auto {
  margin-inline-start: auto;
}
.shadow{box-shadow: 0px 4px 29px 0px rgba(0, 0, 0, 0.10);}
.bord_small{border: 1px solid #D9DB00;}
.radius24{border-radius: 24px;}
.radius30{border-radius: 30px;}
/*--Typography--*/
body h2 {
  font-weight: 700;
  margin-bottom: 10px;
}
body h3 {
  font-weight: 700;
  margin-bottom: 10px;
}
body p {
  
}
.white_title.title{
  color:#fff;
}
.title::after {
  content: "";
  background: url(/wp-content/themes/astra-child/title.svg);
  width: 107px;
  height: 24px;
  display: block;
  margin-block: 15px 30px;
}
.content_centered.title::after{
  margin-inline: auto;
}
/*--Layout--*/
.jo_container{
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.jo_small_container{
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
#product-filter #suppliers label {
    position: relative;
}
@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-gap15{gap:15px;}
	.ps-grid-gap20{gap:20px;}
	.ps-grid-gap30{gap:30px;}
	.ps-grid-gap40{gap:40px;}
	.ps-grid-gap60{gap:60px;}
	.ps-grid-gap70{gap:70px;}
}
/*--Header--*/
.entry_header {
  margin-top: 74px;
  background: url(/wp-content/uploads/2024/11/bb-1.jpg) no-repeat scroll center / cover;
  padding: 29px 0;
}
.entry_header h1{
  color: #fff;
  margin-bottom: 10px;
  text-shadow: 0px 4px 14.9px #000;
}
.entry_header .jo_col_6{
  display: flex;
  align-items: center;
}
.jo_breadcrumbs {
  margin-inline-start: auto;
}
.jo_breadcrumbs * {
  font-size: 15px;
  color: #fff !important;
  text-decoration: none;
}
#ast-desktop-header .ast-above-header-wrap {
  direction: ltr;
  background: var(--color--accent);
}
#ast-desktop-header .ast-above-header-wrap .ast-builder-html-element a img{
  filter: brightness(0) invert(1);
}
#ast-desktop-header .ast-above-header-wrap .ast-builder-html-element a{
  margin-right: 20px;
  color:#fff;
  font-size: 16px;
}
#masthead {
  top: 0;
  z-index: 999;
  position: absolute;
  right: 0;
  left: 0;
  padding: 13px 0;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.95);
  transition: all 0.5s ease-in-out;
  animation-name: fadeInDown;
  animation-duration: 500ms;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}
#masthead.sticky {
  padding: 5px 0;
  position: fixed;
  animation-name: fadeInDown;
  animation-duration: 500ms;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  top: 0;
}
#masthead .menu .menu-item > .menu-link{
	transition: all 0.5s ease-in-out;
}
#masthead.sticky .menu .menu-item > .menu-link{
  font-size: 15px;
}
#masthead.sticky #ast-desktop-header .ast-above-header-wrap{
  display:none;
}
#masthead.sticky .custom-logo{
  max-width: 100px;
}
#masthead .ast-site-identity{
  padding:0;
}
#masthead .custom_logo .custom-logo-link {
  width: 182px;
  margin-inline-end: auto;
}
#pojo-a11y-toolbar {
  transition: all 0.5s ease-in-out;
}
#pojo-a11y-toolbar.sticky {
  top: 57px !important;
}

@media (min-width: 770px){
	#masthead .menu-main-menu-container{
	  height: 100%;
	}
	#masthead .menu{
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  display: flex;
	  flex-direction: row;
	  align-items: center;
	  height: 100%;
	}
	#masthead .menu > .menu-item {
	  position: relative;
	  display: flex;
	  height: 100%;
	  align-items: center;
	  padding: 0 15px;
	}
	#masthead .menu .menu-item > .menu-link {
	  color: var(--color--text);
	  line-height: 1;
	  display: block;
	}
	
	#masthead .menu > .menu-item > .sub-menu {
	  position: absolute;
	  left: -20px;
	  margin: 0;
	  list-style: none;
	  padding: 10px 0;
	  min-width: 200px;
	  top: 100%;
	  border-radius: 10px;
	  background: #F5F5F4;
	  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	  opacity: 0;
	  visibility: hidden;
	}
	#masthead .menu > .menu-item:hover > .sub-menu{
	  opacity: 1;
	  visibility: visible;
	  transition: opacity ease-in-out .3s;
	}
	.rtl #masthead .menu > .menu-item > .sub-menu{right: -20px;left:auto;}
	#masthead .menu .menu-item > .sub-menu > li{padding: 1px 0;}
	#masthead .menu .menu-item > .sub-menu > li a{
	  margin:0;
	  padding: 12px;
	}
	#masthead .menu > .menu-item.products_menu > .sub-menu{
      /*min-width: 600px;
      display: flex;
      flex-wrap: wrap;*/
	}
	#masthead .menu > .menu-item.products_menu > .sub-menu > li{
	  /*width: 33.333%;*/
	}
	#masthead .menu > .menu-item.products_menu > .sub-menu > li.menu-item-has-children{
	  position: relative;
	}
	#masthead .menu > .menu-item.products_menu > .sub-menu > li.menu-item-has-children > .sub-menu{
	position: absolute;
    left: -250px;
    margin: 0;
    list-style: none;
    padding: 10px 0;
    min-width: 200px;
	width: 250px;
    top: -10px;
    border-radius: 10px;
    background: #F5F5F4;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    opacity: 0;
    visibility: hidden;
	}
	#masthead .menu > .menu-item.products_menu > .sub-menu > li.menu-item-has-children:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transition: opacity ease-in-out .3s;
    }
	#masthead .menu > .menu-item.products_menu > .sub-menu > li.menu-item-has-children > .sub-menu > li{}
	
}
#masthead .custom_logo{
  display: flex;
  align-content: center;
  align-items: center;
  flex-direction: row;
}

#masthead .search-form {
  width: 360px;
  margin-inline-start: auto;
}
#masthead .search-form label {
  position: relative;
  display: block;
}
#masthead .search-form label button.search-submit {
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 40px;
  background: none;
}
:lang(he-IL) #masthead .search-form label button.search-submit{left: 0;}
:lang(en-US) #masthead .search-form label button.search-submit{right: 0;}
#masthead .search-form label button.search-submit svg {
  width: auto;
  height: 16px;
}
#masthead .search-form label button.search-submit svg path{
  fill: var(--color--main);
}
#masthead #search-field {
  border-color: var(--color--accent);
  border-radius: 72px;
}
#masthead .search-form input.search-submit {
  display: none;
}

/*--Projects--*/

.filters {
  display: flex;
  justify-content: center;
  padding: 0 0 50px;
}
.filters > div{
  position: relative;
  margin: 0 5px;
}
.filters label {
  border: 1px solid var(--color--accent);
  color: var(--color--accent);
  margin: 0;
  padding: 8px 16px;
  display: block;
  font-size: 17px;
  border-radius: 20px;
}
.filters input {
  position: absolute;
  opacity: 0;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.filters > div:hover label,
.filters input:checked + label{
  background: var(--color--accent);
  color: #fff;
}
.navBtn {
  display: none;
}
@media (max-width: 1400px) {
  .filters {
    display: none;
  }
  .filters > div {
	margin: 0 auto 5px;

  }
  .filters label{
	font-size: 16px;
  }
  .navBtn {
    display: flex;
    margin: 10px 15px 15px;
    background: var(--color--accent);
    line-height: 36px;
    border-radius: 10px;
    align-items: center;
    color: #fff;
    padding: 0 20px;
    position: relative;
  }
  .navBtn::before {
    content: "";
    background: url(https://web3d.co.il/wp-content/uploads/2022/02/arrow-nav-1.png);
    width: 13px;
    height: 8px;
    position: absolute;
    left: 15px;
  }
  .navBtn::after {
    content: "בחר קטגוריה להצגה חכמה";
  }
  .navBtn .navBtnIn {
    margin-left: 10px;
  }
  .navBtnIn span {
    width: 20px;
    height: 1px;
    padding: 0;
    margin: 4px 0;
    overflow: hidden;
    display: block;
    text-indent: -500px;
    background-color: #fff;
    transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -webkit-transition: all 500ms ease 0s;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    transform-origin: center center;
  }
  .navBtn .navBtnIn .narrowtwo {
    width: 15px;
  }
  .navBtn:not(.active) .navBtnIn .narrowthree {
    width: 10px;
  }
  
  .navBtn.active .narrowtwo {
    display: none;
    transition: ease-in-out 0.3s;
  }
  .navBtn.active .narrowOne {
    transform: rotate(45deg);
    transition: ease-in-out 0.3s;
    margin: -1px auto;
  }
  .navBtn.active .narrowthree {
    transform: rotate(-45deg);
    transition: ease-in-out 0.3s;
    margin: -1px auto;
  }
}



#projects {
  padding: 80px 0;
}
#projects h2{
  margin-bottom: 60px;
}
.project {
  padding: 20px 10px 0;
  background: #fff;
  transition: all 0.6s ease;
  position: relative;
}
.archive .project{
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  /*transform: none !important;*/
}
.project > h3,
.project > p{
  padding: 0 10px;
}

.project  .project_img{
  height: 250px;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.project  .project_img img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}
.project > a.proj_link{
  padding-bottom: 25px;
  display: block;
}
.project > a.proj_link > p,
.project > a.proj_link > h3{
  padding-inline:15px;
}
.project > a.proj_link > h3{
  margin-top: 20px;
}
.flah_aa{
  background: var(--color--main);
  display: inline-flex;
  width: auto;
  border-radius: 0px 8px;
  color: #fff !important;
  padding: 5px 15px;
  font-size: 18px;
  gap: 14px;
  align-items: center;
  margin: 0 -25px 15px 0;
  position: relative;
}
.flah_aa::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 14px solid rgba(1, 37, 75, 0.96);
  border-right: 15px solid transparent;
  position: absolute;
  right: 0;
  bottom: -14px;
}
.flah_aa svg{
  height: 28px;
  width: auto;
}
.flah_aa svg path{
  fill:#fff;
}
/*
.project > a:hover{
	background:var(--color--accent);
}
.project > a:hover svg path{
  fill:#fff;
}
.project:hover{
  box-shadow: 0px 4px 29px 0px rgba(0, 0, 0, 0.30);
}
.project:hover .project_img > img{
  transform: scale(1.1);
}
*/
@media (min-width: 770px){
body:not(.archive) .project::before {
  content: "";
  border: 12px solid #D9DB00;
  position: absolute;
  width: auto;
  height: 100px;
  border-radius: 20px;
  right: 7%;
  left: 7%;
  top: -42px;
  z-index: -1;
  transition: all 0.5s ease;
  opacity: 0;
}
.project:hover::before{opacity: 1;}
}
/*--Slick--*/
.slick-arrow::before{content:none !important;}
:lang(he-IL) .slick-prev {background-image: url(/wp-content/uploads/2024/11/arrow-down-sign-to-navigate-1.png) !important;}
:lang(he-IL) .slick-next {background-image: url(/wp-content/uploads/2024/11/arrow-down-sign-to-navigate-2.png) !important;}
:lang(en-US) .slick-prev {background-image: url(/wp-content/uploads/2024/11/arrow-down-sign-to-navigate-2.png) !important;}
:lang(en-US) .slick-next {background-image: url(/wp-content/uploads/2024/11/arrow-down-sign-to-navigate-1.png) !important;}
.slick-arrow {
  width: 40px;
  height: 40px;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border-radius: 0;
  box-shadow: none;
}






/*--Footer--*/
.otgs-development-site-front-end{
  display: none !important;
}
#footer_jo{
  padding: 45px 0;
}
#footer_jo .jo_col_12 {
  display: flex;
  padding-left: 260px;
  gap: 65px;
}
.branch{
  display: flex;
  flex-direction: column;
  color: #fff;
  font-size: 20px;
}
.branch h3 {
  color: #D9DB00;
  font-size: 20px;
  margin: 0 0 2px;
}
.branch span{
  margin: 0 0 10px;
}
.branch a{
  color: #fff;
  font-size: 20px;
}
.logos_footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 15px;
}
.logos_footer span {
  width: 109px;
  height: 109px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.logos_footer img{}
.mail_footer{
  color: #00BCE5;
  font-size: 20px;
  margin: 10px 0 0;
  display: inline-block;
}

/*
.contact_info_footer {
  display: flex;
  gap: 25px;
  padding: 45px 0 0;
}
.contact_info_footer div, .contact_info_footer a{
  display: flex;
  align-items: center;
  color: #fff;
}
.contact_info_footer svg {
  width: 22px;
  height: auto;
  margin-inline-end: 10px;
}
.contact_info_footer svg path{
  fill:#fff;
}
.footer_social_items{
  display: flex;
  gap: 15px;
  padding: 50px 0 0;
  align-items: center;
  justify-content: flex-end;
}
.footer_social_items svg {
  height: 22px;
}
.footer_social_items svg circle,
.footer_social_items svg path{
  fill: var(--color--main);
}
*/
#colophon{
  background: rgba(1, 37, 75, 0.96);
  padding: 15px 0;
}
.bootom_footer{}
.bootom_footer .credit{
  text-align: end;
}
.bootom_footer .credit a {
  font-size: 14px;
  color: #fff;
}
.bootom_footer .credit img {
  margin: -5px 6px 0 0;
}
.bootom_footer .copyright {
  text-align: start;
  color: #fff;
  font-size: 14px;
}
.bootom_footer .copyright a{
  color: #fff;
  font-size: 14px;
}


.ast-footer-copyright p {
  margin-bottom: 0;
  text-align: start;
}
#ast-scroll-top {
  background-color: var(--color--main) !important;
}

.footi{
  text-align: end;
}
.rtl .footi{
  direction: ltr;
  text-align: start;
}
.footi a.web3d {
  color: #fff;
  font-size: 14px;
}
.footi a.web3d img {
  margin: 0 0 4px 4px;
}
.ast-footer-copyright *{
  color: #fff;
  font-size: 14px;
}
.wpcf7 form .wpcf7-response-output{
    background: #fff;
    text-align: center;
}
.wpcf7 .wpcf7-not-valid-tip {
    color: #eb4b4b;
}
.slick-dots {
  position: relative;
  bottom: 0;
}
.slick-dots li{margin: 0 5px;}
.slick-dots li button::before {font-size: 12px;}
#areas_activities .slick-dots li button::before {color: white;}
#areas_activities .slick-dots li.slick-active button::before {opacity: 1;color: white;}
div#products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 43px;
}
.product-item {
    padding: 5px 40px 25px;
    border-radius: 24px;
    background: #FFF;
    box-shadow: 0px 4px 29px -7px rgba(0, 0, 0, 0.10);
	text-align:center;
	position: relative;
	transition:ease-in-out 0.5s;
}
.product-item hr {
    background: #00BCE5;
    width: 100px;
    margin-inline: auto;
    height: 6px;
    border-radius: 50px;
    margin-bottom: 15px;
	transition:ease-in-out 0.3s;
}
.product-item h3 {
    font-size: 20px;
    color: #000;
}
.product-img {
    aspect-ratio: 256 / 205;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-item  {
    position:relative;
}
.product-item a {
    position: absolute;
    inset:0;
}
	.product-item:hover hr{
		width: 80%;
	}
.product-item:hover {
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
}
#products.related-prod{
	display:flex;
	justify-content:center;
	gap:2%;
	flex-wrap: wrap;
}
#products.related-prod .product-item{
	flex: 23%;
	max-width:23%;
}
#related-products {
    margin: 60px 0 80px;
}
h2.related-title {
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-bottom: 30px;
}
.tech-info-list:last-child {
    border-bottom: 1px solid #c1c1c1;
}
.simple-page{
    padding-top:30px;
}
section.ast-archive-description {
    margin: 0 auto !important;
}
.social-media {
    margin-inline-start: auto;
    display: flex;
    gap: 10px;
}
.social-media a svg {
    height: 25px;
    width: auto;
}
.social-media a svg path{
  fill:var(--color--main);
}
.social-media a {
    display: flex;
}
.waze_link_branch svg {
  width: 30px;
  height: 40px;
}
.madan_ecvador {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-weight: bold;
  filter: brightness(0) invert(1);
}

@media only screen and (min-width: 770px) and (max-width: 1600px){
	.project > img{height: 300px;}
	#footer_jo .elementor-widget .elementor-icon-list-icon + .elementor-icon-list-text{font-size: 20px;}
}

@media (min-width: 770px){
	.menu-mobile-menu-wrapper{display:none;}
}
@media (max-width: 769px){
  .madan_ecvador{align-items: self-start;margin-top: 15px;}
	.flah_aa{font-size: 16px;}
	#menu_jo.active {z-index: 99999;filter: brightness(0) invert(1);}
	#menu_jo + .menu-mobile-menu-wrapper {
	  background: var(--color--accent);
	  position: fixed;
	  z-index: 9999;
	  top: 0;
	  right: 0;
	  overflow: auto;
	  width: 100%;
	  height: auto;
	  padding: 20px;
	  transition: all 150ms ease;
	  transform: translate(100%, 0);
	  left: 0;
	  bottom: 0;
	}
	#menu_jo.active + .menu-mobile-menu-wrapper {transform: translate(0, 0);display: block;}
	#menu_jo.active + .menu-mobile-menu-wrapper {transform: translate(0, 0);display: block;width: 100%;height: 100vh;}
	#masthead .first_box_in_mobile_menu .custom-logo-link{margin: auto !important;}
	#masthead .first_box_in_mobile_menu .custom-logo-link img {filter: brightness(0) invert(1);object-fit: contain;}
	#masthead .first_box_in_mobile_menu > a {display: block;margin: 0 auto 30px;max-width: 130px;}
	#masthead .search-form {width: 100%;margin: 15px auto 0;}
	.ast-header-break-point .dropdown-menu-toggle {
	  display: flex;
	  background: url(/wp-content/uploads/2024/11/arrow-down-sign-to-navigate-2.png) no-repeat scroll center / 16px;
	  filter: brightness(0) invert(1);
	  width: 40px;
	  height: 23px;
	  position: absolute;
	  left: 0;
	  transform: rotate(-90deg);
	  top: 11px;
	}
	#masthead.sticky .custom-logo {object-fit: contain;}
	
	
	
	/*--Grid--*/
	.mb-grid{display: grid;}
	.mb-grid-2{grid-template-columns: repeat(2, 1fr);}
	.mb-grid-3{grid-template-columns: repeat(3, 1fr);}
	.mb-grid-4{grid-template-columns: repeat(4, 1fr);}
	.mb-grid-5{grid-template-columns: repeat(5, 1fr);}
	.mb-grid-gap15{gap:15px;}
	.mb-grid-gap20{gap:20px;}
	.mb-grid-gap30{gap:30px;}
	.mb-grid-gap40{gap:40px;}
	.mb-grid-gap60{gap:60px;}
	.mb-grid-gap70{gap:70px;}
    #masthead{z-index: 9999;}
	#masthead .btn_jo_wrapp{flex-direction: column;align-items: flex-end;}
	#masthead .btn_jo_wrapp .btn_jo{font-size: 14px;width: 90px;margin: 4px 0;line-height: 27px;}
	#masthead .jo_row {display: flex;flex-wrap: wrap;}
	#masthead .jo_row .custom_logo{width: 100%;}
	#masthead .custom_logo .custom-logo-link{margin: 0 auto 0 0;width: auto;}
	#masthead .custom_logo .custom-logo{height: 45px;width: auto;}
	#masthead .btn_menu .menu-link {margin: 0 auto 25px;width: 90%;line-height: 1.4;display: block;font-size: 16px;}
	#page .site-content {}
	.custom_logo > .menu-main-menu-container, .custom_logo > .menu-main-menu-en-container, .custom_logo > .search-form{display: none;}
	/*.menu-main-menu-container, .menu-main-menu-en-container {margin-right: 0;position: fixed;right: 0;top: 69px;bottom: 0;background: var(--color--accent);left: 0;max-height: 0;overflow: hidden;transition: all .4s ease;width: 100%;margin: auto;}*/
	#masthead ul{list-style: none;margin: 0;}
	#masthead .menu{align-items: inherit;flex-direction: inherit;padding: 10px 0 0;flex-wrap: wrap;}
	#masthead .menu .menu-item{width: 100%;position: relative;}
	#masthead .menu .menu-item.btn_menu{width: 50%;margin: 20px 0 0 !important;order: 1;}
	#masthead .menu .menu-link{margin: 0;width: 100%;display: block;padding: 10px 20px;border-bottom: 1px solid #fff;color: #fff;}
	/*.menu-main-menu-container.active, .menu-main-menu-en-container.active{max-height: 100vh;}*/
	.hamburger {display: flex;align-items: center;height: 40px;margin: 0 0 auto auto;cursor: pointer}
	.hamburger span {width: 30px;height: 2px;display: block;background: var(--color--accent);border-radius: 5px;transition: none}
	.hamburger span::before, .hamburger span::after{content: "";width: 30px;height: 2px;display: block;background: var(--color--accent);border-radius: 5px;transition: all .4s ease;}
	.hamburger span::before {margin: -9px 0 0;}
	.hamburger span::after {margin: 16px 0 0;}
	#menu_jo{z-index: 1;}
	#menu_jo .hamburger span {transition: ease-in-out 0.3s;}
	#menu_jo.active .hamburger span {height: 0;}
	#menu_jo.active .hamburger span::before {transform: rotate(45deg);margin: -1px auto;}
	#menu_jo.active .hamburger span::after {transform: rotate(-45deg);margin: -3px auto;}
	#masthead .menu .wpml-ls-item > .sub-menu{margin: 0 !important;display: block;top: 10px;padding: 0;}
	#masthead .menu .wpml-ls-item > .sub-menu > li > a {margin: 0;padding: 0 20px;border: 0;}
	#masthead .menu > .wpml-ls-item > .menu-link {margin: 0 !important;}
	
	#masthead .menu .menu-item > .sub-menu{display: none;}
	#masthead .menu .menu-item > .sub-menu .menu-link{padding-inline-start: 40px;}
	#pojo-a11y-toolbar.sticky {top: 55px !important;}
	.entry_header {margin-top: 70px;}
	.jo_breadcrumbs * {font-size: 14px;}
	.jo_breadcrumbs{margin: auto;}
	.entry_header h1{line-height: 1.3;font-size: 28px;margin: 0 auto 10px;}
	.wrapp_mb_slider_centermode{padding: 0;}
	.img_bg_glass22 {position: relative;right: auto;top: auto;margin: -80px 0 -40px;width: 100px;}
	.radius30 {border-radius: 20px;}
	.mb_slider_centermode .slick-slide{}
	.mb_slider_centermode .slick-slide:not(.slick-center){transform: scale(0.9);opacity: 0.7;}
	.mb_slider_centermode .slick-slide > div {width: 100%;}
	#projects {padding: 45px 0 15px;}
	.archive .project {padding-bottom: 1px;margin-bottom: 20px;}
	.project > img {height: 240px;}
	#projects .slick-track{  padding: 20px 0;}
	#projects h2 {margin-bottom: 0;}
	.slick-track {display: flex;}
	.slick-track .slick-slide {display: flex;height: auto;}
	body.single-project .project_footer {padding: 20px 30px 30px;}
	.single-project #projects h2 {margin-bottom: 30px;}
	.img_bg_glass3{width: 150px;}
	
	#footer_jo .jo_col_8, 
  #footer_jo .jo_col_12{display: block;padding: 0;}
	.branch{font-size: 16px;margin-bottom: 15px;padding-bottom: 15px;width: 100%;}
  div.branch{border-bottom: 1px solid rgba(255,255,255,0.15);}
  .branch a{display: flex;}
	.logos_footer{justify-content: flex-start;}
	.logos_footer img {width: 70%;}
	.logos_footer span {width: 70px;height: 70px;}
	#colophon .ast-builder-grid-row *{text-align:center;}
	#colophon .ast-builder-grid-row{display: block;}
	div#products{grid-template-columns: 1fr;}
	#products.related-prod{gap: 25px;}
}




.item_methodology_txt {height:auto!important;padding:20px;}