/* init pmg_global */
:root {
  /* --red-color: #da3832; */
  --red-color: #d52b1e;
  --text-color: #0f0f0f;
}
@font-face {
  font-family: "Arapey-Italic";
  src: url("/wp-content/themes/onstep/assets/Fonts/Arapey/Arapey-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Arapey-Regular";
  src: url("/wp-content/themes/onstep/assets/Fonts/Arapey/Arapey-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Din-Light";
  src: url("/wp-content/themes/onstep/assets/Fonts/din/DIN-LightAlternate.otf") format("opentype");
}
@font-face {
  font-family: "Din-Medium";
  src: url("/wp-content/themes/onstep/assets/Fonts/din/DIN-Medium.otf") format("opentype");
}
@font-face {
  font-family: "Din-Regular";
  src: url("/wp-content/themes/onstep/assets/Fonts/din/DIN-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Din-Bold";
  src: url("/wp-content/themes/onstep/assets/Fonts/din/DIN-Bold.otf") format("opentype");
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
*:focus {
  outline: none;
}
figure {
  margin: 0 !important;
}
body {
  background-color: #fff;
  margin: 0px;
  height: 100%;
  width: 100%;
  font-family: "Din-Light";
}
a {
  text-decoration: none;
  color: #fff;
}
strong {
  font-family: 'Din-Bold';
}
ul, li {
  list-style: none;
}
.none {
  display: none !important;
}
.max-width {
  width: 100%;
  max-width: 1500px;
  padding: 0 30px;
  box-sizing: border-box;
  margin: 0 auto;
}
.redColor {
  color: var(--red-color) !important;
}
.text-color-heroRed {
  color: #eb6b6a !important;
}
.bg-red {
  background-color: var(--red-color) !important;
}
.bg-gray {
  background-color: #dcdcdc;
}
.a-black-color a {
  color: #000000;
}
.a-black-color i::before {
  color: #000000 !important;
}
.a-black-color .dropdown-menu a {
  color: #ffffff !important;
}
p a {
  color: #000000;
  text-decoration: underline;
}
.black-color {
  color: #000000 !important;
}
.invert-1 {
  filter: invert(1);
}
.whiteColor {
  color: #fff !important;
}
.dinBold {
  font-family: "Din-Bold" !important;
}
.dinMedium {
  font-family: "Din-Medium" !important;
}
.txtTransformNone {
  text-transform: none !important;
}
.txtTransformUppercase {
  text-transform: uppercase !important;
}
.lineH-55 {
  line-height: 55px !important;
}
.lineH-35 {
  line-height: 35px !important;
}
.margin-0 {
  margin: 0 !important;
}
.h1000px {
  width: 100%;
  height: 1000px;
}
.alignCenter {
  justify-content: center !important;
}
.alignRight {
  justify-content: flex-end !important;
}
.marginTop-200 {
  margin-top: 200px !important;
}
.marginTop-100 {
  margin-top: 100px !important;
}
.marginTop-50 {
  margin-top: 50px !important;
}
.horizontal-line {
  height: 1px;
  width: 100%;
  border: 1px solid #ffffff;
}
.vertical-line {
  height: 100%;
  width: 1px;
  border: 1px solid #ffffff;
}
.row-reverse {
  display: flex;
  flex-direction: row-reverse;
}
.fs-50 {
  font-size: 50px !important;
}
.italic {
  font-family: "Arapey-Italic" !important;
}
.over-hidden {
  overflow: hidden;
}
.textAlignLeft {
  text-align: left;
}
.padding-0 {
  padding: 0 !important;
}
.padding-580 {
  padding-right: 580px;
}
.padding-450 {
  padding-right: 450px;
}
.padding-250 {
  padding: 0 250px 0 0;
}
.btn {
  cursor: pointer;
  width: 285px;
  height: 45px;
  background: none;
  border: 1px solid var(--red-color);
  color: var(--text-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  text-decoration: none !important;
}
.btn figure img {
  transition: 0.5s;
  width: 20px;
  height: 20px;
}
.btn:hover figure img {
  transform: translate(10px, 0);
}
.home-page_maim.site-main {
  margin-top: 100vh;
}

/* end pmg_global */
/* init pmg_row */
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 576px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 768px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 992px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 1200px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
.col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 576px) {
  .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.col-xs-1 {
  float: left;
  width: 8.33333%;
}
.col-xs-2 {
  float: left;
  width: 16.66667%;
}
.col-xs-3 {
  float: left;
  width: 25%;
}
.col-xs-4 {
  float: left;
  width: 33.33333%;
}
.col-xs-5 {
  float: left;
  width: 41.66667%;
}
.col-xs-6 {
  float: left;
  width: 50%;
}
.col-xs-7 {
  float: left;
  width: 58.33333%;
}
.col-xs-8 {
  float: left;
  width: 66.66667%;
}
.col-xs-9 {
  float: left;
  width: 75%;
}
.col-xs-10 {
  float: left;
  width: 83.33333%;
}
.col-xs-11 {
  float: left;
  width: 91.66667%;
}
.col-xs-12 {
  float: left;
  width: 100%;
}
.pull-xs-0 {
  right: auto;
}
.pull-xs-1 {
  right: 8.33333%;
}
.pull-xs-2 {
  right: 16.66667%;
}
.pull-xs-3 {
  right: 25%;
}
.pull-xs-4 {
  right: 33.33333%;
}
.pull-xs-5 {
  right: 41.66667%;
}
.pull-xs-6 {
  right: 50%;
}
.pull-xs-7 {
  right: 58.33333%;
}
.pull-xs-8 {
  right: 66.66667%;
}
.pull-xs-9 {
  right: 75%;
}
.pull-xs-10 {
  right: 83.33333%;
}
.pull-xs-11 {
  right: 91.66667%;
}
.pull-xs-12 {
  right: 100%;
}
.push-xs-0 {
  left: auto;
}
.push-xs-1 {
  left: 8.33333%;
}
.push-xs-2 {
  left: 16.66667%;
}
.push-xs-3 {
  left: 25%;
}
.push-xs-4 {
  left: 33.33333%;
}
.push-xs-5 {
  left: 41.66667%;
}
.push-xs-6 {
  left: 50%;
}
.push-xs-7 {
  left: 58.33333%;
}
.push-xs-8 {
  left: 66.66667%;
}
.push-xs-9 {
  left: 75%;
}
.push-xs-10 {
  left: 83.33333%;
}
.push-xs-11 {
  left: 91.66667%;
}
.push-xs-12 {
  left: 100%;
}
.offset-xs-1 {
  margin-left: 8.33333%;
}
.offset-xs-2 {
  margin-left: 16.66667%;
}
.offset-xs-3 {
  margin-left: 25%;
}
.offset-xs-4 {
  margin-left: 33.33333%;
}
.offset-xs-5 {
  margin-left: 41.66667%;
}
.offset-xs-6 {
  margin-left: 50%;
}
.offset-xs-7 {
  margin-left: 58.33333%;
}
.offset-xs-8 {
  margin-left: 66.66667%;
}
.offset-xs-9 {
  margin-left: 75%;
}
.offset-xs-10 {
  margin-left: 83.33333%;
}
.offset-xs-11 {
  margin-left: 91.66667%;
}
@media (min-width: 576px) {
  .col-sm-1 {
    float: left;
    width: 8.33333%;
  }
  .col-sm-2 {
    float: left;
    width: 16.66667%;
  }
  .col-sm-3 {
    float: left;
    width: 25%;
  }
  .col-sm-4 {
    float: left;
    width: 33.33333%;
  }
  .col-sm-5 {
    float: left;
    width: 41.66667%;
  }
  .col-sm-6 {
    float: left;
    width: 50%;
  }
  .col-sm-7 {
    float: left;
    width: 58.33333%;
  }
  .col-sm-8 {
    float: left;
    width: 66.66667%;
  }
  .col-sm-9 {
    float: left;
    width: 75%;
  }
  .col-sm-10 {
    float: left;
    width: 83.33333%;
  }
  .col-sm-11 {
    float: left;
    width: 91.66667%;
  }
  .col-sm-12 {
    float: left;
    width: 100%;
  }
  .pull-sm-0 {
    right: auto;
  }
  .pull-sm-1 {
    right: 8.33333%;
  }
  .pull-sm-2 {
    right: 16.66667%;
  }
  .pull-sm-3 {
    right: 25%;
  }
  .pull-sm-4 {
    right: 33.33333%;
  }
  .pull-sm-5 {
    right: 41.66667%;
  }
  .pull-sm-6 {
    right: 50%;
  }
  .pull-sm-7 {
    right: 58.33333%;
  }
  .pull-sm-8 {
    right: 66.66667%;
  }
  .pull-sm-9 {
    right: 75%;
  }
  .pull-sm-10 {
    right: 83.33333%;
  }
  .pull-sm-11 {
    right: 91.66667%;
  }
  .pull-sm-12 {
    right: 100%;
  }
  .push-sm-0 {
    left: auto;
  }
  .push-sm-1 {
    left: 8.33333%;
  }
  .push-sm-2 {
    left: 16.66667%;
  }
  .push-sm-3 {
    left: 25%;
  }
  .push-sm-4 {
    left: 33.33333%;
  }
  .push-sm-5 {
    left: 41.66667%;
  }
  .push-sm-6 {
    left: 50%;
  }
  .push-sm-7 {
    left: 58.33333%;
  }
  .push-sm-8 {
    left: 66.66667%;
  }
  .push-sm-9 {
    left: 75%;
  }
  .push-sm-10 {
    left: 83.33333%;
  }
  .push-sm-11 {
    left: 91.66667%;
  }
  .push-sm-12 {
    left: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333%;
  }
  .offset-sm-2 {
    margin-left: 16.66667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333%;
  }
  .offset-sm-5 {
    margin-left: 41.66667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333%;
  }
  .offset-sm-8 {
    margin-left: 66.66667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333%;
  }
  .offset-sm-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 768px) {
  .col-md-1 {
    float: left;
    width: 8.33333%;
  }
  .col-md-2 {
    float: left;
    width: 16.66667%;
  }
  .col-md-3 {
    float: left;
    width: 25%;
  }
  .col-md-4 {
    float: left;
    width: 33.33333%;
  }
  .col-md-5 {
    float: left;
    width: 41.66667%;
  }
  .col-md-6 {
    float: left;
    width: 50%;
  }
  .col-md-7 {
    float: left;
    width: 58.33333%;
  }
  .col-md-8 {
    float: left;
    width: 66.66667%;
  }
  .col-md-9 {
    float: left;
    width: 75%;
  }
  .col-md-10 {
    float: left;
    width: 83.33333%;
  }
  .col-md-11 {
    float: left;
    width: 91.66667%;
  }
  .col-md-12 {
    float: left;
    width: 100%;
  }
  .pull-md-0 {
    right: auto;
  }
  .pull-md-1 {
    right: 8.33333%;
  }
  .pull-md-2 {
    right: 16.66667%;
  }
  .pull-md-3 {
    right: 25%;
  }
  .pull-md-4 {
    right: 33.33333%;
  }
  .pull-md-5 {
    right: 41.66667%;
  }
  .pull-md-6 {
    right: 50%;
  }
  .pull-md-7 {
    right: 58.33333%;
  }
  .pull-md-8 {
    right: 66.66667%;
  }
  .pull-md-9 {
    right: 75%;
  }
  .pull-md-10 {
    right: 83.33333%;
  }
  .pull-md-11 {
    right: 91.66667%;
  }
  .pull-md-12 {
    right: 100%;
  }
  .push-md-0 {
    left: auto;
  }
  .push-md-1 {
    left: 8.33333%;
  }
  .push-md-2 {
    left: 16.66667%;
  }
  .push-md-3 {
    left: 25%;
  }
  .push-md-4 {
    left: 33.33333%;
  }
  .push-md-5 {
    left: 41.66667%;
  }
  .push-md-6 {
    left: 50%;
  }
  .push-md-7 {
    left: 58.33333%;
  }
  .push-md-8 {
    left: 66.66667%;
  }
  .push-md-9 {
    left: 75%;
  }
  .push-md-10 {
    left: 83.33333%;
  }
  .push-md-11 {
    left: 91.66667%;
  }
  .push-md-12 {
    left: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333%;
  }
  .offset-md-2 {
    margin-left: 16.66667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333%;
  }
  .offset-md-5 {
    margin-left: 41.66667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333%;
  }
  .offset-md-8 {
    margin-left: 66.66667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333%;
  }
  .offset-md-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 992px) {
  .col-lg-1 {
    float: left;
    width: 8.33333%;
  }
  .col-lg-2 {
    float: left;
    width: 16.66667%;
  }
  .col-lg-3 {
    float: left;
    width: 25%;
  }
  .col-lg-4 {
    float: left;
    width: 33.33333%;
  }
  .col-lg-5 {
    float: left;
    width: 41.66667%;
  }
  .col-lg-6 {
    float: left;
    width: 50%;
  }
  .col-lg-7 {
    float: left;
    width: 58.33333%;
  }
  .col-lg-8 {
    float: left;
    width: 66.66667%;
  }
  .col-lg-9 {
    float: left;
    width: 75%;
  }
  .col-lg-10 {
    float: left;
    width: 83.33333%;
  }
  .col-lg-11 {
    float: left;
    width: 91.66667%;
  }
  .col-lg-12 {
    float: left;
    width: 100%;
  }
  .pull-lg-0 {
    right: auto;
  }
  .pull-lg-1 {
    right: 8.33333%;
  }
  .pull-lg-2 {
    right: 16.66667%;
  }
  .pull-lg-3 {
    right: 25%;
  }
  .pull-lg-4 {
    right: 33.33333%;
  }
  .pull-lg-5 {
    right: 41.66667%;
  }
  .pull-lg-6 {
    right: 50%;
  }
  .pull-lg-7 {
    right: 58.33333%;
  }
  .pull-lg-8 {
    right: 66.66667%;
  }
  .pull-lg-9 {
    right: 75%;
  }
  .pull-lg-10 {
    right: 83.33333%;
  }
  .pull-lg-11 {
    right: 91.66667%;
  }
  .pull-lg-12 {
    right: 100%;
  }
  .push-lg-0 {
    left: auto;
  }
  .push-lg-1 {
    left: 8.33333%;
  }
  .push-lg-2 {
    left: 16.66667%;
  }
  .push-lg-3 {
    left: 25%;
  }
  .push-lg-4 {
    left: 33.33333%;
  }
  .push-lg-5 {
    left: 41.66667%;
  }
  .push-lg-6 {
    left: 50%;
  }
  .push-lg-7 {
    left: 58.33333%;
  }
  .push-lg-8 {
    left: 66.66667%;
  }
  .push-lg-9 {
    left: 75%;
  }
  .push-lg-10 {
    left: 83.33333%;
  }
  .push-lg-11 {
    left: 91.66667%;
  }
  .push-lg-12 {
    left: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333%;
  }
  .offset-lg-2 {
    margin-left: 16.66667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333%;
  }
  .offset-lg-5 {
    margin-left: 41.66667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333%;
  }
  .offset-lg-8 {
    margin-left: 66.66667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333%;
  }
  .offset-lg-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 1200px) {
  .col-xl-1 {
    float: left;
    width: 8.33333%;
  }
  .col-xl-2 {
    float: left;
    width: 16.66667%;
  }
  .col-xl-3 {
    float: left;
    width: 25%;
  }
  .col-xl-4 {
    float: left;
    width: 33.33333%;
  }
  .col-xl-5 {
    float: left;
    width: 41.66667%;
  }
  .col-xl-6 {
    float: left;
    width: 50%;
  }
  .col-xl-7 {
    float: left;
    width: 58.33333%;
  }
  .col-xl-8 {
    float: left;
    width: 66.66667%;
  }
  .col-xl-9 {
    float: left;
    width: 75%;
  }
  .col-xl-10 {
    float: left;
    width: 83.33333%;
  }
  .col-xl-11 {
    float: left;
    width: 91.66667%;
  }
  .col-xl-12 {
    float: left;
    width: 100%;
  }
  .pull-xl-0 {
    right: auto;
  }
  .pull-xl-1 {
    right: 8.33333%;
  }
  .pull-xl-2 {
    right: 16.66667%;
  }
  .pull-xl-3 {
    right: 25%;
  }
  .pull-xl-4 {
    right: 33.33333%;
  }
  .pull-xl-5 {
    right: 41.66667%;
  }
  .pull-xl-6 {
    right: 50%;
  }
  .pull-xl-7 {
    right: 58.33333%;
  }
  .pull-xl-8 {
    right: 66.66667%;
  }
  .pull-xl-9 {
    right: 75%;
  }
  .pull-xl-10 {
    right: 83.33333%;
  }
  .pull-xl-11 {
    right: 91.66667%;
  }
  .pull-xl-12 {
    right: 100%;
  }
  .push-xl-0 {
    left: auto;
  }
  .push-xl-1 {
    left: 8.33333%;
  }
  .push-xl-2 {
    left: 16.66667%;
  }
  .push-xl-3 {
    left: 25%;
  }
  .push-xl-4 {
    left: 33.33333%;
  }
  .push-xl-5 {
    left: 41.66667%;
  }
  .push-xl-6 {
    left: 50%;
  }
  .push-xl-7 {
    left: 58.33333%;
  }
  .push-xl-8 {
    left: 66.66667%;
  }
  .push-xl-9 {
    left: 75%;
  }
  .push-xl-10 {
    left: 83.33333%;
  }
  .push-xl-11 {
    left: 91.66667%;
  }
  .push-xl-12 {
    left: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333%;
  }
  .offset-xl-2 {
    margin-left: 16.66667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333%;
  }
  .offset-xl-5 {
    margin-left: 41.66667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333%;
  }
  .offset-xl-8 {
    margin-left: 66.66667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333%;
  }
  .offset-xl-11 {
    margin-left: 91.66667%;
  }
}

/* end pmg_row */
/* init pmg_404 */
.error404 .entry-title {
  font-size: 35px;
  line-height: 45px;
  margin-bottom: 30px;
  text-align: center;
  color: #000;
  min-height: 50vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.error404 .entry-content, .error404 .search-form {
  display: none;
}
.error404 .site-container {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.error404 .navBar-container {
  background-color: #232323;
}
.box-404-section {
  height: 100vh;
  font-family: "Din-Regular";
  padding: 4rem 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.box-404-section .error {
  font-size: 150px;
  color: var(--red-color);
  text-shadow: 1px 1px 1px var(--red-color), 2px 2px 1px var(--red-color), 3px 3px 1px var(--red-color), 4px 4px 1px var(--red-color), 5px 5px 1px var(--red-color), 6px 6px 1px var(--red-color), 7px 7px 1px var(--red-color), 8px 8px 1px var(--red-color), 25px 25px 8px rgba(0, 0, 0, 0.2);
}
.box-404-section .page {
  margin: 2rem 0;
  font-size: 20px;
  font-weight: 600;
  color: #444;
}
.box-404-section .back-home {
  display: inline-block;
  border: 2px solid #222;
  color: #222;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0.75rem 1rem 0.6rem;
  transition: all 0.2s linear;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
}
.box-404-section .back-home:hover {
  background: #222;
  color: #ddd;
}

/* end pmg_404 */
/* init pmg_blog */
.d-none {
  display: none !important;
}
.box-gallery-news {
  background-color: #efefef;
}
.box-gallery-news .btn-box {
  display: flex;
  justify-content: center;
  padding: 80px 0 40px;
}
.box-gallery-news .btn-box .btn {
  justify-content: center;
  font-family: "Din-Medium";
}
.box-gallery-news .missingblogitem {
  font-family: "Din-Medium";
  font-size: 20px;
  line-height: 25px;
  font-weight: 300;
}
.box-gallery-news__elements__element {
  margin-top: 30px;
  position: relative;
  padding: 0;
  box-sizing: border-box;
}
.box-gallery-news__elements__element .gallery-element-box {
  position: relative;
  background-color: #ffffff;
}
.box-gallery-news__elements__element__img {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 300px;
  max-height: 100%;
}
.box-gallery-news__elements__element__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.box-gallery-news__elements__element__text-box {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-end;
  padding: 60px 10% 20px;
  padding-left: 40px;
  border-bottom: 5px solid red;
  transition: 0.4s;
}
.box-gallery-news__elements__element__text-box__h {
  font-family: "Din-Medium";
  font-size: 20px;
  line-height: 25px;
  font-weight: 300;
  color: var(--text-color);
}
.box-gallery-news__elements__element__text-box__h-red {
  font-family: "Din-Medium";
  font-size: 20px;
  line-height: 25px;
  font-weight: 300;
  color: var(--red-color);
  margin-bottom: 20px;
}
.box-gallery-news__elements__element__text-box__h-red a {
  color: var(--red-color);
}
.box-gallery-news__elements__element__text-box__p {
  font-family: "Din-Regular";
  font-size: 15px;
  line-height: 25px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  max-width: 100%;
  text-overflow: ellipsis;
}
.box-gallery-news__elements__element__text-box__link {
  color: #000000;
  display: flex;
  align-items: center;
  gap: 15px;
  transition: 0.3s;
  margin-top: 40px;
}
.box-gallery-news__elements__element__text-box__link:hover img {
  transform: translate(10px, 0px);
}
.box-gallery-news__elements__element__text-box__link figure {
  width: 12px;
  height: 12px;
  display: flex;
  align-items: center;
}
.box-gallery-news__elements__element__text-box__link figure img {
  transition: 0.3s;
  width: 100%;
  height: 100%;
}

@media (max-width: 992px){
/* .box-gallery-news {
  background-color: #efefef;

  &__elements {
    &__element {
      
      padding: 0;

    }
  }
} */

}
@media (max-width: 480px){
.box-gallery-news .col-md-6, .box-gallery-news .col-lg-4 {
  padding-right: 0;
  padding-left: 0;
}
.box-gallery-news .box-gallery-news__elements__element__text-box {
  padding-left: 0;
  padding: 20px;
}

}
/* end pmg_blog */
/* init pmg_footer */
.contacts-box {
  /* padding: 0 30px; */
}
.contacts-box__content {
  display: flex;
  justify-content: space-between;
  gap: 150px;
  max-width: 1730px;
  margin: 0 auto;
  padding: 0 30px;
}
.contacts-box__content > * {
  flex: 1;
}
.contacts-box__content__maps {
  display: flex;
  flex-direction: column;
}
.contacts-box__content__maps__h > * {
  font-family: "Arapey-Italic";
  font-size: 45px;
  line-height: 50px;
  font-weight: 300;
}
.contacts-box__content__maps__p {
  font-family: "Din-Regular";
  font-size: 22px;
  line-height: 30px;
  letter-spacing: 0.4px;
  margin-top: 20px;
}
.contacts-box__content__maps__location {
  margin-top: 50px;
  width: 100%;
  height: 100%;
}
.contacts-box__content__maps__location > * {
  width: 100%;
  height: 100%;
}
.contacts-box__content__form__h > * {
  font-family: "Arapey-Italic";
  font-size: 45px;
  line-height: 50px;
  font-weight: 300;
}
.contacts-box__content__form__p {
  font-family: "Din-Bold";
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 3.2px;
  color: var(--red-color);
  text-transform: uppercase;
  margin-top: 20px;
}
.contacts-box__content__form form {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 85px;
}
.contacts-box__content__form form__input, .contacts-box__content__form form .wpcf7-form-control-wrap {
  margin-bottom: 10px;
}
.contacts-box__content__form form__input input[type="text"], .contacts-box__content__form form__input input[type="email"], .contacts-box__content__form form .wpcf7-form-control-wrap input[type="text"], .contacts-box__content__form form .wpcf7-form-control-wrap input[type="email"] {
  border: 1px solid #ccc;
  padding: 5px 10px;
  width: 100%;
  height: 45px;
}
.contacts-box__content__form form__input ::placeholder, .contacts-box__content__form form .wpcf7-form-control-wrap ::placeholder {
  color: #ccc;
  opacity: 1;
  font-family: "Din-Bold";
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 0.2em;
}
.contacts-box__content__form form__input :-ms-input-placeholder, .contacts-box__content__form form .wpcf7-form-control-wrap :-ms-input-placeholder {
  color: #ccc;
}
.contacts-box__content__form form__input ::-ms-input-placeholder, .contacts-box__content__form form .wpcf7-form-control-wrap ::-ms-input-placeholder {
  color: #ccc;
}
.contacts-box__content__form form p:is(:has(.wpcf7-submit)) {
  display: flex;
  align-items: center;
}
.contacts-box__content__form form .wpcf7-submit {
  cursor: pointer;
  width: 285px;
  height: 45px;
  background: none;
  border: 1px solid var(--red-color);
  color: var(--text-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  background: url("/wp-content/themes/onstep/assets/right-arrow-red.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center right 5%;
  transition: 0.3s;
}
.contacts-box__content__form form .wpcf7-submit:hover {
  background-position: center right 1%;
}
.contacts-box__content__form form .wpcf7-acceptance__checkbox, .contacts-box__content__form form .wpcf7-acceptance .wpcf7-list-item label {
  user-select: none;
  font-family: "Din-Bold";
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 3.2px;
  color: #4b4b4b;
  display: flex;
  align-items: center;
  gap: 15px;
}
/* FOOTER */
.site-footer {
  width: 100%;
  height: 620px;
  background-color: #010101;
}
.site-footer__box {
  display: flex;
  justify-content: space-between;
  padding: 100px 0;
  width: 100%;
  height: 100%;
}
.site-footer__box > * {
  height: 100%;
  padding: 0 20px;
}
.site-footer__box__first-part {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.site-footer__box__first-part__text a {
  color: #ffffff;
}
.site-footer__box__first-part__text__h {
  font-family: "Din-Bold";
  font-size: 15px;
  line-height: 25px;
  color: var(--red-color);
}
.site-footer__box__first-part__text__p {
  font-family: "Arapey-Italic";
  font-size: 28px;
  line-height: 30px;
  color: #ffffff;
}
.site-footer__box__first-part__list {
  font-family: "Din-Regular";
  font-size: 18px;
  line-height: 25px;
  color: #ffffff;
  text-transform: uppercase;
}
.site-footer__box__second-part {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: max-content;
}
.site-footer__box__second-part__text {
  padding: 0 20px 0 5px;
}
.site-footer__box__second-part__text__h {
  font-family: "Din-Bold";
  font-size: 15px;
  line-height: 25px;
  color: var(--red-color);
  margin-bottom: 5px;
}
.site-footer__box__second-part__text__p {
  font-family: "Din-Regular";
  font-size: 15px;
  line-height: 25px;
  color: #ffffff;
  letter-spacing: 3.2px;
}
.site-footer__box__third-part {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.site-footer__box__third-part__h {
  font-family: "Din-Bold";
  font-size: 22px;
  line-height: 25px;
  color: var(--red-color);
  text-transform: uppercase;
}
.site-footer__box__third-part__download {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.site-footer__box__third-part__download figure img {
  width: calc(195px * 0.85);
  height: calc(65px * 0.85);
}
.site-footer__box__third-part__info-box {
  display: flex;
  align-items: center;
  gap: 40px;
}
.site-footer__box__third-part__info-box__social {
  display: flex;
  align-items: center;
  gap: 10px;
}
.site-footer__box__third-part__info-box__social figure {
  width: 22px;
  height: 22px;
}
.site-footer__box__third-part__info-box__social figure img {
  width: 100%;
  height: 100%;
}
.site-footer__box__third-part__info-box__policy {
  display: flex;
  align-items: center;
  gap: 20px;
}
.site-footer__box__third-part__info-box__policy a, .site-footer__box__third-part__info-box__policy .iubenda-embed:not(.iubenda-nostyle) {
  font-family: "Din-Regular" !important;
  font-size: 16px !important;
  line-height: 25px !important;
  height: 100% !important;
  white-space: nowrap !important;
  background: none !important;
  color: #ffffff !important;
  padding: 0 !important;
}
.site-footer__box__third-part__info-box__policy a:hover, .site-footer__box__third-part__info-box__policy .iubenda-embed:not(.iubenda-nostyle):hover {
  background: none !important;
}
.termini-regolamento {
    position:relative;
	background-color:#000000;
	display:block;
}
.termini-regolamento .wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
	max-width: 1730px;
    margin: 0 auto;
	padding:20px 50px;
}
@media all and (max-width:1200px){
	.termini-regolamento .wrap{
		justify-content: center;
	}
}
@media (max-width: 1600px){
.site-footer {
  height: auto;
}
.site-footer__box {
  gap: 30px;
}
.site-footer__box > * {
  height: 50%;
}
.site-footer__box__first-part, .site-footer__box__second-part, .site-footer__box__third-part {
  gap: 30px;
}

}
@media (max-width: 1200px){
.site-footer__box {
  padding: 40px;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.site-footer__box__third-part {
  align-items: center;
}

}
@media (max-width: 1024px){
.contacts-box .text-section {
  padding: 50px 30px;
}
.contacts-box .text-section .text-section__title {
  padding: 0;
}
.contacts-box__content {
  gap: 80px;
  flex-direction: column-reverse;
  align-items: center;
}
.contacts-box__content > * {
  width: 100%;
}
.contacts-box__content__maps__location {
  height: 500px;
}

}
@media (max-width: 768px){
.contacts-box__content__maps__location {
  height: 400px;
}
.site-footer__box {
  padding: 40px 0;
}
.site-footer__box > * {
  width: 100%;
}

}
@media (max-width: 480px){
.contacts-box__content__maps__location {
  height: 300px;
}
.contacts-box {
  padding: 0 15px;
}
.site-footer__box__third-part__info-box {
  flex-direction: column;
}

}
/* end pmg_footer */
/* init pmg_header */
@charset "UTF-8";
/* .m_10{
  display: flex;
  align-items: center;
  gap: 15px;

  font-family: "Din-Regular";
  font-size: 17px;
  line-height: 25px;
} */
.border-black {
  border-color: #000000 !important;
}
.sticky-head {
  position: fixed;
  z-index: 999;
  top: 43px;
  left: 0;
  right: 0;
  background-color: #fff;
}
/* .admin-bar .sticky-head {
  
  top: 32px;
} */
.bg-transparent {
  background-color: transparent !important;
}
#burger-menu {
  display: none;
  cursor: pointer;
  height: 27px;
  width: 27px;
  overflow: visible;
  position: relative;
  z-index: 2;
}
#burger-menu span {
  opacity: 1;
  background: #fff;
  display: block;
  height: 2px;
  position: absolute;
  transition: 0.3s ease-in-out;
  right: 0px;
  top: 13px;
  width: 27px;
}
#burger-menu span:before {
  background: #fff;
  display: block;
  height: 2px;
  opacity: 1;
  position: absolute;
  transition: 0.3s ease-in-out;
  content: "";
  left: 0px;
  top: -10px;
  width: 27px;
}
#burger-menu span:after {
  background: #fff;
  display: block;
  height: 2px;
  opacity: 1;
  position: absolute;
  transition: 0.3s ease-in-out;
  content: "";
  left: 0px;
  top: 10px;
  width: 27px;
}
#burger-menu.close span {
  transform: rotate(-45deg);
  top: 13px;
  width: 27px;
}
#burger-menu.close span:before {
  top: 0px;
  transform: rotate(90deg);
  width: 27px;
}
#burger-menu.close span:after {
  top: 0px;
  left: 0;
  transform: rotate(90deg);
  opacity: 0;
  width: 0;
}
#menu {
  opacity: 0;
  visibility: hidden;
  z-index: 500;
  min-width: 100%;
  min-height: 100%;
  position: fixed;
  top: 0;
  height: 0;
  text-align: center;
  /* transition: all 0.5s ease-in-out; */
  /*   a {
    margin-bottom: 30px;
  } */
}
#menu li {
  list-style: none;
}
/* .site-header ul.dropdown-menu, .site-header .arrow-down{
  display: none !important;
}  */
#menu.overlay {
  visibility: visible;
  opacity: 1;
  margin-top: 70px;
  background: rgba(0, 0, 0, 0.7);
}
.menu-global {
  padding-left: 100px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.menu-global__box-links {
  height: 85%;
  margin-bottom: 70px;
  padding: 15% 0;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  display: flex;
  text-align: left;
}
.menu-global__box-links::-webkit-scrollbar {
  display: none;
}
.menu-global__box-links .menu-global__links-left, .menu-global__box-links ul {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 30px;
  list-style-type: none;
}
.menu-global__box-links .menu-global__links-left .sublink-box, .menu-global__box-links ul .sublink-box {
  transition: 0.5s;
  list-style-type: none;
  padding-left: 20px;
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.menu-global__box-links .menu-global__links-left .menu-link, .menu-global__box-links .menu-global__links-left li > a, .menu-global__box-links .menu-global__links-left li > div > a, .menu-global__box-links ul .menu-link, .menu-global__box-links ul li > a, .menu-global__box-links ul li > div > a {
  position: relative;
  color: #ffffff;
  cursor: pointer;
  font-size: 40px;
  line-height: 48px;
  text-transform: capitalize;
}
.menu-global__box-links .menu-global__links-left .menu-link__sublink, .menu-global__box-links .menu-global__links-left li > a__sublink, .menu-global__box-links .menu-global__links-left li > div > a__sublink, .menu-global__box-links ul .menu-link__sublink, .menu-global__box-links ul li > a__sublink, .menu-global__box-links ul li > div > a__sublink {
  cursor: pointer;
  font-weight: 400;
  font-size: 30px;
  line-height: 35px;
  position: relative;
}
.menu-global__box-links .menu-global__links-left .menu-link__sublink::before, .menu-global__box-links .menu-global__links-left li > a__sublink::before, .menu-global__box-links .menu-global__links-left li > div > a__sublink::before, .menu-global__box-links ul .menu-link__sublink::before, .menu-global__box-links ul li > a__sublink::before, .menu-global__box-links ul li > div > a__sublink::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  transform: scaleX(0);
  transition: transform 0.4s ease-in-out;
  transform-origin: left;
  -webkit-transition: transform 0.4s ease-in-out;
  -moz-transition: transform 0.4s ease-in-out;
  -ms-transition: transform 0.4s ease-in-out;
  -o-transition: transform 0.4s ease-in-out;
}
.menu-global__box-links .menu-global__links-left .menu-link__sublink:hover::before, .menu-global__box-links .menu-global__links-left li > a__sublink:hover::before, .menu-global__box-links .menu-global__links-left li > div > a__sublink:hover::before, .menu-global__box-links ul .menu-link__sublink:hover::before, .menu-global__box-links ul li > a__sublink:hover::before, .menu-global__box-links ul li > div > a__sublink:hover::before {
  transform: scaleX(1);
}
.menu-global__box-links .menu-global__links-left .menu-link::before, .menu-global__box-links .menu-global__links-left li > a::before, .menu-global__box-links .menu-global__links-left li > div > a::before, .menu-global__box-links ul .menu-link::before, .menu-global__box-links ul li > a::before, .menu-global__box-links ul li > div > a::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  transform: scaleX(0);
  transition: transform 0.4s ease-in-out;
  transform-origin: left;
  -webkit-transition: transform 0.4s ease-in-out;
  -moz-transition: transform 0.4s ease-in-out;
  -ms-transition: transform 0.4s ease-in-out;
  -o-transition: transform 0.4s ease-in-out;
}
.menu-global__box-links .menu-global__links-left .menu-link:hover::before, .menu-global__box-links .menu-global__links-left li > a:hover::before, .menu-global__box-links .menu-global__links-left li > div > a:hover::before, .menu-global__box-links ul .menu-link:hover::before, .menu-global__box-links ul li > a:hover::before, .menu-global__box-links ul li > div > a:hover::before {
  transform: scaleX(1);
}
.open-burger-menu {
  overflow: auto;
  user-select: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  opacity: 1;
  background: rgba(0, 0, 0, 0.7);
  top: -120%;
  bottom: 0;
  z-index: 4;
  transition: 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.open-burger-menu__box-links {
  display: flex;
  text-align: center;
}
.open-burger-menu__box-links .open-burger-menu__links-left, .open-burger-menu__box-links ul {
  display: flex;
  flex-direction: column;
  gap: 50px;
  list-style-type: none;
}
.open-burger-menu__box-links .open-burger-menu__links-left .sublink-box, .open-burger-menu__box-links ul .sublink-box {
  transition: 0.5s;
  list-style-type: none;
  display: flex;
}
.open-burger-menu__box-links .open-burger-menu__links-left .menu-link, .open-burger-menu__box-links .open-burger-menu__links-left li > a, .open-burger-menu__box-links ul .menu-link, .open-burger-menu__box-links ul li > a {
  position: relative;
  color: #ffffff;
  cursor: pointer;
  font-size: 40px;
  line-height: 48px;
}
.open-burger-menu__box-links .open-burger-menu__links-left .menu-link__sublink, .open-burger-menu__box-links .open-burger-menu__links-left li > a__sublink, .open-burger-menu__box-links ul .menu-link__sublink, .open-burger-menu__box-links ul li > a__sublink {
  cursor: pointer;
  font-weight: 400;
  font-size: 19px;
  line-height: 35px;
  color: #767676;
  padding: 0 5px;
}
.open-burger-menu__box-links .open-burger-menu__links-left .menu-link::before, .open-burger-menu__box-links .open-burger-menu__links-left li > a::before, .open-burger-menu__box-links ul .menu-link::before, .open-burger-menu__box-links ul li > a::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  transform: scaleX(0);
  transition: transform 0.4s ease-in-out;
  transform-origin: left;
  -webkit-transition: transform 0.4s ease-in-out;
  -moz-transition: transform 0.4s ease-in-out;
  -ms-transition: transform 0.4s ease-in-out;
  -o-transition: transform 0.4s ease-in-out;
}
.open-burger-menu__box-links .open-burger-menu__links-left .menu-link:hover::before, .open-burger-menu__box-links .open-burger-menu__links-left li > a:hover::before, .open-burger-menu__box-links ul .menu-link:hover::before, .open-burger-menu__box-links ul li > a:hover::before {
  transform: scaleX(1);
}
.site-header {
  transition: 0.5s;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-height: 70px;
}
.site-header__bg {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  position: absolute;
  opacity: 0.7;
  z-index: -1;
}
.home .site-header__bg {
  background-color: #000000;
}
.site-header__logo img {
  padding: 0 0 0 120px;
  width: 300px;
  height: auto;
}
.site-header__links, .site-header__links ul {
  display: flex;
  align-items: center;
  /* gap: 15px; */
  font-family: "Din-Regular";
  font-size: 17px;
  line-height: 25px;
}
.site-header__links li:not(.dropdown), .site-header__links ul li:not(.dropdown) {
  padding-right: 40px;
}
.site-header__links li.dropdown, .site-header__links ul li.dropdown {
  padding-right: 25px;
}
.site-header__links .box-head__close, .site-header__links ul .box-head__close {
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  width: 105px;
  height: 39px;
  user-select: none;
}
.site-header__links__il-club, .site-header__links ul__il-club {
  min-width: 105px;
  height: 39px;
  cursor: pointer;
  user-select: none;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  padding: 0 10px;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
}
.site-header__links__il-club img, .site-header__links ul__il-club img {
  width: 24px;
  height: 24px;
}
.site-header__links__lang, .site-header__links ul__lang {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 150;
  color: #ffffff;
  gap: 10px;
  cursor: pointer;
  user-select: none;
  min-width: 50px;
  margin-left: 15px;
  margin-right: 15px;
  text-transform: uppercase;
}
.site-header__links__lang__arrow, .site-header__links ul__lang__arrow {
  max-height: 12px;
  max-width: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.site-header__links__lang__arrow img, .site-header__links ul__lang__arrow img {
  transition: 0.2s;
  width: 100%;
  height: 100%;
  filter: invert(1);
  transform: rotate(90deg);
}
.site-header__links__lang__arrow.rotate img, .site-header__links ul__lang__arrow.rotate img {
  transform: rotate(270deg);
}
.site-header__links__lang__box, .site-header__links ul__lang__box {
  position: absolute;
  top: 46px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  background-color: #ffffff;
  width: 100%;
  color: #000000;
}
.site-header__links__lang__box.visibility, .site-header__links ul__lang__box.visibility {
  visibility: visible;
  opacity: 1;
}
.site-header__links__lang__box__lang, .site-header__links ul__lang__box__lang {
  padding: 2.5px 5px 2.5px 5px;
  cursor: pointer;
  width: 100%;
  display: block;
  color: #000000;
}
.site-header__links__lang__box__lang:hover, .site-header__links ul__lang__box__lang:hover {
  background-color: #efefef;
}
.site-header__links__lang__box__lang.selected, .site-header__links ul__lang__box__lang.selected {
  background-color: #efefef;
}
.site-header__links__prenota, .site-header__links ul__prenota {
	background-color: #fff;
    border-bottom: 5px solid var(--red-color);
    font-size: 15px;
    line-height: 17px;
    max-width: 225px;
    display: flex;
    align-items: center;
    height: 70px;
    padding: 0 40px;
}
.site-header__links__prenota a, .site-header__links ul__prenota a {
  color: #000000;
}
.site-header .dropdown-menu {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid black;
  padding: 30px;
  display: flex;
  flex-direction: column;
  width: max-content;
  top: 47.5px;
}
.site-header .dropdown-menu li {
  padding-right: 0 !important;
}
.site-header .dropdown-menu li a {
  position: relative;
  font-size: 17px;
}
.site-header .dropdown-menu li a::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  transform: scaleX(0);
  transition: transform 0.4s ease-in-out;
  transform-origin: left;
  -webkit-transition: transform 0.4s ease-in-out;
  -moz-transition: transform 0.4s ease-in-out;
  -ms-transition: transform 0.4s ease-in-out;
  -o-transition: transform 0.4s ease-in-out;
}
.site-header .dropdown-menu li a:hover::before {
  transform: scaleX(1);
}
.site-header .dropdown .arrow-down i:before {
  content: "‣";
  /* content:  url('https://tennis.a-rete.com/wp-content/themes/onstep/assets/right-arrow-full.svg'); */
  font-size: 20px;
  line-height: unset;
  font-style: normal;
  color: #ffffff;
  width: 12px;
}
body:not(.home) .site-header {
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
}
ul {
  padding: 0px;
  list-style-type: none;
}
ul li {
  list-style: unset;
}
ul li.active > a {
  /* color: #848484; */
  font-family: "Din-Bold";
}
ul li.active .a-block > a {
  /* color: #848484; */
  font-family: "Din-Bold";
}
.dropdown {
  position: relative;
}
.dropdown .a-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* gap: 3px; */
}
.dropdown:not(.opned):not(.current-page-ancestor) .dropdown-menu {
  display: none;
}
.dropdown .dropdown-menu {
  padding-left: 30px;
}
.dropdown .dropdown-menu a {
  font-size: 20px;
  line-height: 35px;
  margin: 15px 0;
}
.dropdown .rotate {
  transform: rotate(90deg);
}
.dropdown .arrow-down {
  /*  position: absolute;
      right: 0px;
      top: 0px; */
  transition: 0.3s;
}
.dropdown .arrow-down i {
  padding: 0 0 0 7px;
  cursor: pointer;
}
.dropdown .arrow-down i:before {
  content: "‣";
  /* content:  url('https://tennis.a-rete.com/wp-content/themes/onstep/assets/right-arrow-full.svg'); */
  font-family: "Din Bold";
  font-size: 32px;
  font-weight: 300;
  line-height: 44px;
  font-style: normal;
  color: #ffffff;
}
.dropdown ul.dropdown-menu li.dropdown div.a-block div.arrow-down {
  top: -4px;
}

@media (max-width: 1550px){
.site-header__logo img, .site-header-black__logo img {
  padding: 10px;
  width: 180px;
}
.site-header__links li:not(.dropdown), .site-header__links ul li:not(.dropdown) {
  padding-right: 30px;
}
.site-header__links li.dropdown, .site-header__links ul li.dropdown {
  padding-right: 15px;
}

}
@media (max-width: 1350px){
.mobile-none, .m_10, .site-header__links ul {
  display: none;
}
.site-header__links__il-club {
  display: none;
}
#burger-menu {
  display: block;
}

}
@media (max-width: 1220px){
/*  .mobile-none,  .m_10, .site-header__links ul {
    display: none;
  }
  .site-header__links__il-club {
    display: none;
  }
  #burger-menu {
    display: block;
  } */
.bg-head__overlay__h {
  font-size: 140px !important;
}

}
@media (max-width: 768px){
.site-header__links__prenota {
  width: max-content;
}
.menu-global {
  padding: 0 20px;
}
/*   .menu-global__box-links {
    // padding: 200px 0;
    padding: 0;
  } */
.menu-global__box-links .menu-global__links-left {
  gap: 20px;
}
.menu-global__box-links .menu-global__links-left .sublink-box {
  padding-top: 20px;
}

}
@media (max-width: 480px){
.site-header__links__prenota {
  display: none;
}
.site-header__links {
  flex-direction: row-reverse;
  padding-right: 10px;
}
.bg-head__overlay__h {
  font-size: 90px !important;
}
.menu-global__box-links .menu-global__links-left .menu-link {
  font-size: 30px;
  line-height: 35px;
}
.menu-global__box-links .menu-global__links-left .menu-link__sublink {
  font-size: 22px;
  line-height: 30px;
}
.nav-link {
  font-size: 30px;
}
#menu.overlay {
  margin-top: 50px;
}

}
/* end pmg_header */
/* init pmg_newspage */
.box-news-page .news-page-container {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.box-news-page .news-page-container__image {
  width: 100%;
}
.box-news-page .news-page-container__image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}
.box-news-page .news-page-container__title {
  text-transform: uppercase;
  font-family: "Din-Bold";
  font-size: 18px;
  line-height: 40px;
  position: relative;
  margin-top: 30px;
  width: max-content;
  padding-right: 5px;
}
.box-news-page .news-page-container__title .line-title {
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  border: 1px solid var(--red-color);
}
.box-news-page .news-page-container__title a {
  color: var(--text-color);
}
.box-news-page .news-page-container__title-red {
  text-transform: uppercase;
  font-family: "Din-Regular";
  font-size: 30px;
  line-height: 40px;
  letter-spacing: -0.005em;
  color: var(--red-color);
  margin-top: 30px;
}
.box-news-page .news-page-container__sub-title {
  width: 70%;
  margin-top: 30px;
  font-size: 28px;
  line-height: 32px;
  color: var(--text-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.box-news-page .news-page-container__text {
  width: 80%;
  margin-top: 30px;
  font-size: 22px;
  line-height: 30px;
  color: var(--text-color);
}
.box-news-page .news-page-container__gallery-2 {
  width: 100%;
  margin-top: 60px;
  margin-bottom: 60px;
  display: flex;
  gap: 30px;
}
.box-news-page .news-page-container__gallery-2 > * {
  flex: 1;
}
.box-news-page .news-page-container__gallery-2__image {
  width: 100%;
  overflow: hidden;
}
.box-news-page .news-page-container__gallery-2__image img {
  width: 100%;
  object-fit: cover;
  transition: 0.3s;
  display: block;
}
.box-news-page .news-page-container__gallery-2__image img:hover {
  transform: scale(1.5);
}
.news-page-container__border-bottom {
  border-bottom: 1px solid #a5a5a5;
  padding-bottom: 100px;
  width: 90%;
  margin: 0 auto;
}
.gridNexClass {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
}

@media (max-width: 768px){
.box-news-page .news-page-container__gallery-2 {
  flex-direction: column;
}
.box-news-page .news-page-container__text {
  width: 100%;
}
.box-news-page .news-page-container__sub-title {
  width: 100%;
}

}
/* end pmg_newspage */
/* init pmg_a-reteclub */
.club-box {
  position: relative;
  width: 100%;
  /* height: 1328px; */
  overflow: hidden;
  z-index: 1;
}
.club-box__bg-img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -2;
}
.club-box__bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right;
}
.club-box .text-section {
  padding: 30px 30px 0;
}
.club-box__dark {
  position: absolute;
  width: 50%;
  height: 100%;
  mix-blend-mode: multiply;
  opacity: 0.65;
  background-color: #323232;
  z-index: -1;
}
.club-box__navigation {
  display: flex;
  flex-direction: column;
  gap: 50px;
  padding: 75px 30px 100px;
}
.club-box__navigation__h {
  color: #ffffff;
  user-select: none;
  cursor: pointer;
  width: max-content;
  font-family: "Din-Light";
  font-size: 40px;
  line-height: 48px;
  padding-right: 30px;
}
.club-box__navigation__items {
  width: 30%;
  margin-left: 30px;
  flex-direction: column;
  gap: 30px;
  display: none;
  list-style: none;
  padding: 0;
}
.club-box__navigation__items__p {
  font-family: "Din-Light";
  font-size: 18px;
  line-height: 25px;
  color: #ffffff;
}
.club-box__navigation__items__btn {
  width: max-content;
  background-color: #747679;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 85px;
}
.club-box__navigation__items__btn:hover figure img {
  transform: translate(5px, 0);
}
.club-box__navigation__items__btn__arrow {
  width: 20px;
  height: 20px;
}
.club-box__navigation__items__btn__arrow img {
  transition: 0.5s;
  width: 100%;
  height: 100%;
}
.club-box__navigation .opened {
  display: flex;
}
.club-box__navigation .border-h-0 {
  border-bottom: 5px solid #84a7c3;
}
.club-box__navigation .border-h-1 {
  border-bottom: 5px solid #f6752a;
}
.club-box__navigation .border-h-2 {
  border-bottom: 5px solid #90bf67;
}
.club-box__navigation .border-h-3 {
  border-bottom: 5px solid #fbd901;
}
.club-box__navigation .border-h-4 {
  border-bottom: 5px solid #ababab;
}

