/*******             *******/
/*******     All     *******/
/*******             *******/
html, body {
    height: 100%;
}

body {
    margin: 0px;
}

a{
	text-decoration: none;
}

input, select, textarea {
	outline: none !important; 
}
/*******             *******/
/*******     All     *******/
/*******             *******/






/*******             *******/
/*******   Classes   *******/
/*******             *******/
.contain_img{

	background-size: contain;
	background-repeat: no-repeat; 
	background-position: center;

}

.cover_img{

	background-size: cover;
	background-repeat: no-repeat; 
	background-position: center;

}

.zoom_container {
	transition: transform .2s;
}

.zoom_container:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

.center_vertical{

	position: absolute;
  	left: 50%;
  	top: 50%;
  	transform: translate(-50%, -50%);

}

.orange_button{

  background-color: #ff7931 !important;
  text-align: center; 
  border-radius: 5px; 
  font-size: 22px; 
  font-weight: 800; 
  color: #fff;
  cursor: pointer;
  padding: 15px 40px;

}

.orange_button:hover{

  background-color: #ff8849 !important;

}

.orange_button:active{

  background-color: #ef6a23 !important;

}

.blue_button{

  background-color: #3f5689 !important;
  text-align: center; 
  border-radius: 5px; 
  font-size: 22px; 
  font-weight: 800; 
  color: #fff;
  cursor: pointer;
  padding: 15px 40px;

}

.blue_button:hover{

  background-color: #4a649e !important;

}

.blue_button:active{

  background-color: #344875 !important;

}

.top_page_tilted_container_bg{

  width: 100%; 
  height: 200px; 

}

.top_page_tilted_container{

  width: 100%; 
  height: 100%; 
  transform: skew(-70deg) translate(-300px, 0px);

}

.contact_form_container{

  width: 100%; 
  padding-top: 20px; 
  padding-bottom: 120px;

}

.page_content_container{

  width: 100%; 
  min-height: 800px; 
  padding-bottom: 150px;

}

.page_content_title{

  font-size: 50px; 
  font-weight: 800; 
  color: #3f5689; 
  text-align: center; 
  width: 800px; 
  margin: 0px auto; 
  padding-top: 100px; 
  padding-bottom: 20px;

}

.legal_info_page_container{

  width: 80%; 
  margin: auto;

}



.portfolio_element_container{

  width: 100%; 
  padding: 50px 0px 50px 0px; 
  border-bottom: 1px solid #ddd;

}

.portfolio_element_place{

  padding-bottom: 10px; 
  font-size: 25px; 
  font-weight: 800; 
  text-align: center;

}

.portfolio_element_date{

  padding-bottom: 30px; 
  font-size: 20px; 
  text-align: center;

}

.portfolio_element_image{

  width: 100%; 
  height: 500px; 

}

.portfolio_element_text{

  padding: 40px 0px; 
  font-size: 20px; 
  text-align: center;

}



.all_vacancies_element_container{

  width: 100%; 
  min-height: 350px; 
  border-bottom: 1px solid #ddd;

}

.all_vacancies_element_title{

  font-size: 35px; 
  font-weight: 800; 
  color: #3f5689; 
  padding: 40px 0px; 
  text-transform: uppercase;

}

.all_vacancies_element_date_place{

  font-size: 16px; 
  text-align: left; 
  margin-top: 10px; 
  color: #ff7931;

}

.all_vacancies_element_description{

  font-size: 18px; 
  font-weight: 800; 
  color: #3f5689; 
  padding-bottom: 20px;

}

.all_vacancies_element_button_container{

  width: 100%; 
  overflow: hidden; 
  margin-bottom: 50px;

}

.all_vacancies_element_button{

  width: 200px; 
  border: 2px solid #fff; 
  float: right;

}

.grecaptcha-badge { 
  visibility: hidden !important;
  opacity: 0 !important;
}
/*******             *******/
/*******   Classes   *******/
/*******             *******/






/*******            *******/
/*******    ID's    *******/
/*******            *******/
#page_body{

	width: 100%; 
	overflow: hidden;

}

#about_page_content_container{

  font-size: 20px; 
  color: #3f5689; 
  text-align: center; 
  width: 800px; 
  margin: 0px auto; 
  padding: 20px;

}

#portfolio_page_container{

  width: 80%; 
  min-width: 700px; 
  overflow: hidden; 
  margin: auto; 
  padding: 0px 0px;

}

#all_vacancies_page_container{

  width: 80%; 
  margin: auto; 
  padding: 50px 0px 150px 0px;

}
/*******            *******/
/*******    ID's    *******/
/*******            *******/


@media (pointer: coarse) and (max-width: 1000px){

  .top_page_tilted_container_bg{

    height: 270px;
    overflow: hidden;

  }

  .top_page_tilted_container{

    transform: skew(-70deg) translate(0px, 0px);

  }

  .orange_button{

    font-size: 34px;

  }

  .blue_button{

    font-size: 34px;
    width: 280px !important;

  }

}