.wtl-red {      color: var(--wtl-color-red);}
.wtl-orange {   color: var(--wtl-color-orange);}
.wtl-yellow {   color: var(--wtl-color-yellow);}
.wtl-green {    color: var(--wtl-color-green);}
.wtl-blue {     color: var(--wtl-color-blue);}
.wtl-purple {   color: var(--wtl-color-purple);}
.wtl-dark {     color: var(--wtl-color-dark);}
.wtl-white {    color: var(--wtl-color-white);}

* {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

body {
  color: var(--wtl-panel-color-font-dark-100);
  text-align: left;
  background-color: var(--wtl-panel-color-bg-white);
  font-family: var(--wtl-panel-font-family);
  font-size: 15px;
  line-height: 21px;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--wtl-panel-font-family);
  font-size: 42px;
  font-weight: 700;
  line-height: 56px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--wtl-panel-font-family);
  font-size: 35px;
  font-weight: 700;
  line-height: 42px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--wtl-panel-font-family);
  font-size: 28px;
  font-weight: 700;
  line-height: 35px;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--wtl-panel-font-family);
  font-size: 21px;
  font-weight: 700;
  line-height: 28px;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--wtl-panel-font-family);
  font-size: 19px;
  font-weight: 700;
  line-height: 28px;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--wtl-panel-font-family);
  font-size: 17px;
  font-weight: 700;
  line-height: 21px;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--wtl-panel-color-accent);
  text-align: left;
  font-family: var(--wtl-panel-font-family);
  font-size: 15px;
  line-height: 21px;
  text-decoration: none;
}

label {
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 400;
  display: block;
}

.fa,
.fa-classic,
.fa-sharp,
.fas,
.fa-solid,
.far,
.fa-regular,
.fasr,
.fal,
.fa-light,
.fasl,
.fat,
.fa-thin,
.fad,
.fa-duotone,
.fass,
.fa-sharp-solid,
.fab,
.fa-brands {
  line-height: inherit !important;}

.wyswig-content {
  font-size: 17px;
  line-height: 28px;
  word-break: break-word;
}

.wyswig-content p {
  margin-bottom: 14px;
  display: block;
}

.wyswig-content img {
  border-radius: 10px;
  width: 100%;
  height: auto!important;
  display: block;
}

.txt-secondary-color {
  color: var(--wtl-panel-color-font-dark-75);
}

.txt-big {
  font-size: 17px;
  line-height: 28px;
}

.txt-small {
  font-size: 14px;
}

.wtl-box {
  background-color: var(--wtl-panel-color-bg-white);
  border: 1px solid var(--wtl-panel-color-bg-border);
  border-radius: 10px;
  flex-direction: column;
  display: flex;
}

.p-20 {padding: 20px;}
.p-30 {padding: 30px;}

.txt-center {text-align: center;}


@media screen and (max-width: 991px) {
  a {
    color: var(--wtl-panel-color-accent);
    background-color: var(--wtl-panel-color-bg-transparent);
  }

  .p-30 {
    padding: 20px;
  }
}



/*  Structure - Global */
/*  ============================= */

.wtl-box {
  grid-row-gap: 30px;
  border: 1px solid var(--wtl-panel-color-bg-border);
  background-color: var(--wtl-panel-color-bg-white);
  border-radius: 10px;
  flex-direction: column;
  flex: 1;
  padding: 30px;
  display: flex;
}

