@charset "utf-8";
/* CSS Document */

    @font-face {
    font-family: 'Euclid Circular A Regular';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Euclid Circular A Regular.woff') format('woff');
    }
	@font-face {
    font-family: 'Euclid Circular A Bold';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Euclid Circular A Bold.woff') format('woff');
    }
	@font-face {
    font-family: 'Euclid Circular A SemiBold';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Euclid Circular A SemiBold.woff') format('woff');
    }


body {
font-size: 12px;
outline: none;
font-family: 'Euclid Circular A Regular', sans-serif;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #FFF;
width: 100%;
margin: 0;
padding: 0;
}
div#Header__wrapper {
position: fixed;
width: 100%;
}
div#Header__wrapper.sticky  {
	display:block;
	width: 100%;
	position:fixed;
	}
div#Header__wrapper .answearlogo {
	display: none;	
}
div#Header__wrapper.sticky .language a {
font-family: 'Euclid Circular A Regular', sans-serif;
text-align: center;
font-size: 14px;
color: #000;
margin: 22px 0 0 8px;
padding: 0 0 10px 0;
  padding-bottom: 10px;
padding-bottom: 10px;
line-height: 22px;
font-weight: normal;
display: inline-block;
width: 33px;
border-bottom: none;
text-decoration: none;
padding-bottom: 18px;
}
div#Header__wrapper.sticky .language a.active {
  font-family: 'Euclid Circular A Bold', sans-serif;
  border-bottom: 2px solid #000 !important;
}
div#Header__wrapper.sticky .answearlogo {
display: flex;
width: 100%;
margin: -50px auto 0;
background-color: #FFF;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.07);
		}
	.Header__logo__1qgNOg {
  width: 133px;
  height: 30px;
  display: inline-block;
  margin: 17px auto;
}
.Header__logo__1qgNOg svg {
  width: 100%;
  height: 100%;
}
#wrapper {
width: 100%;
max-width: 1680px;
margin: 0 auto;
background-color: #f3f7f6;
}

.modal {
  display: block; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 50px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 85%;
font-family: 'Euclid Circular A Regular', sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 18px;
}
.modal-content > h2{
margin: 0 auto;
text-align: center;
font-family: 'Euclid Circular A Regular', sans-serif;
font-weight: 800;
font-size: 18px;
line-height: 18px;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
button {
display:none;
}
.zdjecia {
float: left;
width: 100%;
margin-top: 0;
margin-bottom: 60px;
max-width: 1538px;
margin-left: 142px;
}
.zdjecia2 {
display: none;	
}
.zdjecia2 .slick-dotted.slick-slider {
margin-left: auto !important;
width: 100% !important;
max-width: 1089px !important;

}
.slick-slide img {
display: block;
max-width: 348px;
height: auto;
margin: 0 auto 0 0;
}
.slick-prev {
	background-color: #fff !important;
color: transparent !important;
font-size: 18px !important;
line-height: 25px !important;
width: 48px !important;
height: 48px !important;
margin-top: -22px !important;
text-decoration: none;
background-image: url("images/Arrow-right.svg") !important;
background-repeat: no-repeat !important;
background-position: center !important;
transform: rotate(-180deg) !important;
}
.slick-next {
	background-color: #fff !important;
color: transparent !important;
font-size: 18px !important;
line-height: 25px !important;
width: 48px !important;
height: 48px !important;
text-decoration: none;
background-image: url("images/Arrow-right.svg") !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
.slick-next::before {
	background-color: #fff !important;
font-size: 18px !important;
line-height: 25px !important;
width: 48px !important;
height: 48px !important;
text-decoration: none;
background-image: url("images/Arrow-right.svg") !important;
background-repeat: no-repeat !important;
background-position: center !important;
    color: #000;
}
.slick-prev::before {
	background-color: #fff !important;
font-size: 18px !important;
line-height: 25px !important;
width: 48px !important;
height: 48px !important;
text-decoration: none;
background-image: url("images/Arrow-right.svg") !important;
background-repeat: no-repeat !important;
background-position: center !important;
transform: rotate(-180deg) !important;
    color: #000;
}
.top {
width: 100%;
height: 640px;
background-image: url(images/header.jpg);
max-width: 1680px;
background-position: top center;
margin-bottom: 80px;
}
.language {
width: 100%;
height: 50px;
max-width: 1348px;
margin: 0 auto;
text-align: right;
}
.language a {
font-family: 'Euclid Circular A Regular', sans-serif;
text-align: center;
font-size: 14px;
color: #fff;
margin: 11px 0 0 8px;
padding: 0 0 10px 0;
line-height: 22px;
font-weight: normal;
display: inline-block;
width: 33px;
border-bottom: none;
text-decoration: none;
padding-bottom: 10px;
}
.language a.active {
font-family: 'Euclid Circular A Bold', sans-serif;
border-bottom: 2px solid #fff !important;
}
.toplogo {
width: 100%;
height: 200px;
max-width: 1310px;
margin: 0 auto;
padding-top: 50px;
}
.toptext {
width: 100%;
text-align: right;
max-width: 1310px;
margin: 0 auto;
}
.toptext p {
text-align: left;
font-size: 20px;
color: #fff;
margin: 115px 0 0 auto;
padding: 0;
line-height: 25px;
width: 100%;
font-weight: normal;
max-width: 593px;
}
.toptext h3 {
font-family: 'Euclid Circular A Bold', sans-serif;
text-align: left;
font-size: 20px;
color: #dcbe81;
margin: 38px 0 0 auto;
padding: 0;
line-height: 25px;
width: 100%;
font-weight: normal;
max-width: 593px;
}
.small {
  height: 22px;
  width: 444px;
  opacity: 0.5;
  color: #000000;
  font-family: "Euclid Circular A";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
}
a.zapisz {
height: 35px;
color: #FFFFFF;
font-family: "Euclid Circular A Regular";
font-size: 14px;
letter-spacing: 0;
line-height: 22px;
display: inline-block;
background-color: #000;
padding: 13px 40px 0;
width: auto;
margin: 24px 0 0 0;
text-decoration: none;
}
a.app {
    margin: 24px 13px 0 0;
    float: left;
}
a.app:last-child {
	margin: 24px 0 0 0;
}


.menu ul {
    list-style: none;
    margin: 0 0 40px 0;
}
.menu li {
display: inline-flex;
margin: 25px auto auto;
padding: 0 0;
position: relative;
height: 40px;
}
.menu a {
    display: inline;
    font-family: 'Euclid Circular A SemiBold', sans-serif;
    font-size: 14px;
    position: relative;
    text-decoration: none;
    font-weight: normal;
    color: #000;
}
.menu .current-menu-item > a {
border-bottom: 2px solid #000 !important;
}
.menu a:hover {
border-bottom: 2px solid #000 !important;
}

a.active {
border-bottom: 2px solid #000 !important;	
}
#odpowiedzialnosc {
position: absolute;
margin-top: -150px;
}
#dla-planety {
position: absolute;
margin-top: -150px;
}
#blisko-ludzi {
position: absolute;
margin-top: -150px;
}
.header {
width: 100%;
height: auto;
background-position-x: 0px;
background-position-y: 0;
background-repeat: no-repeat;
margin-top: 64px;
float: left;
background-image: url('images/background-texture-natural-leaves-dark-green2a.jpg');
opacity: 1;
background-color: #fff;
}

