.cli-block-subtitle a {
  color: rgb(25, 118, 210);
  border-bottom: 1px solid rgb(25, 118, 210);
}

.cli-button:hover {
  border: 1px solid;
}

.cli-button:disabled {
  cursor: not-allowed;
  background-color: #ccc !important;
  border: none;
}

#my-companies .cli-button {
  width: 212px;
  display: flex;
  justify-content: center;
}

.error_alert {
  color: red;
  text-align: center;
  margin-bottom: 10px;
}

#rec1558047171 .t396__artboard {
   height: 700px;
   background-color: #f6f6f6;
 }
#rec1558047171 .t396__filter {
  height: 700px;
}
#rec1558047171 .t396__carrier {
  height: 700px;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1199px) {
  #rec1558047171 .t396__artboard, #rec1558047171 .t396__filter, #rec1558047171 .t396__carrier {
  }
  #rec1558047171 .t396__filter {
  }
  #rec1558047171 .t396__carrier {
    background-attachment: scroll;
  }
}
@media screen and (max-width: 959px) {
  #rec1558047171 .t396__artboard, #rec1558047171 .t396__filter, #rec1558047171 .t396__carrier {
    height: 740px;
  }
  #rec1558047171 .t396__filter {
  }
  #rec1558047171 .t396__carrier {
    background-attachment: scroll;
  }
}
@media screen and (max-width: 639px) {
  #rec1558047171 .t396__artboard, #rec1558047171 .t396__filter, #rec1558047171 .t396__carrier {
  }

  #rec1558047171 .t396__filter {
  }

  #rec1558047171 .t396__carrier {
    background-attachment: scroll;
  }
}
@media screen and (max-width: 479px) {
  #rec1558047171 .t396__artboard, #rec1558047171 .t396__filter, #rec1558047171 .t396__carrier {
    height: 890px;
  }
  #rec1558047171 .t396__filter {
  }
  #rec1558047171 .t396__carrier {
    background-attachment: scroll;
  }
}
#rec1558047171 .tn-elem[data-elem-id="176338149331417580"] {
  color: #999999;
  z-index: 3;
  top: 23px;
  left: calc(50% - 600px + 20px);
  width: 188px;
  height: auto;
}
#rec1558047171 .tn-elem[data-elem-id="176338149331417580"] .tn-atom {
  vertical-align: middle;
  color: #999999;
  font-size: 14px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 200;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}
@media screen and (max-width: 1199px) {
  #rec1558047171 .tn-elem[data-elem-id="176338149331417580"] {
    display: table;
    top: 26px;
    left: calc(50% - 480px + 20px);
    height: auto;
  }
}
@media screen and (max-width: 959px) {
  #rec1558047171 .tn-elem[data-elem-id="176338149331417580"] {
    display: table;
    top: 28px;
    left: calc(50% - 320px + 20px);
    width: 188px;
    height: auto;
  }
  #rec1558047171 .tn-elem[data-elem-id="176338149331417580"] .tn-atom {
    vertical-align: middle;
    white-space: normal;
    background-size: cover;
  }
}
@media screen and (max-width: 639px) {
  #rec1558047171 .tn-elem[data-elem-id="176338149331417580"] {
    display: table;
    left: calc(50% - 240px + 29px);
    height: auto;
  }
}
@media screen and (max-width: 479px) {
  #rec1558047171 .tn-elem[data-elem-id="176338149331417580"] {
    display: table;
    top: 33px;
    left: calc(50% - 160px + -16px);
    width: 135px;
    height: auto;
  }
  #rec1558047171 .tn-elem[data-elem-id="176338149331417580"] .tn-atom {
    font-size: 10px;
    background-size: cover;
  }
}
#rec1558047171 .tn-elem[data-elem-id="176338149330658990"] {
  color: #5552e8;
  z-index: 3;
  top: 23px;
  left: calc(50% - 600px + 210px);
  width: 120px;
  height: auto;
}
#rec1558047171 .tn-elem[data-elem-id="176338149330658990"] .tn-atom {
  vertical-align: middle;
  color: #5552e8;
  font-size: 14px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 200;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}
@media screen and (max-width: 1199px) {
  #rec1558047171 .tn-elem[data-elem-id="176338149330658990"] {
    display: table;
    top: 26px;
    left: calc(50% - 480px + 210px);
    height: auto;
  }
}
@media screen and (max-width: 959px) {
  #rec1558047171 .tn-elem[data-elem-id="176338149330658990"] {
    display: table;
    top: 28px;
    left: calc(50% - 320px + 211px);
    height: auto;
  }
}
@media screen and (max-width: 639px) {
  #rec1558047171 .tn-elem[data-elem-id="176338149330658990"] {
    display: table;
    left: calc(50% - 240px + 219px);
    height: auto;
  }
}
@media screen and (max-width: 479px) {
  #rec1558047171 .tn-elem[data-elem-id="176338149330658990"] {
    display: table;
    top: 33px;
    left: calc(50% - 160px + 119px);
    width: 80px;
    height: auto;
  }
  #rec1558047171 .tn-elem[data-elem-id="176338149330658990"] .tn-atom {
    font-size: 10px;
    background-size: cover;
  }
}
#rec1558047171 .tn-elem[data-elem-id="1762941941698"] {
  z-index: 3;
  top: 60px;
  left: calc(50% - 600px + 20px);
  width: 232px;
  height: 480px;
}
#rec1558047171 .tn-elem[data-elem-id="1762941941698"] .tn-atom {
  border-width: 0px;
  border-radius: 12px 12px 12px 12px;
  background-color: #fcfcfc;
  background-position: center center;
  border-color: #e5e5e5;
  border-style: solid;
  box-shadow: 10px 10px 50px 0px rgba(226, 226, 226, 0.5);
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}
@media screen and (max-width: 1199px) {
  #rec1558047171 .tn-elem[data-elem-id="1762941941698"] {
    display: table;
  }
}
@media screen and (max-width: 959px) {
  #rec1558047171 .tn-elem[data-elem-id="1762941941698"] {
    display: table;
    top: 60px;
    height: 368px;
  }
}
@media screen and (max-width: 639px) {
  #rec1558047171 .tn-elem[data-elem-id="1762941941698"] {
    display: table;
    width: 194px;
  }
}
@media screen and (max-width: 479px) {
  #rec1558047171 .tn-elem[data-elem-id="1762941941698"] {
    display: table;
    left: calc(50% - 160px + -17px);
    width: 350px;
    height: 182px;
    border-radius: 6px 6px 6px 6px;
  }
  #rec1558047171 .tn-elem[data-elem-id="1762941941698"] .tn-atom {
    background-size: cover;
    border-radius: 6px 6px 6px 6px;
  }
}
#rec1558047171 .tn-elem[data-elem-id="1762945852044"] {
  color: #000000;
  z-index: 3;
  top: 60px;
  left: calc(50% - 600px + 420px);
  width: 460px;
  height: auto;
}
#rec1558047171 .tn-elem[data-elem-id="1762945852044"] .tn-atom {
  vertical-align: middle;
  color: #000000;
  font-size: 28px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 400;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}
@media screen and (max-width: 1199px) {
  #rec1558047171 .tn-elem[data-elem-id="1762945852044"] {
    display: table;
    left: calc(50% - 480px + 310px);
    width: 236px;
    height: auto;
  }
  #rec1558047171 .tn-elem[data-elem-id="1762945852044"] {
    text-align: left;
  }
}
@media screen and (max-width: 959px) {
  #rec1558047171 .tn-elem[data-elem-id="1762945852044"] {
    display: table;
    top: 290px;
    left: calc(50% - 320px + 271px);
    width: 293px;
    height: auto;
  }
  #rec1558047171 .tn-elem[data-elem-id="1762945852044"] .tn-atom {
    font-size: 24px;
    background-size: cover;
  }
}
@media screen and (max-width: 639px) {
  #rec1558047171 .tn-elem[data-elem-id="1762945852044"] {
    display: table;
    top: 308px;
    left: calc(50% - 240px + 231px);
    width: 209px;
    height: auto;
  }
  #rec1558047171 .tn-elem[data-elem-id="1762945852044"] .tn-atom {
    font-size: 22px;
    background-size: cover;
  }
}
@media screen and (max-width: 479px) {
  #rec1558047171 .tn-elem[data-elem-id="1762945852044"] {
    display: table;
    top: 369px;
    left: calc(50% - 160px + 35px);
    width: 251px;
    height: auto;
  }
  #rec1558047171 .tn-elem[data-elem-id="1762945852044"] {
    text-align: center;
  }
}
#rec1558047171 .tn-elem[data-elem-id="1762946691810"] {
  z-index: 3;
  top: 127px;
  left: calc(50% - 600px + 320px);
  width: 560px;
  height: auto;
}
#rec1558047171 .tn-elem[data-elem-id="1762946691810"] .tn-atom {
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}
@media screen and (max-width: 1199px) {
  #rec1558047171 .tn-elem[data-elem-id="1762946691810"] {
    display: table;
    top: 195px;
    left: calc(50% - 480px + 311px);
    width: 420px;
    height: auto;
  }
}
@media screen and (max-width: 959px) {
  #rec1558047171 .tn-elem[data-elem-id="1762946691810"] {
    display: table;
    top: 357px;
    left: calc(50% - 320px + 271px);
    width: 306px;
    height: auto;
  }
}
@media screen and (max-width: 639px) {
  #rec1558047171 .tn-elem[data-elem-id="1762946691810"] {
    display: table;
    left: calc(50% - 240px + 220px);
    width: 250px;
    height: auto;
  }
}
@media screen and (max-width: 479px) {
  #rec1558047171 .tn-elem[data-elem-id="1762946691810"] {
    display: table;
    top: 439px;
    left: calc(50% - 160px + -15px);
    width: 350px;
    height: auto;
  }
}
#rec1558047171 .tn-elem[data-elem-id="1762950285258"] {
  z-index: 3;
  top: 60px;
  left: calc(50% - 600px + 979px);
  width: 201px;
  height: 284px;
}
#rec1558047171 .tn-elem[data-elem-id="1762950285258"] .tn-atom {
  border-radius: 5px 5px 5px 5px;
  background-color: #fcfcfc;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  box-shadow: 10px 10px 50px 0px rgba(226, 226, 226, 1);
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}
@media screen and (max-width: 1199px) {
  #rec1558047171 .tn-elem[data-elem-id="1762950285258"] {
    display: table;
    top: 60px;
    left: calc(50% - 480px + 749px);
  }
}
@media screen and (max-width: 959px) {
  #rec1558047171 .tn-elem[data-elem-id="1762950285258"] {
    display: table;
    top: 60px;
    left: calc(50% - 320px + 274px);
    width: 300px;
    height: 197px;
  }
}
@media screen and (max-width: 639px) {
  #rec1558047171 .tn-elem[data-elem-id="1762950285258"] {
    display: table;
    top: 60px;
    left: calc(50% - 240px + 220px);
    width: 250px;
    height: 197px;
  }
}
@media screen and (max-width: 479px) {
  #rec1558047171 .tn-elem[data-elem-id="1762950285258"] {
    display: table;
    top: -5000px;
    left: calc(50% - 160px + -455px);
    width: 245px;
    height: 10px;
  }
}
#rec1558047171 .tn-elem[data-elem-id="1762944780439"] {
  color: #000000;
  z-index: 3;
  top: 245px;
  left: calc(50% - 600px + 1001px);
  width: 65px;
  height: auto;
}
#rec1558047171 .tn-elem[data-elem-id="1762944780439"] .tn-atom {
  vertical-align: middle;
  color: #000000;
  font-size: 14px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 300;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}
