@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
/* ===========================================
		VARIABLES
=========================================== */
/* ===========================================
		MIXIN
=========================================== */
/* ===========================================
		HTML
=========================================== */
* {
  margin: 0px;
  padding: 0px;
  transition: all .2s ease-in-out; }

html {
  min-width: 320px;
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 18px; }

body {
  margin: 0px;
  padding: 0px;
  outline: none;
  font-family: "Roboto", sans-serif;
  color: #7A0046;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 2em;
  background-color: #F5F5F5;
  line-height: 1.2em; }
  @media (max-width: 767px) {
    body {
      font-size: 0.9em; } }

/* ===========================================
		GLOBAL CLASS
=========================================== */
a {
  text-decoration: none;
  color: #e52d2c; }
  a:hover {
    color: #7A0046;
    text-decoration: underline; }

@media (max-width: 767px) {
  .no-mobile {
    display: none; } }

.only-mobile {
  display: none; }
  @media (max-width: 767px) {
    .only-mobile {
      display: block; } }

@media (min-width: 768px) {
  .no-tablet {
    display: none; } }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

/* .vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
} */
.vertical-center {
  align-items: center;
  display: flex; }

.flex {
  display: flex; }

.items-center {
  display: flex;
  align-items: center; }

.content-center {
  display: flex;
  justify-content: center; }

.content-between {
  display: flex;
  justify-content: space-between; }

.center {
  text-align: center; }

.text-right {
  text-align: right; }

/* ===========================================
		BODY
=========================================== */
.main-conteiner {
  border-radius: 18px;
  -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.16);
  background: #fff; }

.wrap-inner {
  width: 90%;
  max-width: 1366px;
  margin: 0 auto;
  margin-top: 2em; }

/* ===========================================
		HOME
=========================================== */
.color-accent {
  color: #e52d2c; }

.bold {
  font-weight: 700; }

.upper {
  text-transform: uppercase; }

.p1em {
  padding: 1em; }

.pt1em {
  padding-top: 1em; }

.pr1em {
  padding-right: 1em; }

.pl1em {
  padding-left: 1em; }

.pb1em {
  padding-bottom: 1em; }

.fs16 {
  font-size: 0.88rem;
  line-height: 1.3em; }

.fs20 {
  font-size: 1.11rem;
  line-height: 1.3em; }

.fs15 {
  font-size: 0.83rem;
  line-height: 1.3em; }

.pasek-top {
  width: 100%;
  height: 18px;
  display: block;
  background: #7a0046;
  background: linear-gradient(90deg, #7a0046 0%, #ea5f2b 100%);
  border-radius: 18px 18px 0 0; }

.intro {
  background: #7A0046;
  border-radius: 18px;
  color: #fff; }
  .intro .intro-left {
    padding: 1em; }
  .intro .intro-right img {
    width: 100%; }
  .intro p {
    padding: 0.3em 0  0.3em 0; }
  .intro span {
    color: #e52d2c; }

.header-logos {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .header-logos img {
    max-width: 100%;
    padding: 1.5em; }
    @media (max-width: 767px) {
      .header-logos img {
        max-width: 60%; } }

.opis {
  background: url("../images/motor-ciemny.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.kafelki {
  margin-top: 0.8em;
  padding-left: 0.5em;
  padding-right: 0.5em; }
  .kafelki .item-disable {
    background: #fff;
    border-radius: 12px;
    border: solid #D9D9D9 1px;
    padding: 1em;
    display: flex;
    align-items: center;
    color: #7A0046; }
    .kafelki .item-disable img {
      height: 100%;
      margin: 0 1em 0 0.5em; }
    .kafelki .item-disable .nr {
      font-size: 3em;
      font-weight: 700;
      color: #7B7B7B; }
    .kafelki .item-disable p {
      padding: 0.1em 0  0.1em 0;
      color: #7B7B7B; }
  .kafelki a .new {
    background: #e52d2c;
    border-radius: 4px 4px 4px 0px;
    padding: 3px 8px 0 8px;
    position: absolute;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: -11px; }
  .kafelki a .item {
    background: #F6EEF2;
    border-radius: 12px;
    border: solid #dbdbdb 1px;
    padding: 1em;
    display: flex;
    align-items: center;
    color: #7A0046; }
    .kafelki a .item img {
      height: 100%;
      margin: 0 1em 0 0.5em; }
    .kafelki a .item .nr {
      font-size: 3em;
      font-weight: 700;
      color: #e52d2c; }
    .kafelki a .item p {
      padding: 0.1em 0  0.1em 0; }
  .kafelki a:hover {
    text-decoration: none; }
    .kafelki a:hover .item {
      -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.16);
      border: solid 1px #e52d2c; }

.sygnatura {
  padding: 1em; }
  .sygnatura p {
    color: #A2A2A2;
    font-size: 0.55em; }

/* ===========================================
		TEMPLATE PAGE VIDEO
=========================================== */
#video-el {
  max-width: 100%;
  border-radius: 0 0 12px 12px; }

.na-skroty {
  padding: 2em 0 0 .5em; }
  .na-skroty .next-title-header {
    color: #313131;
    font-size: 0.88em; }
    .na-skroty .next-title-header b {
      color: #7A0046; }
  .na-skroty ol li {
    margin: 1em 0;
    background: #7A0046;
    border-radius: 18px 0 0 18px;
    color: #fff;
    padding: 0.5em 0.5em 0.5em 1em;
    font-size: 0.88rem; }
    .na-skroty ol li:hover {
      background: #e52d2c;
      cursor: pointer; }

/* ===========================================
		STRZALKI
=========================================== */
.strzalki {
  display: flex;
  justify-content: flex-end;
  padding: 0 2em 2em 0; }
  .strzalki a {
    margin-left: 1em; }

/* ===========================================
		END
=========================================== */
.inner-container {
  margin: 0 2em;
  padding: 2em;
  border-radius: 18px;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16) inset;
  -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16) inset;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16) inset; }
  .inner-container h2 {
    font-size: 1.44rem;
    line-height: 1.2em; }

.all-video {
  margin-top: 1em; }
  .all-video ul {
    list-style: none; }
    .all-video ul li {
      padding: 0.5em 0; }
      .all-video ul li a .item {
        background: #FBFBFB;
        border-radius: 12px;
        padding: 1em;
        display: flex;
        align-items: center;
        color: #7A0046; }
        .all-video ul li a .item img {
          height: 100%;
          margin: 0 1em 0 0.5em;
          opacity: 1; }
        .all-video ul li a .item p {
          padding: 0.1em 0  0.1em 0; }
        .all-video ul li a .item .nr-odc {
          font-size: 0.65em;
          font-weight: 700;
          color: #B5B5B5; }
      .all-video ul li a:hover {
        text-decoration: none; }
        .all-video ul li a:hover .item {
          background: #FBE1D7; }
      .all-video ul li .item {
        border-radius: 12px;
        padding: 1em;
        display: flex;
        align-items: center;
        color: #AFAFAF; }
        .all-video ul li .item img {
          height: 100%;
          margin: 0 1em 0 0.5em;
          opacity: 0.35; }
        .all-video ul li .item p {
          padding: 0.1em 0  0.1em 0; }
        .all-video ul li .item .nr-odc {
          font-size: 0.65em;
          font-weight: 700; }

.end-footer {
  justify-content: space-between;
  display: flex;
  padding: 1em 3.3em;
  font-size: 0.88em;
  margin-top: 0.7em; }
  .end-footer a {
    color: #7A0046; }
    .end-footer a:hover {
      color: #e52d2c; }

/* ===========================================
		IMAGES
=========================================== */
img {
  padding: 0 0;
  margin: 0 0;
  max-width: 100%;
  height: auto;
  display: block; }

.content-text {
  padding: 10% 10%;
  /* --- ngałówki --- */
  /* --- tekst --- */
  /* --- lista --- */
  /* === wordpress === */
  /* przycisk */
  /* przycisk */ }
  .content-text h1, .content-text h2, .content-text h3, .content-text h4, .content-text h5, .content-text h6,
  .content-text .h1, .content-text .h2, .content-text .h3, .content-text .h4, .content-text .h5, .content-text .h6 {
    font-family: "Kanit", sans-serif;
    background: url("../images/bg-header.gif") top left no-repeat;
    padding: 1em 0;
    text-transform: uppercase;
    font-size: 2rem;
    margin-bottom: 3%; }
  .content-text p {
    font-size: 1rem;
    line-height: 1.8rem;
    padding: 6px 0px; }
    @media (max-width: 767px) {
      .content-text p {
        font-size: 1.1rem; } }
  .content-text ul {
    margin-left: 25px; }
    .content-text ul li {
      line-height: 1.8em; }
      @media (max-width: 767px) {
        .content-text ul li {
          font-size: 1.1em; } }
  .content-text .wp-block-buttons {
    margin: 30px 0; }
  .content-text .wp-block-gallery {
    margin-top: 30px; }
    .content-text .wp-block-gallery .blocks-gallery-grid {
      margin-left: 0; }

.opis .content-text,
.footer .content-text {
  color: white; }

/* ===========================================
		FORMULARZ
=========================================== */
.formularz {
  background-color: #f2f2f2;
  background-image: url("../images/bg-formularz.png");
  background-position: bottom left;
  background-repeat: repeat-x;
  padding: 3.5rem 0; }
  .formularz .content-text {
    padding-bottom: 5%; }

.form-container {
  background-color: white;
  -webkit-box-shadow: 25px 25px 0px 0px #E52D2C;
  box-shadow: 25px 25px 0px 0px #E52D2C;
  margin: 0 auto;
  width: 80%; }

/* ===========================================
		FORM
=========================================== */
.wpcf7-text,
.wpcf7-textarea {
  font-family: "Roboto", sans-serif;
  background: url("../images/bg-input.gif") bottom right no-repeat;
  border: none;
  font-size: 1rem;
  padding: 1em 1em;
  margin: 1em 0em;
  display: flex;
  width: 90%; }

.wpcf7-textarea {
  height: 2.5rem; }

input::placeholder,
textarea::placeholder {
  font-size: 1rem; }

.wpcf7-submit {
  margin-top: 1.5em;
  font-family: "Kanit", sans-serif;
  color: white;
  text-transform: uppercase;
  font-size: 1.2rem;
  padding: 1em 1.5em;
  border: none;
  border-radius: 18px;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  overflow-wrap: break-word;
  background: #7A0046;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .wpcf7-submit:hover {
    color: white;
    background: #e52d2c; }

.cookies-bg {
  background: #17120f; }

.cookies p {
  font-size: 0.8em;
  line-height: 1.2em;
  color: #a59785;
  padding: 10px 0; }

.cookie-close p {
  padding-top: 18px; }

.cookie-close a {
  padding-top: 10px;
  text-decoration: none;
  color: #a59785; }

.cookie-close a:hover {
  text-decoration: none;
  color: #e3ad2c;
  cursor: pointer; }

.footer .content-text {
  padding: 0 5%; }

@media (min-width: 1024px) and (max-width: 1604px) {
  .opis .content-text {
    padding-bottom: 185px; } }
/* custom checkbox styling for contact form 7 checkbox */
span.wpcf7-list-item {
  display: inline-block;
  margin: 0; }

.wpcf7 .wpcf7-list-item {
  display: block;
  margin-bottom: 10px; }

.wpcf7-checkbox label {
  position: relative;
  cursor: pointer; }

.wpcf7-checkbox input[type=checkbox] {
  /*position: relative;*/
  position: absolute;
  visibility: hidden;
  width: 30px;
  height: 30px;
  top: 0;
  left: 0; }

.wpcf7-checkbox input[type=checkbox] + span {
  /* border: 3px solid red; */ }

.wpcf7-checkbox input[type=checkbox] + span:before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 0;
  height: 26px;
  width: 26px;
  top: -36px;
  left: 0px;
  border: 2px solid #e52d2c; }

.wpcf7-checkbox input[type=checkbox] + span:after {
  display: block;
  position: absolute;
  content: "\2714";
  height: 26px;
  width: 26px;
  top: -36px;
  left: 2px;
  visibility: hidden;
  font-size: 24px;
  text-align: center;
  line-height: 30px;
  color: #e52d2c;
  font-weight: bold; }

.wpcf7-checkbox input[type=checkbox]:checked + span:before {
  background: transparent; }

.wpcf7-checkbox input[type=checkbox]:checked + span:after {
  visibility: visible; }

.wpcf7-list-item-label {
  margin-left: 40px;
  display: inline-block; }

.rating-star {
  display: flex;
  justify-content: center;
  margin-top: 4em; }

.wpcf7-submit {
  margin-top: 1.5em;
  color: white;
  text-transform: uppercase;
  font-size: 1.1em;
  padding: 0.6em 2em;
  border: none;
  border-radius: 26px;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  overflow-wrap: break-word;
  background: #7A0046;
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-weight: 700; }

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #EA5F2B;
  border-radius: 18px; }

.wpcf7 form .wpcf7-response-output {
  margin: 0 0 0 0;
  padding: 0.5em 1em;
  border: 2px solid #00a0d2; }

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