/*! ******************************************************
*
*	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-----------*/

.title_centered{
  text-align: center;
}
#ast-scroll-top{
  background: var(--color--main) !important;
}
.btn_jo, .btn_jo img{
  transition: all 0.4s ease;
}
.small_title{
  color: var(--color--main);
  margin-bottom: 15px;
  display: block;
}
.small_title::after {
  content: "";
  width: 72px;
  height: 2px;
  display: block;
  background: var(--color--main);
  margin: 5px 0;
}
.title.small_title{
  margin: 80px 0 0;
  text-align: center;
}
.title.small_title::after {
  margin: 5px auto;
}
 
/*--Typography--*/
h2 {
  font-weight: bold;
  line-height: 1;
  margin-bottom: 8px;
}
p {
  font-weight: lighter;
  line-height: 1.4;
}
.title.title_centered{
  line-height: 1.4;
  margin: 0 0 35px;
}
.section_hp1_content > a:hover{
  color: #fff;
}

/*--Layout--*/
.jo_container{
  max-width: 1370px;
  width: 100%;
  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_7{
	  flex: 0 0 60%;
	  max-width: 60%;
	}
	.jo_col_6{
	  flex: 0 0 50%;
	  max-width: 50%;
	}
	.jo_col_4{
	  flex: 0 0 40%;
	  max-width: 40%;
	}
	.jo_col_33{
	  flex: 0 0 33.333%;
	  max-width: 33.333%;
	}
	
	.jo_col_70{
	  flex: 0 0 70%;
	  max-width: 70%;
	}
	.jo_col_30{
	  flex: 0 0 30%;
	  max-width: 30%;
	}
}

/*--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-gap60{gap:60px;}
.ps-grid-gap70{gap:70px;}

/*--Header--*/

#masthead .ast-primary-header-bar > .ast-container {
  max-width: 1380px;
}
#masthead {
  top: 0;
  z-index: 999;
  background: #fff;
}
#masthead.sticky {
  padding: 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.sticky #ast-desktop-header .ast-above-header-wrap{
  display:none;
}
#masthead .ast-site-identity{
  padding:0;
}
#page .site-content {
  padding: 80px 0 0;
}

/*--slick--*/
body #content .slick-arrow::before {
  content: "";
  border-style: solid;
  border-color: #242424;
  border-radius: 0;
  width: 15px;
  height: 15px;
  opacity: 1;
  display: block;
  transform: rotate(-45deg);
}
body #content .slick-next::before{
  border-width: 0 2px 2px 0;
  margin: 0 5px 0 0;
}
body #content .slick-prev::before{
  border-width: 2px 0 0 2px;
  margin: 0 0 0 5px;
}
body #content .slick-arrow{
  border: 2px solid #242424;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
body #content .slick-next{right: -50px;}
body #content .slick-prev{left: -50px;}

/*--Contact--*/

.wpcf7 form .wpcf7-response-output{  margin: 30px auto 0 !important;}
.wpcf7 input.wpcf7-form-control:not([type="submit"]):focus, .wpcf7 select.wpcf7-form-control:focus, .wpcf7 textarea.wpcf7-form-control:focus {
border-style: solid;
}

/*--Footer--*/
#footer_jo{
  background: #242424;
  padding: 45px 0 35px;
}
#footer_jo *{
	color:#fff;
}
#footer_jo .custom-logo-link {
  display: block;
  margin-bottom: 20px;
}
#footer_jo .custom-logo-link img {
  filter: brightness(0) invert(1);
}
.contact_info_footer{}
.contact_info_footer a, .contact_info_footer span{
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.contact_info_footer svg{
  width: 20px;
  height: auto;
  margin-right: 10px;
  
}
#footer_jo h4{
  margin-bottom: 20px;
}
#footer_jo .jo_col_33 {
  padding-left: 70px;
}
.footer_col1{
  font-weight: lighter;
}
#footer_jo .footer_col3 a {
  width: 50%;
  float: right;
  color: var(--color--main);
  margin-bottom: 5px;
}
footer{
  direction: ltr;
}
#colophon .site-primary-footer-wrap .ast-builder-grid-row {
  max-width: 1280px;
  padding: 0 15px;
}
#colophon .site-primary-footer-wrap *{
  font-size: 13px;
  color: #fff;
}
.web3d img{
  margin: 0 0 3px 5px;
}
.slide_5items_clients {
  border-bottom: 1px solid #666;
  margin-bottom: 50px;
}
.footer_social_items{
  display: flex;
  margin-top: 20px;
}
#footer_jo .social {
  margin: 0 0 0 15px;
  display: flex;
  align-items: center;
}
#footer_jo .social svg {
  width: 20px;
  height: 20px;
}
#footer_jo .social svg path{
  fill:#fff;
}
body #content #reviews .slick-slide,
#why-us .cols_wu_txt .why_us_item{
  transition: all 0.3s ease;
}
body #content #reviews .slick-slide:hover,
#why-us .cols_wu_txt .why_us_item:hover{
  box-shadow: 0px 3px 20px #00000030;
}
body #content .slick-slide{transition: all 0.3s ease;}
body #content .slick-slide:not(.slick-active){/*transform: scale(0);opacity:0;*/}
body #content .slick-arrow:hover{background: #242424;}
body #content .slick-arrow:hover::before{border-color: #fff;}
body #content .slick-arrow.slick-disabled{opacity: 0.3;cursor: auto;}

