body {width:100%;background:#f8f8f8;font-family:raleway,arial,verdana,tahoma;padding:0px;margin:0 auto;text-align:left;font-size:16px;color:#4A4E4E;}
h1 {font-family: 'Poppins', Arial, Verdana, Tahoma;font-size: 12px;color: #000;text-align: center;text-transform: uppercase;font-weight: 600;letter-spacing: 2.5px;margin: 20px auto 20px;}
h2 {font-size: 34px;color: #000;font-weight: 700;font-family: poppins,arial,tahoma,verdana;text-align: left;margin: 5px auto;line-height: 50px;}
h3 {font-size: 22px;color: #000;font-weight: 600;font-family: poppins,arial,tahoma,verdana;text-align: left;margin: 5px auto;line-height: 50px;}
h4 {font-size: 17px;font-weight: 700;text-align: left;padding:0;margin: 20px auto 15px;color: #4A4E4E;}
h5 {padding-bottom: 10px;font-size: 16px;line-height: 28px;font-weight: 300;color:#4A4E4E;margin: 0 auto 20px;text-align: left;font-family: 'raleway',arial,tahoma,verdana;width: 100%;display: grid;}
h6 {font-size: 17px;margin: 0 0 0 18px;color: #39464e;font-weight: 700;font-family: 'raleway',arial,verdana;line-height: 30px;text-align: left;display:none;}

.cennik  h3 {-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: -moz-linear-gradient(left, #2f1088 0%, #6dcff6 100%);background-image: -webkit-gradient(left, color-stop(0%,#2f1088), color-stop(100%,#6dcff6));background-image: -webkit-linear-gradient(left, #2f1088 0%,#6dcff6 100%);background-image: -o-linear-gradient(left, #2f1088 0%,#6dcff6 100%);background-image: -ms-linear-gradient(left, #2f1088 0%,#6dcff6 100%);background-image: linear-gradient(left, #2f1088 0%,#6dcff6 100%);}
.dzieci {display: none;}

p, .formularz-rezerwacji {font-size: 15px;
    color: #39464e;
    font-weight: 100;
    font-family: 'Raleway', arial,tahoma,verdana;
    text-align: left;
    line-height: 30px;
    margin: 20px auto;}
p small {color:#686a6a;padding: 5px 0 0 0;display: block;line-height: 16px;font-size:14px;font-family: 'raleway',arial,tahoma,verdana;letter-spacing: 0;}
button, .wyslij{cursor:pointer;text-align:left;color:#fff;margin:20px 0 0;padding:15px 65px;font-size: 13px;font-weight: 600;letter-spacing:1px;border-radius: 25px;font-family:'poppins',arial,verdana,tahoma;background:#000;text-transform:uppercase;border:1px solid #000;-webkit-transition: all 0.5s;transition: all 0.5s;}
button:hover, .wyslij:hover {color:#fff;background:#6dcff6;border:solid 1px #6dcff6;}
a {text-decoration:none;color:#6dcff6;font-weight:500;}a:hover {text-decoration:underline;}
strong {font-weight:500;}
#menu {display:none;}
.faq {margin:72px auto 0;}
.faq h3 {font-size:22px;}

#stopka {padding:20px 6%;clear: both;display: grid;width: 88%;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;}
#stopka div {max-width: 1600px;margin:0 auto;width:100%;}
#stopka nav {background:transparent; margin:7px 0 0 0; padding: 0 0 0; z-index: 1;float:left}
#stopka nav ul {display: inline-block;text-align:right;margin: 0 auto; padding: 0 0;height: 20px;}
#stopka nav ul li {display: inline-block; list-style: none; line-height: 15px; margin:0;padding:0;height: 30px;padding: 0;}
#stopka nav ul li a {color: #7b7b7b; text-decoration: none; font-family:'poppins',arial,verdana,tahoma; font-size:13px;font-weight:400;padding:12px 22px;letter-spacing:0.75px;-webkit-transition: all 0.3s; transition: all 0.3s;}
#stopka nav ul li a:hover {color: #6dcff6;text-decoration: none;}
#stopka nav ul li a:last-of-type {border:0;margin: 0;}
#stopka img {float:right;margin:0 4px;width:34px}

#powered {padding:115px 6% 100px 6%;clear: both;display: grid;width: 88%;background:#060606;text-align: center;font-family: poppins;}
#powered a, #powered a:hover {font-size: 10px;text-transform: uppercase;letter-spacing: 2px;color:#aaa;text-decoration: none;font-family: poppins;}
#stopka2 {padding:22px 6%;clear: both;display: grid;width: 88%;background:#000;border-top:1px solid #222;}
#stopka2 div {max-width: 1600px;margin:0 auto;width:100%;color:#999;font-size: 10px;text-align: center;font-family: arial,verdana,tahoma;letter-spacing: 2px;text-transform: uppercase;}
#stopka2 div strong {color:#ccc}

/* accordion */
.accordion {background-color: transparent;color: #323232;cursor: pointer;padding: 18px 3% 18px 0 !important;width: 97%;border: none;text-align: left;outline: none;font-size: 1.3em;transition: 0.4s;margin: 0 auto 0 auto;font-family: 'raleway',arial,tahoma,verdana;font-weight:300;}
.accordion:after {content: '\002B';color: #323232;font-weight: 300;float: right;margin: -20px 0 0 0;}  
.active-accordion:after {content: "\2212";color:#6dcff6;font-weight:400;-webkit-text-fill-color:#6dcff6 !important;}  
.panel {padding: 0 ;max-height: 0;overflow: hidden;transition: max-height 0.9s ease-in-out;border-bottom:1px solid #d5d5d5}
.panel:last-of-type {border:0;}
.panel p {margin: 0 auto 16px 0%;font-size: 0.86em;line-height: 2em;}
.panel p:last-of-type {margin: 0 auto 50px 0%;}
.active-accordion{font-weight:700;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: -moz-linear-gradient(left, #6dcff6 0%, #e4660d  88%);background-image: -webkit-gradient(left, color-stop(0%,#6dcff6), color-stop(88%,#e4660d ));background-image: -webkit-linear-gradient(left, #6dcff6 0%,#e4660d  88%);background-image: -o-linear-gradient(left, #6dcff6 0%,#e4660d  88%);background-image: -ms-linear-gradient(left, #6dcff6 0%,#e4660d  88%);background-image: linear-gradient(left, #6dcff6 0%,#e4660d  88%);}
.panel div {margin:0;width: 100%;padding: 0 ;}
.panel div li {font-size:0.78em !important;text-align: left;line-height: 2em;font-weight: 100;font-family: raleway, arial,tahoma,verdana;}
.panel a {font-size:1em}
.panel li a {font-size:1em !important;font-weight: 400}
.accordion h2 {font-size: 16px;line-height: 17px;font-weight: 300;color:#39464e;max-width: 100%;margin: auto;text-align: left;font-family: 'raleway',arial,tahoma,verdana;text-transform: none}
.accordion2 h2 {font-size: 16px;line-height: 17px;font-weight: 300;color:#000 !important;max-width: 100%;margin: auto;text-align: left;font-family: 'raleway',arial,tahoma,verdana;text-transform: none}
.accordion2 p, .express .cena, .express .cena small {color:#000 !important;}
.express {background: #6dcff6 !important;background-image: linear-gradient(to right, #6dcff6 50% ,#ff9b1b) !important;padding: 30px 5% 35px 3% !important;width: 92% !important;margin: 50px auto 0;border: 1px solid #d78b00 !important;}
ul {font-size: 1.1em;line-height: 18px;margin: 20px 0 35px 0;padding: 0 0 0 30px;width: 90%;}

#cennik {background:#fff;width:100%;padding:20px 0;border:0 solid #aaa;margin:50px 0}
.cennik {background:#fff;width:98%;padding:21px 1% 16px;clear:both;border-bottom:1px solid #ddd;display: flex;}
.cennik div {float:left;}
.check {display: block;width:40px;background: transparent;margin: 1px 0 0 0;}
.szczegoly {background: transparent;display: block;width: calc(100% - 120px);}
#cena {display: block;width:80px;background: transparent;}
.cennik h2 {font-size: 17px;color: #39464e;font-weight: 700;font-family: 'raleway',arial,verdana;line-height: 30px;text-align: left;}
.cennik p {margin: 4px 0 0 22px;color: #686a6a;padding: 6px 60px 0 0;display: block;line-height: 16px;font-size: 12px;width:100%}
.cennik .accordion {background-color: transparent;color: #323232;cursor: pointer;padding: 0 3% 0 0 !important;width: 97%;border: none;text-align: left;outline: none;font-size: 1.3em;transition: 0.4s;margin: 0 auto 0 auto;font-family: 'raleway',arial,tahoma,verdana;font-weight:300;}
.cennik .accordion::after {display:none;}
.szczegoly .panel, .cennik:last-of-type{border:0;}
.cennik:nth-child(even) {background: #f8f8f8;padding: 20px 1% 15px;}
.szczegoly .panel p:last-of-type {margin: 0 auto 15px 0%;}
.cennik:nth-child(even):hover, .cennik:hover {background:#fcfcfc;}
.pytania {text-align: left !important;}

/* Formularz */
#zawartosc {width: 94%;padding: 60px 0 0 0;max-width: 1440px;margin: auto;}

.small2{margin: 4px 0 0 22px;display: block;line-height: 16px;width: 83%;}
.cena{float:right;line-height:12px;margin: 8px 0 0 0;font-weight: 700;}
.cena small {font-weight:300;font-size:11px;color:#888;float:right;padding: 0;line-height: 12px;}
small, .szczegoly .panel p, .accordion2  p {margin: 0 15px 0 10px;display: block;line-height: 17px;font-family: raleway;font-size: 11.5px;letter-spacing: 0.2px;color: #565656;clear: left;text-align: justify;}
.field{background: #fff;margin-bottom: 40px;border:0;border-bottom: 1px solid #ccc;padding: 12px 0 22px 0;}
.box-send {margin-bottom:120px;}
.box-container {margin:10px auto 60px;display: inline-block;padding: 0;width:100%;}
.box, .box-send {width: 100%;clear: both;margin: 0 0 10px;padding: 8px 0 0 0;}
.stopki {margin:18px 0 0 45px;width: calc(100% - 45px);}
.radio {margin:26px 3% 6px ;}
.stopki div {width:33.333%;float:left;}
.radio div {float:left;margin: 0 20px 0 0;font-size: 12px;font-weight: 300;height: 30px;}
.radio div:first-of-type {width: 30%;height: 30px;}
.radio div strong {font-size:13px;}
.checkbox strong {font-size:14px;font-weight: 600;}
.checkbox  {margin: 14px 7px 0 10px;}

.formularz-rezerwacji:first-of-type {margin: 51px 8% 0 0;float:left;text-align: left;width:48%;max-width: 700px;}
.formularz-rezerwacji {width:44%;float: right;text-align: left;margin-top:86px;max-width: 620px;}
.formularz-rezerwacji h1, .formularz-rezerwacji h2, .formularz-rezerwacji p, .formularz-rezerwacji:last-of-type p, .rest-ofe h1, .rest-ofe p, .rest-ofe:last-of-type p {text-align: left}
.formularz-rezerwacji p {margin-left: 0;text-align: left;}
.formularz-rezerwacji img {width:100%;}

.pole {padding:15px 3%;background:#fff;border:1px solid #bbb;width:93%;margin:30px 2% 9px 0;font-size: 15px;color:#323232 ;font-weight:300;font-family:'raleway',arial,tahoma,verdana;-webkit-transition: all 0.3s;transition: all 0.3s;border-radius: 25px;}
.pole-opis {padding:10px 2%;background:#fff;border:1px solid #bbb;width:95%;float:left;margin:30px 2% 9px 0;font-size: 15px;color:#323232;font-weight:300;font-family:'raleway',arial,tahoma,verdana;height:76px;-webkit-transition: all 0.3s;transition: all 0.3s;border-radius: 25px;}
.pole-lista {padding:12px 3%;background:#fff;border:1px solid #bbb;width:99%;margin:30px 2% 9px 0;font-size: 15px;color:#323232 ;font-weight:500;font-family:'raleway',arial,tahoma,verdana;-webkit-transition: all 0.3s;transition: all 0.3s;border-radius: 25px;height: 46px;}

.pole:hover, .pole-opis:hover, .pole-lista:hover {border:1px solid #6dcff6;background: #fff;}
/*.pole:hover, .pole-opis:hover, .pole-lista:hover {border: 1px solid transparent;border-top-color: transparent;border-right-color: transparent;border-bottom-color: transparent;border-left-color: transparent;border-color: #6dcff6;-moz-border-image:-moz-linear-gradient(left,#6dcff6 20%,#9072ff 90%);-webkit-border-image:-webkit-linear-gradient(left, #6dcff6 20%, #9072ff 90%);border-image: linear-gradient(to right, #6dcff6 20%, #9072ff 90%);border-image-slice: 100%;border-image-slice: 1;border-radius: 5px;}
*/
sup {font-size:9px;}
.imie {margin:26px 0 0;float: left;width:60%}
.firma {margin:26px 0 0;float: left;width:94%}
.mail {margin:26px 0 0;float: left;width:51%;}
.telefon {margin:26px 0 0;float: right;width:33%}
.nip {margin:26px 0 0;float: right;width:33%}
.wojewodztwo {margin:26px 0 0;float: right;width:45%}
.pracownicy {margin:26px 0 0;float: right;width:33%}

.formularz-rezerwacji-check {width: 100%;clear: both;}
.formularz-rezerwacji-check div  {width:33%;float:left;padding: 0 0 26px 0;}
::-webkit-input-placeholder {color: #999;}
:-moz-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
:-ms-input-placeholder {color: #999;}


/* Tooltip container */
.tooltip {background-color: #333;width: 12px;height: 12px;border-radius: 50%;font-size: 8px;padding: 0;text-align: center;line-height: 12px;font-weight: 400;color:#fff;bottom:4px;left:4px;;
  }
  
  /* Tooltip text */
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 290px;
    background-color: rgba(0,0,0,.84);
    color: #fff;
    text-align: left;
    padding: 2px 15px 16px;
    border-radius: 6px;font-size: 11px;
    position: absolute;
    z-index: 1;margin: 0 0 0 -8px;
  }
  
 
  /* Show the tooltip text when you mouse over the tooltip container */
  .tooltip:hover .tooltiptext {
    visibility: visible;
  }

  .tooltip:hover .tooltiptext h2 {color:#fff;font-size: 12px;margin:20px auto 4px;line-height: 14px;font-weight: 500;}
  .tooltip:hover .tooltiptext p {color:#fff;font-size: 11px;margin:5px auto 12px;line-height: 17px;letter-spacing: 0.3px;}
  .tooltip:hover .tooltiptext p strong {font-weight: 600;}
@media (min-width: 768px) {
    .dzieci {display: inline;}
    .box, .box-send {width: 100%;clear: both;margin: 0 0 0;padding: 8px 0 0 0;}
    p, .formularz-rezerwacji {font-size: 16px;}
    .tooltip {position: relative;display: inline-block;}
     /* Tooltip text */
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 320px;}
}

@media (max-width: 768px) {
    #stopka {display:none;}
    h1 {font-size: 12px;line-height: 18px;}
    h2 {font-size: 18px;line-height: 30px;}
    h3 {font-size: 18px;line-height: 30px;}
    h4 {font-size: 16px;line-height: 28px;}
    .pole:nth-of-type(1), .pole:nth-of-type(2), .pole:nth-of-type(3), .pole:nth-of-type(4), .pole:nth-of-type(5) {float:left;width:93%;margin: 15px 0}
    .pole-opis {width: 95%;margin-top:26px;}
    .formularz-rezerwacji, .formularz-rezerwacji:first-of-type {width: 100%;padding: 0; ;}
    .formularz-rezerwacji-check div {width: 100%;float: left;padding: 6px 0;}
    .cennik h2 {font-size: 15px;line-height: 22px;}
    .stopki div, .radio div, .radio div:first-of-type {width:100%;float:none;}
    button, .faq {display:none;}
    small, .szczegoly .panel p, .accordion2 p {margin: 0 0 0 8px;}
    .radio {margin: 20px 3% 25px 10px !important;padding: 0;width: 97%;}
.formularz-rezerwacji:first-of-type {margin: 10px 8% 0 0;}
    .formularz-rezerwacji {margin-top: 10px;}
}

@media (min-width: 1440px) {
.formularz-rezerwacji p {margin-left: 0;text-align: left;}
}