/*
 * .-----------------------------------------------------.
 * |                       SUB D                         |
 * '-----------------------------------------------------'
 */

.swop21-subd-display-mobile {
  display: block;
}

.swop21-subd-display-desktop {
  display: none;
}

.swop21-subd-content {
  display: flex;
  flex-wrap: wrap;
}

.swop21-subd-block {
  width: 100%;
}

.swop21-subd-row1 {
  display: flex;
}

.swop21-subd-img2 {
  width: 100%;
}

.swop21-subd-row1-line {
  width: 0;
}

.swop21-subd-row1-vertline {
  position: absolute;
  right: 0;
  height: 100%;
}

.swop21-subd-img1 {
  width: 100%;
  align-self: flex-end;
}

.swop21-subd-img1-holder {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}

.swop21-subd-img1-holder img {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
}

.swop21-subd-text-1 {
  padding: 7% 4% 4%;
}

.swop21-subd-text-1 p {
  font-size: 21px;
  line-height: 28px;
}

.swop21-subd-lines {
  width: 38%;
  display: none;
}

.swop21-subd-quote .swop21-line-vertic {
  height: 0;
}

.swop21-subd-quoteblock {
  padding: 9% 8%;
}

.swop21-subd-quote .swop21-subd-row2-partline {
  width: 0;
  position: absolute;
}

.swop21-subd-quoteblock blockquote.swop21-subd-quote {
  display: flex;
  background: url(../../images/2021/sub3/icon-quote.svg) no-repeat top left;
  padding-top: 87px;
}

.swop21-subd-quoteblock blockquote.swop21-subd-quote p {
  font-style: italic;
  font-size: 21px;
  line-height: 28px;
}

.swop21-subd-part-line {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
}

.swop21-subd-link {
  text-transform: uppercase;
  text-align: right;
  margin: 16px 0 6px;
}

.swop21-subd-link a {
  background: url(../../images/2021/sub3/icon-arrow-right.svg) no-repeat center right;
  background-size: 20px;
  padding: 10px 30px 10px 10px;
  white-space: nowrap;
}

.swop21-subd-img2-holder {
  width: 100%;
  height: 0;
  padding-bottom: 137.339%;
  position: relative;
}

.swop21-subd-img2-holder img {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  height: 100%;
}

@media all and (min-width: 768px) {
  .swop21-subd-img1 .swop21-line {
    display: none;
  }

  .swop21-subd-display-mobile {
    display: none;
  }

  .swop21-subd-display-desktop {
    display: block;
  }

  .swop21-subd-block {
    width: 66%;
  }

  .swop21-subd-img1 {
    width: 55%;
  }

  .swop21-subd-row1-line {
    height: 100%;
    position: absolute;
    left: 14%;
  }

  .swop21-subd-text-1 {
    padding: 15% 15% 14% 14%;
  }

  .swop21-subd-text-1 p {
    padding-left: 5.5%;
  }

  .swop21-subd-img2 {
    width: 34%;
    align-self: flex-end;
  }

  .swop21-subd-row2 {
    display: flex;
  }

  .swop21-subd-row2-line {
    width: 15%;
  }

  .swop21-subd-text {
    padding: 21.5% 2% 10% 6%;
  }

  .swop21-subd-text p {
    font-size: 28px;
    line-height: 36px;
  }

  .swop21-subd-lines {
    min-height: 90px;
    width: 39.5%;
    display: block;
  }

  .swop21-subd-quote .swop21-subd-line-mob {
    position: absolute;
    width: 0;
  }

  .swop21-subd-quote {
    margin-top: 0;
    width: 40%;
  }

  .swop21-subd-part-line {
    width: 100%;
    position: absolute;
    left: 0;
  }

  .swop21-subd-quoteblock {
    padding: 11.5% 10% 7% 11%;
  }

  .swop21-subd-quoteblock blockquote.swop21-subd-quote p {
    font-size: 28px;
    line-height: 36px;
  }

  .swop21-subd-quote-lines {
    min-width: 7%;
    display: block;
  }
}

