/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Gabarito:wght@400..900&family=M+PLUS+Rounded+1c:wght@300;400;500;700&display=swap');

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	font: inherit;
    	vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section {
    	display: block;
    }
    body {
    	line-height: 1;
    }
    
    blockquote, q {
    	quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    	content: '';
    	content: none;
    }
    table {
    	border-collapse: collapse;
    	border-spacing: 0;
    }
	
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

 
  a:link {COLOR: inherit; TEXT-DECORATION: none;}
  a:visited {COLOR: inherit; TEXT-DECORATION: none;}
  a:active {COLOR: inherit; TEXT-DECORATION: none;}
  a:hover {COLOR: inherit; TEXT-DECORATION: none;}


button { color: #1b1b1b; }



body {
	color: #231F20;
	font-size: 14px;
	line-height: 1.4; 
	font-weight: 400;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-family: "Gabarito", sans-serif;
  min-height: 100vh;
  overflow: visible;
  background: transparent linear-gradient(180deg, #F0F1FF 0%, #FBFBFB 100%) 0% 0% no-repeat padding-box;
}


html{margin-top: 0px !important;}
em { font-style: italic; }

ul{ margin: 15px 0 25px; list-style: none; margin-left: 30px }
ul li{ margin-left: 0px; padding-left: 25px; margin-bottom: 10px; position: relative; }
strong { font-weight: 600 }
p a { text-decoration: underline !important}

html.js [class*="anim-"] {
  opacity: 0;
  will-change: transform, opacity;
}

.anim-scale, .anim-scale-max, .anim-zoom, .anim-zoom2 {
  transform: scale(0.8);
}

.anim-left, .anim-left2 { transform: translateX(-30px); }
.anim-right, .anim-right2 { transform: translateX(30px); }
.anim-top, .anim-top2 { transform: translateY(-30px); }
.anim-bottom, .anim-bottom2 { transform: translateY(30px); }

[class*="anim-"] {
  opacity: 0;
}



html {
  scroll-behavior: smooth;
}

/***************** menu res ******************/
  .menuMobileClick{ width: 50px; height: 50px; cursor:pointer; display:none; z-index:980; text-align:right; flex-direction: column; align-items: flex-end;
  -webkit-transition: all .25s linear;
     -moz-transition: all .25s linear;
     -ms-transition: all .25s linear;
     -o-transition: all .25s linear;
    transition: all .25s linear;}
  .menuMobileClick div {
   width: 40px;
  height: 4px;
  background-color: #000;
  display: block;
  margin: 8px 0;
  border-radius: 3px
  }
  .menuFixed{ position: fixed; width: 100%; height: 100%; padding: 0; padding-bottom: 20px;  z-index: 999999; left: 0px; top: 0%; opacity: 0; display: none; overflow-x: hidden; overflow-y: scroll; text-align: center;
    -webkit-box-shadow: 5px 5px 30px 18px rgba(0,0,0,0.5);
    box-shadow: 5px 5px 30px 18px rgba(0,0,0,0.5);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    background: rgba(110, 93, 210, 0.5);
    }
  .menuFixed-inner{ width: 380px; min-height: calc(100vh - 20px); position: relative; overflow: hidden; background: #fff;
  margin-top: 20px;
  border-radius: 0px 30px 30px 0;
  -webkit-box-shadow: 0 0 30px 3px rgba(255,255,255,0.5);
box-shadow: 0 0 30px 3px rgba(255,255,255,0.5);
      }
  .closeMenuContainer{ text-align:right; position: absolute; top: 20px; left: 17px;  z-index: 900; }
  .closeX { height: 30px; width: 30px; position: relative; box-sizing: border-box; line-height: 40px; display: inline-block; cursor: pointer; z-index: 900;}
  .closeMenuContainer .closeX { width: 41px; height:29px; cursor:pointer; z-index:980; text-align:right; flex-direction: column; align-items: flex-end;
  -webkit-transition: all .25s linear;
     -moz-transition: all .25s linear;
     -ms-transition: all .25s linear;
     -o-transition: all .25s linear;
    transition: all .25s linear;}

  .closeMenuContainer .closeX div {
     width: 41px;
    height: 3px;
  background-color: #000;
  display: block;
  margin: 6px 0;

  }
  .closeX::before, .closeX::after {
  width: 40px;
  height: 4px;
  transform: rotate(-45deg);
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -2px;
  margin-left: -15px;
  display: block;
  background-color: #000;
  transition: all 0.25s ease-out;
  border-radius: 3px;
}
.closeX::after {
  transform: rotate(-135deg);
}
  .menuFixed ul{ margin: 0px; padding: 0px; list-style: none; padding-top: 100px; display: flex; flex-direction: column; }
  .menuFixed ul li{ font-weight: 400; color: #20221E; overflow: hidden; padding: 5px 0px;font-size: 32px; width: 100%; text-align: center;  position: relative; z-index: 100; line-height: 1.2; letter-spacing: 1px; margin-bottom: 35px; }
  .menuFixed ul a{ display: block; text-align: center; }
  .menuFixed a{ color: inherit; text-decoration: none; text-align: left; }
  .menuFixed ul li.active{ letter-spacing: 4px; color: #EFEFEF;}
  .menuFixed-flex { display: flex; align-items: center; height: 100%; position: relative; }
  .menuFixed .logo { width: 230px; position: absolute; left: 70px; }
  .menuFixed .logo-menu { position: absolute; top: 0; left: 3.1%; }
  .logo-menu {display: none;}
  .menuFixed .menu li.menu-btn-blue1, .menuFixed .menu li.menu-btn-blue {font-size: 18px; margin-top: 20px; width: 250px; padding: 12px 20px;}
  .top-fixed .menuMobileClick { position: absolute; right: 0px; top: 6px } 
  .menu-small-mobile { display: none; }


/***********************************/
#wpadminbar { display: none; }


.all { overflow: hidden; position:relative; }
.container { width: 1300px; margin: auto; position:relative; }


.top{ width:100%; position: fixed;   z-index: 999999; background: #F0F1FF}
.top:after { width: 100%; height: 30px; bottom: -30px; left: 0; position: absolute; content: ""; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0f1ff+0,7db9e8+100&1+0,0+100 */
background: linear-gradient(to bottom,  rgba(240,241,255,1) 0%,rgba(125,185,232,0) 100%);
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 }
.top-inner{ width:100%; height:100px; padding-bottom: 10px; position: relative; display: flex; flex-direction: row; justify-content: space-between;}
.top .logo{ width:210px; display:block; padding-top:25px; }
.top .logo img{ width:100%; display:block; }
.top .menu-container{ position:relative; }
.top .menu{ margin:0px; padding:0px; display:inline-block; font-family: "DM Sans", sans-serif;}
.top .menu li{ display: inline-block; margin:0px; padding: 0px; margin-right:45px; padding-top: 47px; position: relative; font-size: 16px;}
.top .langs{ margin:0px; padding:0px; display:inline-block; font-family: "DM Sans", sans-serif; margin-left: 15px;}
.top .langs li{ display: inline-block; margin:0px 1px; padding: 0px; padding-top:40px; position: relative; font-size: 16px; width: 40px; text-align: center;}
.top .langs li:before{ display:block; content: ''; position:absolute; top:-12px; width:100%; height:5px; background:#000000; transition: all .25s linear;}
.top .langs li.active:before, .top .langs li:hover:before{ top: -7px; }




.button{ display:inline-block; position:relative; color: #fff; font-size: 18px; padding: 15px 37px; cursor: pointer; transition: all .25s linear; font-family: "M PLUS Rounded 1c", sans-serif; font-weight: bold; border-radius: 35px;
border: 5px solid #FF6F0033; text-transform: uppercase;
}
.button:before{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; display: block; background: transparent linear-gradient(90deg, #FF6900 0%, #FF8000 100%) 0% 0% no-repeat padding-box; border-radius: 35px;
z-index: -1; }
.button:after{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; display: block; background: transparent linear-gradient(90deg, #2C1B59 0%, #34128E 100%) 0% 0% no-repeat padding-box;  border-radius: 35px; z-index: -1; transition: opacity .3s ease; opacity: 0}
.button:hover:after{ opacity: 1 }
.button:hover { border: 5px solid #2B1C5233; }

.button-dark { border: 5px solid #2B1C5233; }
.button-dark:before{ background: transparent linear-gradient(90deg, #2C1B59 0%, #34128E 100%) 0% 0% no-repeat padding-box; }
.button-dark:after{ background: transparent linear-gradient(90deg, #FF6900 0%, #FF8000 100%) 0% 0% no-repeat padding-box;}
.button-dark:hover:after{ opacity: 1 }
.button-dark:hover {  border: 5px solid #FF6F0033; }




.header{ font-family: "M PLUS Rounded 1c", sans-serif; font-size:56px; line-height:1.15; font-weight: bold; max-width: 670px;}
.header-color{ color:#FF6900; }
.header-dark{ color:#130F15; }
.header-light{ color:#fff; }
.header-small{ font-family: "M PLUS Rounded 1c", sans-serif; font-size:48px; line-height:1.15; }

.txt{ font-size:24px; line-height:1.4; color:#130F15; font-family: "Gabarito", sans-serif;}

.box-border{ border:2px solid #FF6900; background: none; position: absolute; border-radius: 40px;}
.box-border:after{ padding-top:100%; content:''; display:block; }

main { padding-top: 100px  }
.main-frame{ 
  display: flex; flex-direction: row; justify-content: space-between;
  padding: 80px 40px; margin: 30px 0 50px;
  background: #FFFFFF;
  box-shadow: 0px 0px 15px #FFFFFFCC;
  border: 1px solid #F0F0F3;
  border-radius: 25px; }

.main-frame-l{ width:55%; }
.main-frame-r{ width:40%; position: absolute; right: 0px; top: 0px;}
.main-frame-r img{ width:110%; display:block; top: -10%; position: relative;}
.txt-main{ margin-top:85px; margin-bottom:25px; width:80%; }




/*.header-optymalizacja{ width:50%; }*/
.optymalizacja-flex{ display:flex; flex-direction:row; justify-content:space-between; margin-top: 50px; margin-bottom: 30px;}
.optymalizacja-box{ 
 width: 30%;
   /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*   */
}
.optymalizacja-box span { background: linear-gradient(to bottom,  rgba(239,239,249,1) 0%,rgba(239,239,249,0) 100%); display: block;  border-radius: 40px; padding: 60px 40px; transition: all .35s linear;}

.optymalizacja-box .name{ font-family: "M PLUS Rounded 1c", sans-serif; font-size:42px; font-weight:bold; margin-bottom: 100px; text-transform: uppercase; transition: all .45s linear;}
.optymalizacja-box .desc{ font-size:18px; color:#838189; transition: all .35s linear;}
.box-1 .name{ color: #FF6900}
.box-2 .name{ color: #FF3700}
.box-3 .name{ color: #6E5DD2}
.optymalizacja-box:hover span, .optymalizacja-box.active span{ background: #2B1C52 0% 0% no-repeat padding-box;
                          box-shadow: 0px 0px 25px #2B1C52; }
.optymalizacja-box:hover .desc, .optymalizacja-box:hover .name, .optymalizacja-box.active .desc, .optymalizacja-box.active .name{ color:#FFFFFF; }

.feedcore{ font-weight:bold; display: inline-block;}
.feedcore span{ color:#FF7F00; }

.box-border-1{ right:-280px; top:-3%; width:350px; }
.box-border-2{ left:-390px; top:50%; width:350px; }

.box-border-2_1{ right:-200px; top:-70px; width:320px; border-color: #E8E3FF; border-width: 3px; z-index: 1;}

.box-border-3{ left:-390px; top:20%; width:350px; }
.box-border-4{ width: 500px; right: -100px; top: 5%; background: transparent linear-gradient(0deg, #F0F1FF 0%, #191A18 100%) 0% 0% no-repeat padding-box;
               box-shadow: 0px 0px 25px #6E5DD280; opacity: 0.02; }
.box-border-4:after{ padding-top:60%;}
.box-border-5{ right:-350px; top:0%; width:350px; border-color: #EAF3EB;}
.box-border-5-mobile { display: none; }



.frame-cta{ 
  position: relative; width: 100%; padding: 25px;
  font-family: "DM Sans", sans-serif; font-size: 22px; color: #130F15;
  background: #F5F5FD81; text-align: center;
  box-shadow: 0px 0px 25px #6E5DD233;
  border: 3px solid #FFFFFF4D;
  border-radius: 40px; margin-top: 20px; margin-bottom: 85px;
}

.frame-cta .button{ margin-left:10px; }
.frame-cta-txt { display: inline-block; }

.slider-outer{ position:relative; }
.slider-opinie{ width:100%; position:relative; z-index:100; }
.slider-opinie .opinia{ display:flex; flex-direction:row; justify-content:space-between; padding: 0 15px;}
.slider-opinie .opinia .foto{ width:38%; align-self: center;}
.slider-opinie .opinia .foto img{ width:100%; height:100%; object-fit:contain; padding:20px; }
.slider-opinie .opinia .desc{ width: 55%; color:#130F15; font-size:18px; font-style:italic; font-weight:300; font-family: "DM Sans", sans-serif; align-self: center;}

.slider-prev, .slider-next{ width:56px !important; height:56px !important; border-radius:50% !important; background: url('../img/arrow.svg') #FFFFFF center center no-repeat ; background-size: 30%; padding:0px !important; position:absolute; top:50%; transform:translateY(-50%); margin-top: -24px;
  box-shadow: 0px 0px 2px #6E5DD233; z-index: 200; cursor: pointer;}
.slider-prev{ left:-35px; transform: translateY(-50%) rotate(180deg);}
.slider-next{ right:-35px; }


.dlaczego-item{ width:100%; position:relative; box-shadow: 0px 0px 15px #F0F1FFCC; display: flex; flex-direction: row; justify-content: space-between; border-radius: 30px;}
.dlaczego-item:after{ padding-top:42%; content:''; display:block; }
.dlaczego-l{ width:33%; align-self:center; padding: 20px 0 20px 50px; }
.dlaczego-l .txt{ margin-top:60px; }
.dlaczego-r{ width:60%; align-self:center; }
.dlaczego-1{ background: #d5fdf2; }
.dlaczego-2{ background: #f0f1fd; }
.dlaczego-3{ background: #d3f0fd; }
.dlaczego-4{ background: #f9ddb6; }
.dlaczego-5{ background: #d8faa9; }

.dlaczego-foto{ 
    position: absolute;
    width: 50%;
    transform: scale(0.85) translateY(-20px);
    transition: 
        transform 0.6s ease,
        opacity 0.6s ease;
}
.dlaczego-foto img{ width:100%; display:block; }

.dlaczego-item.is-animated .dlaczego-foto {
    transform: scale(1) translateY(0);
    opacity: 1;
}

.dlaczego-foto-1-1{ top: 9%; left: 37%; z-index: 3; width: 14%; }
.dlaczego-foto-1-2{ top: -5%; left: 44%; z-index: 2; width: 37%; }
.dlaczego-foto-1-3{ top: 9%; left: 55%; z-index: 1; width: 43%; }

.dlaczego-foto-2-1{ top: 8%; left: 63%; z-index: 2; width: 35%; }
.dlaczego-foto-2-2{ top: -7%; left: 49%; z-index: 2; width: 32%; }
.dlaczego-foto-2-3{ top: 9%; left: 34%; z-index: 3; width: 25%; }

.dlaczego-foto-3-1{ top: 8%; left: 34%; z-index: 1; width: 31%; }
.dlaczego-foto-3-2{ top: -3%; left: 51%; z-index: 2; width: 49%; }
.dlaczego-foto-3-3{ top: 36%; left: 68%; z-index: 3; width: 30%; }

.dlaczego-foto-4-1{ top: 7%; left: 37%; z-index: 2; width: 25%; }
.dlaczego-foto-4-2{ top: 3%; left: 52%; z-index: 2; width: 45%; }

.dlaczego-foto-5-1{ top: 0%;  right: 4%; z-index: 2; width: 28%; }
.dlaczego-foto-5-2{ top: -4%; right: 1%; z-index: 2; width: 59%; }

.slider-dlaczego{ position:relative; z-index:100; }

.dlaczego-txt-mobile { display: none; }


.owl-item{ padding:30px 0 !important; padding-bottom: 60px !important; }
/* kontener */
.slider-dlaczego .owl-dots {
    margin-top: 40px;
    text-align: center;
}

/* pojedynczy dot */
.slider-dlaczego .owl-dot {
    margin: 0 10px !important; 
}

/* kropka */
.slider-dlaczego .owl-dot span {
    display: block;
    width: 14px !important;
    height: 14px !important;
    border: 2px solid currentColor !important;
    background: transparent !important;
    border-radius: 50px !important;
    transition: all 0.45s cubic-bezier(.65,0,.35,1) !important;
}

/* aktywna */
.slider-dlaczego .owl-dot.active span {
    width: 36px !important;
    border-radius: 6px !important;
    background: currentColor !important;
}


.slider-dlaczego {
    --dot-color: #000;
}

.slider-dlaczego .owl-dot span {
    color: var(--dot-color) !important;
}


.jak-to-dziala-container{ width:100%; position:relative; display:flex; flex-direction:row; justify-content:space-between; margin-top: 50px;}
.jak-to-l{ width:38%; }
.jak-to-l .foto{ width:100%; display:block; }
.jak-to-l .foto img{ width:100%; display:block; }
.jak-to-r{ width:56%; padding-top:50px; }
.jak-to-r .header{ margin-bottom:35px; }
.jak-to-r .txt{ margin-bottom:50px; }
.jak-to-l .foto.kostka{ display:none; }
.jak-to-r span { color: #FF6900; text-decoration: none !important}
.kostka-mobile { display: none; }
.ikony-naglowek-mobile { display: none; text-transform: uppercase; text-align: center;font-size: 28px; letter-spacing: 5px; margin-bottom: 20px;  }

.padding-left{ padding-left:35px; }

.ikony{ width:100%; display:flex; flex-direction:row; justify-content:space-between; }
.ikony .ikona{ width:15.5%; cursor: pointer; align-self: center;}
.ikony .ikona img{ width:100%; display:block; transition: all .25s linear; }
.ikony .ikona.active img, .ikony .ikona:hover img{ filter: invert(42%) sepia(80%) saturate(2081%) hue-rotate(1deg) brightness(100%) contrast(105%); }

.ikony-txt{ margin-bottom:30px; margin-top:20px; }
.ikona-txt{ display:none; }

.ikona-txt .name{ color:#FF6900; font-size:36px; font-family: "M PLUS Rounded 1c", sans-serif; font-weight: bold; text-transform: uppercase;}
.ikona-txt .subname{ color:#130F15; font-size:24px; font-family: "DM Sans", sans-serif;  }
.ikona-txt .desc{ color:#838189; font-size:23px; font-family: "Gabarito", sans-serif; margin-top:5px; }


.automatyzacja{ margin-top:50px; }
.automatyzacja-left{ width:50%; position:relative; z-index:100; }
.automatyzacja-left .txt{ margin-top:35px; }
.txt-gray{ color:#838189; }
.automatyzacja-foto{ position:absolute; top:20%; width:180%; left:110%; z-index:100; }
.automatyzacja-foto img{ display:block; width:100%; }
.automatyzacja-foto2{ position:relative; z-index:10; margin-top: 100px; width: 90%;}
.automatyzacja-foto2 img{ display:block; width:100%; }

.automatyzajca-iko{ position:absolute; display:block; }
.a-iko1{ width:30px; height:30px; top:-5px; left:43%; background:url('../img/ico-search.svg') no-repeat center center; background-size:contain; }
.a-iko2{ width:36px; height:28px; top:30%; left:-14px; background:url('../img/ico-chart.svg') no-repeat center center; background-size:contain; }
.a-iko3{ width:40px; height:35px; top:30%; left:-35px; background:url('../img/ico-window.svg') no-repeat center center; background-size:contain; }
.a-iko4{ width:35px; height:35px; top:60%; left:-120px; background:url('../img/ico-qr.svg') no-repeat center center; background-size:contain; }


.header-film{ padding-top:40px; }
.videowrapper {
    clear: both;
    width: 100%;
    position: relative;
    margin-top: 40px;
    margin-bottom: 60px;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




.nadzedzie-dla-container{ padding:60px 50px; background: #F0F1FF; box-shadow: 0px 0px 15px #F0F1FFCC; border: 1px solid #F0F0F3; border-radius: 27px; margin-bottom: 40px;}
.nadzedzie-dla-flex{ display:flex; flex-direction:row; justify-content:space-between; margin-top: 20px;}
.nadzedzie-dla-item{ width:30%; padding:0 15px;  }
.nadzedzie-dla-item .foto{ width:100%; }
.nadzedzie-dla-item .foto img{ width:80%; margin-left:10%; }
.nadzedzie-dla-item .content{ width:100%; margin-top: 40px; text-align: center;}


.faq-container{ width:100%; position:relative; margin-top:25px; margin-bottom: 60px;}
.faq-container .faq-item{ width:100%; position:relative; padding: 25px 30px; }
.faq-container .faq-item:nth-of-type(2n+0){ background: #F0F1FF; box-shadow: 0px 0px 15px #F0F1FFCC; border: 1px solid #F0F0F3; border-radius: 27px;}
.faq-flex{ display:flex; flex-direction:row; justify-content:space-between; margin:10px 0;}
.faq-flex .name{ width:30%; font-weight:bold; font-family: "Gabarito", sans-serif; font-size:21px; }
.faq-flex .desc{ width:65%; font-family: "Gabarito", sans-serif; font-size:21px; }
.faq-flex:nth-of-type(2){ color:#6E5DD2; }



.slider-kontrola-outer{ position:relative; margin-bottom: 100px;}
.kontrola-item{ padding: 0px; position: relative;}
.kontrola-item .foto{ width:100%; position:relative; border-radius:25px; box-shadow: 0px 0px 15px #F0F1FFCC; border: 1px solid #F0F0F3; overflow: hidden;}
.kontrola-item .foto img{ width:100%; display:block; }
.kontrola-item .desc{ 
  background: #2B1C52;
  box-shadow: 0px 0px 25px #FF370033;
  border-radius: 0px 40px 40px 40px;
  opacity: 1;
  width: 400px;
  position: absolute;
  bottom: -30px;
  left: 48px;
  font-size: 21px;
  color: #FFF;
  padding: 36px; }
.kontrola-item .foto .screen-mobile { display: none; }


.na-co-czekasz-frame{ position: relative;
                      background: #FF6900;
                      box-shadow: 0px 0px 25px #FF690099;
                      border: 1px solid #F0F0F3;
                      border-radius: 27px; 
                      padding: 80px 40px; color: #fff;
                      margin-bottom: 150px;
                    }

.na-co-czekasz-frame .header{ margin-bottom:70px; }
.na-co-czekasz-frame .txt{ color:#fff; max-width:500px; margin-bottom:50px; }
.na-co-czekasz-frame .cursor{ width:250px; position:absolute; left:365px; bottom:-100px; }
.na-co-czekasz-frame .cursor img{ width:100%; display:block; }
.na-co-czekasz-frame .zero{ height: 80%; position:absolute; top: 10%; right: 10%;}
.na-co-czekasz-frame .zero img{ height:100%; display:block; }
.na-co-czekasz-frame .zero-mobile { display: none; }

.header-umow { color: #FF6900 }
.formularz-frame { position: relative; background: #FFffff; box-shadow:  0px 0px 25px #6E5DD233; border: 1px solid #F0F0F3;
                      border-radius: 27px; 
                      padding: 60px 40px; margin-bottom: 100px;}
.formularz { 
  margin-top: 40px; 
}

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

.form-flex .form-pole { 
  width: 48%; 
  position: relative;
}

.form-zgoda .wpcf7-list-item { 
  display: block; 
}

.form-zgoda .wpcf7-list-item input { 
  padding: 8px;
}

.form-zgoda .wpcf7-list-item input[type="checkbox"] { 
  width: 40px; 
  border: solid 2px #6D6A6E; 
  height: auto; 
  position: absolute; 
}

.form-zgoda .wpcf7-list-item label span { 
  color: #716f73; 
  display: block;
  padding-left: 60px;
}

/* Tylko zgoda Klaviyo, styl jak zgody CF7 */
.form-zgoda-klaviyo {
  position: relative;
  display: block;
  margin: 0;
  margin-left: 18px;
  padding-left: 0 !important;
  color: #716f73;
  font-size: 14px;
  line-height: 1.4;
}

/* Zmienione tylko z block na inline, żeby dopisek był od razu po kropce */
.form-zgoda-klaviyo label {
  position: relative !important;
  display: inline !important;
  margin-bottom: 0 !important;
  padding-left: 60px !important;
  color: #716f73 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

/* tekst wewnątrz labela i dopisek */
.form-zgoda-klaviyo label span,
.form-zgoda-klaviyo span,
.form-zgoda-klaviyo .klaviyo-extra-inline {
  display: inline !important;
  color: #716f73 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  padding-left: 0 !important;
}

.form-zgoda-klaviyo a {
  text-decoration: underline !important;
}

/* checkbox Klaviyo, zostawiony jak w działającej wersji */
.form-zgoda-klaviyo input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 40px !important;
  height: auto !important;
  padding: 8px !important;
  border: solid 2px #6D6A6E !important;
  border-radius: 999px;
  background: #fff;
  position: absolute !important;
  left: 0;
  top: 0;
  cursor: pointer;
  margin: 0 !important;
}

/* kropka w switchu, zostawiona jak w działającej wersji */
.form-zgoda-klaviyo input[type="checkbox"]::after {
  content: "";
  width: 16px;
  height: 16px;
  background: #6D6A6E;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  transition: .2s;
}

/* stan zaznaczony, zostawiony jak w działającej wersji */
.form-zgoda-klaviyo input[type="checkbox"]:checked {
  background: #fff;
  border-color: #978CDE;
}

.form-zgoda-klaviyo input[type="checkbox"]:checked::after {
  transform: translateX(20px);
  background: #978CDE;
}

.wpcf7 input:not([type="checkbox"]),
.wpcf7 select,
.wpcf7 textarea {
  border: 2px solid #b7a6d9;
  border-radius: 999px;
  padding: 16px 33px;
  font-size: 22px;
  outline: none;
  transition: .2s;
  color: #130F15;
  width: 100%;
  background: #fff;
}

.wpcf7 select { 
  color:#716f73; 
}

/* focus */
.wpcf7 input:not([type="checkbox"]):focus {
  border-color: #ff6a00;
}

.custom-select {
  position: relative;
}

.custom-select::before {
  content: "";
  position: absolute;
  pointer-events: none;
  color: #333;
  top:17px; right: 15px;
  font-size: 12px;
  background: url('../img/arrow-down.svg') no-repeat;
  background-size: cover;
  width: 28px; 
  height: 28px; 
  z-index: 10
}

.custom-select select {
  appearance: none;
  padding-right: 35px;
}

/* błędy */
.wpcf7-not-valid {
  border-color: #ff6a00 !important;
}

/* label floating */
.wpcf7 label {
  position: relative;
  display: block;
  margin-bottom: 24px;
}

.wpcf7-not-valid-tip {
  position: absolute;
  bottom: -40px;
  left: 20px;
  padding: 0 6px;
  font-size: 17px;
  color: #FF6F00;
  font-weight: 100 !important;
}

input[type=checkbox] {
  appearance: none;
  width: 48px;
  height: 24px;
  background: #fff;
  border-radius: 999px;
  position: relative;
  cursor: pointer;
}

.form-zgoda .wpcf7-list-item input[type=checkbox]:checked {
  background: #fff;
  border-color: #978CDE;
}

input[type=checkbox]:checked::after {
  transform: translateX(20px);
  background: #978CDE;
}

input[type=checkbox]::after {
  content: "";
  width: 16px;
  height: 16px;
  background: #6D6A6E;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  left: 0px;
  transition: .2s;
}

.form-label { z-index: 10; position: absolute; left: 32px; font-size: 22px; color: #716f73; top: 15px; 
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
.filled .form-label, .form-pole:focus-within .form-label { background: #fff; font-size: 14px; color: #978CDE; padding: 0 10px; top: -7px; left: 25px;  }
.form-pole.required:after { content: "*"; position: absolute; right: 15px; top: 22px; color: #FF6F00; font-size: 20px; width: 20px; height: 20px; display: block;  }

.wpcf7 .wpcf7-submit{ display:inline-block; border-radius: 35px; position:relative; color: #fff; font-size: 18px; padding: 15px 37px; cursor: pointer; transition: all .25s linear; font-family: "M PLUS Rounded 1c", sans-serif; font-weight: bold;
background: transparent linear-gradient(90deg, #FF6900 0%, #FF8000 100%) 0% 0% no-repeat padding-box;
border: 5px solid #FF6F0033; display: block; width: 260px; text-transform: uppercase; margin-left: auto; margin-top: 25px;
}
.wpcf7 .wpcf7-submit:hover{ background: transparent linear-gradient(90deg, #2C1B59 0%, #34128E 100%) 0% 0% no-repeat padding-box; border: 5px solid #2B1C5233; }
.form-pole.custom-select:after { content: "*"; position: absolute; right: 35px; top: 22px; color: #FF6F00; font-size: 20px; width: 20px; height: 20px; display: block;  }

.wpcf7 form .wpcf7-response-output { font-size: 20px !important; border: 0 !important; }


footer { color: #fff; padding: 40px; padding-bottom: 60px; position: relative;  }
footer:after { width: 100%; height: 100%; content: ""; background: #130F15; display: block; position: absolute; z-index: -2; top: 0; left: 0 }
footer .container { padding: 0 40px; }
.footer-flex-out { display: flex; justify-content: space-between; align-items: center; margin-top: 40px;}
.footer-flex { display: flex; justify-content: space-between;  font-size: 16px; width: calc(100% - 300px);}
.footer-flex .kol { width: 46% }
.footer-flex .kol:first-of-type { padding-right: 30px; width: 54% }
.logo-footer { width: 210px;  }

.page_404 { text-align: center; padding: 100px 0 200px }
.page_404 .title { font-size: 250px;  color: #FF8000; }
.page_404 .opis { font-size: 20px; margin-bottom: 50px;}
.page_404 a { color: #fff;  }