@media (min-width: 770px){
	.ast-builder-menu .main-navigation > ul > li a{
	  line-height: 2;
	}
	.ast-builder-menu .main-navigation > ul > li a::after,
	.ast-builder-menu .main-navigation > ul > li a::before {
	  content: "";
	  display: block;
	  position: absolute;
	  width: 20%;
	  height: 20%;
	  border: 2px solid;
	  transition: all 0.6s ease;
	  border-radius: 2px;
	  opacity: 0;
	}
	.ast-builder-menu .main-navigation > ul > li a::before{
	  top: 0;
	  left: 0;
	  border-bottom-color: transparent;
	  border-right-color: transparent;
	  border-top-color: #000;
	  border-left-color: #000;
	}
	.ast-builder-menu .main-navigation > ul > li a::after {
	  bottom: 0;
	  right: 0;
	  border-top-color: transparent;
	  border-left-color: transparent;
	  border-bottom-color: #000;
	  border-right-color: #000;
	}

	.ast-builder-menu .main-navigation > ul > li a:hover::after,
	.ast-builder-menu .main-navigation > ul > li a:hover::before {
	  border-bottom-color: #000;
	  border-right-color: #000;
	  border-top-color: #000;
	  border-left-color: #000;
	  width: 100%;
	  height: 100%;
	  opacity: 1;
	}
}