@media all and (min-width: 1000px) {
  .swop21-subd-img1 {
    width: 50%;
    max-width: 510px;
    margin-left: 4%;
    padding-top: 22px;
    align-self: flex-end;
  }

  .swop21-subd-quote {
    margin-top: 0;
    width: 35%;
  }

  .swop21-subd-text {
    padding: 21% 12% 5% 19%;
  }

  .swop21-subd-quote-lines {
    min-width: 51%;
  }
}

@media all and (min-width: 1200px) {
  .swop21-subd-quote {
    margin-left: 10%;
  }

  .swop21-subd-text {
    padding: 11.5% 16% 8% 17%;
  }

  .swop21-subd-quote-lines {
    min-width: 64%;
  }

  .swop21-subd-part-line {
    width: 77%;
  }

  .swop21-subd-quote .swop21-line-vertic {
    height: 100%;
  }

  .swop21-subd-quote .swop21-subd-row2-partline {
    position: absolute;
    top: 50%;
    left: -33%;
    width: 33%;
  }
}

@media all and (min-width: 1368px) {
  .swop21-subd-img1 {
    display: block;
  }

  .swop21-subd-quote {
    width: 40%;
    margin-left: 15%;
  }
}

/*
 * .-----------------------------------------------------.
 * |                       SUB E                         |
 * '-----------------------------------------------------'
 */

.swop21-sube-display-mobile {
  display: block;
}

.swop21-sube-display-tablet {
  display: none;
}

.swop21-sube-display-notablet {
  display: block;
}

.swop21-sube-display-desktop {
  display: none;
}

.swop21-sube-content .swop21-sube-topline {
  position: absolute;
  width: 100%;
}

.swop21-sube-toplines-mob {
  height: 36px;
  width: 75%;
}

.swop21-sube-vertline-mob {
  position: absolute;
  height: 100%;
  top: 0;
  left: 36%;
}

.swop21-sube-botlines-mob {
  height: 36px;
  width: 75%;
  position: absolute;
  bottom: 0;
}

.swop21-sube-botlines-mob .swop21-sube-vertline-mob {
  position: absolute;
  height: 100%;
  bottom: 0;
  left: 36%;
}

.swop21-sube-botlines-mob .swop21-sube-bottom-line {
  position: absolute;
  width: 100%;
  bottom: 0;
}

.swop21-sube-content {
  display: flex;
  flex-wrap: wrap;
}

.swop21-sube-img1 {
  width: 80%;
  margin-top: 6%;
  align-self: flex-end;
}

.swop21-sube-textblock {
  width: 100%;
}

.swop21-sube-text {
  padding: 9% 4% 1%;
}

.swop21-sube-text.swop21-sube-text2 {
  padding: 9% 4% 8%;
}

.swop21-sube-img1 .swop21-sube-img1-line {
  position: absolute;
  height: 0;
}

.swop21-sube-abcd .swop21-sube-img1-line {
  position: absolute;
  height: 0;
}

.swop21-sube-img1-holder {
  width: 100%;
  height: 0;
  padding-bottom: 160.321%;
  position: relative;
}

.swop21-sube-img1-holder img {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
}

.swop21-sube-text1 .swop21-sube-text1-partline {
  position: absolute;
  height: 0;
}

.swop21-sube-textblock .swop21-sube-text2-partline {
  height: 0;
  position: absolute;
}

.swop21-sube-textblock {
  padding-bottom: 35px;
}

.swop21 .swop21-sube-textblock h3 {
  text-transform: uppercase;
  font-size: 21px;
  line-height: 28px;
  margin-bottom: 24px;
  padding: 0;
}

.swop21-sube-textblock p {
  font-size: 21px;
  line-height: 28px;
}