@media (max-width: 1024px){
.club-box {
  position: relative;
  /* height: 900px; */
}
.club-box__dark {
  width: 60%;
}
.club-box .text-section {
  padding: 30px 15px 0;
}
.club-box__navigation {
  gap: 30px;
}
.club-box__navigation__items {
  width: 40%;
}

}
@media (max-width: 768px){
.club-box {
  /* height: 750px; */
}
.club-box .text-section {
  padding: 20px 15px 0;
}
.club-box__dark {
  width: 75%;
}
.club-box__navigation__items {
  width: 70%;
}
.club-box__navigation__h {
  font-size: 32px;
  line-height: 40px;
}

}
@media (max-width: 480px){
.club-box .text-section {
  padding: 15px 0px;
}
.club-box__dark {
  width: 100%;
}
.club-box__navigation {
  gap: 20px;
}
.club-box__navigation__items {
  width: 95%;
  margin-left: 10px;
  gap: 10px;
}
.club-box__navigation__h {
  font-size: 28px;
  line-height: normal;
}

}
/* end pmg_a-reteclub */
/* init pmg_accordion */
.corsi {
  padding-top: 100px;
  width: 100%;
  margin: auto;
  user-select: none;
}
@keyframes open {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.corsi__element__box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
  margin: 100px 0;
}
.corsi__element__box__img {
  flex: 1.2;
  position: relative;
  z-index: -1;
}
.corsi__element__box__img__box-img {
  width: 100%;
  height: 100%;
}
.corsi__element__box__img__box-img img {
  width: 827px;
  height: 478px;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center;
}
.corsi__element__box__img__blend {
  position: absolute;
  background-color: #000000;
  mix-blend-mode: multiply;
  opacity: 0.2;
  z-index: 0;
  width: 827px;
  height: 478px;
  max-width: 100%;
  max-height: 100%;
}
.corsi__element__box__img__p-bottom {
  height: 80px;
  width: 90%;
  background-color: #ffffff;
  bottom: 0;
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
}
.corsi__element__box__img__p-bottom__img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.corsi__element__box__img__p-bottom__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.corsi__element__box__img__p-bottom__p {
  font-family: "Arapey-Italic";
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 1.04px;
}
.corsi__element__box__p {
  flex: 0.8;
}
.corsi__element__box__p > * {
  font-family: "Din-Light";
  font-size: 18px;
  line-height: 35px;
}
.corsi__element__h {
  font-family: "Din-Regular";
  font-size: 25px;
  line-height: 65px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  padding: 10px 20px 10px 40px;
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid black;
  position: relative;
  cursor: pointer;
  list-style: none;
  outline: 0;
}
.corsi__element__h::-webkit-details-marker {
  display: none;
}
.corsi__element__h:after {
  content: "+";
  color: #000000;
  position: absolute;
  font-size: 45px;
  right: 30px;
  transform-origin: center;
  transition: 200ms linear;
}
.corsi .corsi__element[open] .corsi__element__h {
  color: var(--red-color);
}
.corsi .corsi__element[open] .corsi__element__h ~ * {
  animation: open 0.6s ease-in-out;
}
.corsi .corsi__element[open] .corsi__element__h:after {
  transform: rotate(45deg);
}
.corsi__element[open] .corsi__element__h {
  color: var(--red-color);
}
.corsi__element[open] .corsi__element__h ~ * {
  animation: open 0.6s ease-in-out;
}
.corsi__element[open] .corsi__element__h:after {
  transform: rotate(45deg);
}