@media screen and (max-width: 1199px) {
  #rec1558047171 .tn-elem[data-elem-id="1762944780439"] {
    display: table;
    top: 245px;
    left: calc(50% - 480px + 771px);
    height: auto;
  }
}
@media screen and (max-width: 959px) {
  #rec1558047171 .tn-elem[data-elem-id="1762944780439"] {
    display: table;
    top: 178px;
    left: calc(50% - 320px + 336px);
    height: auto;
  }
}
@media screen and (max-width: 639px) {
  #rec1558047171 .tn-elem[data-elem-id="1762944780439"] {
    display: table;
    top: 184px;
    left: calc(50% - 240px + 231px);
    height: auto;
  }
  #rec1558047171 .tn-elem[data-elem-id="1762944780439"] .tn-atom {
    font-size: 13px;
    background-size: cover;
  }
}
@media screen and (max-width: 479px) {
  #rec1558047171 .tn-elem[data-elem-id="1762944780439"] {
    display: table;
    top: 200px;
    left: calc(50% - 160px + 70px);
    width: 65px;
    height: auto;
  }
  #rec1558047171 .tn-elem[data-elem-id="1762944780439"] .tn-atom {
    vertical-align: middle;
    white-space: normal;
    font-size: 14px;
    background-size: cover;
  }
}
#rec1558047171 .tn-elem[data-elem-id="1762945012180"] {
  color: #999999;
  z-index: 3;
  top: 267px;
  left: calc(50% - 600px + 1001px);
  width: 179px;
  height: auto;
}
#rec1558047171 .tn-elem[data-elem-id="1762945012180"] .tn-atom {
  vertical-align: middle;
  color: #999999;
  font-size: 14px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 400;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}
@media screen and (max-width: 1199px) {
  #rec1558047171 .tn-elem[data-elem-id="1762945012180"] {
    display: table;
    top: 267px;
    left: calc(50% - 480px + 771px);
    height: auto;
  }
}
@media screen and (max-width: 959px) {
  #rec1558047171 .tn-elem[data-elem-id="1762945012180"] {
    display: table;
    top: 178px;
    left: calc(50% - 320px + 411px);
    height: auto;
  }
}
@media screen and (max-width: 639px) {
  #rec1558047171 .tn-elem[data-elem-id="1762945012180"] {
    display: table;
    top: 184px;
    left: calc(50% - 240px + 306px);
    width: 161px;
    height: auto;
  }
  #rec1558047171 .tn-elem[data-elem-id="1762945012180"] .tn-atom {
    font-size: 13px;
    background-size: cover;
  }
}
@media screen and (max-width: 479px) {
  #rec1558047171 .tn-elem[data-elem-id="1762945012180"] {
    display: table;
    top: 200px;
    left: calc(50% - 160px + 144px);
    width: 160px;
    height: auto;
  }
  #rec1558047171 .tn-elem[data-elem-id="1762945012180"] .tn-atom {
    vertical-align: middle;
    white-space: normal;
    font-size: 14px;
    background-size: cover;
  }
}
#rec1558047171 .tn-elem[data-elem-id="176294510496122430"] {
  color: #000000;
  z-index: 3;
  top: 196px;
  left: calc(50% - 600px + 1001px);
  width: 47px;
  height: auto;
}
#rec1558047171 .tn-elem[data-elem-id="176294510496122430"] .tn-atom {
  vertical-align: middle;
  color: #000000;
  font-size: 14px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 300;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}
@media screen and (max-width: 1199px) {
  #rec1558047171 .tn-elem[data-elem-id="176294510496122430"] {
    display: table;
    top: 196px;
    left: calc(50% - 480px + 771px);
    height: auto;
  }
}
@media screen and (max-width: 959px) {
  #rec1558047171 .tn-elem[data-elem-id="176294510496122430"] {
    display: table;
    top: 147px;
    left: calc(50% - 320px + 336px);
    height: auto;
  }
}
@media screen and (max-width: 639px) {
  #rec1558047171 .tn-elem[data-elem-id="176294510496122430"] {
    display: table;
    top: 153px;
    left: calc(50% - 240px + 231px);
    height: auto;
  }
  #rec1558047171 .tn-elem[data-elem-id="176294510496122430"] .tn-atom {
    font-size: 13px;
    background-size: cover;
  }
}
@media screen and (max-width: 479px) {
  #rec1558047171 .tn-elem[data-elem-id="176294510496122430"] {
    display: table;
    top: 158px;
    left: calc(50% - 160px + 70px);
    width: 47px;
    height: auto;
  }
  #rec1558047171 .tn-elem[data-elem-id="176294510496122430"] .tn-atom {
    vertical-align: middle;
    white-space: normal;
    font-size: 14px;
    background-size: cover;
  }
}
#rec1558047171 .tn-elem[data-elem-id="176294510497642220"] {
  color: #999999;
  z-index: 3;
  top: 218px;
  left: calc(50% - 600px + 1001px);
  width: 179px;
  height: auto;
}
#rec1558047171 .tn-elem[data-elem-id="176294510497642220"] .tn-atom {
  vertical-align: middle;
  color: #999999;
  font-size: 14px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 400;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}
@media screen and (max-width: 1199px) {
  #rec1558047171 .tn-elem[data-elem-id="176294510497642220"] {
    display: table;
    top: 218px;
    left: calc(50% - 480px + 771px);
    height: auto;
  }
}
@media screen and (max-width: 959px) {
  #rec1558047171 .tn-elem[data-elem-id="176294510497642220"] {
    display: table;
    top: 147px;
    left: calc(50% - 320px + 393px);
    height: auto;
  }
}
@media screen and (max-width: 639px) {
  #rec1558047171 .tn-elem[data-elem-id="176294510497642220"] {
    display: table;
    top: 153px;
    left: calc(50% - 240px + 288px);
    height: auto;
  }
  #rec1558047171 .tn-elem[data-elem-id="176294510497642220"] .tn-atom {
    font-size: 13px;
    background-size: cover;
  }
}
@media screen and (max-width: 479px) {
  #rec1558047171 .tn-elem[data-elem-id="176294510497642220"] {
    display: table;
    top: 158px;
    left: calc(50% - 160px + 127px);
    width: 178px;
    height: auto;
  }
  #rec1558047171 .tn-elem[data-elem-id="176294510497642220"] .tn-atom {
    vertical-align: middle;
    white-space: normal;
    font-size: 14px;
    background-size: cover;
  }
}
#rec1558047171 .tn-elem[data-elem-id="176294506071558630"] {
  color: #060606;
  z-index: 3;
  top: 147px;
  left: calc(50% - 600px + 1001px);
  width: 87px;
  height: auto;
}
#rec1558047171 .tn-elem[data-elem-id="176294506071558630"] .tn-atom {
  vertical-align: middle;
  color: #060606;
  font-size: 14px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 300;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}
@media screen and (max-width: 1199px) {
  #rec1558047171 .tn-elem[data-elem-id="176294506071558630"] {
    display: table;
    top: 147px;
    left: calc(50% - 480px + 771px);
    height: auto;
  }
}

@media screen and (max-width: 959px) {
  #rec1558047171 .tn-elem[data-elem-id="176294506071558630"] {
    display: table;
    top: 117px;
    left: calc(50% - 320px + 336px);
    height: auto;
  }
}

@media screen and (max-width: 639px) {
  #rec1558047171 .tn-elem[data-elem-id="176294506071558630"] {
    display: table;
    top: 123px;
    left: calc(50% - 240px + 231px);
    height: auto;
  }

  #rec1558047171 .tn-elem[data-elem-id="176294506071558630"] .tn-atom {
    font-size: 13px;
    background-size: cover;
  }
}

@media screen and (max-width: 479px) {
  #rec1558047171 .tn-elem[data-elem-id="176294506071558630"] {
    display: table;
    top: 116px;
    left: calc(50% - 160px + 70px);
    width: 86px;
    height: auto;
  }

  #rec1558047171 .tn-elem[data-elem-id="176294506071558630"] .tn-atom {
    vertical-align: middle;
    white-space: normal;
    font-size: 14px;
    background-size: cover;
  }
}

#rec1558047171 .tn-elem[data-elem-id="176294506073032250"] {
  color: #999999;
  z-index: 3;
  top: 169px;
  left: calc(50% - 600px + 1001px);
  width: 179px;
  height: auto;
}

#rec1558047171 .tn-elem[data-elem-id="176294506073032250"] .tn-atom {
  vertical-align: middle;
  color: #999999;
  font-size: 14px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 400;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

@media screen and (max-width: 1199px) {
  #rec1558047171 .tn-elem[data-elem-id="176294506073032250"] {
    display: table;
    top: 169px;
    left: calc(50% - 480px + 771px);
    height: auto;
  }
}

@media screen and (max-width: 959px) {
  #rec1558047171 .tn-elem[data-elem-id="176294506073032250"] {
    display: table;
    top: 117px;
    left: calc(50% - 320px + 433px);
    height: auto;
  }
}

@media screen and (max-width: 639px) {
  #rec1558047171 .tn-elem[data-elem-id="176294506073032250"] {
    display: table;
    top: 123px;
    left: calc(50% - 240px + 328px);
    width: 139px;
    height: auto;
  }

  #rec1558047171 .tn-elem[data-elem-id="176294506073032250"] .tn-atom {
    font-size: 13px;
    background-size: cover;
  }
}

@media screen and (max-width: 479px) {
  #rec1558047171 .tn-elem[data-elem-id="176294506073032250"] {
    display: table;
    top: 116px;
    left: calc(50% - 160px + 166px);
    width: 138px;
    height: auto;
  }

  #rec1558047171 .tn-elem[data-elem-id="176294506073032250"] .tn-atom {
    vertical-align: middle;
    white-space: normal;
    font-size: 14px;
    background-size: cover;
  }
}

#rec1558047171 .tn-elem[data-elem-id="176294504001949580"] {
  color: #000000;
  z-index: 3;
  top: 98px;
  left: calc(50% - 600px + 1001px);
  width: 32px;
  height: auto;
}

#rec1558047171 .tn-elem[data-elem-id="176294504001949580"] .tn-atom {
  vertical-align: middle;
  color: #000000;
  font-size: 14px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 300;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

@media screen and (max-width: 1199px) {
  #rec1558047171 .tn-elem[data-elem-id="176294504001949580"] {
    display: table;
    top: 98px;
    left: calc(50% - 480px + 771px);
    height: auto;
  }
}

@media screen and (max-width: 959px) {
  #rec1558047171 .tn-elem[data-elem-id="176294504001949580"] {
    display: table;
    top: 87px;
    left: calc(50% - 320px + 336px);
    height: auto;
  }
}

@media screen and (max-width: 639px) {
  #rec1558047171 .tn-elem[data-elem-id="176294504001949580"] {
    display: table;
    top: 93px;
    left: calc(50% - 240px + 231px);
    height: auto;
  }

  #rec1558047171 .tn-elem[data-elem-id="176294504001949580"] .tn-atom {
    font-size: 13px;
    background-size: cover;
  }
}

@media screen and (max-width: 479px) {
  #rec1558047171 .tn-elem[data-elem-id="176294504001949580"] {
    display: table;
    top: 74px;
    left: calc(50% - 160px + 70px);
    width: 32px;
    height: auto;
  }

  #rec1558047171 .tn-elem[data-elem-id="176294504001949580"] .tn-atom {
    vertical-align: middle;
    white-space: normal;
    font-size: 14px;
    background-size: cover;
  }
}

