.legal__title {
  text-align: center;
  font-size: 3em;
  line-height: 60px;
  letter-spacing: 0.15em; }
  @media screen and (max-width: 576px) {
    .legal__title {
      text-align: left;
      line-height: 40px;
      font-size: 1.75em; } }

.legal__subTitle,
.legal h3 {
  font-size: 2.25em;
  line-height: 36px;
  letter-spacing: 0.1em;
  color: #373737;
  margin: 40px 0px 20px; }
  @media screen and (max-width: 576px) {
    .legal__subTitle,
    .legal h3 {
      font-size: 1.5em; } }

.legal__itemTextTitle {
  font-size: 1.5em;
  line-height: 48px;
  letter-spacing: 0.15em;
  color: #373737;
  margin-bottom: 20px; }
  @media screen and (max-width: 576px) {
    .legal__itemTextTitle {
      font-size: 1.25em;
      line-height: 36px; } }

.legal__text,
.legal p, .legal__itemTextP {
  font-size: 1.125em;
  letter-spacing: 0.1em;
  color: #7A7A7A;
  line-height: 36px;
  text-align: justify; }
  @media screen and (max-width: 576px) {
    .legal__text,
    .legal p, .legal__itemTextP {
      font-size: 1em;
      line-height: 30px; } }

.pickers {
  position: fixed;
  top: 120px;
  left: 0;
  width: 100%;
  padding: 10px 0px;
  z-index: 10;
  background-color: #FFF; }
  @media screen and (max-width: 1200px) {
    .pickers {
      padding: 0;
      top: 70px; } }
  .pickers__selector {
    width: 100%;
    text-align: center;
    padding: 15px 0px;
    background-color: #EDEDED;
    display: none; }
    @media screen and (max-width: 1200px) {
      .pickers__selector {
        display: block; }
        .pickers__selector--active .pickers__selectorP::after {
          -webkit-transform: translateY(2px) rotate(45deg);
          -ms-transform: translateY(2px) rotate(45deg);
          transform: translateY(2px) rotate(45deg);
          -webkit-transition: all .5s;
          -o-transition: all .5s;
          transition: all .5s; }
        .pickers__selector--active + .pickers__ul {
          opacity: 1;
          visibility: visible;
          -webkit-transition: height 0.25s ease-out 0s, opacity 0.25s ease-out 0.25s;
          -o-transition: height 0.25s ease-out 0s, opacity 0.25s ease-out 0.25s;
          transition: height 0.25s ease-out 0s, opacity 0.25s ease-out 0.25s; } }
  .pickers__selectorP {
    display: inline-block;
    color: #717171;
    font-size: 1em;
    letter-spacing: 0.1em; }
    @media screen and (max-width: 576px) {
      .pickers__selectorP::after {
        content: '';
        width: 10px;
        height: 10px;
        display: inline-block;
        margin-left: 15px;
        border-left: 1px solid #535353;
        border-top: 1px solid #535353;
        -webkit-transform: translateY(-4px) rotate(225deg);
        -ms-transform: translateY(-4px) rotate(225deg);
        transform: translateY(-4px) rotate(225deg);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s; } }
  .pickers__ul {
    background-color: #FFF;
    width: 100%;
    text-align: center; }
    @media screen and (max-width: 1200px) {
      .pickers__ul {
        padding: 40px 0px;
        -webkit-box-shadow: 0px 7px 9px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 7px 9px rgba(0, 0, 0, 0.05);
        position: absolute;
        top: 58px;
        left: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity 0.1s ease-out 0s, height 0.25s ease-out 0s;
        -o-transition: opacity 0.1s ease-out 0s, height 0.25s ease-out 0s;
        transition: opacity 0.1s ease-out 0s, height 0.25s ease-out 0s; } }
  .pickers__li {
    cursor: pointer;
    display: inline-block;
    padding: 0px 20px;
    border-right: 1px solid #717171;
    line-height: 1em;
    color: #717171; }
    .pickers__li:first-child {
      padding-left: 0px; }
    .pickers__li:last-child {
      padding-right: 0;
      border-right: unset; }
    .pickers__li--active {
      color: #000; }
    @media screen and (max-width: 1200px) {
      .pickers__li {
        display: block;
        border-right: unset;
        margin-bottom: 40px;
        padding: 0px; }
        .pickers__li:last-child {
          margin-bottom: 0; } }

.legal {
  position: relative; }
  .legal__container {
    width: 90%;
    max-width: 900px;
    margin: auto; }
  .legal div {
    margin-bottom: 80px; }
  .legal__subTitle,
  .legal h3 {
    margin: 150px 0px 20px; }
    @media screen and (max-width: 576px) {
      .legal__subTitle,
      .legal h3 {
        margin: 100px 0px 20px; } }
  .legal__line {
    width: 100%;
    height: 0.5px;
    background-color: #000000;
    margin: 60px 0px; }
    @media screen and (max-width: 576px) {
      .legal__line {
        margin: 30px 0px; } }
  .legal__text,
  .legal p {
    margin-bottom: 40px; }
  .legal__content {
    width: 100%; }
  .legal__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 120px 0px; }
    .legal__item:nth-of-type(odd) {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
      @media screen and (max-width: 576px) {
        .legal__item:nth-of-type(odd) {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row; } }
      .legal__item:nth-of-type(odd) .legal__itemImgArea img {
        margin-right: auto; }
    .legal__item:nth-of-type(even) .legal__itemImgArea img {
      margin-left: auto; }
    .legal__item .legal__subTitle,
    .legal__item h3 {
      width: 100%; }
  .legal__itemTextArea {
    width: 60%; }
    @media screen and (max-width: 576px) {
      .legal__itemTextArea {
        width: 100%;
        margin-bottom: 40px; } }
  .legal__lastP {
    margin-top: 40px; }
  .legal__itemImgArea {
    width: 36%; }
    .legal__itemImgArea img {
      width: 100%;
      max-width: 318px;
      display: block; }
    @media screen and (max-width: 576px) {
      .legal__itemImgArea {
        width: 100%; } }
  .legal__fullImg {
    width: 100%;
    display: block;
    margin: 40px auto; }
  .legal__policyText {
    margin-bottom: 40px; }
  .legal__link {
    display: block;
    margin-bottom: 40px; }
    .legal__link:last-child {
      margin-bottom: 0; }
  .legal a {
    color: #2D5EBD;
    text-decoration: underline; }
  .legal h4 {
    font-size: 1.75em;
    letter-spacing: 0.1em;
    line-height: 36px;
    padding: 30px 0px 20px; }
    @media screen and (max-width: 576px) {
      .legal h4 {
        font-size: 1.375em; } }
  .legal__policyTitle {
    margin: 150px 0px 20px; }
    @media screen and (max-width: 576px) {
      .legal__policyTitle {
        margin: 100px 0px 20px; } }
  .legal h5 {
    color: #000;
    font-weight: 500;
    font-size: 1.125em;
    letter-spacing: 0.1em;
    line-height: 36px;
    text-align: justify; }
  .legal b {
    color: #000;
    font-weight: 300; }

.tableOne {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #7A7A7A;
  color: #373737;
  margin-bottom: 20px; }
  .tableOne tr:first-child td {
    text-align: center; }
  .tableOne tr td:first-child {
    width: 30%; }
  .tableOne tr td:last-child {
    width: 70%; }
  .tableOne td {
    border: 1px solid #7A7A7A;
    padding: 10px; }

.tableTwo {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #7A7A7A;
  color: #373737;
  margin-bottom: 20px; }
  .tableTwo tr:first-child td {
    text-align: center; }
  .tableTwo tr td:nth-of-type(1) {
    width: 20%; }
  .tableTwo tr td:nth-of-type(2) {
    width: 40%; }
  .tableTwo tr td:nth-of-type(3) {
    width: 40%; }
  .tableTwo td {
    border: 1px solid #7A7A7A;
    padding: 10px; }

.tableThree {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #7A7A7A;
  color: #373737;
  margin-bottom: 20px; }
  .tableThree tr:first-child td {
    text-align: center;
    background-color: #CCC; }
  .tableThree td {
    border: 1px solid #7A7A7A;
    padding: 10px; }

.tableFour {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #7A7A7A;
  color: #373737;
  margin-bottom: 20px; }
  .tableFour tr:first-child td {
    text-align: center;
    background-color: #CCC; }
  .tableFour tr td:first-child {
    width: 30%; }
  .tableFour tr td:last-child {
    width: 70%; }
  .tableFour td {
    border: 1px solid #7A7A7A;
    padding: 10px; }

.tableFive {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #7A7A7A;
  color: #373737;
  margin-bottom: 20px; }
  .tableFive tr:first-child td {
    text-align: center;
    background-color: #CCC; }
  .tableFive tr td:nth-of-type(1) {
    width: 7%; }
  .tableFive tr td:nth-of-type(2) {
    width: 23%; }
  .tableFive tr td:nth-of-type(3) {
    width: 48%; }
  .tableFive tr td:nth-of-type(4) {
    width: 23%; }
  .tableFive td {
    border: 1px solid #7A7A7A;
    padding: 10px;
    word-break: break-all; }
