body, html {
    height: 100%;
}

.fa_padding{
	padding:2px;
}

.fa_footer_link{
	text-decoration: none;
	padding-left: 10px;
}

.fa_hr_text{
	width: 80px;
	border-top: 4px solid;
	margin: 0 auto;
}

.fa_contactbox {
	background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url("../img/contact.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}



/*slide show class*/
.mySlides {display:none}
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:13px;width:13px;padding:0}
.slide-image {
	min-height:100%;
	height:100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


/* flip card*/
.flip-card {
  background-color: transparent;
  width: 300px;
  height: 300px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
}

.flip-card-back {
  background-color: #2980b9;
  color: white;
  transform: rotateY(180deg);
}
.text-block {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-color: black;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
	background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); 
}


/* load for carsusel for testamnia*/

.fa_testmoni_box{
	min-height: 215px;
	margin: 0 auto 0 0;
}

.fa_testmoni_inner_box {
	padding-left: 32px;
	padding-right: 32px;
}

.carousel-cell{
	max-width:350px;
	min-width:350px;
}

/* load for carsusel for traning*/
.fa_traning_img{
	height: 228px;
	width: 284px;
	margin: 0 auto 0 -1px;
	object-fit: cover;
	display: block;
	/*vertical-align: middle;*/
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.fa_traning_textbox{
	position: absolute;
	left: 60px;
	bottom: 30px;
	padding-bottom: 16px;
}



/*about page*/

.about_hero_box{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/about_hero.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/*contact page*/

.contact_hero_box{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/contact_hero.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/*projects page*/

.projects_hero_box{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/projects_hero.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.project_list_box {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  width: 40%;
  display: inline-block;
}

/*tranings page*/

.tranings_hero_box{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/tranings_hero.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/*posts page*/

.posts_hero_box{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/posts_hero.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/*search page*/
.search_hero_box{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/search_hero.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}