@import url('https://fonts.googleapis.com/css?family=Amatic+SC|GFS+Didot|Oswald|Magra|Allura|Roboto|Montserrat:300,400,500,600|Tenor+Sans&display=swap');

@font-face {
  font-family: 'Didot-medium';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/cords/fonts/Didot-HTF-M42-Medium-Ital.otf);
}

@font-face {
  font-family: 'Myriad Pro';
  src: local(Myriad Pro Regular),
    url(/cords/fonts/MyriadProRegular.woff) format("woff"),
    url(/cords/fonts/MyriadProRegular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

* {
  scroll-behavior: smooth;
}
.background-image {
  /* max-width: 1920px; */
  margin: 0 auto;
}
.background-image img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.first-background-mob {
  display: none;
}

.cords-container {
  margin: 0 auto;
}
.cords {
  margin-top: 180px;
  display: flex;
  justify-content: space-evenly;

}

.cords-title {
  max-width: 760px;
  /* margin-right: 340px; */
}
.cords-title h1 {
  font-weight: 400;
  font-family: 'Tenor Sans';
 text-transform: uppercase;
 line-height: 1.27;
 font-size: 3.5vw;
}

.cords-title span {
  font-weight: 500;
  font-family: 'Didot-medium';
  text-transform: lowercase;
}
.cords-subtitle {
  margin-right: 5%;
}

.cords-subtitle ul {
  margin-top: 25px;
}

.cords-subtitle h2 {
  font: 400 0.88vw 'Myriad Pro', sans-serif;
  /* font-style: italic; */
  text-transform: uppercase

}

/* .cords-subtitle ul li {


} */

.cords-subtitle ul li a {
  font: 400 0.88vw/1.76 'Montserrat', sans-serif;
  /* font-style: italic; */
  color: #000000;
}

  /* CORDS IMAGES */
.cords-images {
  display: flex;
  flex-direction: column;
}

.cords-one-image .cord-mobile {
  display: none;
}

.cords-two-images {
  margin-top: 110px;
  /* margin-bottom: ; */
  display: flex;
}

.cords-two-images:last-of-type {
  margin-bottom: 0;
  margin-top: 135px;
}

.cords-one-image:last-of-type {
  margin-top: 165px;
}

.cords-images .cords-two-images .cords-first img {
  width: 100%;
}
.cords-images .cords-two-images .cords-second img {
  width: 100%;
}

.cords-images .cords-two-images .cords-first {
  width: 50%;
  margin-right: 10%;
}
.cords-images .cords-two-images .cords-second {
  width: 50%;
  max-width: 620px;
  margin-right: 10%;
}

.cords-images .cords-two-images .cords-second h2 {
  text-transform: uppercase;
  font: 400 0.88vw/2.14 'Montserrat', sans-serif;
}
.cords-images .cords-two-images .cords-second p {
  margin-top: 25px;
  font: 400 0.88vw/1.76 'Montserrat', sans-serif;
}

.cords-images .cords-two-images .cords-second img {
  margin-top: 70px;
}

.cords-images .cords-one-image {
  /* border: 3px solid blue; */
  position: relative;
}

.cords-images .cords-one-image-right {
  margin-top: 100px;
  margin-bottom: 167px;
}
.cords-images .cords-one-image img {
  width: 100%;
}

.cords-images .cords-one-image .cords-one-image-text {

  position: absolute;
  top: 24%;
  left: 8.7%;
  text-align: left;
  max-width: 620px;
}

.cords-images .cords-one-image .cords-one-image-text .box2 {
  display: none;
}

.cords-images .cords-one-image .cords-one-image-text-right {
  /* position: absolute; */
  /* top: 23%;     */
  /* right: 8.5%; */
  left: 59%;
  /* text-align: left; */
  /* max-width: 620px; */
}

.cords-images .cords-one-image .cords-one-image-text h2 {
  text-transform: uppercase;
  font: 400 0.88vw/2.14 'Montserrat', sans-serif;
}

.cords-images .cords-one-image .cords-one-image-text p {
  font: 400 00.88vw/1.76 'Montserrat', sans-serif;
}

.cords-images .cords-one-image .cords-one-image-text ul {

  margin-top: 80px;
  margin-left: 15px;
}
.cords-images .cords-one-image .cords-one-image-text ul li {
  font: 400 1.4vw/1.74 'Montserrat', sans-serif;
  color: #000000;
}

.cords-images .cords-one-image .cords-one-image-text ul li::before {
  /* list-style-type: disc; */
  content: '\2022';
  font-weight: bold;
  /* width: 2px; */
  /* height: 3px; */
  color: #f7e5e3;
  margin-right: 5px;


  /* font-size: 1vw; */
}


.cords-images .cords-one-image .cords-one-image-text p {
  margin-top: 30px;
}

.cords-images .cords-picture {
  margin-top: 23px;
  margin-bottom: 235px;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
}

.cords-images .cords-picture .cords-picture-container {
  max-width: 620px;
}

.cords-images .cords-picture .cords-picture-container  img {
  /* max-width: 617px; */
  width: 100%;
}

.cords-images .cords-picture-container:nth-child(1) {
  margin-right: 30px;
}

.cords-ul-mobile {
  display: none;
}

.cords-images .cords-one-image .cords-one-image-text ul {
  margin-left: 0;
}

@media (max-width: 1800px) {

  /* .cords-images .cords-one-image .cords-one-image-text {

    max-width: 550px;
  } */

  .cords-images .cords-one-image .cords-one-image-text-right {
    max-width: 600px;
  }

}
@media (max-width: 1700px) {

  .cords-images .cords-one-image .cords-one-image-text {

    max-width: 550px;
  }



}
@media (max-width: 1600px) {

  .cords-images .cords-one-image .cords-one-image-text {

    max-width: 500px;
  }



}



@media (max-width: 1400px) {


  .cords-images .cords-one-image .cords-one-image-text {
    max-width: 450px;
  }

}
@media (max-width: 1250px) {


  .cords-images .cords-one-image .cords-one-image-text {
    max-width: 400px;
  }
  .cords-images .cords-one-image .cords-one-image-text ul {
    margin-top: 70px;
  }

}

@media (max-width: 1300px) {
  /* .cords-title {
    max-width: 500px;
  } */

  .cords-two-images {
    margin-top: 150px;
  }

  .cords-images .cords-picture {
    margin-top: -40px;
    margin-bottom: 100px;
  }
}

@media (max-width: 1100px) {


  .cords-images .cords-one-image .cords-one-image-text {

    max-width: 350px;
  }

  .cords-images .cords-one-image .cords-one-image-text ul {

    margin-top: 60px;
  }



  .cords-images .cords-one-image .cords-one-image-text-right {
    right: 5%;
  }
}

@media (max-width: 992px) {
  .cords-images .cords-one-image .cords-one-image-text {

    max-width: 320px;
  }
  .cords-images .cords-one-image .cords-one-image-text-right {

    max-width: 350px;
  }

  /* .cords-images .cords-one-image .cords-one-image-text p {
    margin-top: 60px;
  } */
}

@media (max-width: 891px) {
  .cords-images .cords-one-image .cords-one-image-text {

    max-width: 300px;
  }
  .cords-images .cords-one-image .cords-one-image-text-right {

    max-width: 350px;
  }

  /* .cords-images .cords-one-image .cords-one-image-text p {
    margin-top: 60px;
  } */
}

@media (max-width: 768px) {
  .cords-images .cords-one-image .cords-one-image-text {

    max-width: 230px;
  }
  .cords {
    margin-top: 90px;
  }
  .cords-images .cords-one-image-right {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .cords-subtitle ul {
    margin-top: 5px;
  }

  .cords-images .cords-two-images .cords-second p {
    margin-top: 15px;
  }
  .cords-images .cords-one-image .cords-one-image-text ul {
    margin-top: 30px;
  }
  .cords-images .cords-two-images .cords-second img {
    margin-top: 30px;
  }
  /* .cords-images .cords-one-image .cords-one-image-text ul {

    margin-top: 20px;
  } */

  .cords-images .cords-one-image .cords-one-image-text p {
    margin-top: 20px;
  }

  .cords-images .cords-one-image .cords-one-image-text-right {
    right: 5%;
  }

  .cords-images .cords-picture {
     margin-top: 0px;
    margin-bottom: 85px;
    z-index:1;
  }

  .cords-title {
    max-width: 350px;
  }

  .cords-two-images {
    margin-top: 90px;
    margin-bottom: 100px;
  }
  .cords-two-images:last-of-type {
    margin-top: 50px;
  }
}

@media (max-width: 550px) {
  .cords-images .cords-one-image .cords-one-image-text {

    max-width: 200px;
  }
}

@media (max-width: 425px) {
  .cords-images .cords-one-image .cords-one-image-text-right-leather {
    top: 16% !important;
  }
  .cords-images .cords-one-image .cords-one-image-text ul {
    margin-top: 20px;
  }



  .cords-images .cords-one-image .cords-one-image-text .cords-ul-mobile-textile {
    margin-top: 110px
  }
  /* .cords-images .cords-one-image-right .cords-one-image-text-right-leather {
    top: 13%;
  } */
  .first-background {
    display: none;
  }

  .first-background-mob {
    display: block;
  }

  .cords {
    margin-top: 105px;
    margin-left: 30px;
    flex-direction: column;
  }

  .cords-title {
    max-width: 284px;
  }

  .cords-subtitle {
    font-size: 14px ;
    margin-top: 95px;
  }

  .cords-subtitle ul {
    margin-top: 15px;
  }
  .cords-title h1 {
    /* font-family: 'Tenor Sans'; */
    font-size: 30px;
    line-height: 1.47;

    font-style: normal;
  }

  .cords-images .cords-picture .cords-picture-container {
    padding: 0 34px;
  }


  .cords-two-images {
    margin-top: 40px;
    margin-bottom: 40px;
    flex-direction: column;
  }

  .cords-images .cords-two-images .cords-first {
    margin-right: 0;
    width: unset;
    padding-bottom: 30px;
  }

  .cords-images .cords-two-images .cords-second {
    margin-top: 10px;
    width: unset;
    margin-right: 0;
  }

  .cords-images .cords-two-images .cords-second p {
    margin-top: 30px;
  }

  .cords-images .cords-two-images .cords-second  {
    padding: 0 30px;
  }

  .cords-images .cords-two-images .cords-second img {
    margin-top: 25px;
  }

  .cords-images .cords-two-images .cords-second p {
    font-size: 12px;
    line-height: 2.25;
  }

  .cords-images .cords-one-image .cords-one-image-text p {
    font-size: 12px;
  }

  .cords-picture-container-first {
    display: none;
  }

  .cords-one-image .cord-desktop {
    display: none;
  }
  .cords-one-image .cord-mobile {
    display: block;
  }

  .cords-images .cords-one-image .cords-one-image-text {
    top: 11.9%;
    left: 11.7%;
  }

  .cords-subtitle h2 {
    font-size: 14px;
  }

  .cords-subtitle ul li a {
    font-size: 14px;
    line-height: 2.14;
  }

  .cords-images .cords-one-image .cords-one-image-text h2 {
    margin-left: 13px;
    font-size: 14px;
  }

  /* .cords-one-image-text-right-silk .cords-ul-mobile {
    margin-top: 35px !important;
  } */
  /* .cords-images .cords-one-image .cords-one-image-text p {

    font-size: 12px;
  } */
  /* .cords-images .cords-one-image .cords-one-image-text .cord-p-subtitle {
    margin-top: 110px;
  } */

  .box2-right {
    margin-left: 175px;
    width: 142px;
    height: 620px;
    float: right;
    shape-outside: polygon(58% 76%,107% 121%,109% 8%,111% 31%,96% 43%,72% 46%,58% 54%);
  }
  .box2 {
    display: block !important;
    margin-right: 175px;
    width: 142px;
    height: 603px;
    float: left;
    /* shape-outside: polygon(-20.33px 283px,19.33px 539.47px,87.67px 407.47px,129.33px 287px,131.67px 216.53px,55.5px 100.03px,-27.67px 2.53px); */
    shape-outside: polygon(0 0,1% 102%,30% 80%,38% 53%,22% 40%,0% 41%,0 0);
  }
  .box2-right-leather {
    shape-outside: polygon(64% 73%,139% 122%,110% 8%,117% 32%,95% 41%,73% 46%,56% 52%);
  }
  .box2-textile {
    shape-outside: polygon(0 0,1% 102%,34% 77%,36% 47%,22% 40%,0% 41%,0 0);
  }

  /* polygon(-6% -6%,-6% 99%,17% 78%,34% 51%,38% 40%,19% 20%,-6% 0); */
  .cords-images .cords-one-image .cords-one-image-text p {
    font-size: 2hw;
    line-height: 2.25;
    margin-top: 137px;
  }
  .cords-ul-mobile-ribbon {
    margin-top: 130px !important;
    margin-left: 10px;
  }

  .cords-images .cords-one-image .cords-one-image-text ul {
    margin-left: 10px;
  }

  .cords-images .cords-two-images .cords-second h2 {
    font-size: 14px;
  }

  .cords-images .cords-one-image-right {
    margin-top: 0;
    margin-bottom: 0;
  }

  .cords-images .cords-one-image .cords-one-image-text {
    max-width: 325px;
  }

  .cords-images .cords-one-image .cords-one-image-text ul li {
    font-size: 13.5px;
    line-height: 2.48;
  }

  .cords-images .cords-one-image .cords-one-image-text-right {
    max-width: 350px;
    left: 8%;
  }

  .cords-images .cords-one-image .cords-one-image-text-right h2 {
    margin-left: 49%;
  }

  .cords-one-image-ribbon {
    margin-top: 0px;
  }
  /* .box2-right {
    margin-left: 175px;
    width: 142px;
    height: 520px;
    float: right;
    shape-outside: polygon(65% 70%,106% 114%,106% -2%,98% 9%,80% 32%,77% 42%,67% 53%);
  } */
  .cords-images .cords-one-image .cords-one-image-text .cord-p-subtitle {
    margin-top: 120px;
  }
  .cords-images .cords-one-image .cords-one-image-text-right ul {
    margin-left: 47%;
  }

  .cords-one-image-text-ribbon {
    margin-top: -285px;
    margin-left: 30px;
    position: unset !important;
  }

  .cords-ul-mobile {
    display: block;
  }

  .cords-ul-desktop {
    display: none;
  }



  .cords-two-images:last-of-type {
    margin-top: 50px;
  }
}

@media (max-width:375px) {
  .box2-right-leather {
    shape-outside: polygon(69% 61%,137% 124%,105% 3%,116% 33%,94% 41%,70% 46%,63% 47%);
  }
  .box2-right-silk {
    /* /* height: 650px !important; */
    shape-outside: polygon(74% 77%,135% 120%,111% 8%,111% 30%,96% 33%,74% 48%,62% 61%);
  }

  .box2-textile {
    /* shape-outside: polygon(-5% 40%,-6% 99%,17% 78%,34% 65%,34% 39%,17% 41%,3% 41%); */
    shape-outside: polygon(-7% 42%,-6% 96%,18% 76%,35% 62%,35% 30%,18% 40%,4% 41%) !important;
  }
  .box2 {
    shape-outside: polygon(-5% 40%,-6% 99%,17% 78%,34% 51%,38% 40%,19% 41%,4% 41%);
    margin-right: 140px;
  }

  .cords-images .cords-one-image .cords-one-image-text p {
    margin-top: 110px;
  }
  .box2-cotton {
  shape-outside: polygon(-7% 40%,-7% 95%,17% 78%,34% 46%,34% 40%,18% 41%,2% 41%);
  }
  .cords-images .cords-one-image .cords-one-image-text .cords-ul-mobile-leather {
    margin-top: 120px;
  }
  .cords-images .cords-one-image .cords-one-image-text {
    max-width: 320px;
  }

  .cords-images .cords-one-image .cords-one-image-text .cord-p-subtitle {
    margin-top: 100px;
  }

  .cords-images .cords-one-image .cords-one-image-text .cords-ul-mobile-textile {
    margin-top: 70px ;
  }

  .cords-one-image-ribbon {
    margin-top: 0px;
  }
  .cords-one-image-text-ribbon {
    margin-top: -255px;
  }

}

@media (max-width:320px) {

  .box2-cotton {
    shape-outside: polygon(-8% 38%,-6% 84%,5% 73%,29% 47%,29% 37%,16% 38%,2% 40%);
  }

  .box2-textile {
    shape-outside: polygon(-6% 29%,-8% 97%,-3% 79%,10% 67%,26% 54%,26% 42%,26% 29%) !important;
  }

  .cords-images .cords-one-image .cords-one-image-text p {
    margin-top: 55px;
    line-height: 2;
  }

  .cords-images .cords-one-image .cords-one-image-text-right ul {
    margin-left: 45%;
  }

  .cords-images .cords-one-image .cords-one-image-text-ribbon p {
    margin-top: 30px !important;
    padding-right: 30px;
  }

  .cords-images .cords-one-image .cords-one-image-text .cord-p-subtitle {
    margin-top: 45px;
  }

  .box2-right-silk {
    shape-outside: polygon(92% 81%,146% 120%,111% 8%,110% 29%,88% 33%,67% 52%,80% 68%);
  }

  .box2-right-leather {
    shape-outside: polygon(89% 58%,132% 124%,105% 3%,116% 33%,94% 29%,71% 40%,73% 47%);
  }

  .cords-images .cords-one-image .cords-one-image-text .cords-ul-mobile-textile {
    margin-top: 30px;
  }

  .cords-images .cords-one-image .cords-one-image-text ul {
    margin-top: 20px;
  }

  .cords-images .cords-one-image .cords-one-image-text .cords-ul-mobile-leather {
    margin-top: 50px;
  }

  .cords-images .cords-one-image .cords-one-image-text-ribbon {
    margin-top: -225px;
  }

  .cords-two-images:last-of-type {
    margin-top: 40px;
  }

  .cords-ul-mobile-ribbon {
    padding-right: 30px;
  }

  .cords-images .cords-picture {
    margin-top: 50px;
  }

  .cords {
    margin-left: 20px;
  }

  .cords-images .cords-two-images .cords-second img {
    margin-top: 45px;
  }
  .cords-images .cords-two-images .cords-second {
    margin-top: 50px;
  }

  .cords-images .cords-two-images .cords-second p {
    margin-top: 30px;
  }
}