.wtl-section {
  grid-row-gap: 15px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {

  .wtl-box {
    padding: 20px;
  }


}


/*  Popups */
/*  ============================= */

.popup-overlay {
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: var(--wtl-panel-color-bg-overlay);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.popup-wrap {
  width: 420px;
  max-height: 100%;
  max-width: 100%;
  background-color: var(--wtl-panel-color-bg-white);
  border-radius: 10px;
  padding: 30px;
  display: block;
  position: relative;
  overflow-y: auto;
}



.popup-wrap > .close {
  width: 30px;
  height: 30px;
  background-color: var(--wtl-panel-color-bg-white);
  color: var(--wtl-panel-color-font-dark-100);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: 17px;
  line-height: 20px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
  cursor: pointer;
  transition: all .2s ease;
}

.popup-wrap > .close:hover {
  color: var(--wtl-panel-color-font-dark-75);
}

.popup-wrap > .popup-content {
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
  padding: 0;
  overflow: unset;
  -ms-overflow-style: none;   /* IE and Edge */
  scrollbar-width: none;      /* Firefox */
}

.popup-wrap .popup-content::-webkit-scrollbar {
  display: none;              /* Hide scrollbar for Chrome, Safari and Opera */
}

.popup-wrap .popup-content > .popup-section {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.popup-wrap .popup-content .title {
  text-align: center;
}

.popup-wrap .popup-content .subtitle {
  text-align: center;
  font-weight: 500;
  line-height: 24px;
}

.popup-wrap .popup-content .bottom-copy {
  color: var(--wtl-panel-color-font-dark-75);
  text-align: center;
  font-size: 13px;
  line-height: 21px;
}

.popup-wrap .popup-content .bottom-copy a {
  color: var(--wtl-panel-color-accent);
  transition: all .2s ease;
  font-size: inherit;
  cursor: pointer;
}

.popup-wrap .popup-content .bottom-copy a:hover {
  color: var(--wtl-panel-color-accent-hover);
}

@media screen and (max-width: 767px) {
  .popup-wrap {
    padding: 20px;
  }
}



/*  Infobox */
/*  ============================= */

.infobox {
  width: 100%;
  border: 1px solid var(--wtl-panel-color-bg-border);
  background-color: var(--wtl-panel-color-bg-white);
  border-radius: 10px;
  padding: 20px 50px 20px 20px;
  display: none;
  position: relative;
  word-break: break-word;
}

.infobox.active {
  display: flex;
}


.infobox.info {
  border-color: hsla(var(--wtl-color-yellow-h), var(--wtl-color-yellow-s), calc(var(--wtl-color-yellow-l) + 0%), .5);
  background-color: hsla(var(--wtl-color-yellow-h), var(--wtl-color-yellow-s), calc(var(--wtl-color-yellow-l) + 0%), .1);
}

.infobox.small {
  padding-top: 10px;
  padding-bottom: 10px;
}

.infobox.small {
  padding-top: 10px;
  padding-bottom: 10px;
}

.infobox.small {
  padding-top: 10px;
  padding-bottom: 10px;
}

.infobox.info.hide {
  display: none;
}

.infobox > i {
  width: 35px;
  justify-content: flex-start;
  align-items: flex-start;
  line-height: 28px;
  display: flex;
  font-style: normal;
}

.infobox > i:before {
  line-height: 28px;
}

.infobox.small > i,
.infobox.small > i:before {
  line-height: 20px;
}

.infobox > div {
  grid-row-gap: 10px;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.infobox > div > .actions {
  display: flex;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: end;
  width: 100%;
}

.infobox > div > p {
  line-height: 28px;
}

.infobox.small > div > p {
  line-height: 20px;
}

.infobox > i.fa-xmark {
  width: 30px;
  height: 30px;
  cursor: pointer;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
  position: absolute;
  top: 10px;
  bottom: auto;
  left: auto;
  right: 10px;
}

.infobox > i.fa-xmark:hover {
  background-color: var(--wtl-panel-color-bg-white);
}

@media screen and (max-width: 767px) {
  .infobox > div > .actions {
    flex-direction: column;
  }
}


/*  Header section */
/*  ============================= */

.header-section {
  width: 100%;
  align-self: center;
  align-items: stretch;
  display: flex;
}

.header-section > .left {
  grid-row-gap: 10px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: center;
  display: flex;
}

.header-section .left .btn-back {
  grid-column-gap: 10px;
  background-color: var(--wtl-panel-color-bg-transparent);
  color: var(--wtl-panel-color-font-dark-50);
  align-self: flex-start;
  align-items: center;
  padding: 0;
  font-size: 15px;
  line-height: 20px;
  transition: all .2s;
  display: flex;
}

.header-section .left .btn-back:hover {
  color: var(--wtl-panel-color-accent);
}

.header-section .left .subtitle {
  color: var(--wtl-panel-color-font-dark-75);
  font-size: 17px;
  line-height: 28px;
}

.header-section > .right {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: row;
  align-items: flex-end;
  display: flex;
}

.header-section .right .btn-info {
  width: 50px;
  height: 50px;
  border: 1px solid var(--wtl-panel-color-bg-border);
  background-color: var(--wtl-panel-color-bg-white);
  cursor: pointer;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  transition: all .2s;
  display: flex;
}

.header-section .right .btn-info:hover {
  transform: translate(0, -5px);
  box-shadow: 0 10px 10px var(--wtl-panel-color-bg-border);
}

.header-section-additional {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.header-section-additional > .column {
  width: auto;
  min-width: 220px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.header-section-additional > .column > .title {
  line-height: 20px;
}

@media screen and (max-width: 991px) {
  .header-section-additional {
    grid-template-columns: 1fr 1fr;
  }

  .header-section {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
  }
  .header-section > .left {
    align-self: stretch;
  }
}

@media screen and (max-width: 479px) {
  .header-section-additional {
    grid-template-columns: 1fr;
  }

  .header-section-additional > .column {
    width: 100%;
  }

  .header-section > .right {
    flex-direction: column;
    align-items: stretch;
  }
}





/*  Accordion */
/*  ============================= */


body .wtl-accordion:last-of-type {
  border-bottom: none;
}

body .wtl-accordion:last-of-type .data {
  padding-bottom: 0;
}

.wtl-accordion {
  border-bottom: 1px solid var(--wtl-panel-color-bg-border);
}

.wtl-accordion .header {
  height: 50px;
  cursor: pointer;
  align-items: center;
  font-size: 17px;
  display: flex;
}

.wtl-accordion .header .title {
  flex: 1;
  text-decoration: none;
  position: relative;
  padding-right: 30px;
  line-height: 20px;
}

.wtl-accordion .header .title:after {
  position: absolute;
  width: 30px;
  content: '\f078';
  right: 0;
  font-family: 'Font Awesome 6 Pro';
  font-weight: 300;
  color: var(--wtl-panel-color-font-dark-100);
  text-align: right;
}

.wtl-accordion .header .type {
  display: none;
  position: relative;
  line-height: 20px;
}

.wtl-accordion .data {
  grid-row-gap: 15px;
  flex-wrap: wrap;
  padding-top: 5px;
  padding-bottom: 20px;
  display: none;
}

.wtl-accordion.active .header .title:after {
  content: '\f077';
}

.wtl-accordion.active > .data {
  display: flex;
}

.wtl-accordion.done .header .title {
  color: var(--wtl-panel-color-font-dark-50);
  text-decoration: line-through;
}

.wtl-accordion.checklist .header .type {
  display: flex;
  width: 30px;
  height: 20px;
}

.wtl-accordion.checklist .header .type:before {
  position: absolute;
  width: 30px;
  content: '\f111';
  left: 0;
  font-family: 'Font Awesome 6 Pro';
  font-weight: 300;
  color: var(--wtl-panel-color-font-dark-25);
}

.wtl-accordion.checklist.done .header .type:before {
  content: '\f058';
  font-weight: 900;
  color: var(--wtl-color-green);
}

.wtl-accordion.checklist .data {
  padding-left: 30px;
}



/*  Dropdown */
/*  ============================= */

.dropdown {
  z-index: 1;
  flex-direction: column;
  display: flex;
  position: relative;
}

.dropdown a {
  height: 30px;
  max-height: 30px;
  background-color: var(--wtl-panel-color-bg-white);
  color: var(--wtl-panel-color-font-dark-50);
  text-align: center;
  cursor: pointer;
  border-radius: 5px;
  align-items: center;
  padding: 0 0 0 10px;
  font-size: 14px;
  line-height: 20px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.dropdown a:hover {
  background-color: var(--wtl-panel-color-accent-light);
}

.dropdown a.trigger {
  border: 1px solid var(--wtl-panel-color-bg-border);
  color: var(--wtl-panel-color-font-dark-50);
}

.dropdown a.active {
  color: var(--wtl-panel-color-font-dark-100);
}

.dropdown i {
  width: 25px;
  text-align: center;
}

.dropdown .data i {
  text-align: left;
}

.dropdown .data i.fa-check {
  text-align: center;
  color: var(--wtl-panel-color-font-dark-100)!important;
}

.dropdown .trigger i {
  text-align: left;
}

.dropdown .trigger i.fa-chevron-down {
  border-left: 1px solid var(--wtl-panel-color-bg-border);
  text-align: center;
}

.dropdown span {
  flex: 1;
  display: flex;
}

.dropdown .data {
  border: 1px solid var(--wtl-panel-color-bg-border);
  background-color: var(--wtl-panel-color-bg-white);
  border-radius: 5px;
  flex-direction: column;
  padding: 10px;
  display: none;
  position: absolute;
  top: 35px;
  left: 0;
  right: 0;
  box-shadow: 0 0 20px var(--wtl-panel-color-bg-border);
}

.dropdown .data.active {
  display: flex;
}


/*  BTNS */
/*  ============================= */

.wtl-btn-standard,
.wtl-btn-primary,
.wtl-btn-secondary {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
  font-weight: 500;
  line-height: 20px;
  transition: all .2s;
  display: flex;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  -webkit-appearance: button;
  border: 0;
  transition: all .2s ease;
  font-size: 15px;
}

.wtl-btn-standard {               background-color: var(--wtl-panel-color-accent);  color: var(--wtl-panel-color-bg-white);}
.wtl-btn-standard:hover {         background-color: var(--wtl-panel-color-accent-hover);}

.wtl-btn-primary {                background-color: var(--wtl-panel-color-accent);  color: var(--wtl-panel-color-bg-white);}
.wtl-btn-primary:hover {          background-color: var(--wtl-panel-color-accent-hover);}

.wtl-btn-secondary {              background-color: var(--wtl-panel-color-accent-light);   color: var(--wtl-panel-color-accent);}
.wtl-btn-secondary:hover {        background-color: var(--wtl-panel-color-accent-light-hover);}

.btn-color-light {                background-color: var(--wtl-panel-color-accent-light);   color: var(--wtl-panel-color-accent);}
.btn-color-light:hover {          background-color: var(--wtl-panel-color-accent-light-hover);}

.btn-color-gray {                 background-color: var(--wtl-panel-color-dark-light);    color: var(--wtl-panel-color-font-dark-100);}
.btn-color-gray:hover {           background-color: var(--wtl-panel-color-dark-light-hover);}

.btn-color-white {                background-color: var(--wtl-panel-color-bg-white); color: var(--wtl-panel-color-font-dark-100);}
.btn-color-white:hover {          background-color: var(--wtl-panel-color-dark-light);}

.btn-color-transparent {          background-color: var(--wtl-panel-color-bg-transparent); color: var(--wtl-panel-color-font-dark-100);}
.btn-color-transparent:hover {    background-color: var(--wtl-panel-color-dark-light-hover);}

.btn-border-light-blue {          border: 1px solid var(--wtl-panel-color-bg-border);}

.btn-big {                        padding: 15px 25px;}
.btn-small {                      padding: 5px 10px; border-radius: 5px; font-size: 14px;}


/*  Badges */
/*  ============================= */


.badge {
  background-color: var(--wtl-panel-color-bg-accent);
  color: var(--wtl-panel-color-font-dark-100);
  text-align: right;
  text-transform: uppercase;
  border-radius: 3px;
  padding: 4px 7px 3px;
  font-size: 11px;
  font-weight: 700;
  line-height: 10px;
}

.badge.red {     background-color: hsla(var(--wtl-color-red-h), var(--wtl-color-red-s), calc(var(--wtl-color-red-l) + 0%), .1);           color: var(--wtl-color-red);}
.badge.blue {    background-color: hsla(var(--wtl-color-blue-h), var(--wtl-color-blue-s), calc(var(--wtl-color-blue-l) + 0%), .1);        color: var(--wtl-color-blue);}
.badge.green {   background-color: hsla(var(--wtl-color-green-h), var(--wtl-color-green-s), calc(var(--wtl-color-green-l) + 0%), .1);     color: var(--wtl-color-green);}
.badge.yellow {  background-color: hsla(var(--wtl-color-yellow-h), var(--wtl-color-yellow-s), calc(var(--wtl-color-yellow-l) + 0%), .1);  color: var(--wtl-color-yellow);}
.badge.orange {  background-color: hsla(var(--wtl-color-orange-h), var(--wtl-color-orange-s), calc(var(--wtl-color-orange-l) + 0%), .1);  color: var(--wtl-color-orange);}
.badge.purple {  background-color: hsla(var(--wtl-color-purple-h), var(--wtl-color-purple-s), calc(var(--wtl-color-purple-l) + 0%), .1);  color: var(--wtl-color-purple);}



/*  Footer */
/*  ============================= */

.cpi-lesson-full-left .new-footer {
	background-color: var(--wtl-panel-color-bg-accent);
}

.new-footer {
  	z-index: 6;
  	min-height: 90px;
  	grid-column-gap: 50px;
  	background-color: var(--wtl-panel-color-bg-transparent);
  	flex-direction: row;
  	flex: none;
  	justify-content: space-between;
  	align-items: center;
  	padding: 20px 20px 20px 15px;
  	display: flex;
  	position: relative;
}

.new-footer > .left {
	flex: 1;
	align-items: center;
	padding-left: 15px;
	display: flex;
	grid-column-gap: 15px;
}

.new-footer > .left > p {
  	height: 20px;
  	color: var(--wtl-panel-color-font-dark-50);
  	flex: 0 auto;
  	font-family: var(--wtl-panel-font-family);
  	font-size: 12px;
  	line-height: 20px;
  	overflow: hidden;
  	margin-bottom: 0;
}

.new-footer > .left > div {
	flex: none;
	align-items: center;
	display: flex;
	grid-column-gap: 15px;
}

.new-footer > .left > div > a {
  	color: var(--wtl-panel-color-font-dark-50);
  	font-size: 12px;
  	line-height: 20px;
  	text-decoration: none;
  	transition: all .2s;
}

.new-footer > .left > div > a:hover {
  	color: var(--wtl-panel-color-font-dark-100);
}

.new-footer > .right > .footer-languages {
  	height: 50px;
  	cursor: pointer;
  	border-radius: 10px;
  	flex: none;
  	justify-content: flex-end;
  	align-items: center;
  	padding-left: 10px;
  	padding-right: 10px;
  	transition: all .2s;
  	display: flex;
  	position: relative;
}

.new-footer > .right > .footer-languages:hover {
  	background-color: var(--wtl-panel-color-bg-accent);
}

.new-footer > .right > .footer-languages > img {
  	width: 30px;
  	height: 30px;
  	border: 1px solid var(--wtl-panel-color-bg-border);
  	border-radius: 15px;
}

.new-footer > .right > .divider {
  	width: 1px;
  	height: 20px;
  	background-color: var(--wtl-panel-color-bg-border);
  	flex: none;
  	margin-left: 10px;
  	margin-right: 10px;
}

.new-footer > .right > a {
  	height: 50px;
  	border-radius: 10px;
  	flex: none;
  	justify-content: flex-end;
  	align-items: center;
  	padding-left: 10px;
  	padding-right: 10px;
  	transition: all .2s;
  	display: flex;
  	text-decoration: none;
}

.new-footer > .right > a:hover {
  	background-color: var(--wtl-panel-color-bg-accent);
}

.new-footer > .right > a > img {
  	width: 85px;
}

.new-footer > .right > a > p {
  	color: var(--wtl-panel-color-font-dark-50);
  	margin-right: 10px;
  	font-size: 12px;
  	margin-bottom: 0;
}

.new-footer > .right {
	justify-content: flex-end;
	align-items: center;
	display: flex;
	flex: none;
}

.new-footer > .right > .footer-languages > p {
	color: var(--wtl-panel-color-font-dark-100);
	margin-right: 20px;
	font-size: 15px;
	font-weight: 500;
	line-height: 30px;
	margin-bottom: 0;
	font-family: var(--wtl-panel-font-family);
}

.new-footer > .right > .footer-languages > .footer-languages-select {
	width: 180px;
	height: auto;
	cursor: default;
	background-color: var(--wtl-panel-color-bg-white);
	border: 1px solid var(--wtl-panel-color-bg-border);
	border-radius: 10px;
	padding: 10px;
	display: none;
	position: absolute;
	top: auto;
	bottom: 60px;
	left: auto;
	right: -10px;
	z-index: 9;
}

.new-footer > .right > .footer-languages > .footer-languages-select.active {
	display: block;
}

.new-footer > .right > .footer-languages > .footer-languages-select > a {
	border-radius: 10px;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	text-decoration: none;
	display: flex;
	color: var(--wtl-panel-color-font-dark-100);
}

.new-footer > .right > .footer-languages > .footer-languages-select > a:hover {
	background-color: var(--wtl-panel-color-bg-accent);
}

.new-footer > .right > .footer-languages > .footer-languages-select > a > img {
	height: 30px;
	border-radius: 50%;
	width: 30px;
}

#contact_form_submit {
	margin-top: 10px;

}

@media screen and (max-width: 991px) {
  .new-footer {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
  }

  .new-footer > .left > div > a:hover {
    text-decoration: underline;
  }

  .new-footer > .right > a {
    padding-left: 10px;
    padding-right: 10px;
  }

  .new-footer > .left {
    flex: 0 auto;
    padding-left: 10px;
  }

  .new-footer > .left > div {
    align-items: center;
    display: flex;
  }

  .new-footer > .right > .footer-languages > p {
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .new-footer {
    flex-direction: column;
    padding-left: 10px;
	grid-row-gap: 5px;
  }

  .new-footer > .left > p {
    height: auto;
    text-align: center;
  }

  .new-footer > .left {
    grid-column-gap: 14px;
    flex-direction: column;
  }

  .new-footer > .right {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .new-footer {
    align-items: stretch;
  }

  .new-footer > .left {
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    line-height: 28px;
  }

  .new-footer > .right {
    justify-content: center;
  }
}


/*  Header */
/*  ============================= */

.header-logo > a {
  max-height: 40px;
  max-width: 160px;
}

.header-logo {
  height: 100px;
  justify-content: center;
  align-items: center;
  display: flex;
}

@media screen and (max-width: 767px) {
  .header-logo > a {
    max-height: 30px;
  }
}

@media screen and (max-width: 479px) {
  .header-logo > a {
    max-width: 140px;
  }
}

/*  Inputy */
/*  ============================= */

.default-input {
  max-height: 40px;
  color: var(--wtl-panel-color-font-dark-100);
  background-color: #f6f9ff;
  border: 1px solid var(--wtl-panel-color-bg-border);
  border-radius: 10px;
  flex: 1;
  margin-bottom: 0;
  padding: 10px 15px 10px 15px;
  font-size: 15px;
  transition: all .2s;
  width: 100%
}

.default-input:focus {
  border-color: var(--wtl-panel-color-bg-border-active);
  box-shadow: 0 0 10px var(--wtl-panel-color-bg-border);
  outline: 0;
}

.input-group-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.popup-newsletter-form .input-wrap,
.input-group {
  flex-direction: column;
  flex: 1;
  align-self: stretch;
  line-height: 20px;
  display: flex;
  position: relative;
  margin: unset;
}

.popup-newsletter-form .input-wrap > label,
.input-group > .input-placeholder {
  margin-bottom: 0;
  transition: all .2s;
  position: absolute;
  top: 15px;
  bottom: auto;
  left: 15px;
  right: auto;
  pointer-events: none;
  z-index: unset;
  display: unset;
  padding: unset;
  opacity: unset;
  font-size: unset;
  line-height: unset;
  font-weight: unset;
}

.popup-newsletter-form .input-wrap > label.active,
.input-group > .input-placeholder.active {
  color: var(--wtl-panel-color-font-dark-100);
  font-size: 12px;
  top: 5px;
}

.popup-newsletter-form .input-wrap > input,
.input-group > input {
  margin: 0 !important;
  border-radius: 10px !important;
}

.popup-newsletter-form .input-wrap > input[type='email'],
.popup-newsletter-form .input-wrap > input[type='text'],
.input-group > input[type='email'],
.input-group > input[type='text'] {
  max-height: 50px;
  color: var(--wtl-panel-color-font-dark-100);
  background-color: var(--wtl-panel-color-bg-accent);
  border: 1px solid var(--wtl-panel-color-bg-border);
  border-radius: 10px;
  flex: 1;
  margin-bottom: 0;
  padding: 24px 50px 6px 15px;
  font-size: 15px;
  transition: all .2s;
}

.popup-newsletter-form .input-wrap > input[type='email']:focus,
.popup-newsletter-form .input-wrap > input[type='text']:focus,
.input-group > input[type='email']:focus,
.input-group > input[type='text']:focus {
  border-color: var(--wtl-panel-color-bg-border-active);
  box-shadow: none;
  outline: 0;
}



.popup-newsletter-form .input-wrap > input.invalid[type='email'],
.popup-newsletter-form .input-wrap > input.invalid[type='text'],
.popup-newsletter-form .input-wrap > select.invalid,
.input-group.invalid > input[type='email'],
.input-group.invalid > input[type='text'],
.input-group.invalid > select {
  background-color: var(--wtl-panel-color-bg-accent);
  border: 1px solid hsla(var(--wtl-color-red-h), var(--wtl-color-red-s), calc(var(--wtl-color-red-l) + 0%), .5);
}

.popup-newsletter-form .input-wrap > input.invalid[type='email']:focus,
.popup-newsletter-form .input-wrap > input.invalid[type='text']:focus,
.popup-newsletter-form .input-wrap > select.invalid:focus,
.input-group.invalid > input[type='email']:focus,
.input-group.invalid > input[type='text']:focus,
.input-group.invalid > select:focus {
  border-color: hsla(var(--wtl-color-red-h), var(--wtl-color-red-s), calc(var(--wtl-color-red-l) + 0%), .5);
  box-shadow: none;
  outline: 0;
}

.popup-newsletter-form .form-group > button {
  width: 100%;
}


.input-group.invalid > i {
  color: hsla(var(--wtl-color-red-h), var(--wtl-color-red-s), calc(var(--wtl-color-red-l) + 0%), .5);
}

.popup-newsletter-form .input-wrap > input.invalid ~ label,
.input-group.invalid > .input-placeholder,
.input-group.invalid > .input-placeholder.active {
  color: var(--wtl-color-red);
}

.input-group > i {
  position: absolute;
  width: 50px;
  height: 50px;
  right: 0;
  top: 0;
  color: var(--wtl-panel-color-bg-border-active);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  pointer-events: none;
}

.input-group > i.fa-sort {
  font-size: 15px;
}

.popup-newsletter-form .input-wrap > select,
.input-group > select {
  max-height: 50px;
  color: var(--wtl-panel-color-font-dark-100);
  background-color: var(--wtl-panel-color-bg-accent);
  border: 1px solid var(--wtl-panel-color-bg-border);
  border-radius: 10px;
  flex: 1;
  align-items: center;
  margin-bottom: 0;
  padding: 15px;
  font-size: 15px;
  transition: all .2s;
  display: flex;
  appearance: none;
  cursor: pointer;
}

.popup-newsletter-form .input-wrap > select:focus,
.input-group > select:focus {
  border-color: var(--wtl-panel-color-bg-border-active);
  box-shadow: 0 0 10px var(--wtl-panel-color-bg-border);
}

.checkbox-group {
  padding-left: 30px;
  display: block;
}

.checkbox-group:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.checkbox-group:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.checkbox-group > input[type='checkbox'] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox-group > span {
  display: inline-block;
  cursor: pointer;
  font-weight: normal;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 20px;
  color: var(--wtl-panel-color-font-dark-75);
  position: relative;
}

.checkbox-group.invalid > span
{
  color: var(--wtl-color-red);
}

.checkbox-group.invalid > span > a
{
  color: var(--wtl-color-red);
  font-weight: 600;
}

.checkbox-group > span:before {
  position: absolute;
  content: '';
  left: -30px;
  top: 0;
  width: 18px;
  height: 18px;
  background: var(--wtl-panel-color-bg-accent);
  border: 1px solid var(--wtl-panel-color-bg-border);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Font Awesome 6 Pro';
  font-weight: 900;
  font-size: 13px;
  color: var(--wtl-panel-color-accent);
}

.checkbox-group.invalid > span:before {
  border-color: hsla(var(--wtl-color-red-h), var(--wtl-color-red-s), calc(var(--wtl-color-red-l) + 0%), .1);
}


.checkbox-group > input:checked ~ span:before {
  content: '\f00c';
}

.form-error {
  color: var(--wtl-color-red);
}


@media screen and (max-width: 479px) {
  .input-group-wrap {
    flex-direction: column;
  }
}