.content {
width: 100%;
margin: 40px auto 0;
max-width: 1015px;
display: table;
}
.picture {
width: 100%;
margin: 0;
max-width: 444px;
float: left;
}
.text {
width: 100%;
margin: 0 auto 0 127px;
max-width: 444px;
float: left;
}
.picture2 {
margin: 0 auto 0 127px;
}
.text2 {
margin: 0;
}
.content3 {
    margin: 84px auto 10px;
}
.content4 {
    margin: 0 auto 164px;
}
.content33 {
margin: 30px auto 0;
}
.content-white {
margin: -165px auto 0;
}
.width1680 {
width: 100%;
margin: 0 auto 0;
max-width: 1680px;
}

.textlink {
width: 100%;
margin: 0 auto 0;
max-width: 1680px;
}
.textlink p {
    text-align: justify;
    font-size: 21px;
    letter-spacing: -0.32px;
    color: #000000;
    margin: 0 40px 0;
    padding: 0;
    line-height: 34px;
    width: 100%;
    font-weight: 600;
    float: left;
}
.textlink p a {
color: #000000;
float: left;
margin: 20px 40px 40px;
text-align: left;
}
.text-white {
width: calc(100% - 88px);
margin: 0 auto 0 0;
max-width: 1006px;
background-color: #fff;
float: left;
padding: 48px 44px;
}
img.onas-img {
width: 100%;
max-width: 1077px;
height: auto;
margin-left: -44px;
display: block;
position: absolute;
margin-top: 70px;
}
.text-boxy {
width: 100%;
margin: 0 auto 0 0;
max-width: 521px;
float: left;
padding: 210px 0px 0 23px;
}
.left {
width: 808px;
padding: 0 0;
float: left;
}
.right {
max-width: 872px;
padding: 0;
float: left;
background-color: #2a453b;
margin-left: 0;
margin-top: 0;
width: calc(100% - 808px);
height: 746px;
}

.header h1 {
text-align: left;
font-size: 32px;
font-weight: normal;
color: #fff;
margin: 200px 0px 10px 145px;
padding: 0px 5px 0 1px;
line-height: 40px;
width: 100%;
max-width: 631px;
}
.header h2 {
font-size: 16px;
font-weight: 600;
letter-spacing: -0.29px;
color: #000000;
margin: 0 0px 50px 0px;
padding: 0px 5px 0 1px;
line-height: 27px;
text-align: right;
}

.linia1 h1 {
margin-top: 25px;
}
.linia1 .left img {
margin-top: 25px;
}
.content .text .icon {
position: absolute;
width: 64px;
height: 64px;
background-color: #c1a875;
border-radius: 64px;
color: #fff;
font-size: 32px;
font-family: 'Euclid Circular A Bold', sans-serif;
line-height: 64px;
text-align: center;
margin-left: 188px;
}
.content2 .text .icon {
}
.content3 .text .icon {
}
.content .text .kolo {
position: absolute;
width: 100%;
max-width: 497px;
text-align: right;
margin: -10px 0 0 990px;
z-index: 90;
}
.content h1 {
font-family: 'Euclid Circular A Bold', sans-serif;
text-align: left;
font-size: 32px;
font-weight: normal;
color: #000000;
margin: 60px 0 0 0;
padding: 0;
line-height: 40px;
}
.content h2 {
font-family: 'Euclid Circular A Bold', sans-serif;
text-align: left;
font-size: 32px;
font-weight: normal;
color: #000000;
margin: 60px 0 0 0;
padding: 0;
line-height: 40px;
}
.content p {
text-align: left;
font-size: 16px;
color: #000000;
margin: 32px 0 0 0;
padding: 0;
line-height: 24px;
width: 100%;
font-weight: normal;
max-width: 444px;
}
.content ul {
margin: 0;
list-style-position: outside;
padding: 0 0 0 10px;

}
.content li {
font-size: 14px;
line-height: 22px;
padding: 20px 0 0 0;

}

