/*! gate css */
@import url("https://use.typekit.net/hxa6gur.css");
@import url('https://fonts.googleapis.com/css?family=Saira:400,700&display=swap&subset=latin-ext');


/*! FICZERY */
#device-select .tile.is-4:first-child {
    padding-top: 2.7em;
}

.paddingtopficzer{
  padding-top: 1em;
}

*{
  font-family: soleto;
}
.fontsaira{
  font-family: 'Saira', sans-serif;
}
.fontsn {
  font-family: Consolas,monaco,monospace;
  text-transform: uppercase;
  letter-spacing: 0.6em;
}
.fontsnnogap {
  font-family: Consolas,monaco,monospace;
  text-transform: uppercase;
}
.zeromargin {
  margin: 0 auto;
}
.upcase {
  text-transform: uppercase;
}
.center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.centerjustyfy {
  justify-content: center;
  align-items: center;
}
.miniligofixheight{
  max-height: 40px;
  width: auto !important;
  display: block;
}
.minilogofixpadding{
  padding: 2.6rem 0rem 0.2rem 0rem;
}
.minilogofixpaddingmobile{
  padding: 0.8rem 0rem 0rem 0rem;
}
.buttonpaddingmobile{
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.navbaren {
  position: fixed;
  top: 0;
  width: 100%;
  z-index:1000;
}
.bodyen {
  top: 200;
  width: 100%;
}
body {
  /*padding-top: 200px;*/
    background-color: grey;
}
.nowrapping {
  white-space: nowrap;
}
.madwadziesciawysokosci {
  height: 20px;
}
.ma25wysokosci {
  height: 25px;
}
.mastowysokosci {
  height: 100px;
}
.ma50wysokosci {
  height: 50px;
}
.ma120wysokosci {
  height: 120px;
}
.madwiesciewysokosci {
  height: 200px;
}
html {
  scroll-behavior: smooth;
}
.dodolurodzic {
  position: relative;
}
.dodoludziecko {
  position: absolute;
    bottom: 0;
}
.removepaddingbot {
  padding-bottom: 0px !important;
}
.removepaddingtopbot {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.removepaddingleft {
  padding-left: 0px !important;
}

/*RADIO GATE*/
/* The container */
.container2 {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Hide the browser's default radio button */
.container2 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  border: 2px solid #06AED5;
}
/* When the radio button is checked, add a blue background */
.container2 input:checked ~ .checkmark {
  background-color: #000;
}

/* When the radio button is disabled, add a blue background */
.container input:disabled ~ .checkmark {
  background-color: #000;
  border: 2px solid #333;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark2:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container2 input:checked ~ .checkmark2:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container2 .checkmark2:after {
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #FFCA05;
}
/*CZEKBOX GATE*/
/* The container */
.container3 {
  display: block;
  position: relative;
  padding-left: 32px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Hide the browser's default checkbox */
.container3 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */
.checkmark3 {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #000;
  border: 2px solid #06AED5;
  border-radius: 15%;
}
/* When the checkbox is checked, add a blue background */
.container3 input:checked ~ .checkmark3 {
  background-color: #000;
  border: 2px solid #06AED5;
  border-radius: 15%;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark3:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.container3 input:checked ~ .checkmark3:after {
  display: block;
}
/* Style the checkmark/indicator */
.container3 .checkmark3:after {
  top: 3px;
  left: 3px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #FFCA05;
}

/* ZMIANA AUTOFILLA */
/*Change shadow in autofill textbox*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 500px black inset !important;
}
/*Change text in autofill textbox*/
input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
    -webkit-text-fill-color: white !important;
}

/*Change bulma button*/
.border2px {
  border: 2px solid #06AED5 !important;
}
.paddingtop02em {
  padding-top: 0.2em;
}
.paddingtop05em {
  padding-top: 0.5em;
}
.button {
    transition: 150ms all ease;
}
.button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus {
    background-color: transparent !important;
    color: #ffffff !important;
}