@keyframes rotatingProduct { from { -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg) scale(0); }
  to { -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg) scale(1); } }

body input, body label, body p, body h1, body h2, body h3, body h4, body h5, body a, body .placeholder, body select, body [type="submit"], body [type="text"], body select option, body .wpcf7-form-control { font-family: DINNextLTArabic, 'sans-serif' !important; }

.sec-title { text-align: center; }

.sec-title img { margin-bottom: 40px; }

.sec-title h2 { color: #242424; font-size: 25px; font-weight: bold; }

.sec-title h2:after { content: ''; width: 30px; height: 3px; display: block; margin: 15px auto; background: #D00200; border-radius: 50px; }

.admin-bar header { top: 60px; }

header { left: 0; right: 0; top: 30px; z-index: 2; margin: auto; text-align: center; position: absolute; }

header img { max-width: 20vw; }

#secIntro { overflow: hidden; padding: 40% 0 25%; background-image: url("../../images/landings/kallehpro/intro.jpg.webp"); background-size: cover; background-repeat: no-repeat; background-position: center center; }

#secIntro .intro { width: 100vw; position: absolute; top: 0; }

#secIntro .swiper { width: 100%; height: 100%; }

#secIntro .swiper .swiper-slide { text-align: center; font-size: 18px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transform: scale(0.6); transition: all .4s ease-in-out; }

#secIntro .swiper .swiper-slide img { max-width: 280px; }

#secIntro .swiper .swiper-slide h2 { color: #000; font-size: 28px; margin-top: 1rem; text-align: center; opacity: 0; transition: all .5s ease-in; text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff; opacity: 0; }

#secIntro .swiper .swiper-slide.swiper-slide-active { transform: scale(1); }

#secIntro .swiper .swiper-slide.swiper-slide-active h2 { opacity: 1; }

#secIntro .swiper .swiper-pagination { position: relative; bottom: 0; margin-top: 2rem; }

#secIntro .swiper .swiper-pagination .swiper-pagination-bullet { opacity: 1; padding: 0.6rem 0; background: transparent; text-align: center; width: 40px; margin: 0; }

#secIntro .swiper .swiper-pagination .swiper-pagination-bullet:before { content: ''; background: #e5e5e5; width: 10px; height: 10px; display: block; border-radius: 25px; margin: auto; opacity: 1; transition: all .3s ease-in-out; }

#secIntro .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 40px; }

#secIntro .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before { background: #274898; width: 40px; }

#secClub { margin-top: -10%; overflow: hidden; }

#secClub .separator { width: 100vw; max-width: 101%; }

#secClub .people-separator { width: 100vw; }

#secClub form { direction: rtl; margin: 50px 0; grid-column-gap: 20px; grid-template-columns: repeat(2, 1fr); }

#secClub form #alert .alert { height: 60px; padding: 1rem 2rem; margin-top: 2.4rem; border-radius: 15px; display: inline-block; width: 100%; text-align: center; }

#secClub form .submit { position: relative; }

#secClub form .submit input { transition: all .2s ease-in-out; }

#secClub form .submit input[type="submit"] { border: 0; height: 60px; font-size: 20px; background: #42EAD1; border-radius: 15px; margin: 0; width: 100%; }

#secClub form .submit input[disabled] { color: #909090; background: #d6d6d6; }

#secClub form .submit .spinner { top: 35%; width: 1.5rem; height: 1.5rem; position: absolute; left: calc(50% - 80px); display: none; }

#secClub form .recaptcha-policies { grid-column: 3; }

#secClub form input, #secClub form select { width: 100%; height: 60px; font-size: 18px; margin: 10px 5px; border-radius: 15px; padding: 0 1rem 0 2rem; }

#secClub form input:focus, #secClub form input:focus-visible, #secClub form select:focus, #secClub form select:focus-visible { outline: 0; border-color: #00A8FF; box-shadow: 0 0 13px 0 rgba(15, 173, 255, 0.15); }

#secClub form input#day, #secClub form input#month, #secClub form input#year, #secClub form select#day, #secClub form select#month, #secClub form select#year { text-align: center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important; }

#secClub form input#day, #secClub form select#day { flex: .3; }

#secClub form input#month, #secClub form select#month { flex: .4; }

#secClub form input#year, #secClub form select#year { flex: .3; }

#secClub form input option:disabled, #secClub form select option:disabled { color: red; font-size: 10px; }

#secClub form label { width: 100%; font-size: 18px; text-align: right; padding-right: 1.35rem; }

#secClub form label select { width: 100%; height: 60px; margin: 10px 0; font-size: 18px; padding: 0 15px; border-radius: 50px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

#secClub form span { position: relative; }

#secClub form span.gender:before, #secClub form span.level:before, #secClub form span.activity:before, #secClub form span.meet:before { content: ''; top: 0; bottom: 0; left: 30px; margin: auto; width: 10px; height: 10px; position: absolute; border: 1px solid #000; transform: rotate(-45deg); border-top: 0; border-right: 0; transition: all .3s ease-in-out; }

#secClub form span.gender.open:before, #secClub form span.level.open:before, #secClub form span.activity.open:before, #secClub form span.meet.open:before { transform: rotate(135deg); }

#secClub form .lbl { padding-right: 15px; }

#secClub form .date { display: flex; align-items: center; }

#secInfo { margin-top: -20%; text-align: center; background-color: #f2f2f2; }

#secInfo p { color: #242424; font-size: 22px; line-height: 2.5; font-weight: 100; margin-top: 2rem; text-align: justify; margin-bottom: 5rem; }

#secInfo a { height: 60px; margin: auto; color: #242424; display: block; font-size: 20px; font-weight: 100; max-width: 375px; border-radius: 15px; background-color: #42EAD1; padding: 0.7rem 0 1.1rem; }

footer { border: 0; z-index: 2; text-align: center; position: relative; background-color: #f2f2f2; background-image: url("../../images/landings/kallehpro/svg/footer.svg"); height: 290px; background-position: center; background-size: cover; background-repeat: no-repeat; }

footer .context { left: 0; right: 0; height: 100%; display: flex; align-items: center; flex-direction: column; justify-content: flex-end; }

footer .context .solico-logo { margin: 10px 0; filter: brightness(100); }

footer .context .copyright { z-index: 2; color: #FFF; font-size: 14px; font-weight: bold; position: relative; background: transparent; }

footer .context .copyright a { color: #FFF; }

footer .footer-separator { width: 100vw; margin-top: -7%; }

@media (min-width: 576px) { #secIntro { height: unset; } }

@media (min-width: 768px) { .sec-title h2 { font-size: 30px; }
  #secIntro { padding: 20% 0 10%; } }

@media (min-width: 992px) { header img { max-width: 180px; }
  #secClub { margin-top: -9%; }
  #secClub form { display: grid; grid-template-columns: repeat(3, 1fr); }
  #secClub form .submit { grid-column: 3; }
  #secClub form .submit input[type="submit"] { padding: .5rem; }
  #secClub form .submit .spinner { top: 25%; }
  #secClub form #alert { grid-column: 1/3; }
  #secClub form #alert .alert { width: auto; margin-top: auto; text-align: right; } }

@media (min-width: 1400px) { #secIntro { height: 100vh; padding: 6% 0 6%; /* .product-slider { .item { //padding: 4%; img { max-width: 400px; } } }*/ }
  #secIntro .swiper .swiper-slide img { max-width: 400px; }
  #secIntro .swiper .swiper-pagination { left: 0; right: 0; bottom: 10px; position: absolute; }
  #secIntro .intro { width: 100vw; position: absolute; top: 0; }
  #secClub { margin-top: -12%; }
  #secInfo { padding-bottom: 15rem; }
  footer { height: 100%; background-image: unset; }
  footer .context { position: absolute; } }

/*# sourceMappingURL=kallehpro.css.map */