#rec1558047171 .tn-elem[data-elem-id="176294504003417060"] {
  color: #999999;
  z-index: 3;
  top: 120px;
  left: calc(50% - 600px + 1001px);
  width: 161px;
  height: auto;
}

#rec1558047171 .tn-elem[data-elem-id="176294504003417060"] .tn-atom {
  vertical-align: middle;
  color: #999999;
  font-size: 14px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 400;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

@media screen and (max-width: 1199px) {
  #rec1558047171 .tn-elem[data-elem-id="176294504003417060"] {
    display: table;
    top: 120px;
    left: calc(50% - 480px + 771px);
    height: auto;
  }
}

@media screen and (max-width: 959px) {
  #rec1558047171 .tn-elem[data-elem-id="176294504003417060"] {
    display: table;
    top: 87px;
    left: calc(50% - 320px + 378px);
    width: 161px;
    height: auto;
  }

  #rec1558047171 .tn-elem[data-elem-id="176294504003417060"] .tn-atom {
    vertical-align: middle;
    white-space: normal;
    background-size: cover;
  }
}

@media screen and (max-width: 639px) {
  #rec1558047171 .tn-elem[data-elem-id="176294504003417060"] {
    display: table;
    top: 93px;
    left: calc(50% - 240px + 273px);
    height: auto;
  }

  #rec1558047171 .tn-elem[data-elem-id="176294504003417060"] .tn-atom {
    font-size: 13px;
    background-size: cover;
  }
}

@media screen and (max-width: 479px) {
  #rec1558047171 .tn-elem[data-elem-id="176294504003417060"] {
    display: table;
    top: 74px;
    left: calc(50% - 160px + 112px);
    width: 160px;
    height: auto;
  }

  #rec1558047171 .tn-elem[data-elem-id="176294504003417060"] .tn-atom {
    vertical-align: middle;
    white-space: normal;
    font-size: 14px;
    background-size: cover;
  }
}

#rec1558047171 .tn-elem[data-elem-id="176294248034958020"] {
  color: #bcbcbc;
  text-align: center;
  z-index: 3;
  top: 300px;
  left: calc(50% - 600px + 989px);
  width: 111px;
  height: 35px;
}

#rec1558047171 .tn-elem[data-elem-id="176294248034958020"] .tn-atom {
  color: #bcbcbc;
  font-size: 12px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 400;
  border-radius: 6px 6px 6px 6px;
  background-color: #fcfcfc;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  --t396-speedhover: 0.2s;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

#rec1558047171 .tn-elem[data-elem-id="176294248034958020"] .tn-atom {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#rec1558047171 .tn-elem[data-elem-id="176294248034958020"] .tn-atom .tn-atom__button-content {
  column-gap: 10px;
}

@media screen and (max-width: 1199px) {
  #rec1558047171 .tn-elem[data-elem-id="176294248034958020"] {
    display: block;
    top: 300px;
    left: calc(50% - 480px + 759px);
  }
}

@media screen and (max-width: 959px) {
  #rec1558047171 .tn-elem[data-elem-id="176294248034958020"] {
    display: block;
    top: 213px;
    left: calc(50% - 320px + 459px);
  }

  #rec1558047171 .tn-elem[data-elem-id="176294248034958020"] .tn-atom {
    font-size: 15px;
    background-size: cover;
  }
}

@media screen and (max-width: 639px) {
  #rec1558047171 .tn-elem[data-elem-id="176294248034958020"] {
    display: block;
    top: 219px;
    left: calc(50% - 240px + 354px);
  }

  #rec1558047171 .tn-elem[data-elem-id="176294248034958020"] .tn-atom {
    font-size: 13px;
    background-size: cover;
  }
}

@media screen and (max-width: 479px) {
  #rec1558047171 .tn-elem[data-elem-id="176294248034958020"] {
    display: block;
    top: 23px;
    left: calc(50% - 160px + 264px);
    width: 71px;
    height: 35px;
  }

  #rec1558047171 .tn-elem[data-elem-id="176294248034958020"] .tn-atom {
    font-size: 14px;
    background-color: #f6f6f6;
    background-size: cover;
  }
}

#rec1558047171 .tn-elem[data-elem-id="1762948122737"] {
  z-index: 3;
  top: 309px;
  left: calc(50% - 600px + 1000px);
  width: 15px;
  height: auto;
}

#rec1558047171 .tn-elem[data-elem-id="1762948122737"] .tn-atom {
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

#rec1558047171 .tn-elem[data-elem-id="1762948122737"] .tn-atom__vector svg {
  display: block;
}

@media screen and (max-width: 1199px) {
  #rec1558047171 .tn-elem[data-elem-id="1762948122737"] {
    display: table;
    top: 309px;
    left: calc(50% - 480px + 770px);
    height: auto;
  }
}

@media screen and (max-width: 959px) {
  #rec1558047171 .tn-elem[data-elem-id="1762948122737"] {
    display: table;
    top: 219px;
    left: calc(50% - 320px + 460px);
    width: 24px;
    height: auto;
  }
}

@media screen and (max-width: 639px) {
  #rec1558047171 .tn-elem[data-elem-id="1762948122737"] {
    display: table;
    top: 227px;
    left: calc(50% - 240px + 364px);
    width: 18px;
    height: auto;
  }
}

@media screen and (max-width: 479px) {
  #rec1558047171 .tn-elem[data-elem-id="1762948122737"] {
    display: table;
    top: 35px;
    left: calc(50% - 160px + 261px);
    width: 12px;
    height: auto;
  }
}

#rec1558047171 .tn-elem[data-elem-id="176311299083876890"] {
  z-index: 3;
  top: 74px;
  left: calc(50% - 600px + 1139px);
  width: 26px;
  height: auto;
}

#rec1558047171 .tn-elem[data-elem-id="176311299083876890"] .tn-atom {
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

#rec1558047171 .tn-elem[data-elem-id="176311299083876890"] .tn-atom__vector svg {
  display: block;
}

@media screen and (max-width: 1199px) {
  #rec1558047171 .tn-elem[data-elem-id="176311299083876890"] {
    display: table;
    top: 74px;
    left: calc(50% - 480px + 909px);
    height: auto;
  }
}

@media screen and (max-width: 959px) {
  #rec1558047171 .tn-elem[data-elem-id="176311299083876890"] {
    display: table;
    top: 90px;
    left: calc(50% - 320px + 293px);
    height: auto;
  }
}

@media screen and (max-width: 639px) {
  #rec1558047171 .tn-elem[data-elem-id="176311299083876890"] {
    display: table;
    top: 67px;
    left: calc(50% - 240px + 230px);
    width: 18px;
    height: auto;
  }
}

@media screen and (max-width: 479px) {
  #rec1558047171 .tn-elem[data-elem-id="176311299083876890"] {
    display: table;
    top: -3216px;
    left: calc(50% - 160px + -834px);
    width: 18px;
    height: auto;
  }
}

#rec1558047171 .tn-elem[data-elem-id="1763115534278"] {
  z-index: 3;
  top: 100px;
  left: calc(50% - 600px + 31px);
  width: 26px;
  height: auto;
}

#rec1558047171 .tn-elem[data-elem-id="1763115534278"] .tn-atom {
  border-radius: 0px 0px 0px 0px;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

#rec1558047171 .tn-elem[data-elem-id="1763115534278"] .tn-atom__img {
  border-radius: 0px 0px 0px 0px;
  object-position: center center;
}

@media screen and (max-width: 1199px) {
  #rec1558047171 .tn-elem[data-elem-id="1763115534278"] {
    display: table;
    height: auto;
  }
}

@media screen and (max-width: 959px) {
  #rec1558047171 .tn-elem[data-elem-id="1763115534278"] {
    display: table;
    top: 100px;
    height: auto;
  }
}

@media screen and (max-width: 639px) {
  #rec1558047171 .tn-elem[data-elem-id="1763115534278"] {
    display: table;
    left: calc(50% - 240px + 27px);
    height: auto;
  }
}

@media screen and (max-width: 479px) {
  #rec1558047171 .tn-elem[data-elem-id="1763115534278"] {
    display: table;
    top: 74px;
    left: calc(50% - 160px + 11px);
    height: auto;
  }
}

#rec1558047171 .tn-elem[data-elem-id="1762942034090"] {
  color: #000000;
  text-align: left;
  z-index: 3;
  top: 85px;
  left: calc(50% - 600px + 64px);
  width: 164px;
  height: 55px;
}

#rec1558047171 .tn-elem[data-elem-id="1762942034090"] .tn-atom {
  color: #000000;
  font-size: 16px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 100;
  border-width: 0px;
  border-radius: 6px 6px 6px 6px;
  background-color: #fcfcfc;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  --t396-speedhover: 0.2s;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

#rec1558047171 .tn-elem[data-elem-id="1762942034090"] .tn-atom {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

#rec1558047171 .tn-elem[data-elem-id="1762942034090"] .tn-atom .tn-atom__button-content {
  column-gap: 10px;
}

@media screen and (max-width: 1199px) {
  #rec1558047171 .tn-elem[data-elem-id="1762942034090"] {
    display: block;
  }
}

@media screen and (max-width: 959px) {
  #rec1558047171 .tn-elem[data-elem-id="1762942034090"] {
    display: block;
    top: 85px;
  }
}

@media screen and (max-width: 639px) {
  #rec1558047171 .tn-elem[data-elem-id="1762942034090"] {
    display: block;
    top: 85px;
    left: calc(50% - 240px + 57px);
    width: 112px;
    height: 55px;
  }

  #rec1558047171 .tn-elem[data-elem-id="1762942034090"] .tn-atom {
    font-size: 14px;
    background-size: cover;
  }
}

@media screen and (max-width: 479px) {
  #rec1558047171 .tn-elem[data-elem-id="1762942034090"] {
    display: block;
    top: 74px;
    left: calc(50% - 160px + 8px);
    width: 40px;
    height: 28px;
  }

  #rec1558047171 .tn-elem[data-elem-id="1762942034090"] {
    color: #ffffff;
  }

  #rec1558047171 .tn-elem[data-elem-id="1762942034090"] .tn-atom {
    color: #ffffff;
    font-size: 8px;
    background-size: cover;
    opacity: 0;
  }
}

#rec1558047171 .tn-elem[data-elem-id="1763115561067"] {
  z-index: 3;
  top: 165px;
  left: calc(50% - 600px + 31px);
  width: 26px;
  height: auto;
}

#rec1558047171 .tn-elem[data-elem-id="1763115561067"] .tn-atom {
  border-radius: 0px 0px 0px 0px;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

#rec1558047171 .tn-elem[data-elem-id="1763115561067"] .tn-atom__img {
  border-radius: 0px 0px 0px 0px;
  object-position: center center;
}

@media screen and (max-width: 1199px) {
  #rec1558047171 .tn-elem[data-elem-id="1763115561067"] {
    display: table;
    height: auto;
  }
}

@media screen and (max-width: 959px) {
  #rec1558047171 .tn-elem[data-elem-id="1763115561067"] {
    display: table;
    top: 162px;
    height: auto;
  }
}

@media screen and (max-width: 639px) {
  #rec1558047171 .tn-elem[data-elem-id="1763115561067"] {
    display: table;
    left: calc(50% - 240px + 27px);
    height: auto;
  }
}

@media screen and (max-width: 479px) {
  #rec1558047171 .tn-elem[data-elem-id="1763115561067"] {
    display: table;
    top: 116px;
    left: calc(50% - 160px + 10px);
    width: 28px;
    height: auto;
  }
}

