@font-face {
  font-family: 'Red Hat Display';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/redhatdisplay/v21/8vIh7wUr0m80wwYf0QCXZzYzUoTg-CSvZX4Vlf1fe6TVxAsz_Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Red Hat Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/redhatdisplay/v21/8vIh7wUr0m80wwYf0QCXZzYzUoTg-CSvZX4Vlf1fe6TVmgsz_Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Red Hat Display';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/redhatdisplay/v21/8vIh7wUr0m80wwYf0QCXZzYzUoTg-CSvZX4Vlf1fe6TVqAsz_Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Red Hat Display';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/redhatdisplay/v21/8vIh7wUr0m80wwYf0QCXZzYzUoTg-CSvZX4Vlf1fe6TVRAwz_Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Red Hat Display';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/redhatdisplay/v21/8vIh7wUr0m80wwYf0QCXZzYzUoTg-CSvZX4Vlf1fe6TVfQwz_Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Red Hat Display';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/redhatdisplay/v21/8vIh7wUr0m80wwYf0QCXZzYzUoTg-CSvZX4Vlf1fe6TVGgwz_Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Red Hat Display';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/redhatdisplay/v21/8vIh7wUr0m80wwYf0QCXZzYzUoTg-CSvZX4Vlf1fe6TVMwwz_Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/redhatdisplay/v21/8vIf7wUr0m80wwYf0QCXZzYzUoTK8RZQvRd-D1NYbjKWckg.ttf) format('truetype');
}
@font-face {
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/redhatdisplay/v21/8vIf7wUr0m80wwYf0QCXZzYzUoTK8RZQvRd-D1NYbmyWckg.ttf) format('truetype');
}
@font-face {
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/redhatdisplay/v21/8vIf7wUr0m80wwYf0QCXZzYzUoTK8RZQvRd-D1NYbl6Wckg.ttf) format('truetype');
}
@font-face {
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/redhatdisplay/v21/8vIf7wUr0m80wwYf0QCXZzYzUoTK8RZQvRd-D1NYbrKRckg.ttf) format('truetype');
}
@font-face {
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/redhatdisplay/v21/8vIf7wUr0m80wwYf0QCXZzYzUoTK8RZQvRd-D1NYbouRckg.ttf) format('truetype');
}
@font-face {
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/redhatdisplay/v21/8vIf7wUr0m80wwYf0QCXZzYzUoTK8RZQvRd-D1NYbuyRckg.ttf) format('truetype');
}
@font-face {
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/redhatdisplay/v21/8vIf7wUr0m80wwYf0QCXZzYzUoTK8RZQvRd-D1NYbsWRckg.ttf) format('truetype');
}
* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}
body {
  font-size: 16px;
  color: #333333;
  font-family: 'Red Hat Display', sans-serif;
  background: url("../img/top.png") no-repeat center top, url("../img/bg.png") repeat-y center 570px;
  padding-bottom: 0px;
  color: #333;
}
.page {
  width: 1280px;
  margin: auto;
  padding: 0 20px;
  position: relative;
  min-height: calc(100vh - 114px);
}
.box-logo {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
  background: #fff;
  width: 100%;
  max-width: 1163px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 28px 20px;
  margin: auto;
  margin-top: 65px;
}
.heading-nameform {
  text-align: center;
  color: #333333;
  margin-top: 80px;
  margin-bottom: 50px;
}
.heading-nameform h1 {
  font-size: 36px;
  font-weight: 700;
}
.heading-nameform h2 {
  font-size: 36px;
  font-weight: 700;
  margin-top: 18px;
}
.heading-nameform .red {
  color: #CC313F;
}
.heading-nameform .light {
  font-weight: 400;
}
.heading-nameform .training-dates {
  font-size: 28px;
  margin-top: 18px;
}
.heading-nameform .training-dates .red {
  font-weight: 500;
}
.topbar {
  display: block;
  width: 100%;
  height: 40px;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
}
.topbar .inside-topbar {
  max-width: 860px;
  margin: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  background: #35bd14;
  color: #fff;
  display: flex;
  justify-content: flex-end;
  padding-right: 20px;
  align-items: center;
}
.topbar .inside-topbar #refresh-link {
  margin-left: 20px;
  background: #C5172F;
  cursor: pointer;
  border-radius: 3px;
  padding: 5px;
  text-decoration: none;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
}
.topbar .inside-topbar #refresh-link:hover {
  opacity: 0.7;
}
.alertpassword {
  text-align: center;
  color: #C5172F;
  font-weight: 800;
  margin-top: 10px;
  margin-bottom: 20px;
}
.alertpassword a {
  color: #000;
  text-decoration: underline;
}
.warning-info {
  text-align: center;
  color: #C5172F;
  font-weight: 800;
  margin-top: 20px;
}
.red-cognity-alert {
  display: block;
  color: #CC313F;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 20px;
}
.red-cognity-alert img {
  position: relative;
  top: 2px;
}
.wrapper-box-form {
  border: 1px solid #7E7E7E;
  border-radius: 10px;
  max-width: 1100px;
  width: 100%;
  margin: auto;
  padding: 32px;
  margin-bottom: 20px;
  padding-top: 20px;
}
.wrapper-box-form .row-pin {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.wrapper-box-form .row-pin .label {
  display: block;
  text-align: center;
  font-size: 18px;
  color: #333333;
  font-weight: 500;
  margin-bottom: 10px;
}
.wrapper-box-form .row-pin input[type="text"],
.wrapper-box-form .row-pin input[type="password"] {
  background: #F4F4F4;
  border: 1px solid #333333;
  border-radius: 100px;
  margin: auto;
  height: 40px;
  text-align: center;
  font-size: 18px;
  width: 325px;
  margin-bottom: 20px;
}
.wrapper-box-form .row-pin textarea {
  width: 100%;
  min-width: 600px;
  height: 300px;
  resize: none;
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid #C7C7C7;
  padding: 10px;
  font-family: 'Red Hat Display', sans-serif;
  font-size: 16px;
}
.wrapper-box-form .row-pin textarea:focus {
  outline: none;
  border: 1px solid #497E30;
}
.logout-text {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
.logout-text a {
  color: #CC313F;
  text-decoration: underline;
}
.logout-text a:hover {
  color: #CC313F;
}
.btn-midi {
  display: block;
  width: 225px;
  height: 47px;
  padding: 15px 0;
  text-align: center;
  color: #fff;
  font-size: 16px;
  border: 0px;
  margin: auto;
  cursor: pointer;
  text-decoration: none;
  margin-bottom: 0px;
  background: #CC313F;
  border-radius: 43px;
  transition: 0.3s;
}
.btn-midi:hover {
  background: #a32732;
}
.alertpassword {
  padding: 12px 14px;
  border-radius: 10px;
  margin-bottom: 14px;
  font-weight: 600;
}
.alertpassword.success {
  background: #eaf7ee;
  border: 1px solid #bfe7cb;
  color: #1b5e20;
}
.alertpassword.error {
  background: #fdecec;
  border: 1px solid #f3b6b6;
  color: #8a1f1f;
}
.password-hints {
  margin: auto;
  margin-bottom: 20px;
  padding: 12px 14px;
  border: 1px solid #e3e6eb;
  border-radius: 10px;
  background: #f8f9fb;
  max-width: 390px;
}
.password-hints .hint {
  font-size: 14px;
  margin: 6px 0;
  color: #555;
}
.password-hints .hint.ok {
  color: #1b5e20;
}
.password-hints .hint.bad {
  color: #8a1f1f;
}
.btn-midi[disabled] {
  opacity: 0.55;
  cursor: not-allowed;
}
.heading-table-online {
  background: rgba(105, 170, 76, 0.25);
}
.btn-show-onlinedata {
  border-radius: 5px;
  background: #699A4C;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  margin-top: 20px;
  padding: 10px 20px;
  display: block;
  max-width: 320px;
  text-align: center;
}
.main-nav {
  max-width: 1100px;
  margin: auto;
  margin-bottom: 40px;
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 12px 20px;
  background-color: #f8f9fb;
}
.main-nav a {
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  color: #333;
  padding: 8px 14px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
/* hover */
.main-nav a:hover {
  background-color: #eceff4;
  color: #000;
}
/* aktywny link */
.main-nav a.active {
  background-color: #CC313F;
  /* czerwony */
  color: #fff;
}
.main-nav a.logout {
  margin-left: auto;
  color: #CC313F;
}
.main-nav a.logout:hover {
  background-color: rgba(229, 57, 53, 0.1);
}
.wrapper-training-data {
  border-bottom: 1px solid #C7C7C7;
  max-width: 1100px;
  margin: auto;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 37px;
  min-height: 100px;
}
.wrapper-training-data .training-table {
  width: 100%;
  border: 1px solid #BDBDBD;
  border-collapse: collapse;
  font-family: 'Red Hat Display', sans-serif;
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.wrapper-training-data .training-table th {
  font-weight: 700;
  border: 1px solid #BDBDBD;
  text-align: left;
  padding: 7px 10px;
}
.wrapper-training-data .training-table td {
  border: 1px solid #BDBDBD;
  text-align: left;
  padding: 7px 10px;
}
.wrapper-training-data .training-table tr:nth-child(even) {
  background: #f1f1f1;
}
.wrapper-training-data .training-table .mini-red-info {
  font-size: 12px;
  font-weight: 400;
  color: #CC313F;
  font-style: italic;
  display: block;
  max-width: 160px;
}
.wrapper-training-data .btn-loginauth {
  background-color: #CC313F;
  color: #ffffff;
  font-size: 13px;
  padding: 6px 12px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
}
.wrapper-training-data .btn-loginauth:hover {
  background-color: #b52b38;
  box-shadow: 0 3px 8px rgba(204, 49, 63, 0.35);
}
.wrapper-training-data h2 {
  font-size: 24px;
  margin-bottom: 20px;
}
.wrapper-training-data .box-icon {
  position: absolute;
  top: 0px;
  left: 0px;
}
.wrapper-training-data .box-icon-position2 {
  top: 164px;
  left: -8px;
}
.wrapper-training-data .red {
  color: #CC313F;
}
.wrapper-training-data .green {
  color: #497E30;
}
.wrapper-training-data .grey {
  color: #888;
}
.wrapper-training-data .midistrong {
  font-weight: 500;
}
.wrapper-training-data .item-box-data {
  display: flex;
  margin-bottom: 6px;
}
.wrapper-training-data .item-box-data .icon {
  width: 40px;
}
.wrapper-training-data .item-box-data .text {
  font-size: 18px;
}
.wrapper-training-data .item-box-data .text .name {
  font-weight: 700;
}
.wrapper-training-data .item-box-data .text-flex {
  display: flex;
}
.wrapper-training-data .item-box-data .text-flex .address {
  padding-left: 5px;
}
.wrapper-training-data .item-box-data textarea {
  width: 100%;
  height: 300px;
  resize: none;
  border-radius: 5px;
  margin-top: 20px;
  border: 1px solid #C7C7C7;
  padding: 10px;
  font-family: 'Red Hat Display', sans-serif;
  font-size: 16px;
}
.wrapper-training-data .item-box-data textarea:focus {
  outline: none;
  border: 1px solid #497E30;
}
.wrapper-training-data .text-data-full {
  font-size: 18px;
}
.wrapper-training-data .text-data-full .small {
  font-size: 16px;
}
.wrapper-training-data .text-data-full .italic {
  font-style: italic;
}
.wrapper-training-data .text-data-full .mini-info-italic {
  font-size: 15px;
  font-weight: 300;
  font-style: italic;
  display: block;
}
.wrapper-training-data .text-data-full-big {
  font-size: 24px;
  color: #333;
  margin-top: -8px;
}
.wrapper-training-data .text-data-full-big .small {
  font-size: 16px;
}
.wrapper-training-data .text-data-full-big .italic {
  font-style: italic;
}
.wrapper-training-data .text-data-full-big .mini-info-italic {
  font-size: 15px;
  font-weight: 300;
  font-style: italic;
  display: block;
}
.wrapper-training-data .text-data-icon {
  margin-top: 20px;
  font-size: 18px;
  text-indent: 40px;
  position: relative;
  margin-top: 33px;
  line-height: 24px;
}
.wrapper-training-data .text-data-icon .redicon {
  width: 32px;
  height: 32px;
  display: flex;
  position: absolute;
  top: -10px;
  left: 0px;
  background: #CC313F;
}
.wrapper-training-data .text-data-icon .linkred {
  color: #CC313F;
  font-weight: 500;
  padding-left: 4px;
}
.wrapper-training-data .text-data-icon .linkred img {
  position: relative;
  top: 4px;
  margin-right: 7px;
}
.wrapper-training-data .heading-with-icon {
  display: flex;
  margin-top: -4px;
  align-items: center;
  margin-bottom: 30px;
}
.wrapper-training-data .heading-with-icon .icon {
  width: 32px;
  height: 32px;
  display: flex;
  background: #CC313F;
}
.wrapper-training-data .heading-with-icon .name {
  font-size: 18px;
  font-weight: 600;
  padding-left: 10px;
}
.wrapper-training-data .wrapper-training-data-redframe {
  margin-left: -11px;
  margin-top: 17px;
}
.wrapper-training-data .wrapper-training-data-redframe ul {
  margin-left: 28px;
  margin-bottom: 2px;
}
.wrapper-training-data .wrapper-training-data-redframe .label {
  height: 37px;
  background: #CC313F;
  border-radius: 7px 7px 0px 0px;
  color: #fff;
  font-size: 18px;
  width: 290px;
  padding-left: 50px;
  position: relative;
  padding-top: 8px;
}
.wrapper-training-data .wrapper-training-data-redframe .label img {
  position: absolute;
  top: 3px;
  left: 12px;
}
.wrapper-training-data .wrapper-training-data-redframe .content {
  border-radius: 0px 10px 10px 10px;
  border: 1.5px solid #CC313F;
  padding: 18px 10px;
  font-size: 18px;
}
.wrapper-training-data .wrapper-training-data-redframe .content .software-info-mini {
  line-height: 26px;
}
.wrapper-training-data .wrapper-training-data-redframe .content .software-info-full {
  line-height: 26px;
  display: none;
}
.wrapper-training-data a {
  color: #303FC8;
  text-decoration: underline;
}
.wrapper-training-data a:hover {
  color: #CC313F;
}
.wrapper-training-data .red-box-offer {
  border-radius: 5px;
  background: #CC313F;
  margin-top: 23px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.wrapper-training-data .red-box-offer .iconlogo {
  margin: auto;
  display: block;
}
.wrapper-training-data .red-box-offer .name {
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  text-align: center;
}
.wrapper-training-data .red-box-offer .btn-grey {
  font-size: 18px;
  color: #fff;
  font-weight: 500;
  width: 193px;
  height: 47px;
  border-radius: 30px;
  background: #333;
  text-align: center;
  display: block;
  margin: auto;
  text-decoration: none;
  line-height: 47px;
  margin-top: 22px;
}
.wrapper-training-data .mini-info-alert {
  margin-top: 24px;
  font-style: italic;
  font-size: 14px;
}
.wrapper-training-data .mini-info-alert strong {
  display: block;
}
.wrapper-speciallist {
  margin-top: -10px;
  border-bottom: 0;
  margin-bottom: 12px;
}
.wrapper-speciallist h2 {
  font-size: 30px;
}
.wrapper-speciallist .box-icon {
  top: 35px;
  left: -12px;
}
.wrapper-speciallist .contact-speciallist .item {
  display: flex;
  align-items: center;
  font-size: 18px;
  color: #333;
  font-weight: 600;
  margin-top: 12px;
}
.wrapper-speciallist .contact-speciallist .item a {
  color: #303FC8;
}
.wrapper-speciallist .contact-speciallist .item .icon {
  width: 38px;
  padding-left: 7px;
}
footer {
  width: 100%;
  background: #333;
  padding-bottom: 7px;
}
footer .inside {
  width: 100%;
  max-width: 860px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
footer .inside .website {
  padding-top: 15px;
}
footer .inside .website a {
  color: #fff;
  text-decoration: none;
  font-size: 18px;
}
footer .inside .social {
  padding-top: 10px;
  display: flex;
  width: 190px;
  justify-content: space-between;
}
.wrapper-training-data-big {
  padding-bottom: 50px;
}
.timetable-infoonline {
  font-size: 18px;
  font-style: italic;
  margin-bottom: 25px;
}
.red-info-mini {
  font-size: 13px;
  font-weight: 400;
  color: #CC313F;
}
.training-place-address {
  font-weight: 500;
}
.no-border-bottom {
  border-bottom: 0;
  margin-bottom: 10px;
}
.wrapper-heading-section {
  border-top: 1px solid #C7C7C7;
  border-bottom: 1px solid #C7C7C7;
  background: #eeeeee;
  font-size: 28px;
  max-width: 860px;
  margin: auto;
  text-align: center;
  font-weight: 700;
  padding: 8px 5px;
  margin-bottom: 40px;
}
.wrapper-heading-section .red {
  color: #CC313F;
}
.mb20 {
  margin-bottom: 20px;
}
.hidden-element {
  display: none!important;
  margin-bottom: 0;
}
.wrapper-overflow-modal {
  display: none;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  position: fixed;
  z-index: 100;
}
.wrapper-overflow-modal .inside {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrapper-overflow-modal .inside .care-wrapper {
  width: 680px;
  background: #fff;
  border-radius: 10px;
  padding: 40px 120px;
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 500;
}
.wrapper-overflow-modal .inside .care-wrapper .main-icon {
  margin: auto;
  margin-bottom: 20px;
  display: block;
}
.wrapper-overflow-modal .inside .care-wrapper .text-popup {
  margin-bottom: 20px;
}
.wrapper-overflow-modal .inside .video-wrapper {
  width: 680px;
  background: #fff;
  border-radius: 10px;
  padding: 40px;
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 500;
}
.wrapper-overflow-modal .inside .video-wrapper .main-icon {
  margin: auto;
  margin-bottom: 20px;
  display: block;
  max-width: 70px;
  height: auto;
}
.wrapper-overflow-modal .inside .video-wrapper .text-popup {
  margin-bottom: 20px;
}
.wrapper-overflow-modal .inside .cert-wrapper {
  width: 680px;
  background: #fff;
  border-radius: 10px;
  padding: 40px 120px;
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 500;
}
.wrapper-overflow-modal .inside .cert-wrapper .main-icon {
  margin: auto;
  margin-bottom: 20px;
  display: block;
  max-width: 70px;
  height: auto;
}
.wrapper-overflow-modal .inside .cert-wrapper .text-popup {
  margin-bottom: 20px;
}
.wrapper-overflow-modal .inside .surprise-discount-wrapper {
  width: 755px;
  background: url(../img/bg_suprise_modal.png) 0% 100% no-repeat #fff;
  border-radius: 10px;
  padding: 40px;
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 500;
  position: relative;
}
.wrapper-overflow-modal .inside .surprise-discount-wrapper .times {
  position: absolute;
  top: 24px;
  right: 29px;
  cursor: pointer;
}
.wrapper-overflow-modal .inside .surprise-discount-wrapper .text-popup {
  margin-bottom: 20px;
  text-align: center;
  font-size: 16px;
}
.wrapper-overflow-modal .inside .surprise-discount-wrapper .text-popup h2 {
  font-size: 32px;
  color: #69AA4C;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 20px;
  text-align: center;
}
.wrapper-overflow-modal .inside .surprise-discount-wrapper .text-popup .text1 {
  margin-bottom: 10px;
}
.wrapper-overflow-modal .inside .surprise-discount-wrapper .text-popup .text1 b {
  font-weight: 700;
}
.wrapper-overflow-modal .inside .surprise-discount-wrapper .text-popup .text1 .red {
  color: #CC313F;
}
.wrapper-overflow-modal .inside .surprise-discount-wrapper .text-popup .text2 {
  margin-bottom: 65px;
}
.wrapper-overflow-modal .inside .surprise-discount-wrapper .text-popup .text3 {
  margin-bottom: 46px;
}
.wrapper-overflow-modal .inside .surprise-discount-wrapper .text-popup .wrapper-btn-full-offer {
  display: flex;
  justify-content: center;
}
.wrapper-overflow-modal .inside .surprise-discount-wrapper .text-popup .wrapper-btn-full-offer a {
  display: inline-block;
  font-size: 18px;
  color: #fff;
  font-weight: 500;
  border-radius: 30px;
  padding: 12px 30px;
  position: relative;
  background: none;
  transition: 0.3s;
  z-index: 5;
  overflow: hidden;
  cursor: pointer;
  text-decoration: none;
}
.wrapper-overflow-modal .inside .surprise-discount-wrapper .text-popup .wrapper-btn-full-offer a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #CC313F;
  border-radius: 30px;
  z-index: -2;
}
.wrapper-overflow-modal .inside .surprise-discount-wrapper .text-popup .wrapper-btn-full-offer a:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: #8e222c;
  transition: all 0.3s;
  border-radius: 30px;
  z-index: -1;
}
.wrapper-overflow-modal .inside .surprise-discount-wrapper .text-popup .wrapper-btn-full-offer a:hover {
  color: #fff;
}
.wrapper-overflow-modal .inside .surprise-discount-wrapper .text-popup .wrapper-btn-full-offer a:hover:before {
  width: 100%;
}
.wrapper-overflow-modal .inside .item-info {
  display: flex;
  margin-bottom: 10px;
}
.wrapper-overflow-modal .inside .item-info img {
  position: relative;
  top: -2px;
}
.wrapper-overflow-modal .inside .item-info span {
  font-weight: 700;
  padding-left: 15px;
}
.care-modal {
  cursor: pointer;
}
.cert-modal {
  cursor: pointer;
}
.video-modal {
  cursor: pointer;
}
.overlay-wrapper-contact-fast {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  display: none;
}
.overlay-wrapper-contact-fast .overlay-wrapper-inner {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.overlay-wrapper-contact-fast .overlay-box-form {
  background: #ffffff;
  border-radius: 15px;
  width: 100%;
  max-width: 1145px;
  padding-left: 33px;
  padding-right: 33px;
  padding-top: 22px;
  padding-bottom: 25px;
  background: #fff;
  position: relative;
}
.overlay-wrapper-contact-fast .overlay-box-form .close-form-contact-fast {
  position: absolute;
  top: 19px;
  right: 29px;
  cursor: pointer;
}
.overlay-wrapper-contact-fast .overlay-box-form .logo {
  display: block;
  width: 370px;
  height: auto;
  margin: auto;
  margin-top: 15px;
}
.overlay-wrapper-contact-fast .overlay-box-form .name-form {
  text-align: center;
  padding-top: 18px;
}
.overlay-wrapper-contact-fast .overlay-box-form .name-form h3 {
  font-size: 20px;
  font-weight: 800;
}
.overlay-wrapper-contact-fast .overlay-box-form .name-form h3 .mini-lang {
  display: block;
  font-style: italic;
  font-weight: 400;
  margin-top: -5px;
  font-size: 14px;
}
.overlay-wrapper-contact-fast .overlay-box-form .overlay-contact {
  margin-top: 35px;
}
.overlay-wrapper-contact-fast .overlay-box-form .overlay-contact h2 {
  text-align: center;
  margin-bottom: 20px;
}
.overlay-wrapper-contact-fast .overlay-box-form .overlay-contact .row-input {
  display: flex;
  width: 100%;
  margin-bottom: 10px;
  justify-content: space-between;
}
.overlay-wrapper-contact-fast .overlay-box-form .overlay-contact .row-input .name {
  width: 205px;
  font-size: 18px;
  font-weight: 500;
  color: #333;
  padding-top: 10px;
}
.overlay-wrapper-contact-fast .overlay-box-form .overlay-contact .row-input .name i {
  color: #CC313F;
  font-style: normal;
  position: relative;
  top: -2px;
}
.overlay-wrapper-contact-fast .overlay-box-form .overlay-contact .row-input .name .mini-lang {
  display: block;
  font-style: italic;
  font-weight: 400;
  margin-top: -3px;
  font-size: 14px;
}
.overlay-wrapper-contact-fast .overlay-box-form .overlay-contact .row-input .filed {
  width: calc(100% - 205px);
}
.overlay-wrapper-contact-fast .overlay-box-form .overlay-contact .row-input input {
  width: 100%;
  height: 40px;
  border-radius: 43px;
  border: 1px solid #7E7E7E;
  margin-bottom: 0;
  color: #333;
  background: #f4f4f4;
  padding-left: 13px;
  font-family: 'Red Hat Display', sans-serif;
  font-size: 16px;
}
.overlay-wrapper-contact-fast .overlay-box-form .overlay-contact .row-input input::placeholder {
  color: #AFAFAF;
}
.overlay-wrapper-contact-fast .overlay-box-form .overlay-contact .row-input textarea {
  width: 100%;
  height: 74px;
  border-radius: 10px;
  border: 1px solid #7E7E7E;
  margin-bottom: 0;
  color: #333;
  background: #f4f4f4;
  padding: 13px;
  font-family: 'Red Hat Display', sans-serif;
  font-size: 16px;
}
.overlay-wrapper-contact-fast .overlay-box-form .overlay-contact .row-input textarea::placeholder {
  color: #AFAFAF;
}
.overlay-wrapper-contact-fast .overlay-box-form .overlay-contact .checkbox-wrapper {
  margin-bottom: 10px;
  display: flex;
  align-items: flex-start;
}
.overlay-wrapper-contact-fast .overlay-box-form .overlay-contact .checkbox-wrapper input {
  position: relative;
  top: 3px;
}
.overlay-wrapper-contact-fast .overlay-box-form .overlay-contact .checkbox-wrapper label {
  font-size: 14px;
  padding-left: 10px;
}
.overlay-wrapper-contact-fast .overlay-box-form .overlay-contact .checkbox-wrapper label i {
  color: #CC313F;
  font-style: normal;
}
.overlay-wrapper-contact-fast .overlay-box-form .overlay-contact .checkbox-wrapper label a {
  color: #333;
  text-decoration: underline;
}
.overlay-wrapper-contact-fast .overlay-box-form .overlay-contact .submit-wrapper {
  display: flex;
  justify-content: center;
}
.overlay-wrapper-contact-fast .overlay-box-form .overlay-contact .btn-send {
  display: block;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
  border-radius: 30px;
  background: #CC313F;
  color: #ffffff;
  width: 175px;
  height: 53px;
  border: 0;
  text-align: center;
  margin-top: 11px;
  position: relative;
  z-index: 0;
  overflow: hidden;
  font-size: 16px;
}
.overlay-wrapper-contact-fast .overlay-box-form .overlay-contact .btn-send .mini-lang {
  display: block;
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
}
.overlay-wrapper-contact-fast .overlay-box-form .overlay-contact .btn-send:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #CC313F;
  border-radius: 30px;
  z-index: -2;
}
.overlay-wrapper-contact-fast .overlay-box-form .overlay-contact .btn-send:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: #8e222c;
  transition: all 0.3s;
  border-radius: 30px;
  z-index: -1;
}
.overlay-wrapper-contact-fast .overlay-box-form .overlay-contact .btn-send:hover {
  color: #fff;
}
.overlay-wrapper-contact-fast .overlay-box-form .overlay-contact .btn-send:hover:before {
  width: 100%;
}
.overlay-wrapper-contact-fast .overlay-box-form .overlay-contact .success-message {
  padding-bottom: 40px;
}
.overlay-wrapper-contact-fast .overlay-box-form .overlay-contact .success-message .icon-send {
  display: block;
  margin: auto;
  margin-top: 0px;
}
.overlay-wrapper-contact-fast .overlay-box-form .overlay-contact .success-message h2 {
  font-size: 26px;
  font-weight: 800;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}
.overlay-wrapper-contact-fast .overlay-box-form .overlay-contact .success-message strong {
  display: block;
  text-align: center;
}
/*# sourceMappingURL=style.css.map */