@media (max-width: 1200px){
.corsi__element__box {
  flex-direction: column;
}

}
@media (max-width: 1024px){
.corsi__element__box__img__box-img img {
  width: 100%;
  height: auto;
}

}
@media (max-width: 768px){
.corsi__element__h {
  padding: 10px 10% 10px 0;
  line-height: 30px;
}
.corsi__element__h:after {
  right: 0;
}
.corsi__element__box__img__p-bottom {
  height: auto;
  padding: 5px 15px;
}
.corsi__element__box {
  margin: 50px 0;
}

}
@media (max-width: 480px){
.courses-page .corsi__element__h {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0;
}
.courses-page .corsi__element__h:after {
  font-size: 22px;
}

}
/* end pmg_accordion */
/* init pmg_animation-text */
.instructors__box {
  position: relative;
}
.instructors__box__bg-img {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.instructors__box__bg-img img {
  width: 450px;
  height: auto;
  object-fit: cover;
}
.instructors__box__h > * {
  font-family: "Din-Regular";
  text-transform: uppercase;
  font-size: 40px;
  line-height: 50px;
  color: var(--red-color);
}
.instructors__box__p > * {
  color: #969696;
  font-size: 45px;
  line-height: 55px;
}
.instructors__box__p strong, .instructors__box__p b {
  font-family: "Din-Bold";
}
.instructors__box__subtitle {
  margin-top: 30px;
}
.instructors__box__li {
  font-size: 23px;
  line-height: 35px;
}
.instructors__box__li ul {
  margin-left: 20px;
}
.instructors__box__li ul li {
  list-style: auto;
  list-style-image: url("/wp-content/themes/onstep/assets/img/icons/red_triangle.png");
  padding-left: 10px;
  padding-bottom: 30px;
}
.instructors__box__download {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 100px;
  filter: invert(0.4);
}
.instructors .text_above_buttons {
  font-family: "Din-Bold";
  font-size: 25px;
  line-height: 35px;
}

@media (max-width: 1200px){
.instructors__box {
  padding: 0;
}
.instructors__box > * {
  padding: 0;
}
.instructors__box__p, .instructors__box__li {
  padding: 0 20px;
}

}
@media (max-width: 768px){
.instructors__box__download {
  gap: 45px;
  flex-direction: column;
}
.instructors__box__p, .instructors__box__li {
  margin-top: 50px !important;
}
.instructors__box__h > * {
  font-size: 32px;
  line-height: 45px;
}
.instructors__box__p > * {
  font-size: 32px;
  line-height: 45px;
}

}
/* end pmg_animation-text */
/* init pmg_conttati */
.contacts-full-box__content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.contacts-full-box__content__h {
  font-size: 35px;
  line-height: 50px;
  margin-top: 40px;
}
.contacts-full-box__content__p {
  font-family: "Din-Bold";
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 3.2px;
  color: var(--red-color);
  text-transform: uppercase;
  margin-top: 20px;
}
.contacts-full-box__p__bottom {
  display: flex;
  justify-content: center;
  align-items: center;
}
.contacts-full-box__p__bottom > * {
  width: 80%;
  font-size: 23px;
  line-height: 35px;
  margin-top: 80px;
  text-align: center;
}
.contacts-full-box__maps {
  width: 100%;
}
.contacts-full-box__maps iframe {
  width: 100%;
}
.contacts-full-box__schedule {
  border: 1px solid var(--red-color);
  padding: 15px 30px;
  font-size: 28px;
  line-height: 42px;
  color: var(--text-color);
  margin: 0 auto;
  text-align: center;
  width: max-content;
  max-width: 100%;
}
.contacts-full-box__p {
  font-size: 23px;
  line-height: 35px;
  text-align: center;
  padding: 0 15px;
}
.contacts-full-box .wpcf7 {
  display: flex;
  justify-content: center;
}
.contacts-full-box form {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 85px;
  width: 60%;
}
.contacts-full-box form__input, .contacts-full-box form .wpcf7-form-control-wrap {
  margin-bottom: 10px;
}
.contacts-full-box form__input input[type="text"], .contacts-full-box form__input input[type="email"], .contacts-full-box form .wpcf7-form-control-wrap input[type="text"], .contacts-full-box form .wpcf7-form-control-wrap input[type="email"] {
  border: 1px solid #ccc;
  padding: 5px 10px;
  width: 100%;
  height: 45px;
}
.contacts-full-box form__input ::placeholder, .contacts-full-box form .wpcf7-form-control-wrap ::placeholder {
  color: #ccc;
  opacity: 1;
}
.contacts-full-box form__input :-ms-input-placeholder, .contacts-full-box form .wpcf7-form-control-wrap :-ms-input-placeholder {
  color: #ccc;
}
.contacts-full-box form__input ::-ms-input-placeholder, .contacts-full-box form .wpcf7-form-control-wrap ::-ms-input-placeholder {
  color: #ccc;
}
.contacts-full-box form p:is(:has(.wpcf7-submit)) {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
.contacts-full-box form .wpcf7-submit {
  cursor: pointer;
  width: 285px;
  height: 45px;
  background: none;
  border: 1px solid var(--red-color);
  color: var(--text-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  background: url("/wp-content/themes/onstep/assets/right-arrow-red.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center right 5%;
  transition: 0.3s;
}
.contacts-full-box form .wpcf7-submit:hover {
  background-position: center right 1%;
}
.contacts-full-box form .wpcf7-acceptance__checkbox, .contacts-full-box form .wpcf7-acceptance .wpcf7-list-item label {
  user-select: none;
  font-family: "Din-Bold";
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 3.2px;
  color: #4b4b4b;
  display: flex;
  align-items: center;
  gap: 15px;
}

@media (max-width: 768px){
.contacts-full-box form {
  width: 100%;
}
.contacts-full-box__content__p {
  text-align: center;
}
.contacts-full-box__p {
  padding: 0;
}
.contacts-full-box__p__bottom > * {
  width: 100%;
}

}
/* end pmg_conttati */
/* init pmg_corsi */
.corsi-box {
  width: 100%;
  height: 90vh;
  display: flex;
  position: relative;
  overflow: hidden;
}
.corsi-box > * {
  flex: 1;
  width: 50%;
}
.corsi-box__left-side {
  background-color: var(--red-color);
  color: white;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.corsi-box__left-side__bg-img {
  background-image: url("/wp-content/themes/onstep/assets/img/site-main/corsi/a_full.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-blend-mode: overlay;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  z-index: -1;
}
.corsi-box__left-side__content {
  width: 60%;
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  gap: 40px;
}
.corsi-box__left-side__content__title__pre-h {
  font-size: 26px;
}
.corsi-box__left-side__content__title__h {
  font-family: "Arapey-Italic";
  font-size: 50px;
  line-height: 50px;
  font-weight: 100;
}
.corsi-box__left-side__content__p {
  font-style: normal;
  font-weight: lighter;
  font-size: 18px;
  line-height: 25px;
}
.corsi-box__left-side__content__button {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid white;
  padding: 10px;
  padding-right: 30px;
  color: white;
  text-decoration: none;
  gap: 15px;
  width: 276px;
  height: 52px;
}
.corsi-box__left-side__content__button:hover figure img {
  transform: translate(10px, 0);
}
.corsi-box__left-side__content__button__arrow {
  width: 15px;
  height: 25px;
  display: flex;
  align-items: center;
}
.corsi-box__left-side__content__button__arrow img {
  transition: 0.5s;
  width: 100%;
  height: 100%;
}
.corsi-box__right-side {
  position: relative;
  background-color: var(--red-color);
}
.corsi-box__right-side__img {
  width: 100%;
  height: 100%;
}
.corsi-box__right-side__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.corsi-box__right-side__menu-bg {
  height: 100%;
  width: 35%;
  min-width: 300px;
  background-color: #7f0e0b;
  mix-blend-mode: multiply;
  opacity: 0.86;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.corsi-box__right-side__menu {
  list-style: none;
  padding: 15px;
  margin: 0;
  z-index: 1;
  user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  color: #aeaeae;
  padding: 20px;
}
.corsi-box__right-side__menu__list {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 5px;
  cursor: pointer;
  transition: 0.1s;
}
.corsi-box__right-side__menu__list:hover {
  color: #ffffff;
  font-size: 18px;
}
.corsi-box__right-side__menu__list.active {
  color: white;
  font-size: 18px;
  font-family: "Din-Bold";
}
.corsi-box__right-side__menu__list.active img {
  filter: invert(0);
}
.corsi-box__right-side__menu__list__arrow-img {
  width: 12px;
  height: 12px;
  display: flex;
  align-items: center;
}
.corsi-box__right-side__menu__list__arrow-img img {
  width: 100%;
  height: 100%;
  filter: invert(0.5);
}

@media (max-width: 1200px){
.corsi-box {
  width: 100%;
  height: 700px;
  display: flex;
  flex-direction: column-reverse;
}
.corsi-box > * {
  flex: 1;
  width: 100%;
  height: 50%;
}
.corsi-box__left-side {
  background-position: left;
}
.corsi-box__left-side__content {
  width: 80%;
}

}
@media (max-width: 480px){
.corsi-box__left-side__content {
  gap: 20px;
  width: 100%;
  padding: 0 30px;
}
.corsi-box__left-side__content__title__pre-h {
  font-size: 18px;
}
.corsi-box__left-side__content__title__h {
  font-size: 30px;
  line-height: normal;
}
.corsi-box__left-side__content__button {
  width: auto;
}

}
/* end pmg_corsi */
/* init pmg_counter */
.box-counter .box-counter__content {
  text-align: center;
}
.box-counter .box-counter__content__h {
  font-family: "Din-Bold";
  font-size: 130px;
  color: #c0c0c0;
}
.box-counter .box-counter__content__p {
  font-family: "Din-Medium";
  font-size: 20px;
  line-height: 25px;
  color: var(--red-color);
  text-transform: uppercase;
}

/* end pmg_counter */
/* init pmg_dovesiamo */
.location-box {
  width: 100%;
  height: 884px;
  /* background-image: url("/wp-content/uploads/2023/08/Ci-vediamo-in-campo.jpg"); */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
}
.location-box .flex-location {
  display: flex;
  align-items: flex-end;
  height: 100%;
}
.location-box .max-width {
  height: 100%;
  position: relative;
}
.location-box__img, .location-box__img__mobile {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  object-fit: cover;
  object-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.location-box__img img, .location-box__img__mobile img {
  width: 100%;
  height: 100%;
}
.location-box__img__mobile {
  display: none;
}
.location-box__blend {
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  opacity: 0.5;
  fill-opacity: 1;
  background-color: #000000;
  position: absolute;
  z-index: -1;
}
.location-box__red-triangle {
  position: absolute;
  top: -80px;
  left: -80px;
  width: 765px;
  height: 765px;
  border-top: 765px solid var(--red-color);
  border-right: 765px solid transparent;
}
.location-box .location-box__text {
  position: absolute;
  top: -80px;
  left: -80px;
  color: #fff;
  padding: 100px 0 0 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 60px;
}
.location-box .location-box__text__p {
  width: 205px;
}
.location-box .location-box__text__p > * {
  font-family: "Arapey-Italic";
  font-size: 28px;
  line-height: 33px;
}
.location-box .location-box__text__h {
  width: 560px;
}
.location-box .location-box__text__h > * {
  font-family: "Din-Light";
  font-size: 105px;
  line-height: 95px;
}
.location-box .list-box {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding-bottom: 80px;
}
.location-box .list-box__column {
  width: max-content;
  padding: 0 60px;
  box-sizing: border-box;
  color: #d7d7d7;
  font-family: "Din-Bold";
  font-size: 18px;
  line-height: 25px;
  column-count: 3;
}
.location-box .list-box__column li {
  list-style: inside;
}

@media (max-width: 1660px){
.location-box__red-triangle {
  top: -30px;
  left: -30px;
  width: 600px;
  height: 600px;
  border-top: 600px solid var(--red-color);
  border-right: 600px solid transparent;
}
.location-box .location-box__text {
  top: -30px;
  left: 30px;
  padding: 60px 0 0 60px;
  padding-left: 0;
  gap: 40px;
}

}
@media (max-width: 1440px){
.location-box {
  background-position: left;
}
.location-box .location-box__text__h > * {
  font-size: 70px;
  line-height: 80px;
}

}
@media (max-width: 1024px){
.location-box {
  background-position: 30%;
}
.location-box__red-triangle {
  width: 400px;
  height: 400px;
  border-top: 400px solid var(--red-color);
  border-right: 400px solid transparent;
}
.location-box .location-box__text {
  padding: 40px 0 0 40px;
  padding-left: 0;
  gap: 20px;
}
.location-box .location-box__text__h > * {
  font-size: 60px;
  line-height: 70px;
}
.location-box .location-box__text__p > * {
  font-size: 24px;
  line-height: 30px;
}
.location-box .list-box__column {
  padding: 0 20px;
}
.location-box .list-box {
  padding-bottom: 50px;
}

}
@media (max-width: 768px){
.location-box .location-box__text__h {
  width: 100%;
}
.location-box {
  min-height: 884px;
  height: auto;
  background-position: center;
}
.location-box .flex-location {
  padding-top: 400px;
}
.location-box .list-box {
  justify-content: center;
}
.location-box .list-box__column {
  column-count: 2;
}

}
@media (max-width: 480px){
.location-box__red-triangle {
  width: 300px;
  height: 300px;
  border-top: 300px solid var(--red-color);
  border-right: 300px solid transparent;
}
.location-box .location-box__text__h {
  width: 100%;
}
.location-box .location-box__text__h > * {
  font-size: 40px;
  line-height: 55px;
}
.location-box .location-box__text {
  top: -10px;
  left: 10px;
  padding: 10px 0 0 10px;
  gap: 10px;
}
.location-box .list-box__column {
  column-count: 1;
}

}
@media (max-width: 676px){
.location-box__img__mobile {
  display: block;
}
.location-box__img {
  display: none;
}

}
/* end pmg_dovesiamo */
/* init pmg_gallery-2 */
.box-gallery-two-img .video-poster {
  overflow: hidden;
  position: relative;
}
.box-gallery-two-img .play-img {
  position: absolute;
  width: 60px;
  right: 60px;
  height: auto;
  bottom: 40px;
}
.box-gallery-two-img .max-width {
  max-width: 1920px;
  padding: 0;
}
.box-gallery-two-img .row {
  margin-right: 0px;
  margin-left: 0px;
}
.box-gallery-two-img .col-lg-6 {
  padding-right: 0px;
  padding-left: 0px;
}
.box-gallery-two-img .box-gallery-image {
  width: 100%;
  height: 100%;
  display: block;
}
.box-gallery-two-img .box-gallery-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 900px;
}
.box-gallery-two-img .box-gallery-image-right {
  padding-left: 5px;
}
.box-gallery-two-img .box-gallery-image-left {
  padding-right: 5px;
}
.hidden {
  visibility: hidden;
}
.fancybox-content {
  max-width: 90%;
  max-height: 90%;
  padding: 0 !important;
}

@media (max-width: 768px){
.box-gallery-two-img .box-gallery-image-right {
  padding-left: 0px;
}
.box-gallery-two-img .box-gallery-image-left {
  padding-right: 0px;
}

}
/* end pmg_gallery-2 */
/* init pmg_gallery-4 */
.gallery-hover figure, .gallery-hover picture, .gallery-hover div > img {
  overflow: hidden;
}
.gallery-hover img, .gallery-hover figure img, .gallery-hover picture img {
  transition: 0.3s;
}
.gallery-hover img:hover, .gallery-hover figure img:hover, .gallery-hover picture img:hover {
  transform: scale(1.5);
}
.box-gallery-test figure, .box-gallery-test picture {
  width: 100%;
  height: 100%;
  display: block;
}
.box-gallery-test figure img, .box-gallery-test picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.box-gallery-test .max-width {
  max-width: 1920px;
  padding: 0;
}
.box-gallery-test .box-gallery-test__content {
  display: flex;
  width: 100%;
  height: 650px;
}
.box-gallery-test .box-gallery-test__content > * {
  flex: 1;
}
.box-gallery-test .box-gallery-test__content__left {
  width: 100%;
}
.box-gallery-test .box-gallery-test__content__right {
  width: 100%;
  display: flex;
}
.box-gallery-test .box-gallery-test__content__right > * {
  flex: 1;
}
.box-gallery-test .box-gallery-test__content__right__left {
  display: flex;
  flex-direction: column;
}
.box-gallery-test .box-gallery-test__content__right__left__one {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
}
.box-gallery-test .box-gallery-test__content__right__left__two {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
}
.box-gallery-test .box-gallery-test__content__right__left > * {
  flex: 1;
  height: 50%;
  width: 100%;
}
.box-gallery-test .box-gallery-test__content__right__right {
  display: flex;
  width: 100%;
}

@media (max-width: 1024px){
.box-gallery-test .box-gallery-test__content {
  flex-direction: column;
  height: auto;
}
.box-gallery-test .box-gallery-test__content__right {
  padding-top: 8px;
}
.box-gallery-test .box-gallery-test__content__right__left__one {
  padding-left: 0;
  padding-right: 8px;
  padding-bottom: 4px;
}
.box-gallery-test .box-gallery-test__content__right__left__two {
  padding-left: 0;
  padding-right: 8px;
  padding-top: 4px;
}

}
@media (max-width: 480px){
.box-gallery-test figure img {
  max-height: 300px;
}
.box-gallery-test .box-gallery-test__content__right {
  flex-direction: column;
}
.box-gallery-test .box-gallery-test__content__right__left__one {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 5px;
}
.box-gallery-test .box-gallery-test__content__right__left__two {
  padding-left: 0;
  padding-right: 0;
  padding-top: 5px;
}
.box-gallery-test .box-gallery-test__content__right__right {
  padding-top: 10px;
}

}
/* end pmg_gallery-4 */
/* init pmg_gallery-5 */
.gallery__box {
  max-width: 1920px;
  margin: 0 auto;
  display: flex;
  /* max-height: 900px; */
}
.gallery__box > * {
  flex: 1;
}
.gallery__box__left {
  padding: 5px 0;
}
.gallery__box__left > * {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
}
.gallery__box__left > * img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: 0.3s;
}
.gallery__box__left > * img:hover {
  transform: scale(1.5);
}
.gallery__box__right {
  display: flex;
  flex-wrap: wrap;
}
.gallery__box__right__element {
  width: 50%;
  height: 50%;
  padding: 5px 0 5px 10px;
}
.gallery__box__right__element__img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
}
.gallery__box__right__element__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
}
.gallery__box__right__element__img img:hover {
  transform: scale(1.5);
}

@media (max-width: 1500px){
/* .gallery {
    &__box {
      max-height: 700px;
  }
} */

}
@media (max-width: 1024px){
.gallery__box {
  height: auto;
  flex-direction: column;
}
.gallery__box__right {
  flex-wrap: nowrap;
  gap: 10px;
}
.gallery__box__right__element {
  width: 50%;
  height: auto;
  padding: 0;
}

}
/* end pmg_gallery-5 */
/* init pmg_gallery-team */
.box-teams .col-lg-4 {
  padding-left: 5px;
  padding-right: 5px;
}
.box-teams .box-teams__img {
  width: 100%;
  height: 100%;
}
.box-teams .box-teams__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.box-teams .triangle-topleft {
  width: 0;
  height: 0;
  border-top: 200px solid var(--red-color);
  border-right: 200px solid transparent;
  position: absolute;
  mix-blend-mode: multiply;
}
.box-teams .box-teams__cards__title {
  font-family: "Arapey-Italic";
  font-size: 45px;
  line-height: 50px;
  position: relative;
}
.box-teams .box-teams__cards__title .line-title {
  position: absolute;
  top: -10px;
  left: 0;
  width: 80px;
  border: 1px solid var(--red-color);
}
.box-teams .box-teams__card {
  position: relative;
  margin-top: 30px;
}
.box-teams .box-teams__card__txt {
  text-align: center;
  color: #343435;
  margin-top: 30px;
}
.box-teams .box-teams__card__txt__h {
  font-family: "Din-Regular";
  font-size: 25px;
  line-height: 25px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}
.box-teams .box-teams__card__txt__p {
  font-size: 16px;
  line-height: 19px;
  margin-top: 30px;
}
.box-teams .box-teams__card__txt li {
  list-style: auto;
  list-style-image: url(/wp-content/themes/onstep/assets/img/icons/red_triangle.png);
  padding-left: 10px;
  text-align: left;
  text-transform: none;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}

/* end pmg_gallery-team */
/* init pmg_gallery-text */
.row-reverse {
  display: flex;
  flex-direction: row-reverse;
}
.box-gallery-img-txt .max-width {
  max-width: 1920px;
  padding: 0;
}
.box-gallery-img-txt .row {
  margin-right: 0px;
  margin-left: 0px;
}
.box-gallery-img-txt .col-lg-12, .box-gallery-img-txt .col-lg-6 {
  padding-right: 0px;
  padding-left: 0px;
}
.box-gallery-img-txt .box-gallery-img-txt-images {
  /* height: 80vh; */
  height: 800px;
}
.box-gallery-img-txt .box-gallery-img-txt-image {
  height: 100%;
}
.box-gallery-img-txt .box-gallery-img-txt-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.box-gallery-img-txt .box-gallery-img-txt__text-box {
  background-color: #595656;
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 100%;
  padding: 30px 150px;
  gap: 30px;
}
.box-gallery-img-txt .box-gallery-img-txt__text-box__h {
  font-family: "Din-Regular";
  font-size: 25px;
  line-height: 65px;
  color: #343435;
  text-transform: uppercase;
}
.box-gallery-img-txt .box-gallery-img-txt__text-box__p {
  font-size: 23px;
  line-height: 35px;
  color: #0f0f0f;
}
.bg-color-two {
  background-color: #dcdcdc !important;
}

@media (max-width: 1440px){
.box-gallery-img-txt .box-gallery-img-txt__text-box {
  padding: 30px 40px;
}

}
@media (max-width: 1024px){
.box-gallery-img-txt .box-gallery-img-txt__text-box {
  padding: 10px 30px;
}

}
@media (max-width: 992px){
.box-gallery-img-txt .row-reverse {
  display: block;
}

}
/* end pmg_gallery-text */
/* init pmg_gallerynews */
.box-gallery-news {
  background-color: #efefef;
}
.box-gallery-news .btn-box {
  display: flex;
  justify-content: center;
  padding: 80px 0 40px;
}
.box-gallery-news .btn-box .btn {
  justify-content: center;
  font-family: "Din-Medium";
}
.box-gallery-news__elements__element {
  margin-top: 30px;
  position: relative;
  padding: 0;
  box-sizing: border-box;
}
.box-gallery-news__elements__element .gallery-element-box {
  position: relative;
  background-color: #ffffff;
}
.box-gallery-news__elements__element__img {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 300px;
  max-height: 100%;
}
.box-gallery-news__elements__element__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.box-gallery-news__elements__element__text-box {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-end;
  padding: 60px 10% 20px;
  padding-left: 40px;
  border-bottom: 5px solid red;
  transition: 0.4s;
}
.box-gallery-news__elements__element__text-box__h {
  font-family: "Din-Medium";
  font-size: 20px;
  line-height: 25px;
  font-weight: 300;
}
.box-gallery-news__elements__element__text-box__h-red {
  font-family: "Din-Medium";
  font-size: 20px;
  line-height: 25px;
  font-weight: 300;
  color: var(--red-color);
  margin-bottom: 20px;
}
.box-gallery-news__elements__element__text-box__p {
  font-family: "Din-Regular";
  font-size: 15px;
  line-height: 25px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  max-width: 100%;
  text-overflow: ellipsis;
}
.box-gallery-news__elements__element__text-box__link {
  color: #000000;
  display: flex;
  align-items: center;
  gap: 15px;
  transition: 0.3s;
  margin-top: 40px;
}
.box-gallery-news__elements__element__text-box__link:hover img {
  transform: translate(10px, 0px);
}
.box-gallery-news__elements__element__text-box__link figure {
  width: 12px;
  height: 12px;
  display: flex;
  align-items: center;
}
.box-gallery-news__elements__element__text-box__link figure img {
  transition: 0.3s;
  width: 100%;
  height: 100%;
}

@media (max-width: 992px){
/* .box-gallery-news {
  background-color: #efefef;

  &__elements {
    &__element {
      
      padding: 0;

    }
  }
} */

}
@media (max-width: 480px){
.box-gallery-news .col-md-6, .box-gallery-news .col-lg-4 {
  padding-right: 0;
  padding-left: 0;
}
.box-gallery-news .box-gallery-news__elements__element__text-box {
  padding-left: 0;
  padding: 20px;
}

}
/* end pmg_gallerynews */
/* init pmg_hero */
.bg-head {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  /*   background-image: url("/wp-content/themes/onstep/assets/img/menu/bg.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1; */
  overflow: hidden;
}
.bg-head__a-img {
  position: absolute;
  left: 0;
  z-index: -1;
  display: flex;
  align-items: center;
  height: 100%;
}
.bg-head__a-img img {
  -o-object-fit: cover;
  object-fit: cover;
}
.bg-head__red {
  position: absolute;
  background-color: var(--red-color);
  mix-blend-mode: overlay;
  z-index: 5;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
}
.bg-head__image, .bg-head__image__mobile {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -2;
}
.bg-head__image__mobile {
  display: none;
}
.bg-head__overlay {
  width: 100%;
  height: 100%;
  background-color: #0f0f0f;
  opacity: 0.2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bg-head__overlay__h {
  color: #e77c3f;
  font-family: "Din-Bold";
  font-size: 370px;
  line-height: 373px;
  letter-spacing: -0.8px;
}

@media (max-width: 676px){
.bg-head__image__mobile {
  display: block;
}
.bg-head__image {
  display: none;
}

}
/* end pmg_hero */
/* init pmg_immaginefull */

/* end pmg_immaginefull */
/* init pmg_inostricampidatennis */
.photo-intro {
  width: 100%;
  padding: 0;
}
.photo-intro__box {
  display: flex;
  justify-content: center;
  gap: 30px;
}
.photo-intro__box > * {
  flex: 1;
}
.photo-intro__box > * .photo-intro__img-box {
  width: 100%;
}
.photo-intro__box > * .photo-intro__img-box img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.photo-intro__box__left {
  position: relative;
  transition: 0.3s;
}
.photo-intro__box__left:hover img {
  filter: grayscale(100%);
}
.photo-intro__box__left:hover .photo-intro__box__left__red-bg {
  width: 40%;
  opacity: 1;
}
.photo-intro__box__left:hover .photo-intro__box__left__red-bg-txt {
  max-width: 30%;
  opacity: 1;
}
.photo-intro__box__left__red-bg {
  opacity: 0;
  transition: 0.3s;
  width: 40%;
  left: 10%;
  height: calc(100% + 40px);
  background-color: var(--red-color);
  mix-blend-mode: multiply;
  position: absolute;
  top: -20px;
}
.photo-intro__box__left__red-bg-txt {
  opacity: 0;
  transition: 0.3s;
  left: 10%;
  max-width: 30%;
  padding: 15px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -100%;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 30px;
}
.photo-intro__box__left__red-bg-txt__h {
  font-family: "Din-Regular";
  letter-spacing: -0.8px;
  font-size: 70px;
  line-height: 65px;
}
.photo-intro__box__left__red-bg-txt__p {
  font-family: "Arapey-Italic";
  font-size: 40px;
  line-height: 35px;
  font-style: italic;
}
.photo-intro__box__right {
  position: relative;
  transition: 0.3s;
}
.photo-intro__box__right img {
  filter: grayscale(100%);
}
.photo-intro__box__right .photo-intro__box__right__red-bg {
  width: 40%;
  opacity: 1;
}
.photo-intro__box__right .photo-intro__box__right__red-bg-txt {
  max-width: 30%;
  opacity: 1;
}
.photo-intro__box__right__red-bg {
  /* opacity: 0; */
  transition: 0.3s;
  width: 40%;
  left: 10%;
  height: calc(100% + 40px);
  background-color: var(--red-color);
  mix-blend-mode: multiply;
  position: absolute;
  top: -20px;
}
.photo-intro__box__right__red-bg-txt {
  /* opacity: 0; */
  transition: 0.3s;
  left: 10%;
  max-width: 30%;
  padding: 15px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -100%;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 30px;
}
.photo-intro__box__right__red-bg-txt__h {
  font-family: "Din-Regular";
  letter-spacing: -0.8px;
  font-size: 70px;
  line-height: 65px;
}
.photo-intro__box__right__red-bg-txt__p {
  font-family: "Arapey-Italic";
  font-size: 40px;
  line-height: 35px;
  font-style: italic;
}

@media (max-width: 1024px){
.photo-intro__box {
  flex-direction: column;
}

}
@media (max-width: 768px){
.photo-intro__box__right__red-bg-txt, .photo-intro__box__left__red-bg-txt {
  max-width: 40%;
}
.photo-intro__box__right__red-bg-txt__h, .photo-intro__box__left__red-bg-txt__h {
  font-size: 50px;
  line-height: normal;
}
.photo-intro__box__right__red-bg-txt__p, .photo-intro__box__left__red-bg-txt__p {
  font-size: 30px;
  line-height: normal;
}

}
@media (max-width: 480px){
.photo-intro__box__right__red-bg-txt__h, .photo-intro__box__left__red-bg-txt__h {
  font-size: 30px;
}
.photo-intro__box__right__red-bg-txt__p, .photo-intro__box__left__red-bg-txt__p {
  font-size: 20px;
}
.photo-intro__box__left__red-bg, .photo-intro__box__right__red-bg {
  height: calc(100% + 20px);
  top: -12px;
}

}
/* end pmg_inostricampidatennis */
/* init pmg_newspage */
.box-news-page .news-page-container {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.box-news-page .news-page-container__image {
  width: 100%;
}
.box-news-page .news-page-container__image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}
.box-news-page .news-page-container__title {
  text-transform: uppercase;
  font-family: "Din-Bold";
  font-size: 18px;
  line-height: 40px;
  position: relative;
  margin-top: 30px;
  width: max-content;
  padding-right: 5px;
}
.box-news-page .news-page-container__title .line-title {
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  border: 1px solid var(--red-color);
}
.box-news-page .news-page-container__title-red {
  text-transform: uppercase;
  font-family: "Din-Regular";
  font-size: 30px;
  line-height: 40px;
  letter-spacing: -0.005em;
  color: var(--red-color);
  margin-top: 30px;
}
.box-news-page .news-page-container__sub-title {
  width: 70%;
  margin-top: 30px;
  font-size: 28px;
  line-height: 32px;
  color: var(--text-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.box-news-page .news-page-container__text {
  width: 80%;
  margin-top: 30px;
  font-size: 22px;
  line-height: 30px;
  color: var(--text-color);
}
.box-news-page .news-page-container__gallery-2 {
  width: 100%;
  margin-top: 60px;
  margin-bottom: 60px;
  display: flex;
  gap: 30px;
}
.box-news-page .news-page-container__gallery-2 > * {
  flex: 1;
}
.box-news-page .news-page-container__gallery-2__image {
  width: 100%;
  overflow: hidden;
}
.box-news-page .news-page-container__gallery-2__image img {
  width: 100%;
  object-fit: cover;
  transition: 0.3s;
  display: block;
}
.box-news-page .news-page-container__gallery-2__image img:hover {
  transform: scale(1.5);
}
.news-page-container__border-bottom {
  border-bottom: 1px solid #a5a5a5;
  padding-bottom: 100px;
  width: 90%;
  margin: 0 auto;
}

@media (max-width: 768px){
.box-news-page .news-page-container__gallery-2 {
  flex-direction: column;
}
.box-news-page .news-page-container__text {
  width: 100%;
}
.box-news-page .news-page-container__sub-title {
  width: 100%;
}

}
/* end pmg_newspage */
/* init pmg_perchèa-rete&slider */
.slider-box {
  overflow: hidden;
  position: relative;
}
.slider-box .slick-slider {
  margin: 0px -30px;
}
.slider-box .slick-list {
  overflow: unset;
}
.slider-box .color-bg1 {
  background-color: #f0eeeb !important;
}
.slider-box__arrow {
  user-select: none;
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  margin-bottom: 20px;
}
.slider-box__arrow > * {
  border: 0.8px solid #242424;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slider-box__arrow > * img {
  width: 20px;
  height: 20px;
}
.slider-box__arrow > *:active {
  margin-top: 1px;
}
.slider-box__arrow .prevX {
  transform: rotate(180deg);
}
.slider-box__elements__element {
  width: 500px;
  height: 440px;
  position: relative;
  padding: 0 30px;
  box-sizing: border-box;
}
.slider-box__elements__element .slider-element-box {
  position: relative;
  background-color: #f1f2f2;
  height: 100%;
}
.slider-box__elements__element__img {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.slider-box__elements__element__img img {
  width: 314px;
  height: 416px;
  object-fit: contain;
}
.slider-box__elements__element:hover .slider-box__elements__element__text-box {
  transform: translate(0, 0);
}
.slider-box__elements__element__text-box {
  width: 80%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-end;
  padding: 60px 0;
  margin-left: 40px;
  gap: 20px;
  border-bottom: 5px solid red;
  transform: translate(0, 175px);
  transition: 0.4s;
}
.slider-box__elements__element__text-box__h {
  font-family: "Arapey-Italic";
  font-size: 30px;
  line-height: 50px;
  font-weight: 300;
}
.slider-box__elements__element__text-box__p {
  font-family: "Din-Light";
  font-size: 18px;
  line-height: 25px;
  min-height: 100px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
}

@media (min-height: 1560px){
.slider-box .max-width {
  padding: 0;
}
.slider-box__elements {
  /* margin-right: -30px; */
}

}
@media (max-width: 768px){
.slider-box__elements__element {
  position: relative;
  /* padding: 0; */
  width: 382px;
  height: 322px;
}
.slider-box__elements__element__img {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.slider-box__elements__element__img img {
  width: 219.8px;
  height: 291.2px;
  max-width: 100%;
  max-height: 100%;
}
.slider-box__elements__element__text-box {
  justify-content: flex-start;
  transform: translate(0, 190px);
}
.slider-box__elements__element__text-box__h {
  font-family: "Arapey-Italic";
  font-size: 30px;
  line-height: 50px;
}
.slider-box__elements__element__text-box__p {
  font-family: "Din-Light";
  font-size: 18px;
  line-height: 25px;
  min-height: 100px;
}

}
@media (max-width: 480px){
.slider-box__elements__element {
  width: 342px;
  height: 272px;
}
.slider-box__elements__element__text-box {
  width: 85%;
  padding: 30px 0;
  margin-left: 30px;
  gap: 10px;
}

}
/* end pmg_perchèa-rete&slider */
/* init pmg_product */
.box-products__border {
  border: 0.5px solid #000000;
}
.box-products__min-title {
  display: flex;
  align-items: center;
  gap: 15px;
}
.box-products__min-title__img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.box-products__min-title__h {
  color: var(--red-color);
  text-transform: uppercase;
  width: -moz-max-content;
  width: max-content;
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 3.2px;
  font-family: "Din-Bold";
}
.box-products .max-width {
  max-width: 1700px;
}
.box-products__title {
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 40px;
}
.box-products__title > * {
  font-family: "Din-Medium";
  font-size: 40px;
  line-height: 60px;
  color: var(--red-color);
}
.box-products__content-right {
  height: 100%;
  padding-left: 80px;
  padding-right: 0;
  display: flex;
  align-items: flex-end;
}
.box-products__content-right__box {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.box-products__content-right__box__h {
  font-size: 30px;
  line-height: 35px;
  color: var(--text-color);
}
.box-products__content-right__box__p {
  font-size: 23px;
  line-height: 35px;
  color: var(--text-color);
}
.box-products__image-left {
  height: 100%;
  padding-right: 0;
  padding-left: 0;
  border-color: var(--red-color);
  border-width: 1px;
  border-style: solid;
  display: block;
}
.box-products__image-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.box-products .box-products .row {
  margin-right: 0;
  margin-left: 0;
  margin: 0;
}
.italicProduct {
  font-family: "Arapey-Italic" !important;
  font-size: 20px;
  line-height: 25px;
  color: var(--text-color);
  letter-spacing: 1.04px;
}
.width-min-title {
  width: 100%;
  max-width: 1800px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 30px;
}

@media (max-width: 992px){
.box-products__content-right {
  padding-right: 0;
  padding-left: 0;
  margin-top: 40px;
}

}
/* end pmg_product */
/* init pmg_slider_box_newshp */
.slider-box-news {
  overflow: hidden;
  position: relative;
}
.slider-box-news .slick-slider {
  margin: 0px -125px;
  margin-bottom: 100px;
}
.slider-box-news .slick-list {
  overflow: unset;
}
@keyframes slidein {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.slider-box-news {
  background-color: #efefef;
  animation: 0.5s slidein;
}
.slider-box-news__arrow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 15px 90px;
  position: relative;
}
.slider-box-news__arrow:after {
  position: absolute;
  content: "";
  border-bottom: 1px solid #a5a5a5;
  width: 200%;
  transform: translateX(-50%);
  bottom: 45px;
  left: 0;
}
.slider-box-news__arrow__h {
  font-size: 100px;
  line-height: 71px;
  letter-spacing: -0.025em;
}
.slider-box-news__arrow__images {
  user-select: none;
  display: flex;
  gap: 20px;
}
.slider-box-news__arrow__images > * {
  /* border: 0.8px solid #242424; */
  background-color: #ffffff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slider-box-news__arrow__images > * img {
  width: 20px;
  height: 20px;
}
.slider-box-news__arrow__images > *:active {
  margin-top: 1px;
}
.slider-box-news__arrow__images .prev {
  transform: rotate(180deg);
}
.slider-box-news__elements__element {
  width: 500px;
  height: 630px;
  position: relative;
  padding: 0 15px;
  box-sizing: border-box;
}
.slider-box-news__elements__element .slider-element-box {
  position: relative;
  background-color: #ffffff;
}
.slider-box-news__elements__element__img {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.slider-box-news__elements__element__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slider-box-news__elements__element__text-box {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-end;
  padding: 60px 10% 20px;
  padding-left: 40px;
  border-bottom: 5px solid red;
  transition: 0.4s;
}
.slider-box-news__elements__element__text-box__h {
  font-family: "Din-Medium";
  font-size: 20px;
  line-height: 25px;
  font-weight: 300;
  color: var(--text-color);
}
.slider-box-news__elements__element__text-box__h-red {
  font-family: "Din-Medium";
  font-size: 20px;
  line-height: 25px;
  font-weight: 300;
  color: var(--red-color);
  margin-bottom: 20px;
}
.slider-box-news__elements__element__text-box__h-red a {
  color: var(--red-color);
}
.slider-box-news__elements__element__text-box__p {
  font-family: "Din-Regular";
  font-size: 15px;
  line-height: 25px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  max-width: 100%;
  text-overflow: ellipsis;
}
.slider-box-news__elements__element__text-box__link {
  color: #000;
  display: flex;
  align-items: center;
  gap: 15px;
  transition: 0.3s;
  margin-top: 40px;
}
.slider-box-news__elements__element__text-box__link:hover img {
  transform: translate(10px, 0px);
}
.slider-box-news__elements__element__text-box__link figure {
  width: 12px;
  height: 12px;
  display: flex;
  align-items: center;
}
.slider-box-news__elements__element__text-box__link figure img {
  transition: 0.3s;
  width: 100%;
  height: 100%;
}

@media (max-width: 768px){
.slider-box-news__elements__element {
  width: 390px;
  height: 500px;
}
.slider-box-news__elements__element__text-box {
  padding-left: 0;
  padding: 20px;
}

}
@media (max-width: 480px){
/* .slider-box-news__elements__element {
    width: 342px;
    height: 272px;
}
.slider-box-news__elements__element__text-box {
    width: 85%;
    padding: 30px 0;
    margin-left: 30px;
    gap: 10px;
   
} */
.slider-box-news__arrow {
  flex-direction: column;
  gap: 30px;
}
.slider-box-news__elements__element {
  width: 320px;
}

}
@media (max-width: 1730px){
/* .slider-box-news {
        .max-width {
          padding: 0;
        }
        &__elements {
          margin-right: -30px;
        }
      } */
.slider-box-news .slick-slider {
  margin: 0px -15px;
}

}
/* end pmg_slider_box_newshp */
/* init pmg_tennishero */
.bg-light-gray {
  background-color: #a1a1a1 !important;
}
.bg-light-gray * {
  color: #bbbbbb !important;
}
.hero-text-reverse {
  flex-direction: column-reverse !important;
}
.hero {
  margin-top: 70px;
  width: 100%;
  height: 450px;
  background-color: #343435;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero__img {
  position: absolute;
  left: 200px;
  bottom: 0;
  z-index: -1;
  transition: 0.3s;
}
.hero__img img {
  width: 350px;
  height: 100%;
}
.hero__text {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #4d4d4d;
}
.hero__text__h {
  white-space: nowrap;
  width: 0px;
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
}
.hero__text__h > * {
  font-family: "Din-Bold";
  font-size: 121px;
  /* line-height: 181px; */
  line-height: 105px;
  letter-spacing: 4px;
  white-space: nowrap;
}
.hero__text .large-title > * {
  font-size: 90px;
  line-height: 160px;
}
.hero__text__p > * {
  font-family: "Arapey-Italic";
  font-size: 45px;
  letter-spacing: 4px;
}

@media (max-width: 768px){
.hero__img img {
  display: none;
}
.hero__text__h > * {
  font-size: 80px;
  line-height: 70px;
}
.large-title > * {
  font-size: 70px;
  line-height: 140px;
}

}
@media (max-width: 480px){
.hero__text__h > * {
  font-size: 50px;
  line-height: 40px;
  letter-spacing: 1px;
}
.large-title > * {
  font-size: 30px;
  line-height: 70px;
}
.hero__text__p > * {
  font-size: 38px;
  letter-spacing: -1px;
}
.hero {
  margin-top: 50px;
}

}
@media (max-width: 1500px){
.hero__img {
  left: 0;
}

}
/* end pmg_tennishero */
/* init pmg_tennisparallax */
.intro {
  background-color: #343435;
  width: 100%;
  /* background-repeat: no-repeat;
    background-position: right 35% bottom 85%;
    background-size: cover;
    background-attachment: fixed;
     */
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
}
.intro .max-width-100 {
  max-width: 100% !important;
}
.intro .padding-400 {
  padding: 400px 0 !important;
}
.intro .gap-0 {
  gap: 0 !important;
}
.intro .bottom-text {
  padding-bottom: 40px !important;
  padding-top: 600px !important;
}
.intro .max-width-85 {
  max-width: 80% !important;
}
.intro__bg-image, .intro__bg-image__mobile {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: right 35% bottom 85%;
  background-size: cover;
  background-attachment: fixed;
  position: absolute;
  z-index: -2;
}
.intro__bg-image__mobile {
  display: none;
}
.intro__blend {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000000;
  mix-blend-mode: multiply;
  opacity: 0.5;
  z-index: -1;
}
.intro__txt-box {
  display: flex;
  flex-direction: column;
  gap: 80px;
  color: #ffffff;
  max-width: 650px;
  padding: 0;
  padding-top: 250px;
  padding-bottom: 250px;
}
.intro__txt-box__h > * {
  font-family: "Din-Regular";
  font-size: 40px;
  line-height: 65px;
  text-transform: uppercase;
}
.intro__txt-box__h__subtitle {
  font-family: "Din-Light";
  line-height: 50px;
  text-transform: unset;
}
.intro__txt-box__p > * {
  font-family: "Din-Light";
  font-size: 23px;
  line-height: 35px;
}
.intro__txt-box__p a {
  color: #fff;
}
.intro__txt-box__p strong {
  font-family: 'Din-Bold';
}
.intro__a-img {
  position: absolute;
  left: 0;
  z-index: -1;
  display: flex;
  align-items: flex-start;
  height: 100%;
  width: 100%;
  mix-blend-mode: overlay;
}
.intro__a-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media (max-width: 676px){
.intro__bg-image__mobile {
  display: block;
}
.intro__bg-image {
  display: none;
}

}
/* end pmg_tennisparallax */
/* init pmg_testo */
.red-btn {
  background-color: var(--red-color);
  color: #ffffff !important;
}
.image_border_bottom {
  border-bottom: 1px solid #000;
}
.row {
  position: relative;
}
.row .img-right {
  position: absolute;
  right: 0;
  top: 40px;
  width: 400px;
  max-width: 100%;
}
.row .img-right img {
  width: 100%;
  height: 100%;
}
.text-section {
  display: flex;
  justify-content: center;
  padding: 100px 30px;
  position: relative;
}
.text-section__img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.text-section__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.text-section__title {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 15px;
  width: 100%;
  max-width: 1730px;
  padding: 0 30px;
}
.text-section__title__h {
  color: var(--red-color);
  text-transform: uppercase;
  width: max-content;
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 3.2px;
  font-family: "Din-Bold";
}
.text-section.hasicontext .text-section__box {
  margin-top: 100px;
}
.text-section__box {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
  color: var(--text-color);
  font-family: "Din-Light";
}
.text-section__box a {
  color: var(--wp--preset--color--black);
  text-decoration: underline;
}
.text-section__box .btnMtop {
  margin-top: 30px;
}
.text-section__box__h1 {
  font-size: 100px;
  line-height: 1;
  font-weight: lighter;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.text-section__box__h1 span {
  color: var(--red-color);
}
.text-section__box__h2 {
  font-family: "Din-Regular";
  font-weight: 500;
  font-size: 40px;
  line-height: 1;
  color: var(--red-color);
}
.text-section__box__h3 {
  font-weight: 300;
  font-size: 40px;
  line-height: 40px;
  margin-top: 30px;
}
.text-section__box__p {
  font-weight: 200;
  font-size: 23px;
  line-height: 40px;
  margin-top: 30px;
}
.text-section__box__p strong, .text-section__box__p b {
  font-family: "Din-Bold";
}
.text-section__box__p ul li {
  list-style: auto;
  list-style-image: url("/wp-content/themes/onstep/assets/img/icons/red_triangle.png");
  padding-left: 10px;
  padding-bottom: 30px;
}
.bambini-text {
  font-size: 55px;
  line-height: 58px;
  font-family: "Arapey-Italic";
  font-weight: 100;
}

@media (max-width: 1440px){
.text-section__box__h1 {
  font-size: 60px;
  line-height: 65px;
}
.text-section__box__h2 {
  font-size: 34px !important;
  line-height: 55px;
}
.text-section__box__h3 {
  font-size: 34px;
  line-height: 35px;
}
.text-section__box__p {
  font-size: 20px;
  line-height: 35px;
}
.text-section__box .bambini-text {
  font-size: 35px;
  line-height: 48px;
}

}
@media (max-width: 1200px){
.text-section__box {
  padding: 0 20px;
}

}
@media (max-width: 1024px){
/* .text-section {
    text-align: center;
    padding: 100px 15px;
    &__box {
      gap: 20px;
      margin-top: 50px;
    }
  } */

}
@media (max-width: 992px){
.row .img-right {
  position: unset;
  margin: 0 auto !important;
}
.row .img-right img {
  width: 100%;
  height: auto;
}
.text-section {
  text-align: center;
  padding: 100px 15px;
}
.text-section__box {
  gap: 20px;
  /* margin-top: 50px; */
}

}
@media (max-width: 768px){
.text-section__title {
  padding: 0 15px;
}
.text-section__box__h1 {
  font-size: 40px;
  line-height: 60px;
}
.text-section__box__h2 {
  font-size: 30px !important;
  line-height: 50px;
}
.text-section__box__h3 {
  font-size: 30px;
  line-height: 35px;
}
.text-section__box__p {
  font-size: 18px;
  line-height: 35px;
}

}
@media (max-width: 480px){
.text-section {
  text-align: center;
  padding: 50px 0px;
}
.text-section .lineH-55 {
  line-height: normal !important;
}
.text-section * {
  line-height: normal !important;
}

}
/* end pmg_testo */
/* init pmg_testofull */

/* end pmg_testofull */