.content2 p {

}
.content3 p {

}
.opis {
background-color: #F4F4F4;
width: 100%;
max-width: 348px;
margin: 0 0 0 0;
padding: 0;
height: 308px;
	
}
.opis h2 {
font-family: 'Euclid Circular A Bold', sans-serif;
    text-align: left;
    font-size: 20px;
    color: #000000;
    margin: 0 0;
    padding: 30px 32px 12px;
    line-height: 28px;
    width: 100%;
    font-weight: normal;
    max-width: 284px;
}
.opis p {
text-align: left;
font-size: 14px;
color: #000000;
margin: 0 auto;
padding: 0 32px 12px;
line-height: 22px;
width: 100%;
font-weight: normal;
max-width: 284px;
}

.content h3 {
font-size: 16px;
font-weight: 600;
letter-spacing: 0;
color: #000000;
margin: 0 0 20px;
padding: 0px 0px 0 1px;
line-height: 19px;
text-align: left;
}
.text1089 {
width: 100%;
max-width: 100%;
float: left;
text-align: right;
margin: 51px auto 120px;
}
.marginbottomzero {
margin: 51px auto 0;
}
.text1089 p {
text-align: justify;
font-size: 20px;
letter-spacing: -0.32px;
color: #000000;
margin: 0 auto;
padding: 0;
line-height: 34px;
width: 100%;
max-width: 1089px;
font-weight: 600;
}
.text1089 p strong {
font-size: 30px;
letter-spacing: -0.32px;
color: #000000;
font-weight: 600;
background-image: url(dandelion.png);
background-repeat: repeat-x;
background-position: 0 20px;
overflow: hidden;
text-overflow: ellipsis;
background-size: 1px 11px;
}
.text1089 iframe {
width: 100%;
max-width: 1089px;
float: left;
text-align: right;
height: 566px;
margin-top: 40px;

}
.right p {
text-align: left;
font-size: 18px;
font-weight: normal;
color: #fff;
margin: 54px 0 113px 64px;
padding: 0 0 0 0;
line-height: 26px;
width: 100%;
max-width: 603px;
}
a.przycisk {
width: 420px;
font-family: 'Euclid Circular A Regular', sans-serif !important;
font-size: 16px !important;
background-color: #ffcd00;
display: block;
text-align: center;
color: #000;
text-decoration: none;
padding: 18px 0;
font-weight: 600;
margin: 46px 0 0;
border: 2px solid #000000;
border-radius: 16px;
opacity: 1;
}
a.przycisk:hover {
background-color: #000;
color: #ffcd00;
}
.osoba {
    width: 100%;
    max-width: 812px;
    height: auto;
    position: relative;
    margin: 0 auto 0 0;
}
img.answear {
width: 100%;
max-width: 556px;
height: auto;
display: block;
margin-top: 69px;
margin-right: 36px;
float: right;
}
img.boksy {
width: 100%;
max-width: 65px;
height: auto;
display: block;
position: absolute;
margin-top: 36px;
margin-left: 175px;
}
.szare {
background-color: #f4f4f4;
height: auto;
padding-top: 70px;
padding-bottom: 60px;
}
.boksy {
width: 50%;
max-width: 840px;
margin: 0 auto;
float: left;
}
p.boksy {
width: 100%;
max-width: 65px;
height: auto;
display: block;
position: absolute;
margin-top: 29px;
margin-left: 280px;
color: #000;
font-family: 'Euclid Circular A Regular', sans-serif;
font-size: 18px;
font-weight: 600;
}
.boksy ul {
list-style: none;
margin: 0;
padding: 0;
}
.boksy li {
margin: 0;
padding: 0;
border: 0;
opacity: 1;
width: 100%;
box-sizing: border-box;
float: left;
max-width: 840px;
}
div.boksy:nth-child(2) li {
	float: left;
}

.boksy h2 {
display: block;
font-family: 'Euclid Circular A Bold', sans-serif;
font-size: 20px;
margin: 28px 0 0 413px;
position: relative;
text-decoration: none;
font-weight: normal;
padding: 0;
color: #000;
line-height: 28px;
}
.boksy p {
display: block;
font-family: 'Euclid Circular A Regular', sans-serif;
font-size: 14px;
padding: 0;
position: relative;
text-decoration: none;
font-weight: normal;
color: #000;
line-height: 22px;
width: 100%;
max-width: 365px;
height: 118px;
margin: 16px 0 0 413px;
}

li.boksy-item .zobacz {
position: absolute;
font-size: 16px;
margin: 157px 0 0 0;
font-weight: 600;
z-index: 10;
text-decoration: underline;
    line-height: 46px;
	letter-spacing: -0.83px;
}

li.boksy-item .icon {
position: absolute;
margin: 27px 0 0 302px;
font-size: 16px;
padding: 0 0 0 0;
font-weight: 600;
z-index: 10;
}
div.boksy:nth-child(2) li.boksy-item .icon {
    margin: 27px 0 0 90px;
}
div.boksy:nth-child(2) h2 {
    margin: 28px 0 0 201px;
}
div.boksy:nth-child(2) p {
    margin: 16px 0 0 201px;
}

