body{
  font-family: 'BNPPSans', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #000;
  background-color: #fff;

  overflow-y: scroll;

  user-select: none;
  -webkit-user-select:none;

  -ms-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -o-text-size-adjust: none;
  -webkit-text-size-adjust: none;

}

.nowrap{
  white-space: nowrap;
  /*display: inline-block;*/
}

h2{

}


input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
  font-family: 'BNPPSans', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #8c8c8c;
  text-transform: none;
  text-shadow: 1px 1px 1px #fff;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{color: #01965f;}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
  font-family: 'BNPPSans', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #8c8c8c;
  text-transform: none;
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder{color: #01965f;}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  opacity: 1;
  font-family: 'BNPPSans', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #8c8c8c;
  text-transform: none;
}
input:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder{color: #01965f;}

input::-moz-placeholder,
textarea::-moz-placeholder{
  opacity: 1;
  font-family: 'BNPPSans', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #8c8c8c;
  text-transform: none;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder{color: #01965f;}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  font-family: 'BNPPSans', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #8c8c8c;
  text-transform: none;
  text-shadow: 1px 1px 1px #fff;
}
input:focus::placeholder, textarea:focus::placeholder{color: #01965f;}

input:-webkit-autofill{
  -webkit-text-fill-color: #000 !important;
  -webkit-box-shadow: 0 0 0 30px #ffffff inset;
}
input:hover:-webkit-autofill{
  -webkit-text-fill-color: #000 !important;
  /*-webkit-box-shadow: 0 0 0 30px #f0f8fe inset;*/
}
input:focus:-webkit-autofill{
  -webkit-text-fill-color: #000 !important;
  -webkit-box-shadow: 0 0 0 30px #ffffff inset;
}
input::selection{
  color: #fff;
  background-color: #00995d;
}
input:-webkit-autofill::selection {
  -webkit-text-fill-color: #fff !important;
  background-color: #00995d;
}


input, textarea{
  transition: all 0.2s ease;
}
input,
textarea{
  display: block;
  margin: 0 0 0px 0;
  padding: 0px 13px 0px 13px;
  height: 55px;
  width: 100%;
  font-size: 21px;
  line-height: 53px;
  font-family: 'BNPPSans', sans-serif;
  font-weight: 500;
  box-sizing: border-box;
  color: #00995d;
  border: 1px solid #4dc7ea;
  background-color: #fff;
  outline: 3px solid #ffffffff;
  outline-offset: 1px;
}
textarea{
  padding-top: 13px;
  line-height: 120%;
}
input:hover, textarea:hover{
  border-color: #7bb6d0;
  transition: all 0.2s ease;
}
input:focus, textarea:focus{
  border-color: #01965f;
  background-color: #fff;
  outline-color: #e2efe9;
  transition: all 0.4s ease;
}

fieldset.text > label{
  padding: 0px;
  margin: 0;
  float: left;
  width: 100%;
  box-sizing: border-box;
}
fieldset.text > label > input{

}




fieldset.check {
  text-align: left;
}
fieldset.check label {
  display: inline-block;
  margin-bottom: 4px;
  cursor: pointer;
  color: #4d4d4d;
}
fieldset.check label > aside.error > p{
  width: 290px;
}
fieldset.check label > span{
  padding: 3px 0 0 21px;
  font-size: 13px;
  text-shadow: 0 0 8px white, 0 0 21px white;
}
fieldset.check label > span:before{
  left: 1px;
  top: 1px;
  width: 14px;
  height: 14px;
  border: 1px solid #bae2fc;
  background-color: #d1e8fd;
  outline: 2px solid #ffffff7d;
  outline-offset: 1px;
  transition: all 0.2s ease;
}
fieldset.check label > span:after{
  left: 6px;
  top: 6px;
  width: 4px;
  height: 4px;
  border: 1px solid #fff;
  transition: all 0.4s ease;
}
fieldset.check label > input:checked + span:after{
  left: 3px;
  top: 3px;
  width: 10px;
  height: 10px;
  border-color: #fff;
  background-color: #ff1d17;
}
fieldset.check label:hover > span:before{
  border-color: #7bb6d0;
  transition: all 0.2s ease;
}
fieldset.check label > input:focus + span:before{
  border-color: #7bb6d0;
  background-color: #f0f8fe;
  outline-color: #b2dffb80;
  transition: all 0.4s ease;
}
fieldset.check label > span > a{
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 500;
}
fieldset.check label > span > a:hover{
  text-decoration: underline;
}

fieldset.check label[error] > span:before,
fieldset.check label[error] > input:focus + span:before{
  border-color: #cd0000;
  /*box-shadow: 0 0 3px 1px #ec3f00;*/
  /*outline-color: #ec3f00;*/
}
label[error] > input,
label[error] > textarea {
  border-color: #fff;
  box-shadow: 0 0 1px 1px #e95a58;
  /*box-shadow: 0 0 3px 1px #ec3f00;*/
}

span.btt > a.btt,
span.btt > button[type="submit"]{
  box-sizing: border-box;
  padding: 0px 13px 0px 34px;
  height: 55px;
  line-height: 57px;
  font-weight: 700;
  font-family: 'BNPPSansCondensed', sans-serif;
  font-style: normal;
  font-size: 30px;
  color: #fff;
  text-transform: uppercase;
  border: 1px solid #01965f;
  border-radius: 0px;
  background-color: #01965f;
  outline: 3px solid #ffffffff;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.1s ease, color 0.1s ease, box-shadow 0.6s ease, outline 0.6s ease;
}
span.btt > button[type="submit"]{
	padding: 0px 3px 0px 21px;
  height: 55px;
  line-height: 57px;
  outline-style: none !important;
}
span.btt > a.btt:after,
span.btt > button[type="submit"]:after{
  padding: 0 5px 0 5px;
  display: inline-block;
  font-family: jaffa;
  font-weight: 700;
  content: ">";
  text-transform: none;
  transition: padding 0.1s ease;
}
span.btt > a.btt:hover,
span.btt > button[type="submit"]:hover{
  color: #fff;
  border-color: #007942;
  background-color: #007942;
  transition: background-color 0.4s ease, border-color 0.2s ease, color 0.3s ease, box-shadow 0.6s ease, outline 0.2s ease;
}
span.btt > a.btt:hover:after,
span.btt > button[type="submit"]:hover:after{
  padding: 0 3px 0 7px;
  transition: padding 0.2s ease;
}
span.btt > a.btt:active,
span.btt > button[type="submit"]:active{
  color: #fff;
  border-color: #007942;
  background-color: #007942;
  outline-color: #d7dcdd;
  text-shadow: 0 0 1px #000;
}
span.btt > a.btt:focus, 
span.btt > button[type="submit"]:focus{
  color: #fff;
  border-color: #007942;
}
span.btt > a.btt.transparent{
  border-color: #5c1800;
  background-color: transparent;
  border-width: 1px;
}
span.btt > a.btt.transparent:hover{
  border-color: #ce762f;
  /*box-shadow: 0px 0px 3px 1px #341b1b6b;*/
}


label > aside.error > p {
  padding: 13px 8px 13px 34px;
  left: -0px;
  bottom: 13px;
  /*max-width: 130%;*/
  box-sizing: border-box;
  color: #fff;
  border: 1px solid #e95a58;
  background-color: #ce5e5b;
  text-shadow: 0px 0px 1px hsla(16, 100%, 30%, 1);
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
  text-transform: uppercase;
}
label > aside.error > p:after{
  background-position: 8px 8px;
}
label > aside.error > p > a.close {
  margin: -5px -5px 0 8px;
  width: 21px;
  font-size: 17px;
  line-height: 21px;
  font-weight: 300;
  cursor: pointer;
}
label > aside.error > p > a.close:hover{
  text-shadow: 0 0 3px #631600;
}






div#strona{
  overflow: hidden;
  max-width: 1920px;
}

header.std{
  
}
header.std > h2{
  font-size: 36px;
  color: #00bc8c;
}
header.std > h2 > span{
  display: inline-block;
  white-space: nowrap;
}
header.std > h2 > img{
  margin: 0;
  display: inline-block;
  vertical-align: baseline;
}


section.s{
  position: relative;
  padding-top: 89px;
}
section.s > div.sk{
  max-width: 1920px;
}
section.s > div.sk > div.skc{
  padding: 0px 8px;
  max-width: 1280px;
}

div.cslav-scroll-container > div.cslav-scroll-wrapper {
  left: 5%;
  width: 90%;
}
div.cslav-scroll-container > div.cslav-scroll-scrollbar{
  right: 5px;
}
div.cslav-scroll-container > div.cslav-scroll-scrollbar:before{
  background-color: #fff;
  border-color: #ff0200;
  border-width: 1px;
}
div.cslav-scroll-container.ondrag > div.cslav-scroll-scrollbar:before{
  background-color: #ff0200;
}
div.cslav-scroll-container > div.cslav-scroll-scrollbar > span{
  width: 14px;
  border-color: #fff;
  background-color: #ff0200;
  border-width: 1px;
  border-radius: 13px;
  box-shadow: 0 0 0px 2px #fff;
  /**/
}
div.cslav-scroll-container > div.cslav-scroll-scrollbar > span:hover{
  border-color: #ff0200;
  background-color: #fff;
  box-shadow: 0 0 0px 2px #fff;
}
div.cslav-scroll-container > div.cslav-scroll-scrollbar > span.ondrag{
  border-color: #ff0200;
  background-color: #f00;
  box-shadow: 0 0 0px 2px #fff;
}


aside#msgprivacy{
  color: #009155;
  border-top: 1px solid #fff;
  background-color: #ebebeb;
  box-shadow: 0 0 13px 0px #00000078;
}
aside#msgprivacy > div > div > a.bttclose{
  font-size: 28px;
  color: #009155;
  border-color: #009155;
  background-color: #fff;
  transition-property: background-color, border-color, color;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
aside#msgprivacy > div > div > a.bttclose:hover{
  color: #009155;
  border-color: #009155;
  background-color: #fff;
  text-shadow: none;
}
aside#msgprivacy > div > div > a.bttclose:active{
  border-color: #fff;
}

