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

.shadow{
  box-shadow: 0 3px 29px 0 rgba(0, 0, 0, 0.10);
}
.radius7{
  border-radius: 7px;
}
.title_centered,
.content_centered {
  text-align: center;
}
.btn_jo_wrapp{
  display: flex;
  justify-content: center;
  gap: 40px;
}
.btn_jo{
  width: 200px;
  display: inline-block;
  height: 60px;
  line-height: 60px;
  margin: 0;
  position: relative;
  font-weight: 500;
}
.btn_jo_wrapp .btn_jo:hover,
.btn_jo_wrapp > .btn_jo + .btn_jo{
  color: #fff !important;
  background: none;
}
.title.small_title {
  margin: 80px 0 0;
  text-align: center;
}
.small_title {
  color: var(--color--text);
  margin-bottom: 15px;
  display: block;
}
.small_title::after {
  content: "";
  width: 72px;
  height: 2px;
  display: block;
  background: var(--color--text);
  margin: 5px 0;
}
.title.small_title::after {
  margin: 5px auto;
}
#footer_jo .footer_col3 a {
  color: #EC8255;
}

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

/*--Layout--*/
.jo_container{
  /*max-width: 1280px;*/
  max-width: 1410px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.jo_container_1600{
	/*max-width: 1600px;*/
	max-width: 1410px;
}
.jo_container_1570{
	/*max-width: 1570px;*/
	max-width: 1410px;
}
.jo_container_1400{
	max-width: 1410px;
}

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

/*--Header--*/
.main-header-menu > .menu-item:first-child > .menu-link{
  /*padding-right: 5px;*/
}
#masthead .ast-primary-header-bar > .ast-container {
  max-width: 1300px;
}
#masthead {
  top: 0;
  z-index: 999;
  background: #fff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
#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;
  right: 0;
  left: 0;
}
#masthead.sticky #ast-desktop-header .ast-above-header-wrap{
  display:none;
}
#masthead .ast-site-identity{
  padding:0;
}
#masthead .main-header-menu.ast-menu-shadow .sub-menu {
  width: auto;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25) inset, 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  border-radius: 0 0 10px 10px;
}
#masthead .main-header-menu .sub-menu .menu-link{
  padding-block: 10px 5px;
}
.home #page .site-content {
  padding: 55px 0 0;
}

/*--slick--*/
body #content .slick-arrow::before {
  content: "";
  border-style: solid;
  border-color: #8099B3;
  border-radius: 0;
  width: 15px;
  height: 15px;
  opacity: 1;
  display: block;
  transform: rotate(-45deg);
}
body #content .slick-prev::before{
  border-width: 0 2px 2px 0;
  margin: 0 19px 0 0;
}
body #content .slick-next::before{
  border-width: 2px 0 0 2px;
  margin: 0 12px 0 0;
}
body #content .slick-arrow{
  border: 2px solid #8099B3;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
body #content .slick-prev{right: -50px;}
body #content .slick-next{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: #20252B;
  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 path{
  fill: #fff
}
.contact_info_footer svg{
  width: 20px;
  height: auto;
  margin-left: 20px;
  
}
#footer_jo h4{
  margin-bottom: 20px;
}
#footer_jo .jo_col_5 {
  padding-left: 190px;
  font-weight: lighter;
}
#footer_jo .jo_col_3 a {
  color: #fff;
  margin-bottom: 5px;
  display: block;
}
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;
}
.footi{
  text-align: left;
}
.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: #8099B3;}
body #content .slick-arrow:hover::before{border-color: #fff;}
body #content .slick-arrow.slick-disabled{opacity: 0.3;cursor: auto;}

.modal-window-service,
.modal-window {
  width: 100%;
  display: none;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
}
.overlay-modal {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
}
.modal-inner{
  z-index: 1;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
  box-shadow: 0 4px 29px rgba(0, 0, 0, 0.2);
  width: 1000px;
  border-radius: 20px;
  border: 5px solid #036;
  background: rgba(255, 255, 255, 0.95);
  padding: 80px 150px;
}
.modal-window-service button#close-modal,
.modal-window button#close-modal{
  position: absolute;
  top: 30px;
  right: 30px;
  font-family: auto;
  background: transparent;
  padding: 0;
  z-index: 99999;
  border: 0;
  box-shadow: none;
}
.modal-content{
  position: relative;
}
.process_item_arrow,
.servise_item_arrow{
  position: absolute;
  top: 50%;
  cursor: pointer;
  z-index: 9;
}
.process_item_arrow.next,
.servise_item_arrow.next{
  left: -56px;
}
.process_item_arrow.prev,
.servise_item_arrow.prev{
  right: -56px;
}
.contact_fixed_btn{
  color: #fff !important;
  text-align: center;
  font-size: 23px;
  font-weight: 700;
  position: fixed;
  left: 0;
  top: 100px;
  background: #0F6686;
  z-index: 999;
  height: 92px;
  width: 128px;
  border-style: solid;
  border-color: #fff;
  border-width: 2px 2px 2px 0;
  border-radius: 0 45px 45px 0;
  align-content: center;
  padding: 0 25px 0 15px;
}
@media (min-width: 993px) {
  .ast-separate-container #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container.ast-right-sidebar #primary {
    margin: 0;
  }
}
.single-post #page .site-content {
  padding: 25px 0;
}
.ast-separate-container .post-navigation{
  display: none;
}
.ast-separate-container .ast-article-single:not(.ast-related-post), .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container .site-main .ast-author-meta, .ast-separate-container .related-posts-title-wrapper, .ast-separate-container .comments-count-wrapper, .ast-box-layout.ast-plain-container .site-content, .ast-padded-layout.ast-plain-container .site-content, .ast-separate-container .ast-archive-description, .ast-separate-container .comments-area {
  background: none;
}



@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: 1px solid;
	  transition: all 0.6s ease;
	  border-radius: 8px;
	  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){
	#s1 .jo_container{padding: 0 35px;}
	/*--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--*/
	.home #page .site-content {padding: 52px 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: 120px;}
	.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 h4{display: none;}
	#ast-scroll-top {left: 10px;bottom: 70px;}
	#footer_jo .jo_col_5 {padding-left: 0;padding-bottom: 40px;}
	.footer_social_items {margin-top: 40px;}
	.contact_info_footer {margin-bottom: 40px;}
	
	/*----------------*/
	
	#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: -95px;top: auto;width: 35px;height: 35px;}
	body #content .slick-arrow::before {width: 12px;height: 12px;}
	body #content .slick-next {left: 50%;margin-left: -40px;}
	body #content .slick-prev {right: 50%;margin-right: -40px;}
	body #content .slick-prev::before {margin: 0 12px 0 0;}
	body #content .slick-next::before {margin: 0 8px 0 0;}
	
	#contact .title + p{font-size: 16px !important;}
	
	.contact_fixed_btn{font-size: 14px;height: 60px;width: 65px;padding: 0 15px 0 6px;line-height: 1.2;}
	
	.modal-inner{padding: 80px 15px 20px;max-width: 90%;min-height: 82vh;max-height: 90vh;overflow: auto;}
	.process_item_arrow.next {left: 0;}
	.process_item_arrow.prev {right: auto;left: 60px;}
	.process_item_arrow{top: -43px;}
	
	.servise_item_arrow.next {left: 0;}
	.servise_item_arrow.prev {right: auto;left: 60px;}
	.servise_item_arrow{top: -43px;}
	
	.title.small_title {margin: 40px 0 0;}
	.footi {text-align: center;}
	
}
/*--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;}
}