.text-boxy .boksy li {
margin: 0 0 30px 0;
padding: 0;
border: 1px solid #E6E6E6;
opacity: 1;
width: 100%;
box-sizing: border-box;
float: left;
}
.staze {
margin-left: 0;
margin-top: 200px;
position: absolute;
overflow: hidden;
max-width: 800px;
width: calc(100% - 830px);	
}
.staze img {
margin-left: calc(50% - 400px);
}
.full {
width: 100%;
float: left;	
}
.teksty {
width: 1029px;
border: 1px solid #e6e6e6;
padding: 0;
float: right;
margin: 114px 1px 0 0;
min-height: 675px;
}
.teksty h2 {
display: block;
font-family: 'Euclid Circular A Regular', sans-serif;
font-size: 52px;
padding: 167px 0 50px 338px;
position: relative;
text-decoration: none;
font-weight: 600;
margin: 0;
color: #000;
line-height: 46px;
letter-spacing: -0.83px;
transition-duration: 0.5s;
}
.teksty p {
width: 100%;
max-width: 700px;
font-size: 20px;
line-height: 34px;
padding: 0 0 0 266px;
font-family: 'Euclid Circular A Regular', sans-serif;
margin-top: 0;
font-weight: 600;
color: #000;
}
.teksty .zobacz {
position: absolute;
font-size: 16px;
margin: 11px 0px 0px 266px;
font-weight: 600;
z-index: 10;
color: #000;
text-decoration: underline;
}
.teksty .icon {
position: absolute;
margin: 0 0 0 0;
font-size: 16px;
padding: 168px 0 0 266px;
font-weight: 600;
z-index: 10;
}
.full .teksty a {
	text-decoration: none;

}
.full .teksty {
	transition-duration: 0.5s;
}
.full .teksty:hover {
	background-color: #ffcd00 !important;
	    
}
.staze2 {
    margin-left: 0;
    margin-top: 100px;
    position: absolute;
    overflow: hidden;
    max-width: 800px;
    width: calc(100% - 830px);
}
.teksty2 {
width: 1029px;
border: none;
padding: 0;
float: right;
margin: 105px 1px 0 0;
min-height: 440px;
}
.teksty2 h2 {
display: block;
font-family: 'Euclid Circular A Regular', sans-serif;
font-size: 64px;
padding: 90px 0 50px 266px;
position: relative;
text-decoration: none;
font-weight: 600;
margin: 0;
color: #000;
line-height: 46px;
letter-spacing: -0.98px;
}
.teksty2 p {
width: 100%;
max-width: 700px;
font-size: 20px;
line-height: 34px;
padding: 0 0 0 266px;
font-family: 'Euclid Circular A Regular', sans-serif;
margin-top: 0;
font-weight: 600;
color: #000;
}
.sciezka {
margin-top: 90px;
float: left;
width: 100%;
}

.mobile {
display: none;	
}
.mobile2 {
display: none;	
}
.proces {
margin-top: 90px;
float: left;
width: 100%;
}
ul.punkty {
list-style: none;
margin: 40px auto 0 auto;
padding: 0;
width: 100%;
max-width: 1089px;
}
ul.punkty li {
margin: 0;
padding: 0 0 60px 0;
opacity: 1;
max-width: 951px;
box-sizing: border-box;
float: left;
font-size: 16px;
width: 100%;
text-align: justify;
line-height: 34px;
font-weight: 600;
min-height: 180px;
}
ul.punkty li:nth-child(odd) {
font-size: 140px;
width: 100%;
max-width: calc(100% - 951px);
color: #ffcd00;
font-weight: 600;
text-align: center;
line-height: 124px;
padding: 0;
margin: 0 auto 0;
}
ul.punkty li:last-child {
    padding: 0 0 0 0;
}
.answear {
margin-top: -80px;
float: left;
width: 100%;
}
.biuro {
width: calc(50% - 63px);
float: left;
overflow: hidden;
max-width: 840px;
margin-right: 63px;
margin-top: 74px;
}
.biuro img {
max-width: 634px;
margin-left: 142px;
height: auto;
}
.chillroom {
width: calc(50% - 63px);
float: left;
overflow: hidden;
max-width: 840px;
margin-left: 63px;
margin-top: 74px;
}
.chillroom img {
max-width: 634px;
margin-left: 0;
height: auto;
}
.answear h2 {
display: block;
font-family: 'Euclid Circular A Bold', sans-serif;
font-size: 24px;
text-decoration: none;
font-weight: normal;
margin: 38px auto 17px 0;
color: #000;
line-height: 32px;
padding: 0;
}
.biuro h2 {
margin: 38px auto 17px 142px;

}
.answear h2 a {
color: #000;

}
.answear a {
text-decoration: none;
width: 100%;
height: auto;
display: inline-block;
transition-duration: 0.5s;
}
.answear a h2 {
color: #000;
transition-duration: 0.5s;
}
.answear a:hover h2 {
color: #000;
text-decoration: underline;
}
.answear a img{
transition-duration: 0.5s;
}
.answear a:hover img {
    opacity: 0.6;
}

.answear p {
width: 100%;
max-width: 633px;
font-size: 16px;
line-height: 24px;
padding: 0;
font-family: 'Euclid Circular A Regular', sans-serif;
margin: 0;
font-weight: normal;
color: #000;
}
.biuro p {
margin-left: 142px;
}