body[toplayer]{
  overflow-y: hidden;
}
.toplayer{
  display: none;
  opacity: 0;
  background-color: #fff;
  overflow-y: scroll;
  transition: opacity 0.2s ease-in 0.0s;
}
.toplayer > div{
  padding: 8px;
  opacity: 0;
  transition: opacity 0.2s ease-in 0.0s;
}
.toplayer > a.bttclose{
  box-sizing: border-box;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  font-size: 34px;
  color: #e1221a;
  border: 1px solid #fff;
  background-color: #ffffff80;
  cursor: pointer;
}
.toplayer > a.bttclose:before{
  font-family: jaffa;
  content: "X";
}
.toplayer > a.bttclose:hover{
  color: gray;
}
.toplayer.visible{
  opacity: 1;
  transition: opacity 0.2s ease-in 0s;
}
.toplayer.visible > div{
  opacity: 1;
  transition: opacity 0.2s ease-in 0.2s;
}



span#scrollpoints{
	display: none;
	z-index: 100;
	position: fixed;
	top: 50%;
	right: 5px;
	transform: translateY(-50%);
	transition: opacity 0.3s ease 0.5s;
}
span#scrollpoints > a{
	position: relative;
	display: block;
	width: 34px;
	height: 34px;
	/*background-color: red;*/
}
span#scrollpoints > a:before{
	position: absolute;
	left: 50%;
	top: 50%;
	content: "\00a0";
	display: block;
	width: 13px;
	height: 13px;
	border: 1px solid #fff;
	background-color: #01965f;
	transform: translate(-50%, -50%);
	border-radius: 100%;
	box-shadow: 0 0 0 5px rgba(255,255,255,0.5);
	transition: all 0.2s ease 0s;
}
body[section="0"] span#scrollpoints > a:nth-child(1):before,
body[section="1"] span#scrollpoints > a:nth-child(2):before,
body[section="2"] span#scrollpoints > a:nth-child(3):before,
body[section="3"] span#scrollpoints > a:nth-child(4):before,
body[section="4"] span#scrollpoints > a:nth-child(5):before{
	width: 21px;
	height: 21px;
}
span#scrollpoints > a:hover:before{
	border-color: #01965f;
}
body[toplayer] span#scrollpoints{
	opacity: 0;
	transition: opacity 0.0s ease 0.0s;
}