@media (max-width: 769px){
	/*--Typography--*/
	.title.title_centered {margin: 0 0 25px;}
	.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .menu-link, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .ast-menu-toggle {color: var(--color--main);}
	.ast-builder-menu-mobile .main-navigation .menu-item:hover > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item:hover > .ast-menu-toggle{color: var(--color--accent);}
	/*--Header--*/
	#page .site-content {padding: 52px 0 0;}
	#ast-mobile-header .ast-grid-right-section {display: none;}
	body:not(.home) #page .site-content {padding: 80px 0 0;}
	[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {width: 36px;height: 36px;fill: #000;}
	.ast-logo-title-inline .site-logo-img {padding-right: 0;}
	.site-logo-img img {max-width: 200px;margin: 20px 0;}
	.ast-button-wrap .menu-toggle.main-header-menu-toggle {padding: 0;}
	.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar, .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-below-header-bar, .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-above-header-bar {
	  padding-left: 15px;
	  padding-right: 15px;
	}
	.ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap {min-height: 52px;}
	
	/*--Footer--*/
	#footer_jo{padding: 20px 0 35px;}
	#footer_jo .jo_col_33 {padding-left: 0;}
	.footer_col1{margin-bottom: 30px;}
	.footer_col3, #footer_jo h4{display: none;}
	#ast-scroll-top {left: 10px;bottom: 70px;}
	
	/*----------------*/
	
	#why-us .cols_wu_img::before, #why-us .cols_wu_img::after{content:none !important;}
	#reviews .jo_container{padding:0;}
	#reviews .jo_col_30 {padding: 0 20px;}
	#reviews .reviews.slide_2items {margin: 0 !important;}
	
	.btn_jo img {margin: 2px 9px 0 0;width: 20px;}
	.small_title, .small_title + h2{text-align: center;}
	.small_title::after{margin: 5px auto;}
	
	body #content .slick-arrow{bottom: -70px;top: auto;}
	body #content .slick-prev {left: 50%;margin-left: -60px;}
	body #content .slick-next {right: 50%;margin-right: -60px;}
	
	#contact .title + p{font-size: 16px !important;}
	#why-us .cols_wu_img{display: none;}
}
/*--Top bar--*/
@media (max-width: 769px){
	#top_bar {z-index: 9999;position: relative;}
	#top_bar .jo_row {display: flex;flex-wrap: wrap;}
	#top_bar .jo_container .jo_col_6{flex: 0 0 50%;max-width: 50%;height: 42px !important;}
	#top_bar .mp{font-size: 0 !important;}
	#top_bar .mp svg {width: 20px !important;margin: 0 !important;}
	#top_bar .mp svg path {fill: #fff;}
	#top_bar .social svg {width: 16px !important;height: 16px !important;}
}

























.home [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg{
  fill: #fff;
}
#masthead{
  background: none;
}
#masthead.sticky{
  background: var(--color--main);
}
#masthead.sticky .ast-mobile-header-wrap .ast-primary-header-bar,
#masthead.sticky .ast-primary-header-bar .site-primary-header-wrap {
  min-height: 50px;
}
#masthead.sticky .ast-primary-header-bar .main-header-menu > .menu-item {
  line-height: 50px;
}
#masthead.sticky .site-logo-img img {
  max-height: 30px;
  width: auto;
}
#page .site-content {
  padding: 0;
}
#services .title, #teams .title{
	margin-top:80px;
}
#footer_jo .custom-logo-link {
  display: block;
  margin-bottom: 20px;
  text-align: center;
}
#footer_box .contact_info_footer {
  display: flex;
  align-content: center;
  justify-content: center;
}
#footer_box .contact_info_footer a {
  margin: 0 15px;
}
#footer_box .contact_info_footer a svg{
  margin-left: 12px;
}
.footer_social_items {
  align-content: center;
  justify-content: center;
}
#footer_jo .social svg path {
  fill: var(--color--main);
}
#footer_jo .social {
  margin: 0 7px;
}
body:not(.home) #masthead{box-shadow: 0px 4px 29px #0000001A;}
body:not(.home) .main-header-menu .menu-link, body:not(.home) .main-header-menu > a{color: #000 !important;}
body:not(.home) #page .site-content {padding: 110px 0 0;}
body:not(.home) .site-logo-img img {filter: brightness(0%);}

.home .ast-builder-menu .main-navigation > ul > li a::before{
  border-top-color: #fff;
  border-left-color: #fff;
}
.home .ast-builder-menu .main-navigation > ul > li a::after {
  border-bottom-color: #fff;
  border-right-color: #fff;
}
.home .ast-builder-menu .main-navigation > ul > li a:hover::after,
.home .ast-builder-menu .main-navigation > ul > li a:hover::before {
  border-bottom-color: #fff;
  border-right-color: #fff;
  border-top-color: #fff;
  border-left-color: #fff;
}
.btn_jo img {
  margin: 0 0 0 5px;
}

@media (max-width: 769px){
  #pojo-a11y-toolbar.pojo-a11y-toolbar-right {
  top: auto !important;
  bottom: 69px;
}
    body #content .slick-slide:not(.slick-active) {
        transform: scale(1);
      opacity: 1;
    }
    body #content .slick-slide:not(.slick-current) {
      transform: scale(0.95);
      opacity: 0.7;
    }
     body #content .slick-slide.(.slick-current){
          transform: scale(1);
      opacity: 1;
     }
    #masthead {width:100%;}
	#masthead.sticky [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg{fill: #fff;}
	#masthead.sticky .ast-header-break-point .main-header-bar {line-height: 1;}
	#masthead.sticky .ast-button-wrap .menu-toggle.main-header-menu-toggle {padding: 0;}
	#services .title, #teams .title{margin-top:30px;}
	#contact .contact_wrapp{flex-wrap: wrap;}
	#footer_box .contact_info_footer{flex-wrap: wrap;}
	#footer_box .contact_info_footer a {margin:10px 0;width: 100%;justify-content: center;}
	#footer_jo {padding-top: 40px;}
	#pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {bottom: 0;}
	body.rtl #pojo-a11y-toolbar {top: auto !important;bottom: 10px;}
  #pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle {
  bottom: 0;
}
}