#rec1558047171 .tn-elem[data-elem-id="176294754934780120"] {
  color: #797979;
  text-align: left;
  z-index: 3;
  top: 150px;
  left: calc(50% - 600px + 64px);
  width: 164px;
  height: 55px;
}

#rec1558047171 .tn-elem[data-elem-id="176294754934780120"] .tn-atom {
  color: #797979;
  font-size: 16px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 300;
  border-radius: 6px 6px 6px 6px;
  background-color: #fcfcfc;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  --t396-speedhover: 0.2s;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

#rec1558047171 .tn-elem[data-elem-id="176294754934780120"] .tn-atom {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

#rec1558047171 .tn-elem[data-elem-id="176294754934780120"] .tn-atom .tn-atom__button-content {
  column-gap: 10px;
}

@media screen and (max-width: 1199px) {
  #rec1558047171 .tn-elem[data-elem-id="176294754934780120"] {
    display: block;
  }
}

@media screen and (max-width: 959px) {
  #rec1558047171 .tn-elem[data-elem-id="176294754934780120"] {
    display: block;
    top: 147px;
  }
}

@media screen and (max-width: 639px) {
  #rec1558047171 .tn-elem[data-elem-id="176294754934780120"] {
    display: block;
    left: calc(50% - 240px + 57px);
    width: 105px;
  }

  #rec1558047171 .tn-elem[data-elem-id="176294754934780120"] .tn-atom {
    font-size: 14px;
    background-size: cover;
  }
}

@media screen and (max-width: 479px) {
  #rec1558047171 .tn-elem[data-elem-id="176294754934780120"] {
    display: block;
    top: 116px;
    left: calc(50% - 160px + 9px);
    width: 37px;
    height: 28px;
  }

  #rec1558047171 .tn-elem[data-elem-id="176294754934780120"] {
    color: #ffffff;
  }

  #rec1558047171 .tn-elem[data-elem-id="176294754934780120"] .tn-atom {
    color: #ffffff;
    font-size: 8px;
    background-size: cover;
    opacity: 0;
  }
}

#rec1558047171 .tn-elem[data-elem-id="1763115580243"] {
  z-index: 3;
  top: 230px;
  left: calc(50% - 600px + 31px);
  width: 26px;
  height: auto;
}

#rec1558047171 .tn-elem[data-elem-id="1763115580243"] .tn-atom {
  border-radius: 0px 0px 0px 0px;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

#rec1558047171 .tn-elem[data-elem-id="1763115580243"] .tn-atom__img {
  border-radius: 0px 0px 0px 0px;
  object-position: center center;
}

@media screen and (max-width: 1199px) {
  #rec1558047171 .tn-elem[data-elem-id="1763115580243"] {
    display: table;
    height: auto;
  }
}

@media screen and (max-width: 959px) {
  #rec1558047171 .tn-elem[data-elem-id="1763115580243"] {
    display: table;
    top: 224px;
    height: auto;
  }
}

@media screen and (max-width: 639px) {
  #rec1558047171 .tn-elem[data-elem-id="1763115580243"] {
    display: table;
    left: calc(50% - 240px + 27px);
    height: auto;
  }
}

@media screen and (max-width: 479px) {
  #rec1558047171 .tn-elem[data-elem-id="1763115580243"] {
    display: table;
    top: 157px;
    left: calc(50% - 160px + 10px);
    width: 28px;
    height: auto;
  }
}

#rec1558047171 .tn-elem[data-elem-id="176338077910625560"] {
  color: #797979;
  text-align: left;
  z-index: 3;
  top: 215px;
  left: calc(50% - 600px + 64px);
  width: 174px;
  height: 56px;
}

#rec1558047171 .tn-elem[data-elem-id="176338077910625560"] .tn-atom {
  color: #797979;
  font-size: 16px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 300;
  border-radius: 6px 6px 6px 6px;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  --t396-speedhover: 0.2s;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

#rec1558047171 .tn-elem[data-elem-id="176338077910625560"] .tn-atom {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

#rec1558047171 .tn-elem[data-elem-id="176338077910625560"] .tn-atom .tn-atom__button-content {
  column-gap: 10px;
}

@media screen and (max-width: 1199px) {
  #rec1558047171 .tn-elem[data-elem-id="176338077910625560"] {
    display: block;
  }
}

@media screen and (max-width: 959px) {
  #rec1558047171 .tn-elem[data-elem-id="176338077910625560"] {
    display: block;
    top: 209px;
  }
}

@media screen and (max-width: 639px) {
  #rec1558047171 .tn-elem[data-elem-id="176338077910625560"] {
    display: block;
    left: calc(50% - 240px + 57px);
    width: 150px;
  }

  #rec1558047171 .tn-elem[data-elem-id="176338077910625560"] .tn-atom {
    font-size: 14px;
    background-size: cover;
  }
}

@media screen and (max-width: 479px) {
  #rec1558047171 .tn-elem[data-elem-id="176338077910625560"] {
    display: block;
    top: 158px;
    left: calc(50% - 160px + 5px);
    width: 46px;
    height: 28px;
  }

  #rec1558047171 .tn-elem[data-elem-id="176338077910625560"] {
    color: #fcfcfc;
  }

  #rec1558047171 .tn-elem[data-elem-id="176338077910625560"] .tn-atom {
    color: #fcfcfc;
    font-size: 8px;
    background-size: cover;
    opacity: 0;
  }
}

#rec1558047171 .tn-elem[data-elem-id="1763380831083"] {
  z-index: 3;
  top: 296px;
  left: calc(50% - 600px + 31px);
  width: 26px;
  height: auto;
}

#rec1558047171 .tn-elem[data-elem-id="1763380831083"] .tn-atom {
  border-radius: 0px 0px 0px 0px;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

#rec1558047171 .tn-elem[data-elem-id="1763380831083"] .tn-atom__img {
  border-radius: 0px 0px 0px 0px;
  object-position: center center;
}

@media screen and (max-width: 1199px) {
  #rec1558047171 .tn-elem[data-elem-id="1763380831083"] {
    display: table;
    height: auto;
  }
}

@media screen and (max-width: 959px) {
  #rec1558047171 .tn-elem[data-elem-id="1763380831083"] {
    display: table;
    top: 287px;
    height: auto;
  }
}

@media screen and (max-width: 639px) {
  #rec1558047171 .tn-elem[data-elem-id="1763380831083"] {
    display: table;
    left: calc(50% - 240px + 27px);
    height: auto;
  }
}

@media screen and (max-width: 479px) {
  #rec1558047171 .tn-elem[data-elem-id="1763380831083"] {
    display: table;
    top: 197px;
    left: calc(50% - 160px + 11px);
    height: auto;
  }
}

#rec1558047171 .tn-elem[data-elem-id="1762942133200"] {
  color: #797979;
  text-align: left;
  z-index: 3;
  top: 281px;
  left: calc(50% - 600px + 64px);
  width: 174px;
  height: 56px;
}

#rec1558047171 .tn-elem[data-elem-id="1762942133200"] .tn-atom {
  color: #797979;
  font-size: 16px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 300;
  border-radius: 6px 6px 6px 6px;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  --t396-speedhover: 0.2s;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

#rec1558047171 .tn-elem[data-elem-id="1762942133200"] .tn-atom {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

#rec1558047171 .tn-elem[data-elem-id="1762942133200"] .tn-atom .tn-atom__button-content {
  column-gap: 10px;
}

@media screen and (max-width: 1199px) {
  #rec1558047171 .tn-elem[data-elem-id="1762942133200"] {
    display: block;
  }
}

@media screen and (max-width: 959px) {
  #rec1558047171 .tn-elem[data-elem-id="1762942133200"] {
    display: block;
    top: 272px;
    left: calc(50% - 320px + 64px);
  }
}

@media screen and (max-width: 639px) {
  #rec1558047171 .tn-elem[data-elem-id="1762942133200"] {
    display: block;
    left: calc(50% - 240px + 57px);
    width: 150px;
  }

  #rec1558047171 .tn-elem[data-elem-id="1762942133200"] .tn-atom {
    font-size: 14px;
    background-size: cover;
  }
}

@media screen and (max-width: 479px) {
  #rec1558047171 .tn-elem[data-elem-id="1762942133200"] {
    display: block;
    top: 198px;
    left: calc(50% - 160px + 5px);
    width: 46px;
    height: 28px;
  }

  #rec1558047171 .tn-elem[data-elem-id="1762942133200"] {
    color: #fcfcfc;
  }

  #rec1558047171 .tn-elem[data-elem-id="1762942133200"] .tn-atom {
    color: #fcfcfc;
    font-size: 8px;
    background-size: cover;
    opacity: 0;
  }
}

#rec1558047171 .tn-elem[data-elem-id="1763112846761"] {
  color: #ffffff;
  text-align: center;
  z-index: 3;
  top: 472px;
  left: calc(50% - 600px + 34px);
  width: 204px;
  height: 55px;
}

#rec1558047171 .tn-elem[data-elem-id="1763112846761"] .tn-atom {
  color: #ffffff;
  font-size: 15px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 300;
  border-radius: 6px 6px 6px 6px;
  background-color: #5552e8;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  --t396-speedhover: 0.2s;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

#rec1558047171 .tn-elem[data-elem-id="1763112846761"] .tn-atom {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#rec1558047171 .tn-elem[data-elem-id="1763112846761"] .tn-atom .tn-atom__button-content {
  column-gap: 10px;
}

@media screen and (max-width: 1199px) {
  #rec1558047171 .tn-elem[data-elem-id="1763112846761"] {
    display: block;
  }
}

@media screen and (max-width: 959px) {
  #rec1558047171 .tn-elem[data-elem-id="1763112846761"] {
    display: block;
    top: 344px;
  }
}

@media screen and (max-width: 639px) {
  #rec1558047171 .tn-elem[data-elem-id="1763112846761"] {
    display: block;
    top: 358px;
    left: calc(50% - 240px + 41px);
    width: 151px;
    height: 42px;
  }

  #rec1558047171 .tn-elem[data-elem-id="1763112846761"] .tn-atom {
    font-size: 13px;
    background-size: cover;
  }
}

@media screen and (max-width: 479px) {
  #rec1558047171 .tn-elem[data-elem-id="1763112846761"] {
    display: block;
    top: 263px;
    left: calc(50% - 160px + -15px);
    width: 350px;
    height: 60px;
  }

  #rec1558047171 .tn-elem[data-elem-id="1763112846761"] .tn-atom {
    font-size: 16px;
    background-size: cover;
  }
}

/* ЛИЧНЫЙ КАБИНЕТ */
#rec1572187371 .t396__artboard {
  height: 700px;
  background-color: #f6f6f6;
}

#rec1572187371 .t396__filter {
  height: 700px;
}

#rec1572187371 .t396__carrier {
  height: 700px;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1199px) {
  #rec1572187371 .t396__artboard, #rec1572187371 .t396__filter, #rec1572187371 .t396__carrier {
    height: 850px;
  }

  #rec1572187371 .t396__filter {
  }

  #rec1572187371 .t396__carrier {
    background-attachment: scroll;
  }
}

@media screen and (max-width: 959px) {
  #rec1572187371 .t396__artboard, #rec1572187371 .t396__filter, #rec1572187371 .t396__carrier {
    height: 650px;
  }

  #rec1572187371 .t396__filter {
  }

  #rec1572187371 .t396__carrier {
    background-attachment: scroll;
  }
}