.bottom {
width: 100%;
height: 496px;
background-image: url(images/bottom.jpg);
background-position: center top;
background-repeat: no-repeat;
margin-top: 0;
float: left;
}

.bottom2 {
background-image: url(images/bottom2.jpg);
}
.bottom-menu {

}
.bottom-menu .toplogo {
text-align: left;
width: 100%;
max-width: 1310px;
margin: 0 auto;
height: auto;
}
.bottom-menu .menu ul {
list-style: none;
margin: 0 auto 0 0;
padding: 0;
text-align: center;
}
.bottom-menu .menu li {
margin: 46px 27px;
padding: 0;
position: relative;
height: 50px;
}
.bottom-menu .menu a {
height: 37px;
color: #FFFFFF;
font-family: "Euclid Circular A Regular";
font-size: 16px;
letter-spacing: 0;
line-height: 22px;
display: inline-block;
background-color: #000;
padding: 13px 0 0;
margin: 0;
text-decoration: none;
width: 168px;
}
.bottom-menu .menu a:hover {
border-bottom: none !important;
}
.bottom-menu .toptext {
width: 100%;
height: auto;
text-align: center;
}
.bottom-menu .toplogo p {
width: 100%;
max-width: 220px;
font-size: 12px;
line-height: 20px;
padding: 0;
font-family: 'Euclid Circular A Regular', sans-serif;
margin: 10px auto 0 142px;
font-weight: normal;
color: #000;
}
.bottom-menu .toptext p {
width: 100%;
max-width: 290px;
font-size: 12px;
line-height: 20px;
padding: 0;
font-family: 'Euclid Circular A Regular';
margin: 0 auto 24px auto;
font-weight: normal;
color: #000;
text-align: center;
}
.bottom-menu .toptext .menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.bottom-menu .toptext .menu li {
margin: 32px 12px;
padding: 0;
position: relative;
height: auto;
}
.bottom-menu .toptext .menu a {
margin: 0;
background-color: transparent;
padding: 0;
width: 32px;
height: auto;
}


.zaslepka {
width: 100%;
height: 450px;
}

.rodo h1 {
    font-size: 36px;
    margin: 40px 0 40px;
    line-height: 50px;
}
.rodo h2 {
    font-size: 26px;
    margin: 40px 0 40px;
    line-height: 40px;
}

.panel .panel-title a {
background-image: url("images/arrow-up.png");
background-repeat: no-repeat;
cursor: pointer;
display: block;
font-size: 20px;
padding-left: 36px;
text-transform: uppercase;
font-weight: 900;
text-decoration: none;
}
.panel .panel-title a.collapsed {
	background-image: url("images/arrow-down.png") !important;

}
.panel .panel-title a.collapse {
	background-image: url("images/arrow-up.png") !important;

}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
}
.panel-body a {
color: #000 !important;
font-size: 14px;
text-decoration: underline;
}
.panel-default > .panel-heading {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}
.panel-default {
    border-color: #fff;
}
.panel {
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top: 1px solid #e5e5e5;
}




@media (max-width: 1700px) and (min-width: 1520px) {

}
@media (max-width: 1520px) and (min-width: 1400px) {

}
@media (max-width: 990px) {

#wrapper {
width: 100%;
max-width: 375px;
margin: 0 auto;
display: table;
overflow: hidden;
}
div#Header__wrapper.sticky .answearlogo {
display: flex;
width: 100%;
margin: 0 auto 0;
background-color: #FFF;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.07);
position: fixed;
z-index: -1;
height: 56px;
}
.Header__logo__1qgNOg {
  width: 100px;
  height: 23px;
  display: inline-block;
  margin: 17px auto 16px 32px;
}
.top {
width: 100%;
height: 630px;
max-width: 375px;
margin: 0;
background-size: cover;
}
.header {
width: 100%;
height: auto;
background-image: url('images/background-texture-natural-leaves-dark-green2a.jpg');
background-position: right top;
background-repeat: no-repeat;
margin-top: 56px;
float: left;
background-size: 500px;
}
img.answear {
width: auto;
max-width: 100%;
height: auto;
margin: 0;
float: none;
padding: 0;
}
p.boksy {
    width: 100%;
    max-width: 65px;
    height: auto;
    display: block;
    position: absolute;
    margin-top: 29px;
    margin-left: 105px;
    color: #ffcd00;
    font-family: 'Euclid Circular A Regular', sans-serif;
    font-size: 13px;
    font-weight: 600;
}
.text {
    width: 100%;
    margin: 0 auto 0;
    max-width: 1640px;
}
.text2 {
    order: 2;
}
.picture2 {
    order: 1;
}
.linia1 .left img {
    margin-top: inherit;
}
.content {
width: 100%;
margin: 32px 0 0 0;
float: left;
padding: 0;
display: grid;
}
.toptext p {
text-align: center;
font-size: 16px;
color: #fff;
line-height: 24px;
font-weight: normal;
margin: 25px 0 0 0;
}
.toptext h3 {
    font-family: 'Euclid Circular A Bold', sans-serif;
    text-align: center;
    font-size: 20px;
    color: #dcbe81;
    margin: 24px 0 0 auto;
    padding: 0;
    line-height: 28px;
    width: 100%;
    font-weight: normal;
    max-width: 311px;
}
.content2 {
width: calc(100% - 20px);
margin: 0px auto 0;
float: left;
padding: 0 10px 0 10px;
}
.content4 {
    width: calc(100% - 20px);
    margin: 0 auto 40px;
    float: left;
    padding: 0 10px 0 10px;
}
.toplogo {
width: 100%;
float: none;
margin: 0 auto;
height: auto;
padding: 210px 0 0;
}
.toptext {

}
a.app {
    margin: 24px auto 0 auto;
    float: inherit;
    display: block;
    width: 100%;
    text-align: center;
}
.small {
    font-size: 14px;
    margin: -30px 0 0 0;
    display: block;
}
a.zapisz {
    height: 35px;
    color: #FFFFFF;
    font-family: "Euclid Circular A Regular";
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
    display: inline-block;
    background-color: #000;
    padding: 14px 40px 0;
    width: auto;
    margin: 10px 0 0 0;
    text-decoration: none;
}

	html body div#wrapper div.header div.width1680 div.yellow div.right {
	display: none;	
	}
	.boksy li {
    margin: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    float: left;
}
li.boksy-item .icon {
    position: absolute;
    margin: 0;
    padding: 0 0 0 0;
    z-index: 10;
}
div.boksy:nth-child(2) li.boksy-item .icon {
    margin: 0;
}
div.boksy:nth-child(2) h2 {
    margin: 0;
}