@media all and (min-width: 768px) {
  .swop21-sube-display-mobile {
    display: none;
  }

  .swop21-sube-display-tablet {
    display: block;
  }

  .swop21-sube-display-notablet {
    display: none;
  }

  .swop21-sube-textblock {
    width: 43%;
    margin-left: 5.5%;
    margin-top: 0;
  }

  .swop21-sube-textblock.swop21-sube-textblock-tablet {
    width: 45%;
  }

  .swop21-sube-text1 {
    width: 100%;
  }

  .swop21-sube-content {
    display: flex;
    flex-wrap: wrap;
  }

  .swop21-sube-abcd {
    width: 9%;
  }

  .swop21-sube-img1 {
    width: 35%;
    margin-left: 3.5%;
    margin-top: 2.5%;
  }

  .swop21-sube-text {
    padding: 11% 25% 5% 0;
  }

  .swop21-sube-text.swop21-sube-text2 {
    padding: 12% 4% 8% 0;
  }

  .swop21 .swop21-sube-textblock h3 {
    font-size: 36px;
    line-height: 36px;
  }

  .swop21-sube-text1 .swop21-sube-text1-partline {
    height: 0;
  }

  .swop21-sube-text2 {
    padding: 12% 3% 0 0;
    margin-left: 22.5%;
  }

  .swop21-sube-textblock {
    padding-bottom: 12%;
  }
}

@media all and (min-width: 1000px) {
  .swop21-sube-img1 {
    width: 40%;
  }

  .swop21-sube-img1 {
    width: 35%;
  }
}

@media all and (min-width: 1200px) {
  .swop21-sube-display-tablet {
    display: none;
  }

  .swop21-sube-display-notablet {
    display: block;
  }

  .swop21-sube-display-desktop {
    display: block;
  }

  .swop21-sube-text {
    padding: 19% 0 5% 0;
  }

  .swop21-sube-textblock.swop21-sube-textblock-tablet {
    width: 35%;
  }

  .swop21-sube-abcd .swop21-sube-img1-line {
    position: absolute;
    height: 100%;
    right: 0;
  }

  .swop21-sube-text1 .swop21-sube-text1-partline {
    top: 0;
    left: 0;
    height: 70px;
  }

  .swop21-sube-textblock .swop21-sube-text2-partline {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 70px;
    margin-left: 22.5%;
  }
}

@media all and (min-width: 1368px) {
  .swop21-sube-img1 {
    width: 35%;
  }

  .swop21-sube-text1 {
    width: auto;
  }
}

/*
 * .-----------------------------------------------------.
 * |                       SUB F                         |
 * '-----------------------------------------------------'
 */

.swop21-subf-display-mobile {
  display: block;
}

.swop21-subf-display-tablet {
  display: none;
}

.swop21-subf-display-notablet {
  display: block;
}

.swop21-subf-display-desktop {
  display: none;
}

.swop21-subf-content .swop21-subf-topline {
  position: absolute;
  width: 100%;
}

.swop21-subf-toplines-mob {
  height: 36px;
  width: 75%;
  margin-left: 25%;
}

.swop21-subf-vertline-mob {
  position: absolute;
  height: 100%;
  top: 0;
  left: 55%;
}

.swop21-subf-botlines-mob {
  height: 36px;
  width: 75%;
  margin-left: 25%;
  position: absolute;
  bottom: 0;
}

.swop21-subf-botlines-mob .swop21-subf-vertline-mob {
  position: absolute;
  height: 100%;
  bottom: 0;
  left: 67%;
}

.swop21-subf-botlines-mob .swop21-subf-bottom-line {
  position: absolute;
  width: 100%;
  bottom: 0;
}

.swop21-subf-content {
  display: flex;
  flex-wrap: wrap;
}

.swop21-subf-top-partline {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: 2;
}

.swop21-subf-top-partline.swop21-top-partline-1 {
  left: 0;
  width: 75%;
}

.swop21-subf-top-partline.swop21-top-partline-2 {
  right: 0;
  width: 0;
}

.swop21-subf-img1 {
  width: 80%;
  margin-left: 20%;
  align-self: flex-end;
}

.swop21-subf-textblock {
  width: 100%;
  text-align: right;
}

.swop21-subf-textblock.swop21-subf-textblock-tablet {
  width: 100%;
  order: 3;
}

.swop21-subf-text {
  padding: 9% 4% 1%;
}

.swop21-subf-text h3 {
  /*text-align: right;*/
  padding: 0 !important;
}

.swop21-subf-text.swop21-subf-text2 {
  padding: 9% 4% 8%;
}

.swop21-subf-img1 .swop21-subf-img1-line {
  position: absolute;
  height: 0;
}

.swop21-subf-abcd .swop21-subf-img1-line {
  position: absolute;
  height: 0;
}