@media screen and (max-width: 639px) {
  #rec1572187371 .t396__artboard, #rec1572187371 .t396__filter, #rec1572187371 .t396__carrier {
    height: 520px;
  }

  #rec1572187371 .t396__filter {
  }

  #rec1572187371 .t396__carrier {
    background-attachment: scroll;
  }
}

@media screen and (max-width: 479px) {
  #rec1572187371 .t396__artboard, #rec1572187371 .t396__filter, #rec1572187371 .t396__carrier {
    height: 1700px;
  }

  #rec1572187371 .t396__filter {
  }

  #rec1572187371 .t396__carrier {
    background-attachment: scroll;
  }
}

#rec1572187371 .tn-elem[data-elem-id="176338195115552750"] {
  color: #999999;
  z-index: 3;
  top: 23px;
  left: calc(50% - 600px + 20px);
  width: 188px;
  height: auto;
}

#rec1572187371 .tn-elem[data-elem-id="176338195115552750"] .tn-atom {
  vertical-align: middle;
  color: #999999;
  font-size: 14px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 200;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

@media screen and (max-width: 1199px) {
  #rec1572187371 .tn-elem[data-elem-id="176338195115552750"] {
    display: table;
    top: 23px;
    left: calc(50% - 480px + 23px);
    height: auto;
  }
}

@media screen and (max-width: 959px) {
  #rec1572187371 .tn-elem[data-elem-id="176338195115552750"] {
    display: table;
    top: 24px;
    left: calc(50% - 320px + 23px);
    width: 188px;
    height: auto;
  }

  #rec1572187371 .tn-elem[data-elem-id="176338195115552750"] .tn-atom {
    vertical-align: middle;
    white-space: normal;
    background-size: cover;
  }
}

@media screen and (max-width: 639px) {
  #rec1572187371 .tn-elem[data-elem-id="176338195115552750"] {
    display: table;
    top: 25px;
    left: calc(50% - 240px + 21px);
    height: auto;
  }
}

@media screen and (max-width: 479px) {
  #rec1572187371 .tn-elem[data-elem-id="176338195115552750"] {
    display: table;
    top: 33px;
    left: calc(50% - 160px + -6px);
    width: 135px;
    height: auto;
  }

  #rec1572187371 .tn-elem[data-elem-id="176338195115552750"] .tn-atom {
    font-size: 10px;
    background-size: cover;
  }
}

#rec1572187371 .tn-elem[data-elem-id="176338195114447150"] {
  color: #5552e8;
  z-index: 3;
  top: 23px;
  left: calc(50% - 600px + 213px);
  width: 165px;
  height: auto;
}

#rec1572187371 .tn-elem[data-elem-id="176338195114447150"] .tn-atom {
  vertical-align: middle;
  color: #5552e8;
  font-size: 14px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 200;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

@media screen and (max-width: 1199px) {
  #rec1572187371 .tn-elem[data-elem-id="176338195114447150"] {
    display: table;
    top: 23px;
    left: calc(50% - 480px + 213px);
    height: auto;
  }
}

@media screen and (max-width: 959px) {
  #rec1572187371 .tn-elem[data-elem-id="176338195114447150"] {
    display: table;
    top: 24px;
    left: calc(50% - 320px + 214px);
    height: auto;
  }
}

@media screen and (max-width: 639px) {
  #rec1572187371 .tn-elem[data-elem-id="176338195114447150"] {
    display: table;
    top: 25px;
    left: calc(50% - 240px + 211px);
    height: auto;
  }
}

@media screen and (max-width: 479px) {
  #rec1572187371 .tn-elem[data-elem-id="176338195114447150"] {
    display: table;
    top: 33px;
    left: calc(50% - 160px + 129px);
    width: 113px;
    height: auto;
  }

  #rec1572187371 .tn-elem[data-elem-id="176338195114447150"] .tn-atom {
    font-size: 10px;
    background-size: cover;
  }
}

#rec1572187371 .tn-elem[data-elem-id="176338184905036820"] {
  z-index: 3;
  top: 60px;
  left: calc(50% - 600px + 20px);
  width: 232px;
  height: 480px;
}

#rec1572187371 .tn-elem[data-elem-id="176338184905036820"] .tn-atom {
  border-width: 0px;
  border-radius: 12px 12px 12px 12px;
  background-color: #fcfcfc;
  background-position: center center;
  border-color: #e5e5e5;
  border-style: solid;
  box-shadow: 10px 10px 50px 0px rgba(226, 226, 226, 0.5);
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

@media screen and (max-width: 1199px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184905036820"] {
    display: table;
  }
}

@media screen and (max-width: 959px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184905036820"] {
    display: table;
    top: 60px;
    height: 368px;
  }
}

@media screen and (max-width: 639px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184905036820"] {
    display: table;
    width: 194px;
  }
}

@media screen and (max-width: 479px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184905036820"] {
    display: table;
    left: calc(50% - 160px + -17px);
    width: 350px;
    height: 182px;
    border-radius: 6px 6px 6px 6px;
  }

  #rec1572187371 .tn-elem[data-elem-id="176338184905036820"] .tn-atom {
    background-size: cover;
    border-radius: 6px 6px 6px 6px;
  }
}

#rec1572187371 .tn-elem[data-elem-id="176338184905963460"] {
  z-index: 3;
  top: 100px;
  left: calc(50% - 600px + 31px);
  width: 26px;
  height: auto;
}

#rec1572187371 .tn-elem[data-elem-id="176338184905963460"] .tn-atom {
  border-radius: 0px 0px 0px 0px;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

#rec1572187371 .tn-elem[data-elem-id="176338184905963460"] .tn-atom__img {
  border-radius: 0px 0px 0px 0px;
  object-position: center center;
}

@media screen and (max-width: 1199px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184905963460"] {
    display: table;
    height: auto;
  }
}

@media screen and (max-width: 959px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184905963460"] {
    display: table;
    top: 100px;
    height: auto;
  }
}

@media screen and (max-width: 639px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184905963460"] {
    display: table;
    left: calc(50% - 240px + 27px);
    height: auto;
  }
}

@media screen and (max-width: 479px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184905963460"] {
    display: table;
    top: 75px;
    left: calc(50% - 160px + 11px);
    height: auto;
  }
}

#rec1572187371 .tn-elem[data-elem-id="176338184906797150"] {
  color: #797979;
  text-align: left;
  z-index: 3;
  top: 85px;
  left: calc(50% - 600px + 64px);
  width: 164px;
  height: 55px;
}

#rec1572187371 .tn-elem[data-elem-id="176338184906797150"] .tn-atom {
  color: #797979;
  font-size: 16px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 100;
  border-width: 0px;
  border-radius: 6px 6px 6px 6px;
  background-color: #fcfcfc;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  --t396-speedhover: 0.2s;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

#rec1572187371 .tn-elem[data-elem-id="176338184906797150"] .tn-atom {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

#rec1572187371 .tn-elem[data-elem-id="176338184906797150"] .tn-atom .tn-atom__button-content {
  column-gap: 10px;
}

@media screen and (max-width: 1199px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184906797150"] {
    display: block;
  }
}

@media screen and (max-width: 959px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184906797150"] {
    display: block;
    top: 85px;
  }
}

@media screen and (max-width: 639px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184906797150"] {
    display: block;
    top: 85px;
    left: calc(50% - 240px + 57px);
    width: 112px;
    height: 55px;
  }

  #rec1572187371 .tn-elem[data-elem-id="176338184906797150"] .tn-atom {
    font-size: 14px;
    background-size: cover;
  }
}

@media screen and (max-width: 479px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184906797150"] {
    display: block;
    top: 74px;
    left: calc(50% - 160px + 70px);
    width: 172px;
    height: 28px;
  }

  #rec1572187371 .tn-elem[data-elem-id="176338184906797150"] {
    color: #797979;
  }

  #rec1572187371 .tn-elem[data-elem-id="176338184906797150"] .tn-atom {
    color: #797979;
    font-size: 16px;
    background-size: cover;
    opacity: 1;
  }
}

#rec1572187371 .tn-elem[data-elem-id="176338184907197020"] {
  z-index: 3;
  top: 165px;
  left: calc(50% - 600px + 31px);
  width: 26px;
  height: auto;
}

#rec1572187371 .tn-elem[data-elem-id="176338184907197020"] .tn-atom {
  border-radius: 0px 0px 0px 0px;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

#rec1572187371 .tn-elem[data-elem-id="176338184907197020"] .tn-atom__img {
  border-radius: 0px 0px 0px 0px;
  object-position: center center;
}

@media screen and (max-width: 1199px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184907197020"] {
    display: table;
    height: auto;
  }
}

@media screen and (max-width: 959px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184907197020"] {
    display: table;
    top: 162px;
    height: auto;
  }
}

@media screen and (max-width: 639px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184907197020"] {
    display: table;
    left: calc(50% - 240px + 27px);
    height: auto;
  }
}

@media screen and (max-width: 479px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184907197020"] {
    display: table;
    top: 116px;
    left: calc(50% - 160px + 10px);
    width: 28px;
    height: auto;
  }
}

#rec1572187371 .tn-elem[data-elem-id="176338184907865970"] {
  color: #797979;
  text-align: left;
  z-index: 3;
  top: 150px;
  left: calc(50% - 600px + 64px);
  width: 164px;
  height: 55px;
}

#rec1572187371 .tn-elem[data-elem-id="176338184907865970"] .tn-atom {
  color: #797979;
  font-size: 16px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 300;
  border-radius: 6px 6px 6px 6px;
  background-color: #fcfcfc;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  --t396-speedhover: 0.2s;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

#rec1572187371 .tn-elem[data-elem-id="176338184907865970"] .tn-atom {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

#rec1572187371 .tn-elem[data-elem-id="176338184907865970"] .tn-atom .tn-atom__button-content {
  column-gap: 10px;
}

@media screen and (max-width: 1199px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184907865970"] {
    display: block;
  }
}

@media screen and (max-width: 959px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184907865970"] {
    display: block;
    top: 147px;
  }
}

@media screen and (max-width: 639px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184907865970"] {
    display: block;
    left: calc(50% - 240px + 57px);
    width: 105px;
  }

  #rec1572187371 .tn-elem[data-elem-id="176338184907865970"] .tn-atom {
    font-size: 14px;
    background-size: cover;
  }
}

@media screen and (max-width: 479px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184907865970"] {
    display: block;
    top: 116px;
    left: calc(50% - 160px + 70px);
    width: 199px;
    height: 28px;
  }

  #rec1572187371 .tn-elem[data-elem-id="176338184907865970"] {
    color: #797979;
  }

  #rec1572187371 .tn-elem[data-elem-id="176338184907865970"] .tn-atom {
    color: #797979;
    font-size: 16px;
    background-size: cover;
    opacity: 1;
  }
}

#rec1572187371 .tn-elem[data-elem-id="176338184908271840"] {
  z-index: 3;
  top: 230px;
  left: calc(50% - 600px + 31px);
  width: 26px;
  height: auto;
}

#rec1572187371 .tn-elem[data-elem-id="176338184908271840"] .tn-atom {
  border-radius: 0px 0px 0px 0px;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

#rec1572187371 .tn-elem[data-elem-id="176338184908271840"] .tn-atom__img {
  border-radius: 0px 0px 0px 0px;
  object-position: center center;
}

@media screen and (max-width: 1199px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184908271840"] {
    display: table;
    height: auto;
  }
}

@media screen and (max-width: 959px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184908271840"] {
    display: table;
    top: 224px;
    height: auto;
  }
}