.left {
    width: calc(100% - 40px);
    padding: 12px 20px 0 20px;
    float: left;
}

.right p {
text-align: left;
font-size: 16px;
font-weight: normal;
color: #fff;
margin: 30px auto 30px auto;
padding: 0 0 0 0;
line-height: 24px;
width: 100%;
max-width: 311px;

}
div.icon img {
    width: 48px;
    height: auto;
}
a.przycisk {
    width: calc(100% - 4px);
    font-family: 'Euclid Circular A Regular', sans-serif !important;
    font-size: 16px !important;
    background-color: #ffcd00;
    display: block;
    text-align: center;
    color: #000;
    text-decoration: none;
    padding: 18px 0;
    font-weight: 600;
    margin: 10px 0 0;
    border: 2px solid #000000;
    border-radius: 16px;
    opacity: 1;
}
.biuro {
width: 100%;
float: none;
overflow: hidden;
max-width: 311px;
height: auto;
margin: 0 auto;
}
.chillroom {
width: 100%;
float: none;
overflow: hidden;
max-width: 311px;
height: auto;
margin: 0 auto;
}
.chillroom p {

    margin-bottom: 0 !important;
}
.content p {
text-align: left;
font-size: 16px;
color: #000000;
margin: 25px auto 10px auto;
padding: 0;
line-height: 24px;
width: 100%;
font-weight: normal;
max-width: 311px;
}
.content h2 {
font-size: 28px;
font-weight: 600;
letter-spacing: 0;
color: #000000;
margin: 0 0px 40px 0px;
padding: 40px 5px 0 76px;
line-height: 33px;
text-align: left;
}
.content li {
    font-size: 12px;
    line-height: 20px;
    padding: 20px 0 0 0;
}
li.boksy-item {
list-style: none;	
}
.boksy p {
text-align: left;
font-size: 12px;
color: #000000;
margin: 0;
padding: 2px 0 24px 71px;
line-height: 20px;
width: 100%;
font-weight: normal;
max-width: 239px;
height: auto;
}
div.boksy:nth-child(2) p {
    margin: 0;
}
#slick-slide03 > div:nth-child(1) > div:nth-child(1) > li:nth-child(1) > h2:nth-child(2),
#slick-slide05 > div:nth-child(1) > div:nth-child(1) > li:nth-child(1) > h2:nth-child(2) {
margin: 0 0px 28px 0px;
padding: 20px 5px 0px 76px;
}
.slick-slide {
    display: none;
    float: left;
    height: 300px !important;
    min-height: 1px;
    margin-right: 32px;
    max-width: 280px;
	max-hight: 300px;
}
.lazy2 .slick-slide {
height: 586px !important;
}
.slick-slide {
    margin-right: 20px !important;
}
.opis {
height: 330px;	
}
section.lazy2 div.opis h2 {
font-size: 16px;
font-weight: normal;
color: #000000;
margin: 0 0px 0px 0px;
padding: 18px 0 0 24px;
line-height: 24px;
text-align: left;
width: 200px;
}
section.lazy2 div.opis p {
font-size: 14px;
line-height: 22px;
padding: 10px 0 0 24px;
width: 100%;
margin: 0 0 0 0;
float: left;
max-width: 232px;
}
.slick-next::before {

}
.slick-prev::before {

}
.slick-next {

}
.slick-prev {

}
.teksty {
width: 100%;
border: 1px solid #e6e6e6;
padding: 0;
float: right;
margin: 0;
min-height: 585px;
}
.answear h2 {
    display: block;
    font-family: 'Euclid Circular A Bold', sans-serif;
    font-size: 16px;
    text-decoration: none;
    font-weight: normal;
    margin: 18px auto 5px 0;
    color: #000;
    line-height: 24px;
    padding: 0;
}
.answear p {
width: 100%;
max-width: 311px;
font-size: 14px;
line-height: 22px;
padding: 0;
font-family: 'Euclid Circular A Regular', sans-serif;
margin-top: 0;
font-weight: normal;
color: #000;
}
.bottom-menu > div:nth-child(1) > div:nth-child(1) {
}
.bottom-menu > div:nth-child(1) > div:nth-child(2) {
display: block;
}
.bottom-menu .toptext {
width: 100%;
float: left;
clear: inherit;
height: auto;
text-align: left;
}
.bottom-menu .toptext .menu a {
    margin: 0 !important;
}
.text1089 p {
    text-align: left;
    font-size: 14px;
    letter-spacing: -0.32px;
    color: #000000;
    margin: 0 auto;
    padding: 0;
    line-height: 24px;
    width: 100%;
    max-width: 1089px;
    font-weight: 300;
}
.content h1 {
text-align: left;
font-size: 20px;
margin: 25px 0px 0 0;
padding: 0 0 0 0px;
line-height: 28px;
width: 100%;
max-width: 311px;
}
.content .text .kolo {
position: absolute;
width: 100%;
max-width: 210px;
text-align: center;
margin: 250px auto 0 45px;
z-index: 90;
}
.szare {
	padding-top: 40px;
padding-bottom: 20px;
}
.boksy {
width: 100%;
max-width: 311px;
margin: 0 auto;
float: none;
}
div.text div.kolo img {
width: 100%;
max-width: 186px;
height: auto;	
}
.slick-prev, .slick-next {
    top: 85px !important;
}
.slick-next {
    right: 0px !important;
}
.content2 .text p {
text-align: left;
font-size: 16px;
color: #000000;
margin: 30px auto 30px auto;
padding: 0;
line-height: 24px;
width: 100%;
font-weight: normal;
max-width: 311px;
}
.content3 {
width: calc(100% - 20px);
margin: -20px auto 0;
float: left;
padding: 0 10px 0 10px;
}