.swop21-subf-img1-holder {
  width: 100%;
  height: 0;
  padding-bottom: 141.5%;
  position: relative;
}

.swop21-subf-img1-holder img {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
}

.swop21-subf-text1 .swop21-subf-text1-partline {
  position: absolute;
  height: 0;
}

.swop21-subf-textblock .swop21-subf-text2-partline {
  height: 0;
  position: absolute;
  bottom: 0;
}

.swop21-subf-textblock {
  padding-bottom: 100px;
}

.swop21-subf-textblock h3 {
  text-transform: uppercase;
  font-size: 21px;
  line-height: 28px;
  margin-bottom: 24px;
  text-align: right;
}

.swop21-subf-textblock p {
  font-size: 21px;
  line-height: 28px;
}

.swop21-subf-img-overlay {
  width: 0;
}

.swop21-subf-overlay-border {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
}

@media all and (min-width: 768px) {
  .swop21-subf-display-mobile {
    display: none;
  }

  .swop21-subf-display-tablet {
    display: block;
  }

  .swop21-subf-display-notablet {
    display: none;
  }

  .swop21-subf-textblock {
    width: 43%;
    margin-left: 12%;
    margin-top: 0;
    text-align: left;
    padding-bottom: 0;
  }

  .swop21-subf-textblock h3 {
    text-align: left;
  }

  .swop21-subf-textblock.swop21-subf-textblock-tablet {
    width: 45%;
    order: 0;
  }

  .swop21-subf-text1 {
    width: 100%;
  }

  .swop21-subf-content {
    display: flex;
    flex-wrap: wrap;
  }

  .swop21-subf-img-sideline {
    position: absolute;
    top: 0;
    right: 5.5%;
    height: 100%;
  }

  .swop21-subf-vertline-mob {
    left: 36%;
  }

  .swop21-subf-toplines-mob {
    margin-left: 0;
  }

  .swop21-subf-top-partline.swop21-subf-top-partline-1 {
    width: 50%;
  }

  .swop21-subf-abcd {
    width: 9%;
  }

  .swop21-subf-img1 {
    width: 43%;
    margin-left: 0;
  }

  .swop21-subf-text {
    padding: 11% 25% 5% 0;
  }

  .swop21-subf-text1 {
    margin-left: 22.5%;
  }

  .swop21-subf-text.swop21-subf-text2 {
    padding: 12% 4% 24% 0;
  }

  .swop21-subf-textblock h3 {
    font-size: 36px;
    line-height: 36px;
  }

  .swop21-subf-text1 .swop21-subf-text1-partline {
    height: 0;
  }

  .swop21-subf-text2 {
    padding: 12% 3% 0 0;
  }
}

@media all and (min-width: 1000px) {
  .swop21-subf-img1 {
    width: 40%;
  }
}

@media all and (min-width: 1200px) {
  .swop21-subf-display-tablet {
    display: none;
  }

  .swop21-subf-display-notablet {
    display: block;
    margin-left: 0;
  }

  .swop21-subf-display-desktop {
    display: block;
  }

  .swop21-subf-text {
    padding: 19% 0 5% 0;
  }

  .swop21-subf-textblock.swop21-subf-textblock-tablet {
    width: 35%;
  }

  .swop21-subf-abcd .swop21-subf-img1-line {
    position: absolute;
    height: 100%;
    right: 0;
  }

  .swop21-subf-text1 .swop21-subf-text1-partline {
    top: 0;
    left: 0;
    height: 70px;
  }

  .swop21-subf-textblock .swop21-subf-text2-partline {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 70px;
  }
}

@media all and (min-width: 1368px) {
  .swop21-subf-img1 {
    width: 37%;
    margin-left: 10%;
  }

  .swop21-subf-text1 {
    width: auto;
  }

  .swop21-subf-display-notablet {
    margin-left: 22.5%;
  }

  .swop21-subf-img-overlay {
    width: 9%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #000;
    z-index: 2;
  }

  .swop21-subf-overlay-border {
    height: 100%;
  }

  .swop21-subf-top-partline.swop21-top-partline-2 {
    width: 30%;
  }
}