@font-face {
  font-family: 'ProximaNovaRegular';
  src: url('ProximaNova-Regular.woff2') format('woff2'), url('ProximaNova-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ProximaNovaBold';
  src: url('ProximaNova-Bold.woff2') format('woff2'), url('ProximaNova-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ProximaNovaSemibold';
  src: url('ProximaNova-Semibold.woff2') format('woff2'), url('ProximaNova-Semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'GumelaArabicreg';
  src: url('GumelaArabic-Regular.woff2') format('woff2'), url('GumelaArabic-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  --red: #EA0029;
  --black: #000;
  --darkblue: #153C6E;
  --yellow: #FDD008;
}
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: 100vh;
  min-height: 100%;
  position: relative;
  width: 100%;
}
body {
  width: 100%;
  -webkit-text-size-adjust: none;
  font-family: 'ProximaNovaRegular';
}
.notransition {
  transition: none !important;
}
@media (min-width: 768px) {
  .desktop .slideInUp,
  .desktop .fadeInUp,
  .desktop .fadeIn,
  .desktop .slideInLeft,
  .desktop .zoomin,
  .desktop .halfrotate {
    visibility: hidden;
  }
}
#wrapper {
  height: auto;
  min-height: 100%;
  position: relative;
  width: 100%;
  display: flex;
}
.inwrap {
  min-height: 100%;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-content: space-between;
}
.topwrap {
  width: 100%;
}
#content:before {
  display: block;
  content: '';
  height: 71px;
}
@media (max-width: 767px) {
  #content:before {
    height: 78px;
  }
}
.container {
  position: relative;
  margin: auto;
  padding: 0px 100px;
}
@media (max-width: 1324px) {
  .container {
    padding: 0px 30px;
  }
}
@media (max-width: 767px) {
  .container {
    padding: 0px 20px;
  }
}
.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;
}
.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;
  background: var(--red);
  height: 37px;
  text-transform: uppercase;
  text-align: center;
  transition: all 0.35s;
  position: relative;
  padding-left: 27px;
  padding-right: 27px;
  padding-top: 2px;
  color: #fff;
  font-size: 14px;
  font-family: 'ProximaNovaBold';
}
.custbtm.black {
  background: var(--black);
}
.custbtm.white {
  background: #fff;
  color: var(--black);
}
.custbtm.yellow {
  background: var(--yellow);
  color: var(--black);
}
.custbtm.loading {
  pointer-events: none;
}
.custbtm.loading:after {
  margin: auto;
  bottom: 5px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: absolute;
  left: 0px;
  right: 0px;
  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: 5px;
  pointer-events: none;
  display: block;
  content: '';
  top: 0px;
}
.desktop .custbtm:hover {
  color: #fff;
  background: var(--black);
}
.desktop .custbtm.yellow:hover {
  color: #fff;
  background: var(--red);
}
.desktop .custbtm.black:hover {
  color: #fff;
  background: var(--red);
}
.srch_open header .srchbox {
  width: 248px;
}
.srch_open header .opensearch img {
  filter: brightness(0) invert(0);
}
@media (max-width: 990px) {
  .srch_open header .srchbox {
    width: 200px;
  }
}
@media (max-width: 870px) {
  .srch_open header .srchbox {
    width: 178px;
  }
}
@media (max-width: 820px) {
  .srch_open header .srchbox {
    width: 160px;
  }
}
@media (max-width: 767px) {
  .srch_open header .srchbox {
    width: 187px;
  }
}
header {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  background: var(--black);
  z-index: 3;
  transition: all 0.35s;
}
header .wrap {
  position: relative;
  height: 71px;
}
header .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 267px;
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  top: 0px;
  height: 100%;
}
header .logo img {
  display: block;
  width: 100%;
}
header .hold {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  display: flex;
  align-items: center;
}
header .hold > li + li {
  margin-left: 23px;
}
header .more {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
header .more > li + li {
  margin-left: 23px;
}
header .more > li {
  position: relative;
}
header .more > li:nth-child(1) {
  z-index: 1;
}
header .srchbox {
  position: absolute;
  top: -16px;
  height: 49px;
  background: #fff;
  width: 0px;
  transition: all 0.35s;
  right: -9px;
  overflow: hidden;
}
header .cinput {
  display: block;
  width: calc(100% - 33px);
  height: 100%;
  padding-left: 11px;
  border: 0px;
  border-radius: 0px;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  font-size: 15px;
  color: #000;
  font-family: 'ProximaNovaRegular';
  position: relative;
}
header .openmenu {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.35s;
}
header .openmenu img {
  display: block;
  object-fit: contain;
  height: 13px;
  transition: all 0.35s;
  transition-delay: 0.33s;
}
header .location {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.35s;
}
header .location img {
  display: block;
  object-fit: contain;
  height: 20px;
}
header .opensearch {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.35s;
  position: relative;
  z-index: 1;
}
header .opensearch img {
  display: block;
  object-fit: contain;
  height: 19px;
}
header .sub {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  display: flex;
  align-items: center;
}
header .list {
  margin-left: 39px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
header .list > li + li {
  margin-left: 31px;
}
header .list.formobile {
  display: none;
}
header .link {
  text-transform: uppercase;
  color: #fff;
  transition: all 0.35s;
  font-size: 16px;
  font-family: 'GumelaArabicreg';
  position: relative;
  cursor: pointer;
}
header .link.selected:after,
header .link.selected2:after {
  display: block;
  content: '';
  position: absolute;
  left: 0px;
  width: 100%;
  border-bottom: 1px solid #ffffff;
  bottom: -2px;
}
header .box {
  display: flex;
}
header .url {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.35s;
  background: var(--red);
  color: #fff;
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 14px;
  height: 27px;
  padding-left: 10px;
  padding-right: 10px;
}
header .url img {
  display: block;
  object-fit: contain;
  height: 15px;
  margin-right: 7px;
  position: relative;
}
header .language {
  position: absolute;
  top: 0px;
  right: 142px;
  height: 100%;
  display: flex;
  align-items: center;
}
header .language:after {
  border-right: 1px solid #6D6D6D;
  height: 25px;
  margin-left: 31px;
  display: block;
  content: '';
}
header .language.openlang .lpop {
  opacity: 1;
  pointer-events: visible;
}
header .language.openlang .tab:after {
  transform: rotate(180deg);
}
header .language2 {
  display: none!important;
  height: 37px;
  right: 0px!important;
  bottom: 0px;
  margin: auto;
}
header .language2:after {
  display: none;
}
header .language2 .lbox > li:nth-child(2) {
  display: none;
}
header .language2 .tab {
  border: 1px solid #E4E4E4;
  min-width: 203px;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 4px 0px 0px 13px;
}
header .language2 .in2 {
  height: 100%;
}
header .language2 .lpop {
  top: 37px;
}
header .language2 .tab:after {
  right: 9px;
  top: 9px;
}
header .tab {
  display: flex;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  border-bottom: 1px solid #fff;
  padding-bottom: 6px;
  position: relative;
  padding-right: 49px;
}
header .tab:after {
  display: block;
  position: absolute;
  top: -1px;
  right: 0px;
  pointer-events: none;
  font-family: FontAwesome;
  content: '\f107  ';
  font-size: 16px;
  color: #fff;
}
header .country,
header .lang {
  font-size: 16px;
  color: #fff;
  transition: all 0.35s;
  line-height: 18px;
  font-family: 'GumelaArabicreg';
  display: flex;
  align-items: center;
}
header .lang:before {
  display: block;
  content: '';
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 100%;
  margin: 0px 17px;
}
header .closemenu {
  display: none;
}
header .in2 {
  position: relative;
}
header .lpop {
  background: #fff;
  opacity: 0;
  pointer-events: none;
  transition: all 0.35s;
  position: absolute;
  top: 25px;
  right: 0px;
  width: 100%;
  box-shadow: 0px 0px 10px #ccc;
}
header .lbox > li {
  display: flex;
}
header .lbox > li + li {
  border-top: 1px solid #ddd;
}
header .lunit {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.35s;
  cursor: pointer;
  width: 50%;
  height: 40px;
  text-transform: uppercase;
  font-family: 'ProximaNovaSemibold';
  font-size: 14px;
  color: #000;
  line-height: 19px;
}
header .lunit.selected {
  color: var(--red);
}
header .lunit + .lunit {
  border-left: 1px solid #ddd;
}
@media (max-width: 1550px) {
  header .logo {
    width: 244px;
  }
  header .list > li + li {
    margin-left: 17px;
  }
  header .list {
    margin-left: 25px;
  }
}
@media (max-width: 1215px) {
  header .logo {
    width: 234px;
  }
  header .list > li + li {
    margin-left: 18px;
  }
  header .list {
    margin-left: 20px;
  }
  header .link {
    font-size: 15px;
  }
  header .url {
    font-size: 13px;
  }
}
@media (max-width: 1088px) {
  header .logo {
    width: 204px;
  }
  header .language:after {
    margin-left: 22px;
  }
  header .country,
  header .lang {
    font-size: 15px;
  }
}
@media (max-width: 1070px) {
  header .logo {
    width: 214px;
  }
  header .list > li + li {
    margin-left: 12px;
  }
  header .list {
    margin-left: 15px;
  }
  header .link {
    font-size: 14px;
  }
  header .language {
    right: 130px;
  }
  header .tab {
    padding-right: 35px;
  }
}
@media (max-width: 1000px) {
  header .list > li:nth-child(4) {
    display: none;
  }
  header .lang:before {
    margin-left: 12px;
    margin-right: 12px;
  }
  header .language:after {
    margin-left: 17px;
  }
  header .hold > li + li {
    margin-left: 20px;
  }
  header .more > li + li {
    margin-left: 20px;
  }
  header .language {
    right: 120px;
  }
  header .language2 .tab {
    min-width: 180px;
  }
}
@media (max-width: 900px) {
  header .list > li:nth-child(3) {
    display: none;
  }
  header .tab {
    padding-right: 22px;
  }
  header .lang:before {
    margin-left: 8px;
    margin-right: 8px;
  }
  header .hold > li + li {
    margin-left: 17px;
  }
  header .more > li + li {
    margin-left: 17px;
  }
  header .language {
    right: 110px;
  }
  header .language:after {
    margin-left: 13px;
  }
}
@media (max-width: 767px) {
  header .wrap {
    height: 78px;
  }
  header .logo {
    width: 167px;
  }
  header .hold {
    position: static;
  }
  header .more {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
  }
  header .openmenu {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
  }
  header .more > li + li {
    margin-left: 34px;
  }
  header .outer {
    position: fixed;
    right: 0px;
    z-index: 3;
    height: 100%;
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    top: 0px;
    opacity: 0;
    pointer-events: none;
    transition: all 0.35s;
  }
  header .language {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background: #000;
    height: 145px;
    padding: 93px 20px 0px;
  }
  header .language:after {
    display: none;
  }
  header .box {
    position: absolute;
    top: 21px;
    left: 20px;
    z-index: 1;
  }
  header .url {
    padding-left: 14px;
    padding-right: 14px;
    font-size: 15px;
  }
  header .country,
  header .lang {
    font-size: 16px;
  }
  header .sub {
    position: relative;
    top: auto;
    height: auto;
    display: block;
    left: auto;
    padding: 165px 20px 20px;
  }
  header .list {
    display: block;
    margin: 0px;
  }
  header .list.fordesktop {
    display: none;
  }
  header .list.formobile {
    display: block;
  }
  header .list > li + li {
    margin-left: 0px;
  }
  header .list > li {
    display: block!important;
    border-bottom: 1px solid #ECECEC;
    padding-bottom: 18px;
    margin-bottom: 20px;
  }
  header .list > li:last-child {
    border: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
  header .link {
    font-size: 15px;
    color: #000;
    font-family: 'ProximaNovaBold';
    display: block;
    width: 100%;
  }
  header .link.withdp:after {
    display: block;
    position: absolute;
    top: -2px;
    right: 0px;
    pointer-events: none;
    font-family: FontAwesome;
    content: '\f105 ';
    font-size: 17px;
    color: #000;
  }
  header .closemenu {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 13px;
    transition: all 0.35s;
  }
  header .closemenu img {
    display: block;
    object-fit: contain;
    height: 13px;
    filter: brightness(0) invert(1);
  }
  header .lpop {
    top: 24px;
    box-shadow: 0px 0px 10px #ccc;
  }
  header .srchbox {
    right: auto;
    left: -8px;
    padding-right: 0px;
  }
  header .cinput {
    padding-left: 0px;
    padding-right: 9px;
    left: 33px;
  }
  header .language2 {
    padding: 0px;
    background: none;
    width: auto;
    height: 40px;
    left: auto;
  }
  header .language2 .tab {
    padding-left: 7px;
    min-width: 155px;
  }
  header .language2 .country {
    font-size: 15px;
  }
  header .language2 .tab:after {
    top: 11px;
  }
}
@media (max-width: 560px) {
  header .language2 .tab {
    min-width: 133px;
  }
  header .language2 .country {
    font-size: 14px;
  }
}
@media (max-width: 427px) {
  header .more > li + li {
    margin-left: 24px;
  }
}
@media (max-width: 377px) {
  header .more > li + li {
    margin-left: 16px;
  }
}
@media (max-width: 767px) {
  .openmbmenu {
    overflow: hidden;
  }
  .openmbmenu header .outer {
    opacity: 1;
    pointer-events: visible;
  }
}
.opendrop {
  overflow: hidden;
}
.opendrop header {
  background: #000000!important;
}
.sbmenu {
  z-index: 4;
  position: fixed;
  top: 71px;
  height: calc(100% - 71px);
  width: 100%;
  left: 0px;
  background: #fff;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
  pointer-events: none;
  transition: all 0.35s;
}
.sbmenu.open {
  opacity: 1;
  pointer-events: visible;
}
.sbmenu.open .sblist > li {
  animation: showin 1.3s;
  animation-fill-mode: backwards;
}
.sbmenu .sbbg {
  background-position: right bottom;
  background-repeat: no-repeat;
  min-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 22px 0px;
  background-size: cover;
}
.sbmenu .container {
  width: 100%;
}
.sbmenu .retailimg {
  background-position: right 90% !important;
}
@media (max-width: 767px) {
  .sbmenu .retailimg {
    background-position: 75% bottom!important;
  }
}
.sbmenu .aboutimg {
  background-position: right -111% !important;
}
@media (max-width: 767px) {
  .sbmenu .aboutimg {
    background-position: 75% bottom!important;
  }
}
.sbmenu .sblist > li + li {
  margin-top: 33px;
}
.sbmenu .sblist > li {
  position: relative;
  display: flex;
}
.sbmenu .sblist > li:nth-child(1) {
  animation-delay: 0.2s;
}
.sbmenu .sblist > li:nth-child(2) {
  animation-delay: 0.4s;
}
.sbmenu .sblist > li:nth-child(3) {
  animation-delay: 0.6s;
}
.sbmenu .sblist > li:nth-child(4) {
  animation-delay: 0.8s;
}
.sbmenu .sblist > li:nth-child(5) {
  animation-delay: 1s;
}
.sbmenu .sblist > li:nth-child(6) {
  animation-delay: 1.2s;
}
.sbmenu .sblist > li:nth-child(7) {
  animation-delay: 1.4s;
}
.sbmenu .sblist > li:nth-child(8) {
  animation-delay: 1.6s;
}
.sbmenu .sblist > li:nth-child(9) {
  animation-delay: 1.8s;
}
.sbmenu .sblist > li:nth-child(10) {
  animation-delay: 2s;
}
.sbmenu .sblist > li:nth-child(11) {
  animation-delay: 2.2s;
}
.sbmenu .sblist > li:nth-child(12) {
  animation-delay: 2.4s;
}
.sbmenu .sblist > li:nth-child(13) {
  animation-delay: 2.6s;
}
.sbmenu .sblist > li:nth-child(14) {
  animation-delay: 2.8s;
}
.sbmenu .sblist > li:after {
  display: block;
  content: '';
  position: absolute;
  left: 0px;
  bottom: -3px;
  pointer-events: none;
  width: 14px;
  border-bottom: 3px solid #AFAFAF;
}
.sbmenu .red .sblabel {
  color: var(--red);
}
.sbmenu .red:after {
  border-color: #F3C2C8!important;
}
.sbmenu .sblabel {
  color: var(--black);
  font-size: 35px;
  font-family: 'ProximaNovaSemibold';
  line-height: 40px;
  transition: all 0.35s;
  width: calc(100% - 62px);
}
.sbmenu .sblabel:only-child {
  width: 100%;
}
.sbmenu .sblink {
  display: flex;
  align-items: center;
}
.sbmenu .simg {
  width: 31px;
  margin-right: 31px;
  display: flex;
  align-items: center;
  position: relative;
}
.sbmenu .simg img {
  display: block;
  object-fit: contain;
  max-height: 28px;
  max-width: 30px;
}
.sbmenu .sbclose {
  transition: all 0.35s;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  cursor: pointer;
  position: absolute;
  top: 35px;
  right: 100px;
}
@media (max-width: 1324px) {
  .sbmenu .sbclose {
    right: 30px;
  }
}
@media (max-width: 767px) {
  .sbmenu .sbclose {
    right: 20px;
  }
}
.sbmenu .sbclose img {
  display: block;
  object-fit: contain;
  height: 16px;
}
.sbmenu .mobiletb {
  display: none;
}
@media (max-width: 767px) {
  .sbmenu {
    top: 0px;
    height: 100%;
  }
  .sbmenu .sblabel {
    font-size: 15px;
    line-height: 20px;
  }
  .sbmenu .sblist > li:after {
    width: 7px;
  }
  .sbmenu .sbbg {
    background-position: right bottom;
    align-items: flex-start;
  }
  .sbmenu .sbclose {
    display: none;
  }
  .sbmenu .mobiletb {
    display: block;
    position: relative;
    border-bottom: 1px solid #ECECEC;
    padding-bottom: 20px;
    margin-bottom: 45px;
  }
  .sbmenu .container {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .sbmenu .moback {
    cursor: pointer;
    font-size: 15px;
    color: #000;
    transition: all 0.35s;
    position: absolute;
    top: 0px;
    right: -8px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
  }
  .sbmenu .mobname {
    font-family: 'ProximaNovaBold';
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    color: #000;
    text-transform: uppercase;
  }
  .sbmenu .simg {
    width: 14px;
    margin-right: 12px;
    height: 16px;
  }
  .sbmenu .simg img {
    max-height: 16px;
    max-width: 15px;
  }
  .sbmenu .sblabel {
    width: calc(100% - 26px);
  }
}
@keyframes showin {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ismob {
  display: none;
}
@media (max-width: 767px) {
  .ismob {
    display: block;
  }
}
.opendpmenu {
  overflow: hidden;
}
.opendpmenu header {
  background: #000!important;
}
.opendpmenu .dpmenu {
  opacity: 1;
  pointer-events: visible;
}
.opendpmenu .dpmenu .item {
  animation: showin 1.3s;
  animation-fill-mode: backwards;
}
.dpmenu {
  position: fixed;
  top: 71px;
  height: calc(100% - 71px);
  width: 100%;
  left: 0px;
  background: #fff;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 4;
  opacity: 0;
  pointer-events: none;
  transition: all 0.35s;
}
.dpmenu .container {
  width: 100%;
  min-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dpmenu .dpinner {
  position: relative;
  margin: auto;
  max-width: 1010px;
  width: 100%;
  padding: 57px 0px 50px;
}
.dpmenu .close {
  transition: all 0.35s;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  cursor: pointer;
  z-index: 2;
  position: absolute;
  top: 35px;
  right: 100px;
}
@media (max-width: 1324px) {
  .dpmenu .close {
    right: 25px;
  }
}
@media (max-width: 767px) {
  .dpmenu .close {
    right: 20px;
  }
}
.dpmenu .close img {
  display: block;
  object-fit: contain;
  height: 16px;
}
.dpmenu .box {
  display: flex;
  flex-wrap: wrap;
}
.dpmenu .box > li {
  width: 50%;
  position: relative;
}
.dpmenu .box > li:nth-child(1) {
  display: flex;
  align-items: flex-end;
  z-index: 1;
  padding-top: 22px;
  flex-wrap: wrap;
  align-content: flex-end;
}
.dpmenu .img {
  width: 100%;
}
.dpmenu .img img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.dpmenu .menu {
  display: none;
}
.dpmenu .menu:nth-child(1) {
  display: block;
}
.dpmenu .back {
  width: 40px;
  cursor: pointer;
  transition: all 0.35s;
  height: 24px;
  display: flex;
  align-items: center;
}
.dpmenu .back img {
  display: block;
  object-fit: contain;
  height: 18px;
}
.dpmenu .subtitle {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 19px;
}
.dpmenu .label {
  width: calc(100% - 40px);
  color: #000;
  font-family: 'ProximaNovaBold';
  font-size: 35px;
  line-height: 40px;
}
.dpmenu .nv {
  position: relative;
  width: 100%;
}
.dpmenu .nv:before {
  pointer-events: none;
  display: block;
  content: '';
  position: relative;
  z-index: 3;
  left: 0px;
  border-bottom: 2px solid var(--red);
  width: 648px;
  margin-bottom: 36px;
  max-width: 77vw;
}
.dpmenu .nv > li {
  display: flex;
  position: relative;
  flex-wrap: wrap;
}
.dpmenu .nv > li:nth-child(1) .item {
  animation-delay: 0.2s;
}
.dpmenu .nv > li:nth-child(2) .item {
  animation-delay: 0.4s;
}
.dpmenu .nv > li:nth-child(3) .item {
  animation-delay: 0.6s;
}
.dpmenu .nv > li:nth-child(4) .item {
  animation-delay: 0.8s;
}
.dpmenu .nv > li:nth-child(5) .item {
  animation-delay: 1s;
}
.dpmenu .nv > li:nth-child(6) .item {
  animation-delay: 1.2s;
}
.dpmenu .nv > li:nth-child(7) .item {
  animation-delay: 1.4s;
}
.dpmenu .nv > li:nth-child(8) .item {
  animation-delay: 1.6s;
}
.dpmenu .nv > li:nth-child(9) .item {
  animation-delay: 1.8s;
}
.dpmenu .nv > li:nth-child(10) .item {
  animation-delay: 2s;
}
.dpmenu .nv > li:nth-child(11) .item {
  animation-delay: 2.2s;
}
.dpmenu .nv > li:nth-child(12) .item {
  animation-delay: 2.4s;
}
.dpmenu .nv > li:nth-child(13) .item {
  animation-delay: 2.6s;
}
.dpmenu .nv > li:nth-child(14) .item {
  animation-delay: 2.8s;
}
.dpmenu .nv > li + li {
  margin-top: 37px;
}
.dpmenu .item {
  display: flex;
  color: #000;
  transition: all 0.35s;
  cursor: pointer;
  align-items: center;
}
.dpmenu .ic2 {
  width: 30px;
  display: flex;
  align-items: center;
}
.dpmenu .ic2 img {
  display: block;
  object-fit: contain;
  max-height: 19px;
  max-width: 16px;
}
.dpmenu .sublabel {
  font-family: 'ProximaNovaBold';
  font-size: 20px;
  width: calc(100% - 30px);
}
.dpmenu .sublabel:only-child {
  width: 100%;
}
@media (max-width: 767px) {
  .dpmenu {
    top: 0px;
    height: 100%;
  }
  .dpmenu .box > li {
    width: 100%;
  }
  .dpmenu .box > li:nth-child(2) {
    margin-top: 45px;
  }
  .dpmenu .box > li:nth-child(1) {
    padding-top: 0px;
  }
  .dpmenu .item {
    font-size: 15px;
  }
  .dpmenu .container {
    align-items: flex-start;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .dpmenu .dpinner {
    margin: 0px;
    padding: 32px 0px 30px;
  }
  .dpmenu .nv:before {
    max-width: none;
    width: calc(100% + 20px);
  }
  .dpmenu .dpmenu .nv > li + li {
    margin-top: 42px;
  }
  .dpmenu .close {
    top: 6px;
  }
  .dpmenu .close img {
    height: 12px;
  }
  .dpmenu .label {
    font-size: 17px;
    line-height: 22px;
  }
  .dpmenu .back {
    width: 32px;
    height: 18px;
  }
  .dpmenu .back img {
    height: 12px;
  }
  .dpmenu .subtitle {
    margin-bottom: 12px;
  }
}
.scrollheader header {
  background: #000!important;
}
.desktop header .openmenu:hover,
.desktop header .location:hover,
.desktop header .opensearch:hover {
  opacity: 0.7;
}
.desktop header .link:hover {
  opacity: 0.7;
}
.desktop .sbmenu .sblabel:hover {
  opacity: 0.7;
}
.desktop .sbmenu .sbclose:hover,
.desktop header .closemenu:hover {
  opacity: 0.7;
}
.desktop .dpmenu .item:hover {
  opacity: 0.66;
}
.desktop .dpmenu .back:hover,
.desktop .dpmenu .close:hover {
  opacity: 0.66;
}
.desktop header .lunit:hover {
  color: var(--red);
}
.transparentheader header {
  background: none;
}
.transparentheader #content:before {
  display: none;
}
.swiper-pagination {
  position: relative;
  z-index: 1;
  display: flex;
  top: auto;
  left: auto;
  bottom: auto;
}
.swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  opacity: 1!important;
  margin: 0px 7px 14px;
  background: #899BA5;
  transition: all 0.35s;
}
.swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-bullet:hover {
  background: #fff;
}
.Slideshow {
  position: relative;
  overflow: hidden;
}
.Slideshow .scroll {
  position: absolute;
  bottom: 12px;
  width: 22px;
  z-index: 2;
  left: 0px;
  right: 0px;
  margin: auto;
  transition: all 0.35s;
  cursor: pointer;
}
.Slideshow .scroll img {
  display: block;
  object-fit: contain;
  width: 100%;
}
.Slideshow .pic {
  position: relative;
  width: 100%;
}
.Slideshow .pic img {
  display: block;
  object-fit: cover;
  height: 100vh;
  width: 100%;
  min-height: 474px;
}
.Slideshow .pic:after {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url(../images/shadow1.png) repeat-x left top;
}
.Slideshow .item {
  display: block;
  position: relative;
}
.Slideshow .holder {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  flex-wrap: wrap;
}
.Slideshow .title {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 59px;
  line-height: 64px;
  color: #fff;
}
@media (max-width: 1024px) {
  .Slideshow .title {
    font-size: calc(0.85 * 59px );
    line-height: calc(0.85 * 64px );
  }
}
@media (max-width: 767px) {
  .Slideshow .title {
    font-size: 30px;
    line-height: 35px;
  }
}
.Slideshow .swiper-pagination-lock {
  opacity: 0;
  pointer-events: none;
}
.Slideshow .text {
  font-family: 'ProximaNovaSemibold';
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
  color: #fff;
  margin-top: 0px;
}
.Slideshow .more {
  display: flex;
  justify-content: center;
  margin-top: 50px;
  width: 100%;
}
.Slideshow .title + .more {
  margin-top: 17px;
}
.Slideshow .controls {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 42px;
}
.Slideshow .info {
  padding-top: 44px;
  position: relative;
  margin: auto;
  opacity: 0;
  transform: translateY(80px);
  text-align: center;
  transition: 0.73s;
  transition-delay: 0.73s;
  max-width: 88%;
  max-width: 92%;
  justify-content: center;
}
.Slideshow .swiper-slide-active .info {
  opacity: 1;
  transform: none;
}
@media (max-width: 767px) {
  .Slideshow .info {
    width: 353px;
    height: 100%;
    align-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
  }
  .Slideshow .more {
    margin-top: 70px;
  }
  .Slideshow .controls {
    bottom: 0px;
    position: absolute;
    left: 0px;
    margin: 0px;
  }
  .Slideshow .scroll {
    display: none;
  }
  .Slideshow .swiper-slide {
    position: static;
  }
}
footer {
  background: #fff;
  width: 100%;
  padding: 100px 0px 100px;
}
footer .wrap {
  position: relative;
}
footer .logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
footer .logo img {
  display: block;
  object-fit: contain;
  width: 100%;
}
footer .cols {
  display: flex;
  flex-wrap: wrap;
}
footer .cols > li:nth-child(1) {
  width: 187px;
  margin-right: 62px;
}
footer .cols > li:nth-child(2) {
  flex: 1;
}
footer .cols > li:nth-child(3) {
  width: 29%;
  margin-left: 60px;
}
footer .box {
  position: relative;
  background: #F5F5F5;
  padding: 23px 30px 26px;
  width: 100%;
}
footer .sublabel {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  color: var(--black);
}
footer .options {
  margin-top: 11px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
footer .options > li {
  display: flex;
  margin-right: 17px;
}
footer .options .suboption {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.35s;
}
footer .options svg,
footer .options img {
  object-fit: contain;
  height: 18px;
}
footer .units > li + li {
  margin-top: 50px;
}
footer .field {
  margin-top: 17px;
  padding-right: 50px;
  position: relative;
  background: #FFFFFF;
  width: 100%;
  border: 2px solid transparent;
  height: 40px;
}
footer .field.missing {
  border-color: var(--red);
}
footer .subscBtm {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  transition: all 0.35s;
  border: 0px;
  background: none;
  border-radius: 0px;
  cursor: pointer;
  position: absolute;
  width: 44px;
  height: 100%;
  right: 0px;
  top: 0px;
  color: #000;
}
footer .subscBtm:after {
  content: '\f061 ';
  font-family: FontAwesome;
  font-size: 12px;
}
footer .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: 15px;
  font-size: 15px;
  color: #000;
  font-family: 'ProximaNovaRegular';
}
footer .more {
  display: flex;
  margin-top: 26px;
}
footer .url {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.35s;
  background: var(--red);
  color: #fff;
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  height: 27px;
  padding-left: 17px;
  padding-right: 17px;
}
footer .url img {
  display: block;
  object-fit: contain;
  height: 15px;
  margin-right: 7px;
  position: relative;
}
footer .media {
  margin-top: 76px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
footer .media > li {
  display: flex;
  margin-right: 28px;
}
footer .media > li:last-child {
  margin-right: 0px;
}
footer .itemedia {
  transition: all 0.35s;
}
footer .itemedia svg,
footer .itemedia img {
  display: block;
  object-fit: contain;
  height: 27px;
}
footer .itemlink {
  color: #000;
  transition: all 0.35s;
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 23px;
  position: relative;
  padding-right: 22px;
  width: 100%;
  display: block;
}
footer .itemlink.hasdropdown:after {
  display: block;
  font-family: FontAwesome;
  font-size: 15px;
  color: #000;
  position: absolute;
  right: 0px;
  pointer-events: none;
  top: 0px;
  height: 100%;
  display: flex;
  align-items: center;
  content: '\f107 ';
}
footer .itemlink.active.hasdropdown:after {
  transform: scaleY(-1);
}
footer .grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
footer .grid > li {
  width: calc(50% - 22px);
}
footer .menu > li {
  border-bottom: 1px solid #ECECEC;
  padding-bottom: 10px;
  margin-bottom: 13px;
}
footer .menu > li:last-child {
  border: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
footer .list {
  margin-top: 11px;
}
footer .list > li + li {
  margin-top: 9px;
}
footer .list > li {
  display: flex;
}
footer .sublink {
  color: #707070;
  transition: all 0.35s;
  font-size: 15px;
  line-height: 22px;
}
footer .subbox {
  display: none;
}
@media (max-width: 1150px) {
  footer .cols > li:nth-child(1) {
    width: 17%;
    margin-right: 33px;
  }
  footer .cols > li:nth-child(2) {
    flex: 1;
  }
  footer .cols > li:nth-child(3) {
    width: 29%;
    margin-left: 33px;
  }
  footer .grid > li {
    width: calc(50% - 16px);
  }
  footer .itemedia svg,
  footer .itemedia img {
    height: 21px;
  }
  footer .media > li {
    margin-right: 24px;
  }
}
@media (max-width: 900px) {
  footer .media > li {
    margin-right: 20px;
  }
  footer .itemedia svg,
  footer .itemedia img {
    height: 20px;
  }
  footer .box {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  footer {
    padding: 44px 0px 0px;
  }
  footer .cols > li:nth-child(2) {
    display: none;
  }
  footer .cols > li:nth-child(1) {
    width: 100%;
    margin-right: 0px;
  }
  footer .cols > li:nth-child(3) {
    width: 100%;
    margin-top: 35px;
    margin-left: 0px;
  }
  footer .logo {
    width: 100px;
  }
  footer .box {
    margin-left: -20px;
    width: calc(100% + 40px);
  }
  footer .media {
    margin-top: 24px;
  }
  footer .media > li {
    margin-right: 44px;
  }
  footer .itemedia svg,
  footer .itemedia img {
    height: 15px;
  }
  footer .more {
    margin: 0px;
    position: absolute;
    top: 0px;
    right: 0px;
  }
  footer .subscBtm:after {
    font-size: 15px;
  }
}
.ourservices {
  background: #f2f2f2;
  padding: 91px 0px 100px;
}
.ourservices .top {
  position: relative;
  margin-bottom: 35px;
}
.ourservices .controls {
  position: absolute;
  top: 17px;
  right: -8px;
  display: flex;
  align-items: center;
  z-index: 1;
}
.ourservices .prev,
.ourservices .next {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.35s;
  width: 29px;
  height: 28px;
}
.ourservices .next img {
  transform: scaleX(-1);
}
.ourservices .title {
  color: var(--black);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 45px;
  line-height: 50px;
}
@media (max-width: 767px) {
  .ourservices .title {
    font-size: 30px;
    line-height: 35px;
  }
}
.ourservices .screen {
  overflow: hidden;
}
.ourservices .container {
  width: 100%;
}
.ourservices .swiper-slide {
  height: auto;
  margin-right: 19px;
  width: auto;
  margin-right: 20px;
  width: calc(((100% - 47%) / 2) - 20px);
}
.ourservices .swiper-slide:last-child {
  margin-right: 0px;
}
.ourservices .swiper-slide:nth-child(1) {
  animation-name: slideInLeft;
  width: calc(47% - 20px);
}
.ourservices .swiper-slide:nth-child(2),
.ourservices .swiper-slide:nth-child(3) {
  animation-name: slideInRight;
}
@media (min-width: 767.1px) {
  .ourservices .swiper-slide {
    visibility: hidden;
  }
}
.ourservices .swiper-wrapper {
  width: calc(100% + 20px);
}
.ourservices .item {
  display: block;
  height: 100%;
  background: #fff;
  position: relative;
}
.ourservices .swiper-button-disabled {
  opacity: 0.34;
  pointer-events: none;
}
.ourservices .pic {
  height: clamp(14.563rem, 11.173rem + 7.062vw, 20rem);
}
.ourservices .pic img {
  display: block;
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.ourservices .info {
  padding: 23px 45px 31px 36px;
}
.ourservices .icon {
  height: 15px;
  display: flex;
  align-items: flex-end;
  margin-bottom: 14px;
}
.ourservices .icon img {
  display: block;
  object-fit: contain;
  height: 100%;
}
.ourservices .name {
  color: var(--black);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 20px;
  line-height: 25px;
}
.ourservices .text {
  color: var(--black);
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  margin-top: 5px;
  max-height: 62px;
  overflow: hidden;
}
.ourservices .options {
  display: flex;
  flex-wrap: wrap;
  margin-top: 19px;
}
.ourservices .options > li {
  margin-right: 11px;
  margin-bottom: 11px;
  display: flex;
}
@media (max-width: 1324px) {
  .ourservices .pic {
    height: clamp(6.938rem, -6.789rem + 28.597vw, 16.875rem);
  }
  .ourservices .info {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (max-width: 1024px) {
  .ourservices .pic {
    height: 167px;
  }
  .ourservices .text {
    max-height: 114px;
  }
}
@media (max-width: 767px) {
  .ourservices {
    min-height: 0px;
    padding: 42px 0px 35px;
  }
  .ourservices .swiper-slide {
    width: 392px!important;
    margin-right: 11px!important;
  }
  .ourservices .swiper-slide:last-child {
    margin-right: 20px!important;
  }
  .ourservices .swiper-wrapper {
    width: 100%;
  }
  .ourservices .pic {
    height: 167px;
  }
  .ourservices .screen {
    width: calc(100% + 20px);
  }
  .ourservices .info {
    padding: 22px 30px 22px;
  }
  .ourservices .top {
    margin-bottom: 30px;
  }
  .ourservices .controls {
    top: 2px;
  }
}
@media (max-width: 490px) {
  .ourservices .swiper-slide {
    width: 92%!important;
  }
}
.aboutus {
  padding: 91px 0px 90px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.aboutus .container {
  width: 100%;
}
.aboutus .top {
  margin-bottom: 49px;
}
.aboutus .title {
  color: var(--black);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 45px;
  line-height: 50px;
}
@media (max-width: 767px) {
  .aboutus .title {
    font-size: 30px;
    line-height: 35px;
  }
}
.aboutus .text {
  color: var(--black);
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  margin-top: -6px;
  max-width: 1143px;
}
.aboutus .grid {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 14px);
}
.aboutus .grid > li {
  width: calc(33.33% - 14px);
  margin-right: 14px;
  margin-bottom: 12px;
}
.aboutus .grid > li:nth-child(1),
.aboutus .grid > li:nth-child(2),
.aboutus .grid > li:nth-child(3) {
  animation-name: slideInDown;
}
.aboutus .grid > li:nth-child(4),
.aboutus .grid > li:nth-child(5),
.aboutus .grid > li:nth-child(6) {
  animation-name: slideInUp;
}
@media (min-width: 767.1px) {
  .aboutus .grid > li {
    visibility: hidden;
  }
}
.aboutus .grid > li:nth-child(even) .item {
  background: var(--red);
}
.aboutus .grid > li:nth-child(even) .value {
  color: #fff;
}
.aboutus .grid > li:nth-child(even) .value:after {
  border-color: #fff;
}
.aboutus .grid > li:nth-child(even) .caption {
  color: #fff;
}
.aboutus .item {
  display: flex;
  position: relative;
  background: #F1F1F1;
  transition: all 0.35s;
  min-height: clamp(6.813rem, 2.488rem + 9.01vw, 13.75rem);
  align-items: center;
  flex-wrap: wrap;
  height: 100%;
}
.aboutus .pic {
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: flex-end;
  padding: 22px 35px 22px;
  width: 100%;
}
.aboutus .pic:after {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.35);
}
.aboutus .info {
  position: relative;
  z-index: 1;
  width: 100%;
}
.aboutus .titre {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 20px;
  line-height: 25px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.aboutus .titre:after {
  display: block;
  content: '';
  background: url(../images/arrowleft.svg) no-repeat 0px 0px;
  width: 12px;
  height: 15px;
  background-size: 12px;
  transform: scaleX(-1);
  filter: brightness(0) invert(1);
}
.aboutus .data {
  padding: 11px 0px 11px 33px;
  width: 100%;
}
.aboutus .value {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 45px;
  line-height: 50px;
  color: var(--red);
  width: 100%;
}
@media (max-width: 767px) {
  .aboutus .value {
    font-size: 30px;
    line-height: 35px;
  }
}
.aboutus .value:after {
  border-bottom: 2px solid var(--red);
  display: block;
  content: '';
  width: 100%;
  margin-bottom: 11px;
  margin-top: 2px;
}
.aboutus .caption {
  color: var(--black);
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  padding-right: 6px;
}
@media (max-width: 1324px) and (min-width: 767.1px) {
  .aboutus .value {
    font-size: 37px;
    line-height: 44px;
  }
  .aboutus .titre {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 1324px) {
  .aboutus .pic {
    padding-left: 20px;
    padding-right: 20px;
  }
  .aboutus .data {
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .aboutus {
    min-height: 0px;
    padding: 63px 0px 57px;
  }
  .aboutus .grid > li {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 19px;
  }
  .aboutus .grid > li:last-child {
    margin-bottom: 0px;
  }
  .aboutus .grid {
    width: 100%;
  }
  .aboutus .item {
    min-height: clamp(9.563rem, 4.014rem + 27.74vw, 17.313rem);
  }
  .aboutus .text {
    margin-top: 0px;
  }
  .aboutus .top {
    margin-bottom: 30px;
  }
  .aboutus .pic {
    padding: 22px 23px 22px;
  }
  .aboutus .data {
    padding-left: 23px;
  }
}
.countryPage header .list > li {
  display: none;
}
.countryPage header .list > li.licontact,
.countryPage header .list > li.liabout {
  display: block;
}
.countryPage header .hold {
  display: none;
}
.countryPage header .language {
  display: none;
}
.countryPage header .language2 {
  display: block!important;
}
.countryPage .Slideshow .info {
  padding-top: 0px;
  padding-bottom: 54px;
}
@media (max-width: 767px) {
  .countryPage header .logo {
    right: unset;
  }
}
.aboutus.v2 {
  padding: 0px;
  margin-top: -77px;
}
.aboutus.v2 .grid > li {
  animation: none!important;
  visibility: visible!important;
}
@media (max-width: 767px) {
  .aboutus.v2 {
    margin-top: -114px;
  }
}
.Overview {
  overflow: hidden;
  position: relative;
  padding-bottom: 100px;
}
.Overview .container {
  width: 100%;
}
.Overview .grp {
  display: flex;
  flex-wrap: wrap;
}
.Overview .grp > li {
  width: 50%;
  animation-name: slideInRight;
}
.Overview .grp > li:nth-child(1) {
  display: flex;
  align-items: center;
  padding-right: 99px;
  animation-name: slideInLeft;
}
.Overview .grp > li:nth-child(2) {
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 767.1px) {
  .Overview .grp > li {
    visibility: hidden;
  }
}
.Overview .options {
  display: flex;
  flex-wrap: wrap;
  margin-top: 35px;
  animation-name: fadeIn;
  animation-delay: 0.55s;
}
@media (min-width: 767.1px) {
  .Overview .options {
    visibility: hidden;
  }
}
.Overview .options > li {
  margin-right: 11px;
  margin-bottom: 11px;
  display: flex;
}
.Overview .custbtm {
  min-width: 191px;
  padding-left: 17px;
  padding-right: 17px;
}
.Overview .title {
  color: var(--black);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 45px;
  line-height: 50px;
}
@media (max-width: 767px) {
  .Overview .title {
    font-size: 30px;
    line-height: 35px;
  }
}
.Overview .text {
  color: var(--black);
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  max-width: 622px;
}
.Overview .box {
  position: relative;
}
.Overview .image {
  width: 100%;
}
.Overview .image img {
  display: block;
  object-fit: cover;
  width: 100%;
}
.Overview .holder {
  position: relative;
}
.Overview .pic {
  position: relative;
  box-shadow: -67px 67px 0px #f1f1f1;
}
.Overview .pic:before {
  display: block;
  content: '';
  width: 100%;
  border-bottom: 2px solid var(--red);
  margin-bottom: 14px;
}
.Overview .pic img {
  display: block;
  object-fit: cover;
  width: 100%;
}
@media (max-width: 767px) {
  .Overview {
    min-height: 0px;
    padding: 0px 0px 0px;
  }
  .Overview .grp > li:nth-child(1) {
    padding-right: 0px;
    width: 100%;
  }
  .Overview .grp > li:nth-child(2) {
    width: 100%;
  }
  .Overview .box {
    width: 100%;
  }
  .Overview .pic {
    width: 100%;
  }
  .Overview .options {
    margin: 0px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    justify-content: space-between;
  }
  .Overview .options > li {
    width: calc(50% - 4px);
    margin: 0px;
  }
  .Overview .options .custbtm {
    width: 100%;
    padding: 0px;
    min-width: 0px;
  }
  .Overview .image {
    margin-top: 41px;
  }
  .Overview .holder {
    padding-bottom: 75px;
  }
  .Overview .text {
    margin-top: 5px;
  }
}
@media (max-width: 385px) {
  .Overview .options .custbtm {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .sub_open {
    overflow: hidden;
  }
}
.Compute {
  padding-bottom: 88px;
}
.Compute .container {
  width: 100%;
}
.Compute .wrap {
  background: #F1F1F1;
  padding: 59px 14% 63px 48px;
}
.Compute .box {
  display: flex;
  flex-wrap: wrap;
  animation-name: slideInUp;
}
.Compute .box > li:nth-child(1) {
  width: 62%;
}
.Compute .box > li:nth-child(2) {
  flex: 1;
}
@media (min-width: 767.1px) {
  .Compute .box {
    visibility: hidden;
  }
}
.Compute .title {
  color: var(--black);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 30px;
  line-height: 35px;
  max-width: 338px;
}
@media (max-width: 1024px) {
  .Compute .title {
    font-size: calc(0.85 * 30px );
    line-height: calc(0.85 * 35px );
  }
}
@media (max-width: 767px) {
  .Compute .title {
    font-size: 19px;
    line-height: 24px;
  }
}
.Compute .caption {
  color: var(--black);
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  max-width: 372px;
  margin-top: 10px;
}
.Compute .pic {
  position: relative;
}
.Compute .pic img {
  display: block;
  object-fit: cover;
  width: 100%;
  min-height: 264px;
}
.Compute .grp {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.Compute .grp > li:nth-child(1) {
  width: 61%;
  padding-right: 9%;
}
.Compute .grp > li:nth-child(2) {
  flex: 1;
}
.Compute .mobtab {
  display: none;
}
.Compute .more {
  margin-top: 62px;
  display: flex;
}
.Compute .custbtm {
  padding-left: 13px;
  padding-right: 13px;
}
.Compute .menu {
  width: 100%;
  position: relative;
}
.Compute .menu:after {
  position: absolute;
  bottom: -9px;
  left: 0px;
  width: 419px;
  border-bottom: 2px solid var(--red);
  display: block;
  content: '';
}
@media (min-width: 1620px) {
  .Compute .menu:after {
    width: 499px;
  }
}
@media (min-width: 1980px) {
  .Compute .menu:after {
    width: 599px;
  }
}
.Compute .hold {
  width: 100%;
}
.Compute .hold > li + li {
  margin-top: 8px;
}
.Compute .hold > li {
  width: 100%;
  position: relative;
}
.Compute .link {
  min-height: 50px;
  background: #fff;
  display: flex;
  align-items: center;
  padding: 11px 35px 11px 22px;
  box-shadow: 0px 0px 10px #D6D6D6;
  cursor: pointer;
  transition: all 0.35s;
  position: relative;
}
.Compute .link:before {
  right: -10px;
  width: 13px;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0px;
  display: block;
  content: '';
  z-index: 2;
  opacity: 0;
}
.Compute .link:after {
  background: url(../images/arrowbackred.svg) no-repeat right center;
  display: flex;
  height: 100%;
  align-items: center;
  content: '';
  background-size: 12px;
  position: absolute;
  top: 0px;
  width: 12px;
  right: 20px;
  pointer-events: none;
  transform: scaleX(-1);
  filter: brightness(0);
}
.Compute .link.selected:after {
  background-image: url(../images/arrowbackred.svg);
  transform: none;
  filter: unset;
}
.Compute .link.selected:before {
  opacity: 1;
}
.Compute .link.selected .label {
  color: var(--red);
}
.Compute .link.selected + .pop {
  opacity: 1;
  pointer-events: visible;
}
.Compute .icon {
  display: flex;
  align-items: center;
  height: 16px;
  margin-right: 8px;
  width: 19px;
}
.Compute .icon img {
  display: block;
  object-fit: contain;
  max-height: 15px;
  max-width: 19px;
}
.Compute .label {
  display: block;
  width: calc(100% - 27px);
  transition: all 0.35s;
  font-family: 'ProximaNovaSemibold';
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
  color: var(--black);
}
.Compute .pop {
  position: absolute;
  z-index: 1;
  top: 0px;
  right: -7px;
  width: 429px;
  transform: translateX(100%);
  opacity: 0;
  transition: all 0.35s;
  pointer-events: none;
}
.Compute .options {
  margin-top: 11px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.Compute .options > li {
  width: calc(50% - 4.5px);
}
.Compute .options .custbtm {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
.Compute .subtitle {
  font-family: 'ProximaNovaSemibold';
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
  color: var(--black);
}
.Compute .subcaption {
  font-family: 'ProximaNovaSemibold';
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
  color: #fff;
  font-family: 'ProximaNovaRegular';
}
.Compute .value {
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 35px;
  line-height: 40px;
  color: #fff;
}
.Compute .list > li + li {
  margin-top: 54px;
}
.Compute .part1 {
  background: #fff;
  overflow: hidden;
  box-shadow: 0px 0px 10px #D6D6D6;
}
.Compute .part1 .inner {
  padding-top: 18px;
}
.Compute .part2 {
  background: var(--black);
}
.Compute .inner {
  padding: 44px 30px 44px;
}
.Compute .other {
  display: flex;
  margin-top: 11px;
}
.Compute .sublink {
  color: #fff;
  transition: all 0.35s;
  font-family: 'ProximaNovaSemibold';
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
  font-family: 'ProximaNovaRegular';
  text-decoration: underline;
}
.Compute .bar {
  margin-top: 15px;
}
.Compute .slider-container .scale {
  display: none;
}
.Compute .slider-container {
  width: 100%!important;
}
.Compute .slider-container .back-bar .pointer-label {
  top: auto;
  bottom: -29px;
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: var(--red);
}
.Compute .theme-green .back-bar {
  background: #E3E3E3;
  height: 1px;
}
.Compute .theme-green .back-bar .pointer {
  width: 16px;
  height: 16px;
  border: 0px;
  top: -8px;
  background: rgba(234, 0, 41, 0.09);
}
.Compute .theme-green .back-bar .pointer:after {
  width: 6px;
  height: 6px;
  background: var(--red);
  display: block;
  content: '';
  border-radius: 100%;
  position: absolute;
  margin: auto;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.Compute .theme-green .back-bar .selected-bar {
  background: none!important;
}
@media (max-width: 1300px) {
  .Compute .wrap {
    padding-right: 8%;
    padding-left: 33px;
  }
  .Compute .grp > li:nth-child(1) {
    padding-right: 6%;
  }
  .Compute .pop {
    max-width: calc(100% + 129px);
  }
}
@media (max-width: 1200px) {
  .Compute .pop {
    max-width: calc(100% + 129px);
  }
  .Compute .link {
    padding-left: 14px;
  }
  .Compute .wrap {
    padding-left: 23px;
    padding-right: 4%;
  }
  .Compute .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .Compute {
    min-height: 0px;
    padding: 0px 0px 70px;
    margin-top: 69px;
  }
  .Compute .box > li:nth-child(1) {
    width: 100%;
  }
  .Compute .box > li:nth-child(2) {
    width: 100%;
    flex: unset;
  }
  .Compute .link:before {
    display: none;
  }
  .Compute .grp > li:nth-child(1) {
    width: 100%;
    padding-right: 0px;
  }
  .Compute .grp > li:nth-child(2) {
    width: 100%;
    margin-top: 38px;
    flex: unset;
  }
  .Compute .wrap {
    padding-left: 26px;
    padding-right: 26px;
    padding-bottom: 133px;
    padding-top: 44px;
    position: relative;
  }
  .Compute .more {
    margin: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 0px 25px 38px;
  }
  .Compute .caption {
    max-width: 324px;
  }
  .Compute .hold > li {
    position: unset;
  }
  .Compute .outer {
    position: relative;
    width: 100%;
    min-height: 100%;
    display: flex;
    align-items: flex-end;
  }
  .Compute .sub {
    width: 100%;
  }
  .Compute .pop {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 3;
    background: rgba(0, 0, 0, 0.66);
    background-size: cover;
    position: fixed;
    bottom: 0px;
    left: 0px;
    transform: none!important;
    top: auto;
    right: auto;
    width: 100%;
  }
  .Compute .part1 {
    box-shadow: none;
  }
  .Compute .inner {
    padding-top: 22px;
  }
  .Compute .part2 .inner {
    padding-bottom: 21px;
  }
  .Compute .menu:after {
    width: 100vw;
  }
  .Compute .wrap {
    overflow: hidden;
  }
  .Compute .pic img {
    min-height: 0px;
  }
  .Compute .mobtab {
    display: flex;
    width: 100%;
    align-items: center;
    min-height: 52px;
    background: #F1F1F1;
    position: relative;
    padding: 10px 20px 10px 50px;
  }
  .Compute .icon2 {
    width: 17px;
    margin-right: 9px;
  }
  .Compute .icon2 img {
    display: block;
    object-fit: contain;
    width: 17px;
    filter: brightness(0);
    max-height: 14px;
  }
  .Compute .label2 {
    font-size: 19px;
    line-height: 24px;
    font-weight: normal;
    width: calc(100% - 26px);
    font-family: 'ProximaNovaSemibold';
    color: var(--black);
  }
  .Compute .back {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.35s;
    height: 100%;
    width: 18px;
    position: absolute;
    top: 0px;
    left: 20px;
  }
  .Compute .back img {
    display: block;
    object-fit: contain;
    height: 14px;
    filter: brightness(0);
    height: 11px;
  }
}
.news {
  overflow: hidden;
  padding-bottom: 85px;
}
.news .container {
  width: 100%;
}
.news .up {
  position: relative;
  margin-bottom: 40px;
  padding-right: 193px;
}
.news .screen {
  overflow: hidden;
  padding-top: 4px;
}
.news .swiper-wrapper {
  width: calc(100% + 12px);
}
.news .swiper-slide {
  width: calc(33.33% - 12px);
  margin-right: 12px;
}
.news .swiper-slide:last-child {
  margin-right: 0px;
}
.news .image {
  width: 100%;
  transition: all 0.35s;
}
.news .image img {
  display: block;
  object-fit: cover;
  width: 100%;
}
.news .date {
  text-transform: uppercase;
  color: var(--red);
  font-family: 'ProximaNovaSemibold';
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
  font-family: 'ProximaNovaRegular';
  margin-top: 9px;
}
.news .caption {
  color: var(--black);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 20px;
  line-height: 25px;
  margin-top: 14px;
}
.news .text {
  color: var(--black);
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  margin-top: 3px;
}
.news .unit {
  display: block;
}
.news .title {
  color: var(--black);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 45px;
  line-height: 50px;
}
@media (max-width: 767px) {
  .news .title {
    font-size: 30px;
    line-height: 35px;
  }
}
.news .more {
  position: absolute;
  top: 7px;
  right: 0px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.news .custbtm {
  padding-left: 13px;
  padding-right: 13px;
}
.news .outer {
  position: relative;
  animation-name: slideInUp;
}
@media (min-width: 767.1px) {
  .news .outer {
    visibility: hidden;
  }
}
.news .swiper-pagination {
  margin-top: 37px;
}
.news .swiper-pagination-bullet {
  margin-left: 0px;
  margin-right: 15px;
  margin-bottom: 15px;
}
.news .swiper-pagination-bullet-active {
  background: #000;
}
@media (max-width: 767px) {
  .news {
    min-height: 0px;
    padding: 0px;
  }
  .news .swiper-slide {
    width: 390px;
  }
  .news .up {
    padding-right: 0px;
    position: unset;
    margin-bottom: 12px;
  }
  .news .more {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    top: auto;
  }
  .news .outer {
    padding-bottom: 54px;
  }
  .news .title {
    max-width: 333px;
  }
  .news .swiper-pagination {
    margin-top: 35px;
  }
}
@media (max-width: 500px) {
  .news .swiper-slide {
    width: 100%;
  }
  .news .swiper-wrapper {
    width: 100%;
  }
}
.meet {
  overflow: hidden;
}
.meet .bg {
  min-height: 100vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 36px 0px 36px;
}
.meet .container {
  width: 100%;
  margin: 0px;
}
.meet .sub {
  width: 100%;
}
.meet .items {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 14px);
}
.meet .items > li {
  width: calc(33.33% - 14px);
  margin-right: 14px;
  animation-name: slidefromup;
}
@media (min-width: 767.1px) {
  .meet .items > li {
    visibility: hidden;
  }
}
.meet .items > li:nth-child(2) {
  animation-name: slidefromdown;
}
.meet .unit {
  min-height: 348px;
  transition: all 0.35s;
  display: block;
  height: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.83);
  padding: 26px 30px 22px;
}
.meet .in {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 32px;
}
.meet .in:after {
  display: block;
  content: '';
  background: url(../images/arrowleft.svg) no-repeat 0px 0px;
  width: 12px;
  height: 15px;
  background-size: 12px;
  transform: scaleX(-1);
  filter: brightness(0) invert(1);
  position: absolute;
  left: 0px;
  bottom: 0px;
  pointer-events: none;
}
.meet .top {
  border-bottom: 2px solid var(--red);
  padding-bottom: 18px;
  margin-bottom: 20px;
}
.meet .image {
  height: 25px;
}
.meet .image img {
  height: 100%;
  display: block;
  object-fit: contain;
}
.meet .title {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 18px;
  line-height: 23px;
  color: #fff;
}
.meet .text {
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #777;
  margin-top: 6px;
}
@media (max-width: 1110px) {
  .meet .unit {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (max-width: 767px) {
  .meet {
    padding-top: 78px;
    min-height: 0px;
  }
  .meet .bg {
    padding: 36px 0px 36px;
  }
  .meet .items {
    width: 100%;
  }
  .meet .items > li {
    margin-right: 0px;
    width: 100%;
  }
  .meet .items > li + li {
    margin-top: 13px;
  }
  .meet .unit {
    min-height: 275px;
  }
}
.navig {
  position: fixed;
  z-index: 3;
  right: 23px;
  bottom: 40px;
}
.navig > li + li {
  margin-top: 13px;
}
.navig .unit {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.35s;
  cursor: pointer;
  width: 39px;
  height: 39px;
  background: #fff;
  box-shadow: 0px 0px 10px #ccc;
  border-radius: 100%;
}
.navig .unit.red {
  background: var(--red);
  box-shadow: none;
}
@media (max-width: 767px) {
  .navig {
    bottom: 21px;
    right: 20px;
  }
}
.wwr {
  padding: 122px 0px 50px;
  overflow: hidden;
}
.wwr .desc {
  text-align: center;
  max-width: 690px;
  position: relative;
  margin: auto;
  margin-bottom: 100px;
  animation-name: fadeIn;
}
@media (min-width: 767.1px) {
  .wwr .desc {
    visibility: hidden;
  }
}
.wwr .title {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 45px;
  line-height: 50px;
  color: var(--black);
}
@media (max-width: 767px) {
  .wwr .title {
    font-size: 30px;
    line-height: 35px;
  }
}
.wwr .text {
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: var(--black);
  margin-top: 4px;
}
.wwr .more {
  display: flex;
  justify-content: center;
  margin-top: 70px;
}
.wwr .boxs {
  max-width: 1082px;
  position: relative;
  width: calc(100% + 47px);
  display: flex;
  margin: auto;
  flex-wrap: wrap;
}
.wwr .boxs > li {
  width: calc(50% - 47px);
  margin-bottom: 76px;
  margin-right: 47px;
  animation-name: fadeInUp;
}
@media (min-width: 767.1px) {
  .wwr .boxs > li {
    visibility: hidden;
  }
}
.wwr .boxs > li:nth-child(2) {
  padding-top: 75px;
}
.wwr .out {
  padding: 27px 35px 30px;
}
.wwr .box {
  display: block;
  height: 100%;
  background: #F1F1F1;
}
.wwr .img {
  transition: all 0.35s;
}
.wwr .img img {
  display: block;
  width: 100%;
}
.wwr .date {
  font-family: 'ProximaNovaSemibold';
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
  color: var(--red);
  font-family: ProximaNovaRegular;
  text-transform: uppercase;
}
.wwr .title2 {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 20px;
  line-height: 25px;
  color: var(--black);
  margin-top: 9px;
}
.wwr .text2 {
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: var(--black);
  margin-top: 3px;
}
@media (max-width: 767px) {
  .wwr {
    padding: 53px 0px 75px;
  }
  .wwr .grid {
    width: 100%!important;
    margin-right: 0px!important;
  }
  .wwr .boxs {
    width: 100%;
  }
  .wwr .boxs > li {
    margin-bottom: 40px;
  }
  .wwr .boxs > li:nth-child(2) {
    padding-top: 0px;
  }
  .wwr .boxs > li:last-child {
    margin-bottom: 0px;
  }
  .wwr .more {
    margin-top: 33px;
  }
  .wwr .desc {
    margin-bottom: 44px;
  }
  .wwr .out {
    padding: 14px 22px 19px;
  }
}
.team .bg {
  padding: 43px 47px 43px;
  animation-name: fadeIn;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@media (min-width: 767.1px) {
  .team .bg {
    visibility: hidden;
  }
}
.team .box {
  width: 594px;
  max-width: 60%;
  background: rgba(0, 0, 0, 0.84);
  padding: 65px 24px 65px 44px;
}
.team .name {
  color: #fff;
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 37px;
  line-height: 42px;
  max-width: 395px;
}
@media (max-width: 1024px) {
  .team .name {
    font-size: calc(0.85 * 37px );
    line-height: calc(0.85 * 42px );
  }
}
@media (max-width: 767px) {
  .team .name {
    font-size: 27px;
    line-height: 32px;
  }
}
.team .extra {
  margin-top: 48px;
  display: flex;
}
.team .text {
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #fff;
  margin-top: 10px;
  max-width: 430px;
}
@media (max-width: 1100px) {
  .team .bg {
    padding: 43px 27px 43px;
  }
}
@media (max-width: 767px) {
  .team .bg {
    padding: 23px 23px 23px;
  }
  .team .box {
    width: 100%;
    max-width: none;
    padding: 45px 16px 49px 22px;
  }
  .team .extra {
    margin-top: 27px;
  }
}
.secmenu {
  text-transform: uppercase;
  border-bottom: 2px solid #F1F1F1;
  padding-bottom: 4px;
}
.secmenu .swiper-slide {
  width: auto;
  margin-right: 55px;
}
.secmenu .swiper-slide:last-child {
  margin-right: 0px;
}
.secmenu .unit {
  display: block;
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #000;
  cursor: pointer;
  transition: all 0.35s;
  position: relative;
}
.secmenu .unit:after {
  position: absolute;
  content: '';
  display: block;
  left: 0px;
  width: 100%;
  border-bottom: 2px solid var(--red);
  bottom: -5px;
  transition: all 0.35s;
  opacity: 0;
  pointer-events: none;
}
.secmenu .unit.selected {
  color: var(--red) !important;
}
.secmenu .unit.selected:after {
  opacity: 1;
}
.about {
  padding: 43px 0px 0px;
  overflow: hidden;
  position: relative;
}
.about .title {
  color: #000;
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 45px;
  line-height: 50px;
  margin-bottom: 22px;
}
@media (max-width: 767px) {
  .about .title {
    font-size: 30px;
    line-height: 35px;
  }
}
.Descp {
  padding-top: 60px;
}
.Descp .subtitle {
  color: var(--red);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 37px;
  line-height: 42px;
}
@media (max-width: 1024px) {
  .Descp .subtitle {
    font-size: calc(0.85 * 37px );
    line-height: calc(0.85 * 42px );
  }
}
@media (max-width: 767px) {
  .Descp .subtitle {
    font-size: 27px;
    line-height: 32px;
  }
}
.Descp .subtext {
  color: #000;
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  margin-top: 9px;
}
.Descp .image {
  width: 100%;
  margin-top: 33px;
  animation-name: fadeIn;
}
.Descp .image img {
  width: 100%;
  display: block;
}
@media (min-width: 767.1px) {
  .Descp .image {
    visibility: hidden;
  }
}
.Descp .top {
  animation-name: fadeIn;
}
@media (min-width: 767.1px) {
  .Descp .top {
    visibility: hidden;
  }
}
.Descp .box {
  margin-top: 112px;
}
.Descp .unitbox + .unitbox {
  margin-top: 56px;
}
.Descp .unitbox {
  animation-name: fadeIn;
}
.Descp .unitbox:nth-child(even) .unit {
  flex-direction: row-reverse;
}
.Descp .unitbox:nth-child(even) .info {
  padding-left: 107px;
  padding-right: 0px;
}
.Descp .unitbox:nth-child(even) .caption:after {
  transform: translateX(-100%);
}
@media (min-width: 767.1px) {
  .Descp .unitbox {
    visibility: hidden;
  }
}
.Descp .unit {
  display: flex;
  flex-wrap: wrap;
}
.Descp .info {
  width: 50%;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  padding-right: 32px;
}
.Descp .img {
  width: 50%;
  position: relative;
  z-index: 1;
}
.Descp .img img {
  width: 100%;
  display: block;
}
.Descp .caption {
  color: var(--black);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 37px;
  line-height: 42px;
  max-width: 570px;
  position: relative;
  padding-bottom: 25px;
}
@media (max-width: 1024px) {
  .Descp .caption {
    font-size: calc(0.85 * 37px );
    line-height: calc(0.85 * 42px );
  }
}
@media (max-width: 767px) {
  .Descp .caption {
    font-size: 27px;
    line-height: 32px;
  }
}
.Descp .caption:after {
  display: block;
  content: '';
  border-bottom: 2px solid var(--red);
  position: absolute;
  left: 50%;
  width: 50vw;
  bottom: 0px;
}
.Descp .subcaption {
  color: var(--black);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  max-width: 505px;
  margin-top: 17px;
}
@media (max-width: 1200px) {
  .Descp .unitbox:nth-child(even) .info {
    padding-left: 44px;
  }
}
@media (max-width: 767px) {
  .Descp .info {
    width: 100%;
    margin-right: 0px;
    padding-left: 0px!important;
    padding-right: 0px!important;
  }
  .Descp .box {
    margin-top: 77px;
  }
  .Descp .img {
    margin-top: 33px;
    width: 100%;
  }
  .Descp .out {
    width: 100%;
  }
  .Descp .caption {
    width: 100%;
    max-width: none;
    padding-bottom: 18px;
  }
  .Descp .caption:after {
    left: auto;
    width: calc(100% + 20px);
    transform: none!important;
  }
  .Descp .unitbox:nth-child(even) .caption:after {
    left: -20px;
  }
  .Descp .unitbox:nth-child(odd) .caption:after {
    right: -20px;
  }
  .Descp .unitbox + .unitbox {
    margin-top: 66px;
  }
}
.balance {
  padding-top: 144px;
}
.balance .bg {
  margin-top: -200px;
}
.balance .bg img {
  display: block;
  width: 100%;
  object-position: center top;
  object-fit: cover;
}
.balance .container {
  animation-name: fadeIn;
}
@media (min-width: 767.1px) {
  .balance .container {
    visibility: hidden;
  }
}
.balance .hold {
  display: flex;
  flex-wrap: wrap;
}
.balance .hold > li:nth-child(1) {
  width: 453px;
  margin-right: 57px;
}
.balance .hold > li:nth-child(2) {
  flex: 1;
  border-bottom: 2px solid var(--red);
  padding-bottom: 15px;
}
.balance .subtitle {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 37px;
  line-height: 42px;
  color: #000;
}
@media (max-width: 1024px) {
  .balance .subtitle {
    font-size: calc(0.85 * 37px );
    line-height: calc(0.85 * 42px );
  }
}
@media (max-width: 767px) {
  .balance .subtitle {
    font-size: 27px;
    line-height: 32px;
  }
}
.balance .img {
  margin-top: 28px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.balance .img img {
  display: block;
  object-fit: contain;
  max-width: 80px;
}
.balance .text {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #000;
}
@media (max-width: 1111px) {
  .balance .hold > li:nth-child(1) {
    width: 40%;
    margin-right: 33px;
  }
}
@media (max-width: 767px) {
  .balance {
    padding-top: 100px;
  }
  .balance .hold > li:nth-child(1) {
    width: 100%;
    margin-right: 0px;
  }
  .balance .hold > li:nth-child(2) {
    margin-top: 52px;
    width: 100%;
    flex: none;
  }
  .balance .img {
    margin-top: 11px;
    justify-content: flex-start;
  }
  .balance .img img {
    max-width: 50px;
  }
  .balance .bg {
    margin-top: -149px;
  }
  .balance .bg img {
    min-height: 250px;
  }
  .balance .subtitle {
    font-size: 25px;
    line-height: 30px;
  }
  .balance .text {
    padding-right: 22px;
  }
}
.chairman {
  padding-top: 44px;
}
.chairman .img {
  margin-bottom: 52px;
}
.chairman .img img {
  max-width: 171px;
  display: block;
}
.chairman .top {
  margin-bottom: 36px;
  border-bottom: 2px solid var(--red);
  padding-bottom: 18px;
  padding-right: 40%;
  animation-name: fadeIn;
}
@media (min-width: 767.1px) {
  .chairman .top {
    visibility: hidden;
  }
}
.chairman .title1 {
  color: var(--red);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 37px;
  line-height: 42px;
}
@media (max-width: 1024px) {
  .chairman .title1 {
    font-size: calc(0.85 * 37px );
    line-height: calc(0.85 * 42px );
  }
}
@media (max-width: 767px) {
  .chairman .title1 {
    font-size: 27px;
    line-height: 32px;
  }
}
.chairman .title2 {
  color: var(--black);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 37px;
  line-height: 42px;
}
@media (max-width: 1024px) {
  .chairman .title2 {
    font-size: calc(0.85 * 37px );
    line-height: calc(0.85 * 42px );
  }
}
@media (max-width: 767px) {
  .chairman .title2 {
    font-size: 27px;
    line-height: 32px;
  }
}
.chairman .text {
  color: var(--black);
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  animation-name: fadeIn;
}
@media (min-width: 767.1px) {
  .chairman .text {
    visibility: hidden;
  }
}
.chairman .end {
  color: var(--black);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  margin-top: 53px;
}
.chairman .inner {
  position: relative;
}
.chairman .img2 {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 37%;
  animation-name: fadeIn;
}
.chairman .img2 img {
  display: block;
}
@media (min-width: 767.1px) {
  .chairman .img2 {
    visibility: hidden;
  }
}
@media (max-width: 1200px) {
  .chairman .title1,
  .chairman .title2 {
    max-width: 800px;
  }
}
@media (max-width: 767px) {
  .chairman {
    padding-top: 37px;
  }
  .chairman .img2 {
    margin-top: 27px;
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
  }
  .chairman .img2 img {
    display: block;
    width: 100%;
  }
  .chairman .img {
    margin-bottom: 22px;
  }
  .chairman .img img {
    max-width: 66px;
  }
  .chairman .title1,
  .chairman .title2 {
    max-width: none;
  }
  .chairman .top {
    padding-right: 0px;
    padding-bottom: 9px;
    margin-bottom: 16px;
  }
  .chairman .end {
    margin-top: 27px;
  }
}
.vision {
  padding-top: 44px;
  overflow: hidden;
}
.vision .box {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 17px);
}
.vision .box > li {
  width: calc(33.33% - 17px);
  margin-bottom: 17px;
  margin-right: 17px;
  animation-name: fadeInUp;
}
.vision .box > li:nth-child(even) {
  animation-name: fadeInDown;
}
@media (min-width: 767.1px) {
  .vision .box > li {
    visibility: hidden;
  }
}
.vision .unit {
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
  padding: 60px 60px 25px;
}
.vision .unit:after {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.74);
}
@media (min-width: 1500px) {
  .vision .unit {
    min-height: clamp(28.125rem, 18.289rem + 15.369vw, 37.5rem);
  }
}
.vision .hold {
  z-index: 1;
  position: relative;
}
.vision .subtitle {
  color: #ABABAB;
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  margin-top: 7px;
}
.vision .caption {
  color: #fff;
  margin-top: 3px;
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 17px;
  line-height: 22px;
}
.vision .subtitle1 {
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 2px solid var(--red);
  padding-bottom: 11px;
  margin-bottom: 129px;
}
.vision .subtitle1 h1 {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 37px;
  line-height: 42px;
}
@media (max-width: 1024px) {
  .vision .subtitle1 h1 {
    font-size: calc(0.85 * 37px );
    line-height: calc(0.85 * 42px );
  }
}
@media (max-width: 767px) {
  .vision .subtitle1 h1 {
    font-size: 27px;
    line-height: 32px;
  }
}
.vision .subimage {
  margin-right: 11px;
  object-fit: contain;
  max-width: 26px;
  min-height: 18px;
}
@media (max-width: 1300px) {
  .vision .unit {
    padding: 60px 22px 25px;
  }
}
@media (max-width: 1024px) {
  .vision .box {
    width: 100%;
  }
  .vision .box > li {
    width: 100%;
    margin-right: 0px;
  }
  .vision .subtitle1 {
    margin-bottom: 70px;
  }
  .vision .unit {
    min-height: clamp(23.125rem, 18.011rem + 25.568vw, 34.375rem);
  }
}
@media (max-width: 767px) {
  .vision {
    padding-top: 37px;
  }
  .vision .subtitle1 {
    margin-bottom: 30px;
    padding-bottom: 19px;
  }
  .vision .unit {
    padding: 26px 29px 62px 35px;
    height: auto;
  }
  .vision .box > li {
    margin-bottom: 19px;
  }
  .vision .subimage {
    margin-right: 15px;
  }
}
.stratgy {
  overflow: hidden;
  position: relative;
}
.stratgy .box {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 21px);
}
.stratgy .box > li {
  width: calc(25% - 21px);
  margin-bottom: 21px;
  margin-right: 21px;
  animation-name: fadeIn;
}
@media (min-width: 767.1px) {
  .stratgy .box > li {
    visibility: hidden;
  }
}
.stratgy .box > li:nth-child(even) .item {
  background: #000000;
}
.stratgy .box > li:nth-child(even) .subtitle {
  color: #fff;
}
.stratgy .box > li:nth-child(even) .text {
  color: #fff;
}
.stratgy .box > li:nth-child(odd) .text:after {
  display: none;
}
.stratgy .outer {
  width: 100%;
}
.stratgy .item {
  display: block;
  height: 100%;
  width: 100%;
  background: #F2F2F2;
  padding: 30px 28px 30px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.stratgy .subtitle {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 20px;
  line-height: 25px;
  color: var(--red);
}
.stratgy .text {
  color: #000;
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  margin-top: 9px;
  position: relative;
}
.stratgy .text:after {
  display: block;
  content: '';
  position: relative;
  border-bottom: 2px solid #fff;
  width: calc(100% + 28px);
  margin-top: 10px;
}
@media (max-width: 1300px) {
  .stratgy .item {
    padding: 30px 20px 30px;
    min-height: 138px;
  }
}
@media (max-width: 1024px) {
  .stratgy .box {
    width: 100%;
  }
  .stratgy .box > li {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 16px;
  }
  .stratgy .box > li:last-child {
    margin-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .stratgy .item {
    padding: 30px 28px 30px;
  }
}
.aboutus.v3 {
  padding-top: 82px;
  padding-bottom: 44px;
}
.aboutus.v3 .top {
  margin-bottom: 11px;
}
.aboutus.v3 .subtitle {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 37px;
  line-height: 42px;
  color: var(--black);
}
@media (max-width: 1024px) {
  .aboutus.v3 .subtitle {
    font-size: calc(0.85 * 37px );
    line-height: calc(0.85 * 42px );
  }
}
@media (max-width: 767px) {
  .aboutus.v3 .subtitle {
    font-size: 27px;
    line-height: 32px;
  }
}
.aboutus.v3 .black .value,
.aboutus.v3 .black .caption {
  color: var(--black) !important;
}
.aboutus.v3 .black .value:after {
  border-color: var(--black) !important;
}
.aboutus.v3 .black .item {
  background: #f1f1f1!important;
}
.aboutus.v3 .black:nth-child(3n-1) .item {
  background: var(--black) !important;
}
.aboutus.v3 .black:nth-child(3n-1) .item .value,
.aboutus.v3 .black:nth-child(3n-1) .item .caption {
  color: #fff!important;
}
.aboutus.v3 .black:nth-child(3n-1) .item .value:after {
  border-color: #fff!important;
}
@media (max-width: 767px) {
  .aboutus.v3 {
    padding-top: 44px;
    padding-bottom: 34px;
  }
}
.frame {
  padding-top: 52px;
}
.frame .box {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 323px 57px 33px;
  animation-name: fadeIn;
}
@media (min-width: 767.1px) {
  .frame .box {
    visibility: hidden;
  }
}
.frame .box:after {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
}
.frame .other {
  border-top: 2px solid var(--red);
  padding-top: 25px;
  position: relative;
  z-index: 1;
}
.frame .subtitle {
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 35px;
  line-height: 40px;
  color: #fff;
  font-family: ProximaNovaBold;
}
.frame .text {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #fff;
  margin-top: 19px;
  max-width: 1297px;
}
.frame .subitems {
  padding-top: 90px;
}
.frame .subitems > li {
  animation-name: fadeIn;
}
@media (min-width: 767.1px) {
  .frame .subitems > li {
    visibility: hidden;
  }
}
.frame .subitems > li:nth-child(even) .ui {
  flex-direction: row-reverse;
}
.frame .subitems > li + li {
  margin-top: 75px;
}
.frame .ui {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.frame .image {
  width: calc(50% - 33px);
}
.frame .image img {
  width: 100%;
  display: flex;
}
.frame .more {
  width: calc(50% - 33px);
  display: flex;
  align-items: center;
}
.frame .in {
  width: 100%;
}
.frame .subname {
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 35px;
  line-height: 40px;
  color: var(--red);
  font-family: ProximaNovaBold;
}
.frame .desc {
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: var(--black);
  margin-top: 10px;
}
@media (max-width: 1200px) {
  .frame .image {
    width: calc(50% - 16px);
  }
  .frame .more {
    width: calc(50% - 16px);
  }
}
@media (max-width: 767px) {
  .frame {
    padding-top: 24px;
    padding-bottom: 11px;
  }
  .frame .image {
    width: 100%;
  }
  .frame .more {
    width: 100%;
    margin-top: 29px;
  }
  .frame .subitems > li + li {
    margin-top: 66px;
  }
  .frame .subname {
    font-size: 25px;
    line-height: 30px;
  }
  .frame .box {
    padding: 41px 30px 30px;
  }
  .frame .subtitle {
    font-size: 25px;
    line-height: 30px;
  }
  .frame .text {
    margin-top: 14px;
  }
  .frame .other {
    padding-top: 33px;
  }
  .frame .subitems {
    padding-top: 43px;
  }
}
.shareholders {
  padding-top: 60px;
  overflow: hidden;
  position: relative;
  padding-bottom: 100px;
}
.shareholders .box {
  padding-right: 200px;
  margin-top: 76px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.shareholders .box > li {
  width: calc(50% - 120px);
  margin-bottom: 22px;
  border-bottom: 2px solid #E0E0E0;
  padding-bottom: 11px;
  animation-name: fadeIn;
}
@media (min-width: 767.1px) {
  .shareholders .box > li {
    visibility: hidden;
  }
}
.shareholders .titre {
  color: var(--red);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 37px;
  line-height: 42px;
}
@media (max-width: 1024px) {
  .shareholders .titre {
    font-size: calc(0.85 * 37px );
    line-height: calc(0.85 * 42px );
  }
}
@media (max-width: 767px) {
  .shareholders .titre {
    font-size: 27px;
    line-height: 32px;
  }
}
.shareholders .subtitre {
  color: var(--black);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  margin-top: 3px;
}
.shareholders .caption {
  color: var(--black);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 18px;
  line-height: 23px;
}
.shareholders .text {
  color: var(--black);
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
}
.shareholders .subtext {
  color: var(--red);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 18px;
  line-height: 23px;
}
.shareholders .unit {
  display: block;
}
.shareholders .note {
  margin-top: -11px;
  color: var(--red);
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  font-style: italic;
}
@media (max-width: 1222px) {
  .shareholders .box > li {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .shareholders {
    padding-bottom: 177px;
  }
  .shareholders .box {
    margin-top: 40px;
    padding-right: 0px;
  }
  .shareholders .box > li {
    margin-bottom: 17px;
    padding-bottom: 17px;
  }
  .shareholders .titre {
    max-width: 313px;
  }
}
.bottomimg {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 500px;
}
.bottomimg img {
  display: block;
  width: 100%;
}
@media (max-width: 767px) {
  .bottomimg {
    width: 160px;
  }
}
.board {
  padding-top: 52px;
  position: relative;
  overflow: hidden;
}
.board .top {
  max-width: 975px;
  margin-bottom: 55px;
}
.board .caption {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 35px;
  line-height: 40px;
  color: var(--red);
}
@media (max-width: 767px) {
  .board .caption {
    font-size: 25px;
    line-height: 30px;
  }
}
.board .text {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: var(--black);
  margin-top: 5px;
}
.board .items {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 55px);
}
.board .items > li {
  width: calc(33.33% - 55px);
  margin-right: 55px;
  margin-bottom: 48px;
  animation-name: fadeInUp;
}
@media (min-width: 767.1px) {
  .board .items > li {
    visibility: hidden;
  }
}
.board .link {
  cursor: pointer;
  transition: all 0.35s;
  display: block;
  height: 100%;
  position: relative;
}
.board .link:before {
  position: absolute;
  left: 14px;
  top: 0px;
  height: 100%;
  border-right: 2px solid var(--red);
  pointer-events: none;
  content: '';
  display: block;
}
.board .img {
  position: relative;
  width: 100%;
}
.board .img img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.board .hold {
  position: relative;
  padding-top: 21px;
  padding-left: 40px;
}
.board .extra {
  margin-top: 28px;
  display: flex;
}
.board .titre {
  color: var(--black);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 20px;
  line-height: 25px;
}
.board .subtitre {
  color: var(--red);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 18px;
  line-height: 23px;
  margin-top: 3px;
}
.board .custbtm {
  padding-left: 50px;
  padding-right: 50px;
}
@media (max-width: 1067px) {
  .board .items > li {
    width: calc(50% - 55px);
  }
}
@media (max-width: 767px) {
  .board {
    padding-top: 42px;
    padding-bottom: 20px;
  }
  .board .top {
    margin-bottom: 22px;
  }
  .board .items {
    width: 100%;
  }
  .board .items > li {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 33px;
  }
  .board .items > li:last-child {
    margin-bottom: 0px;
  }
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #000!important;
  width: 3px;
  opacity: 1!important;
  border-radius: 0px;
}
.mCSB_scrollTools .mCSB_draggerRail {
  background: #EFEFEF!important;
  width: 3px;
}
.swiper-scrollbar {
  width: 100%;
  background: #F1F1F1;
  height: 2px;
  z-index: 1;
}
.swiper-scrollbar-drag {
  background: #000000;
  border-radius: 0px;
}
.modal {
  background: rgba(0, 0, 0, 0.74);
  padding: 0px!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;
}
.modal .cloze {
  height: 22px;
  width: 30px;
  display: flex;
  align-items: flex-end;
  font-size: 20px;
  color: #000;
  z-index: 1;
  transition: all 0.35s;
  justify-content: flex-end;
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}
.modal .cloze:after {
  font-family: 'Material-Design-Iconic-Font';
  content: '\f136';
}
.desktop.windows.containVscroll.modal-open {
  padding-right: 17px!important;
}
.desktop.windows.containVscroll.modal-open header {
  width: calc(100% - 17px);
}
@media (max-device-width: 1117px) {
  .modal-open {
    position: fixed;
  }
}
.boardpop {
  padding: 50px 0px!important;
  flex-wrap: wrap;
}
.boardpop .modal-dialog {
  max-width: 1154px;
  width: calc(100% - 40px);
  margin: 0px auto !important;
}
.boardpop .wrap {
  padding: 0px;
  background: #fff;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.boardpop .img {
  width: 40%;
  position: relative;
  z-index: 1;
}
.boardpop .img img {
  width: 100%;
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  max-height: 88vh;
}
.boardpop .hold {
  display: flex;
  align-content: center;
  width: 60%;
  padding-left: 72px;
  padding-right: 43px;
}
.boardpop .box {
  padding: 60px 0px 33px;
}
.boardpop .name {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 29px;
  line-height: 34px;
  color: var(--black);
}
@media (max-width: 767px) {
  .boardpop .name {
    font-size: 25px;
    line-height: 30px;
  }
}
.boardpop .subname {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 24px;
  line-height: 29px;
  color: var(--red);
}
@media (max-width: 767px) {
  .boardpop .subname {
    font-size: 20px;
    line-height: 25px;
  }
}
.boardpop .line {
  border-bottom: 2px solid var(--red);
  margin-top: 25px;
  margin-bottom: 27px;
  position: relative;
  width: 146px;
  left: -73px;
}
.boardpop .mCustomScrollbar {
  overflow: hidden;
  max-height: 284px;
}
.boardpop .text {
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: var(--black);
}
@media (max-width: 1117px) {
  .boardpop .hold {
    padding-left: 37px;
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .boardpop {
    padding: 0px!important;
  }
  .boardpop .wrap {
    padding: 59px 25px 34px;
  }
  .boardpop .box {
    padding: 40px 0px 0px;
  }
  .boardpop .modal-content {
    min-height: 100%;
    margin: auto!important;
    background: #fff;
  }
  .boardpop .modal-dialog {
    width: 100%;
    pointer-events: visible;
    background: none;
    min-height: 100%!important;
    height: 100%;
  }
  .boardpop .hold {
    width: 100%;
    margin-left: 0px;
    padding: 0px;
  }
  .boardpop .img {
    width: 100%;
  }
  .boardpop .line {
    margin-top: 15px;
    margin-bottom: 17px;
  }
  .boardpop .mCustomScrollbar {
    max-height: none!important;
    overflow: visible!important;
  }
  .boardpop .mCustomScrollBox {
    height: auto!important;
    overflow: visible!important;
    max-height: none!important;
  }
  .boardpop .mCSB_inside > .mCSB_container {
    margin: 0px!important;
    overflow: visible!important;
    top: unset!important;
    left: unset!important;
  }
}
.applypop {
  padding: 50px 0px!important;
}
.applypop .modal-dialog {
  max-width: 998px;
  width: calc(100% - 40px);
  margin: 0px auto !important;
}
.applypop .wrap {
  background: #fff;
  position: relative;
  overflow: hidden;
  padding-left: 65px;
  padding-right: 85px;
  padding-top: 70px;
  padding-bottom: 45px;
}
.applypop .head {
  display: flex;
}
.applypop .subtitle {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 17px;
  line-height: 22px;
  color: var(--red);
  position: relative;
  padding-left: 27px;
}
.applypop .subtitle img {
  display: block;
  object-fit: contain;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 17px;
}
.applypop .title {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 36px;
  line-height: 41px;
  color: var(--black);
}
@media (max-width: 767px) {
  .applypop .title {
    font-size: 25px;
    line-height: 30px;
  }
}
.applypop .title:after {
  left: -100px;
  border-bottom: 2px solid var(--red);
  margin: 7px 0px 50px;
  display: block;
  content: '';
  position: relative;
  width: 100%;
  width: calc(100% + 100px);
}
.applypop .list {
  margin-top: 22px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.applypop .list > li {
  width: calc(50% - 30px);
  margin-bottom: 33px;
}
.applypop .more {
  padding-top: 33px;
  display: flex;
}
@media (max-width: 767px) {
  .applypop {
    padding: 0px!important;
  }
  .applypop .wrap {
    padding: 59px 25px 34px;
  }
  .applypop .modal-content {
    min-height: 100%;
    margin: auto!important;
    background: #fff;
  }
  .applypop .modal-dialog {
    width: 100%;
    pointer-events: visible;
    background: none;
    min-height: 100%!important;
    height: 100%;
  }
  .applypop .list > li {
    width: 100%;
    margin-bottom: 23px;
  }
  .applypop .more {
    padding-top: 20px;
  }
}
.cardapply {
  padding: 50px 0px!important;
}
.cardapply .modal-dialog {
  max-width: 998px;
  width: calc(100% - 40px);
  margin: 0px auto !important;
}
.cardapply .wrap {
  background: #fff;
  position: relative;
  overflow: hidden;
  padding-left: 65px;
  padding-right: 85px;
  padding-top: 20px;
  padding-bottom: 45px;
}
.cardapply .head {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
}
.cardapply .title {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 36px;
  line-height: 41px;
  color: var(--black);
  width: 446px;
}
@media (max-width: 767px) {
  .cardapply .title {
    font-size: 25px;
    line-height: 30px;
  }
}
.cardapply .icon {
  padding-left: 33px;
  position: relative;
  flex: 1;
}
.cardapply .icon:after {
  left: 0px;
  position: absolute;
  width: 900px;
  border-bottom: 2px solid var(--yellow);
  display: block;
  content: '';
  top: 0px;
  bottom: 0px;
  margin: auto;
  height: 1px;
}
.cardapply .icon img {
  display: block;
  object-fit: contain;
  max-height: 130px;
  position: relative;
  z-index: 1;
}
.cardapply .list {
  margin-top: 22px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.cardapply .list > li {
  width: calc(50% - 30px);
  margin-bottom: 33px;
}
.cardapply .more {
  padding-top: 10px;
  display: flex;
}
.cardapply .subtitle {
  margin-top: 12px;
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 17px;
  line-height: 22px;
  color: var(--red);
  position: relative;
  padding-left: 27px;
}
.cardapply .subtitle img {
  display: block;
  object-fit: contain;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 17px;
}
@media (max-width: 767px) {
  .cardapply {
    padding: 0px!important;
  }
  .cardapply .wrap {
    padding: 13px 25px 34px;
  }
  .cardapply .modal-content {
    min-height: 100%;
    margin: auto!important;
    background: #fff;
  }
  .cardapply .modal-dialog {
    width: 100%;
    pointer-events: visible;
    background: none;
    min-height: 100%!important;
    height: 100%;
  }
  .cardapply .list > li {
    width: 100%;
    margin-bottom: 23px;
  }
  .cardapply .more {
    padding-top: 20px;
  }
  .cardapply .icon {
    width: 100%;
    flex: unset;
    padding-left: 0px;
    order: 1;
  }
  .cardapply .icon img {
    height: 87px;
  }
  .cardapply .title {
    width: 100%;
    order: 2;
  }
  .cardapply .subtitle {
    margin-top: 32px;
  }
}
.createloan {
  padding: 50px 0px!important;
}
.createloan .modal-dialog {
  max-width: 1183px;
  width: calc(100% - 40px);
  margin: 0px auto !important;
}
.createloan .wrap {
  background: #fff;
  position: relative;
  overflow: hidden;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 55px;
  padding-bottom: 0px;
}
.createloan .head {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
}
.createloan .end {
  background: #000;
  padding: 20px 58px 22px;
  width: 100%;
}
.createloan .grp {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.createloan .grp > li:nth-child(1) {
  width: 67%;
}
.createloan .grp > li:nth-child(2) {
  width: 30%;
  display: flex;
  justify-content: flex-end;
}
.createloan .head {
  padding-left: 35px;
  margin-bottom: 44px;
  position: relative;
}
.createloan .icon {
  position: absolute;
  top: 7px;
  left: 0px;
  display: flex;
  align-items: center;
  height: 25px;
}
.createloan .icon img {
  display: block;
  object-fit: contain;
  height: 22px;
  max-width: 22px;
}
.createloan .title {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 35px;
  line-height: 40px;
  color: var(--red);
}
@media (max-width: 767px) {
  .createloan .title {
    font-size: 25px;
    line-height: 30px;
  }
}
.createloan .title1 {
  font-family: 'ProximaNovaSemibold';
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
  color: #fff;
  font-family: ProximaNovaRegular;
}
.createloan .title2 {
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 35px;
  line-height: 40px;
  color: #fff;
}
.createloan .others {
  display: flex;
  margin-top: 12px;
}
.createloan .sublink {
  display: block;
  transition: all 0.35s;
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #707070;
  text-decoration: underline;
}
.createloan .more {
  display: flex;
}
.createloan .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.createloan .list > li {
  width: calc(50% - 12px);
  margin-bottom: 50px;
}
.createloan .list > li.wide {
  width: 100%;
}
.createloan .choose {
  margin-bottom: 44px;
  margin-top: 7px;
}
.createloan .choose .screen {
  overflow: hidden;
  padding: 4px;
  margin-left: -4px;
  width: calc(100% + 8px);
}
.createloan .choose .swiper-slide {
  width: auto;
  margin-right: 7px;
}
.createloan .choose .sunit {
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.35s;
  background: #fff;
  box-shadow: 0px 0px 10px #F1F1F1;
  height: 41px;
  min-width: 145px;
  padding: 0px 7px 0px;
  justify-content: center;
}
.createloan .choose .sunit img {
  max-height: 18px;
  max-width: 18px;
  display: block;
  object-fit: contain;
  margin-right: 13px;
}
.createloan .choose .sunit.selected {
  background: var(--red) !important;
  color: #fff!important;
}
.createloan .choose .sunit.selected img {
  filter: brightness(0) invert(1);
}
.createloan .subtitle {
  color: var(--black);
  font-size: 14px;
  font-family: ProximaNovaBold;
  line-height: 19px;
}
.createloan .Compute {
  padding: 0px;
}
.createloan .Compute .theme-green .back-bar {
  height: 2px;
  background: #f6f6f6;
}
@media (max-width: 767px) {
  .createloan {
    padding: 0px!important;
  }
  .createloan .wrap {
    padding: 22px 25px 34px;
  }
  .createloan .modal-content {
    min-height: 100%;
    margin: auto!important;
    background: #fff;
  }
  .createloan .modal-dialog {
    width: 100%;
    pointer-events: visible;
    background: none;
    min-height: 100%!important;
    height: 100%;
  }
  .createloan .list > li {
    width: 100%;
    margin-bottom: 66px;
  }
  .createloan .Compute {
    margin: 0px;
  }
  .createloan .choose .screen {
    width: calc(100% + 28px);
  }
  .createloan .end {
    position: absolute;
    left: 0px;
    bottom: 0px;
  }
  .createloan .subholder {
    padding-bottom: 140px;
  }
  .createloan .icon {
    height: 20px;
    top: 4px;
  }
  .createloan .icon img {
    max-height: 20px;
  }
  .createloan .head {
    padding-left: 32px;
    margin-bottom: 40px;
  }
}
.desktop .createloan .sublink:hover {
  opacity: 0.77;
}
.desktop .createloan .choose .sunit:hover {
  color: var(--red);
}
.inpfield .field {
  position: relative;
  height: 45px;
  border-bottom: 2px solid #F6F6F6;
}
.inpfield .field.missing {
  border-color: red!important;
}
.inpfield .field.textfield {
  height: 111px;
}
.inpfield .field.arrow:after {
  display: flex;
  content: "\f107";
  font-family: FontAwesome;
  font-size: 17px;
  position: absolute;
  top: 0px;
  height: 100%;
  align-items: center;
  pointer-events: none;
  right: 0px;
  color: #000;
}
.inpfield .field.uploadfield .custinput {
  padding-right: 60px;
}
.inpfield .field.dateicon:after {
  display: block;
  content: '';
  pointer-events: none;
  background: url(../images/icons.png) no-repeat -391px 0px;
  width: 32px;
  height: 36px;
  z-index: 1;
  position: absolute;
  right: 0px;
  top: 22px;
  transform: scale(0.5);
  transform-origin: 0px 0px;
}
.inpfield .field.timeicon:after {
  display: block;
  content: '';
  pointer-events: none;
  background: url(../images/icons.png) no-repeat -430px 0px;
  width: 35px;
  height: 35px;
  z-index: 1;
  position: absolute;
  right: 0px;
  top: 22px;
  transform: scale(0.5);
  transform-origin: 0px 0px;
}
.inpfield .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: 0px 0px 0px;
  font-family: ProximaNovaSemibold;
  font-size: 14px;
  color: #B2B2B2;
  font-weight: normal;
}
.inpfield .custinput.dateinput,
.inpfield .custinput.timeinput {
  padding-left: 65px;
}
.inpfield .custinput.hascalendar {
  cursor: pointer;
}
.inpfield .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%;
  font-family: ProximaNovaSemibold;
  font-size: 14px;
  color: #B2B2B2;
  font-weight: normal;
  padding: 13px 0px 13px;
}
.inpfield .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%;
  font-family: ProximaNovaSemibold;
  font-size: 14px;
  color: #B2B2B2;
  font-weight: normal;
  cursor: pointer;
  padding-left: 0px;
  padding-right: 0px;
}
.inpfield .custselect option {
  color: var(--black);
}
.inpfield .dateinput,
.inpfield .timeinput {
  display: flex!important;
  align-items: center!important;
  text-align: left!important;
  justify-content: flex-start !important;
}
.inpfield input::-webkit-date-and-time-value {
  text-align: left!important;
}
.inpfield.grey .field {
  background: #F8F8F8;
}
.inpfield .field.dateicon:before {
  content: 'Date:';
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 22px;
  position: absolute;
  pointer-events: none;
  top: 0px;
  left: 0px;
}
.inpfield .field.timeicon:before {
  content: 'Time:';
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 22px;
  position: absolute;
  pointer-events: none;
  top: 0px;
  left: 0px;
}
.inpfield .field.dateicon {
  display: flex;
}
.inpfield .field.timeicon {
  display: flex;
}
.inpfield 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;
}
.inpfield 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;
}
.inpfield .custlabel {
  font-size: 14px;
  line-height: 19px;
  color: var(--black);
  font-family: ProximaNovaBold;
  position: relative;
  top: 10px;
}
@media (max-width: 767px) {
  .inpfield .field {
    height: 48px;
  }
  .inpfield .field.arrow:after {
    right: 0px;
  }
}
.iti {
  display: block;
  height: 100%;
}
.iti__arrow {
  border-top-color: #000;
}
.iti__arrow--up {
  border-bottom-color: #000;
}
.iti--allow-dropdown .iti__flag-container .iti__selected-flag {
  background: none!important;
}
.iti__country-list {
  width: 320px;
  white-space: unset;
  z-index: 2222;
}
@media (max-width: 767px) {
  .iti__country-list {
    width: calc(100vw - 104px);
  }
}
.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
  color: #000;
}
.iti .custinput {
  padding-left: 78px!important;
}
.iti-mobile .iti--container {
  z-index: 1700;
}
.iti .iti__selected-flag {
  padding-left: 0px;
}
.commitypart {
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 272px;
}
@media (max-width: 767px) {
  .commitypart {
    background-position: right bottom;
    background-size: 147px;
  }
}
.commity {
  padding-top: 52px;
  position: relative;
}
.commity .up {
  max-width: 985px;
  margin-bottom: 55px;
}
.commity .titre1 {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 29px;
  line-height: 34px;
  color: var(--black);
}
@media (max-width: 767px) {
  .commity .titre1 {
    font-size: 25px;
    line-height: 30px;
  }
}
.commity .titre2 {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: var(--black);
  margin-top: 5px;
}
.commity .name1 {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 22px;
  line-height: 27px;
  color: var(--black);
}
.commity .name2 {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 18px;
  line-height: 23px;
  color: var(--red);
}
.commity .titre1 + .subswipe {
  margin-top: 20px;
}
.commity .titre2 + .subswipe {
  margin-top: 20px;
}
.commity .subswipe + .titre1 {
  margin-top: 63px;
}
.commity .subswipe + .titre2 {
  margin-top: 63px;
}
.commity .subswipe {
  overflow: hidden;
  width: calc(100% + 100px);
}
.commity .swiper-slide {
  width: 489px;
  margin-right: 20px;
  animation-name: fadeIn;
  height: auto;
}
@media (min-width: 767.1px) {
  .commity .swiper-slide {
    visibility: hidden;
  }
}
.commity .box {
  background: #F0F0F0;
  height: 100%;
  padding: 33px 44px 33px;
  min-height: 134px;
  display: flex;
  align-items: center;
}
.commity .swiper-scrollbar {
  margin-top: 36px;
  width: calc(100% - 100px);
}
@media (max-width: 1324px) {
  .commity .subswipe {
    width: calc(100% + 30px);
  }
  .commity .swiper-scrollbar {
    width: calc(100% - 30px);
  }
}
@media (max-width: 767px) {
  .commity {
    padding-top: 42px;
    padding-bottom: 20px;
  }
  .commity .swiper-slide {
    width: 358px;
    margin-right: 14px;
  }
  .commity .subswipe {
    width: calc(100% + 20px);
  }
  .commity .swiper-scrollbar {
    margin-top: 26px;
  }
  .commity .swiper-scrollbar {
    width: calc(100% - 20px);
  }
  .commity .box {
    padding: 30px 15px 30px 30px;
  }
  .commity .titre1 + .subswipe {
    margin-top: 25px;
  }
  .commity .titre2 + .subswipe {
    margin-top: 25px;
  }
}
@media (max-width: 420px) {
  .commity .swiper-slide {
    max-width: 82%;
  }
}
.story {
  overflow: hidden;
  padding-top: 55px;
  padding-bottom: 55px;
}
.story .text {
  color: var(--black);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 37px;
  line-height: 42px;
}
@media (max-width: 1024px) {
  .story .text {
    font-size: calc(0.85 * 37px );
    line-height: calc(0.85 * 42px );
  }
}
@media (max-width: 767px) {
  .story .text {
    font-size: 27px;
    line-height: 32px;
  }
}
.story .yearlist {
  margin-top: 88px;
  margin-bottom: 64px;
  position: relative;
}
.story .yearlist:after {
  display: block;
  content: '';
  position: absolute;
  left: 0px;
  width: 100%;
  bottom: 6px;
  height: 2px;
  background: url(../images/dash.png) repeat-x;
}
.story .yearlist .swiper-slide {
  width: 190px;
  position: relative;
  height: 10px;
  cursor: pointer;
}
.story .yearlist .swiper-slide:after {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.19);
  display: block;
  content: '';
}
.story .yearlist .selected .nb {
  color: var(--red);
  font-size: 45px;
  line-height: 45px;
  top: -55px;
}
.story .yearlist .selected:after {
  background: var(--red);
  border: 8px solid #FBC7D0;
  top: -6px;
}
.story .yearlist .nb {
  font-size: 12px;
  line-height: 12px;
  font-family: ProximaNovaBold;
  color: #CFCFCF;
  position: absolute;
  top: -18px;
  left: 0px;
  transition: all 0.35s;
}
.story .yearlist .hold {
  z-index: 1;
  position: relative;
}
.story .box {
  animation-name: fadeIn;
}
@media (min-width: 767.1px) {
  .story .box {
    visibility: hidden;
  }
}
.story .box .swiper-slide {
  display: flex;
  flex-wrap: wrap;
}
.story .box .pic {
  width: 45%;
  padding-top: 39px;
  padding-bottom: 39px;
  position: relative;
  z-index: 2;
}
.story .box .pic img {
  display: block;
  width: 100%;
}
.story .box .data {
  padding-top: 22px;
  padding-bottom: 22px;
  width: 55%;
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 95px;
  background: #F5F5F5;
  padding-right: 93px;
}
.story .box .data:after {
  width: 177px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: -175px;
  background: #F5F5F5;
  display: block;
  content: '';
  pointer-events: none;
}
.story .subtitle {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 24px;
  line-height: 29px;
  color: #000;
}
@media (max-width: 767px) {
  .story .subtitle {
    font-size: 20px;
    line-height: 25px;
  }
}
.story .subtitle:after {
  left: -97px;
  z-index: 1;
  content: '';
  border-bottom: 2px solid var(--red);
  width: calc(100% + 97px);
  margin-top: 12px;
  margin-bottom: 43px;
  display: block;
  position: relative;
}
.story .captions {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #000;
}
.story .captions ul > li + li {
  margin-top: 9px;
}
.story .captions ul > li {
  padding-left: 19px;
  position: relative;
}
.story .captions ul > li:after {
  top: 7px;
  position: absolute;
  left: 0px;
  background: #000;
  border-radius: 100%;
  width: 5px;
  height: 5px;
  display: block;
  content: '';
}
@media (max-width: 1247px) {
  .story .box .data {
    padding-left: 33px;
    padding-right: 33px;
  }
}
@media (max-width: 767px) {
  .story {
    padding-bottom: 0px;
    padding-top: 33px;
    overflow: unset;
  }
  .story .text {
    font-size: 25px;
    line-height: 30px;
  }
  .story .yearlist {
    margin-top: 82px;
    margin-bottom: 41px;
    margin-left: -20px;
    width: calc(100% + 40px);
    padding-left: 20px;
    padding-right: 20px;
  }
  .story .box .pic {
    width: 100%;
    padding: 0px;
  }
  .story .box .data {
    width: 100%;
    padding-left: 0px;
    padding-right: 33px;
    padding-bottom: 45px;
  }
  .story .box .data:after {
    background: #F5F5F5;
    left: -20px;
    width: 100%;
    top: -46px;
    width: calc(100% + 60px);
    height: calc(100% + 46px);
  }
  .story .data .in {
    position: relative;
    z-index: 1;
  }
  .story .yearlist .selected .nb {
    font-size: 30px;
    line-height: 30px;
    top: -44px;
  }
  .story .yearlist .swiper-slide {
    width: 87px;
  }
  .story .captions {
    padding-right: 0px;
  }
  .story .subtitle {
    padding-right: 0px;
  }
  .story .subtitle:after {
    left: -20px;
    width: 100%;
    margin-top: 22px;
    margin-bottom: 22px;
  }
}
.correspondance {
  padding-top: 11px;
}
.correspondance .subtitle {
  color: var(--red);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 24px;
  line-height: 29px;
}
@media (max-width: 767px) {
  .correspondance .subtitle {
    font-size: 20px;
    line-height: 25px;
  }
}
.correspondance .text {
  color: var(--black);
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
}
.correspondance .hold {
  animation-name: fadeIn;
}
@media (min-width: 767.1px) {
  .correspondance .hold {
    visibility: hidden;
  }
}
.correspondance .box {
  margin-top: 23px;
  background: #F0F0F0;
  padding: 66px 92px 66px;
  animation-name: fadeIn;
}
@media (min-width: 767.1px) {
  .correspondance .box {
    visibility: hidden;
  }
}
.correspondance .caption {
  color: var(--red);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 24px;
  line-height: 29px;
}
@media (max-width: 767px) {
  .correspondance .caption {
    font-size: 20px;
    line-height: 25px;
  }
}
.correspondance .caption:after {
  border-bottom: 2px solid var(--red);
  margin-top: 22px;
  margin-bottom: 22px;
  display: block;
  content: '';
  width: 100%;
  width: calc(100% + 92px);
}
.correspondance .subtext {
  color: var(--black);
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
}
@media (max-width: 1277px) {
  .correspondance .box {
    padding-left: 44px;
    padding-right: 44px;
  }
  .correspondance .caption:after {
    width: calc(100% + 44px);
  }
}
@media (max-width: 767px) {
  .correspondance {
    padding-top: 4px;
  }
  .correspondance .box {
    padding-left: 29px;
    padding-right: 29px;
    padding-top: 37px;
    padding-bottom: 37px;
  }
  .correspondance .caption:after {
    width: calc(100% + 29px);
  }
}
.worlddata {
  padding-top: 66px;
  text-align: center;
  padding-bottom: 6px;
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
}
.worlddata .up {
  font-family: ProximaNovaBold;
  animation-name: fadeIn;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 767.1px) {
  .worlddata .up {
    visibility: hidden;
  }
}
.worlddata .data {
  animation-name: fadeIn;
  display: flex;
  flex-wrap: wrap;
}
.worlddata .data:nth-child(even) {
  background: #F0F0F0;
}
@media (min-width: 767.1px) {
  .worlddata .data {
    visibility: hidden;
  }
}
.worlddata .data .name {
  display: none;
}
.worlddata .box {
  width: 25%;
  padding: 13px 10px 9px;
}
@media (max-width: 767px) {
  .worlddata {
    padding-top: 30px;
  }
  .worlddata .up {
    display: none;
  }
  .worlddata .data .name {
    display: block;
    width: 50%;
    text-align: left;
    font-family: ProximaNovaBold;
  }
  .worlddata .text {
    width: 50%;
    text-align: right;
    padding-left: 7px;
  }
  .worlddata .box {
    width: 100%;
    display: flex;
  }
  .worlddata .data + .data {
    margin-top: 17px;
    box-shadow: 0px 0px 10px #ccc;
  }
  .worlddata .data:nth-child(even) {
    background: none;
  }
  .worlddata .box:nth-child(odd) {
    background: #F0F0F0;
  }
}
.csr .data {
  animation-name: fadeIn;
  padding: 70px 76px 70px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@media (min-width: 767.1px) {
  .csr .data {
    visibility: hidden;
  }
}
.csr .data:after {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.56);
}
.csr .in {
  position: relative;
  z-index: 1;
}
.csr .subtitle {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 45px;
  line-height: 50px;
  color: #fff;
}
@media (max-width: 767px) {
  .csr .subtitle {
    font-size: 30px;
    line-height: 35px;
  }
}
.csr .subtitle2 {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 30px;
  line-height: 35px;
  color: #fff;
}
@media (max-width: 1024px) {
  .csr .subtitle2 {
    font-size: calc(0.85 * 30px );
    line-height: calc(0.85 * 35px );
  }
}
@media (max-width: 767px) {
  .csr .subtitle2 {
    font-size: 19px;
    line-height: 24px;
  }
}
.csr .more {
  margin-top: 133px;
}
.csr .text {
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #fff;
  max-width: 1111px;
  margin-top: 3px;
}
.csr .date {
  border-bottom: 2px solid var(--red);
  font-size: 16px;
  line-height: 21px;
  color: #fff;
  text-transform: uppercase;
  padding-bottom: 3px;
  margin-bottom: 36px;
}
.csr .secmenu {
  margin-top: 52px;
  margin-bottom: 40px;
}
@media (max-width: 1227px) {
  .csr .data {
    padding: 70px 40px 70px;
  }
}
@media (max-width: 767px) {
  .csr .data {
    padding: 40px 29px 40px;
  }
  .csr .more {
    margin-top: 77px;
  }
  .csr .text {
    margin-top: 8px;
  }
  .csr .secmenu {
    margin-top: 40px;
    margin-bottom: 45px;
  }
}
.News {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 44px;
}
.News .hold {
  width: 39%;
  padding-right: 33px;
}
.News .sub {
  width: 61%;
}
.News .sub .img {
  width: 29%;
  margin-bottom: 0px;
}
.News .sub .inside {
  width: 71%;
  padding-left: 32px;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
.News .sub .unit {
  display: flex;
  flex-wrap: wrap;
}
.News .sub .unit + .unit {
  margin-top: 23px;
}
.News .sub .caption2 {
  margin-top: 7px;
}
.News .img {
  position: relative;
  margin-bottom: 27px;
  transition: all 0.35s;
}
.News .img img {
  width: 100%;
  display: block;
}
.News .unit + .unit {
  margin-top: 56px;
}
.News .unit {
  transition: all 0.35s;
  display: block;
  animation-name: fadeInUp;
}
@media (min-width: 767.1px) {
  .News .unit {
    visibility: hidden;
  }
}
.News .caption1 {
  color: var(--red);
  font-family: 'ProximaNovaSemibold';
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
  font-family: ProximaNovaRegular;
  text-transform: uppercase;
  width: 100%;
}
.News .caption2 {
  color: var(--black);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 20px;
  line-height: 25px;
  width: 100%;
  margin-top: 10px;
}
.News .caption3 {
  color: var(--black);
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  width: 100%;
  margin-top: 4px;
}
@media (max-width: 1227px) {
  .News .sub .inside {
    padding-left: 18px;
  }
}
@media (max-width: 1024px) {
  .News .hold {
    width: 100%;
    padding-right: 0px;
  }
  .News .sub {
    width: 100%;
    margin-top: 56px;
  }
}
@media (max-width: 767px) {
  .News {
    padding-bottom: 10px;
  }
  .News .sub .img {
    width: 100%;
  }
  .News .sub .inside {
    width: 100%;
    padding-left: 0px;
  }
  .News .sub {
    margin-top: 27px;
  }
  .News .img {
    margin-bottom: 12px!important;
  }
  .News .unit + .unit {
    margin-top: 27px!important;
  }
}
.searchpage {
  padding-top: 52px;
  padding-bottom: 0px;
  overflow: hidden;
}
.searchpage .result {
  margin-bottom: 60px;
  display: flex;
}
.searchpage .caption {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 29px;
  line-height: 34px;
  color: var(--black);
}
@media (max-width: 767px) {
  .searchpage .caption {
    font-size: 25px;
    line-height: 30px;
  }
}
.searchpage .caption:after {
  border-bottom: 3px solid var(--red);
  content: '';
  width: 100%;
  display: block;
}
.searchpage .boxes {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 36px);
}
.searchpage .boxes > li {
  width: calc(33.33% - 36px);
  margin-right: 36px;
  margin-bottom: 36px;
  animation-name: fadeInUp;
}
@media (min-width: 767.1px) {
  .searchpage .boxes > li {
    visibility: hidden;
  }
}
.searchpage .bitem {
  display: block;
  background: #F3F3F3;
  height: 100%;
  padding: 40px 36px 95px;
  overflow: hidden;
  transition: all 0.35s;
  position: relative;
}
.searchpage .bitem:before {
  content: '';
  width: 100%;
  display: block;
  z-index: 1;
  background: url(../images/arrowleft.svg) no-repeat;
  width: 12px;
  height: 12px;
  background-size: 12px;
  position: absolute;
  left: 36px;
  bottom: 22px;
  transform: rotate(180deg);
}
.searchpage .inside {
  display: flex;
}
.searchpage .name {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 29px;
  line-height: 34px;
  color: var(--black);
}
@media (max-width: 767px) {
  .searchpage .name {
    font-size: 25px;
    line-height: 30px;
  }
}
.searchpage .name:after {
  left: -70px;
  margin-top: 3px;
  margin-bottom: 26px;
  border-bottom: 3px solid var(--red);
  content: '';
  width: calc(100% + 70px);
  display: block;
  position: relative;
}
.searchpage .text {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: var(--black);
}
@media (max-width: 1300px) {
  .searchpage .boxes > li {
    width: calc(50% - 36px);
  }
}
@media (max-width: 767px) {
  .searchpage {
    padding-top: 37px;
  }
  .searchpage .boxes > li {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 19px;
  }
  .searchpage .boxes {
    width: 100%;
  }
  .searchpage .result {
    margin-bottom: 33px;
  }
  .searchpage .bitem {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 67px;
  }
  .searchpage .bitem:before {
    left: 25px;
    bottom: 22px;
  }
}
.privacy {
  padding-top: 77px;
}
.privacy .top {
  margin-bottom: 60px;
  display: flex;
}
.privacy .title {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 45px;
  line-height: 50px;
  color: var(--black);
}
@media (max-width: 767px) {
  .privacy .title {
    font-size: 30px;
    line-height: 35px;
  }
}
.privacy .title:after {
  left: -100px;
  border-bottom: 3px solid var(--red);
  display: block;
  position: relative;
  width: calc(100% + 100px);
  margin-top: 5px;
  content: '';
}
.privacy .text {
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: var(--black);
  animation-name: fadeIn;
}
@media (min-width: 767.1px) {
  .privacy .text {
    visibility: hidden;
  }
}
.privacy .text .red {
  color: var(--red);
}
@media (max-width: 767px) {
  .privacy {
    padding-top: 37px;
  }
  .privacy .top {
    margin-bottom: 32px;
  }
}
@media (max-width: 393px) {
  .privacy .title {
    font-size: 25px;
    line-height: 30px;
  }
}
.Categs {
  position: relative;
  overflow: hidden;
  padding: 50px 0px 32px;
}
.Categs .top {
  margin-bottom: 44px;
  position: relative;
  padding-top: 3px;
}
.Categs .back {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.35s;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -7px;
  right: -2px;
}
.Categs .back img {
  display: block;
  object-fit: contain;
  height: 16px;
}
.Categs .title {
  display: flex;
  align-items: center;
}
.Categs .title img {
  display: block;
  object-fit: contain;
  max-width: 30px;
  margin-right: 13px;
  max-height: 30px;
}
.Categs .title h1 {
  width: calc(100% - 43px);
  color: #000;
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 45px;
  line-height: 50px;
  position: relative;
}
@media (max-width: 767px) {
  .Categs .title h1 {
    font-size: 30px;
    line-height: 35px;
  }
}
.Categs .text {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #000;
  margin-top: 4px;
}
.Categs .item {
  display: block;
  position: relative;
  height: 100%;
  transition: all 0.35s;
  overflow: hidden;
  cursor: pointer;
}
.Categs .listing {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 17px);
}
.Categs .listing > li {
  width: calc(33.33% - 17px);
  margin-right: 17px;
  margin-bottom: 17px;
  position: relative;
  animation-name: fadeInUp;
}
@media (min-width: 767.1px) {
  .Categs .listing > li {
    visibility: hidden;
  }
}
.Categs .pic {
  position: relative;
  height: 100%;
  width: 100%;
}
.Categs .pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Categs .pic:after {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url(../images/shadow2.png) left bottom repeat-x;
}
.Categs .data {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: flex-end;
  padding: 26px 13px 17px 33px;
  z-index: 1;
}
.Categs .sub {
  width: 100%;
}
.Categs .name {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 20px;
  line-height: 25px;
  color: #fff;
  position: relative;
  transition: all 0.35s;
}
.Categs .name:after {
  border-bottom: 2px solid #fff;
  display: block;
  content: '';
  width: 100%;
  margin-top: 8px;
  width: 1500px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.35s;
}
.Categs .extra {
  display: none;
}
.Categs .more {
  margin-top: 37px;
  display: flex;
  flex-wrap: wrap;
}
.Categs .more > li {
  margin-right: 11px;
  margin-bottom: 11px;
}
.Categs .custbtm {
  min-width: 123px;
  padding-left: 10px;
  padding-right: 10px;
}
.Categs .custbtm.black {
  color: var(--yellow);
}
.Categs .pop {
  display: none;
}
@media (min-width: 1520px) {
  .Categs.four .listing > li {
    width: calc(25% - 17px);
  }
}
@media (max-width: 1222px) {
  .Categs .listing > li {
    width: calc(50% - 17px);
  }
}
@media (max-width: 767px) {
  .Categs {
    padding: 40px 0px 22px;
  }
  .Categs .listing > li {
    width: 100%;
    margin-right: 0px;
  }
  .Categs .listing {
    width: 100%;
  }
  .Categs .top {
    margin-bottom: 22px;
    padding-top: 4px;
  }
  .Categs .title img {
    width: 19px;
    max-height: 19px;
    margin-right: 11px;
  }
  .Categs .title h1 {
    width: calc(100% - 30px);
  }
  .Categs .back img {
    height: 13px;
  }
  .Categs .back {
    top: -14px;
  }
  .Categs .item {
    transform: none!important;
  }
  .Categs .data {
    pointer-events: none;
  }
  .Categs .data {
    padding-left: 18px;
    padding-right: 18px;
  }
  .Categs .pop {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 4;
    background: rgba(0, 0, 0, 0.56);
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    cursor: default;
  }
  .Categs .pop .name {
    transform: none!important;
    top: unset!important;
  }
  .Categs .pop .pic {
    transform: none!important;
  }
  .Categs .pop .extra {
    display: block!important;
  }
  .Categs .pop .name:after {
    opacity: 1!important;
    width: 100%;
  }
  .Categs .pop .hold {
    display: flex;
    align-items: flex-end;
    min-height: 100%;
  }
  .Categs .pop .pic {
    height: auto;
  }
  .Categs .pop .pic img {
    height: auto;
  }
  .Categs .pop .inner {
    width: 100%;
    position: relative;
  }
  .Categs .pop .data {
    padding-left: 18px;
    pointer-events: visible;
    padding-right: 18px;
  }
  .Categs .close {
    height: 22px;
    width: 22px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 1;
    top: 8px;
    right: 8px;
  }
  .Categs .close img {
    display: block;
    object-fit: contain;
    height: 13px;
    filter: brightness(0) invert(1);
  }
}
@media (min-width: 767.1px) {
  .Categs.withhover .item:hover .extra {
    display: block;
  }
  .Categs.withhover .item:hover .name:after {
    opacity: 1;
  }
  .Categs.withhover .item:hover .name {
    transform: translateY(-18px);
    top: 18px;
  }
}
@media (max-width: 767px) {
  .open_categpop {
    overflow: hidden;
  }
}
.topbg {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.topbg:after {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url(../images/shadow3.png) repeat-x left bottom;
}
.topbg .container {
  animation-name: fadeInUp;
  z-index: 1;
}
@media (min-width: 767.1px) {
  .topbg .container {
    visibility: hidden;
  }
}
.topbg .custbtm {
  padding-left: 40px;
  padding-right: 40px;
}
.topbg .more {
  margin-top: 37px;
  display: flex;
}
.topbg .title {
  color: #fff;
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 45px;
  line-height: 50px;
  position: relative;
}
@media (max-width: 767px) {
  .topbg .title {
    font-size: 30px;
    line-height: 35px;
  }
}
.topbg .title:after {
  left: -100px;
  border-bottom: 4px solid #fff;
  display: block;
  content: '';
  width: calc(100% + 100px);
  position: relative;
  margin-top: 13px;
}
.topbg .box {
  padding-top: 260px;
  padding-bottom: 32px;
  position: relative;
}
.topbg .hold {
  display: flex;
}
.topbg .back {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.35s;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 40px;
  right: -2px;
}
.topbg .back img {
  display: block;
  object-fit: contain;
  height: 16px;
  filter: brightness(0) invert(1);
}
@media (max-width: 767px) {
  .topbg .box {
    padding-top: 130px;
    padding-bottom: 33px;
  }
  .topbg .back {
    top: 17px;
  }
  .topbg .back img {
    height: 13px;
  }
}
.introbg {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.introbg.v2 .box {
  padding-bottom: 132px;
}
@media (max-width: 767px) {
  .introbg.v2 .box {
    padding-bottom: 112px;
  }
}
.introbg:after {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url(../images/shadow3.png) repeat-x left bottom;
}
.introbg .back {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.35s;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 40px;
  right: -2px;
}
.introbg .back img {
  display: block;
  object-fit: contain;
  height: 16px;
  filter: brightness(0) invert(1);
}
.introbg .container {
  animation-name: fadeInUp;
  z-index: 1;
}
@media (min-width: 767.1px) {
  .introbg .container {
    visibility: hidden;
  }
}
.introbg .box {
  padding-top: 86px;
  padding-bottom: 68px;
  padding-left: 44px;
  position: relative;
}
.introbg .title {
  color: #fff;
  position: relative;
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 45px;
  line-height: 50px;
}
@media (max-width: 767px) {
  .introbg .title {
    font-size: 30px;
    line-height: 35px;
  }
}
.introbg .title img {
  left: -44px;
  top: 7px;
  display: block;
  object-fit: contain;
  max-width: 30px;
  height: 34px;
  position: absolute;
}
.introbg .text {
  color: #fff;
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  max-width: 915px;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .introbg .title img {
    top: 5px;
    height: 26px;
  }
  .introbg .back {
    top: 17px;
  }
  .introbg .back img {
    height: 13px;
  }
  .introbg .box {
    padding-top: 53px;
    padding-bottom: 53px;
  }
}
.introbg.services .box {
  padding-top: 60px;
  padding-bottom: 70px;
}
.introbg.job_part .box {
  padding-left: 0px;
  padding-top: 135px;
  padding-bottom: 170px;
}
.introbg.job_part .text {
  max-width: 818px;
  font-family: ProximaNovaRegular;
}
.introbg.job_part:after {
  background: rgba(0, 0, 0, 0.44);
}
.Serve {
  z-index: 1;
  margin-top: -55px;
  position: relative;
  overflow: hidden;
  padding-bottom: 77px;
}
.Serve .box {
  animation-name: fadeIn;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 767.1px) {
  .Serve .box {
    visibility: hidden;
  }
}
.Serve .box > li:nth-child(1) {
  width: 654px;
  position: relative;
  z-index: 1;
}
.Serve .box > li:nth-child(2) {
  padding-left: 11%;
  flex: 1;
  display: flex;
  align-items: center;
  padding-top: 77px;
  padding-bottom: 77px;
}
.Serve .hold {
  display: flex;
}
.Serve .inner {
  position: relative;
}
.Serve .inner:after {
  border-bottom: 2px solid #153C6E;
  display: block;
  content: '';
  position: absolute;
  bottom: -84px;
  width: 56vw;
  right: 0px;
}
.Serve .caption {
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 35px;
  line-height: 40px;
  font-family: ProximaNovaBold;
  color: var(--black);
  max-width: 526px;
}
.Serve .img img {
  width: 100%;
  display: block;
}
.Serve .subtext {
  margin-top: 17px;
  font-family: 'ProximaNovaSemibold';
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: var(--black);
}
.Serve .more {
  margin-top: 38px;
}
.Serve .subtitle {
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: var(--black);
}
@media (max-width: 1300px) {
  .Serve .box > li:nth-child(2) {
    padding-left: 4%;
  }
  .Serve .box > li:nth-child(1) {
    width: 44%;
  }
  .Serve .caption {
    font-size: 30px;
    line-height: 35px;
  }
}
@media (max-width: 767px) {
  .Serve {
    padding-bottom: 0px;
    margin-top: -40px;
  }
  .Serve .box > li:nth-child(2) {
    padding-left: 0%;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 0px;
  }
  .Serve .box > li:nth-child(1) {
    width: 100%;
  }
  .Serve .caption {
    font-size: 20px;
    line-height: 25px;
  }
  .Serve .inner:after {
    width: 100%;
    bottom: 0px;
  }
  .Serve .inner {
    padding-bottom: 40px;
  }
  .Serve .more {
    margin-top: 20px;
  }
}
.Serve.v2 .box {
  background: #F5F5F5;
  padding-bottom: 46px;
  padding-top: 57px;
  padding-left: 55px;
  padding-right: 35px;
  flex-direction: row-reverse;
}
.Serve.v2 .inner:after {
  top: -30px;
  bottom: unset;
  right: unset;
  left: 0px;
}
.Serve.v2 .caption {
  color: #153C6E;
}
.Serve.v2 .box > li:nth-child(2) {
  padding-left: 0px;
  padding-right: 4%;
}
@media (max-width: 767px) {
  .Serve.v2 .box {
    padding: 25px;
  }
  .Serve.v2 .box > li:nth-child(2) {
    margin-top: 44px;
    padding-right: 0px;
  }
  .Serve.v2 .inner {
    padding-bottom: 0px;
  }
}
.Serve.red .caption {
  color: var(--red);
}
.Serve.red .inner:after {
  border-color: var(--red);
}
.introbg.corp:after {
  background: rgba(0, 0, 0, 0.44);
}
.introbg.corp .box {
  padding-bottom: 110px;
}
@media (max-width: 767px) {
  .introbg.corp .box {
    padding-bottom: 77px;
  }
}
.Trade {
  margin-top: -52px;
  padding-bottom: 50px;
  position: relative;
  z-index: 1;
}
.Trade .bg {
  padding: 90px 78px 90px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.Trade .bg:after {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.78);
}
.Trade .outer {
  background: #fff;
  position: relative;
  padding: 35px 41px 0px;
}
.Trade .data {
  animation-name: fadeInUp;
  position: relative;
  z-index: 1;
  max-width: 1089px;
}
@media (min-width: 767.1px) {
  .Trade .data {
    visibility: hidden;
  }
}
.Trade .title {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 35px;
  line-height: 40px;
  color: #fff;
}
@media (max-width: 767px) {
  .Trade .title {
    font-size: 25px;
    line-height: 30px;
  }
}
.Trade .text {
  border-top: 2px solid var(--red);
  padding-top: 22px;
  margin-top: 22px;
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 20px;
  line-height: 25px;
  color: #fff;
}
@media (max-width: 1300px) {
  .Trade .bg {
    padding-left: 39px;
    padding-right: 39px;
  }
}
@media (max-width: 767px) {
  .Trade {
    margin-top: -44px;
    padding-bottom: 22px;
  }
  .Trade .outer {
    padding: 16px 16px 0px;
  }
  .Trade .bg {
    padding: 45px 22px 45px;
  }
}
.sublist {
  padding-top: 99px;
  position: relative;
  overflow: hidden;
}
.sublist .hold {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sublist .hold > li {
  width: calc(50% - 22px);
}
.sublist .hold > li:nth-child(1) {
  display: flex;
  align-items: center;
}
.sublist .hold > li:nth-child(2) {
  z-index: 1;
  position: relative;
}
.sublist .pic img {
  width: 100%;
  display: flex;
}
.sublist .grid > li {
  animation-name: fadeInLeft;
}
@media (min-width: 767.1px) {
  .sublist .grid > li {
    visibility: hidden;
  }
}
.sublist .grid > li:nth-child(even) {
  animation-name: fadeInRight;
}
.sublist .grid > li:nth-child(even) .hold {
  flex-direction: row-reverse;
}
.sublist .grid > li + li {
  margin-top: 74px;
}
.sublist .unit {
  display: block;
}
.sublist .info {
  max-width: 626px;
}
.sublist .text {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: var(--black);
  margin-top: 13px;
  padding-right: 12px;
}
.sublist .caption {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 35px;
  line-height: 40px;
  color: var(--black);
  font-family: ProximaNovaSemibold;
}
@media (max-width: 767px) {
  .sublist .caption {
    font-size: 25px;
    line-height: 30px;
  }
}
.sublist .caption:after {
  left: -100px;
  border-bottom: 2px solid var(--red);
  display: block;
  content: '';
  width: calc(100% + 100px);
  position: relative;
  margin-top: 6px;
}
.sublist .more {
  display: flex;
  margin-top: 29px;
}
@media (max-width: 767px) {
  .sublist {
    padding-top: 35px;
  }
  .sublist .caption {
    font-size: 20px;
    line-height: 25px;
  }
  .sublist .hold > li {
    width: 100%;
  }
  .sublist .pic {
    margin-top: 24px;
  }
  .sublist .more {
    margin-top: 24px;
  }
}
.cardbox {
  padding-top: 159px;
  overflow: hidden;
}
.cardbox .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.cardbox .box > li {
  animation-name: fadeInUp;
  margin-bottom: 169px;
  width: calc(50% - 56px);
}
@media (min-width: 767.1px) {
  .cardbox .box > li {
    visibility: hidden;
  }
}
.cardbox .cardunit {
  display: block;
  height: 100%;
  background: #F5F5F5;
  padding: 184px 32px 44px 40px;
  position: relative;
}
.cardbox .other {
  display: flex;
  margin-top: 30px;
}
.cardbox .img {
  position: absolute;
  left: 42px;
  top: 0px;
  transform: translateY(-50%);
}
.cardbox .img img {
  display: block;
  object-fit: contain;
  height: 273px;
  max-width: 503px;
}
.cardbox .text {
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: var(--black);
}
.cardbox .text ul > li + li {
  margin-top: 19px;
}
.cardbox .text ul > li {
  padding-left: 20px;
  position: relative;
}
.cardbox .text ul > li:before {
  position: absolute;
  top: 7px;
  left: 0px;
  display: block;
  content: '';
  background: var(--black);
  border-radius: 100%;
  width: 5px;
  height: 5px;
}
.cardbox .top {
  margin-bottom: 31px;
}
.cardbox .caption1 {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 24px;
  line-height: 29px;
  color: var(--red);
}
@media (max-width: 767px) {
  .cardbox .caption1 {
    font-size: 20px;
    line-height: 25px;
  }
}
.cardbox .caption2 {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: var(--black);
  margin-top: 3px;
}
.cardbox .subtitle {
  padding-left: 22px;
  margin-bottom: 14px;
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: var(--black);
  position: relative;
}
.cardbox .subtitle img {
  left: 0px;
  top: 0px;
  position: absolute;
  display: block;
  object-fit: contain;
  max-width: 19px;
  height: 16px;
}
@media (max-width: 1227px) {
  .cardbox .box > li {
    width: calc(50% - 20px);
  }
  .cardbox .cardunit {
    padding-left: 27px;
    padding-right: 27px;
    padding-top: 111px;
  }
  .cardbox .img {
    left: 27px;
  }
  .cardbox .img img {
    max-width: 270px;
  }
}
@media (max-width: 767px) {
  .cardbox {
    padding-top: 123px;
    padding-bottom: 30px;
  }
  .cardbox .box > li {
    width: 100%;
    margin-bottom: 136px;
  }
  .cardbox .box > li:last-child {
    margin-bottom: 0px;
  }
  .cardbox .img img {
    height: 188px;
  }
  .cardbox .cardunit {
    padding-left: 23px;
    padding-right: 20px;
    padding-top: 99px;
    padding-bottom: 23px;
  }
}
.loanpart {
  margin-top: -70px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-bottom: 4px;
}
.loanpart .box {
  background: #fff;
  min-height: 200px;
  box-shadow: 0px 0px 10px #ccc;
  padding: 29px 33px 0px;
}
.loanpart .subgrid {
  padding-top: 36px;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 23px);
}
.loanpart .subgrid > li {
  width: calc(50% - 23px);
  margin-bottom: 27px;
  margin-right: 23px;
  animation-name: fadeIn;
}
@media (min-width: 767.1px) {
  .loanpart .subgrid > li {
    visibility: hidden;
  }
}
.loanpart .extra {
  margin-top: 58px;
  display: flex;
}
.loanpart .unit {
  background: #F3F3F3;
  display: block;
  padding: 40px 50px 40px;
}
.loanpart .subhold {
  padding-left: 45px;
}
.loanpart .titre {
  padding-left: 45px;
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 35px;
  line-height: 40px;
  color: var(--red);
  position: relative;
}
@media (max-width: 767px) {
  .loanpart .titre {
    font-size: 25px;
    line-height: 30px;
  }
}
.loanpart .titre img {
  left: 0px;
  top: 4px;
  position: absolute;
  display: block;
  object-fit: contain;
  max-width: 27px;
  height: 30px;
}
.loanpart .text {
  margin-top: 27px;
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: var(--black);
}
.loanpart .text ul > li + li {
  margin-top: 19px;
}
.loanpart .text ul > li {
  padding-left: 20px;
  position: relative;
}
.loanpart .text ul > li:before {
  position: absolute;
  top: 7px;
  left: 0px;
  display: block;
  content: '';
  background: var(--black);
  border-radius: 100%;
  width: 5px;
  height: 5px;
}
.loanpart .more {
  margin-top: 33px;
  position: relative;
  min-height: 220px;
  animation-name: fadeIn;
}
@media (min-width: 767.1px) {
  .loanpart .more {
    visibility: hidden;
  }
}
.loanpart .subtext {
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: var(--black);
  max-width: 70%;
  position: relative;
  z-index: 1;
}
.loanpart .subtext .grey {
  color: #A8A8A8;
}
.loanpart .image {
  position: absolute;
  bottom: 0px;
  right: -33px;
  pointer-events: none;
  width: 933px;
}
.loanpart .image img {
  display: block;
  width: 100%;
  object-position: right bottom;
  object-fit: cover;
}
@media (max-width: 1600px) {
  .loanpart .image {
    max-width: 57%;
  }
}
@media (max-width: 1117px) {
  .loanpart .custbtm {
    padding-left: 10px;
    padding-right: 10px;
  }
  .loanpart .unit {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .loanpart {
    margin-top: -52px;
  }
  .loanpart .subgrid > li {
    width: 100%;
    margin-bottom: 11px;
  }
  .loanpart .subgrid {
    width: 100%;
    padding-top: 32px;
  }
  .loanpart .unit {
    padding: 25px 22px 25px;
  }
  .loanpart .box {
    padding: 18px;
    width: calc(100% + 20px);
    padding-bottom: 0px;
  }
  .loanpart .titre {
    padding-left: 30px;
  }
  .loanpart .titre img {
    height: 18px;
    max-width: 20px;
  }
  .loanpart .text {
    margin-top: 15px;
  }
  .loanpart .image {
    max-width: 100%;
    width: 410px;
  }
  .loanpart .subtext {
    max-width: none;
  }
  .loanpart .more {
    min-height: 0px;
    padding-bottom: 111px;
    margin-top: 35px;
  }
  .loanpart .extra {
    margin-top: 25px;
  }
  .loanpart .subhold {
    padding-left: 30px;
  }
}
.scrollbox {
  overflow: hidden;
  padding-top: 4px;
  animation-name: fadeInUp;
}
@media (min-width: 767.1px) {
  .scrollbox {
    visibility: hidden;
  }
}
.scrollbox .swiper-slide {
  margin-right: 9px;
  width: auto;
}
.scrollbox .item {
  display: block;
  cursor: pointer;
  width: 202px;
  height: 144px;
  transition: all 0.35s;
  position: relative;
}
.scrollbox .item:after {
  position: absolute;
  left: 18px;
  bottom: 18px;
  display: block;
  content: '';
  background: url(../images/arrowleft.svg) no-repeat;
  background-size: 11px;
  width: 11px;
  height: 11px;
  transform: scaleX(-1);
  filter: invert(1);
}
.scrollbox .img {
  width: 100%;
  height: 100%;
  position: relative;
}
.scrollbox .img:after {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.47);
}
.scrollbox .img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.scrollbox .caption {
  padding-left: 26px;
  font-family: 'ProximaNovaSemibold';
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
  color: #fff;
  position: relative;
}
.scrollbox .caption img {
  top: 2px;
  left: 0px;
  max-width: 17px;
  display: block;
  object-fit: contain;
  height: 16px;
  position: absolute;
}
.scrollbox .data {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding: 18px;
  z-index: 1;
  border-bottom: 3px solid #FDD008;
}
@media (max-width: 767px) {
  .scrollbox {
    width: calc(100% + 20px);
  }
}
.apply_loan {
  padding: 50px 0px!important;
}
.apply_loan .modal-dialog {
  max-width: 1183px;
  width: calc(100% - 40px);
  margin: 0px auto !important;
}
.apply_loan .wrap {
  background: #fff;
  position: relative;
  overflow: hidden;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 55px;
  padding-bottom: 27px;
}
.apply_loan .head {
  padding-left: 50px;
  padding-right: 30px;
  margin-bottom: 2px;
  position: relative;
}
.apply_loan .icon {
  position: absolute;
  top: 7px;
  left: 0px;
  display: flex;
  align-items: center;
  height: 28px;
}
.apply_loan .icon img {
  display: block;
  object-fit: contain;
  height: 28px;
  max-width: 33px;
}
.apply_loan .title {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 35px;
  line-height: 40px;
  color: var(--black);
}
@media (max-width: 767px) {
  .apply_loan .title {
    font-size: 25px;
    line-height: 30px;
  }
}
.apply_loan .inner {
  padding-left: 50px;
}
.apply_loan .caption {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 22px;
  line-height: 27px;
  color: var(--red);
}
.apply_loan .text {
  margin-top: 15px;
  font-size: 14px;
  font-family: ProximaNovaRegular;
  line-height: 19px;
  color: var(--black);
}
.apply_loan .text ul > li + li {
  margin-top: 5px;
}
.apply_loan .text ul > li {
  padding-left: 20px;
  position: relative;
}
.apply_loan .text ul > li:before {
  position: absolute;
  top: 7px;
  left: 0px;
  display: block;
  content: '';
  background: var(--black);
  border-radius: 100%;
  width: 5px;
  height: 5px;
}
.apply_loan .other {
  margin-top: 14px;
  display: flex;
}
.apply_loan .other a {
  transition: all 0.35s;
  font-size: 14px;
  font-family: ProximaNovaRegular;
  line-height: 19px;
  color: #9F9F9F;
  text-decoration: underline;
}
.apply_loan .sub {
  padding-left: 50px;
  padding-top: 40px;
  position: relative;
  max-width: 943px;
  margin-top: 21px;
}
.apply_loan .sub:before {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100vw;
  border-bottom: 2px solid var(--yellow);
  display: block;
  content: '';
}
.apply_loan .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.apply_loan .list > li {
  width: calc(50% - 33px);
}
.apply_loan .more {
  display: flex;
  padding-top: 30px;
}
.apply_loan .subtitle {
  margin-bottom: 4px;
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 17px;
  line-height: 22px;
  color: var(--red);
  position: relative;
  padding-left: 27px;
}
.apply_loan .subtitle img {
  display: block;
  object-fit: contain;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 17px;
}
@media (max-width: 767px) {
  .apply_loan {
    padding: 0px!important;
  }
  .apply_loan .wrap {
    padding: 22px 25px 34px;
  }
  .apply_loan .modal-content {
    min-height: 100%;
    margin: auto!important;
    background: #fff;
  }
  .apply_loan .modal-dialog {
    width: 100%;
    pointer-events: visible;
    background: none;
    min-height: 100%!important;
    height: 100%;
  }
  .apply_loan .list > li {
    width: 100%;
    margin-bottom: 23px;
  }
  .apply_loan .icon {
    height: 20px;
    top: 4px;
  }
  .apply_loan .icon img {
    max-height: 20px;
  }
  .apply_loan .head {
    padding-left: 40px;
  }
  .apply_loan .inner {
    padding-left: 40px;
  }
  .apply_loan .sub {
    padding-left: 40px;
  }
  .apply_loan .more {
    padding-top: 12px;
  }
}
.optionselect {
  margin-top: 13px;
  display: flex;
  flex-wrap: wrap;
}
.optionselect > li {
  margin-right: 35px;
}
.optionselect .checkinput {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
.optionselect .optlabel {
  padding-left: 12px;
  display: block;
  cursor: pointer;
  transition: all 0.35s;
  font-size: 14px;
  line-height: 19px;
  color: #B2B2B2;
  position: relative;
}
.optionselect .optlabel:before {
  top: 4px;
  left: 0px;
  content: '';
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  border: 1px solid #000;
  transition: all 0.35s;
}
.optionselect .checkinput:checked + .optlabel:before {
  background: #000;
}
.upsection {
  background-color: #D8EAFF;
  animation-name: fadeIn;
  position: relative;
  object-fit: contain;
}
@media (min-width: 767.1px) {
  .upsection {
    visibility: hidden;
  }
}
.upsection .back {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.35s;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 18px;
  right: -2px;
}
.upsection .back img {
  display: block;
  object-fit: contain;
  height: 16px;
}
.upsection .container {
  z-index: 1;
}
.upsection .bg {
  object-position: left bottom;
  object-fit: contain;
  right: 0px;
  bottom: 0px;
  position: absolute;
  height: 100%;
  width: 50%;
  display: block;
}
.upsection .hold {
  width: 750px;
  max-width: 48%;
}
.upsection .titre {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 45px;
  line-height: 50px;
  color: var(--black);
}
@media (max-width: 767px) {
  .upsection .titre {
    font-size: 30px;
    line-height: 35px;
  }
}
.upsection .text {
  margin-top: 12px;
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: var(--black);
  font-family: ProximaNovaSemibold;
}
.upsection .sub {
  position: relative;
  padding-top: 77px;
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .upsection .hold {
    max-width: 84%;
  }
  .upsection .sub {
    padding-top: 41px;
    padding-bottom: 60px;
  }
  .upsection .bg {
    width: 135px;
    object-fit: cover;
    height: 370px;
  }
  .upsection .back {
    top: 13px;
  }
  .upsection .back img {
    height: 13px;
  }
}
.Specs {
  padding-top: 90px;
  padding-bottom: 22px;
}
.Specs .box {
  display: flex;
  flex-wrap: wrap;
}
.Specs .box > li:nth-child(1) {
  padding-right: 70px;
  animation-name: fadeInUp;
  flex: 1;
  display: flex;
  align-items: center;
}
.Specs .box > li:nth-child(2) {
  width: 654px;
  animation-name: fadeInDown;
}
@media (min-width: 767.1px) {
  .Specs .box > li {
    visibility: hidden;
  }
}
.Specs .text {
  color: var(--red);
  font-family: 'ProximaNovaSemibold';
  font-weight: normal;
  font-size: 25px;
  line-height: 30px;
}
@media (max-width: 767px) {
  .Specs .text {
    font-size: 20px;
    line-height: 25px;
  }
}
.Specs .image img {
  width: 100%;
  display: block;
}
.Specs .data {
  margin-top: 48px;
}
.Specs .data > li + li {
  margin-top: 50px;
}
.Specs .unit {
  padding-left: 55px;
  cursor: pointer;
  display: flex;
  position: relative;
  align-items: center;
}
.Specs .unit:after {
  margin-left: 8px;
  content: '';
  background: url(../images/arrowleft.svg) no-repeat center;
  background-size: 12px;
  width: 12px;
  height: 12px;
  display: block;
  transform: rotate(180deg);
}
.Specs .icon {
  left: 0px;
  position: absolute;
  top: -5px;
  height: 28px;
  display: flex;
  align-items: center;
}
.Specs .icon img {
  object-fit: contain;
  display: block;
  max-width: 29px;
  max-height: 28px;
}
.Specs .icon:after {
  left: 0px;
  position: absolute;
  width: 14px;
  border-bottom: 2px solid #B0B0B0;
  display: block;
  content: '';
  bottom: -12px;
}
.Specs .sublabel {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 20px;
  line-height: 25px;
  font-family: ProximaNovaSemibold;
  color: var(--black);
  display: flex;
  align-items: center;
  width: calc(100% - 20px);
  transition: all 0.35s;
}
@media (max-width: 1333px) {
  .Specs .box > li:nth-child(1) {
    width: 55%;
  }
  .Specs .box > li:nth-child(2) {
    width: 45%;
  }
}
@media (max-width: 767px) {
  .Specs {
    padding-top: 44px;
    padding-bottom: 20px;
  }
  .Specs .box > li:nth-child(1) {
    padding-right: 0px;
    width: 100%;
  }
  .Specs .box > li:nth-child(2) {
    width: 100%;
    margin-top: 55px;
  }
  .Specs .data > li + li {
    margin-top: 37px;
  }
  .Specs .sublabel {
    font-size: 18px;
    line-height: 23px;
  }
  .Specs .unit {
    padding-left: 44px;
  }
  .Specs .icon img {
    max-width: 25px;
  }
}
.Brief {
  padding-top: 35px;
  padding-bottom: 50px;
}
.Brief.v2 .text {
  max-width: 877px;
}
@media (max-width: 767px) {
  .Brief.v2 {
    padding-bottom: 20px;
  }
}
.Brief.v3 .text {
  max-width: 700px;
}
@media (max-width: 767px) {
  .Brief.v3 {
    padding-bottom: 20px;
  }
}
.Brief .top {
  display: flex;
}
.Brief .info {
  animation-name: fadeIn;
}
@media (min-width: 767.1px) {
  .Brief .info {
    visibility: hidden;
  }
}
.Brief .title {
  font-family: 'ProximaNovaSemibold';
  font-weight: normal;
  font-size: 25px;
  line-height: 30px;
  font-family: ProximaNovaBold;
  color: var(--black);
  position: relative;
}
@media (max-width: 767px) {
  .Brief .title {
    font-size: 20px;
    line-height: 25px;
  }
}
.Brief .title:after {
  left: 0px;
  bottom: -3px;
  width: 100%;
  position: absolute;
  border-bottom: 2px solid var(--red);
  display: block;
  content: '';
}
.Brief .text {
  color: var(--black);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  font-family: ProximaNovaSemibold;
  margin-top: 14px;
  max-width: 1410px;
}
.Sols .top {
  margin-bottom: 20px;
}
.Sols .titre {
  font-family: 'ProximaNovaSemibold';
  font-weight: normal;
  font-size: 25px;
  line-height: 30px;
  font-family: ProximaNovaBold;
  color: var(--red);
}
@media (max-width: 767px) {
  .Sols .titre {
    font-size: 20px;
    line-height: 25px;
  }
}
.Sols .caption {
  color: var(--black);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  font-family: ProximaNovaSemibold;
  max-width: 1410px;
}
.Sols .screen {
  overflow: hidden;
  padding-top: 4px;
}
.Sols .swiper-slide {
  width: 358px;
  height: 414px;
  margin-right: 24px;
  animation-name: fadeIn;
}
@media (min-width: 767.1px) {
  .Sols .swiper-slide {
    visibility: hidden;
  }
}
.Sols .item {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.35s;
}
.Sols .pic {
  width: 100%;
  height: 100%;
  position: relative;
}
.Sols .pic:after {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.73);
}
.Sols .pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Sols .data {
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding: 22px 35px 25px;
}
.Sols .subtitle {
  color: var(--red);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 17px;
  line-height: 22px;
}
.Sols .subtext {
  color: #fff;
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  margin-top: 4px;
}
.Sols .info:after {
  margin-top: 33px;
  width: 14px;
  height: 13px;
  background-size: 11px;
  display: block;
  content: '';
  background: url(../images/arrowleft.svg) no-repeat;
  filter: invert(1);
  transform: scaleX(-1);
}
@media (max-width: 767px) {
  .Sols .screen {
    width: calc(100% + 20px);
  }
}
@media (max-width: 446px) {
  .Sols .swiper-slide {
    width: 308px;
    height: 364px;
  }
}
@media (max-width: 395px) {
  .Sols .swiper-slide {
    width: 268px;
    height: 324px;
  }
}
.inService {
  margin-top: -30px;
  z-index: 1;
  position: relative;
}
.inService .inhold {
  background-position: right bottom;
  background-repeat: no-repeat;
  background-color: #F5F5F5;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 20px;
  position: relative;
}
@media (max-width: 767px) {
  .inService {
    margin-top: -25px;
  }
  .inService .inhold {
    padding-left: 22px;
    padding-right: 22px;
    background-size: 190px;
  }
  .inService .Brief {
    padding-top: 30px;
  }
}
.instruments {
  padding-top: 55px;
}
.instruments .up {
  margin-bottom: 26px;
}
.instruments .titre1 {
  font-family: 'ProximaNovaSemibold';
  font-weight: normal;
  font-size: 25px;
  line-height: 30px;
  font-family: ProximaNovaBold;
  color: var(--black);
}
@media (max-width: 767px) {
  .instruments .titre1 {
    font-size: 20px;
    line-height: 25px;
  }
}
.instruments .titre2 {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  font-family: ProximaNovaSemibold;
  color: var(--black);
}
.instruments .screen {
  width: 100%;
  overflow: hidden;
  padding: 4px;
}
.instruments .swiper-wrapper {
  width: calc(100% + 23px);
}
.instruments .swiper-slide {
  width: calc(25% - 23px);
  margin-right: 23px;
  margin-bottom: 23px;
  height: auto;
  animation-name: fadeInUp;
}
@media (min-width: 767.1px) {
  .instruments .swiper-slide {
    visibility: hidden;
  }
}
.instruments .unit {
  height: 100%;
  display: block;
  position: relative;
  background: #fff;
  box-shadow: 0px 0px 10px #DDDDDD;
  min-height: 166px;
  padding: 30px 12px 44px 30px;
  transition: all 0.35s;
}
.instruments .unit:after {
  left: 30px;
  bottom: 24px;
  background-size: 11px;
  width: 12px;
  height: 12px;
  background: url(../images/arrowleft.svg) no-repeat;
  display: block;
  content: '';
  position: absolute;
  transform: rotate(180deg);
}
.instruments .subname {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 17px;
  line-height: 22px;
  color: var(--red);
}
.instruments .subcaption {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: var(--black);
  font-family: ProximaNovaSemibold;
}
@media (min-width: 767.1px) {
  .instruments .swiper-wrapper {
    transform: none!important;
    height: auto!important;
    flex-wrap: wrap;
  }
}
@media (max-width: 1300px) {
  .instruments .swiper-slide {
    width: calc(33.33% - 23px);
  }
}
@media (max-width: 1024px) {
  .instruments .swiper-slide {
    width: calc(50% - 23px);
  }
}
@media (max-width: 767px) {
  .instruments .swiper-slide {
    width: 261px;
    margin-right: 18px;
  }
  .instruments .swiper-wrapper {
    width: unset;
  }
  .instruments .screen {
    width: calc(100% + 40px);
  }
  .instruments .unit {
    min-height: 123px;
    padding-left: 20px;
    padding-top: 25px;
    padding-right: 7px;
  }
  .instruments .unit:after {
    left: 20px;
    bottom: 15px;
  }
}
.subAccs {
  padding-top: 53px;
  padding-bottom: 33px;
}
.subAccs .caption {
  font-family: 'ProximaNovaSemibold';
  font-weight: normal;
  font-size: 25px;
  line-height: 30px;
  font-family: ProximaNovaBold;
  color: var(--black);
}
@media (max-width: 767px) {
  .subAccs .caption {
    font-size: 20px;
    line-height: 25px;
  }
}
.subAccs .box {
  padding-top: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.subAccs .box > li {
  margin-bottom: 17px;
  animation-name: fadeIn;
  width: calc(50% - 12px);
}
@media (min-width: 767.1px) {
  .subAccs .box > li {
    visibility: hidden;
  }
}
.subAccs .image {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.subAccs .image img {
  width: 100%;
  display: block;
  height: 100%;
}
.subAccs .image:after {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.78);
}
.subAccs .note {
  color: var(--black);
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
}
.subAccs .unit {
  height: 100%;
  position: relative;
  display: block;
  overflow: hidden;
  transition: all 0.35s;
}
.subAccs .data {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 30px 11px 0px 36px;
  padding-bottom: clamp(4.375rem, 1.653rem + 5.677vw, 8.75rem);
}
.subAccs .icon {
  position: relative;
}
.subAccs .icon img {
  height: 24px;
  display: block;
  object-fit: contain;
}
.subAccs .icon:after {
  left: 0px;
  width: 100vw;
  bottom: -25px;
  display: block;
  content: '';
  border-bottom: 2px solid var(--red);
  position: absolute;
}
.subAccs .info {
  padding-top: 50px;
}
.subAccs .titre {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 20px;
  line-height: 25px;
  color: #fff;
}
.subAccs .text {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #928C8B;
  font-family: ProximaNovaSemibold;
  max-width: 410px;
  margin-top: 2px;
}
@media (max-width: 767px) {
  .subAccs {
    padding-bottom: 11px;
    padding-top: 37px;
  }
  .subAccs .box > li {
    width: 100%;
  }
  .subAccs .data {
    padding-left: 22px;
  }
  .subAccs .icon:after {
    bottom: -19px;
  }
  .subAccs .info {
    padding-top: 40px;
  }
}
.criteria {
  padding-top: 125px;
  padding-bottom: 33px;
}
.criteria .bg {
  animation-name: fadeIn;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 132px 20px 122px;
}
@media (min-width: 767.1px) {
  .criteria .bg {
    visibility: hidden;
  }
}
.criteria .bg:after {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.78);
}
.criteria .inside {
  position: relative;
  z-index: 1;
  max-width: 1230px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}
.criteria .inside > li:nth-child(1) {
  width: 55%;
  border-top: 2px solid var(--red);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 33px;
}
.criteria .inside > li:nth-child(2) {
  width: 45%;
}
.criteria .caption {
  color: #fff;
  font-family: 'ProximaNovaSemibold';
  font-weight: normal;
  font-size: 25px;
  line-height: 30px;
  font-family: ProximaNovaBold;
  max-width: 517px;
}
@media (max-width: 767px) {
  .criteria .caption {
    font-size: 20px;
    line-height: 25px;
  }
}
.criteria .text {
  color: #fff;
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 20px;
  line-height: 25px;
}
.criteria .text ul > li {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 2px solid rgba(255, 255, 255, 0.23);
}
.criteria .text ul > li:nth-child(1) {
  margin-top: 0px;
}
@media (max-width: 767px) {
  .criteria {
    padding-top: 48px;
    padding-bottom: 22px;
  }
  .criteria .bg {
    padding-top: 77px;
    padding-bottom: 58px;
  }
  .criteria .inside > li:nth-child(1) {
    width: 100%;
    padding-right: 0px;
  }
  .criteria .inside > li:nth-child(2) {
    width: 100%;
    margin-top: 22px;
  }
  .criteria .text {
    font-size: 17px;
    line-height: 22px;
  }
}
.App {
  padding-top: 82px;
  padding-bottom: 24px;
}
.App .in {
  padding-right: 114px;
}
.App .box {
  display: flex;
  flex-wrap: wrap;
}
.App .box > li:nth-child(1) {
  padding-right: 55px;
  width: 53%;
  animation-name: fadeInUp;
  padding-top: 33px;
  padding-bottom: 55px;
  display: flex;
  align-items: center;
}
.App .box > li:nth-child(2) {
  width: 47%;
  animation-name: fadeInDown;
}
@media (min-width: 767.1px) {
  .App .box > li {
    visibility: hidden;
  }
}
.App .inside {
  background: #F0F0F0;
  padding-left: 46px;
  padding-right: 0px;
}
.App .top {
  display: flex;
}
.App .title {
  font-family: 'ProximaNovaSemibold';
  font-weight: normal;
  font-size: 25px;
  line-height: 30px;
  font-family: ProximaNovaBold;
  color: var(--black);
  position: relative;
}
@media (max-width: 767px) {
  .App .title {
    font-size: 20px;
    line-height: 25px;
  }
}
.App .title:after {
  left: 0px;
  bottom: -3px;
  width: 100%;
  position: absolute;
  border-bottom: 2px solid var(--red);
  display: block;
  content: '';
}
.App .text {
  color: var(--black);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  font-family: ProximaNovaSemibold;
  margin-top: 14px;
  max-width: 670px;
}
.App .image {
  right: -38px;
  top: 18px;
  position: relative;
}
.App .image img {
  width: 100%;
  display: block;
}
.App .note {
  margin-top: 53px;
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
}
.App .more {
  margin-top: 70px;
}
.App .titre1 {
  font-family: 'ProximaNovaSemibold';
  font-weight: normal;
  font-size: 25px;
  line-height: 30px;
  font-family: ProximaNovaBold;
  color: var(--red);
}
@media (max-width: 767px) {
  .App .titre1 {
    font-size: 20px;
    line-height: 25px;
  }
}
.App .titre2 {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: var(--black);
}
.App .options {
  margin-top: 19px;
  display: flex;
  flex-wrap: wrap;
}
.App .options > li {
  margin-right: 10px;
}
.App .link {
  width: 52px;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.35s;
  box-shadow: 0px 0px 10px #ddd;
}
.App .link img {
  max-height: 23px;
  display: block;
  object-fit: contain;
}
@media (max-width: 1333px) {
  .App .in {
    padding-right: 5%;
  }
}
@media (max-width: 767px) {
  .App {
    padding-top: 22px;
    padding-bottom: 0px;
  }
  .App .in {
    padding-right: 0px;
  }
  .App .inside {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 27px;
    padding-bottom: 35px;
  }
  .App .box > li:nth-child(1) {
    padding: 0px;
    width: 100%;
  }
  .App .box > li:nth-child(2) {
    width: 100%;
    margin-top: 38px;
  }
  .App .image {
    top: auto;
    right: auto;
  }
  .App .link {
    width: 41px;
    height: 41px;
  }
  .App .link img {
    max-height: 17px;
  }
  .App .title {
    max-width: 230px;
  }
  .App .text {
    margin-top: 24px;
  }
  .App .more {
    margin-top: 40px;
  }
  .App .note {
    margin-top: 10px;
  }
}
.Flow {
  padding-bottom: 30px;
}
.Flow .up {
  margin-bottom: 18px;
}
.Flow .subtitre1 {
  color: var(--red);
  font-family: 'ProximaNovaSemibold';
  font-weight: normal;
  font-size: 25px;
  line-height: 30px;
  font-family: ProximaNovaBold;
}
@media (max-width: 767px) {
  .Flow .subtitre1 {
    font-size: 20px;
    line-height: 25px;
  }
}
.Flow .subtitre2 {
  color: var(--black);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  font-family: ProximaNovaSemibold;
}
.Flow .screen {
  overflow: hidden;
  padding-top: 4px;
}
.Flow .swiper-slide {
  width: 336px;
  height: 245px;
  margin-right: 17px;
  animation-name: fadeInUp;
}
.Flow .swiper-slide:nth-child(even) {
  animation-name: fadeInDown;
}
@media (min-width: 767.1px) {
  .Flow .swiper-slide {
    visibility: hidden;
  }
}
.Flow .fitem {
  height: 100%;
  width: 100%;
  display: block;
  transition: all 0.35s;
}
.Flow .fimg {
  height: 100%;
  width: 100%;
  position: relative;
}
.Flow .fimg img {
  height: 100%;
  width: 100%;
  display: block;
  object-fit: cover;
}
.Flow .fimg:after {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url(../images/shadow4.png) left bottom repeat-x;
}
.Flow .hold {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  padding: 22px 12px 20px 38px;
  display: flex;
  align-items: flex-end;
}
.Flow .subcaption {
  color: #fff;
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .Flow {
    padding-top: 12px;
  }
  .Flow .screen {
    width: calc(100% + 42px);
  }
  .Flow .swiper-slide {
    width: 174px;
    height: 127px;
    margin-right: 8px;
  }
  .Flow .swiper-slide:last-child {
    margin-right: 17px;
  }
  .Flow .subcaption {
    font-size: 14px;
    line-height: 19px;
  }
  .Flow .hold {
    padding: 15px;
  }
  .Flow .up {
    margin-bottom: 30px;
  }
  .Flow .subtitre1 {
    max-width: 242px;
  }
  .Flow .subtitre2 {
    margin-top: 4px;
  }
}
.mainkeys .holder {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.mainkeys .holder > li {
  animation-name: fadeIn;
  margin-bottom: 10px;
  width: calc(50% - 13px);
}
@media (min-width: 767.1px) {
  .mainkeys .holder > li {
    visibility: hidden;
  }
}
.mainkeys .box {
  height: 100%;
  display: block;
  background: #F5F5F5;
  padding: 17px 43px 17px;
  position: relative;
}
.mainkeys .box:after {
  left: 20px;
  border-left: 2px solid var(--red);
  height: 28px;
  top: 0px;
  bottom: 0px;
  display: block;
  content: '';
  position: absolute;
  margin: auto;
}
.mainkeys .name {
  color: var(--black);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .mainkeys .holder > li {
    width: 100%;
  }
}
.Safety {
  padding-top: 100px;
}
.Safety .sub {
  animation-name: fadeIn;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.Safety .sub > li:nth-child(1) {
  width: 235px;
  margin-right: 33px;
}
.Safety .sub > li:nth-child(2) {
  flex: 1;
}
@media (min-width: 767.1px) {
  .Safety .sub {
    visibility: hidden;
  }
}
.Safety .box {
  padding-right: 254px;
  position: relative;
  border-bottom: 2px solid var(--black);
  padding-bottom: 73px;
}
.Safety .text {
  color: var(--black);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  font-family: ProximaNovaSemibold;
  max-width: 990px;
}
.Safety .choose {
  position: absolute;
  top: 0px;
  right: 0px;
}
.Safety .choose > li + li {
  margin-top: 24px;
}
.Safety .custbtm {
  width: 100%;
}
.Safety .custbtm img {
  margin-left: 8px;
  margin-right: 8px;
  height: 13px;
  display: block;
  object-fit: contain;
}
.Safety .title1 {
  padding-left: 27px;
  color: var(--red);
  font-family: 'ProximaNovaSemibold';
  font-weight: normal;
  font-size: 25px;
  line-height: 30px;
  font-family: ProximaNovaBold;
  position: relative;
}
@media (max-width: 767px) {
  .Safety .title1 {
    font-size: 20px;
    line-height: 25px;
  }
}
.Safety .title1 img {
  left: 0px;
  top: 4px;
  position: absolute;
  width: 17px;
  display: block;
  object-fit: contain;
}
.Safety .title2 {
  padding-left: 27px;
  color: var(--black);
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
}
@media (max-width: 1200px) {
  .Safety .box {
    padding-right: 200px;
  }
  .Safety .custbtm {
    padding-left: 7px;
    padding-right: 7px;
  }
}
@media (max-width: 767px) {
  .Safety {
    padding-bottom: 20px;
    padding-top: 41px;
  }
  .Safety .sub > li:nth-child(1) {
    width: 100%;
    margin-right: 0px;
  }
  .Safety .sub > li:nth-child(2) {
    width: 100%;
    flex: unset;
  }
  .Safety .choose {
    position: relative;
    top: auto;
    right: auto;
  }
  .Safety .box {
    padding-right: 0px;
  }
  .Safety .choose {
    margin-top: 20px;
  }
  .Safety .choose > li + li {
    margin-top: 9px;
  }
  .Safety .choose > li {
    display: flex;
  }
  .Safety .custbtm {
    width: auto;
    min-width: 193px;
    height: 35px;
  }
  .Safety .box {
    padding-bottom: 25px;
    margin-top: 20px;
  }
}
.rights {
  padding-top: 82px;
}
.rights .up {
  display: flex;
}
.rights .title {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 45px;
  line-height: 50px;
  color: var(--black);
  position: relative;
}
@media (max-width: 767px) {
  .rights .title {
    font-size: 30px;
    line-height: 35px;
  }
}
.rights .title:after {
  right: 0px;
  width: 900px;
  bottom: -7px;
  position: absolute;
  border-bottom: 2px solid var(--red);
  display: block;
  content: '';
}
.rights .caption {
  margin-top: 15px;
  color: var(--black);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 19px;
  line-height: 24px;
}
.rights .rec {
  display: block;
  animation-name: fadeInLeft;
}
@media (min-width: 767.1px) {
  .rights .rec {
    visibility: hidden;
  }
}
.rights .rec:nth-child(even) {
  animation-name: fadeInRight;
}
.rights .rec:nth-child(even) .box {
  flex-direction: row-reverse;
}
.rights .rec + .rec {
  margin-top: 88px;
}
.rights .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.rights .box > li {
  width: calc(50% - 37px);
}
.rights .box > li:nth-child(1) {
  padding-top: 33px;
  padding-bottom: 33px;
  display: flex;
  align-items: center;
}
.rights .img img {
  width: 100%;
  display: block;
}
.rights .subtitle {
  color: var(--red);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 19px;
  line-height: 24px;
}
.rights .text {
  margin-top: 23px;
  color: var(--black);
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
}
.rights .text ul > li {
  padding-left: 37px;
  position: relative;
}
.rights .text ul > li:before {
  left: 0px;
  top: 6px;
  position: absolute;
  display: block;
  content: '';
  border-radius: 100%;
  width: 8px;
  height: 7px;
  background: #000;
}
.rights .text ul > li + li {
  margin-top: 19px;
}
@media (max-width: 1222px) {
  .rights .text ul > li {
    padding-left: 27px;
  }
  .rights .box > li {
    width: calc(50% - 20px);
  }
}
@media (max-width: 767px) {
  .rights {
    padding-top: 38px;
  }
  .rights .box > li {
    width: 100%;
  }
  .rights .box > li:nth-child(1) {
    padding: 0px;
  }
  .rights .box > li:nth-child(2) {
    margin-top: 37px;
  }
  .rights .rec + .rec {
    margin-top: 53px;
  }
  .rights .text {
    margin-top: 20px;
  }
  .rights .grp {
    margin-top: 30px;
  }
}
.Claims {
  padding-top: 113px;
  padding-bottom: 50px;
}
.Claims .in {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.Claims .in > li {
  padding: 50px 55px 115px;
  width: calc(50% - 14px);
  position: relative;
  overflow: hidden;
}
.Claims .in > li:nth-child(1) {
  background: var(--red);
  animation-name: fadeInUp;
}
.Claims .in > li:nth-child(2) {
  background: #F5F5F5;
  animation-name: fadeInDown;
}
.Claims .in > li:nth-child(2) .data {
  color: #000;
}
.Claims .in > li:nth-child(2) .name {
  color: #000;
}
.Claims .in > li:nth-child(2) .name:after {
  border-color: #000;
}
.Claims .in > li:nth-child(2) .caption {
  color: #000;
}
@media (min-width: 767.1px) {
  .Claims .in > li {
    visibility: hidden;
  }
}
.Claims .other {
  left: 55px;
  position: absolute;
  bottom: 33px;
}
.Claims .custbtm.white {
  color: var(--red);
}
.Claims .data {
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #fff;
  margin-top: 27px;
}
.Claims .name {
  color: #fff;
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 45px;
  line-height: 50px;
}
@media (max-width: 767px) {
  .Claims .name {
    font-size: 30px;
    line-height: 35px;
  }
}
.Claims .name:after {
  border-bottom: 2px solid #fff;
  width: 900px;
  margin-top: 2px;
  margin-bottom: 7px;
  display: block;
  content: '';
}
.Claims .caption {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 19px;
  line-height: 24px;
  color: #fff;
}
@media (max-width: 1200px) {
  .Claims .in > li {
    padding-left: 22px;
    padding-right: 19px;
    width: calc(50% - 10px);
  }
  .Claims .other {
    left: 22px;
  }
}
@media (max-width: 767px) {
  .Claims {
    padding-top: 46px;
    padding-bottom: 22px;
  }
  .Claims .in > li {
    width: 100%;
    padding-left: 27px;
  }
  .Claims .other {
    left: 27px;
  }
}
.claimpop {
  padding: 50px 0px!important;
}
.claimpop .modal-dialog {
  max-width: 1070px;
  width: calc(100% - 40px);
  margin: 0px auto !important;
}
.claimpop .wrap {
  background: #fff;
  position: relative;
  overflow: hidden;
  padding-left: 90px;
  padding-right: 25px;
  padding-top: 40px;
  padding-bottom: 70px;
}
.claimpop .head {
  margin-bottom: 75px;
  position: relative;
}
.claimpop .head:after {
  right: 0px;
  border-bottom: 2px solid var(--red);
  display: block;
  content: '';
  width: 100vw;
  position: absolute;
  bottom: -35px;
}
.claimpop .title {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 36px;
  line-height: 41px;
  color: var(--black);
}
@media (max-width: 767px) {
  .claimpop .title {
    font-size: 25px;
    line-height: 30px;
  }
}
.claimpop .subtitle {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 22px;
  line-height: 27px;
  color: var(--red);
}
.claimpop .list {
  margin-top: 22px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.claimpop .list > li {
  width: calc(50% - 30px);
  margin-bottom: 23px;
}
.claimpop .inner {
  width: 943px;
  max-width: 90%;
}
.claimpop .custbtm {
  min-width: 196px;
}
.claimpop .more {
  display: flex;
  padding-top: 20px;
}
@media (max-width: 767px) {
  .claimpop {
    padding: 0px!important;
  }
  .claimpop .wrap {
    padding: 13px 25px 34px;
  }
  .claimpop .modal-content {
    min-height: 100%;
    margin: auto!important;
    background: #fff;
  }
  .claimpop .modal-dialog {
    width: 100%;
    pointer-events: visible;
    background: none;
    min-height: 100%!important;
    height: 100%;
  }
  .claimpop .list > li {
    width: 100%;
    margin-bottom: 23px;
  }
  .claimpop .inner {
    max-width: 100%;
  }
  .claimpop .custbtm {
    min-width: 144px;
  }
  .claimpop .head {
    padding-right: 27px;
    margin-bottom: 44px;
  }
  .claimpop .head:after {
    bottom: -22px;
  }
}
.performance {
  padding-bottom: 35px;
  overflow: hidden;
  position: relative;
}
.performance .other {
  margin-top: 16px;
  display: flex;
}
.performance .inside {
  padding-top: 78px;
  padding-right: 33px;
  position: relative;
}
.performance .title {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 45px;
  line-height: 50px;
  color: #000;
  position: relative;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .performance .title {
    font-size: 30px;
    line-height: 35px;
  }
}
.performance .title:after {
  right: 0px;
  bottom: -3px;
  border-bottom: 2px solid var(--red);
  width: 100vw;
  display: block;
  content: '';
  position: absolute;
}
.performance .text {
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #000;
  max-width: 820px;
}
.performance .back {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.35s;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 44px;
  right: -2px;
}
.performance .back img {
  display: block;
  object-fit: contain;
  height: 16px;
}
.performance .holder {
  position: relative;
  display: flex;
}
.performance .img img {
  width: 100%;
  object-fit: cover;
}
.performance .data {
  padding-top: 55px;
}
.performance .unit {
  display: block;
  animation-name: fadeInRight;
}
.performance .unit:nth-child(even) {
  animation-name: fadeInLeft;
}
.performance .unit:nth-child(even) .sub {
  flex-direction: row-reverse;
}
@media (min-width: 767.1px) {
  .performance .unit {
    visibility: hidden;
  }
}
.performance .unit + .unit {
  margin-top: 75px;
}
.performance .sub {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.performance .sub > li {
  width: 50%;
  overflow: hidden;
}
.performance .sub > li:nth-child(1) {
  display: flex;
  align-items: center;
  z-index: 1;
  position: relative;
}
.performance .subtext {
  margin-top: 18px;
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: var(--black);
  font-family: ProximaNovaSemibold;
}
.performance .subtext ul > li + li {
  margin-top: 18px;
}
.performance .subtext ul > li {
  padding-left: 23px;
  position: relative;
}
.performance .subtext ul > li:before {
  left: 0px;
  top: 6px;
  width: 6px;
  height: 6px;
  position: absolute;
  background: #000;
  border-radius: 100%;
  display: block;
  content: '';
}
.performance .name {
  font-family: 'ProximaNovaSemibold';
  font-weight: normal;
  font-size: 25px;
  line-height: 30px;
  color: var(--black);
  font-family: ProximaNovaBold;
  position: relative;
}
@media (max-width: 767px) {
  .performance .name {
    font-size: 20px;
    line-height: 25px;
  }
}
.performance .name:after {
  right: 0px;
  bottom: -3px;
  border-bottom: 2px solid var(--red);
  width: 100vw;
  display: block;
  content: '';
  position: absolute;
}
.performance .in {
  display: flex;
}
.performance .inabout {
  padding-left: 98px;
  padding-top: 112px;
  padding-bottom: 115px;
  padding-right: 40px;
  background: #F5F5F5;
  width: 100%;
}
@media (max-width: 1222px) {
  .performance .about {
    padding-left: 50px;
  }
}
@media (max-width: 767px) {
  .performance {
    padding-bottom: 10px;
  }
  .performance .sub > li {
    width: 100%;
  }
  .performance .unit + .unit {
    margin-top: 45px;
  }
  .performance .inabout {
    padding-left: 35px;
    padding-top: 30px;
    padding-bottom: 35px;
    padding-right: 22px;
  }
  .performance .inside {
    padding-top: 38px;
  }
  .performance .back {
    top: 13px;
  }
  .performance .back img {
    height: 13px;
  }
  .performance .data {
    padding-top: 38px;
  }
}
.annreports {
  padding-bottom: 35px;
  overflow: hidden;
  position: relative;
}
.annreports .inside {
  padding-top: 78px;
  padding-right: 33px;
  position: relative;
}
.annreports .title {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 45px;
  line-height: 50px;
  color: #000;
  position: relative;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .annreports .title {
    font-size: 30px;
    line-height: 35px;
  }
}
.annreports .title:after {
  right: 0px;
  bottom: -3px;
  border-bottom: 2px solid var(--red);
  width: 100vw;
  display: block;
  content: '';
  position: absolute;
}
.annreports .text {
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #000;
  max-width: 820px;
}
.annreports .back {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.35s;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 44px;
  right: -2px;
}
.annreports .back img {
  display: block;
  object-fit: contain;
  height: 16px;
}
.annreports .holder {
  display: flex;
}
.annreports .sub {
  margin-top: 77px;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 63px);
}
.annreports .sub > li {
  width: calc(25% - 63px);
  margin-right: 63px;
  margin-bottom: 52px;
  animation-name: fadeInUp;
}
@media (min-width: 767.1px) {
  .annreports .sub > li {
    visibility: hidden;
  }
}
.annreports .downunit {
  height: 100%;
  width: 100%;
  display: block;
  position: relative;
  background: #F5F5F5;
  border-bottom: 2px solid var(--red);
  min-height: 80px;
  display: flex;
  align-items: center;
  padding: 20px;
  padding-right: 42px;
}
.annreports .name {
  color: var(--black);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 20px;
  line-height: 25px;
  transition: all 0.35s;
}
.annreports .btm {
  position: absolute;
  right: 20px;
}
.annreports .btm img {
  height: 15px;
  display: block;
  object-fit: contain;
}
@media (max-width: 1300px) {
  .annreports .sub > li {
    width: calc(33.33% - 63px);
  }
}
@media (max-width: 1155px) {
  .annreports .sub > li {
    width: calc(50% - 63px);
  }
}
@media (max-width: 767px) {
  .annreports {
    padding-bottom: 10px;
  }
  .annreports .sub > li {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 9px;
  }
  .annreports .sub {
    width: 100%;
  }
  .annreports .downunit {
    min-height: 60px;
    padding-left: 15px;
    padding-right: 33px;
  }
  .annreports .btm {
    right: 15px;
  }
  .annreports .inside {
    padding-top: 38px;
  }
  .annreports .back {
    top: 13px;
  }
  .annreports .back img {
    height: 13px;
  }
  .annreports .sub {
    margin-top: 46px;
  }
  .annreports .name {
    font-size: 14px;
    line-height: 19px;
  }
  .annreports .btm img {
    height: 12px;
  }
}
.performance.v2 .inabout {
  background: none;
  padding-top: 0px;
  padding-bottom: 0px;
}
.performance.v2 .sub > li {
  overflow: unset;
}
.performance.v2 .sub > li:nth-child(1) {
  display: flex;
  justify-content: flex-end;
}
.performance.v2 .unit:nth-child(odd) {
  overflow: hidden;
}
.performance.v2 .unit:nth-child(odd) .sub > li:nth-child(1) {
  justify-content: flex-start;
}
.performance.v2 .unit + .unit {
  margin-top: 96px;
}
@media (max-width: 1280px) {
  .performance.v2 .inabout {
    padding-left: 0px;
  }
  .performance.v2 .unit:nth-child(odd) .inabout {
    padding-left: 44px;
  }
  .performance.v2 .sub {
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .performance.v2 .img {
    width: 100%;
  }
  .performance.v2 .sub > li:nth-child(1) {
    margin-top: 35px;
    order: 2;
  }
  .performance.v2 .sub > li:nth-child(2) {
    order: 1;
  }
  .performance.v2 .unit:nth-child(odd) .inabout {
    padding-left: 0px;
  }
  .performance.v2 .unit:nth-child(odd) {
    overflow: unset;
  }
  .performance.v2 .unit + .unit {
    margin-top: 45px;
  }
}
.signUp {
  position: relative;
  overflow: hidden;
}
.signUp .bg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 55px;
  padding-bottom: 55px;
  min-height: calc(100vh - 71px);
  position: relative;
  display: flex;
  align-items: center;
}
.signUp .bg:after {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.41);
}
.signUp .container {
  z-index: 1;
  width: 100%;
}
.signUp .sub {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.signUp .info {
  padding-right: 40px;
  width: 45%;
  animation-name: fadeInUp;
  display: flex;
  align-items: center;
}
@media (min-width: 767.1px) {
  .signUp .info {
    visibility: hidden;
  }
}
.signUp .box {
  width: 55%;
  animation-name: fadeIn;
}
@media (min-width: 767.1px) {
  .signUp .box {
    visibility: hidden;
  }
}
.signUp .holder {
  padding: 50px 81px 50px;
  background: #fff;
  min-height: 200px;
}
.signUp .text {
  color: #fff;
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  max-width: 540px;
  margin-top: 28px;
}
.signUp .top {
  display: flex;
}
.signUp .title {
  color: #fff;
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 45px;
  line-height: 50px;
  position: relative;
}
@media (max-width: 767px) {
  .signUp .title {
    font-size: 30px;
    line-height: 35px;
  }
}
.signUp .title:after {
  right: 0px;
  bottom: -3px;
  border-bottom: 2px solid var(--red);
  width: 100vw;
  display: block;
  content: '';
  position: absolute;
}
.signUp .more {
  padding-top: 12px;
  display: flex;
}
.signUp .custbtm {
  padding-left: 40px;
  padding-right: 40px;
}
.signUp .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.signUp .list > li {
  margin-bottom: 22px;
  width: calc(50% - 28px);
}
.signUp .list > li.big {
  width: 100%;
}
@media (max-width: 1300px) {
  .signUp .holder {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 1130px) {
  .signUp .list > li {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .signUp .info {
    width: 100%;
    padding-right: 0px;
  }
  .signUp .box {
    width: 100%;
    margin-top: 44px;
  }
  .signUp .bg {
    padding-top: 34px;
    padding-bottom: 34px;
    min-height: 0px;
  }
  .signUp .holder {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 33px;
    padding-bottom: 33px;
  }
  .signUp .more {
    padding-top: 7px;
  }
}
.locateus {
  padding-top: 110px;
  overflow: hidden;
}
.locateus .sub {
  animation-name: fadeInUp;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}
@media (min-width: 767.1px) {
  .locateus .sub {
    visibility: hidden;
  }
}
.locateus .sub > li:nth-child(1) {
  padding-right: 34px;
  width: calc(100% - 683px);
}
.locateus .sub > li:nth-child(2) {
  width: 683px;
  display: flex;
  justify-content: flex-end;
}
.locateus .map {
  height: 550px;
  width: 100%;
  background: #ddd;
}
.locateus .hold {
  overflow: hidden;
}
.locateus .up {
  display: flex;
}
.locateus .sort {
  padding-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.locateus .sort > li {
  width: calc(50% - 15px);
  margin-bottom: 25px;
}
.locateus .title {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 45px;
  line-height: 50px;
  color: #000;
  position: relative;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .locateus .title {
    font-size: 30px;
    line-height: 35px;
  }
}
.locateus .title:after {
  right: 0px;
  bottom: -3px;
  border-bottom: 2px solid var(--red);
  width: 100vw;
  display: block;
  content: '';
  position: absolute;
}
.locateus .swiper-wrapper {
  width: calc(100% + 29px);
}
.locateus .swiper-slide {
  margin-right: 29px;
  width: 362px;
  max-width: calc(50% - 29px);
}
.locateus .swiper-slide:last-child {
  margin-right: 0px;
}
.locateus .box {
  padding-left: 30px;
  padding-right: 10px;
  padding-top: 47px;
  padding-bottom: 50px;
  min-height: 358px;
  display: block;
  background: #F6F6F6;
  width: 100%;
  overflow: hidden;
}
.locateus .img {
  top: -1px;
  height: 20px;
  display: flex;
  align-items: center;
  width: 47px;
  position: relative;
}
.locateus .img img {
  width: 16px;
  max-height: 18px;
  display: block;
  object-fit: contain;
}
.locateus .data > li {
  display: flex;
}
.locateus .data > li + li {
  margin-top: 16px;
}
.locateus .caption {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: var(--black);
  width: calc(100% - 47px);
}
.locateus .in {
  display: flex;
}
.locateus .name {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 22px;
  line-height: 27px;
  color: #000;
  position: relative;
  margin-bottom: 62px;
}
.locateus .name:after {
  right: 0px;
  bottom: -3px;
  border-bottom: 2px solid var(--red);
  width: 100vw;
  display: block;
  content: '';
  position: absolute;
}
.locateus .branches {
  padding-left: 37px;
  position: relative;
}
.locateus .swiper-scrollbar {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 3px;
  width: 358px;
  transform: rotate(90deg);
  transform-origin: 0 0;
}
@media (max-width: 1700px) {
  .locateus .sub > li:nth-child(1) {
    width: 54%;
  }
  .locateus .sub > li:nth-child(2) {
    width: 46%;
  }
}
@media (max-width: 1500px) {
  .locateus .swiper-slide {
    max-width: none;
  }
}
@media (max-width: 1222px) {
  .locateus .branches {
    padding-left: 25px;
  }
}
@media (max-width: 1050px) {
  .locateus .swiper-slide {
    margin-right: 13px;
    width: 301px;
  }
  .locateus .branches {
    padding-left: 17px;
  }
  .locateus .sub > li:nth-child(1) {
    padding-right: 17px;
  }
  .locateus .img {
    width: 37px;
  }
  .locateus .caption {
    width: calc(100% - 37px);
  }
}
@media (max-width: 767px) {
  .locateus {
    padding-top: 31px;
  }
  .locateus .sub > li:nth-child(1) {
    padding-right: 0px;
    width: 100%;
    padding-left: 0px;
  }
  .locateus .sub > li:nth-child(2) {
    width: 100%;
    margin-top: 36px;
  }
  .locateus .map {
    height: 313px;
  }
  .locateus .swiper-scrollbar {
    transform: none;
    position: relative;
    width: 100%;
    top: auto;
    left: auto;
    margin-top: 31px;
  }
  .locateus .branches {
    padding: 0px;
  }
  .locateus .hold {
    width: calc(100% + 20px);
  }
  .locateus .swiper-slide {
    margin-right: 20px;
    width: 339px;
    max-width: none;
  }
  .locateus .swiper-slide:last-child {
    margin-right: 20px;
  }
  .locateus .swiper-wrapper {
    width: unset;
  }
  .locateus .sort > li {
    width: 100%;
    margin-bottom: 18px;
  }
  .locateus .sort > li:last-child {
    margin-bottom: 0px;
  }
  .locateus .sort {
    padding-bottom: 35px;
  }
  .locateus .title {
    margin-bottom: 37px;
  }
  .locateus .box {
    padding-top: 27px;
    min-height: 281px;
  }
  .locateus .name {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 35px;
  }
  .locateus .img {
    top: 0px;
  }
}
@media (max-width: 420px) {
  .locateus .swiper-slide {
    margin-right: 16px;
    max-width: 300px;
  }
}
@media (max-width: 390px) {
  .locateus .swiper-slide {
    max-width: 280px;
  }
  .locateus .box {
    padding-left: 23px;
  }
}
@media (max-width: 368px) {
  .locateus .swiper-slide {
    max-width: 270px;
  }
}
.contacting {
  position: relative;
  overflow: hidden;
}
.contacting .bg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 55px;
  padding-bottom: 55px;
  min-height: calc(100vh - 71px);
  position: relative;
  display: flex;
  align-items: center;
}
.contacting .bg:after {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.58);
}
.contacting .container {
  animation-name: fadeInUp;
  z-index: 1;
  width: 100%;
}
@media (min-width: 767.1px) {
  .contacting .container {
    visibility: hidden;
  }
}
.contacting .sub {
  display: flex;
  overflow: hidden;
  flex-wrap: wrap;
}
.contacting .sub > li:nth-child(1) {
  width: 400px;
  padding-right: 27px;
}
.contacting .sub > li:nth-child(1) .title {
  color: #fff;
}
.contacting .sub > li:nth-child(2) {
  flex: 1;
}
.contacting .title {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 45px;
  line-height: 50px;
  color: #000;
  position: relative;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .contacting .title {
    font-size: 30px;
    line-height: 35px;
  }
}
.contacting .hold {
  display: flex;
}
.contacting .in {
  padding-top: 43px;
}
.contacting .box {
  padding-top: 43px;
  padding-left: 80px;
  padding-right: 80px;
  padding-bottom: 40px;
  width: 100%;
  background: #fff;
  height: 100%;
}
.contacting .box .title:after {
  right: 0px;
  bottom: -3px;
  border-bottom: 2px solid var(--red);
  width: 100vw;
  display: block;
  content: '';
  position: absolute;
}
.contacting .img {
  top: -1px;
  height: 20px;
  display: flex;
  align-items: center;
  width: 47px;
  position: relative;
}
.contacting .img img {
  width: 16px;
  max-height: 18px;
  filter: invert(1);
  display: block;
  object-fit: contain;
}
.contacting .data {
  margin-top: 120px;
}
.contacting .data > li {
  display: flex;
  flex-wrap: wrap;
}
.contacting .data > li + li {
  margin-top: 60px;
}
.contacting .caption {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #fff;
  width: calc(100% - 47px);
}
.contacting .inside {
  padding-left: 47px;
  width: 100%;
  margin-top: 15px;
}
.contacting .more {
  display: flex;
}
.contacting .text {
  max-width: 950px;
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #000;
}
.contacting .other {
  padding-top: 10px;
  display: flex;
}
.contacting .list {
  margin-top: 35px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contacting .list > li {
  margin-bottom: 22px;
  width: calc(50% - 40px);
}
.contacting .list > li.wide {
  width: 100%;
}
.contacting .custbtm {
  min-width: 146px;
}
@media (max-width: 1222px) {
  .contacting .box {
    padding-left: 38px;
    padding-right: 38px;
  }
}
@media (max-width: 1024px) {
  .contacting .list > li {
    width: 100%;
  }
  .contacting .sub > li:nth-child(1) {
    width: 45%;
  }
  .contacting .sub > li:nth-child(2) {
    width: 55%;
  }
  .contacting .box {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 767px) {
  .contacting .bg {
    padding-top: 25px;
  }
  .contacting .sub > li:nth-child(1) {
    padding-right: 0px;
    width: 100%;
  }
  .contacting .sub > li:nth-child(2) {
    width: 100%;
    margin-top: 35px;
  }
  .contacting .in {
    padding: 0px;
  }
  .contacting .data {
    margin-top: 40px;
  }
  .contacting .inside {
    padding-left: 29px;
  }
  .contacting .img {
    width: 29px;
  }
  .contacting .data > li + li {
    margin-top: 46px;
  }
  .contacting .list {
    margin-top: 25px;
  }
  .contacting .box {
    padding-left: 34px;
    padding-right: 34px;
    padding-bottom: 31px;
    padding-top: 29px;
  }
  .contacting .in .title:after {
    right: 0px;
    bottom: -3px;
    border-bottom: 2px solid var(--red);
    width: 100vw;
    display: block;
    content: '';
    position: absolute;
  }
}
.Pub {
  position: relative;
  overflow: hidden;
}
.Pub .bg {
  animation-name: fadeIn;
  display: flex;
  align-items: center;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 38px;
  padding-bottom: 38px;
}
@media (min-width: 767.1px) {
  .Pub .bg {
    visibility: hidden;
  }
}
.Pub .container {
  width: 100%;
  margin: 0px;
}
.Pub .hold {
  width: 577px;
  max-width: 55%;
  background: rgba(0, 0, 0, 0.88);
  backdrop-filter: blur(6px);
}
.Pub .screen {
  overflow: hidden;
}
.Pub .in {
  padding: 30px 50px 15px;
  display: flex;
  align-content: space-between;
  flex-wrap: wrap;
  min-height: 483px;
}
.Pub .top {
  width: 100%;
}
.Pub .more {
  width: 100%;
  margin-top: 44px;
}
.Pub .title {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 45px;
  line-height: 50px;
  color: #fff;
}
@media (max-width: 767px) {
  .Pub .title {
    font-size: 30px;
    line-height: 35px;
  }
}
.Pub .caption {
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #fff;
}
.Pub .date {
  font-family: 'ProximaNovaSemibold';
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
  color: #fff;
  font-family: ProximaNovaRegular;
  text-transform: uppercase;
}
.Pub .titre1 {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 29px;
  line-height: 34px;
  color: #fff;
  margin-top: 14px;
}
@media (max-width: 767px) {
  .Pub .titre1 {
    font-size: 25px;
    line-height: 30px;
  }
}
.Pub .titre2 {
  font-family: 'ProximaNovaRegular';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #fff;
}
.Pub .other {
  margin-top: 17px;
  display: flex;
}
.Pub .swiper-pagination {
  margin-top: 22px;
  position: relative;
  left: auto;
  top: auto;
}
.Pub .swiper-pagination-bullet {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 18px;
  margin-bottom: 18px;
}
@media (max-width: 767px) {
  .Pub .hold {
    max-width: none;
    width: 100%;
  }
  .Pub .bg {
    padding-top: 20px;
    padding-bottom: 100px;
  }
}
.PR {
  padding-top: 62px;
  overflow: hidden;
}
.PR .secmenu {
  margin-bottom: 39px;
}
.PR .sub {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 12px);
}
.PR .sub > li {
  margin-right: 12px;
  margin-bottom: 60px;
  width: calc(33.33% - 12px);
  animation-name: fadeIn;
}
@media (min-width: 767.1px) {
  .PR .sub > li {
    visibility: hidden;
  }
}
.PR .item {
  height: 100%;
  display: block;
}
.PR .image {
  margin-bottom: 10px;
  transition: all 0.35s;
}
.PR .image img {
  width: 100%;
  display: block;
}
.PR .date {
  text-transform: uppercase;
  font-family: 'ProximaNovaSemibold';
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
  color: var(--red);
  font-family: ProximaNovaRegular;
}
.PR .other {
  margin-top: 26px;
  display: flex;
}
.PR .titre {
  color: var(--black);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 20px;
  line-height: 25px;
  margin-top: 8px;
}
.PR .text {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  font-family: ProximaNovaSemibold;
  color: var(--black);
  margin-top: 4px;
}
@media (max-width: 1024px) {
  .PR .sub > li {
    width: calc(50% - 12px);
  }
}
@media (max-width: 767px) {
  .PR {
    padding-bottom: 33px;
    padding-top: 53px;
  }
  .PR .sub > li {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  .PR .sub > li + li {
    margin-top: 57px;
  }
  .PR .sub {
    width: 100%;
  }
}
.newsdetails .sub {
  animation-name: fadeIn;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 767.1px) {
  .newsdetails .sub {
    visibility: hidden;
  }
}
.newsdetails .sub > li:nth-child(1) {
  width: 50%;
}
.newsdetails .sub > li:nth-child(2) {
  padding-left: 90px;
  width: 50%;
  display: flex;
  align-items: center;
}
.newsdetails .sub > li {
  overflow: hidden;
}
.newsdetails .img img {
  width: 100%;
  display: block;
}
.newsdetails .holder {
  width: 100%;
  overflow: hidden;
}
.newsdetails .top {
  display: flex;
}
.newsdetails .date {
  text-transform: uppercase;
  font-family: 'ProximaNovaSemibold';
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
  color: var(--red);
  font-family: ProximaNovaRegular;
}
.newsdetails .name {
  color: var(--black);
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 29px;
  line-height: 34px;
  margin-top: 5px;
  position: relative;
}
@media (max-width: 767px) {
  .newsdetails .name {
    font-size: 25px;
    line-height: 30px;
  }
}
.newsdetails .name:after {
  right: 0px;
  bottom: -10px;
  border-bottom: 2px solid var(--red);
  width: 100vw;
  display: block;
  content: '';
  position: absolute;
}
.newsdetails .text {
  animation-name: fadeInUp;
  margin-top: 80px;
  max-width: 630px;
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  font-family: ProximaNovaSemibold;
  color: var(--black);
}
@media (min-width: 767.1px) {
  .newsdetails .text {
    visibility: hidden;
  }
}
.newsdetails .nav {
  margin-top: 38px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.newsdetails .ctrl {
  width: 22px;
  height: 22px;
  transition: all 0.35s;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin: 0px 5px;
}
.newsdetails .inner {
  padding-top: 130px;
  position: relative;
}
.newsdetails .back {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.35s;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 41px;
  right: -2px;
}
.newsdetails .back img {
  display: block;
  object-fit: contain;
  height: 16px;
}
@media (max-width: 1200px) {
  .newsdetails .sub > li:nth-child(2) {
    padding-left: 37px;
  }
}
@media (max-width: 767px) {
  .newsdetails {
    padding-bottom: 44px;
  }
  .newsdetails .inner {
    padding-top: 55px;
  }
  .newsdetails .sub > li:nth-child(2) {
    padding-left: 0px;
    width: 100%;
    order: 1;
  }
  .newsdetails .sub > li:nth-child(1) {
    width: 100%;
    order: 2;
    margin-top: 55px;
  }
  .newsdetails .sub > li {
    overflow: unset;
  }
  .newsdetails .nav {
    margin-top: 23px;
  }
  .newsdetails .text {
    margin-top: 30px;
  }
  .newsdetails .back {
    top: 17px;
  }
  .newsdetails .back img {
    height: 13px;
  }
}
.toplayout {
  position: relative;
}
.toplayout .bg {
  background-size: cover;
  background-position: center center;
  position: relative;
  padding: 70px 0px 130px;
}
.toplayout .bg:after {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.toplayout .container {
  z-index: 1;
}
.toplayout .pic {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.toplayout .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.toplayout .pic img.mob {
  display: none;
}
.toplayout .inner {
  position: relative;
  z-index: 1;
}
.toplayout .info {
  text-align: center;
  max-width: 680px;
  position: relative;
  margin: auto;
  animation-name: fadeIn;
}
@media (min-width: 767.1px) {
  .toplayout .info {
    visibility: hidden;
  }
}
.toplayout .titre {
  color: #fff;
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 40px;
  line-height: 115%;
}
@media (max-width: 767px) {
  .toplayout .titre {
    font-size: 27px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .toplayout .titre {
    font-size: 22px;
  }
  .toplayout .info {
    max-width: 392px;
  }
  .toplayout .pic img.mob {
    display: block;
  }
  .toplayout .pic img.desktop {
    display: none;
  }
}
.inmenu {
  background: #000;
  margin-top: -64px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inmenu .screen {
  opacity: 0;
}
.inmenu .screen.swiper-container-initialized {
  opacity: 1;
}
.inmenu .swiper-slide {
  width: auto;
}
.inmenu .link {
  cursor: pointer;
  height: 64px;
  text-transform: uppercase;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.35s;
  padding: 0px 32px 0px;
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 17px;
  line-height: 22px;
  font-family: 'ProximaNovaSemibold';
  color: rgba(255, 255, 255, 0.6);
  line-height: 107%;
}
.inmenu .link.active {
  background: var(--red);
  color: #fff;
  pointer-events: none;
}
.inmenu .label {
  margin: auto;
  position: relative;
}
@media (max-width: 767px) {
  .inmenu .link {
    font-size: 15px;
    padding: 0px 38px 0px;
  }
  .inmenu .label {
    max-width: 145px;
  }
}
.insidedata {
  padding: 76px 0px 20px;
  overflow: hidden;
}
.insidedata .boxli {
  display: none;
}
.insidedata .boxli:nth-child(1) {
  display: block;
}
.insidedata .inner {
  z-index: 1;
  position: relative;
}
.insidedata .hold {
  background: #FBFBFB;
  padding: 57px 57px 57px;
  animation-name: fadeIn;
  position: relative;
}
.insidedata .hold:after {
  position: absolute;
  top: 0px;
  height: 100%;
  width: 20%;
  pointer-events: none;
  right: 0px;
  background: #fff;
  display: block;
  content: '';
}
@media (min-width: 767.1px) {
  .insidedata .hold {
    visibility: hidden;
  }
}
.insidedata .side {
  display: flex;
  flex-wrap: wrap;
}
.insidedata .side > li:nth-child(1) {
  padding-right: 12px;
  width: 57%;
}
.insidedata .side > li:nth-child(2) {
  width: 43%;
}
.insidedata .name {
  margin-bottom: 27px;
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 39px;
  line-height: 115%;
  color: var(--red);
}
@media (max-width: 767px) {
  .insidedata .name {
    font-size: 26px;
    line-height: 30px;
  }
}
.insidedata .text {
  color: #000000;
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 18px;
  line-height: 23px;
  font-family: 'ProximaNovaSemibold';
}
.insidedata .text ul > li {
  padding-left: 29px;
  position: relative;
}
.insidedata .text ul > li:after {
  top: 8px;
  left: 0px;
  position: absolute;
  display: block;
  content: '';
  background: #000;
  border-radius: 100%;
  width: 5px;
  height: 5px;
}
.insidedata .text ul > li + li {
  margin-top: 10px;
}
.insidedata .more {
  margin-top: 30px;
  display: flex;
}
.insidedata .pic {
  position: relative;
}
.insidedata .pic img {
  max-height: 282px;
  object-fit: contain;
  display: block;
}
.insidedata .pic + .pic {
  margin-top: 40px;
}
.insidedata .other {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100% ;
  display: flex;
  align-items: center;
  pointer-events: none;
}
.insidedata .titlepic {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 20px;
  line-height: 25px;
  padding: 5px 18px 5px;
  background: var(--red);
  color: #fff;
  pointer-events: visible;
}
@media (max-width: 1024px) {
  .insidedata .side > li:nth-child(1) {
    padding-right: 0px;
    width: 100%;
    order: 2;
    margin-top: 33px;
  }
  .insidedata .side > li:nth-child(2) {
    width: 100%;
    order: 1;
  }
}
@media (max-width: 767px) {
  .insidedata {
    padding: 33px 0px 20px;
  }
  .insidedata .pic + .pic {
    margin-top: 21px;
  }
  .insidedata .pic img {
    max-height: 184px;
  }
  .insidedata .hold {
    padding: 0px 22px 17px;
  }
  .insidedata .hold:after {
    display: none;
  }
  .insidedata .hold:before {
    display: block;
    content: '';
    background: #fff;
    position: absolute;
    left: 0px;
    width: 100%;
    pointer-events: none;
    height: 127px;
  }
  .insidedata .titlepic {
    padding: 3px 11px 3px;
    font-size: 13px;
  }
  .insidedata .text ul > li {
    padding-left: 20px;
  }
  .insidedata .text ul > li + li {
    margin-top: 6px;
  }
  .insidedata .name {
    margin-bottom: 14px;
  }
}
.evaluating {
  padding-top: 37px;
  padding-bottom: 77px;
  overflow: hidden;
}
.evaluating .head {
  margin-bottom: 50px;
}
.evaluating .top {
  margin-bottom: 15px;
  display: flex;
}
.evaluating .title {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 45px;
  line-height: 50px;
  color: var(--black);
}
@media (max-width: 767px) {
  .evaluating .title {
    font-size: 30px;
    line-height: 35px;
  }
}
.evaluating .title:after {
  left: -100px;
  border-bottom: 3px solid var(--red);
  display: block;
  position: relative;
  width: calc(100% + 100px);
  margin-top: 5px;
  content: '';
}
.evaluating .title.small {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 29px;
  line-height: 34px;
}
@media (max-width: 767px) {
  .evaluating .title.small {
    font-size: 25px;
    line-height: 30px;
  }
}
.evaluating .subtitle {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 45px;
  line-height: 50px;
  color: var(--red);
}
@media (max-width: 767px) {
  .evaluating .subtitle {
    font-size: 30px;
    line-height: 35px;
  }
}
.evaluating .boxes {
  display: flex;
  flex-wrap: wrap;
}
.evaluating .boxes > li:nth-child(1) {
  width: 40%;
  padding-right: 33px;
}
.evaluating .boxes > li:nth-child(2) {
  width: 60%;
}
.evaluating .subname {
  font-family: 'ProximaNovaBold';
  font-weight: normal;
  font-size: 20px;
  line-height: 25px;
  color: var(--red);
  margin-bottom: 13px;
}
.evaluating .caption {
  font-family: 'ProximaNovaSemibold';
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: var(--black);
  padding-top: 10px;
}
.evaluating .options {
  display: flex;
  flex-wrap: wrap;
}
.evaluating .options > li {
  margin-right: 16px;
  margin-bottom: 16px;
  display: flex;
}
.evaluating .optitem {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.35s;
  border: 1px solid #707070;
  height: 36px;
  min-width: 137px;
  color: #000000;
  font-family: 'ProximaNovaSemibold';
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  padding-left: 10px;
  padding-right: 10px;
}
.evaluating .optitem.selected {
  color: #fff;
  background: var(--red);
  border-color: var(--red);
}
.evaluating .data + .top {
  margin-top: 44px;
}
.evaluating .boxes + .boxes {
  margin-top: 14px;
}
.evaluating .grid + .top {
  margin-top: 44px;
}
.evaluating .grid {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 64px);
}
.evaluating .grid > li {
  width: calc(33.33% - 64px);
  margin-right: 64px;
  margin-bottom: 36px;
}
.evaluating .other {
  display: flex;
  margin-top: 60px;
}
.evaluating .custbtm {
  padding-left: 70px;
  padding-right: 70px;
}
.evaluating .subgrid {
  margin-top: 74px;
}
.evaluating .subgrid > li + li {
  margin-top: 44px;
}
.evaluating .note {
  margin-top: 74px;
  font-family: 'ProximaNovaSemibold';
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: var(--black);
}
.evaluating .note ul {
  display: flex;
  flex-wrap: wrap;
}
.evaluating .note ul > li {
  margin-right: 37px;
}
.evaluating .note a {
  transition: all 0.35s;
}
.evaluating .note .red {
  color: var(--red);
  text-decoration: underline;
}
@media (max-width: 767px) {
  .evaluating {
    padding-bottom: 33px;
    padding-top: 37px;
  }
  .evaluating .top {
    margin-bottom: 22px;
  }
  .evaluating .custbtm {
    padding-left: 34px;
    padding-right: 34px;
  }
  .evaluating .grid {
    width: 100%;
  }
  .evaluating .grid > li {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 17px;
  }
  .evaluating .boxes > li:nth-child(1) {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
  }
  .evaluating .boxes > li:nth-child(2) {
    width: 100%;
    margin-top: 17px;
  }
  .evaluating .boxes:nth-child(1) {
    display: none;
  }
  .evaluating .optitem {
    min-width: 100px;
    height: 30px;
    font-size: 13px;
  }
  .evaluating .subgrid > li + li {
    margin-top: 17px;
  }
  .evaluating .boxes + .boxes {
    margin-top: 17px;
  }
  .evaluating .options > li {
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .evaluating .subgrid {
    margin-top: 18px;
  }
  .evaluating .note {
    margin-top: 40px;
  }
  .evaluating .note ul li {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
  }
  .evaluating .other {
    margin-top: 33px;
  }
}
html[lang="ar"] .evaluating .subname {
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
}
html[lang="ar"] .evaluating .caption {
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
}
html[lang="ar"] .evaluating .options > li {
  margin-right: 0px;
  margin-left: 16px;
}
html[lang="ar"] .evaluating .optitem {
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
}
html[lang="ar"] .evaluating .grid > li {
  margin-left: 64px;
  margin-right: 0px;
}
html[lang="ar"] .evaluating .custbtm {
  padding-top: 0px;
  padding-bottom: 2px;
}
html[lang="ar"] .evaluating .note {
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  line-height: 153%;
}
html[lang="ar"] .evaluating .note ul li {
  margin-left: 37px;
  margin-right: 0px;
}
html[lang="ar"] .evaluating .boxes > li:nth-child(1) {
  padding-right: 0px;
  padding-left: 33px;
}
.desktop .evaluating .note a:hover {
  opacity: 0.70;
}
.desktop .inmenu .link:hover {
  color: #fff;
}
.desktop footer .options .suboption:hover {
  transform: translateY(-3px);
}
.desktop .board .link:hover {
  transform: translateY(-4px);
}
.desktop footer .itemedia:hover {
  transform: translateY(-3px);
}
.desktop footer .url:hover {
  background: var(--black);
}
.desktop footer .subscBtm:hover {
  opacity: 0.70;
}
.desktop footer .itemlink:hover,
.desktop footer .sublink:hover {
  opacity: 0.70;
}
.desktop .ourservices .prev:hover,
.desktop .ourservices .next:hover {
  opacity: 0.60;
}
.desktop .aboutus .item[href]:hover {
  transform: translateY(-3px);
}
.desktop .Slideshow .scroll:hover {
  opacity: 0.55;
}
.desktop .Compute .link:hover .label {
  color: var(--red);
}
.desktop .Compute .sublink:hover {
  opacity: 0.78;
}
.desktop .Compute .back:hover {
  opacity: 0.78;
}
.desktop .news .swiper-pagination-bullet:hover {
  background: var(--black);
}
.desktop .meet .unit:hover {
  transform: translateY(-4px);
}
.desktop .navig .unit:hover {
  transform: translateY(-4px);
}
.desktop .news .unit:hover .image {
  transform: translateY(-3px);
}
.desktop .wwr .box:hover .img {
  transform: translateY(-3px);
}
.desktop .secmenu .unit:hover {
  color: var(--red);
}
.desktop .modal .cloze:hover {
  opacity: 0.78;
}
.desktop .story .yearlist .swiper-slide:hover .nb {
  color: var(--red);
}
.desktop .News .unit:hover .img {
  transform: translateY(-4px);
}
.desktop .searchpage .bitem:hover {
  transform: translateY(-4px);
}
.desktop .Categs .item:hover {
  transform: translateY(-4px);
}
.desktop .Categs .back:hover {
  opacity: 0.78;
}
.desktop .topbg .back:hover {
  opacity: 0.78;
}
.desktop .introbg .back:hover {
  opacity: 0.78;
}
.desktop .scrollbox .item:hover {
  transform: translateY(-4px);
}
.desktop .apply_loan .other a:hover {
  opacity: 0.68;
}
.desktop .upsection .back:hover {
  opacity: 0.67;
}
.desktop .Specs .unit:hover .sublabel {
  color: var(--red);
}
.desktop .Sols .item:hover {
  transform: translateY(-4px);
}
.desktop .instruments .unit:hover {
  transform: translateY(-4px);
}
.desktop .subAccs .unit:hover {
  transform: translateY(-4px);
}
.desktop .App .link:hover {
  transform: translateY(-3px);
}
.desktop .Flow .fitem:hover {
  transform: translateY(-3px);
}
.desktop .custbtm.white:hover {
  color: #fff;
}
.desktop .performance .back:hover {
  opacity: 0.67;
}
.desktop .annreports .back:hover {
  opacity: 0.67;
}
.desktop .annreports .downunit:hover .name {
  color: var(--red);
}
.desktop .PR .item:hover .image {
  transform: translateY(-4px);
}
.desktop .newsdetails .ctrl:hover {
  opacity: 0.67;
}
.desktop .newsdetails .back:hover {
  opacity: 0.67;
}
.sixtynproximasemibold {
  font-family: 'ProximaNovaSemibold';
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
}
.inpfield ::-webkit-input-placeholder {
  /* Safari, Chrome and Opera */
  opacity: 1 !important;
  color: #b2b2b2!important;
}
.inpfield :-moz-placeholder {
  /* Firefox 18- */
  opacity: 1 !important;
  color: #b2b2b2!important;
}
.inpfield ::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1 !important;
  color: #b2b2b2!important;
}
.inpfield :-ms-input-placeholder {
  /* IE 10+ */
  opacity: 1 !important;
  color: #b2b2b2!important;
}
.inpfield ::-ms-input-placeholder {
  /* Edge */
  opacity: 1 !important;
  color: #b2b2b2!important;
}