ul.punkty li:nth-child(2n+1) {
    font-size: 80px;
    width: 100%;
    max-width: calc(100% - 250px);
    color: #ffcd00;
    font-weight: 600;
    text-align: center;
    line-height: 74px;
    padding: 0;
    margin: 0 auto 0;
}
ul.punkty li {
    margin: 0;
    padding: 0 0 60px 0;
    opacity: 1;
    max-width: 250px;
    box-sizing: border-box;
    float: left;
    font-size: 14px;
    width: 100%;
    text-align: justify;
    line-height: 24px;
    font-weight: 600;
    min-height: 180px;
}
.biuro img {
    max-width: 340px;
    margin-left: calc(50% - 170px);
    height: auto;
}
.chillroom img {
    max-width: 340px;
    margin-left: calc(50% - 170px);
    height: auto;
}
.content2 .text .icon {
    margin-top: -7px;
}
.content3 .text .icon {
    margin-top: -7px;
}
.zdjecia {
    float: none;
    width: 100%;
    max-width: 311px;
    margin: 0 auto;
}
.staze2 {
    margin-left: 0;
    margin-top: 100px;
    position: initial;
    overflow: hidden;
    max-width: 800px;
    width: calc(100%);
}
.teksty2 {
width: 100%;
border: none;
padding: 0;
float: right;
margin: 30px 0 0;
min-height: auto;
}
.teksty2 h2 {
    display: block;
    font-family: 'Euclid Circular A Regular', sans-serif;
    font-size: 28px;
    padding: 0;
    position: relative;
    text-decoration: none;
    font-weight: 600;
    margin: 0;
    color: #000;
    line-height: 46px;
    letter-spacing: -0.98px;
}
.teksty2 p {
    width: 100%;
    max-width: 700px;
    font-size: 15px;
    line-height: 24px;
    padding: 0;
    font-family: 'Euclid Circular A Regular', sans-serif;
    margin-top: 0;
    font-weight: 600;
    color: #000;
}
.zaslepka {
    width: 100%;
    height: 450px;
    display: none;
}
.text-boxy .boksy li {
    margin: 0 0 0px 0;
    padding: 0;
    border: 1px solid #E6E6E6;
    opacity: 1;
    width: 100%;
    box-sizing: border-box;
    float: left;
}
.text-white {
    width: 100%;
    margin: 0 auto 0 0;
    max-width: 1006px;
    background-color: #fff;
    float: left;
    padding: 0;
}
.text1089 {
    width: 100%;
    max-width: 100%;
    float: left;
    text-align: right;
    margin: 10px auto 60px;
}
.boksy h2 {
display: block;
font-family: 'Euclid Circular A Bold', sans-serif;
font-size: 16px;
padding: 2px 0 0 71px;
position: relative;
text-decoration: none;
font-weight: normal;
margin: 0;
color: #000;
line-height: 24px;
}
li.boksy-item .zobacz {
position: absolute;
font-size: 16px;
margin: 77px 0 0 0;
font-weight: 600;
z-index: 10;
text-decoration: underline;
line-height: 46px;
letter-spacing: -0.83px;
}
.header h1 {
text-align: left;
font-size: 20px;
font-weight: normal;
color: #fff;
margin: 50px auto 10px auto;
padding: 0px 5px 0 1px;
line-height: 28px;
max-width: 311px;
}
.content-white {
    margin: 30px auto 0;
}
img.onas-img {
    width: 100%;
    max-width: 1077px;
    height: auto;
    margin-left: 0;
    display: block;
    position: inherit;
    margin-top: 30px;
}

.sciezka {
    margin-top: 20px;

}
.mobile {
display: inherit;	
}
.mobile2 {
display: inline-block;
}
.desktop {
display: none;	
}