@media screen and (max-width: 639px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184908271840"] {
    display: table;
    left: calc(50% - 240px + 27px);
    height: auto;
  }
}

@media screen and (max-width: 479px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184908271840"] {
    display: table;
    top: 158px;
    left: calc(50% - 160px + 10px);
    width: 28px;
    height: auto;
  }
}

#rec1572187371 .tn-elem[data-elem-id="176338184908867610"] {
  color: #797979;
  text-align: left;
  z-index: 3;
  top: 215px;
  left: calc(50% - 600px + 64px);
  width: 174px;
  height: 56px;
}

#rec1572187371 .tn-elem[data-elem-id="176338184908867610"] .tn-atom {
  color: #797979;
  font-size: 16px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 300;
  border-radius: 6px 6px 6px 6px;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  --t396-speedhover: 0.2s;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

#rec1572187371 .tn-elem[data-elem-id="176338184908867610"] .tn-atom {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

#rec1572187371 .tn-elem[data-elem-id="176338184908867610"] .tn-atom .tn-atom__button-content {
  column-gap: 10px;
}

@media screen and (max-width: 1199px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184908867610"] {
    display: block;
  }
}

@media screen and (max-width: 959px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184908867610"] {
    display: block;
    top: 209px;
  }
}

@media screen and (max-width: 639px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184908867610"] {
    display: block;
    left: calc(50% - 240px + 57px);
    width: 150px;
  }

  #rec1572187371 .tn-elem[data-elem-id="176338184908867610"] .tn-atom {
    font-size: 14px;
    background-size: cover;
  }
}

@media screen and (max-width: 479px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184908867610"] {
    display: block;
    top: 158px;
    left: calc(50% - 160px + 70px);
    width: 201px;
    height: 28px;
  }

  #rec1572187371 .tn-elem[data-elem-id="176338184908867610"] {
    color: #797979;
  }

  #rec1572187371 .tn-elem[data-elem-id="176338184908867610"] .tn-atom {
    color: #797979;
    font-size: 16px;
    background-size: cover;
    opacity: 1;
  }
}

#rec1572187371 .tn-elem[data-elem-id="176338184909352920"] {
  z-index: 3;
  top: 296px;
  left: calc(50% - 600px + 31px);
  width: 26px;
  height: auto;
}

#rec1572187371 .tn-elem[data-elem-id="176338184909352920"] .tn-atom {
  border-radius: 0px 0px 0px 0px;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

#rec1572187371 .tn-elem[data-elem-id="176338184909352920"] .tn-atom__img {
  border-radius: 0px 0px 0px 0px;
  object-position: center center;
}

@media screen and (max-width: 1199px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184909352920"] {
    display: table;
    height: auto;
  }
}

@media screen and (max-width: 959px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184909352920"] {
    display: table;
    top: 287px;
    height: auto;
  }
}

@media screen and (max-width: 639px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184909352920"] {
    display: table;
    left: calc(50% - 240px + 27px);
    height: auto;
  }
}

@media screen and (max-width: 479px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184909352920"] {
    display: table;
    top: 199px;
    left: calc(50% - 160px + 11px);
    height: auto;
  }
}

#rec1572187371 .tn-elem[data-elem-id="176338184909935320"] {
  color: #000000;
  text-align: left;
  z-index: 3;
  top: 281px;
  left: calc(50% - 600px + 67px);
  width: 174px;
  height: 56px;
}

#rec1572187371 .tn-elem[data-elem-id="176338184909935320"] .tn-atom {
  color: #000000;
  font-size: 16px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 300;
  border-radius: 6px 6px 6px 6px;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  --t396-speedhover: 0.2s;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

#rec1572187371 .tn-elem[data-elem-id="176338184909935320"] .tn-atom {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

#rec1572187371 .tn-elem[data-elem-id="176338184909935320"] .tn-atom .tn-atom__button-content {
  column-gap: 10px;
}

@media screen and (max-width: 1199px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184909935320"] {
    display: block;
  }
}

@media screen and (max-width: 959px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184909935320"] {
    display: block;
    top: 272px;
    left: calc(50% - 320px + 64px);
  }
}

@media screen and (max-width: 639px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184909935320"] {
    display: block;
    left: calc(50% - 240px + 57px);
    width: 150px;
  }

  #rec1572187371 .tn-elem[data-elem-id="176338184909935320"] .tn-atom {
    font-size: 14px;
    background-size: cover;
  }
}

@media screen and (max-width: 479px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184909935320"] {
    display: block;
    top: 198px;
    left: calc(50% - 160px + 70px);
    width: 184px;
    height: 28px;
  }

  #rec1572187371 .tn-elem[data-elem-id="176338184909935320"] {
    color: #000000;
  }

  #rec1572187371 .tn-elem[data-elem-id="176338184909935320"] .tn-atom {
    color: #000000;
    font-size: 16px;
    background-size: cover;
    opacity: 1;
  }
}

#rec1572187371 .tn-elem[data-elem-id="176338184910372170"] {
  color: #ffffff;
  text-align: center;
  z-index: 3;
  top: 472px;
  left: calc(50% - 600px + 34px);
  width: 204px;
  height: 55px;
}

#rec1572187371 .tn-elem[data-elem-id="176338184910372170"] .tn-atom {
  color: #ffffff;
  font-size: 15px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 300;
  border-radius: 6px 6px 6px 6px;
  background-color: #5552e8;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  --t396-speedhover: 0.2s;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

#rec1572187371 .tn-elem[data-elem-id="176338184910372170"] .tn-atom {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#rec1572187371 .tn-elem[data-elem-id="176338184910372170"] .tn-atom .tn-atom__button-content {
  column-gap: 10px;
}

@media screen and (max-width: 1199px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184910372170"] {
    display: block;
  }
}

@media screen and (max-width: 959px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184910372170"] {
    display: block;
    top: 344px;
  }
}

@media screen and (max-width: 639px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184910372170"] {
    display: block;
    top: 358px;
    left: calc(50% - 240px + 41px);
    width: 151px;
    height: 42px;
  }

  #rec1572187371 .tn-elem[data-elem-id="176338184910372170"] .tn-atom {
    font-size: 13px;
    background-size: cover;
  }
}

@media screen and (max-width: 479px) {
  #rec1572187371 .tn-elem[data-elem-id="176338184910372170"] {
    display: block;
    top: 263px;
    left: calc(50% - 160px + -15px);
    width: 350px;
    height: 60px;
  }

  #rec1572187371 .tn-elem[data-elem-id="176338184910372170"] .tn-atom {
    font-size: 16px;
    background-size: cover;
  }
}

#rec1572187371 .tn-elem[data-elem-id="frame_1"] {
  z-index: 3;
  top: 86px;
  left: calc(50% - 600px + 320px);
  width: 261px;
  height: 335px;
}

#rec1572187371 .tn-elem[data-elem-id="frame_1"] .tn-atom {
  border-width: 1px;
  border-radius: 12px 12px 12px 12px;
  background-color: #fcfcfc;
  background-position: center center;
  border-color: #5552e8;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

@media screen and (max-width: 1199px) {
  #rec1572187371 .tn-elem[data-elem-id="frame_1"] {
    display: table;
    top: 86px;
    left: calc(50% - 480px + 319px);
  }
}

@media screen and (max-width: 959px) {
  #rec1572187371 .tn-elem[data-elem-id="frame_1"] {
    display: table;
    top: 78px;
    left: calc(50% - 320px + 263px);
    width: 190px;
    height: 243px;
  }
}

@media screen and (max-width: 639px) {
  #rec1572187371 .tn-elem[data-elem-id="frame_1"] {
    display: table;
    top: 78px;
    left: calc(50% - 240px + 263px);
  }
}

@media screen and (max-width: 479px) {
  #rec1572187371 .tn-elem[data-elem-id="frame_1"] {
    display: table;
    top: 359px;
    left: calc(50% - 160px + -15px);
    width: 350px;
    height: 405px;
  }
}

#rec1572187371 .tn-elem[data-elem-id="name_1"] {
  color: #000000;
  z-index: 3;
  top: 109px;
  left: calc(50% - 600px + 346px);
  width: 234px;
  height: auto;
}

#rec1572187371 .tn-elem[data-elem-id="name_1"] .tn-atom {
  vertical-align: middle;
  color: #000000;
  font-size: 20px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 400;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

@media screen and (max-width: 1199px) {
  #rec1572187371 .tn-elem[data-elem-id="name_1"] {
    display: table;
    top: 109px;
    left: calc(50% - 480px + 345px);
    height: auto;
  }
}

@media screen and (max-width: 959px) {
  #rec1572187371 .tn-elem[data-elem-id="name_1"] {
    display: table;
    top: 95px;
    left: calc(50% - 320px + 282px);
    width: 170px;
    height: auto;
  }

  #rec1572187371 .tn-elem[data-elem-id="name_1"] .tn-atom {
    font-size: 18px;
    background-size: cover;
  }
}

@media screen and (max-width: 639px) {
  #rec1572187371 .tn-elem[data-elem-id="name_1"] {
    display: table;
    top: 95px;
    left: calc(50% - 240px + 282px);
    height: auto;
  }
}

@media screen and (max-width: 479px) {
  #rec1572187371 .tn-elem[data-elem-id="name_1"] {
    display: table;
    top: 387px;
    left: calc(50% - 160px + 21px);
    width: 278px;
    height: 86px;
  }

  #rec1572187371 .tn-elem[data-elem-id="name_1"] .tn-atom {
    vertical-align: middle;
    white-space: normal;
    font-size: 28px;
    background-size: cover;
  }
}

#rec1572187371 .tn-elem[data-elem-id="price_1"] {
  color: #5552e8;
  z-index: 3;
  top: 205px;
  left: calc(50% - 600px + 346px);
  width: 232px;
  height: auto;
}

#rec1572187371 .tn-elem[data-elem-id="price_1"] .tn-atom {
  vertical-align: middle;
  color: #5552e8;
  font-size: 27px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 700;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

@media screen and (max-width: 1199px) {
  #rec1572187371 .tn-elem[data-elem-id="price_1"] {
    display: table;
    top: 205px;
    left: calc(50% - 480px + 345px);
    height: auto;
  }
}

@media screen and (max-width: 959px) {
  #rec1572187371 .tn-elem[data-elem-id="price_1"] {
    display: table;
    top: 164px;
    left: calc(50% - 320px + 282px);
    width: 169px;
    height: 44px;
  }

  #rec1572187371 .tn-elem[data-elem-id="price_1"] .tn-atom {
    vertical-align: middle;
    white-space: normal;
    font-size: 24px;
    background-size: cover;
  }
}

@media screen and (max-width: 639px) {
  #rec1572187371 .tn-elem[data-elem-id="price_1"] {
    display: table;
    top: 164px;
    left: calc(50% - 240px + 282px);
    height: auto;
  }
}

@media screen and (max-width: 479px) {
  #rec1572187371 .tn-elem[data-elem-id="price_1"] {
    display: table;
    top: 503px;
    left: calc(50% - 160px + 21px);
    width: 277px;
    height: auto;
  }

  #rec1572187371 .tn-elem[data-elem-id="price_1"] .tn-atom {
    font-size: 38px;
    background-size: cover;
  }
}

#rec1572187371 .tn-elem[data-elem-id="description_1"] {
  color: #797979;
  z-index: 3;
  top: 276px;
  left: calc(50% - 600px + 346px);
  width: 212px;
  height: auto;
}

