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

/*--Layout--*/
.jo_container{
  max-width: 1360px;
  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_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 40%;
	  max-width: 40%;
	}
	.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;}
}
#primary {
  margin: 0;
}
@media (min-width: 922px) {
  .site-content .ast-container {
    display: block;
  }
  .ast-container {
    max-width: 100%;
	margin: 0;
    padding: 0;
  }
}
#masthead .jo_btn_wrapper {
  display: flex;
  gap: 20px;
  align-items: center;
  height: 100%;
  justify-content: end;
}
.jo_btn{
  display: flex;
  height: 32px;
  padding: 7px 18px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 33px;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
}
.jo_btn.jo_btn_green{
  background: linear-gradient(90deg, #349E5E 0%, #4AB3A0 101.65%);
}
.jo_btn.jo_btn_blue{
  background: linear-gradient(90deg, #659CD3 0%, #0077BE 100%);
}


#masthead .jo_container{
  max-width: 1400px;
}
.wp_nav_menu{
  align-content: center;
}
.wp_nav_menu > div{}
.menu{
  margin: 0;
  display: flex;
  list-style: none;
  gap: 40px;
}
.menu{}
.menu > li{}
.menu > li > a.menu-link{
  font-size: 16px;
}
.top_header .menu > li > a.menu-link{}
.bottom_header .menu > li > a.menu-link{
  color: #fff;
}
.menu > li > a.menu-link.current_page_item{}
.top_header .menu > li > a.menu-link.current_page_item{}
.bottom_header .menu > li > a.menu-link.current_page_item{}

.top_header{
  background: #fff;
  height: 50px;
  align-content: center;
}
.bottom_header{
  background: var(--color--main);
  height: 50px;
  align-content: center;
}


#hero{
  position: relative;
}
#hero #video_main{
  display: flex;
}
#hero #video_main video{
  width: 100%;
  height: calc(100vh - 120px);
  object-fit: cover;
  border-radius: 0 195px;
}
#hero .overflow{
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 62, 100, 0.24) 0%, rgba(0, 62, 100, 0.24) 100%);
  border-radius: 0 195px;
}
#hero .jo_container{
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  text-align: center;
  align-content: center;
}
#hero svg{}
#hero p{}












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