.mobile img {
width: 100%;
max-width: 340px;
height: auto;
}
.staze {
    margin-left: 0;
    margin-top: 30px;
    position: inherit;
    overflow: hidden;
    max-width: 800px;
    width: 100%;
}
.teksty .icon {
    position: inherit;
    margin: 30px 0 0 40px;
    font-size: 16px;
    padding: 0;
    font-weight: 600;
    z-index: 10;
}
.teksty h2 {
    display: block;
    font-family: 'Euclid Circular A Regular', sans-serif;
    font-size: 28px;
    padding: 15px 0 50px 42px;
    position: relative;
    text-decoration: none;
    font-weight: 600;
    margin: 0;
    color: #000;
    line-height: 36px;
    letter-spacing: -0.83px;
    transition-duration: 0.5s;
}
.teksty p {
    width: calc(100% - 20px);
    max-width: 700px;
    font-size: 18px;
    line-height: 22px;
    padding: 0px 10px 0 10px;
    font-family: 'Euclid Circular A Regular', sans-serif;
    margin-top: 0;
    font-weight: 600;
    color: #000;
}
.answear {
    margin-top: 0;
    float: left;
    width: 100%;
}
.bottom {
width: 100%;
height: 428px;
background-image: url(images/bottom.jpg);
background-position: center top;
background-repeat: no-repeat;
margin-top: 0;
float: left;
background-size: 960px;
}

.bottom-menu {
width: 100%;
height: auto;
margin: 0;
padding: 0;
float: left;
}
.width1680 {
width: 100%;
margin: 0 auto 0;
max-width: 311px;
}
.picture img {
	width: 100%;
	height: auto;
}
.picture2 {
    margin: 0;
}
.bottom-menu .toplogo {
    text-align: left;
    width: 100%;
    height: auto;
	padding: 10px 0 0;
}
.bottom-menu .menu li {
margin: 0 auto;
padding: 0;
position: inherit;
height: auto;
text-align: center;
width: 100%;
}
.bottom-menu .menu a {
font-size: 14px;
margin: 20px auto 0 auto !important;
}
.bottom-menu .toptext .menu li {
margin: 32px 12px auto;
padding: 0;
position: relative;
height: auto;
text-align: center;
width: 32px;
}
.bottom-menu .menu ul {
list-style: none;
padding: 0px 0;
max-width: 311px;
width: 100%;
margin: 10px auto 40px;
}
.bottom-menu .toptext .menu ul {
list-style: none;
margin: 0 auto;
padding: 0;
width: 100%;
border-top: none;
}
.bottom-menu .toptext .menu a:hover {
font-weight: 600;
border-bottom: 0 solid none !important;
}
.bottom-menu .toptext p {
margin: 28px auto 30px auto;
}
.bottom-menu .toplogo p {
    width: 100%;
    max-width: 311px;
    font-size: 12px;
    line-height: 20px;
    padding: 0 0 32px 0;
    font-family: 'Euclid Circular A Regular', sans-serif;
    margin: 180px auto 0 32px;
    font-weight: normal;
    color: #000;
    position: absolute;
}
.right {
width: 100%;
padding: 0;
float: left;
margin: 63px 0 0 0;
height: auto;
}
.osoba {
width: 100%;
max-width: 343px;
height: auto;
position: relative;
margin: -40px 0 0 auto;
overflow: hidden;
}
.osoba img {
margin-left: auto;
margin-right: 0;
width: 100%;
max-width: 343px;
}
.text1089 iframe {
    width: 100%;
    max-width: 1089px;
    float: left;
    text-align: right;
    height: 191px;
    margin-top: 40px;
}
.text1089 p strong {
    font-size: 22px;
    letter-spacing: -0.32px;
    color: #000000;
    font-weight: 600;
    background-image: url(dandelion.png);
    background-repeat: repeat-x;
    background-position: 0 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    background-size: 1px 8px;
}
.zdjecia2 {
display: inherit;
background-color: #f4f4f4;
width: 100%;
margin: 280px auto 0 -10px;
position: relative;
padding: 0 10px;
}
.zdjecia2 .slick-dotted.slick-slider {
    margin-left: auto !important;
    width: 100% !important;
    max-width: 600px !important;
}

.slick-slide img {
    display: block;
    max-width: 360px;
    margin: auto;
    width: 100%;
    height: auto;
}
.content .text .icon {
position: absolute;
width: 40px;
height: 40px;
background-color: #c1a875;
border-radius: 64px;
color: #fff;
font-size: 18px;
font-family: 'Euclid Circular A Bold', sans-serif;
line-height: 42px;
text-align: center;
margin-left: 17px;
}
.language {
width: 100%;
height: 45px;
max-width: 108px;
margin-right: -40px;
text-align: left;
background-color: #fff;
position: relative;
float: right;
margin-top: 11px;
}
.language a {
    font-family: 'Euclid Circular A Regular', sans-serif;
    text-align: center;
    font-size: 14px;
    color: #000;
    margin: 11px 0 0 8px;
    padding: 0 0 10px 0;
        padding-bottom: 10px;
    line-height: 22px;
    font-weight: normal;
    display: inline-block;
    width: 33px;
    border-bottom: none;
    text-decoration: none;
    padding-bottom: 10px;
}
.language a.active {
    font-family: 'Euclid Circular A Bold', sans-serif;
    border-bottom: 2px solid #000 !important;
}
div#Header__wrapper.sticky .language a {
  font-family: 'Euclid Circular A Regular', sans-serif;
  text-align: center;
  font-size: 14px;
  color: #000;
  margin: 7px 0 0 8px;
  padding: 0 0 10px 0;
    padding-bottom: 10px;
  padding-bottom: 10px;
  padding-bottom: 10px;
  line-height: 22px;
  font-weight: normal;
  display: inline-block;
  width: 33px;
  border-bottom: none;
  text-decoration: none;
  padding-bottom: 14px;
}
}