#rec1572187371 .tn-elem[data-elem-id="description_1"] .tn-atom {
  vertical-align: middle;
  color: #797979;
  font-size: 16px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 400;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

@media screen and (max-width: 1199px) {
  #rec1572187371 .tn-elem[data-elem-id="description_1"] {
    display: table;
    top: 276px;
    left: calc(50% - 480px + 345px);
    height: auto;
  }
}

@media screen and (max-width: 959px) {
  #rec1572187371 .tn-elem[data-elem-id="description_1"] {
    display: table;
    top: 216px;
    left: calc(50% - 320px + 282px);
    width: 154px;
    height: 98px;
  }

  #rec1572187371 .tn-elem[data-elem-id="description_1"] .tn-atom {
    vertical-align: middle;
    white-space: normal;
    font-size: 11px;
    background-size: cover;
  }
}

@media screen and (max-width: 639px) {
  #rec1572187371 .tn-elem[data-elem-id="description_1"] {
    display: table;
    top: 216px;
    left: calc(50% - 240px + 282px);
    height: auto;
  }
}

@media screen and (max-width: 479px) {
  #rec1572187371 .tn-elem[data-elem-id="description_1"] {
    display: table;
    top: 606px;
    left: calc(50% - 160px + 21px);
    width: 253px;
    height: auto;
  }

  #rec1572187371 .tn-elem[data-elem-id="description_1"] .tn-atom {
    font-size: 16px;
    background-size: cover;
  }
}

#rec1572187371 .tn-elem[data-elem-id="frame_2"] {
  z-index: 3;
  top: 86px;
  left: calc(50% - 600px + 601px);
  width: 261px;
  height: 335px;
}

#rec1572187371 .tn-elem[data-elem-id="frame_2"] .tn-atom {
  border-width: 1px;
  border-radius: 12px 12px 12px 12px;
  background-color: #fcfcfc;
  background-position: center center;
  border-color: #5552e8;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

@media screen and (max-width: 1199px) {
  #rec1572187371 .tn-elem[data-elem-id="frame_2"] {
    display: table;
    top: 86px;
    left: calc(50% - 480px + 600px);
  }
}

@media screen and (max-width: 959px) {
  #rec1572187371 .tn-elem[data-elem-id="frame_2"] {
    display: table;
    top: 78px;
    left: calc(50% - 320px + 467px);
    width: 190px;
    height: 243px;
  }
}

@media screen and (max-width: 639px) {
  #rec1572187371 .tn-elem[data-elem-id="frame_2"] {
    display: table;
    top: 78px;
    left: calc(50% - 240px + 467px);
  }
}

@media screen and (max-width: 479px) {
  #rec1572187371 .tn-elem[data-elem-id="frame_2"] {
    display: table;
    top: 785px;
    left: calc(50% - 160px + -15px);
    width: 350px;
    height: 405px;
  }
}

#rec1572187371 .tn-elem[data-elem-id="name_2"] {
  color: #000000;
  z-index: 3;
  top: 109px;
  left: calc(50% - 600px + 627px);
  width: 234px;
  height: auto;
}

#rec1572187371 .tn-elem[data-elem-id="name_2"] .tn-atom {
  vertical-align: middle;
  color: #000000;
  font-size: 20px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 400;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

@media screen and (max-width: 1199px) {
  #rec1572187371 .tn-elem[data-elem-id="name_2"] {
    display: table;
    top: 109px;
    left: calc(50% - 480px + 626px);
    height: auto;
  }
}

@media screen and (max-width: 959px) {
  #rec1572187371 .tn-elem[data-elem-id="name_2"] {
    display: table;
    top: 95px;
    left: calc(50% - 320px + 486px);
    width: 170px;
    height: auto;
  }

  #rec1572187371 .tn-elem[data-elem-id="name_2"] .tn-atom {
    font-size: 18px;
    background-size: cover;
  }
}

@media screen and (max-width: 639px) {
  #rec1572187371 .tn-elem[data-elem-id="name_2"] {
    display: table;
    top: 95px;
    left: calc(50% - 240px + 486px);
    height: auto;
  }
}

@media screen and (max-width: 479px) {
  #rec1572187371 .tn-elem[data-elem-id="name_2"] {
    display: table;
    top: 829px;
    left: calc(50% - 160px + 21px);
    width: 278px;
    height: auto;
  }

  #rec1572187371 .tn-elem[data-elem-id="name_2"] .tn-atom {
    font-size: 28px;
    background-size: cover;
  }
}

#rec1572187371 .tn-elem[data-elem-id="price_2"] {
  color: #5552e8;
  z-index: 3;
  top: 205px;
  left: calc(50% - 600px + 627px);
  width: 232px;
  height: auto;
}

#rec1572187371 .tn-elem[data-elem-id="price_2"] .tn-atom {
  vertical-align: middle;
  color: #5552e8;
  font-size: 27px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 700;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

@media screen and (max-width: 1199px) {
  #rec1572187371 .tn-elem[data-elem-id="price_2"] {
    display: table;
    top: 205px;
    left: calc(50% - 480px + 626px);
    height: auto;
  }
}

@media screen and (max-width: 959px) {
  #rec1572187371 .tn-elem[data-elem-id="price_2"] {
    display: table;
    top: 164px;
    left: calc(50% - 320px + 486px);
    width: 169px;
    height: 42px;
  }

  #rec1572187371 .tn-elem[data-elem-id="price_2"] .tn-atom {
    vertical-align: middle;
    white-space: normal;
    font-size: 24px;
    background-size: cover;
  }
}

@media screen and (max-width: 639px) {
  #rec1572187371 .tn-elem[data-elem-id="price_2"] {
    display: table;
    top: 164px;
    left: calc(50% - 240px + 486px);
    height: auto;
  }
}

@media screen and (max-width: 479px) {
  #rec1572187371 .tn-elem[data-elem-id="price_2"] {
    display: table;
    top: 945px;
    left: calc(50% - 160px + 21px);
    width: 277px;
    height: auto;
  }

  #rec1572187371 .tn-elem[data-elem-id="price_2"] .tn-atom {
    font-size: 38px;
    background-size: cover;
  }
}

#rec1572187371 .tn-elem[data-elem-id="description_2"] {
  color: #797979;
  z-index: 3;
  top: 276px;
  left: calc(50% - 600px + 627px);
  width: 212px;
  height: auto;
}

#rec1572187371 .tn-elem[data-elem-id="description_2"] .tn-atom {
  vertical-align: middle;
  color: #797979;
  font-size: 16px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 400;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

@media screen and (max-width: 1199px) {
  #rec1572187371 .tn-elem[data-elem-id="description_2"] {
    display: table;
    top: 276px;
    left: calc(50% - 480px + 626px);
    height: auto;
  }
}

@media screen and (max-width: 959px) {
  #rec1572187371 .tn-elem[data-elem-id="description_2"] {
    display: table;
    top: 216px;
    left: calc(50% - 320px + 486px);
    width: 154px;
    height: 105px;
  }

  #rec1572187371 .tn-elem[data-elem-id="description_2"] .tn-atom {
    vertical-align: middle;
    white-space: normal;
    font-size: 11px;
    background-size: cover;
  }
}

@media screen and (max-width: 639px) {
  #rec1572187371 .tn-elem[data-elem-id="description_2"] {
    display: table;
    top: 216px;
    left: calc(50% - 240px + 486px);
    height: auto;
  }
}

@media screen and (max-width: 479px) {
  #rec1572187371 .tn-elem[data-elem-id="description_2"] {
    display: table;
    top: 1048px;
    left: calc(50% - 160px + 21px);
    width: 253px;
    height: 111px;
  }

  #rec1572187371 .tn-elem[data-elem-id="description_2"] .tn-atom {
    vertical-align: middle;
    white-space: normal;
    font-size: 16px;
    background-size: cover;
  }
}

#rec1572187371 .tn-elem[data-elem-id="frame_3"] {
  z-index: 3;
  top: 86px;
  left: calc(50% - 600px + 882px);
  width: 261px;
  height: 335px;
}

#rec1572187371 .tn-elem[data-elem-id="frame_3"] .tn-atom {
  border-width: 1px;
  border-radius: 12px 12px 12px 12px;
  background-color: #fcfcfc;
  background-position: center center;
  border-color: #5552e8;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

@media screen and (max-width: 1199px) {
  #rec1572187371 .tn-elem[data-elem-id="frame_3"] {
    display: table;
    top: 450px;
    left: calc(50% - 480px + 319px);
  }
}

@media screen and (max-width: 959px) {
  #rec1572187371 .tn-elem[data-elem-id="frame_3"] {
    display: table;
    top: 343px;
    left: calc(50% - 320px + 263px);
    width: 190px;
    height: 243px;
  }
}

@media screen and (max-width: 639px) {
  #rec1572187371 .tn-elem[data-elem-id="frame_3"] {
    display: table;
    top: 343px;
    left: calc(50% - 240px + 263px);
  }
}

@media screen and (max-width: 479px) {
  #rec1572187371 .tn-elem[data-elem-id="frame_3"] {
    display: table;
    top: 1211px;
    left: calc(50% - 160px + -15px);
    width: 350px;
    height: 405px;
  }
}

#rec1572187371 .tn-elem[data-elem-id="name_3"] {
  color: #000000;
  z-index: 3;
  top: 109px;
  left: calc(50% - 600px + 908px);
  width: 234px;
  height: auto;
}

#rec1572187371 .tn-elem[data-elem-id="name_3"] .tn-atom {
  vertical-align: middle;
  color: #000000;
  font-size: 20px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 400;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

@media screen and (max-width: 1199px) {
  #rec1572187371 .tn-elem[data-elem-id="name_3"] {
    display: table;
    top: 473px;
    left: calc(50% - 480px + 345px);
    height: auto;
  }
}

@media screen and (max-width: 959px) {
  #rec1572187371 .tn-elem[data-elem-id="name_3"] {
    display: table;
    top: 360px;
    left: calc(50% - 320px + 282px);
    width: 170px;
    height: auto;
  }

  #rec1572187371 .tn-elem[data-elem-id="name_3"] .tn-atom {
    font-size: 18px;
    background-size: cover;
  }
}

@media screen and (max-width: 639px) {
  #rec1572187371 .tn-elem[data-elem-id="name_3"] {
    display: table;
    top: 360px;
    left: calc(50% - 240px + 282px);
    height: auto;
  }
}

@media screen and (max-width: 479px) {
  #rec1572187371 .tn-elem[data-elem-id="name_3"] {
    display: table;
    top: 1257px;
    left: calc(50% - 160px + 28px);
    width: 278px;
    height: auto;
  }

  #rec1572187371 .tn-elem[data-elem-id="name_3"] .tn-atom {
    vertical-align: middle;
    white-space: normal;
    font-size: 28px;
    background-size: cover;
  }
}

#rec1572187371 .tn-elem[data-elem-id="price_3"] {
  color: #5552e8;
  z-index: 3;
  top: 205px;
  left: calc(50% - 600px + 908px);
  width: 232px;
  height: auto;
}

#rec1572187371 .tn-elem[data-elem-id="price_3"] .tn-atom {
  vertical-align: middle;
  color: #5552e8;
  font-size: 27px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 700;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

@media screen and (max-width: 1199px) {
  #rec1572187371 .tn-elem[data-elem-id="price_3"] {
    display: table;
    top: 569px;
    left: calc(50% - 480px + 345px);
    height: auto;
  }
}

