#d435a6cdd786300dff204ee7c2ef942d3e9034e2 a {
    color: #fff;
    background-color: #000;
    padding: 4px;
    border-radius: 3px;
    margin-top: 10px;
    line-height: normal;
}

#d435a6cdd786300dff204ee7c2ef942d3e9034e2 a:hover {
    color: #000;
    background-color: #fff;
}

#f6e1126cedebf23e1463aee73f9df08783640400 a {
    color: #fff;
    background-color: #000;
    padding: 4px;
    border-radius: 3px;
    margin-top: 10px;
    line-height: normal;
    margin-left: 10px;
}

#f6e1126cedebf23e1463aee73f9df08783640400 a:hover {
    color: #000;
    background-color: #fff;
}





.content_title {
  text-align: left;
  font-size: 22px;
  font-family: sub_font_head;
  font-weight: normal;
  text-transform: lowercase;
}
.footer_lbox {
  float: left;
  width: 20%;
}
.footer_lbox img {
  width: 100%;
}
.footer_rbox {
  float: right;
  text-align: right;
  padding: 10px;
  font-size: 12px;
}
.home_ad {
  width: 100%;
}
.home_ad img {
  width: 100%;
}
.page_main_box {
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  flex-wrap: wrap;
}
.page_main_box_container {
  display: flex;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: calc(33.333%);
}
.page_main_box_box {
  margin: 20px;
  border: 1px solid #eee;
  background-color: #fafafa;
  transition: 0.5s;
  width: 100%;
}
.page_main_box_title {
  text-align: center;
  font-size: 28px;
  padding-top: 10px;
  padding-bottom: 20px;
  font-weight: bold;
}
.page_main_box_image {
  text-align: center;
  font-size: 180px;
  padding-top: 10px;
  padding-bottom: 20px;
}
.page_main_box_text {
  text-align: center;
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 20px;
}
.events_box_mi {
  margin-top: 30px;
}
.calendar_box_maintitle {
  margin-bottom: 10px;
  font-size: 24px;
}
.calendar_main {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-family: sub_font;
}
.calendar_box_g {
  padding-left: 20px;
  padding-right: 20px;
}
.calendar_box {
  text-align: center;
  color: #000;
  border-bottom: 1px solid #a4a4a4;
  width: 100%;
}
.calendar_day {
  float: left;
  text-align: center;
  width: 20%;
}
.calendar_day_plate {
  background-color: #000;
  color: #fff;
  text-align: center;
  font-size: 12px;
  border-radius: 3px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  max-width: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
.calendar_day_a {
  font-size: 20px;
  font-family: sub_font_head;
  margin-bottom: -8px;
}
.calendar_day_b {
  font-size: 13px;
  font-family: sub_font;
  margin-bottom: -4px;
}
.calendar_day_c {
  font-size: 13px;
  font-weight: bold;
}
.calendar_link {
  float: left;
  width: 20%;
}
.calendar_link a {
  color: #fff;
  background-color: #000;
  padding: 4px;
  font-size: 13px;
  border-radius: 3px;
  margin-top: 10px;
}
.calendar_ti {
  float: left;
  text-align: left;
  width: 60%;
}
.calendar_title {
  font-size: 15px;
  font-family: sub_font;
  text-align: left;
  margin-top: 10px;
  padding-right: 10px;
  height: 76px;
}
.calendar_title_alter {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.calendar_title_alter span {
  font-family: sub_font_head;
}
.calendar_desc {
  font-size: 13px;
  text-align: left
}
.calendar_box a {
  display: block;
  color: #fff;
  padding: 5px;
}
.calendar_box a:hover {
  background-color: #fff;
  color: #000;
}
.calendar_main_title {
  text-align: center;
  padding: 10px;
}
.calendar_box_view {
  text-align: center;
  background-color: #fff;
  color: #000;
  padding: 20px;
  margin: 20px;
  margin-top: 0;
  border-bottom: 2px solid #000;
}
.calendar_day_view {
  float: left;
  text-align: center;
  width: 10%;
  background:  #000;
  color:  #fff;
  border-radius: 7px;
  font-family: main_x;
  height: 86px;
  margin-top: 6px;
}
.calendar_day_plate_view {

}
.calendar_day_a_view {
  font-size: 30px;
  font-weight: bold;
}
.calendar_day_b_view {
  font-size: 14px;
}
.calendar_day_c_view {
  font-size: 13px;
}
.calendar_ti_view {
  float: left;
  padding: 0px;
  text-align: left;
  width: 80%
}
.calendar_box_view_button {
  background-color: #000;
  padding: 5px;
  color: #fff;
  font-size: 13px;
  margin: 0;
  width: auto;
  overflow: visible;
  line-height: normal;
  font: inherit;
  border: 0;
  margin-top: 10px;
  transition: .2s;
  font-size: 13px;
  border-radius: 3px;
  width: 100px;
  display: inline-block;
  text-align: center;
  font-family: sub_font;
}
.calendar_box_view_button:hover {
  background-color: #fff;
  color: #000;
  cursor: pointer;
}
.calendar_title_view_p {
  width: 100%;
  padding-left: 20px;
  font-family: sub_font_head;
}
.calendar_ti_view img {
  width: 100%;
}
.calendar_title_view {
  font-size: 20px;
  font-weight: normal;
  text-align: left;
  font-family: sub_font_head;
}
.calendar_desc_view {
  font-size: 13px;
  text-align: left;
  display: none;
  font-family: sub_font;
  text-align: justify;
}
.calendar_box_view a {
  color: #fff;
  padding: 5px;
}
.calendar_box_view a:hover {
  background-color: #fff;
  color: #000;
}
.calendar_main_title_view {
  text-align: left;
  padding: 10px;
  font-size: 22px;
  font-family: sub_font_head;
  text-transform: lowercase;
  padding-bottom: 30px;
}
.calendar_bn_view {
  float: left;
}
.calendar_bn_view a {
  background-color: #000;
  color: #fff;
}
.calendar_desc_bn {
  background-color: #000;
  color: #fff;
  border: 2px solid #000;
}
.prac_box {
  float: left;
  background-color: #000;
  border-radius: 50%;
  color: #fff;
  width: 200px;
  height: 200px;
  display: block;
  position: relative;
  margin: 10px;
  transition: 0.5s;
  border: 1px solid #fff;
}
.prac_box span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: sub_font_head;
}

.prac_box:hover {
  background-color: #fff;
  color: #000;
}

.prac_box_cont {
  position: relative;
  width: 280px;
  height: 280px;
  float: left;
  margin: 30px;
  color: #fff;
  transition: 0.5s;
}
.prac_box_cont:hover {
  color: #000;
  cursor: pointer;
  background-color: #fff;
}

.prac_box_image {
  position: absolute;

}
.prac_box_image img {
  border-radius: 50%;
  width: 100%;
  filter: brightness(30%);
  top: 0;
  background-color: #000;
}

.prac_box_title {
  position: absolute;
  top:40%;
  width: 100%;
  font-family: sub_font_head;
  text-align: center;

}
.listemploy {
  display: flex;
  justify-content: left;
  flex-flow: row wrap;
  width: 100%;
  margin-bottom: 60px;
}
.listemploy_box {
  flex-grow: 0;
  flex-shrink: 1;
  width: 20%;
}
.listemploy_box_image {
  padding: 10px;
}
.listemploy_box_image img {
  width: 100%;
}
.listemploy_box_text {
  font-size: 13px;
  padding: 10px;
   font-family: sub_font;
}

.listemploy_box_text b {
  font-weight: normal;
  font-family: sub_font_head;
}

.dkf_view {
  float: left;
  width: 50%;
}
.dkf_view_txt {
  margin-left: 10px;
}
.contact_spec_logo {
  margin-left: 3%;
}
.contact_spec_logo img {
  width: 30%;
}
.contact_spec_txt {
  width: auto;
  margin-left: 18%;
  border-left: 5px solid #000;
  padding-left: 10px;
  font-family: sub_font;
}
.footer_logos {
  width: 100%;
  text-align: left;
}
.footer_logos img {
  height: 5%;
  margin-left: 6px;
  margin-right: 6px;
}
.onas_addon_left {
    float: left;
    width: 20%;
}
.onas_addon_right {
    float: right;
    width: 75%;
}
.onas_addon_left img {
    width: 100%;
    margin-top: 20px;
}

.pracow_new_box {
    display: flex;
    justify-content: left;
    flex-flow: row wrap;
    width: 100%;
    margin-bottom: 60px;
}

.pracow_new_box_container {
    flex-grow: 0;
    flex-shrink: 1;
    width: 20%;
    text-align: center;
}

.pracow_new_box_container_img {
  width: 92%;
  text-align: center;
}

.pracow_new_box_container img {
  width: 92%;
  margin-bottom: 20px;
}

.pracow_new_box_container a:hover {
  opacity: 0.4;
  transition: 1s;
}
.justify {
  text-align: left;
}
.alt_articles_sect {
  display: flex;
  justify-content: left;
  flex-flow: row wrap;
  width: 100%;
  margin-bottom: 60px;
  font-family: sub_font;
}
.alt_articles_box {
  flex-grow: 0;
  flex-shrink: 1;
  width: 20%;
  text-align: center;
}
.alt_articles_box_image img {
  width: 100%;
}
.alt_articles_cont {
  margin: 10px;
  transition: 0.5s;
  margin-top: 0;
  margin-bottom: 30px;
}
.alt_articles_cont:hover {
  cursor: pointer;
  opacity: 0.6;
}
.alt_articles_box_title {
  font-size: 13px;
  padding: 10px;
  font-family: sub_font_head;
}

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

  .page_main_box_container {
    flex-basis: auto;
  }
  .pracow_new_box_container {
    width: 50%;
  }
  .listemploy_box {
    width: 50%;
  }
}