@font-face {
  font-family: "Raleway";
  src: url('../fonts/raleway/raleway-thin.eot');
  src: url('../fonts/raleway/raleway-thin.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway/raleway-thin.woff') format('woff'), url('../fonts/raleway/raleway-thin.ttf') format('truetype'), url('../fonts/raleway/raleway-thin.svg#ralewaythin') format('svg');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url('../fonts/raleway/raleway-extralight.eot');
  src: url('../fonts/raleway/raleway-extralight.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway/raleway-extralight.woff') format('woff'), url('../fonts/raleway/raleway-extralight.ttf') format('truetype'), url('../fonts/raleway/raleway-extralight.svg#ralewayextralight') format('svg');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url('../fonts/raleway/raleway-light.eot');
  src: url('../fonts/raleway/raleway-light.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway/raleway-light.woff') format('woff'), url('../fonts/raleway/raleway-light.ttf') format('truetype'), url('../fonts/raleway/raleway-light.svg#ralewaylight') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url('../fonts/raleway/raleway-regular.eot');
  src: url('../fonts/raleway/raleway-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway/raleway-regular.woff') format('woff'), url('../fonts/raleway/raleway-regular.ttf') format('truetype'), url('../fonts/raleway/raleway-regular.svg#ralewayregular') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url('../fonts/raleway/raleway-medium.eot');
  src: url('../fonts/raleway/raleway-medium.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway/raleway-medium.woff') format('woff'), url('../fonts/raleway/raleway-medium.ttf') format('truetype'), url('../fonts/raleway/raleway-medium.svg#ralewaymedium') format('svg');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url('../fonts/raleway/raleway-semibold.eot');
  src: url('../fonts/raleway/raleway-semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway/raleway-semibold.woff') format('woff'), url('../fonts/raleway/raleway-semibold.ttf') format('truetype'), url('../fonts/raleway/raleway-semibold.svg#ralewaysemibold') format('svg');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url('../fonts/raleway/raleway-bold.eot');
  src: url('../fonts/raleway/raleway-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway/raleway-bold.woff') format('woff'), url('../fonts/raleway/raleway-bold.ttf') format('truetype'), url('../fonts/raleway/raleway-bold.svg#ralewaybold') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url('../fonts/raleway/raleway-extrabold.eot');
  src: url('../fonts/raleway/raleway-extrabold.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway/raleway-extrabold.woff') format('woff'), url('../fonts/raleway/raleway-extrabold.ttf') format('truetype'), url('../fonts/raleway/raleway-extrabold.svg#ralewayextrabold') format('svg');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url('../fonts/raleway/raleway-heavy.eot');
  src: url('../fonts/raleway/raleway-heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway/raleway-heavy.woff') format('woff'), url('../fonts/raleway/raleway-heavy.ttf') format('truetype'), url('../fonts/raleway/raleway-heavy.svg#ralewayheavy') format('svg');
  font-weight: 900;
  font-style: normal;
}
.kern-liga-lnum {
  -webkit-font-feature-settings: 'kern' 1, 'liga' 1, 'lnum' 1;
  -moz-font-feature-settings: 'kern' 1, 'liga' 1, 'lnum' 1;
  -ms-font-feature-settings: 'kern' 1, 'liga' 1, 'lnum' 1;
  -o-font-feature-settings: 'kern' 1, 'liga' 1, 'lnum' 1;
  font-feature-settings: 'kern' 1, 'liga' 1, 'lnum' 1;
}
.no-kern-liga-lnum {
  -webkit-font-feature-settings: 'kern' 0, 'liga' 0, 'lnum' 0;
  -moz-font-feature-settings: 'kern' 0, 'liga' 0, 'lnum' 0;
  -ms-font-feature-settings: 'kern' 0, 'liga' 0, 'lnum' 0;
  -o-font-feature-settings: 'kern' 0, 'liga' 0, 'lnum' 0;
  font-feature-settings: 'kern' 0, 'liga' 0, 'lnum' 0;
}
.app-public-interlang .section-sup:not(.section-sup-index) .section-sup-title {
  width: 90%;
}
.app-public-interlang .section-sup {
  height: 290px;
  background-position-y: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 2%;
}
.app-public-interlang .section-sup .section-sup-logo img {
  height: 140%;
  float: right;
  position: relative;
  top: -15px;
}
.app-public-interlang .section-sup .section-sup-title {
  margin: 0 auto;
  padding-left: 15px;
  border-left: 4px solid #ffff;
}
.app-public-interlang .section-sup .section-sup-title .title {
  font-family: Raleway, Helvetica, Arial, sans-serif !important;
  color: #ffffff;
  margin-bottom: 0px !important;
}
.app-public-interlang .section-sup .section-sup-title .title.title-one {
  font-size: 2.5em;
  font-weight: 800;
}
.app-public-interlang .section-sup .section-sup-title .title.title-two {
  font-size: 1.5em;
  letter-spacing: 2px;
}
.app-public-interlang .work {
  max-width: 430px;
  max-height: 215px;
  position: relative;
  overflow: hidden;
  /*border-radius: 16px !important;*/
  box-shadow: 2px 2px 10px #888888;
}
.app-public-interlang .work:hover:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #88b916b3 !important;
  z-index: 0;
}
.app-public-interlang .work:hover .work-title {
  background-color: rgba(136, 185, 22, 0.7) !important;
}
.app-public-interlang .work .work-content {
  width: 100%;
  height: 100%;
}
.app-public-interlang .work .work-content .work-title {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 8px 20px;
}
.app-public-interlang .work .work-content .work-title span {
  font-size: 1.3em;
  color: #ffffff;
}
.app-public-interlang .work .work-content img {
  width: 100%;
}
@media (max-width: 767px) {
  .app-public-interlang .section-sup {
    height: 195px !important;
    padding-top: 3%;
  }
  .app-public-interlang .section-sup .section-sup-title {
    margin-top: 12px !important;
  }
  .app-public-interlang .section-sup .section-sup-title .title-one {
    font-size: 1.5em !important;
  }
  .app-public-interlang .section-sup .section-sup-title .title-two {
    font-size: 1.2em !important;
  }
  .app-public-interlang .section-sup .section-sup-logo img {
    height: 160% !important;
    position: relative;
    left: 25px;
  }
}
@media (min-width: 768px) {
  .app-public-interlang .section-sup.section-sup-index {
    height: 195px !important;
  }
  .app-public-interlang .section-sup.section-sup-index .section-sup-title {
    margin-top: 20px !important;
  }
  .app-public-interlang .section-sup.section-sup-index .section-sup-logo img {
    height: 170% !important;
  }
}
@media (min-width: 992px) {
  .app-public-interlang .section-sup.section-sup-index {
    height: 290px !important;
  }
  .app-public-interlang .section-sup.section-sup-index .section-sup-title {
    margin-top: 25px !important;
  }
  .app-public-interlang .section-sup.section-sup-index .section-sup-logo img {
    height: 230% !important;
  }
}
@media (min-width: 1200px) {
  .app-public-interlang .section-sup.section-sup-index {
    height: 290px !important;
    padding-top: 1%;
  }
  .app-public-interlang .section-sup.section-sup-index .section-sup-title {
    margin-top: 25px !important;
  }
  .app-public-interlang .section-sup.section-sup-index .section-sup-title .title-one {
    font-size: 2em !important;
  }
  .app-public-interlang .section-sup.section-sup-index .section-sup-title .title-two {
    font-size: 1.5em !important;
  }
  .app-public-interlang .section-sup.section-sup-index .section-sup-logo img {
    height: 215% !important;
  }
}
@media (min-width: 1600px) {
  .app-public-interlang .section-sup.section-sup-index {
    height: 290px !important;
    padding-top: 2%;
  }
  .app-public-interlang .section-sup.section-sup-index .section-sup-title {
    margin-top: 35px !important;
  }
  .app-public-interlang .section-sup.section-sup-index .section-sup-title .title-one {
    font-size: 2.5em !important;
  }
  .app-public-interlang .section-sup.section-sup-index .section-sup-title .title-two {
    font-size: 2em !important;
  }
  .app-public-interlang .section-sup.section-sup-index .section-sup-logo img {
    height: 250% !important;
  }
}
* {
  font-family: Raleway, Helvetica, Arial, sans-serif;
}
.fa {
  font-family: FontAwesome !important;
}
.app-public-interlang {
  padding-top: 72px;
  overflow: hidden;
  position: relative;
  background-color: #ffffff;
}
.app-public-interlang header.site-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100vw;
  background-color: white;
}
.app-public-interlang header.site-header img {
  height: auto;
  max-width: 100%;
}
.app-public-interlang header.site-header .container {
  padding-bottom: 15px;
  padding-top: 15px;
}
.app-public-interlang .site-content {
  width: 100% !important;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 992px) {
  .app-public-interlang header.site-header {
    margin: 0;
    border: 0 none;
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .app-public-interlang .app-public-interlang {
    width: 1140px;
  }
}
@media (max-width: 1600px) {
  .app-public-interlang .section-sup {
    height: 195px !important;
  }
}
@media (max-width: 768px) {
  .app-public-interlang .section-content {
    box-shadow: none !important;
  }
}
@media screen and (max-width: 991px) {
  .app-public-interlang .site-header img {
    margin: 0 15px;
    max-width: 140px !important;
  }
}
.btn-success {
  color: #fff;
  background-color: #88b916;
  border-color: #7b9440;
}
.btn-success:hover {
  color: #88b916;
  background-color: #fff;
}
.icheckbox_square-green,
.iradio_square-green {
  background-image: url("../img/icheck-success.png") !important;
}
.modal-dialog {
  margin-top: 90px !important;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 130px auto !important;
  }
}