a img {
  border: 0px;
}
a {
  text-decoration: none;
  color: inherit;
}
img {
  max-width: 100%;
}
select::-ms-expand {
  display: none;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
input[type=number] {
  -moz-appearance: textfield;
}
::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.hiddenHeader {
  display: none;
}
ul {
  list-style: none;
}
* {
  padding: 0px;
  margin: 0px;
  outline: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
html,
body {
  height: 100%;
  min-height: 100%;
  position: relative;
  width: 100%;
}
body {
  width: 100%;
  -webkit-text-size-adjust: none;
  font-family: "Montserrat", sans-serif;
}
#wrapper {
  height: auto;
  min-height: 100%;
  position: relative;
  width: 100%;
}
.noBottAppearance {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.absoluteDivCreate {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.centerBgImg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.centeredObjFit {
  object-fit: cover;
  object-position: center center;
}
.centerflex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.onlydevices {
  display: none;
}
@media (max-device-width: 1024px) and (min-device-width: 320px) {
  .onlydevices {
    display: block;
  }
}
.ipaddevice {
  display: none;
}
@media (max-device-width: 1224px) and (min-device-width: 767.1px) {
  .ipaddevice {
    display: block;
  }
}
.subtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  cursor: pointer;
  display: flex;
  border: 0px;
  border-radius: 0px;
  padding-left: calc(var(--ratio) * 22px);
  font-size: calc(var(--ratio) * 16px);
  font-weight: 400;
  overflow: hidden;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  position: relative;
  transition: all 0.35s;
  text-transform: uppercase;
  color: #149cb1;
}
.subtn:before {
  display: block;
  content: '';
  position: absolute;
  width: calc(var(--ratio) * 15px);
  left: 0px;
  border-bottom: 3px solid var(--pink);
  top: calc(var(--ratio) * 9px);
}
@media (max-width: 767px) {
  .subtn {
    font-size: 14px;
    padding-left: 17px;
  }
  .subtn:before {
    top: 7px;
    border-width: 2px;
    width: 12px;
  }
}
.custbtm {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0px;
  height: calc(var(--ratio) * 44px);
  border-radius: 4px;
  font-size: calc(var(--ratio) * 16px);
  font-weight: 400;
  overflow: hidden;
  text-align: center;
  padding-left: calc(var(--ratio) * 33px);
  padding-right: calc(var(--ratio) * 33px);
  font-family: "Montserrat", sans-serif;
  position: relative;
  transition: all 0.35s;
  color: #fff;
}
.custbtm.loading {
  pointer-events: none;
}
.custbtm.loading:before {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #1c212e;
}
.custbtm.loading:after {
  margin: auto;
  bottom: 5px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  font-size: calc(var(--ratio) * 4px);
  color: #fff;
  pointer-events: none;
  display: block;
  content: '';
  top: 5px;
}
@media (max-width: 767px) {
  .custbtm.loading:after {
    font-size: calc(var(--ratio) * 4px);
  }
}
.custbtm.blue {
  background: var(--blue);
}
.custbtm.pink {
  background: var(--pink);
}
.custbtm.green {
  background: var(--green);
}
.custbtm.white {
  color: var(--green);
  background: #fff;
}
.custbtm i {
  margin-left: calc(var(--ratio) * 15px);
  font-size: calc(var(--ratio) * 16px);
  position: relative;
  color: #fff;
}
@media (max-width: 767px) {
  .custbtm {
    font-size: 14px;
    height: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .custbtm i {
    font-size: 13px;
    margin-left: 10px;
  }
}
.desktop .custbtm:hover {
  background: #575756;
}
@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
.inputField {
  position: relative;
}
.inputField .field {
  position: relative;
  height: calc(var(--ratio) * 52px);
  border: 1px solid #ced4da;
  background: #fff;
  border-radius: 5px;
}
.inputField .field.missing {
  border-color: red!important;
}
.inputField .field.textfield {
  height: calc(var(--ratio) * 168px);
}
.inputField .field.arrow:after {
  display: flex;
  content: "\f107";
  font-family: FontAwesome;
  font-size: calc(var(--ratio) * 16px);
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  height: 30px;
  align-items: center;
  pointer-events: none;
  right: 11px;
  color: rgba(0, 0, 0, 0.5);
}
.inputField .field.calendar:after {
  display: flex;
  content: "\f272  ";
  font-family: FontAwesome;
  font-size: 14px;
  position: absolute;
  top: 3px;
  height: 100%;
  align-items: center;
  pointer-events: none;
  right: 0px;
  color: #000;
}
.inputField .custinput {
  border: 0px;
  border-radius: 0px;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 100%;
  color: #000;
  font-size: calc(var(--ratio) * 19px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  padding-left: calc(var(--ratio) * 20px);
  padding-right: calc(var(--ratio) * 54px);
}
@media (max-width: 767px) {
  .inputField .custinput {
    font-size: calc(var(--ratio) * 19px);
  }
}
.inputField .custtextarea {
  border: 0px;
  border-radius: 0px;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  resize: none;
  overflow: auto;
  display: block;
  width: 100%;
  height: 100%;
  color: #000;
  font-size: calc(var(--ratio) * 19px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  padding: calc(var(--ratio) * 20px);
}
@media (max-width: 767px) {
  .inputField .custtextarea {
    font-size: calc(var(--ratio) * 19px);
  }
}
.inputField .custselect {
  border: 0px;
  border-radius: 0px;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 100%;
  color: #000;
  font-size: calc(var(--ratio) * 19px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  padding-left: calc(var(--ratio) * 20px);
  cursor: pointer;
  padding-right: calc(var(--ratio) * 44px);
}
@media (max-width: 767px) {
  .inputField .custselect {
    font-size: calc(var(--ratio) * 19px);
  }
}
.inputField .custselect option {
  color: #000;
}
.inputField .dateinput,
.inputField .timeinput {
  display: flex!important;
  align-items: center!important;
  text-align: left!important;
  justify-content: flex-start !important;
}
.inputField input::-webkit-date-and-time-value {
  text-align: left!important;
}
.inputField .date_input {
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  display: block;
  cursor: pointer;
}
@media (max-device-width: 1124px) {
  .inputField .date_input {
    width: calc(100vw - 89px);
  }
}
.inputField input[type="date"]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
.inputField input[type="time"]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
@media (max-width: 767px) {
  .inputField .field {
    height: 46px;
  }
  .inputField .custselect,
  .inputField .custinput,
  .inputField .custtextarea {
    font-size: 15px;
  }
}
.iti {
  display: block;
  height: 100%;
}
.iti__arrow {
  border-top-color: #000;
}
.iti__arrow--up {
  border-bottom-color: #000;
}
.iti__flag-container {
  margin-left: 0px;
}
.iti .custinput {
  padding-left: calc(var(--ratio) * 105px) !important;
  padding-right: 0px!important;
}
.iti--allow-dropdown .iti__flag-container .iti__selected-flag {
  background: none!important;
  padding-left: calc(var(--ratio) * 20px) !important;
}
.iti__country-list {
  width: 370px;
  white-space: unset;
}
@media (max-width: 767px) {
  .iti__country-list {
    width: calc(100vw - 40px);
  }
}
.iti__country-name {
  font-size: calc(var(--ratio) * 16px);
}
.iti__selected-dial-code {
  color: #000;
  font-weight: normal;
  font-size: calc(var(--ratio) * 16px);
}
@media (max-width: 767px) {
  .iti--separate-dial-code input[type=text],
  .iti--separate-dial-code input[type=tel] {
    padding-left: 55px;
  }
  .iti .custinput {
    padding-left: calc(var(--ratio) * 107px) !important;
  }
}
.upldBtn {
  border: 0;
  border-radius: 0;
  position: relative;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  transition: all 0.35s;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 1;
}
.upldBtn .label {
  display: block;
  color: #000;
  font-size: calc(var(--ratio) * 19px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  padding-left: calc(var(--ratio) * 20px);
  height: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .upldBtn .label {
    font-size: calc(var(--ratio) * 19px);
  }
}
.upldBtn .custuploadinput {
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0px;
}
.upldBtn input[type=file],
.upldBtn input[type=file]::-webkit-file-upload-button {
  cursor: pointer;
}
.selectOptions.white .custlabel {
  color: #fff;
}
.selectOptions.white .custlabel:before {
  border-color: #fff;
}
.selectOptions.white .custselect:checked + .custlabel:before {
  background: #fff;
}
.selectOptions.white .custselect:checked + .custlabel {
  color: #fff;
}
.selectOptions .custselect {
  pointer-events: none;
  opacity: 0;
  position: absolute;
}
.selectOptions .custselect:checked + .custlabel:before {
  background: var(--black);
}
.selectOptions .custselect:checked + .custlabel {
  color: var(--pink);
}
.selectOptions .custlabel {
  display: block;
  cursor: pointer;
  position: relative;
  padding-left: calc(var(--ratio) * 26px);
  color: var(--black);
  transition: all 0.35s;
}
.selectOptions .custlabel a {
  transition: all 0.35s;
  text-decoration: underline;
}
.selectOptions .custlabel:before {
  display: block;
  content: '';
  pointer-events: none;
  position: absolute;
  top: calc(var(--ratio) * 3px);
  left: 0px;
  width: calc(var(--ratio) * 10px);
  height: calc(var(--ratio) * 10px);
  border: 1px solid var(--black);
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: black!important;
  opacity: 1!important;
}
.mCSB_scrollTools .mCSB_draggerRail {
  background: none!important;
}
.swiper-pagination {
  position: relative;
  z-index: 1;
  bottom: unset;
  left: unset;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.swiper-pagination-bullet {
  opacity: 1!important;
  width: calc(var(--ratio) * 10px);
  height: calc(var(--ratio) * 10px);
  transition: all 0.35s;
  margin: 0px 6px 6px;
  background: rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
  }
}
.swiper-pagination-bullet-active {
  background: var(--pink);
}
.desktop .swiper-pagination-bullet:hover {
  background: var(--pink);
}
.modal {
  padding: 23px 20px!important;
  background: rgba(0, 0, 0, 0.5);
}
.modal .cloze {
  width: calc(var(--ratio) * 28px);
  font-size: calc(var(--ratio) * 20px);
  height: calc(var(--ratio) * 28px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  transition: all 0.35s;
  position: absolute;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
  top: calc(var(--ratio) * 0px);
  right: calc(var(--ratio) * -7px);
}
.modal .modtitle {
  font-size: calc(var(--ratio) * 24px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #4f4c4b;
}
@media (max-width: 767px) {
  .modal .modtitle {
    font-size: calc(var(--ratio) * 24px);
  }
}
.modal .side {
  background: #f8f9fa;
  padding-left: calc(var(--ratio) * 60px);
  padding-right: calc(var(--ratio) * 60px);
  padding-top: calc(var(--ratio) * 45px);
  padding-bottom: calc(var(--ratio) * 45px);
}
@media (max-width: 767px) {
  .modal {
    padding: 0px!important;
  }
  .modal .modal-dialog {
    max-width: 100%;
    min-height: 100%;
    margin: 0px!important;
    background: #f8f9fa;
    pointer-events: visible;
  }
  .modal .modal-content {
    min-height: 0px;
  }
  .modal .side {
    padding-left: calc(var(--ratio) * 20px);
    padding-right: calc(var(--ratio) * 20px);
    padding-top: calc(var(--ratio) * 44px);
    padding-bottom: calc(var(--ratio) * 44px);
    position: relative;
    width: 100%;
    min-height: 100%;
    margin: auto;
  }
}
.modal-dialog {
  z-index: 1;
  margin: 0px auto !important;
}
.modal-backdrop {
  opacity: 0!important;
}
.modal-content {
  background: none;
  border: 0px;
  border-radius: 0px;
}
.modal-dialog-centered {
  min-height: 100%!important;
}
.modal-dialog-centered::before {
  display: none;
}
.applyPop .modal-dialog {
  max-width: 800px;
}
.applyPop .top {
  position: relative;
  border-bottom: 1px solid #ced4da;
  padding-bottom: calc(var(--ratio) * 12px);
  margin-bottom: calc(var(--ratio) * 28px);
}
.applyPop .list > li + li {
  margin-top: calc(var(--ratio) * 18px);
}
.applyPop .more {
  border-top: 1px solid #ced4da;
  margin-top: calc(var(--ratio) *42px);
  padding-top: calc(var(--ratio) * 15px);
  display: flex;
  justify-content: flex-end;
}
.galleryPop {
  background: rgba(0, 0, 0, 0.72);
  padding: 66px 52px 22px!important;
}
.galleryPop .side {
  background: none;
  padding: 0px;
}
.galleryPop .screen {
  overflow: hidden;
}
.galleryPop .modal-dialog {
  max-width: 960px;
  background: none;
}
.galleryPop .prev,
.galleryPop .next {
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.35s;
  height: 36px;
  width: 36px;
  font-size: calc(var(--ratio) *37px);
  color: #fff;
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
}
.galleryPop .prev {
  left: 11px;
}
.galleryPop .next {
  right: 11px;
}
.galleryPop .cloze {
  color: #fff;
  top: 12px;
  right: 12px;
}
.galleryPop .item {
  display: block;
}
.galleryPop .pic {
  display: flex;
  justify-content: center;
  align-items: center;
}
.galleryPop .pic img {
  width: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  max-height: 83vh;
  min-height: 500px;
}
.galleryPop .data {
  color: #fff;
  text-align: right;
  margin-top: 9px;
  font-size: calc(var(--ratio) * 13px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  --ratio: 1;
}
.galleryPop .swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 767px) {
  .galleryPop {
    padding: 66px 0px 22px!important;
  }
  .galleryPop .prev,
  .galleryPop .next {
    font-size: 31px;
    text-shadow: 0px 0px 10px #000;
  }
  .galleryPop .prev {
    left: 2px;
  }
  .galleryPop .next {
    right: 2px;
  }
  .galleryPop .modal-dialog {
    pointer-events: none;
  }
  .galleryPop .data {
    padding-right: 15px;
  }
  .galleryPop .pic img {
    min-height: 0px;
  }
}
.desktop .modal .cloze:hover {
  opacity: 0.7;
}
.desktop .galleryPop .prev:hover,
.desktop .galleryPop .next:hover {
  opacity: 0.7;
}
.txmessage {
  display: none;
  text-align: center;
  padding: 100px 0px 100px;
}
.txmessage .mssg {
  font-size: calc(var(--ratio) * 24px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #000;
  margin: auto;
  max-width: 600px;
  position: relative;
}
@media (max-width: 767px) {
  .txmessage .mssg {
    font-size: calc(var(--ratio) * 24px);
  }
}
@media (max-width: 767px) {
  .txmessage {
    padding: 60px 0px 60px;
  }
}
footer {
  --ratio: 1;
  position: relative;
  width: 100%;
  background: var(--black);
}
footer .wrap {
  position: relative;
  min-height: calc(var(--ratio) * 500px);
}
footer .holder {
  padding-top: calc(var(--ratio) * 33px);
  padding-bottom: calc(var(--ratio) * 20px);
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  height: 100%;
}
footer .holder > li {
  width: 100%;
}
footer .holder > li + li {
  margin-top: calc(var(--ratio) * 40px);
}
footer .media {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
footer .media > li {
  margin: 0px calc(var(--ratio) * 8px) calc(var(--ratio) * 19px);
}
footer .item {
  width: calc(var(--ratio) * 50px);
  height: calc(var(--ratio) * 50px);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.35s;
  border-radius: 100%;
  background: #2A2A2A;
  color: #BEBEBE;
  font-size: calc(var(--ratio) * 22px);
}
footer .title {
  margin-bottom: calc(var(--ratio) * 23px);
  color: #fff;
  font-size: calc(var(--ratio) * 19px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
@media (max-width: 767px) {
  footer .title {
    font-size: calc(var(--ratio) * 19px);
  }
}
footer .subtitle {
  margin-bottom: calc(var(--ratio) * 8px);
  color: #fff;
  font-size: calc(var(--ratio) * 16px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
@media (max-width: 767px) {
  footer .subtitle {
    font-size: calc(var(--ratio) * 16px);
  }
}
footer .subtitle + .list {
  padding-left: calc(var(--ratio) * 15px);
}
footer .caption {
  padding-top: calc(var(--ratio) * 5px);
  text-align: center;
  color: #fff;
  font-size: calc(var(--ratio) * 13.3px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  --ratio: 1;
  font-weight: 400;
}
footer .caption a {
  transition: all 0.35s;
  color: #bebebe;
}
footer .list > li {
  display: flex;
}
footer .list > li + li {
  margin-top: calc(var(--ratio) * 10px);
}
footer .cols {
  display: flex;
  flex-wrap: wrap;
}
footer .cols > li {
  width: calc((100% - 40%)/2);
  padding-right: 22px;
}
footer .cols > li:nth-child(1) {
  width: 20%;
}
footer .cols > li:nth-child(4) {
  width: 20%;
}
footer .link {
  display: block;
  transition: all 0.35s;
  color: #bebebe;
  font-size: calc(var(--ratio) * 16px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
}
@media (max-width: 767px) {
  footer .link {
    font-size: calc(var(--ratio) * 16px);
  }
}
@media (max-width: 1024px) {
  footer .cols > li {
    width: 50%!important;
    margin-bottom: calc(var(--ratio) * 44px);
  }
}
@media (max-width: 767px) {
  footer .cols > li {
    width: 100%!important;
  }
  footer .list > li + li {
    margin-top: calc(var(--ratio) * 4px);
  }
  footer .holder > li + li {
    margin-top: calc(var(--ratio) * 0px);
  }
  footer .item {
    width: calc(var(--ratio) * 42px);
    height: calc(var(--ratio) * 42px);
  }
  footer .item {
    width: calc(var(--ratio) * 42px);
    height: calc(var(--ratio) * 42px);
    font-size: calc(var(--ratio) * 19px);
  }
}
#content:before {
  display: block;
  content: '';
  height: calc(var(--ratio) * 90px);
  width: 100%;
  --ratio: 1;
}
@media (max-width: 767px) {
  #content:before {
    height: calc(var(--ratio) * 70px);
  }
}
.onlyresp {
  display: none;
}
@media (max-width: 767px) {
  .onlyresp {
    display: block;
  }
}
.open_language header .languagemenu .pop {
  opacity: 1;
  pointer-events: visible;
}
header {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 2;
  --ratio: 1;
  background: #f8f9fa;
}
header .wrap {
  position: relative;
  height: calc(var(--ratio) * 90px);
}
header .logo {
  height: calc(var(--ratio) * 58px);
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  left: 0px;
}
header .logo img {
  height: 100%;
  object-fit: contain;
  display: block;
}
header .dropdown {
  position: absolute;
  top: calc(var(--ratio) * 31px);
  left: 0px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 10px #ddd;
  width: 251px;
  padding: calc(var(--ratio) * 17px) calc(var(--ratio) * 21px) calc(var(--ratio) * 17px);
  opacity: 0;
  pointer-events: none;
  transition: all 0.35s;
}
header .dropdown.d_media {
  width: 171px;
}
header .dropdown.d_about {
  width: 231px;
}
header .dropdown.d_issues {
  width: 428px;
}
header .dropdown:after {
  position: absolute;
  left: 0px;
  height: 24px;
  top: -13px;
  width: 100%;
  display: block;
  content: '';
  z-index: 1;
}
header .list {
  left: calc(var(--ratio) * 192px);
  top: 0px;
  height: 100%;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
}
header .list > li {
  margin-right: calc(var(--ratio) * 30px);
  display: flex;
  position: relative;
  flex-wrap: wrap;
}
header .list > li:last-child {
  margin-right: 0px;
}
header .link {
  display: block;
  cursor: pointer;
  transition: all 0.35s;
  color: #000;
  font-size: calc(var(--ratio) * 16px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  position: relative;
}
@media (max-width: 767px) {
  header .link {
    font-size: calc(var(--ratio) * 16px);
  }
}
header .link.hasmenu {
  padding-right: calc(var(--ratio) * 20px);
}
header .link.hasmenu:before {
  content: "\f0d7";
  font-family: fontawesome;
  display: block;
  position: absolute;
  right: 0px;
  top: calc(var(--ratio) * 0px);
  font-size: calc(var(--ratio) * 14px);
  color: #000;
}
header .link.open + .dropdown {
  opacity: 1;
  pointer-events: visible;
}
header .link.selected {
  color: var(--green);
  font-weight: 500;
}
header .options {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
header .options > li {
  margin-right: calc(var(--ratio) * 16px);
}
header .options > li:last-child {
  margin-right: 0px;
}
header .searchtab {
  position: relative;
}
header .searchtab:after {
  width: calc(var(--ratio) * 25px);
  height: calc(var(--ratio) * 50px);
  background: #f8f9fa;
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  content: '';
}
header .searchtab.open .tab {
  width: calc(var(--ratio) * 270px);
  padding-right: calc(var(--ratio) * 55px);
}
header .searchtab .opensearch {
  width: calc(var(--ratio) * 50px);
  height: calc(var(--ratio) * 50px);
  background: var(--green);
  border-radius: 100%;
  cursor: pointer;
  transition: all 0.35s;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: calc(var(--ratio) * 17px);
  z-index: 1;
}
header .searchtab .tab {
  position: absolute;
  right: 0px;
  width: 0px;
  transition: all 0.35s;
  background: var(--green);
  height: 100%;
  border-radius: calc(var(--ratio) * 24px);
  top: 0px;
  padding-right: calc(var(--ratio) * 0px);
}
header .searchtab .field {
  height: 100%;
}
header .searchtab .custinput {
  padding-left: calc(var(--ratio) * 16px);
  border: 0px;
  border-radius: 0px;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 100%;
  font-size: calc(var(--ratio) * 16px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #fff;
}
@media (max-width: 767px) {
  header .searchtab .custinput {
    font-size: calc(var(--ratio) * 16px);
  }
}
header .languagemenu {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
header .languagemenu .langvalue {
  color: #000;
  cursor: pointer;
  position: relative;
  font-size: calc(var(--ratio) * 16px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  padding-right: 17px;
}
@media (max-width: 767px) {
  header .languagemenu .langvalue {
    font-size: calc(var(--ratio) * 16px);
  }
}
header .languagemenu .langvalue:before {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 44px;
  top: calc(100% - 7px);
  left: 0px;
}
header .languagemenu .langvalue:after {
  content: "\f0d7";
  font-family: fontawesome;
  display: block;
  position: absolute;
  right: 0px;
  top: calc(var(--ratio) *0px);
  font-size: calc(var(--ratio) * 14px);
  color: #000;
  pointer-events: none;
}
header .languagemenu .pop {
  position: absolute;
  top: 36px;
  left: calc(var(--ratio) *21px);
  transform: translateX(-50%);
  width: 72px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 10px #eee;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 0.35s;
}
header .languagemenu .selectvalue {
  font-size: calc(var(--ratio) * 16px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #000;
  text-align: center;
  padding: 12px 0px 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.35s;
}
@media (max-width: 767px) {
  header .languagemenu .selectvalue {
    font-size: calc(var(--ratio) * 16px);
  }
}
header .language {
  position: relative;
  width: calc(var(--ratio) * 40px);
}
header .language:after {
  content: "\f0d7";
  font-family: fontawesome;
  display: block;
  position: absolute;
  right: 0px;
  top: calc(var(--ratio) * 4px);
  font-size: calc(var(--ratio) * 14px);
  color: #000;
  pointer-events: none;
}
header .language .custselect {
  border: 0px;
  border-radius: 0px;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 100%;
  color: #000;
  font-size: calc(var(--ratio) * 16px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  cursor: pointer;
  padding-right: calc(var(--ratio) * 15px);
}
@media (max-width: 767px) {
  header .language .custselect {
    font-size: calc(var(--ratio) * 16px);
  }
}
header .language .custselect option {
  cursor: pointer;
  color: #000;
  border: 0px;
}
header .sub > li {
  display: flex;
}
header .sub > li + li {
  margin-top: calc(var(--ratio) * 15px);
}
header .sublink {
  display: block;
  cursor: pointer;
  transition: all 0.35s;
  color: #000;
  font-size: calc(var(--ratio) * 16px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  position: relative;
  line-height: 122%;
}
@media (max-width: 767px) {
  header .sublink {
    font-size: calc(var(--ratio) * 16px);
  }
}
header .openmenu,
header .closemenu {
  display: none;
}
@media (max-width: 1024px) {
  header .logo {
    height: calc(var(--ratio) * 50px);
  }
  header .list {
    left: calc(var(--ratio) * 160px);
  }
  header .list > li {
    margin-right: calc(var(--ratio) * 20px);
  }
  header .link {
    font-size: calc(var(--ratio) * 15px);
  }
}
@media (max-width: 767px) {
  header .wrap {
    height: calc(var(--ratio) * 70px);
  }
  header .logo {
    height: calc(var(--ratio) * 44px);
  }
  header .menu {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: #f8f9fa;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    transition: all 0.35s;
  }
  header .openmenu {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    transition: all 0.35s;
    font-size: calc(var(--ratio) * 21px);
    color: #000;
    cursor: pointer;
  }
  header .list > li {
    width: 100%;
    margin-right: 0px;
  }
  header .list {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    left: unset;
    top: unset;
    margin-bottom: calc(var(--ratio) * 21px);
  }
  header .link.hasmenu {
    cursor: default;
    color: #000!important;
  }
  header .options {
    width: 100%;
    position: relative;
    top: unset;
    right: unset;
  }
  header .options > li {
    width: 100%;
    margin-right: 0px;
  }
  header .list > li + li {
    margin-top: calc(var(--ratio) * 31px);
  }
  header .options > li + li {
    margin-top: calc(var(--ratio) * 31px);
  }
  header .holder {
    padding: 54px 20px 20px;
  }
  header .closemenu {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.35s;
    position: absolute;
    right: calc(var(--ratio) * 11px);
    top: calc(var(--ratio) * 11px);
    width: calc(var(--ratio) * 36px);
    height: calc(var(--ratio) * 36px);
    color: #000;
    font-size: calc(var(--ratio) * 25px);
  }
  header .searchtab .tab {
    width: 100%!important;
  }
  header .searchtab .opensearch {
    margin: 0px 0px 0px auto;
  }
  header .dropdown {
    position: relative;
    top: unset;
    left: unset;
    opacity: 1!important;
    width: 100%!important;
    margin-top: calc(var(--ratio) * 7px);
  }
  header .languagemenu .pop {
    position: relative;
    left: unset;
    top: unset;
    transform: none;
    width: 100%;
    margin-top: 4px;
    opacity: 1!important;
    pointer-events: visible!important;
  }
  header .languagemenu .langvalue {
    cursor: default;
  }
  header .languagemenu .langvalue:after {
    top: -1.5px;
  }
}
.desktop header .languagemenu .selectvalue:hover {
  background: #F8F9FA;
  color: var(--green);
}
@media (max-width: 767px) {
  .open_menu {
    overflow: hidden;
  }
  .open_menu header .menu {
    opacity: 1;
    pointer-events: visible;
  }
  .open_menu header .dropdown {
    pointer-events: visible;
  }
}
.onlyipad {
  display: none;
}
@media (max-device-width: 1024px) and (min-device-width: 767.1px) {
  .onlyipad {
    display: block;
  }
}
.topBg {
  position: relative;
}
.topBg .pic {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.topBg .pic:after {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.topBg .container {
  z-index: 1;
}
.topBg .data {
  text-align: center;
  padding: 55px 0px 55px;
}
.topBg .title {
  max-width: 767px;
  position: relative;
  margin: auto;
  color: #fff;
  font-size: calc(var(--ratio) * 40px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  line-height: 124%;
}
@media (max-width: 767px) {
  .topBg .title {
    font-size: calc(var(--ratio) * 40px);
  }
}
@media (max-width: 767px) {
  .topBg .data {
    padding: 40px 0px 40px;
  }
}
.intouch {
  padding: calc(var(--ratio) * 48px) 0px calc(var(--ratio) * 55px);
}
.intouch .grp {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.intouch .grp > li:nth-child(1) {
  width: calc(50% - 15px);
}
.intouch .grp > li:nth-child(2) {
  width: calc(50% - 15px);
  background: #F8F9FA;
}
.intouch .map_presence {
  position: relative;
  background: #F8F9FA;
  min-height: calc(var(--ratio) * 376px);
  height: 100%;
}
.intouch .data {
  padding: calc(var(--ratio) * 40px) calc(var(--ratio) * 44px) calc(var(--ratio) * 40px);
  display: flex;
  align-items: center;
  height: 100%;
}
.intouch .caption {
  font-size: calc(var(--ratio) * 28px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
@media (max-width: 767px) {
  .intouch .caption {
    font-size: calc(var(--ratio) * 28px);
  }
}
.intouch .text {
  margin-top: calc(var(--ratio) * 18px);
  max-width: calc(var(--ratio) * 406px);
  color: #4f4c4b;
  font-size: calc(var(--ratio) * 15px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
}
@media (max-width: 767px) {
  .intouch .text {
    font-size: calc(var(--ratio) * 15px);
  }
}
.intouch .text b {
  color: #000;
}
.intouch .text a {
  transition: all 0.35s;
  color: #9e1f63;
}
@media (max-width: 1024px) {
  .intouch .data {
    padding: calc(var(--ratio) * 40px) calc(var(--ratio) * 24px) calc(var(--ratio) * 40px);
  }
}
@media (max-width: 767px) {
  .intouch .grp > li:nth-child(1) {
    width: 100%;
    order: 2;
  }
  .intouch .grp > li:nth-child(2) {
    width: 100%;
    margin-bottom: calc(var(--ratio) * 43px);
    order: 1;
  }
}
.ourNewsletter {
  padding: calc(var(--ratio) * 44px) 0px calc(var(--ratio) * 66px);
  background: #f8f9fa;
  border-top: 3px solid #fff;
}
.ourNewsletter .title {
  margin-bottom: calc(var(--ratio) * 28px);
  text-align: center;
  font-size: calc(var(--ratio) * 24px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
@media (max-width: 767px) {
  .ourNewsletter .title {
    font-size: calc(var(--ratio) * 24px);
  }
}
.ourNewsletter .field {
  position: relative;
  margin: auto;
  height: calc(var(--ratio) * 52px);
  overflow: hidden;
  max-width: calc(var(--ratio) * 470px);
  border: 1px solid #abb0b2;
  border-radius: 5px;
  background: #fff;
  padding-right: calc(var(--ratio) * 123px);
}
.ourNewsletter .field.missing {
  border-color: red;
}
.ourNewsletter .custinput {
  border: 0px;
  border-radius: 0px;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 100%;
  padding-left: calc(var(--ratio) * 13px);
  color: #000;
  font-size: calc(var(--ratio) * 16px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
@media (max-width: 767px) {
  .ourNewsletter .custinput {
    font-size: calc(var(--ratio) * 16px);
  }
}
.ourNewsletter .btn {
  position: absolute;
  top: 0px;
  right: 0px;
  width: calc(var(--ratio) * 117px);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 0px;
  background: no-repeat;
  border-radius: 0px;
  height: 100%;
  transition: all 0.35s;
  cursor: pointer;
  border-left: 1px solid #abb0b2;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--pink);
  font-size: calc(var(--ratio) * 16px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
}
@media (max-width: 767px) {
  .ourNewsletter .btn {
    font-size: calc(var(--ratio) * 16px);
  }
}
.gridsection {
  padding-top: calc(var(--ratio) * 45px);
  padding-bottom: calc(var(--ratio) * 66px);
}
.gridsection .ingrid {
  display: flex;
  flex-wrap: wrap;
}
.gridsection .ingrid > li:nth-child(1) {
  width: 66%;
  margin-right: calc(var(--ratio) * 30px);
}
.gridsection .ingrid > li:nth-child(2) {
  width: calc(34% - (var(--ratio) * 30px));
}
@media (max-width: 10244px) {
  .gridsection {
    padding-bottom: calc(var(--ratio) * 62px);
  }
  .gridsection .ingrid > li:nth-child(1) {
    width: 60%;
    margin-right: 30px;
  }
  .gridsection .ingrid > li:nth-child(2) {
    width: calc(40% - 30px);
  }
}
@media (max-width: 767px) {
  .gridsection {
    padding-top: calc(var(--ratio) * 22px);
    padding-bottom: 42px;
  }
  .gridsection .ingrid > li:nth-child(1) {
    width: 100%;
    margin-right: 0px;
  }
  .gridsection .ingrid > li:nth-child(2) {
    width: 100%;
    margin-top: 33px;
  }
}
.Articles {
  overflow: hidden;
}
.NewsPage .Articles .pic img {
    height: clamp(19.5rem, 6.762rem + 5.84vw, 14.063rem);
}
.Articles.v2 {
  padding-top: calc(var(--ratio) * 42px);
  padding-bottom: calc(var(--ratio) * 50px);
}
.Articles.v2 .list {
  justify-content: flex-start;
  width: calc(100% + var(--ratio) * 30px);
}
.Articles.v2 .list > li {
  width: calc(33.33% - (var(--ratio) * 30px));
  margin-right: calc(var(--ratio) * 30px);
}
.Articles.v2 .pic img {
  height: clamp(11.75rem, -14.181rem + 40.517vw, 14.688rem);
}
@media (max-width: 1024px) {
  .Articles.v2 .list > li {
    width: calc(50% - (var(--ratio) * 30px));
  }
  .Articles.v2 .pic img {
    height: clamp(13.75rem, -1rem + 30.769vw, 18.75rem);
  }
}
@media (max-width: 767px) {
  .Articles.v2 {
    padding-top: calc(var(--ratio) * 32px);
  }
  .Articles.v2 .list > li {
    width: calc(100% - (var(--ratio) * 30px));
  }
  .Articles.v2 .pic img {
    height: clamp(11.75rem, 2.265rem + 47.427vw, 25rem);
  }
}
.Articles .maintitle {
  color: #000;
  font-size: calc(var(--ratio) * 30px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  margin-bottom: calc(var(--ratio) * 20px);
}
@media (max-width: 767px) {
  .Articles .maintitle {
    font-size: calc(var(--ratio) * 30px);
  }
}
.Articles .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.Articles .list > li {
  width: calc(50% - (var(--ratio) * 14px));
  margin-bottom: calc(var(--ratio) * 25px);
}
.Articles .item {
  display: block;
  height: 100%;
  transition: 0.33s ease-in-out;
  background: #f8f9fa;
}
.Articles .pic {
  position: relative;
  overflow: hidden;
}
.Articles .pic img {
  height: clamp(10.5rem, 6.762rem + 5.84vw, 14.063rem);
  width: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}
.Articles .info {
  padding: calc(var(--ratio) * 22px) calc(var(--ratio) * 24px) calc(var(--ratio) * 22px);
}
.Articles .title {
  font-size: calc(var(--ratio) * 18px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #000;
  line-height: 122%;
}
@media (max-width: 767px) {
  .Articles .title {
    font-size: calc(var(--ratio) * 18px);
  }
}
.Articles .subtitle {
  margin-top: calc(var(--ratio) * 55px);
  font-size: calc(var(--ratio) * 13px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  --ratio: 1;
  color: #4f4c4b;
}
@media (max-width: 1024px) and (min-width: 767.1px) {
  .Articles .pic img {
    height: clamp(8.125rem, -4.932rem + 27.237vw, 12.5rem);
  }
}
@media (max-width: 1024px) {
  .Articles {
    padding-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .Articles .list > li {
    width: 100%;
  }
  .Articles .pic img {
    height: clamp(10.625rem, -4.322rem + 63.776vw, 26.25rem);
  }
  .Articles .subtitle {
    margin-top: 22px;
  }
  .Articles .info {
    padding: 17px 17px 17px;
  }
}
.subMenu {
  margin-bottom: calc(var(--ratio) * 37px);
}
.subMenu .screen {
  width: 100%;
}
.subMenu .swiper-wrapper {
  transform: none!important;
  flex-wrap: wrap;
}
.subMenu .swiper-slide {
  margin-bottom: 7px;
  width: auto;
  margin-right: calc(var(--ratio) * 18px);
}
.subMenu .swiper-slide:last-child {
  margin-right: 0px;
}
.subMenu .item {
  display: block;
  cursor: pointer;
  transition: all 0.35s;
  color: #000;
  position: relative;
  font-size: calc(var(--ratio) * 15px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  border-bottom: 2px solid #000;
  padding: 3px 7px 1px;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
}
@media (max-width: 767px) {
  .subMenu .item {
    font-size: calc(var(--ratio) * 15px);
  }
}
.subMenu .item.selected {
  color: #fff;
}
.subMenu .item.categ_all {
  border-color: var(--categ_all);
}
.subMenu .item.categ_all.selected {
  background: var(--categ_all);
}
.subMenu .item.categ_positionpaper {
  border-color: var(--categ_positionpaper);
}
.subMenu .item.categ_positionpaper.selected {
  background: var(--categ_positionpaper);
}
.subMenu .item.categ_press {
  border-color: var(--categ_press);
}
.subMenu .item.categ_press.selected {
  background: var(--categ_press);
}
.subMenu .item.categ_brief {
  border-color: var(--categ_brief);
}
.subMenu .item.categ_brief.selected {
  background: var(--categ_brief);
}
.subMenu .item.categ_video {
  border-color: var(--categ_video);
}
.subMenu .item.categ_video.selected {
  background: var(--categ_video);
}
.subMenu .item.categ_oped {
  border-color: var(--categ_oped);
}
.subMenu .item.categ_oped.selected {
  background: var(--categ_oped);
}
.subMenu .item.categ_report {
  border-color: var(--categ_report);
}
.subMenu .item.categ_report.selected {
  background: var(--categ_report);
}
.subMenu .item.categ_focus {
  border-color: var(--categ_focus);
}
.subMenu .item.categ_focus.selected {
  background: var(--categ_focus);
}
.subMenu .item.categ_green {
  border-color: var(--green);
}
.subMenu .item.categ_green.selected {
  background: var(--green);
}
.subMenu .item.categ_pink {
  border-color: var(--pink);
}
.subMenu .item.categ_pink.selected {
  background: var(--pink);
}
.subMenu .item.categ_yellow {
  border-color: var(--yellow);
}
.subMenu .item.categ_yellow.selected {
  background: var(--yellow);
}
.subMenu .item.categ_blue {
  border-color: var(--blue);
}
.subMenu .item.categ_blue.selected {
  background: var(--blue);
}
@media (max-width: 767px) {
  .subMenu .screen {
    width: calc(100% + 20px);
  }
  .subMenu .swiper-slide:last-child {
    margin-right: 20px;
  }
}
.itemlisting .grid > li {
  border-bottom: 1px solid #9e1f63;
  padding-bottom: 22px;
  margin-bottom: 22px;
}
.itemlisting .item {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  transition: 0.33s ease-in-out;
}
.itemlisting .item.categ_all .subtitle {
  color: var(--categ_all);
}
.itemlisting .item.categ_positionpaper .subtitle {
  color: var(--categ_positionpaper);
}
.itemlisting .item.categ_press .subtitle {
  color: var(--categ_press);
}
.itemlisting .item.categ_brief .subtitle {
  color: var(--categ_brief);
}
.itemlisting .item.categ_video .subtitle {
  color: var(--categ_video);
}
.itemlisting .item.categ_oped .subtitle {
  color: var(--categ_oped);
}
.itemlisting .item.categ_report .subtitle {
  color: var(--categ_report);
}
.itemlisting .item.categ_focus .subtitle {
  color: var(--categ_focus);
}
.itemlisting .item.categ_pink .subtitle {
  color: var(--pink);
}
.itemlisting .item.categ_yellow .subtitle {
  color: var(--yellow);
}
.itemlisting .item.categ_blue .subtitle {
  color: var(--blue);
}
.itemlisting .item.categ_green .subtitle {
  color: var(--green);
}
.itemlisting .pic {
  width: calc(var(--ratio) * 152px);
  margin-right: 12px;
  overflow: hidden;
}
.itemlisting .pic img {
  width: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 4px;
}
.itemlisting .data {
  width: calc(100% - ((var(--ratio) * 152px) + 12px));
  padding-left: calc(var(--ratio) * 25px);
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
.itemlisting .data:only-child {
  width: 100%;
}
.itemlisting .title {
  font-size: calc(var(--ratio) * 17px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #000;
  line-height: 118%;
  position: relative;
}
@media (max-width: 767px) {
  .itemlisting .title {
    font-size: calc(var(--ratio) * 17px);
  }
}
.itemlisting .title:after {
  display: block;
  content: '';
  position: absolute;
  left: calc(var(--ratio) * -23px);
  top: calc(var(--ratio) * 8px);
  width: calc(var(--ratio) * 17px);
  border-bottom: 3px solid var(--pink);
}
.itemlisting .top {
  width: 100%;
}
.itemlisting .more {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--ratio) * 18px);
}
.itemlisting .more > li {
  display: flex;
}
.itemlisting .more > li:last-child:after {
  display: none;
}
.itemlisting .more > li:after {
  display: block;
  content: '';
  border-right: 1px solid #4f4c4b;
  height: calc(var(--ratio) * 12px);
  position: relative;
  top: calc(var(--ratio) * 3px);
  margin: 0px calc(var(--ratio) * 7px);
}
.itemlisting .caption {
  font-size: calc(var(--ratio) * 13px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  --ratio: 1;
  font-weight: 400;
  color: #4f4c4b;
}
.itemlisting .subtitle {
  font-size: calc(var(--ratio) * 13px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  --ratio: 1;
  font-weight: 400;
  color: #4f4c4b;
}
@media (max-width: 1024px) {
  .itemlisting {
    padding-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .itemlisting .pic {
    width: 104px;
    margin-right: 12px;
    margin-left: 0px;
  }
  .itemlisting .data {
    width: calc(100% - 116px);
  }
  .itemlisting .more {
    margin-top: 20px;
  }
  .itemlisting .grid > li {
    padding-bottom: 12px;
    margin-bottom: 32px;
  }
}
.Featured {
  padding-bottom: calc(var(--ratio) * 52px);
}
.Featured .grp {
  display: flex;
  flex-wrap: wrap;
}
.Featured .grp > li:nth-child(1) {
  width: 65%;
}
.Featured .grp > li:nth-child(2) {
  width: 35%;
  display: flex;
  align-items: center;
  background: #276198;
  padding: calc(var(--ratio) * 44px);
}
.Featured .pic {
  height: 100%;
}
.Featured .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}
.Featured .title {
  color: #fff;
  font-size: calc(var(--ratio) * 28px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
@media (max-width: 767px) {
  .Featured .title {
    font-size: calc(var(--ratio) * 28px);
  }
}
.Featured .caption {
  margin-top: calc(var(--ratio) * 15px);
  color: #fff;
  font-size: calc(var(--ratio) * 13px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  --ratio: 1;
  font-weight: 400;
}
.Featured .text {
  margin-top: calc(var(--ratio) * 29px);
  color: #fff;
  font-size: calc(var(--ratio) * 15px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
@media (max-width: 767px) {
  .Featured .text {
    font-size: calc(var(--ratio) * 15px);
  }
}
.Featured .more {
  display: flex;
  margin-top: calc(var(--ratio) * 32px);
}
@media (max-width: 1024px) {
  .Featured .grp > li:nth-child(2) {
    padding: 33px 25px 33px;
  }
}
@media (max-width: 767px) {
  .Featured .grp > li:nth-child(1) {
    width: 100%;
  }
  .Featured .grp > li:nth-child(2) {
    width: 100%;
  }
}
.itemscroller {
  background: #F8F9FA;
  padding: calc(var(--ratio) * 52px) 0px calc(var(--ratio) * 72px);
  overflow: hidden;
  margin-bottom: 3px;
}
.itemscroller .top {
  margin-bottom: calc(var(--ratio) * 23px);
}
.itemscroller .title {
  color: #000;
  font-size: calc(var(--ratio) * 30px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
@media (max-width: 767px) {
  .itemscroller .title {
    font-size: calc(var(--ratio) * 30px);
  }
}
.itemscroller .item {
  background: #fff;
  height: 100%;
  display: block;
  transition: all 0.35s;
}
.itemscroller .screen {
  overflow: hidden;
  padding-top: 5px;
}
.itemscroller .swiper-slide {
  width: calc(var(--ratio) * 315px);
  margin-right: calc(var(--ratio) * 30px);
  height: auto;
}
.itemscroller .swiper-slide:last-child {
  margin-right: 0px;
}
.itemscroller .pic {
  width: 100%;
  overflow: hidden;
}
.itemscroller .pic img {
  height: 233px;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}
.itemscroller .info {
  padding: calc(var(--ratio) * 30px) calc(var(--ratio) * 22px) calc(var(--ratio) * 30px);
}
.itemscroller .caption {
  font-size: calc(var(--ratio) * 18px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  color: #000;
  font-weight: 500;
}
@media (max-width: 767px) {
  .itemscroller .caption {
    font-size: calc(var(--ratio) * 18px);
  }
}
.itemscroller .titre {
  margin-top: calc(var(--ratio) * 21px);
  color: #4f4c4b;
  font-size: calc(var(--ratio) * 13px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  --ratio: 1;
  font-weight: 400;
}
.itemscroller .subtitre {
  margin-top: calc(var(--ratio) * 11px);
  color: #4f4c4b;
  font-size: calc(var(--ratio) * 13px);
  --ratio: 1;
  font-size: calc(var(--ratio) * 15px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
@media (max-width: 767px) {
  .itemscroller .subtitre {
    font-size: calc(var(--ratio) * 15px);
  }
}
.itemscroller .swiper-pagination {
  margin-top: calc(var(--ratio) * 32px);
}
@media (max-width: 767px) {
  .itemscroller {
    padding: 40px 0px 40px;
  }
  .itemscroller .swiper-slide {
    width: 270px;
    margin-right: 15px;
  }
  .itemscroller .swiper-slide:last-child {
    margin-right: 15px;
  }
  .itemscroller .pic img {
    height: 197px;
  }
  .itemscroller .screen {
    width: calc(100% + 20px);
    overflow: unset;
  }
  .itemscroller .swiper-pagination {
    margin-top: 17px;
  }
}
.detailArticle {
  position: relative;
}
.detailArticle .title {
  color: #000;
  font-size: calc(var(--ratio) * 30px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
@media (max-width: 767px) {
  .detailArticle .title {
    font-size: calc(var(--ratio) * 30px);
  }
}
.detailArticle .caption {
  margin-top: calc(var(--ratio) * 15px);
  color: #4f4c4b;
  font-size: calc(var(--ratio) * 13px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  --ratio: 1;
  font-weight: 400;
}
.detailArticle .pic {
  margin-top: calc(var(--ratio) * 15px);
}
.detailArticle .pic img {
  width: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
}
.detailArticle .video {
  position: relative;
  margin-top: calc(var(--ratio) * 15px);
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.detailArticle iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.detailArticle .text {
  color: #4f4c4b;
  font-size: calc(var(--ratio) * 15px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-top: calc(var(--ratio) * 15px);
}
@media (max-width: 767px) {
  .detailArticle .text {
    font-size: calc(var(--ratio) * 15px);
  }
}
.detailArticle .text b {
  display: block;
  font-weight: 700;
}
.detailArticle .text p + p {
  margin-top: calc(var(--ratio) * 15px);
}
.detailArticle .text b + p {
  margin-top: calc(var(--ratio) * 15px);
}
.detailArticle .text p + b {
  margin-top: calc(var(--ratio) * 26px);
}
.detailArticle .text b + ul {
  margin-top: calc(var(--ratio) * 15px);
}
.detailArticle .text ul > li {
  padding-left: calc(var(--ratio) * 14px);
  position: relative;
}
.detailArticle .text ul > li:after {
  display: block;
  content: '';
  position: absolute;
  top: calc(var(--ratio) * 7px);
  left: 0px;
  width: calc(var(--ratio) * 5px);
  height: calc(var(--ratio) * 5px);
  background: #4f4c4b;
  border-radius: 100%;
}
.detailArticle .text .pink {
  color: var(--pink);
}
.detailArticle .text .green {
  color: var(--green);
}
.detailArticle .text .blue {
  color: var(--blue);
}
.detailArticle .more {
  margin-top: calc(var(--ratio) * 26px);
  display: flex;
}
.detailArticle .figurecaption {
  color: #4f4c4b;
  margin-top: calc(var(--ratio) * 5px);
  font-style: italic;
  font-size: calc(var(--ratio) * 14px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
@media (max-width: 767px) {
  .detailArticle .figurecaption {
    font-size: calc(var(--ratio) * 14px);
  }
}
.detailArticle .note {
  margin-top: calc(var(--ratio) * 26px);
  background: #f8f9fa;
  padding: calc(var(--ratio) * 26px) calc(var(--ratio) * 26px) calc(var(--ratio) * 26px);
}
.detailArticle .box {
  display: flex;
  flex-wrap: wrap;
}
.detailArticle .box > li:nth-child(1) {
  width: 40%;
  margin-right: 2%;
  border-right: 2px solid var(--pink);
  padding-right: 7px;
  display: flex;
  align-items: center;
}
.detailArticle .box > li:nth-child(2) {
  width: 58%;
}
.detailArticle .info {
  color: #4f4c4b;
  font-size: calc(var(--ratio) * 15px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
@media (max-width: 767px) {
  .detailArticle .info {
    font-size: calc(var(--ratio) * 15px);
  }
}
.detailArticle .name {
  font-size: calc(var(--ratio) * 28px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #000;
  line-height: 127%;
}
@media (max-width: 767px) {
  .detailArticle .name {
    font-size: calc(var(--ratio) * 28px);
  }
}
@media (max-width: 767px) {
  .detailArticle .box > li:nth-child(1) {
    width: 100%;
    margin-right: 0%;
    border: 0px;
  }
  .detailArticle .box > li:nth-child(2) {
    width: 100%;
    margin-top: 13px;
    border-left: 2px solid var(--pink);
    padding: 9px 11px 9px;
  }
  .detailArticle .note {
    padding: 20px;
  }
}
.Others {
  background: rgba(0, 0, 0, 0.03);
  padding: calc(var(--ratio) * 25px) calc(var(--ratio) * 25px) calc(var(--ratio) * 25px);
}
.Others .title {
  color: #000;
  font-size: calc(var(--ratio) * 24px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
@media (max-width: 767px) {
  .Others .title {
    font-size: calc(var(--ratio) * 24px);
  }
}
.Others .list {
  margin-top: calc(var(--ratio) * 21px);
}
.Others .list > li {
  border-bottom: 1px solid var(--pink);
  margin-bottom: calc(var(--ratio) * 12px);
  padding-bottom: calc(var(--ratio) * 12px);
}
.Others .item {
  display: flex;
  flex-wrap: wrap;
  transition: all 0.35s;
}
.Others .pic {
  width: calc(var(--ratio) * 85px);
  margin-right: calc(var(--ratio) * 15px);
}
.Others .pic img {
  width: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  height: calc(var(--ratio) * 65px);
}
.Others .info {
  width: calc(100% - calc(var(--ratio) * 85px) - calc(var(--ratio) * 15px) );
}
.Others .caption {
  color: #000;
  font-size: calc(var(--ratio) * 16px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
@media (max-width: 767px) {
  .Others .caption {
    font-size: calc(var(--ratio) * 16px);
  }
}
.Others .subtitle {
  margin-top: calc(var(--ratio) * 5px);
  color: #4f4c4b;
  font-size: calc(var(--ratio) * 13px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  --ratio: 1;
  font-weight: 400;
}
@media (max-width: 1024px) {
  .Others .pic {
    width: 75px;
    margin-right: 10px;
  }
  .Others .pic img {
    height: 60px;
  }
  .Others .info {
    width: calc(100% - 85px);
  }
}
.Others + .Others {
  margin-top: calc(var(--ratio) * 25px);
}
.mediashare {
  position: fixed;
  top: 144px;
  left: 0px;
  pointer-events: none;
  width: 100%;
  z-index: 2;
}
.mediashare .list {
  left: -60px;
  position: relative;
}
.mediashare .list > li {
  display: flex;
  margin-bottom: 2px;
}
.mediashare .item {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.35s;
  cursor: pointer;
  opacity: 0.86;
  width: calc(var(--ratio) * 40px);
  pointer-events: visible;
  height: calc(var(--ratio) * 40px);
  background: var(--blue);
}
.mediashare .item.facebook {
  background: #3B5998;
}
.mediashare .item.twitter {
  background: #1DA1F2;
}
.mediashare .item.linkedin {
  background: #0E76A8;
}
.mediashare .item.mail {
  background: #004F9F;
}
.mediashare .item.print {
  background: #00008B;
}
.mediashare .item i {
  color: #fff;
  font-size: calc(var(--ratio) * 15px);
}
@media (max-width: 1300px) {
  .mediashare .list {
    left: -42px;
  }
}
@media (max-width: 767px) {
  .mediashare {
    top: 233px;
  }
  .mediashare .list {
    left: -20px;
  }
}
.People {
  background: #f8f9fa;
  padding: calc(var(--ratio) * 50px) 0px calc(var(--ratio) * 17px);
  position: relative;
  overflow: hidden;
}
.People .list {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 30px);
}
.People .list > li {
  width: calc(33.33% - var(--ratio) * 30px);
  margin-right: calc(var(--ratio) * 30px);
  margin-bottom: calc(var(--ratio) * 60px);
}
.People .title {
  margin-bottom: calc(var(--ratio) * 27px);
  color: #000;
  font-size: calc(var(--ratio) * 30px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
@media (max-width: 767px) {
  .People .title {
    font-size: calc(var(--ratio) * 30px);
  }
}
.People .pic {
  width: calc(var(--ratio) * 100px);
  height: calc(var(--ratio) * 100px);
  position: relative;
  margin-left: auto;
  margin-right: auto;
  border-radius: 100%;
  overflow: hidden;
  margin-bottom: calc(var(--ratio) * 15px);
}
.People .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 5%;
  display: block;
}
.People .info {
  text-align: center;
}
.People .titre {
  color: #000;
  font-size: calc(var(--ratio) * 20px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
@media (max-width: 767px) {
  .People .titre {
    font-size: calc(var(--ratio) * 20px);
  }
}
.People .subtitre {
  margin-top: calc(var(--ratio) * 7px);
  color: #b9bbbe;
  font-size: calc(var(--ratio) * 16px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
@media (max-width: 767px) {
  .People .subtitre {
    font-size: calc(var(--ratio) * 16px);
  }
}
.People .text {
  margin-top: calc(var(--ratio) * 7px);
  color: #4f4c4b;
  font-size: calc(var(--ratio) * 16px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
@media (max-width: 767px) {
  .People .text {
    font-size: calc(var(--ratio) * 16px);
  }
}
@media (max-width: 1024px) {
  .People .list > li {
    width: calc(50% - var(--ratio) * 30px);
  }
}
@media (max-width: 767px) {
  .People {
    padding: calc(var(--ratio) * 30px) 0px calc(var(--ratio) * 11px);
  }
  .People .list > li {
    width: calc(100% - var(--ratio) * 30px);
    margin-bottom: calc(var(--ratio) * 40px);
  }
  .People .pic {
    width: 84px;
    height: 84px;
    margin-bottom: 10px;
  }
  .People .text {
    margin-top: 4px;
  }
  .People .subtitre {
    margin-top: 4px;
  }
  .People .title {
    margin-bottom: 20px;
  }
}
.Register {
  padding: calc(var(--ratio) * 44px) 0px calc(var(--ratio) * 66px);
  background: #fff;
}
.Register .title {
  text-align: center;
  font-size: calc(var(--ratio) * 24px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
@media (max-width: 767px) {
  .Register .title {
    font-size: calc(var(--ratio) * 24px);
  }
}
.Register .caption {
  margin-top: calc(var(--ratio) * 15px);
  text-align: center;
  color: #4f4c4b;
  font-size: calc(var(--ratio) * 15px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: calc(var(--ratio) * 540px);
}
@media (max-width: 767px) {
  .Register .caption {
    font-size: calc(var(--ratio) * 15px);
  }
}
.Register .field {
  position: relative;
  margin: auto;
  height: calc(var(--ratio) * 52px);
  overflow: hidden;
  max-width: calc(var(--ratio) * 470px);
  border: 1px solid #abb0b2;
  border-radius: 5px;
  background: #fff;
  padding-right: calc(var(--ratio) * 123px);
  margin-top: calc(var(--ratio) * 35px);
}
.Register .field.missing {
  border-color: red;
}
.Register .custinput {
  border: 0px;
  border-radius: 0px;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 100%;
  padding-left: calc(var(--ratio) * 13px);
  color: #000;
  font-size: calc(var(--ratio) * 16px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
@media (max-width: 767px) {
  .Register .custinput {
    font-size: calc(var(--ratio) * 16px);
  }
}
.Register .btn {
  position: absolute;
  top: 0px;
  right: 0px;
  width: calc(var(--ratio) * 117px);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 0px;
  background: no-repeat;
  border-radius: 0px;
  height: 100%;
  transition: all 0.35s;
  cursor: pointer;
  border-left: 1px solid #abb0b2;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--pink);
  font-size: calc(var(--ratio) * 16px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
}
@media (max-width: 767px) {
  .Register .btn {
    font-size: calc(var(--ratio) * 16px);
  }
}
.Resources {
  background: #f8f9fa;
  padding: calc(var(--ratio) * 50px) 0px calc(var(--ratio) * 60px);
}
.Resources .grp {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.Resources .grp > li {
  width: calc(50% - var(--ratio) * 30px);
}
.Resources .title {
  font-size: calc(var(--ratio) * 24px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #000;
  margin-bottom: calc(var(--ratio) * 17px);
}
@media (max-width: 767px) {
  .Resources .title {
    font-size: calc(var(--ratio) * 24px);
  }
}
.Resources .list > li + li {
  margin-top: calc(var(--ratio) * 18px);
}
.Resources .item {
  background: #fff;
  padding: calc(var(--ratio) * 16px);
  display: block;
}
.Resources .titre {
  color: #000;
  font-size: calc(var(--ratio) * 16px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
@media (max-width: 767px) {
  .Resources .titre {
    font-size: calc(var(--ratio) * 16px);
  }
}
.Resources .subtitre {
  margin-top: calc(var(--ratio) * 7px);
  color: #000;
  font-size: calc(var(--ratio) * 13px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  --ratio: 1;
  font-weight: 400;
}
@media (max-width: 1024px) {
  .Resources .grp > li {
    width: 100%;
  }
  .Resources .grp > li + li {
    margin-top: 33px;
  }
}
@media (max-width: 767px) {
  .Resources {
    padding: 44px 0px 44px;
  }
  .Resources .item {
    padding: calc(var(--ratio) * 12px);
  }
  .Resources .list > li + li {
    margin-top: calc(var(--ratio) * 12px);
  }
  .Resources .title {
    margin-bottom: calc(var(--ratio) * 11px);
  }
}
.Mission .title {
  color: #000;
  font-size: calc(var(--ratio) * 30px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
@media (max-width: 767px) {
  .Mission .title {
    font-size: calc(var(--ratio) * 30px);
  }
}
.Mission .text {
  margin-top: calc(var(--ratio) * 22px);
  color: #4f4c4b;
  font-size: calc(var(--ratio) * 15px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
@media (max-width: 767px) {
  .Mission .text {
    font-size: calc(var(--ratio) * 15px);
  }
}
.Sitemap {
  background: #f8f9fa;
  padding: calc(var(--ratio) * 22px) calc(var(--ratio) * 25px) calc(var(--ratio) * 22px);
}
.Sitemap .title {
  color: #000;
  font-size: calc(var(--ratio) * 24px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
@media (max-width: 767px) {
  .Sitemap .title {
    font-size: calc(var(--ratio) * 24px);
  }
}
.Sitemap .sub {
  margin-top: calc(var(--ratio) * 18px);
}
.Sitemap .sub > li + li {
  margin-top: calc(var(--ratio) * 12px);
  border-top: 1px solid var(--pink);
  padding-top: calc(var(--ratio) * 12px);
}
.Sitemap .sub > li {
  display: flex;
}
.Sitemap .sublink {
  display: block;
  transition: all 0.35s;
  font-size: calc(var(--ratio) * 17px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #000;
}
@media (max-width: 767px) {
  .Sitemap .sublink {
    font-size: calc(var(--ratio) * 17px);
  }
}
@media (max-width: 767px) {
  .Sitemap .sub > li + li {
    padding-top: 8px;
    margin-top: 8px;
  }
}
.Blueprint {
  background: #f8f9fa;
  padding: calc(var(--ratio) * 52px) 0px calc(var(--ratio) * 52px);
}
.Blueprint .gridsection {
  padding-bottom: 0px;
}
.Blueprint .title {
  font-size: calc(var(--ratio) * 30px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #000;
}
@media (max-width: 767px) {
  .Blueprint .title {
    font-size: calc(var(--ratio) * 30px);
  }
}
.Blueprint .data {
  height: 100%;
  background: #fff;
  padding: calc(var(--ratio) * 37px) calc(var(--ratio) * 33px) calc(var(--ratio) * 37px);
}
.Blueprint .holder {
  max-height: 440px;
  overflow: hidden;
  background: #fff;
  padding: 7px 0px 7px;
}
.Blueprint .text {
  color: #4f4c4b;
  font-size: calc(var(--ratio) * 15px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-top: calc(var(--ratio) * 17px);
}
@media (max-width: 767px) {
  .Blueprint .text {
    font-size: calc(var(--ratio) * 15px);
  }
}
.Blueprint .mCSB_inside > .mCSB_container {
  margin-right: 0px;
}
.Blueprint .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  margin: 0px 0px 0px auto;
}
.Blueprint .unit {
  cursor: pointer;
  transition: all 0.35s;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid #eee;
  padding: calc(var(--ratio) * 8px) calc(var(--ratio) * 20px) calc(var(--ratio) * 8px) calc(var(--ratio) * 22px);
}
.Blueprint .unit.selected {
  background: var(--pink);
  border-radius: 3px;
  pointer-events: none;
}
.Blueprint .unit.selected .caption {
  color: #fff;
}
.Blueprint .icon {
  margin-right: 12px;
  width: calc(var(--ratio) * 54px);
  height: calc(var(--ratio) * 54px);
}
.Blueprint .icon img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center center;
}
.Blueprint .info {
  width: calc(100% - var(--ratio) * 54px - 12px);
  padding: 3px 0px 0px;
}
.Blueprint .wrap > li {
  display: none;
}
.Blueprint .wrap > li:nth-child(1) {
  display: block;
}
.Blueprint .titre {
  color: #4f4c4b;
  font-size: calc(var(--ratio) * 24px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
@media (max-width: 767px) {
  .Blueprint .titre {
    font-size: calc(var(--ratio) * 24px);
  }
}
.Blueprint .caption {
  font-size: calc(var(--ratio) * 13px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  --ratio: 1;
  font-weight: 400;
  color: var(--green);
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
.Blueprint .more {
  display: flex;
  margin-top: calc(var(--ratio) * 32px);
}
@media (max-width: 1024px) {
  .Blueprint .icon {
    margin-right: 7px;
    width: 40px;
    height: 40px;
  }
  .Blueprint .info {
    width: calc(100% - 47px);
  }
  .Blueprint .unit {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (max-width: 767px) {
  .Blueprint .holder {
    max-height: 300px;
  }
  .Blueprint .icon {
    margin-right: 10px;
    width: 44px;
    height: 44px;
  }
  .Blueprint .info {
    width: calc(100% - 54px);
  }
  .Blueprint .gridsection .ingrid > li:nth-child(1) {
    order: 2;
    margin-top: 35px;
  }
  .Blueprint .gridsection .ingrid > li:nth-child(2) {
    order: 1;
    margin-top: 0px;
  }
}
.Description .title {
  font-size: calc(var(--ratio) * 30px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #000;
}
@media (max-width: 767px) {
  .Description .title {
    font-size: calc(var(--ratio) * 30px);
  }
}
.Description .text {
  margin-top: calc(var(--ratio) * 19px);
  font-size: calc(var(--ratio) * 17px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  color: #000;
}
@media (max-width: 767px) {
  .Description .text {
    font-size: calc(var(--ratio) * 17px);
  }
}
.Description .text ul > li {
  padding-left: calc(var(--ratio) * 14px);
  position: relative;
}
.Description .text ul > li:after {
  width: 6px;
  border-bottom: 1px solid #000;
  display: block;
  content: '';
  position: absolute;
  left: 0px;
  top: calc(var(--ratio) * 11px);
}
@media (max-width: 767px) {
  .Description .text {
    margin-top: 10px;
  }
}
.Board {
  background: #f8f9fa;
  padding-top: calc(var(--ratio) * 46px);
  padding-bottom: calc(var(--ratio) * 85px);
}
.Board .list > li + li {
  margin-top: calc(var(--ratio) * 19px);
}
.Board .item {
  padding: calc(var(--ratio) * 42px);
  display: block;
  background: #fff;
  box-shadow: 0px 0px 10px #eee;
}
.Board .grp {
  display: flex;
  flex-wrap: wrap;
}
.Board .grp > li:nth-child(1) {
  width: 22%;
  margin-right: 5%;
  display: flex;
  align-items: center;
}
.Board .grp > li:nth-child(2) {
  width: calc(100% - 27%);
  display: flex;
  align-items: center;
}
.Board .pic {
  width: calc(var(--ratio) * 121px);
  height: calc(var(--ratio) * 121px);
  position: relative;
  margin: 0px auto calc(var(--ratio) * 22px);
  border-radius: 100%;
  overflow: hidden;
}
.Board .pic img {
  width: 100%;
  object-position: center 7%;
  object-fit: cover;
  display: block;
  height: 100%;
}
.Board .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 200px;
  position: relative;
  margin: auto;
}
.Board .logo img {
  width: 100%;
  object-fit: contain;
  display: block;
}
.Board .holder {
  width: 100%;
}
.Board .info {
  text-align: center;
}
.Board .name {
  color: #000;
  font-size: calc(var(--ratio) * 16px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
@media (max-width: 767px) {
  .Board .name {
    font-size: calc(var(--ratio) * 16px);
  }
}
.Board .caption {
  margin-top: calc(var(--ratio) * 7px);
  color: #000;
  font-size: calc(var(--ratio) * 14px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
@media (max-width: 767px) {
  .Board .caption {
    font-size: calc(var(--ratio) * 14px);
  }
}
.Board .more {
  border-top: 1px solid var(--pink);
  margin-top: calc(var(--ratio) * 14px);
  padding-top: calc(var(--ratio) * 11px);
}
.Board .more > li {
  display: flex;
  width: 100%;
  justify-content: center;
}
.Board .more > li + li {
  margin-top: calc(var(--ratio) * 6px);
}
.Board .link {
  color: #000;
  font-size: calc(var(--ratio) * 14px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  display: block;
  transition: all 0.35s;
}
@media (max-width: 767px) {
  .Board .link {
    font-size: calc(var(--ratio) * 14px);
  }
}
.Board .text {
  color: #000;
  font-size: calc(var(--ratio) * 15px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
@media (max-width: 767px) {
  .Board .text {
    font-size: calc(var(--ratio) * 15px);
  }
}
@media (max-width: 767px) {
  .Board {
    padding: 44px 0px 44px;
  }
  .Board .pic {
    width: 105px;
    height: 105px;
  }
  .Board .item {
    padding: 30px 22px 27px;
  }
  .Board .more > li + li {
    margin-top: calc(var(--ratio) * 5px);
  }
  .Board .logo {
    max-width: 177px;
  }
  .Board .grp > li:nth-child(1) {
    width: 100%;
    margin-right: 0%;
  }
  .Board .grp > li:nth-child(2) {
    width: 100%;
    margin-top: 22px;
  }
}
.Issues .grid > li:nth-child(odd) .item {
  background: #f8f9fa;
}
.Issues .grid > li + li {
  margin-top: calc(var(--ratio) * 41px);
}
.Issues .item {
  padding: calc(var(--ratio) * 41px) 0px calc(var(--ratio) * 41px);
}
.Issues .title {
  font-size: calc(var(--ratio) * 24px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #4f4c4b;
}
@media (max-width: 767px) {
  .Issues .title {
    font-size: calc(var(--ratio) * 24px);
  }
}
.Issues .text {
  margin-top: calc(var(--ratio) * 17px);
  font-size: calc(var(--ratio) * 15px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #4f4c4b;
}
@media (max-width: 767px) {
  .Issues .text {
    font-size: calc(var(--ratio) * 15px);
  }
}
.Issues .text ul > li {
  position: relative;
  padding-left: calc(var(--ratio) * 11px);
}
.Issues .text ul > li:after {
  display: block;
  content: '';
  width: 4px;
  height: 4px;
  background: #4f4c4b;
  position: absolute;
  top: calc(var(--ratio) * 8px);
  border-radius: 100%;
  left: 0px;
}
.Issues .text ul > li + li {
  margin-top: calc(var(--ratio) * 11px);
}
.Issues .more {
  margin-top: calc(var(--ratio) * 29px);
  display: flex;
}
@media (max-width: 767px) {
  .Issues .item {
    padding: calc(var(--ratio) * 27px) 0px calc(var(--ratio) * 27px);
  }
  .Issues .grid > li + li {
    margin-top: calc(var(--ratio) * 22px);
  }
}
.Reports {
  padding-top: 22px;
}
.Reports .item {
  display: block;
}
.Reports .title {
  font-size: calc(var(--ratio) * 17px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #000;
  position: relative;
  transition: all 0.35s;
  padding-left: calc(var(--ratio) * 24px);
}
@media (max-width: 767px) {
  .Reports .title {
    font-size: calc(var(--ratio) * 17px);
  }
}
.Reports .title:after {
  display: block;
  content: '';
  width: calc(var(--ratio) * 14px);
  top: calc(var(--ratio) * 10px);
  left: 0px;
  border-bottom: 3px solid var(--pink);
  position: absolute;
}
.Reports .caption {
  margin-top: calc(var(--ratio) * 8px);
  color: #4f4c4b;
  font-size: calc(var(--ratio) * 14px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
@media (max-width: 767px) {
  .Reports .caption {
    font-size: calc(var(--ratio) * 14px);
  }
}
.Reports .list > li + li {
  margin-top: calc(var(--ratio) * 33px);
}
@media (max-width: 767px) {
  .Reports .list > li + li {
    margin-top: calc(var(--ratio) * 24px);
  }
  .Reports .title:after {
    border-bottom-width: 2px;
  }
}
.Brief {
  padding-top: calc(var(--ratio) * 54px);
  padding-bottom: calc(var(--ratio) * 50px);
}
.Brief .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.Brief .list > li {
  width: calc(50% - var(--ratio) * 16px);
}
.Brief .item {
  background: var(--pink);
  transition: all 0.35s;
  display: block;
  height: 100%;
}
.Brief .pic img {
  width: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  height: clamp(18rem, -27.241rem + 70.69vw, 23.125rem);
}
.Brief .info {
  padding: calc(var(--ratio) * 34px) calc(var(--ratio) * 34px) calc(var(--ratio) * 38px);
}
.Brief .title {
  color: #fff;
  font-size: calc(var(--ratio) * 20px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  min-height: calc(var(--ratio) * 83px);
}
@media (max-width: 767px) {
  .Brief .title {
    font-size: calc(var(--ratio) * 20px);
  }
}
.Brief .caption {
  margin-top: calc(var(--ratio) * 19px);
  color: #fff;
  font-size: calc(var(--ratio) * 15px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
@media (max-width: 767px) {
  .Brief .caption {
    font-size: calc(var(--ratio) * 15px);
  }
}
@media (max-width: 767px) {
  .Brief {
    padding: 33px 0px 20px;
  }
  .Brief .list > li {
    width: 100%;
  }
  .Brief .list > li + li {
    margin-top: 17px;
  }
  .Brief .caption {
    margin-top: 13px;
  }
  .Brief .info {
    padding: 23px 23px 23px;
  }
  .Brief .item {
    height: auto;
  }
  .Brief .title {
    min-height: 0px;
  }
  .Brief .pic img {
    height: auto;
  }
}
.joinUs {
  background: #f8f9fa;
  padding: calc(var(--ratio) * 35px) calc(var(--ratio) * 25px) calc(var(--ratio) * 45px);
}
.joinUs .title {
  font-size: calc(var(--ratio) * 28px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #000;
}
@media (max-width: 767px) {
  .joinUs .title {
    font-size: calc(var(--ratio) * 28px);
  }
}
.joinUs .caption {
  margin-top: calc(var(--ratio) * 17px);
  color: #4f4c4b;
  font-size: calc(var(--ratio) * 15px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
@media (max-width: 767px) {
  .joinUs .caption {
    font-size: calc(var(--ratio) * 15px);
  }
}
.joinUs .caption a {
  color: var(--pink);
  transition: all 0.35s;
}
.Jobs {
  padding: calc(var(--ratio) * 44px) 0px calc(var(--ratio) * 44px);
  background: #f8f9fa;
}
.Jobs .title {
  color: #000;
  font-size: calc(var(--ratio) * 30px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  margin-bottom: calc(var(--ratio) * 27px);
}
@media (max-width: 767px) {
  .Jobs .title {
    font-size: calc(var(--ratio) * 30px);
  }
}
.Jobs .list > li + li {
  margin-top: calc(var(--ratio) * 27px);
}
.Jobs .item {
  padding: calc(var(--ratio) * 35px) calc(var(--ratio) * 33px) calc(var(--ratio) * 45px);
  display: block;
  background: #fff;
}
.Jobs .titre {
  color: #000;
  font-size: calc(var(--ratio) * 24px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
@media (max-width: 767px) {
  .Jobs .titre {
    font-size: calc(var(--ratio) * 24px);
  }
}
.Jobs .text {
  margin-top: calc(var(--ratio) *11px);
  color: #4f4c4b;
  font-size: calc(var(--ratio) * 15px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
@media (max-width: 767px) {
  .Jobs .text {
    font-size: calc(var(--ratio) * 15px);
  }
}
.Jobs .more {
  margin-top: calc(var(--ratio) *21px);
  display: flex;
}
@media (max-width: 767px) {
  .Jobs {
    padding: calc(var(--ratio) * 34px) 0px calc(var(--ratio) * 44px);
  }
  .Jobs .list > li + li {
    margin-top: calc(var(--ratio) * 17px);
  }
  .Jobs .item {
    padding: calc(var(--ratio) * 27px) calc(var(--ratio) * 20px) calc(var(--ratio) * 27px);
  }
  .Jobs .title {
    margin-bottom: calc(var(--ratio) * 17px);
  }
}
.greentheme #wrapper {
  background: linear-gradient(0deg, #3a616e 0%, #27414d 100%);
}
.greentheme #wrapper:after {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: url(../images/bglogo.png) no-repeat right 68%;
  background-size: 400px;
}
.greentheme footer {
  display: none;
}
@media (max-width: 1024px) {
  .greentheme #wrapper:after {
    background-size: 280px;
    background-position: right 321px;
  }
}
@media (max-width: 767px) {
  .greentheme #wrapper:after {
    background-size: 200px;
    background-position: right 255px;
  }
}
.openfaq .FAQ .pop {
  opacity: 1;
  pointer-events: visible;
}
.FAQ {
  padding: calc(var(--ratio) * 70px) calc(var(--ratio) * 0px) calc(var(--ratio) * 100px);
  min-height: 70vh;
}
.FAQ .title {
  margin-bottom: calc(var(--ratio) * 44px);
  color: #158DA3;
  font-size: calc(var(--ratio) * 40px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
@media (max-width: 767px) {
  .FAQ .title {
    font-size: calc(var(--ratio) * 40px);
  }
}
.FAQ .choose {
  position: relative;
  margin-bottom: calc(var(--ratio) * 122px);
}
.FAQ .tab {
  padding-bottom: calc(var(--ratio) * 11px);
  margin-bottom: calc(var(--ratio) * 16px);
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid rgba(255, 255, 255, 0.27);
}
.FAQ .tab:after {
  display: block;
  content: '\f107';
  font-family: fontawesome;
  font-size: calc(var(--ratio) * 18px);
  position: absolute;
  right: 0px;
  top: calc(var(--ratio) * 7px);
  color: #fff;
}
.FAQ .name {
  font-size: calc(var(--ratio) * 19px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #fff;
  padding-right: 34px;
  transition: all 0.35s;
}
@media (max-width: 767px) {
  .FAQ .name {
    font-size: calc(var(--ratio) * 19px);
  }
}
.FAQ .pop {
  opacity: 0;
  pointer-events: none;
  transition: all 0.35s;
  position: absolute;
  z-index: 1;
  bottom: calc(var(--ratio) * -14px);
  left: 0px;
  width: 100%;
  background: #287F8A;
  transform: translateY(100%);
}
.FAQ .inner {
  max-height: 200px;
  overflow: hidden;
}
.FAQ .mCSB_inside > .mCSB_container {
  margin-right: 0px!important;
}
.FAQ .list > li + li {
  border-top: 1px solid rgba(255, 255, 255, 0.27);
}
.FAQ .quest {
  padding: calc(var(--ratio) * 12px) calc(var(--ratio) * 20px) calc(var(--ratio) * 12px);
  font-size: calc(var(--ratio) * 16px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  transition: all 0.35s;
}
@media (max-width: 767px) {
  .FAQ .quest {
    font-size: calc(var(--ratio) * 16px);
  }
}
.FAQ .datali {
  display: none;
}
.FAQ .datali:nth-child(1) {
  display: block;
}
.FAQ .grp {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.FAQ .grp > li {
  width: calc(50% - var(--ratio) * 44px);
}
.FAQ .grp > li:nth-child(1) {
  display: flex;
  align-items: center;
}
.FAQ .pic img {
  width: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}
.FAQ .caption {
  font-size: calc(var(--ratio) * 40px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #fff;
  line-height: 125%;
}
@media (max-width: 767px) {
  .FAQ .caption {
    font-size: calc(var(--ratio) * 40px);
  }
}
.FAQ .text {
  margin-top: calc(var(--ratio) * 20px);
  font-size: calc(var(--ratio) * 15px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #fff;
}
@media (max-width: 767px) {
  .FAQ .text {
    font-size: calc(var(--ratio) * 15px);
  }
}
.FAQ .text ul li {
  padding-left: calc(var(--ratio) * 16px);
  position: relative;
}
.FAQ .text ul li:after {
  width: calc(var(--ratio) * 6px);
  height: calc(var(--ratio) * 6px);
  top: calc(var(--ratio) * 7px);
  display: block;
  content: '';
  position: absolute;
  left: 0px;
  background: #fff;
  border-radius: 100%;
}
.FAQ .custbtm {
  padding-left: calc(var(--ratio) * 28px);
  padding-right: calc(var(--ratio) * 28px);
}
.FAQ .options {
  margin-top: calc(var(--ratio) * 41px);
  display: flex;
  flex-wrap: wrap;
}
.FAQ .options > li {
  margin-right: calc(var(--ratio) * 16px);
  margin-bottom: calc(var(--ratio) * 16px);
}
@media (max-width: 1024px) {
  .FAQ .grp > li {
    width: 100%;
  }
  .FAQ .grp > li + li {
    margin-top: 33px;
  }
  .FAQ .grp > li:nth-child(1) {
    display: block;
  }
}
@media (max-width: 767px) {
  .FAQ {
    padding: 30px 0px 55px;
  }
  .FAQ .title {
    margin-bottom: 22px;
  }
  .FAQ .choose {
    margin-bottom: 32px;
  }
  .FAQ .text ul > li:after {
    width: 4px;
    height: 4px;
    top: 7px;
  }
  .FAQ .tab:after {
    font-size: 15px;
  }
  .FAQ .custbtm {
    padding-right: 20px;
    padding-left: 20px;
  }
  .FAQ .caption {
    font-size: 25px;
  }
  .FAQ .title {
    font-size: 35px;
  }
  .FAQ .name {
    font-size: 15px;
  }
  .FAQ .quest {
    font-size: 14px;
    padding: calc(var(--ratio) * 10px) calc(var(--ratio) * 17px) calc(var(--ratio) * 10px);
  }
}
.Slider {
  overflow: hidden;
}
.Slider .screen {
  position: relative;
}
.Slider .swiper-slide {
  height: auto;
}
.Slider .item {
  display: block;
  height: 100%;
}
.Slider .in {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}
.Slider .in > li:nth-child(1) {
  width: 61%;
}
.Slider .in > li:nth-child(2) {
  width: 39%;
  display: flex;
  align-items: center;
  background: var(--pink);
  padding: calc(var(--ratio) * 22px) calc(var(--ratio) * 30px) calc(var(--ratio) * 47px) calc(var(--ratio) * 44px);
}
.Slider .pic {
  position: relative;
  height: 100%;
}
.Slider .pic img {
  width: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}
@media (min-width: 767.1px) {
  .Slider .pic img {
    height: 550px;
  }
}
.Slider .more {
  margin-top: calc(var(--ratio) * 41px);
  display: flex;
}
.Slider .title {
  max-height: calc(var(--ratio) *394px);
  color: #fff;
  font-size: calc(var(--ratio) * 40px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  border-bottom: 5px solid #fff;
  padding-bottom: calc(var(--ratio) * 8px);
  overflow: hidden;
}
@media (max-width: 767px) {
  .Slider .title {
    font-size: calc(var(--ratio) * 40px);
  }
}
.Slider .holder {
  position: absolute;
  right: 0px;
  width: 39%;
  bottom: calc(var(--ratio) * 16px);
}
.Slider .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.44);
}
.Slider .swiper-pagination-bullet-active {
  background: #ffffff;
}
@media (max-width: 1024px) {
  .Slider .in > li:nth-child(2) {
    padding-left: 22px;
  }
  .Slider .title {
    font-size: 21px;
  }
}
@media (max-width: 767px) {
  .Slider .title {
    font-size: 21px;
  }
  .Slider .in > li:nth-child(1) {
    width: 100%;
  }
  .Slider .in > li:nth-child(2) {
    padding: 0px;
    background: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
  }
  .Slider .data {
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    padding: 27px 20px 23px;
  }
  .Slider .in {
    height: auto;
  }
  .Slider .pic {
    height: auto;
  }
  .Slider .pic img {
    min-height: 0px;
    height: 550px;
  }
  .Slider .item {
    height: auto;
  }
  .Slider .holder {
    width: 100%;
  }
  .Slider .swiper-slide {
    height: auto!important;
  }
  .Slider .title {
    max-height: none;
    border-bottom-width: 4px;
  }
  .Slider .more {
    justify-content: center;
  }
}
.moreIssues {
  overflow: hidden;
  background: #f8f9fa;
  padding: calc(var(--ratio) * 45px) calc(var(--ratio) * 0px) calc(var(--ratio) * 55px);
}
.moreIssues .container {
  max-width: 100%;
  padding-left: 80px;
  padding-right: 80px;
}
.moreIssues .inside {
  display: flex;
  flex-wrap: wrap;
}
.moreIssues .inside > li:nth-child(1) {
  width: calc(var(--ratio) * 300px);
  margin-right: calc(var(--ratio) * 45px);
}
.moreIssues .inside > li:nth-child(2) {
  width: calc(100% - var(--ratio) * 300px - var(--ratio) * 45px);
}
.moreIssues .swiper-slide {
  width: calc(var(--ratio) * 286px);
  margin-right: calc(var(--ratio) * 30px);
  height: auto;
}
.moreIssues .swiper-slide:last-child {
  margin-right: 80px;
}
.moreIssues .item {
  transition: 0.37s;
  display: block;
  background: #fff;
  height: 100%;
  box-shadow: 0px 0px 10px #eee;
}
.moreIssues .pic {
  position: relative;
}
.moreIssues .pic img {
  height: calc(var(--ratio) * 192px);
  width: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}
.moreIssues .screen {
  overflow: hidden;
  padding-top: 5px;
}
.moreIssues .info {
  padding: calc(var(--ratio) * 22px) calc(var(--ratio) * 22px) calc(var(--ratio) * 38px);
}
.moreIssues .title {
  font-size: calc(var(--ratio) * 30px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #000;
}
@media (max-width: 767px) {
  .moreIssues .title {
    font-size: calc(var(--ratio) * 30px);
  }
}
.moreIssues .caption {
  margin-top: calc(var(--ratio) * 17px);
  font-size: calc(var(--ratio) * 17px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  color: #000;
}
@media (max-width: 767px) {
  .moreIssues .caption {
    font-size: calc(var(--ratio) * 17px);
  }
}
.moreIssues .name {
  font-size: calc(var(--ratio) * 17px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #000;
}
@media (max-width: 767px) {
  .moreIssues .name {
    font-size: calc(var(--ratio) * 17px);
  }
}
.moreIssues .text {
  margin-top: calc(var(--ratio) * 31px);
  font-size: calc(var(--ratio) * 15px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #4f4c4b;
}
@media (max-width: 767px) {
  .moreIssues .text {
    font-size: calc(var(--ratio) * 15px);
  }
}
.moreIssues .more {
  margin-top: calc(var(--ratio) * 21px);
  display: flex;
}
.moreIssues .swiper-pagination {
  margin-top: calc(var(--ratio) * 21px);
}
.moreIssues .subtn {
  font-size: 12px;
}
.moreIssues .subtn:before {
  top: 6px;
  border-width: 2px;
}
@media (min-width: 1580px) {
  .moreIssues .swiper-slide {
    width: calc(30%);
    margin-right: calc(var(--ratio) * 30px);
  }
  .moreIssues .pic img {
    height: clamp(12.125rem, -2.125rem + 15.2vw, 16.875rem);
  }
  .moreIssues .container {
    padding-left: 100px;
    padding-right: 100px;
  }
  .moreIssues .inside > li:nth-child(1) {
    width: 422px;
    margin-right: 24px;
  }
  .moreIssues .inside > li:nth-child(2) {
    width: calc(100% - 422px - 24px);
  }
}
@media (max-width: 1220px) {
  .moreIssues .container {
    padding-left: 70px;
  }
}
@media (max-width: 1024px) {
  .moreIssues .inside > li:nth-child(1) {
    width: 100%;
    margin-right: 0px;
  }
  .moreIssues .inside > li:nth-child(2) {
    width: 100%;
    margin-top: 30px;
  }
  .moreIssues .swiper-slide:last-child {
    margin-right: 0px;
  }
  .moreIssues .screen {
    overflow: unset;
  }
  .moreIssues .container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 767px) {
  .moreIssues {
    padding: 33px 0px 43px;
  }
  .moreIssues .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .moreIssues .info {
    padding: 17px 17px 22px;
  }
  .moreIssues .text {
    margin-top: 20px;
  }
  .moreIssues .swiper-slide {
    margin-right: 13px;
  }
  .moreIssues .pic img {
    height: 160px;
  }
}
.Overview {
  padding-top: 32px;
}
.Overview .in {
  display: flex;
  flex-wrap: wrap;
}
.Overview .in > li:nth-child(1) {
  width: 33%;
  background: #1F1F1F;
  padding-top: calc(var(--ratio) * 50px);
  display: flex;
  align-items: center;
  padding-left: calc(var(--ratio) * 40px);
  padding-bottom: calc(var(--ratio) * 70px);
  padding-right: calc(var(--ratio) * 30px);
}
.Overview .in > li:nth-child(2) {
  width: 67%;
  padding-top: calc(var(--ratio) * 57px);
}
.Overview .pic {
  height: 100%;
}
.Overview .pic img {
  height: 370px;
  min-height: 100%;
  object-position: right center;
  object-fit: cover;
  width: 100%;
  display: block;
}
.Overview .text {
  color: #bebebe;
  font-size: calc(var(--ratio) * 18px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  max-width: calc(var(--ratio) * 434px);
}
@media (max-width: 767px) {
  .Overview .text {
    font-size: calc(var(--ratio) * 18px);
  }
}
.Overview .more {
  margin-top: calc(var(--ratio) * 22px);
  display: flex;
}
@media (max-width: 1024px) {
  .Overview .in > li:nth-child(2) {
    padding-top: 100px;
    width: 60%;
  }
  .Overview .in > li:nth-child(1) {
    width: 40%;
  }
  .Overview .pic img {
    height: auto;
    object-position: 82% center;
  }
  .Overview .text {
    max-width: none;
  }
}
@media (max-width: 767px) {
  .Overview .in > li:nth-child(1) {
    padding: 37px 20px 37px;
    order: 2;
    width: 100%;
  }
  .Overview .in > li:nth-child(2) {
    order: 1;
    width: 100%;
    padding: 0px;
  }
  .Overview .pic img {
    height: 96px;
    min-height: 0px;
    background-position: right center;
  }
}
.Results {
  padding: calc(var(--ratio) * 50px) 0px calc(var(--ratio) * 55px);
}
.Results .top {
  margin-bottom: calc(var(--ratio) * 44px);
}
.Results .name {
  color: #000;
  font-size: calc(var(--ratio) * 30px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
@media (max-width: 767px) {
  .Results .name {
    font-size: calc(var(--ratio) * 30px);
  }
}
@media (max-width: 767px) {
  .Results {
    padding: 27px 0px 37px;
  }
  .Results .top {
    margin-bottom: 17px;
  }
}
.ourPosts {
  background: #f8f9fa;
  padding: calc(var(--ratio) * 25px) calc(var(--ratio) * 25px) calc(var(--ratio) * 25px);
}
.ourPosts .top {
  margin-bottom: calc(var(--ratio) * 17px);
  display: flex;
}
.ourPosts .title {
  font-size: calc(var(--ratio) * 15px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: var(--pink);
  transition: all 0.35s;
}
@media (max-width: 767px) {
  .ourPosts .title {
    font-size: calc(var(--ratio) * 15px);
  }
}
.ourPosts .box {
  overflow: hidden;
}
.moreNews {
  margin-top: calc(var(--ratio) * 44px);
  background: #f8f9fa;
  padding: calc(var(--ratio) * 25px) calc(var(--ratio) * 25px) calc(var(--ratio) * 40px);
}
.moreNews .grp {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + var(--ratio) * 15px);
}
.moreNews .grp > li {
  width: calc(33.33% - var(--ratio) * 15px);
  margin-right: calc(var(--ratio) * 15px);
}
.moreNews .list > li + li {
  margin-top: calc(var(--ratio) * 19px);
}
.moreNews .item {
  display: block;
  background: #fff;
  transition: 0.4s ease-in-out;
  padding: calc(var(--ratio) * 20px) calc(var(--ratio) * 17px) calc(var(--ratio) * 20px);
}
.moreNews .title {
  font-size: calc(var(--ratio) * 24px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #000;
  margin-bottom: calc(var(--ratio) * 14px);
}
@media (max-width: 767px) {
  .moreNews .title {
    font-size: calc(var(--ratio) * 24px);
  }
}
.moreNews .titre {
  font-size: calc(var(--ratio) * 16px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #000;
}
@media (max-width: 767px) {
  .moreNews .titre {
    font-size: calc(var(--ratio) * 16px);
  }
}
.moreNews .subtitre {
  font-size: calc(var(--ratio) * 14px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #000;
  margin-top: calc(var(--ratio) * 5px);
}
@media (max-width: 767px) {
  .moreNews .subtitre {
    font-size: calc(var(--ratio) * 14px);
  }
}
@media (max-width: 1024px) {
  .moreNews .grp {
    width: 100%;
  }
  .moreNews .grp > li {
    width: 100%;
    margin-right: 0px;
  }
  .moreNews .grp > li + li {
    margin-top: 32px;
  }
}
@media (max-width: 767px) {
  .moreNews {
    padding: 25px 20px 33px;
  }
  .moreNews .title {
    margin-bottom: 10px;
  }
  .moreNews .item {
    padding: 12px 20px 12px;
  }
}
.Kits .list > li + li {
  margin-top: calc(var(--ratio) * 31px);
}
.Kits .item {
  display: block;
}
.Kits .title {
  font-size: calc(var(--ratio) * 24px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #000;
}
@media (max-width: 767px) {
  .Kits .title {
    font-size: calc(var(--ratio) * 24px);
  }
}
.Kits .more {
  display: flex;
  margin-top: calc(var(--ratio) * 13px);
}
.Kits .subtn {
  color: #000;
}
@media (max-width: 767px) {
  .Kits .more {
    margin-top: 7px;
  }
}
.ingallery {
  overflow: hidden;
  position: relative;
  padding-bottom: calc(var(--ratio) * 40px);
}
.ingallery .swiper-slide {
  width: 25%;
  height: auto;
}
.ingallery .item {
  display: block ;
  height: 100%;
  cursor: zoom-in;
  position: relative;
}
.ingallery .pic {
  position: relative;
  height: 100%;
}
.ingallery .pic img {
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.ingallery .pic:after {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0px;
  content: '+';
  bottom: 0px;
  left: 0px;
  color: #fff;
  font-weight: 700;
  font-size: calc(var(--ratio) * 27px);
  right: 0px;
  margin: auto;
  width: calc(var(--ratio) * 50px);
  opacity: 0;
  transition: all 0.35s;
  height: calc(var(--ratio) * 50px);
  background: var(--pink);
}
.ingallery .swiper-pagination {
  margin-top: calc(var(--ratio) * 20px);
}
@media (min-width: 1880px) {
  .ingallery .swiper-slide {
    width: 20%;
  }
}
@media (max-width: 1024px) {
  .ingallery .swiper-slide {
    width: 33.33%;
  }
}
@media (max-width: 767px) {
  .ingallery .swiper-slide {
    width: 50%;
    height: clamp(10.5rem, 1.592rem + 41.92vw, 21.688rem);
  }
  .ingallery .pic:after {
    width: 37px;
    height: 37px;
    font-size: 20px;
  }
}
.ourpgm {
  padding-bottom: calc(var(--ratio) * 67px);
}
.ourpgm .title {
  color: #000;
  font-size: calc(var(--ratio) * 24px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  margin-bottom: calc(var(--ratio) * 17px);
}
@media (max-width: 767px) {
  .ourpgm .title {
    font-size: calc(var(--ratio) * 24px);
  }
}
.ourpgm .wrap {
  background: #f8f8f8;
  padding: 0px 12px 12px;
}
.ourpgm .top {
  display: flex;
}
.ourpgm .subtitle {
  background: var(--pink);
  color: #fff;
  font-size: calc(var(--ratio) * 18px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  padding: 13px 52px 11px 16px;
}
@media (max-width: 767px) {
  .ourpgm .subtitle {
    font-size: calc(var(--ratio) * 18px);
  }
}
.ourpgm .more {
  background: #fff;
  padding: 22px;
}
.ourpgm .time {
  color: var(--pink);
  margin-right: 22px;
  font-size: calc(var(--ratio) * 15px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
@media (max-width: 767px) {
  .ourpgm .time {
    font-size: calc(var(--ratio) * 15px);
  }
}
.ourpgm .text {
  color: var(--black);
  font-size: calc(var(--ratio) * 15px);
  line-height: 137%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
@media (max-width: 767px) {
  .ourpgm .text {
    font-size: calc(var(--ratio) * 15px);
  }
}
@media (max-width: 767px) {
  .ourpgm .time {
    margin-right: 12px;
  }
  .ourpgm .subtitle {
    padding-top: 10px;
    padding-bottom: 8px;
  }
}
.desktop .ingallery .item:hover .pic:after {
  opacity: 1;
}
.desktop .mediashare .item:hover {
  opacity: 1;
}
.desktop .ourPosts .title:hover {
  opacity: 0.70;
}
.desktop footer .item:hover {
  background: var(--green);
  color: #fff;
}
.desktop footer .caption a:hover {
  color: var(--green);
}
.desktop footer .link:hover {
  color: var(--green);
}
.desktop header .link:hover {
  color: var(--green);
}
.desktop header .sublink:hover {
  color: var(--green);
}
.desktop header .closemenu:hover {
  opacity: 0.77;
}
.desktop .ourNewsletter .btn:hover,
.desktop .Register .btn:hover {
  background: var(--pink);
  color: #fff;
}
.desktop .FAQ .custbtm:hover {
  background: #fff;
  opacity: 0.70;
}
.desktop .Blueprint .unit:hover {
  background: var(--pink);
  border-radius: 3px;
}
.desktop .Blueprint .unit:hover .caption {
  color: #fff;
}
.desktop .Slider .swiper-pagination-bullet:hover {
  background: #fff;
}
.desktop .subMenu .item:hover {
  color: #fff;
}
.desktop .subMenu .item.categ_all:hover {
  background: var(--categ_all);
}
.desktop .subMenu .item.categ_positionpaper:hover {
  background: var(--categ_positionpaper);
}
.desktop .subMenu .item.categ_press:hover {
  background: var(--categ_press);
}
.desktop .subMenu .item.categ_brief:hover {
  background: var(--categ_brief);
}
.desktop .subMenu .item.categ_video:hover {
  background: var(--categ_video);
}
.desktop .subMenu .item.categ_oped:hover {
  background: var(--categ_oped);
}
.desktop .subMenu .item.categ_report:hover {
  background: var(--categ_report);
}
.desktop .subMenu .item.categ_focus:hover {
  background: var(--categ_focus);
}
.desktop .subMenu .item.categ_green:hover {
  background: var(--green);
}
.desktop .subMenu .item.categ_pink:hover {
  background: var(--pink);
}
.desktop .subMenu .item.categ_yellow:hover {
  background: var(--yellow);
}
.desktop .subMenu .item.categ_blue:hover {
  background: var(--blue);
}
.desktop .Board .link:hover {
  color: var(--pink);
}
.desktop .Reports .item:hover .title {
  color: var(--pink);
}
.desktop .joinUs .caption a:hover {
  opacity: 0.77;
}
.desktop .FAQ .quest:hover {
  opacity: 0.70;
}
.desktop .FAQ .tab:hover .name {
  opacity: 0.70;
}
.searchtab ::-webkit-input-placeholder {
  /* Safari, Chrome and Opera */
  opacity: 1 !important;
  color: #fff!important;
}
.searchtab :-moz-placeholder {
  /* Firefox 18- */
  opacity: 1 !important;
  color: #fff!important;
}
.searchtab ::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1 !important;
  color: #fff!important;
}
.searchtab :-ms-input-placeholder {
  /* IE 10+ */
  opacity: 1 !important;
  color: #fff!important;
}
.searchtab ::-ms-input-placeholder {
  /* Edge */
  opacity: 1 !important;
  color: #fff!important;
}
.ourNewsletter ::-webkit-input-placeholder {
  /* Safari, Chrome and Opera */
  opacity: 1 !important;
  color: #000!important;
}
.ourNewsletter :-moz-placeholder {
  /* Firefox 18- */
  opacity: 1 !important;
  color: #000!important;
}
.ourNewsletter ::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1 !important;
  color: #000!important;
}
.ourNewsletter :-ms-input-placeholder {
  /* IE 10+ */
  opacity: 1 !important;
  color: #000!important;
}
.ourNewsletter ::-ms-input-placeholder {
  /* Edge */
  opacity: 1 !important;
  color: #000!important;
}
.inputField ::-webkit-input-placeholder {
  /* Safari, Chrome and Opera */
  opacity: 1 !important;
  color: #000!important;
}
.inputField :-moz-placeholder {
  /* Firefox 18- */
  opacity: 1 !important;
  color: #000!important;
}
.inputField ::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1 !important;
  color: #000!important;
}
.inputField :-ms-input-placeholder {
  /* IE 10+ */
  opacity: 1 !important;
  color: #000!important;
}
.inputField ::-ms-input-placeholder {
  /* Edge */
  opacity: 1 !important;
  color: #000!important;
}
:root {
  --black: #1f1f1f;
  --blue: #276198;
  --pink: #9e1f63;
  --green: #149cb1;
  --yellow: #fbb040;
  --categ_all: #189eb0;
  --categ_positionpaper: #9e1f63;
  --categ_press: #fbb040;
  --categ_brief: #276198;
  --categ_video: #B02917;
  --categ_oped: #47C4B1;
  --categ_report: #B08517;
  --categ_focus: #181818;
  --ratio: 1;
}
@media (max-width: 1024px) {
  :root {
    --ratio: 0.95;
  }
}
@media (max-width: 767px) {
  :root {
    --ratio: 0.90;
  }
}
.container {
  max-width: 1140px;
  position: relative;
  margin: auto;
  width: 100%;
}
@media (max-width: 1220px) {
  .container {
    padding: 0px 70px;
  }
}
@media (max-width: 1024px) {
  .container {
    padding: 0px 40px;
  }
}
@media (max-width: 767px) {
  .container {
    padding: 0px 20px;
  }
}
.desktop .texthover span {
  background-image: linear-gradient(90deg, transparent 50%, #9e1f63 0);
  background-position: 0;
  background-size: 220%;
  transition: background-position 0.3s ease-in-out, color 0.3s ease-in-out;
}
.desktop .texthover:hover span {
  color: #fff;
  background-position: -90%;
}
.desktop .texthoverwhite span {
  background-image: linear-gradient(90deg, transparent 50%, #ffffff 0);
  background-position: 0;
  background-size: 220%;
  transition: background-position 0.3s ease-in-out, color 0.3s ease-in-out;
}
.desktop .texthoverwhite:hover span {
  color: var(--pink);
  background-position: -90%;
}
/* arabic arabic arabic arabic arabic arabic 
    arabic arabic arabic arabic arabic arabic 
    arabic arabic arabic arabic arabic arabic arabic arabic 
*/
html[lang="ar"] #wrapper {
  direction: rtl;
}
html[lang="ar"] .desktop .texthover span {
  padding-bottom: 5px;
}
html[lang="ar"] .desktop .texthover:hover span {
  background-position: 100%;
}
html[lang="ar"] .desktop .texthoverwhite:hover span {
  background-position: 100%;
}
html[lang="ar"] .ourpgm .subtitle {
  padding-left: 52px;
  padding-right: 12px;
}
html[lang="ar"] .ourpgm .time {
  margin-right: 0px;
  margin-left: 22px;
}
@media (max-width: 767px) {
  html[lang="ar"] .ourpgm .time {
    margin-left: 12px;
  }
}
html[lang="ar"] .Slider .title {
  font-weight: 700;
}
html[lang="ar"] .Slider .holder {
  right: unset;
  left: 0px;
}
html[lang="ar"] .Sitemap .sublink {
  font-weight: 500;
}
html[lang="ar"] header .logo {
  right: 0px;
  left: unset;
}
html[lang="ar"] header .options {
  left: 0px;
  right: unset;
}
html[lang="ar"] header .options > li {
  margin-right: 0px;
  margin-left: calc(var(--ratio) * 16px);
}
html[lang="ar"] header .options > li:last-child {
  margin-left: 0px;
}
html[lang="ar"] header .list {
  left: unset;
  right: calc(var(--ratio) * 190px);
}
html[lang="ar"] header .list > li {
  margin-right: 0px;
  margin-left: calc(var(--ratio) * 30px);
}
html[lang="ar"] header .link.hasmenu:before {
  left: 0px;
  right: unset;
}
html[lang="ar"] header .link.hasmenu {
  padding-right: 0px;
  padding-left: calc(var(--ratio) * 20px);
}
html[lang="ar"] header .dropdown {
  right: 0px;
  left: unset;
}
html[lang="ar"] header .searchtab .tab {
  left: 0px;
  right: unset;
  padding-left: 0px;
}
html[lang="ar"] header .searchtab.open .tab {
  padding-right: 0px;
  padding-left: calc(var(--ratio) * 55px);
}
html[lang="ar"] header .searchtab .custinput {
  padding-left: 0px;
  padding-right: calc(var(--ratio) * 16px);
}
html[lang="ar"] header .searchtab:after {
  left: 0px;
  right: unset;
}
html[lang="ar"] header .language:after {
  left: 0px;
  right: unset;
}
html[lang="ar"] header .language .custselect {
  padding-right: 0px;
  padding-left: calc(var(--ratio) * 15px);
}
html[lang="ar"] header .languagemenu .langvalue:after {
  left: 0px;
  right: unset;
}
html[lang="ar"] header .languagemenu .langvalue {
  padding-left: 17px;
  padding-right: 0px;
}
html[lang="ar"] header .dropdown.d_issues {
  width: 390px;
}
html[lang="ar"] header .dropdown.d_about {
  width: 180px;
}
html[lang="ar"] .moreIssues .inside > li:nth-child(1) {
  margin-right: 0px;
  margin-left: calc(var(--ratio) * 45px);
}
html[lang="ar"] .moreIssues .container {
  padding-right: 80px;
  padding-left: 0px;
}
html[lang="ar"] .moreIssues .swiper-slide {
  margin-left: calc(var(--ratio) * 30px);
  margin-right: unset;
}
html[lang="ar"] .moreIssues .swiper-slide:last-child {
  margin-left: 80px;
}
@media (min-width: 1580px) {
  html[lang="ar"] .moreIssues .swiper-slide {
    margin-left: calc(var(--ratio) * 30px);
    margin-right: 0px;
  }
  html[lang="ar"] .moreIssues .inside > li:nth-child(1) {
    margin-left: 24px;
    margin-right: 0px;
  }
  html[lang="ar"] .moreIssues .container {
    padding-left: 100px;
    padding-right: 100px;
  }
}
html[lang="ar"] .Articles.v2 .list > li {
  margin-left: calc(var(--ratio) * 30px);
  margin-right: unset;
}
html[lang="ar"] .subtn:before {
  right: 0px;
  left: unset;
  top: calc(var(--ratio) * 12px);
}
html[lang="ar"] .subtn {
  padding-left: 0px;
  padding-right: calc(var(--ratio) * 22px);
}
html[lang="ar"] .moreIssues .subtn:before {
  top: calc(var(--ratio) * 9px);
}
html[lang="ar"] .ourNewsletter .field {
  padding-right: 0px;
  padding-left: calc(var(--ratio) * 123px);
}
html[lang="ar"] .ourNewsletter .custinput {
  padding-left: 0px;
  padding-right: calc(var(--ratio) * 13px);
}
html[lang="ar"] .ourNewsletter .btn {
  left: 0px;
  right: unset;
  border-right: 1px solid #abb0b2;
  border-left: 0px;
}
html[lang="ar"] footer .cols > li {
  padding-left: 22px;
  padding-right: 0px;
}
html[lang="ar"] footer .subtitle + .list {
  padding-left: 0px;
  padding-right: calc(var(--ratio) * 15px);
}
html[lang="ar"] .gridsection .ingrid > li:nth-child(1) {
  margin-left: calc(var(--ratio) * 30px);
  margin-right: unset;
}
html[lang="ar"] .Blueprint .icon {
  margin-left: 12px;
  margin-right: 0px;
}
html[lang="ar"] .Blueprint .mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-left: 0px!important;
}
html[lang="ar"] .Blueprint .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  margin: 0px auto 0px 0px;
}
html[lang="ar"] .Board .grp > li:nth-child(1) {
  margin-left: 5%;
  margin-right: 0px;
}
html[lang="ar"] .Issues .text ul > li {
  padding-left: 0px;
  padding-right: calc(var(--ratio) * 11px);
}
html[lang="ar"] .Issues .text ul > li:after {
  right: 0px;
  left: unset;
  top: calc(var(--ratio) * 10px);
}
html[lang="ar"] .Reports .title {
  padding-left: 0px;
  padding-right: calc(var(--ratio) * 24px);
}
html[lang="ar"] .Reports .title:after {
  right: 0px;
  left: unset;
}
html[lang="ar"] .FAQ .name {
  padding-left: 34px;
  padding-right: 0px;
}
html[lang="ar"] .FAQ .tab:after {
  left: 0px;
  right: unset;
}
html[lang="ar"] .FAQ .mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-left: 0px!important;
}
html[lang="ar"] .FAQ .text ul li:after {
  right: 0px;
  left: unset;
  top: calc(var(--ratio) * 9px);
}
html[lang="ar"] .FAQ .text ul li {
  padding-left: 0px;
  padding-right: calc(var(--ratio) * 16px);
}
html[lang="ar"] .greentheme #wrapper:after {
  background-position: left 68%;
}
html[lang="ar"] .FAQ .options > li {
  margin-right: 0px;
  margin-left: calc(var(--ratio) * 16px);
}
html[lang="ar"] .subMenu .swiper-slide {
  margin-left: calc(var(--ratio) * 18px);
  margin-right: unset;
}
html[lang="ar"] .itemlisting .pic {
  margin-left: 12px;
  margin-right: 0px;
}
html[lang="ar"] .itemlisting .title:after {
  right: calc(var(--ratio) * -23px);
  left: unset;
  top: calc(var(--ratio) * 9px);
}
html[lang="ar"] .itemlisting .data {
  padding-left: 0px;
  padding-right: calc(var(--ratio) * 25px);
}
html[lang="ar"] .Others .pic {
  margin-left: calc(var(--ratio) * 15px);
  margin-right: unset;
}
html[lang="ar"] .custbtm i {
  transform: scaleX(-1);
  margin-right: calc(var(--ratio) * 15px);
  margin-left: unset;
  top: 1px;
}
html[lang="ar"] .custbtm {
  padding-bottom: 2px;
}
html[lang="ar"] .itemscroller .swiper-slide {
  margin-left: calc(var(--ratio) * 30px);
  margin-right: unset;
}
html[lang="ar"] .itemscroller .swiper-slide:last-child {
  margin-left: 0px;
}
html[lang="ar"] .mediashare .list {
  left: unset;
  right: -60px;
}
html[lang="ar"] .People .list > li {
  margin-left: calc(var(--ratio) * 30px);
  margin-right: unset;
}
html[lang="ar"] .Register .field {
  padding-right: 0px;
  padding-left: calc(var(--ratio) * 123px);
}
html[lang="ar"] .Register .custinput {
  padding-left: 0px;
  padding-right: calc(var(--ratio) * 15px);
}
html[lang="ar"] .Register .btn {
  left: 0px;
  right: unset;
  border-right: 1px solid #abb0b2;
  border-left: 0px;
}
html[lang="ar"] .detailArticle .text ul > li:after {
  right: 0px;
  left: unset;
}
html[lang="ar"] .detailArticle .text ul > li {
  padding-left: 0px;
  padding-right: calc(var(--ratio) * 14px);
}
html[lang="ar"] .detailArticle .text ul > li:after {
  top: calc(var(--ratio) * 9px);
}
html[lang="ar"] .detailArticle .box > li:nth-child(1) {
  border-right: 0px;
  border-left: 2px solid var(--pink);
  margin-left: 2%;
  margin-right: 0px;
  padding-left: 7px;
  padding-right: 0px;
  width: 30%;
}
html[lang="ar"] .detailArticle .box > li:nth-child(2) {
  width: calc(68%);
}
html[lang="ar"] .modal .cloze {
  left: calc(var(--ratio) * -7px);
  right: unset;
}
html[lang="ar"] .inputField .custselect option {
  font-family: "Montserrat", sans-serif;
}
html[lang="ar"] .inputField .custinput {
  padding-right: calc(var(--ratio) * 20px);
  padding-left: calc(var(--ratio) * 20px);
}
html[lang="ar"] .iti--allow-dropdown .iti__flag-container,
html[lang="ar"] .iti--separate-dial-code .iti__flag-container {
  right: 0px;
  left: unset;
}
html[lang="ar"] .iti--allow-dropdown .iti__flag-container .iti__selected-flag {
  padding-right: calc(var(--ratio) * 20px);
  direction: ltr;
}
html[lang="ar"] .iti .custinput {
  padding-right: calc(var(--ratio) * 105px) !important;
  padding-left: calc(var(--ratio) * 20px) !important;
}
html[lang="ar"] .iti__country-list {
  direction: ltr;
}
html[lang="ar"] .upldBtn .label {
  padding-right: calc(var(--ratio) * 20px);
}
html[lang="ar"] .inputField .field.arrow:after {
  left: 11px;
  right: unset;
}
html[lang="ar"] .inputField .custselect {
  padding-right: calc(var(--ratio) * 20px);
  padding-left: calc(var(--ratio) * 44px);
}
html[lang="ar"] .Kits .subtn {
  font-weight: 500;
}
@media (max-width: 1300px) {
  html[lang="ar"] .mediashare .list {
    right: -42px;
  }
}
@media (max-width: 1024px) {
  html[lang="ar"] header .list > li {
    margin-left: calc(var(--ratio) * 19px);
  }
  html[lang="ar"] header .list {
    right: calc(var(--ratio) * 155px);
  }
  html[lang="ar"] .moreIssues .inside > li:nth-child(1) {
    margin-left: 0px;
  }
  html[lang="ar"] .moreIssues .container {
    padding-left: 40px;
    padding-right: 40px;
  }
  html[lang="ar"] .moreIssues .swiper-slide:last-child {
    margin-left: 0px;
  }
  html[lang="ar"] .greentheme #wrapper:after {
    background-position: left 321px;
  }
  html[lang="ar"] .Others .pic {
    margin-left: 10px;
  }
}
@media (max-width: 814px) {
  html[lang="ar"] header .list > li {
    margin-left: calc(var(--ratio) * 14px);
  }
  html[lang="ar"] header .list {
    right: calc(var(--ratio) * 135px);
  }
  html[lang="ar"] header .logo {
    height: 44px;
  }
  html[lang="ar"] header .link.hasmenu {
    padding-right: 0px;
    padding-left: calc(var(--ratio) * 17px);
  }
}
@media (max-width: 767px) {
  html[lang="ar"] header .logo {
    height: calc(var(--ratio) * 44px);
  }
  html[lang="ar"] header .openmenu {
    left: 0px;
    right: unset;
  }
  html[lang="ar"] header .closemenu {
    left: calc(var(--ratio) * 11px);
    right: unset;
  }
  html[lang="ar"] header .list {
    right: unset;
  }
  html[lang="ar"] header .searchtab .opensearch {
    margin-right: auto;
    margin-left: 0px;
  }
  html[lang="ar"] .moreIssues .swiper-slide {
    margin-left: 13px;
  }
  html[lang="ar"] .moreIssues .swiper-slide:last-child {
    margin-left: 0px;
  }
  html[lang="ar"] .moreIssues .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  html[lang="ar"] .Blueprint .icon {
    margin-left: 10px;
  }
  html[lang="ar"] .subtn:before {
    top: 12px;
  }
  html[lang="ar"] .Board .grp > li:nth-child(1) {
    margin-left: 0px;
  }
  html[lang="ar"] .Issues .text ul > li:after {
    top: 10px;
  }
  html[lang="ar"] .FAQ .text ul li:after {
    top: 9px;
  }
  html[lang="ar"] .greentheme #wrapper:after {
    background-position: left 255px;
  }
  html[lang="ar"] .itemlisting .title:after {
    top: 9px;
  }
  html[lang="ar"] .itemscroller .swiper-slide {
    margin-left: 15px;
  }
  html[lang="ar"] .itemscroller .swiper-slide:last-child {
    margin-left: 20px;
  }
  html[lang="ar"] .mediashare .list {
    right: -20px;
  }
  html[lang="ar"] .detailArticle .text ul > li:after {
    top: 9px;
  }
  html[lang="ar"] .detailArticle .box > li:nth-child(1) {
    width: 100%;
    margin-left: 0px;
    border: 0px;
    padding-left: 0px;
  }
  html[lang="ar"] .detailArticle .box > li:nth-child(2) {
    width: 100%;
    border-left: 0px;
    border-right: 2px solid var(--pink);
  }
  html[lang="ar"] .gridsection .ingrid > li:nth-child(1) {
    margin-left: 0px;
  }
}
@media (max-device-width: 767px) {
  html[lang="ar"] .subtn:before {
    top: 10px;
  }
}