@media only screen and (min-width: 360px){
  body{
    /*font-size: 21px;*/
  }
  h2{
    
  }
  header.std > h2 > img{
    
  }
}



@media only screen and (min-width: 380px){
  .toplayer > div {
    padding: 13px;
  }
  section.s > div.sk > div.skc {
    padding: 0px 13px;
  }
}



@media only screen and (min-width: 420px){
  
}



@media only screen and (min-width: 480px){
  h2 {
    
  }
  
  fieldset.check label > aside.error > p {
    width: 400px;
  }
}



@media only screen and (min-width: 520px){
  
}



@media only screen and (min-width: 640px){
  body{
    
  }
  header.std > h2 {
    font-size: 42px;
  }
 
  aside#msgprivacy{
    border-bottom: 3px solid #fff;
  }
  
}

@media only screen and (min-width: 720px){
  h2 {
    font-size: 38px;
  }
  header.std {
    
  }
  header.std > h2 > img {
    
  }
}

@media only screen and (min-width: 800px){
  h2 {
    
  }
  .toplayer > div {
    padding: 21px;
  }
  header.std {
    
  }
  header.std > h2 > img {
    
  }
  section.s > div.sk > div.skc {
    padding: 0px 21px;
  }
  label > aside.error > p{
    font-size: 13px;
  }
}