@media screen and (max-width: 959px) {
  #rec1572187371 .tn-elem[data-elem-id="price_3"] {
    display: table;
    top: 429px;
    left: calc(50% - 320px + 282px);
    width: 169px;
    height: 52px;
  }

  #rec1572187371 .tn-elem[data-elem-id="price_3"] .tn-atom {
    vertical-align: middle;
    white-space: normal;
    font-size: 24px;
    background-size: cover;
  }
}

@media screen and (max-width: 639px) {
  #rec1572187371 .tn-elem[data-elem-id="price_3"] {
    display: table;
    top: 429px;
    left: calc(50% - 240px + 282px);
    height: auto;
  }
}

@media screen and (max-width: 479px) {
  #rec1572187371 .tn-elem[data-elem-id="price_3"] {
    display: table;
    top: 1373px;
    left: calc(50% - 160px + 22px);
    width: 277px;
    height: 73px;
  }

  #rec1572187371 .tn-elem[data-elem-id="price_3"] .tn-atom {
    vertical-align: middle;
    white-space: normal;
    font-size: 38px;
    background-size: cover;
  }
}

#rec1572187371 .tn-elem[data-elem-id="description_3"] {
  color: #797979;
  z-index: 3;
  top: 276px;
  left: calc(50% - 600px + 908px);
  width: 212px;
  height: auto;
}

#rec1572187371 .tn-elem[data-elem-id="description_3"] .tn-atom {
  vertical-align: middle;
  color: #797979;
  font-size: 16px;
  font-family: 'StemMedium', Arial, sans-serif;
  line-height: 1.55;
  font-weight: 400;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

@media screen and (max-width: 1199px) {
  #rec1572187371 .tn-elem[data-elem-id="description_3"] {
    display: table;
    top: 640px;
    left: calc(50% - 480px + 345px);
    height: auto;
  }
}

@media screen and (max-width: 959px) {
  #rec1572187371 .tn-elem[data-elem-id="description_3"] {
    display: table;
    top: 481px;
    left: calc(50% - 320px + 282px);
    width: 154px;
    height: 105px;
  }

  #rec1572187371 .tn-elem[data-elem-id="description_3"] .tn-atom {
    vertical-align: middle;
    white-space: normal;
    font-size: 11px;
    background-size: cover;
  }
}

@media screen and (max-width: 639px) {
  #rec1572187371 .tn-elem[data-elem-id="description_3"] {
    display: table;
    top: 481px;
    left: calc(50% - 240px + 282px);
    height: auto;
  }
}

@media screen and (max-width: 479px) {
  #rec1572187371 .tn-elem[data-elem-id="description_3"] {
    display: table;
    top: 1476px;
    left: calc(50% - 160px + 25px);
    width: 271px;
    height: auto;
  }

  #rec1572187371 .tn-elem[data-elem-id="description_3"] .tn-atom {
    font-size: 16px;
    background-size: cover;
  }
}

form .has-error {
  outline: auto;
  outline-color: red !important;
  border-radius: 12px;
}

/**************************************** МОИ СТИЛИ **********************************************/
* { box-sizing: border-box; }
body {
  font-family: 'StemMedium', Arial, sans-serif;
  background-color: #F8FAFC;
  margin: 0;
  color: #333;
}

.lk-container {
  max-width: 1400px;
  margin: 30px auto;
  display: flex;
  gap: 30px;
}

/* --- ЛЕВОЕ МЕНЮ --- */
.sidebar {
  width: 280px;
  flex-shrink: 0;
  background: #fff;
  border-radius: 20px;
  padding: 20px;
  box-shadow: 10px 10px 50px 0px rgba(226, 226, 226, 0.5);
  height: fit-content;
  text-align: center;
}

.nav-item {
  display: flex;
  align-items: center;
  padding: 15px;
  margin-bottom: 8px;
  cursor: pointer;
  border-radius: 12px;
  transition: all 0.3s ease;
  color: #8E8E8E;
  text-decoration: none;
}

.nav-item:hover { background: #F5F7FF; }
.nav-item.active {
  color: #000;
}

.nav-item img {
  width: 24px;
  height: 24px;
  margin-right: 15px;
}

.btn-add-main {
  width: 100%;
  padding: 16px;
  background: #5552e8;
  color: white;
  border: none;
  border-radius: 12px;
  margin-top: 40px;
  cursor: pointer;
  font-family: inherit;
  font-size: 16px;
  box-shadow: 0 4px 15px rgba(93, 95, 239, 0.3);
}

/* --- КОНТЕНТ --- */
.content-area {
  flex-grow: 1;
}

.tab-content {
  display: none;
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.tab-content.active {
  display: flex;
  gap: 30px;
  border-radius: 20px;
  opacity: 1;
}

/* Центр (Формы/Списки) */
.main-block {
  flex: 1;
  background: transparent;
  box-shadow: 10px 10px 50px 0px rgba(226, 226, 226, 0.5);
  border-radius: 20px;
}

.main-block.no-shadow {
  box-shadow: none !important;
}

.white-card {
  background: #fff;
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.03);
}

/* ПРАВАЯ ПАНЕЛЬ (ПРОФИЛЬ) */
.profile-card {
  width: 300px;
  background: #fff;
  border-radius: 20px;
  padding: 30px;
  box-shadow: 10px 10px 50px 0px rgba(226, 226, 226, 0.5);
  height: fit-content;
  position: relative;
}

.profile-icon-top {
  float: right;
  width: 32px;
}

.profile-info-item { margin-bottom: 20px; }
.profile-info-item label { display: block; color: #333; margin-bottom: 4px; }
.profile-info-item span { color: #8E8E8E; font-size: 15px; }

.exit-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #8E8E8E;
  text-decoration: none;
  font-size: 14px;
  margin-top: 20px;
}

/* Формы */
.form-title { text-align: center; font-size: 24px; margin-bottom: 30px; }
.form-group { margin-bottom: 20px; }
.form-group label { display: block; margin-bottom: 8px; color: #8E8E8E; }
.form-group input {
  width: 100%;
  padding: 15px;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  background: #FDFDFD;
  font-family: inherit;
  --focus-border: 2px solid rgb(85, 82, 232);
}

.form-group input:focus-visible {
  outline: none;
  border: 1px solid rgb(85, 82, 232);
  --focus-border: 2px solid rgb(85, 82, 232);
}

.btn-save {
  width: 100%;
  padding: 15px;
  border: 1px solid #5552e8;
  background: transparent;
  color: #5552e8;
  border-radius: 12px;
  cursor: pointer;
  font-family: inherit;
  font-size: 16px;
  transition: 0.3s;
}
.btn-save:hover { background: #5552e8; color: #fff; }

/* Шаблоны (Сетка) */
.docs-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(102px, 1fr));
  gap: 30px;
  padding: 0 5px;
}
.doc-card {
  text-align: center;
  font-size: 14px;
}
.doc-icon-box {
  background: #fff;
  padding: 10px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
  margin-bottom: 10px;
  border-width: 1px;
  border-radius: 6px 6px 6px 6px;
  overflow: hidden;
  background-position: center center;
  border-color: #e0e0e0;
  border-style: solid;
}
.doc-icon-box img { width: 100%; height: auto; }

/* Пакеты */
.packages-grid {
  display: flex;
  gap: 20px;
}
.package-item {
  flex: 1;
  border: 1px solid #5552e8;
  border-radius: 20px;
  padding: 40px;
  text-align: left;
  background: #fff;
}
.price-text { font-size: 36px; color: #5552e8; font-weight: bold; margin: 20px 0; }

/* АДАПТИВНОСТЬ */
@media (max-width: 1024px) {
  .lk-container { flex-direction: column; }
  .sidebar { width: 100%; }
  .tab-content { flex-direction: column; }
  .profile-card { width: auto; order: -1; } /* Профиль сверху на мобилке */
  .sidebar-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .packages-grid { flex-direction: column; }
}

/* Шапка таблицы (скрыта на мобильных) */
.table-header {
  display: flex;
  padding: 10px 20px;
  font-size: 12px;
  color: #999;
  text-transform: uppercase;
  border-bottom: 1px solid #eee;
}

.table-header div, .row-main div {
  flex: 1;
}

/* Стили строки */
.company-item {
  background: #fff;
  border-bottom: 1px solid #eee;
  overflow: hidden;
}

.row-main {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  cursor: pointer;
  transition: background 0.3s;
}

.row-main:hover {
  background: #fcfcfc;
}

/* Иконка сэндвича и название */
.name-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}

.icon-menu { width: 18px; opacity: 0.5; }

/* Стрелка-раскрывашка */
.arrow {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url(/assets/accouncy/img/icons/arrow.jpg.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: transform 0.3s ease;
  vertical-align: middle;
  margin-left: 8px;
  cursor: pointer;
}
/*
.arrow::after {
  content: url('/assets/accouncy/img/icons/arrow.jpg.webp');
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  content: '▼';
  font-size: 10px;
  color: #ccc;
}
*/

/* Состояние при раскрытии */
.company-item.open .arrow {
  transform: rotate(180deg);
}

/* Выпадающий блок */
.details {
  max-height: 0;
  padding: 0 20px;
  transition: all 0.4s ease-out;
  opacity: 0;
  background: #fff;
}

.company-item.open .details {
  max-height: 1000px; /* Достаточно большое значение */
  padding: 20px;
  opacity: 1;
}

.description {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 20px;
  color: #555;
}

/* Список документов */
.docs-list {
  list-style: none;
  padding: 0;
}

.doc-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #f5f5f5;
  gap: 15px;
}

.doc-name {
  flex: 1;
  font-size: 14px;
  color: #333;
  word-break: break-word;
}

.doc-actions {
  display: flex;
  align-items: center;
  gap: 25px;
  white-space: nowrap;
}

.btn-download {
  color: #6c63ff;
  text-decoration: none;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.btn-delete {
  color: #ff4d4f;
  cursor: pointer;
  border: none;
  background: none;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 5px;
}

@media (max-width: 600px) {
  .doc-item {
    flex-direction: column; /* Складываем элементы в колонку */
    align-items: flex-start; /* Выравниваем всё по левому краю */
  }

  .doc-actions {
    width: 100%; /* Растягиваем блок кнопок на всю ширину */
    justify-content: space-between; /* Скачать — слева, Удалить — справа */
    margin-top: 8px; /* Отступ от названия файла */
  }

  .doc-name {
    width: 100%;
  }
}

.btn-upload {
  display: block;
  margin: 20px 0 10px auto;
  padding: 10px 20px;
  border: 1px solid #6c63ff;
  background: transparent;
  color: #6c63ff;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.3s;
}

.btn-upload:hover {
  background: #6c63ff;
  color: #fff;
}

.btn-upload:disabled {
  cursor: not-allowed;
  background-color: #ccc;
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
  .table-header { display: none; }

  .row-main {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }

  .row-main div {
    display: flex;
    width: 100%;
    justify-content: space-between;
    font-size: 14px;
  }

  /* Добавляем подписи в мобильной версии через псевдоэлементы */
  .row-main div::before {
    content: attr(data-label);
    color: #999;
    font-weight: normal;
  }

  .row-main .name-wrapper::before { content: ""; }
  .row-main .name-wrapper { font-weight: bold; font-size: 16px; margin-bottom: 5px;}
}

/* Скрываем попап изначально */
.t-popup {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* Перебиваем стандартный класс Tilda, чтобы он не мешал анимации jQuery */
.t-popup.t-popup_show {
  display: block;
  opacity: 1;
}

/* Добавляем мягкости самому белому контейнеру (форме) */
.t-popup__container-animated {
  transition: transform 0.3s ease-in-out;
}