/*
.navi-items{
color: rgba(0, 0, 0, 0.70);
 font-size: 16px;
 font-family: Roboto;
 font-weight: 400;
 line-height: 24px;
 word-wrap: break-word
}

.searchbox{
color: rgba(0, 0, 0, 0.50);
 font-size: 14px;
 font-family: Roboto;
 font-weight: 400;
 line-height: 20px;
 word-wrap: break-word
}

.header-tit-main{
color: white;
 font-size: 40px;
 font-family: Poppins;
 font-weight: 300;
 line-height: 48px;
 word-wrap: break-word
}

.header-tit-sub{
 color: white;
 font-size: 20px;
 font-family: Poppins;
 font-weight: 300;
 line-height: 24px;
 letter-spacing: 1px;
 word-wrap: break-word
}

.section-1-tit{
 color: rgba(0, 0, 0, 0.85);
 font-size: 20px;
 font-family: Poppins;
 font-weight: 500;
 line-height: 28px;
 word-wrap: break-word
}

.section-1-txt{
color: rgba(0, 0, 0, 0.70);
 font-size: 16px;
 font-family: Poppins;
 font-weight: 400;
 line-height: 24px;
 word-wrap: break-word
}

.list-tit{
color: #344054;
 font-size: 20px;
 font-family: Poppins;
 font-weight: 500;
 line-height: 20px;
 word-wrap: break-word
}

.list-item{
 color: #344054;
 font-size: 16px;
 font-family: Poppins;
 font-weight: 400;
 line-height: 20px;
 word-wrap: break-word
}
*/


body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}

body, html {
  height: 100%;
  line-height: 1.5;
  margin: auto;
  /*width: 90%;*/
}

/* Full height image header */
.bgimg-1 {
  background-position: center;
  background-size: cover;
  background-image: url("/img/bg.jpg");
  min-height: 100%;
}

.w3-bar .w3-button {
  padding: 16px;
}

.header_padding  {padding-left: 10%; padding-right: 5%;}
.solution {padding-left: 5%; padding-right: 5%;}
.promotion {padding-left: 5%; padding-right: 5%;}
.approach {padding-left: 5%; padding-right: 5%;}
.service {padding-left: 5%; padding-right: 5%;}
.sector {padding-left: 5%; padding-right: 5%;}
.beyond {padding-left: 5%; padding-right: 5%;}
.vacancies {padding-left: 5%; padding-right: 5%;}
.contact-from {padding-left: 5%; padding-right: 5%;}
.approach-items {display: none;}
.rolebutt {padding-top: 400px; padding-left:36px;}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .rolebutt {padding-top: 400px; padding-left: 10%;}
  .solution {padding-left: 15%; padding-right: 15%; padding-top: 12px;}
  .promotion {padding-left: 15%; padding-right: 15%;}
  .approach {padding-left: 15%; padding-right: 15%;}
  .service {padding-left: 15%; padding-right: 15%;}
  .sector {padding-left: 15%; padding-right: 15%;}
  .beyond {padding-left: 15%; padding-right: 15%;}
  .vacancies {padding-left: 15%; padding-right: 15%;}
  .contact-from {padding-left: 15%; padding-right: 15%;}
  .approach-items {display: block;}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .solution {padding-left: 15%; padding-right: 15%; padding-top: 24px;}
  .promotion {padding-left: 15%; padding-right: 15%;}
  .approach {padding-left: 15%; padding-right: 15%;}
  .service {padding-left: 15%; padding-right: 15%;}
  .sector {padding-left: 15%; padding-right: 15%;}
  .beyond {padding-left: 15%; padding-right: 15%;}
  .vacancies {padding-left: 15%; padding-right: 15%;}
  .contact-from {padding-left: 15%; padding-right: 15%;}
  .approach-items {display: block;}
  .type-recruitment {margin-left: 15%; width: 70%; height: 60px;}
}