@media only screen and (min-width: 860px){
	body {
	  font-size: 19px;
	}
	header.std > h2 {
    font-size: 46px;
  }
}


@media only screen and (min-width: 960px){
  body{
    
  }
  input, textarea{
    padding-left: 21px;
    padding-right: 21px;
  }
  fieldset.text > label{
    
  }

  fieldset.check label > span:before{
    left: 1px;
    top: 1px;
    width: 15px;
    height: 15px;
  }
  fieldset.check label > span:after{
    left: 6px;
    top: 6px;
    width: 5px;
    height: 5px;
  }
  fieldset.check label > input:checked + span:after{
    left: 3px;
    top: 3px;
    width: 11px;
    height: 11px;
  }


  div.cslav-scroll-container > div.cslav-scroll-wrapper {
    left: 2%;
    width: 92%;
  }
  section.s > div.sk{
    
  }
  header.std {
    
  }
  
}


@media only screen and (min-width: 1024px){
	body {
	  font-size: 20px;
	}
	header.std > h2 {
    font-size: 48px;
  }
  .toplayer > div {
    padding: 21px 34px;
  }
  section.s > div.sk > div.skc {
    padding: 0px 34px;
  }

  span#scrollpoints{
		display: block;
  }
}



@media only screen and (min-width: 1136px){
	body {
	  font-size: 21px;
	}
	header.std > h2 {
	  font-size: 50px;
	}
}


@media only screen and (min-width: 1280px){
	body {
	  font-size: 23px;
	}
	header.std > h2 {
	  font-size: 53px;
	}
  body[toplayer] {
  }
  section.s > div.sk > div.skc {
    padding: 0px 55px;
  }
  span#scrollpoints{
		right: 9px;
  }
}


@media only screen and (min-width: 1336px){
	body {
	  font-size: 25px;
	}
  header.std > h2 {
	  font-size: 56px;
	}
}


@media only screen and (min-width: 1440px){
	body {
	  font-size: 26px;
	}
  header.std > h2 {
	  font-size: 58px;
	}
}



@media only screen and (min-width: 1536px){
  body{
    font-size: 26px;
  }
  h2 {
    
  }
  .toplayer > div {
    padding: 21px 89px;
  }
  section.s {
	  padding-top: 110px;
	}
  section.s > div.sk > div.skc {
    padding: 0px 55px;
  }
  header.std > h2{
    
  }
  span#scrollpoints{
		right: 40px;
  }
}


@media only screen and (min-width: 1680px){
	body{
    font-size: 25px;
  }
  h2 {
    
  }
  aside#msgprivacy{
    left: 50%;
    max-width: 1920px;
    transform: translateX(-50%);
    box-shadow: 0px -8px 13px 0px rgba(0,0,0,0.25);
  }
  span#scrollpoints{
		right: calc(50% - 790px);
  }
}


@media only screen and (min-width: 1820px){
	body{
    font-size: 26px;
  }
}


@media only screen and (min-width: 1920px){

}