@import "reset.css";
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;700&display=swap');

*{
font-family:'Ubuntu', trebuchet ms, arial, sans-serif;	
}

body{
margin:0px;
padding:0px;
text-align:center;
font-size:16px;
overflow-x:hidden;
}

.container{
width:90%;
max-width:1500px;
padding:0px;
margin:0px auto;
position:relative;
}

.wrapper{
width:100%;
float:left;
margin:0px;
padding:0px;
text-align:left;
}

.spacer{
width:100%;
float:left;
height:50px;
}

.top{
width:100%;
height:57px;
float:left;
background:#f2f2f3;
}

.details{
float:right;
}

.applyit{
font-weight:bold;
color:white;
height:30px;
padding:0px 20px;
line-height:30px;
background:#009846;
float:right;
border-radius:15px;
margin-top:14px;
transition:all 0.2s;
}

.applyit:hover{
transform:scale(0.9);
background:#036631;
transition:all 0.2s;
}

.makeitred{
background:#f07f19!important;
}

.makeitwhite{
background:white!important;
color:#009846!important;
}

.makeitred:hover{
background:#ae2a2a!important;
}

.makeitwhite:hover{
background:#ccc!important;
color:white!important;
}

.maketitlewhite{
color:white!important;
}

.floatleft{
float:left!important;
}

.floatright{
float:right!important;
}

.det{
float:left;
height:30px;
line-height:30px;
text-align:left;
color:#009846;
margin-top:14px;
}

.det:hover{
color:#f07f19;
transition:all 0.2s;
}

.d1{
padding-left:35px;
background:url(img/telephone.svg) no-repeat left center;
background-size:auto 23px;
}

.d2{
margin-right:50px;
}

.d3{
padding-left:35px;
background:url(img/envelope.svg) no-repeat left center;
margin-right:50px;
background-size:auto 23px;
}

.top-section{
width:100%;
float:left;
padding:20px 0px;
}

.logo{
float:left;
}

.mainnav{
float:right;
margin-left:0px;
margin-top:32px;
}

.mainnav a{
float:left;
font-size:22px;
color:#009846;
font-weight:700;
margin-right:50px;
transition:all 0.2s;
}

.mainnav a:last-child{
margin-right:0;
}

.mainnav a:hover,
.mainnav a.current{
color:#f07f19;
transition:all 0.2s;
}

/* SLIDER */

#slider{
width:100%;
float:left;
position:relatvie;
}

#slider2{
width:100%;
float:left;
position:relatvie;
}

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute; height:85px; width:51px;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:20px; color:white; font-size:3em; background:url(img/slide-right.png) no-repeat center center; line-height:54px; background-size:43px 64px;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:20px; color:white; font-size:3em; background:url(img/slide-left.png) no-repeat center center; line-height:54px; background-size:43px 64px;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

.green-zone{
width:50%;
height:100%;
position:absolute;
left:0px;
top:0px;
background:url(img/trans-green.png) repeat;
}

.slogan{
font-size:60px;
font-weight:700;
color:white;
line-height:66px;
position:absolute;
right:18%;
bottom:65px;
text-align:left;
}

h1,h2{
width:100%;
float:left;
font-size:30px;
text-align:center;
font-weight:700;
color:#f07f19;
line-height:32px;
margin-top:50px;
}

p,ul,ol{
color:#797979;
font-size:16px;
text-align:left;
line-height:24px;
margin-top:25px;
float:left;
width:100%;
}

ul,ol{
width:calc(100% - 40px);
margin-left:20px;
padding-left:20px;
}

ul{
list-style:disc;
}

ol{
list-style:decimal;
}

p a, ul a, ol a{
color:#009846;
}

p a:hover, ul a:hover, ol a:hover{
text-decoration:underline;
}

.rounds{
width:100%;
float:left;
margin-top:50px;
text-align:center;
height:auto!important;
padding:0px 0px 50px 0px!important;
}

.round-box{
width:22%;
display:inline-block;
}

.rb-title{
width:100%;
float:left;
text-align:center;
font-size:26px;
line-height:27px;
font-weight:700;
color:#009846;
height:50px;
}

.rb-circle{
width:100%;
padding-bottom:100%;
float:left;
transition:all 0.2s;
margin-top:15px;
border-radius:50%;
}

.crcl1{
background:url(img/main1.png) no-repeat center center;
background-size:110% 110%
}

.crcl2{
background:url(img/main2.png) no-repeat center center;
background-size:110% 110%
}

.crcl3{
background:url(img/main3.png) no-repeat center center;
background-size:110% 110%
}

.rb-circle:hover{
background-size:100% 100%;
transition:all 0.2s;
}

.round-box p{
margin-top:15px!important;
text-align:center!important;
}

.round-arrow{
width:115px;
height:58px;
display:inline-block;
background:url(img/green-arrow1.png) no-repeat center top 50px;
}

.secondarrow{
background:url(img/green-arrow2.png) no-repeat center bottom 50px;
}

.covid{
width:100%;
float:left;
margin-top:50px;
background:url(img/virus-bg.jpg) no-repeat center top;
background-size:cover;
padding:70px 0px;
}

.covid-info{
width:50%;
float:right;
}

.ci-title{
width:100%;
float:left;
font-size:36px;
line-height:40px;
text-align:left;
font-weight:700;
color:white;
}

.covid-info p{
color:white;
}

.covid-info .applyit,
.conditions-info .applyit{
margin-top:40px;
}

.conditions{
width:100%;
float:left;
margin-top:10px;
background:#f2f2f3;
}

.conditions-inside{
padding:70px 0px;
width:100%;
float:left;
background:url(img/grandpa-bg.jpg) no-repeat right top;
background-size:auto 100%;
}

.conditions-info{
float:left;
width:60%;
}

.ci-title-2{
width:100%;
float:left;
font-size:36px;
line-height:40px;
text-align:left;
font-weight:700;
color:#009846;
}

.ci-title-3{
width:100%;
float:left;
font-size:24px;
line-height:40px;
text-align:left;
font-weight:700;
color:#009846;
}

.conditions-info ul{
width:calc(100% - 40px);
float:left;
color:#797979;
font-size:24px;
line-height:36px;
padding-left:20px;
padding-top:40px;
list-style:none;
}

.conditions-info ul li:before{
content:url(img/small-heart.png);
margin-right:20px;
}

.rounded-info{
background:#2b84c6;
padding:25px 25px 25px 25px;
border-radius:100%;
font-size:14px;
line-height:20px;
color:white;
position:absolute;
text-align:center;
left:500px;
top:270px;
box-sizing:border-box;
min-width:128px;
min-height:128px;
}

.offer-boxes{
width:100%;
float:left;
padding-bottom:50px;
}

.offer-box{
width:47%;
float:left;
margin:2% 0 0 2%;
border-radius:10px;
background:#f2f2f3;
}

.offer-box-right{
width:40%;
float:right;
}

.offer-box-right img{
width:100%;
float:left;
border-radius:0px 10px 10px 0px;
}

.offer-box-left{
width:60%;
padding:25px;
box-sizing:border-box;
float:left;
}

.ob-title{
width:100%;
float:left;
text-align:left;
font-weight:700;
color:#009846;
font-size:22px;
line-height:23px;
padding-bottom:10px;
border-bottom:2px solid white;
}

.ob-title-white{
width:100%;
float:left;
text-align:left;
font-weight:700;
color:white;
font-size:22px;
line-height:23px;
padding-bottom:10px;
margin-top:35px;
}

.two-first{
width:100%;
float:left;
}

.oinfo{
width:100%;
float:left;
font-size:14px;
line-height:17px;
text-align:left;
color:#797979;
margin-top:10px;
}

.ofifty{
width:50%!important;
}

.oinfo span{
color:#009846;
font-weight:bold;
}

.offer-spacer{
width:100%;
float:left;
height:10px;
}

.mleft{
margin-left:15px;
}

.gray-section{
width:100%;
float:left;
text-align:center;
background:#f2f2f3;
padding:10px 0px 60px 0px;
}

.green-section{
width:100%;
float:left;
text-align:center;
background:#009846;
padding:50px 0px;
}

.find-boxes{
width:100%;
float:left;
margin-top:50px;
padding-bottom:40px;
}

.find-box{
width:100%;
float:left;
padding:10px 0px;
border-top:1px solid white;
transition:all 0.2s;
}

.find-box:last-child{
border-bottom:1px solid white;
}

.find-box-image{
width:120px;
height:120px;
margin:0px 60px 0px 40px;
background-size:110% 110%;
background-position:center center;
border-radius:120px;
float:left;
transition:all 0.2s;
}

.find-box:hover .find-box-image{
background-size:100% 100%;
transition:all 0.2s;
}

.fimage1{
background-image:url(img/fimage1.png);
}

.fimage2{
background-image:url(img/fimage2.png);
}

.fimage3{
background-image:url(img/fimage3.png);
}

.fimage4{
background-image:url(img/fimage4.png);
}

.fimage5{
background-image:url(img/fimage5.png);
}

.fimage6{
background-image:url(img/fimage6.png);
}

.find-box-slogan{
font-size:36px;
line-height:38px;
font-weight:700;
color:#009846;
width:calc(100% - 220px);
float:right;
margin-top:25px;
}

.find-box-sm-slogan{
font-size:20px;
color:#797979;
line-height:22px;
padding-left:30px;
width:calc(100% - 250px);
float:right;
margin-top:15px;
}

.green-headers{
width:100%;
float:left;
height:60px;
line-height:40px;
border-bottom:1px solid white;
font-size:26px;
font-weight:700;
color:white;
text-align:left;
}

.gfifty{
float:left;
width:50%;
margin:0;
padding:0;
}

.green-row{
width:100%;
float:left;
margin-top:30px;
}

.gr-left{
width:45px;
float:left;
}

.gr-left img{
float:right;
margin-top:0px;
}

.gr-right{
float:right;
width:calc(100% - 60px);
font-size:18px;
line-height:21px;
color:white;
text-align:left;
}

.gr-right a{
color:white;
}

.gr-right a:hover{
text-decoration:underline;
}

.fb-icon:hover{
transform:scale(0.9);
}

.form-div{
width:100%;
float:left;
margin-top:25px;
}

.form-div input{
width:calc(60% - 40px);
height:47px;
line-height:47px;
color:black;
padding:0px 20px;
text-align:left;
background:white;
border-radius:9px;
border:none;
font-size:18px;
margin-bottom:10px;
float:left;
}

#greenform input[type=text]{
border:1px solid #009846;
width:calc(85% - 40px);
}

.form-banner-wrapper .form-div input[type=text]{
width:calc(85% - 40px);
}

.form-div textarea{
width:calc(100% - 40px);
padding:20px;
background:white;
color:black;
text-align:left;
border-radius:9px;
border:none;
font-size:18px;
margin-bottom:10px;
min-height:100px;
float:left;
}

#accept{
width:23px;
height:23px;
border-radius:6px;
margin-right:14px;
}

.accf{
font-size:12px;
color:white;
float:left;
line-height:23px;
}

#greenform .accf{
color:black;
}

::-webkit-input-placeholder { /* Edge */
  color: #cccccc;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #cccccc;
}

::placeholder {
  color: #cccccc;
}

#sendit{
font-weight:bold;
color:#009846;
height:30px;
padding:0px 20px;
line-height:30px;
background:white;
float:right;
border-radius:15px;
margin-top:14px;
transition:all 0.2s;
border:none;
cursor:pointer;
clear:left;
font-size:18px;
}

#greenform #sendit{
background:#009846!important;
color:white!important;
}

#greenform #sendit:hover{
background:#2ebc6f!important;
}

.bottom-section{
width:100%;
float:left;
text-align:center;
padding:45px 0px;
}

.bottomnav{
width:100%;
float:left;
text-align:center;
}

.bottomnav a{
display:inline-block;
font-size:20px;
font-weight:bold;
height:35px;
line-height:35px;
padding:0px 20px;
font-weight:700;
color:#009846;
}

.bottomnav a:hover,
.bottomnav a.current{
color:#f07f19;
transition:all 0.2s;
}

.tags{
width:100%;
float:left;
padding:30px 0px;
}

.tags p{
font-size:12px;
color:#8e8e8e;
text-align:center;
line-height:18px;
margin:0;
padding:0;
}

footer{
width:100%;
float:left;
text-align:center;
height:60px;
}

footer .copyright,
footer .webcat{
font-size:12px;
color:#8e8e8e;
font-family:verdana;
line-height:35px;
}

footer .copyright{
float:left;
}

footer .webcat{
float:right;
}

.webcat a{
font-size:12px;
color:#8e8e8e;
font-family:verdana;
}

.banner-sp{
width:100%;
float:left;
position:relative;
}

.banner-sp img{
float:left;
width:100%;
}

.banner-slogan{
width:50%;
height:100%;
background:url(img/trans-green.png) repeat;
position:absolute;
top:0;
left:0;
font-size:60px;
font-weight:700;
color:white;
text-align:right;
}

.banner-slogan-inside{
font-weight:700;
color:white;
font-size:60px;
position:absolute;
top:45%;
right:100px;
}

.whywork{
width:100%;
float:left;
background:url(img/green-bg.jpg) no-repeat center top;
background-size:cover;
padding:20px 0px;
}

.whywork h2{
color:white;
}

.why-boxes{
width:100%;
float:left;
text-align:center;
padding:40px 0px;
}

.why-box{
width:18%;
display:inline-block;
text-align:center;
}

.number{
display:inline-block;
font-size:31px;
font-weight:700;
color:white;
padding:17px 23px;
background:#f07f19;
border-radius:24px;
}

.wb-title{
width:100%;
display:inline-block;
font-size:24px;
line-height:29px;
text-align:center;
font-weight:700;
color:white;
padding:20px 0px;
}

.wb-image{
width:100%;
display:inline-block;
padding-bottom:100%;
background-repeat:no-repeat;
background-position:center center;
background-size:110% 110%;
border-radius:100%;
transition:all 0.2s;
}

.wb-image:hover{
background-size:100% 100%;
transition:all 0.2s;
}

.wbi1{
background-image:url(img/wbi1.png);
}

.wbi2{
background-image:url(img/wbi2.png);
}

.wbi3{
background-image:url(img/wbi3.png);
}

.wbi4{
background-image:url(img/wbi4.png);
}

.arrowsp{
width:74px;
height:38px;
display:inline-block;
background:url(img/arrow-sp.png) no-repeat center top 120px;
}

.good-section{
width:100%;
float:left;
text-align:center;
background:url(img/gray-grandpa.jpg) no-repeat right top #f2f2f3;
background-size:auto 100%;
margin-top:22px;
padding-bottom:50px;
}

.heart-boxes{
width:100%;
float:left;
margin-top:40px;
}

.heart-box{
width:33.3%;
float:left;
background:url(img/white-shadow.png) no-repeat left center;
text-align:center;
padding:25px 0px;
}

.heart-box:first-child{
background:none;
}

.heart-box img{
display:inline-block;
}

.heart-slogan{
width:100%;
display:inline-block;
text-align:center;
font-size:24px;
line-height:28px;
color:#797979;
padding:15px 0px;
}

.heart-box .applyit{
float:none!important;
display:inline-block!important;
}

.heart-box p{
text-align:center;
font-size:24px;
line-height:36px;
margin-top:0;
}

.maketop22{
margin-top:22px;
}

.maketop22 h2{
color:#f07f19!important;
}

/*FAQ*/

.toggle-box {
  display: none;
}

.toggle-box + label {
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  font-size:26px;
  line-height: 25px;
  color:#009846;
  background-color:#f2f2f3;
  width:calc(100% - 130px);
  padding:20px 20px 20px 110px;
  background-image:url(img/dart.png);
  background-position:42px center;
  background-repeat:no-repeat;
  font-weight:700;
  margin-bottom:10px;
}

.toggle-box + label:hover{
background:#009846;
background-position:42px center;
background-repeat:no-repeat;
color:white;
}

.toggle-box + label + div {
  display: none;
  margin-top: 10px;
}

.toggle-box:checked + label + div {
  display: block;
}

.tit{
font-size: 17px;
line-height: 27px;
color: #4a4a4a;
width:100%;
display:inline-block;
margin-top:10px;
padding:10px 0px 20px 0px;
}

.faq-box{
width:100%;
float:left;
margin-top:5px;
}

.faqs{
margin-top:45px;
float:left;
width:100%;
padding-bottom:40px;
}

.tit p{
margin:0;
padding:0;
}

/* FAQ End */

/* Personel start */

.personel{
margin-top:0px;
float:left;
width:100%;
padding-bottom:40px;
margin-left:0;
text-align:center;
}

/*
.personel-box{
width:26%;
float:left;
margin:2.5% 0 0 5.5%
}
*/

.personel-box{
width:26%;
display:inline-block;
margin:2.5% 0 0 0;
}

.personel-box img{
border:8px solid #3ba56c;
float:left;
width:calc(100% - 16px);
border-radius:20px;
transition: all 0.2s;
}

.personel-name{
width:100%;
float:left;
text-align:center;
font-size:25px;
color:#f07f19;
font-weight:bold;
padding:35px 0px 0px 0px;
transition: all 0.2s;
}

.personel-occupation{
width:100%;
float:left;
padding-top:20px;
transition: all 0.2s;
}

.personel-occupation p{
width:100%;
text-align:center;
font-size:19.5px;
line-height:26px;
color:#3ba56c;
font-weight:400;
margin:0px;
padding:0px;
transition: all 0.2s;
}

.personel-occupation p a{
color:black;
}

.personel-box:hover{
cursor:pointer;
}

.personel-box:hover img{
transform: scale(0.9);
border: 8px solid #f07f19;
transition: all 0.2s;
}

.personel-box:hover .personel-name{
color:#3ba56c;
transition: all 0.2s;
}

.personel-box:hover .personel-occupation p{
color:#f07f19;
transition: all 0.2s;
}

.personel h2{
width:100%;
display:block;
clear:both;
color:#2b84c6;
}

.personel-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
	align-items: flex-start;
	width: 100%;
}

.personel h2:not(:first-of-type){
margin-top:80px;
}

/* Personel end */

.wantto{
float:left;
width:100%;
background:url(img/green-bg-2.jpg) no-repeat center top;
background-size:cover;
padding:60px 0px;
margin-top:22px;
margin-bottom:22px;
}

.wantto .wrapper{
position:relative;
}

.wantto li{
color:white!important;
}

.wantto-circle{
position:absolute;
width:230px;
height:230px;
background:url(img/intro-circle.png) no-repeat center center;
border-radius:100%;
border:4px solid white;
top:0px;
right:70px;
}

.gallery{
width:100%;
float:left;
}

.gallery img{
width:22.5%;
float:left;
margin:2% 0 0 2%;
transition:all 0.2s;
padding-top:calc(45px - 2%);
}

.gallery img:hover{
filter:brightness(140%);
transition:all 0.2s;
}

.rightside .gallery img{
width:calc(22.5% - 2px);
border:1px solid #ccc;
}

.downloads{
width:100%;
float:left;
}

.rightside .downloads{
margin-top:40px;
}

.downloads a{
width:calc(42.5% - 130px);
float:left;
margin:5% 0 0 5%;
padding-left:130px;
background:url(img/ico-pdf.png) no-repeat left top;
font-size:15px;
line-height:20px;
color:black;
min-height:127px;
text-align:left;
}

.downloads a:hover{
filter:brightness(120%);
transition:all 0.2s;
}

.movie-map{
width:100%;
float:left;
text-align:center;
margin-top:40px;
}

.content-spacer{
width:100%;
float:left;
height:50px;
}

/* Menu mobilne start */

.mobile-start{
width:100%;
float:left;
height:50px;
text-align:center;
background:white;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
position:fixed;
top:0px;
left:0px;
z-index:9999;
display:none;
}

.logotop{
float:left;
height:40px;
margin:5px 0px 0px 20px;
}

#mobile-butt{
height:30px;
line-height:30px;
float:right;
font-size:1.1em;
font-weight:700;
color:#f07f19;
padding-right:50px;
background:url(img/rm.png) no-repeat right center;
background-size:25px 25px;
text-transform:uppercase;
margin-top:10px;
margin-right:30px;
cursor:pointer;
}

.mobile-container{
width:100%;
float:left;
background:white;
position:fixed;
top:60px;
left:0px;
background:white;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
z-index:9999;
}

#xx{
width:100%;
float:left;
}

.xbut{
float:right;
margin-right:20px;
cursor:pointer;
}

.xbut img{
margin:10px 0px 0px 0px;
width:30px;
height:30px;
}

.mobilenav{
width:100%;
float:left;
text-align:center;
padding-bottom:10px;
background:white;
}

.mobilenav a{
width:80%;
float:left;
height:40px;
line-height:40px;
color:white;
background:#009846;
text-align:center;
font-size:1em;
margin-left:10%;
margin-top:1px;
}

.mobilenav a:hover{
background:#057137;
}

.mobspacer{
width:100%;
float:left;
height:55px;
display:none;
background:white;
}

/* Menu mobilne END */

/* Offer details */

.offer-details{
width:100%;
float:left;
padding-top:0px;
}

.offer-det{
width:calc(33% - 40px);
padding-left:40px;
padding-bottom:15px;
float:left;
}

.otitle{
color:#009846;
font-size:24px;
height:30px;
line-height:32px;
width:100%;
float:left;
text-align:left;
font-weight:700;
}

.ovalue{
width:100%;
float:left;
text-align:left;
line-height:22px;
padding-top:8px;
padding-bottom:10px;
font-size:19px;
}

.oline{
width:100%;
float:left;
height:1px;
background:black;
margin-bottom:30px;
}

.otitle + p,
.otitle + p + p,
.otitle + p + p + p{
margin-top:20px;
width:calc(100% - 80px);
padding-left:40px;
padding-right:40px;
}

.p40{
padding-left:40px;
width:calc(100% - 40px);
}

.centerit{
width:100%;
float:left;
text-align:center;
}

/* Offer details end */

/* Form contact page */

.reservation{
width:70%;
float:left;
margin:40px 0 0 15%;
}

.reservation input{
width:calc(60% - 42px);
height:47px;
line-height:47px;
color:black;
padding:0px 20px;
text-align:left;
background:white;
border-radius:9px;
border:1px solid black;
font-size:18px;
margin-bottom:10px;
float:left;
}

.reservation textarea{
width:calc(100% - 42px);
padding:20px;
background:white;
color:black;
text-align:left;
border-radius:9px;
border:1px solid black;
font-size:18px;
margin-bottom:10px;
min-height:100px;
float:left;
}

.formstripe{
width:100%;
float:left;
font-size:12px;
color:black;
}

.reservation #accept1{
width:23px!important;
height:23px;
border-radius:6px;
margin-right:14px;
}

#submitit{
font-weight:bold;
color:white;
height:30px;
padding:0px 20px;
line-height:30px;
background:#009846;
float:right;
border-radius:15px;
margin-top:14px;
transition:all 0.2s;
border:none;
cursor:pointer;
clear:left;
font-size:18px;
width:auto!important;
}

#submitit:hover{
transform:scale(0.9);
transition:all 0.2s;
}

.aplikuj input{
width:calc(100% - 42px)!important;
}

/* Form contact page end */

/* Falg de */

.deutsch{
float:left;
height:18px;
margin-top:19px;
transition:all 0.2s;
}

.deutsch:hover{
filter:brightness(120%);
transition:all 0.2s;
}

.deutsch2{
position:absolute;
height:18px;
top:17px;
left:calc(50% - 13px);
transition:all 0.2s;
}

.deutsch2:hover{
filter:brightness(120%);
transition:all 0.2s;
}

/* Flag de end */

/* Zadzwoń do nas */

#callus,
#callus2{
  padding:25px 10px 10px 10px;
  border-radius:100%;
  background:#2b84c6;
  color:white;
  font-size:13px;
  position:absolute;
  right:calc(5% - 20px);
  top:0px;
  box-sizing:border-box;
  width:120px;
  height:120px;
  text-align:center;
  line-height:19px;
  display:inline-block;
  transition:all 0.2s;
  z-index:999;
  margin-top:240px;
  border:5px solid white;
}

#callus:hover,
#callus2:hover{
  transition:all 0.2s;
  background:#0a3f66;
}

/* PULSUJĄCE FALE */
#callus::before,
#callus::after,
#callus2::before,
#callus2::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border: 3px solid #64a2d0;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(1);
  opacity: 0;
  animation: ripple 3s infinite;
  z-index: -1; /* pod przyciskiem */
}

#callus::after,
#callus2::after {
  animation-delay: 1.5s; /* druga fala opóźniona */
}

@keyframes ripple {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}

#callus span,
#callus2 span{
font-size:16px;
font-weight:bold;
}

.relativize{
position:relative;
}

/* Zadzwoń do nas end */

/* Formularz na górze */

.form-banner{
width:100%;
float:left;
background:url('img/form-banner.jpg') no-repeat center center;
background-size:cover;
}

.form-banner-left{
float:left;
width:50%;
margin:0px;
padding:60px 60px;
box-sizing:border-box;
}

.form-banner-right{
float:right;
width:50%;
margin:0px;
padding:60px 60px;
box-sizing:border-box;
background:url(img/trans-green.png) repeat;
}

.whole{
width:100%;
float:left;
height:1px;
}

.form-banner-wrapper{
float:left;
width:75%;
}

/* Formularz na górze end */

/* Slogan na górze */

.marquee{
  width:100%;
  overflow:hidden;
  background:#009846;
  padding:20px 0;
}

.marquee__track{
  display:flex;
  will-change: transform;
}

.marquee__segment{
  display:flex;
}

.marquee__item{
  white-space:nowrap;
  color:#fff;
  font-size:18px;
  font-weight:400;
  margin-right:100px;
}

.marquee .emph{
  font-weight:700;
  font-size:23px;
}

/* Slogan na górze end */

/* Quick call */

#quickcall{
  padding:25px 10px 10px 10px;
  border-radius:100%;
  background:url('img/call.svg') no-repeat center center #f07f19;
  background-size:30px 30px;
  color:white;
  font-size:13px;
  position:fixed;
  right:5%;
  bottom:35px;
  box-sizing:border-box;
  width:80px;
  height:80px;
  text-align:center;
  line-height:19px;
  display:inline-block;
  transition:all 0.2s;
  z-index:999;
  margin-top:240px;
  border:5px solid white;
  cursor:pointer;
}

#quickcall:hover{
  transition:all 0.2s;
  background:url('img/call.svg') no-repeat center center #009846;
  background-size:30px 30px;
}

/* PULSUJĄCE FALE */
#quickcall::before,
#quickcall::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border: 3px solid #f3cfae;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(1);
  opacity: 0;
  animation: ripplee 3s infinite;
  z-index: -1; /* pod przyciskiem */
}

#quickcall::after{
  animation-delay: 1.5s; /* druga fala opóźniona */
}

@keyframes ripplee {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}

/* formularz */

#cliche{
background:rgba(0,0,0,0.5);
width:100vw;
height:100vh;
position:fixed;
z-index:9999;
left:0px;
top:0px;
box-sizing:border-box;
overflow:hidden;
margin:0px;
padding:0px;
}

#cliche2{
background:rgba(0,0,0,0.5);
width:100vw;
height:100vh;
position:fixed;
z-index:9999;
left:0px;
top:0px;
box-sizing:border-box;
overflow:hidden;
margin:0px;
padding:0px;
}

.form-field{
width:45%;
min-width:360px;
background:white;
border-radius:20px;
position:absolute;
top:25vh;
left:27.5%;
padding:25px;
box-sizing:border-box;
box-sizing:border-box;
padding-right:60px;
}

.form-field #closeit,
.form-field #closeit2{
width:30px;
height:30px;
background:url('img/close.svg') no-repeat center center;
background-size:40px 40px;
transition:all 0.2s;
position:absolute;
top:20px;
right:20px;
cursor:pointer;
}

.form-field #closeit:hover,
.form-field #closeit2:hover{
transition:all 0.2s;
transform:scale(0.9);
}

.green-font{
color:#009846;
}

.hidecliche{
display:none;
}

.showcliche{
display:initial;
}

/* Quick call end */

/* Job offers filters */

.filters{
width:calc(75% - 60px);
float:left;
margin:50px 0px 0px calc(12.5% + 30px);
}

.filter{
width:25%;
float:left;
padding:0px 30px;
box-sizing:border-box;
}

.filter-label{
width:100%;
float:left;
font-size:17px;
color:black;
text-align:left;
margin-bottom:15px;
}

.filter input[type=number],
.filter input[type=date],
select{
width:100%;
height:47px;
line-height:47px;
color:black;
padding:0px 20px;
text-align:left;
background:white;
border-radius:9px;
border:1px solid #ccc;
font-size:18px;
float:left;
box-sizing:border-box;
}

.filter input[type=date],
.grayoption{
color:#ccc;
}

#proficiency option { color:#000; }
#proficiency option.grayoption { color:#999; }

.filter input[type=number]#salaryfrom,
.filter input[type=number]#salaryto{
width:48%;
}

.filter input[type=number]#salaryto{
float:right;
}

.filters h2{
text-align:left;
padding:0px 0px 0px 0px;
margin:20px 0px 20px 0px;
color:#009846;
font-size:19px;
display:inline-block;
width:75%;
float:none;
padding-left:25px;
box-sizing:border-box;
text-transform:uppercase;
}

.joboffer{
width:calc(75% - 60px);
float:left;
margin:50px 0px 0px calc(12.5% + 30px);
box-sizing:border-box;
border:4px solid #009846;
border-radius:25px;
overflow:hidden;
}

.joboffer-title{
width:100%;
float:left;
padding:20px;
box-sizing:border-box;
text-align:center;
color:#009846;
font-size:20px;
border-bottom:1px solid #ccc;
line-height:27px;
font-weight:700;
background:#ebebeb;
}

.first-details{
width:100%;
float:left;
padding:20px 0px 0px 0px;
box-sizing:border-box;
border-bottom:1px solid #ccc;
}

.first-details p{
width:100%;
box-sizing:border-box;
color:black;
text-align:justify;
font-size:15px;
padding:0px 20px 20px 20px;
margin:0px;
}

.first-detail{
float:left;
width:33.33%;
padding:0px 20px;
box-sizing:border-box;
margin-bottom:20px;
}

.first-detail-title{
font-weight:700;
color:#f07f19;
text-align:center;
width:100%;
float:left;
}

.first-detail-value{
margin-top:10px;
font-weight:400;
color:black;
text-align:center;	
width:100%;
float:left;
}

.map{
padding-top:0px!important;
}

.fullfd{
width:100%!important;
text-align:center;
}

.fullfd span{
color:#f07f19;
font-weight:700;
padding-right:10px;
}

.joboffer-buttons{
width:100%;
padding:20px 0px;
float:left;
text-align:center;
}

.joboffer-button,
.filterb{
height:47px;
line-height:47px;
width:250px;
text-align:center;
color:white;
cursor:pointer;
display:inline-block;
margin:0px 20px;
background:#009846;
border-radius:50px;
transition:all 0.2s;
}

.rmore{
background:#f07f19;
}

.offer-details .rmore{
  display: none;
}

.joboffer-button:hover{
transition:all 0.2s;
background:#2b84c6;
}

.filterb{
float:left;
clear:left;
font-size:16px;
font-weight:bold;
color:white;
background:#009846;
margin:15px 0px 0px 30px;
border:none;
width:150px;
}

.filterb:hover{
background:#2b84c6;
}

.alloffers-stripe{
width:100%;
float:left;
text-align:center;
}

.allo{
background:#2b84c6;
margin-top:50px!important;
margin-bottom:50px!important;
}

.allo:hover{
background:#009846;
}

/* Job offer svg */

.detail-graph{
height:35px;
line-height:35px;
float:left;
background:#ececec;
padding:0px 25px;
border-radius:20px;
margin-left:25px;
margin-bottom:20px;
}

.detail-graph img{
float:left;
height:27px;
fill:#009846;
margin-top:4px;
}

.dg-inscr{
float:left;
font-size:14px;
color:black;
margin-left:8px;
height:35px;
line-height:35px;
}

/* Job offer svg */

.read-more-details {
  display: none;
}

.offer-details .read-more-details{
  display: block;
}

/* Job offers filters end */

/* Media Queries */

@media screen and (max-width: 1150px){

.top{
height:auto!important;
min-height:57px;
}

.mainnav{
float:right;
margin-left:0;
}

.mainnav a{
font-size:18px;
margin-right:30px;
}

.round-arrow{
width:10%;
height:58px;
display:inline-block;
background:url(img/green-arrow1.png) no-repeat center top 50px;
background-size:100% auto;
}

.secondarrow{
background:url(img/green-arrow2.png) no-repeat center bottom 50px;
background-size:100% auto;
}

.arrowsp{
width:6.5%;
height:38px;
display:inline-block;
background:url(img/arrow-sp.png) no-repeat center top 120px;
background-size:100% auto;
}

}

@media screen and (max-width: 1000px){
	
.arrowsp{
background:url(img/arrow-sp.png) no-repeat center top 150px;
background-size:100% auto
}

.filter{
width:48%;
margin-bottom:20px;
padding-left:0px;
}

.filters{
width:100%;
margin-left:0px;
}

.filters h2{
width:100%;
padding-left:0px;
}

.joboffer{
width:100%;
margin-left:0px;
}

.filterb{
margin-left:0px;
margin-top:0px;
}

.slogan{
font-size:30px;
line-height:35px;
}

.offer-box{
width:80%;
float:left;
margin:5% 0 0 10%;
}

}

@media screen and (max-width: 950px){

.mainnav{
display:none;
}

.mobile-start{
display:block;
width:100%;
max-width:100%;
}

.mobspacer{
display:block;
}

.personel{
width:100%;
margin-left:0px;
}

.personel h2{
margin-bottom:25px;
}

}

@media screen and (max-width: 900px){
	
.banner-slogan-inside{
right:40px;
font-size:30px;
}

.wantto-circle{
display:none;
}

}

@media screen and (max-width: 850px){
	
.form-field{
top:75px;
width:360px;
left:calc(50% - 180px);
}
	
.round-arrow{
width:10%;
height:58px;
display:inline-block;
background:url(img/green-arrow1.png) no-repeat center top 80px;
background-size:100% auto;
}

.secondarrow{
background:url(img/green-arrow2.png) no-repeat center bottom 80px;
background-size:100% auto;
}

.arrowsp{
background:url(img/arrow-sp.png) no-repeat center top 190px;
background-size:100% auto
}

.downloads a{
width:calc(100% - 80px);
background-size:60px auto;
margin-left:0;
padding-left:80px;
min-height:100px;
}

.deutsch{
display:none;
}

}

@media screen and (max-width: 800px){

.form-banner-left{
display:none;
}

.form-banner-right{
width:100%;
}

}

@media screen and (max-width: 750px){

.first-detail{
width:50%;
margin-bottom:20px;
margin-top:20px;
}	

.joboffer .first-details:nth-child(2){
padding:0px 0px;
}

.joboffer-button{
margin:5px 20px;
}

}

@media screen and (max-width: 730px){
	
.green-headers{
display:none;
}

.gfifty{
width:100%;
}

.personel{
width:50%;
margin-left:25%;
}

.personel-box{
width:100%;
margin:2.5% 0 30px 0;
}

}

@media screen and (max-width: 700px){
	
.green-zone{
display:none;
}

.round-box{
width:265px;
margin-left:calc(50% - 132px);
margin-right:calc(50% - 132px);
margin-bottom:50px;
}

.round-arrow{
display:none;
}

.covid-info{
width:100%;
float:right;
}

.conditions-inside{
background:none;
}

.conditions-info{
width:100%;
}

.conditions-info ul{
padding-top:0px;
}

.offer-box{
width:100%;
float:left;
margin:5% 0 0 0;
}

.why-box{
width:210px;
margin-left:calc(50% - 105px);
margin-right:calc(50% - 105px);
margin-bottom:80px;
}

.arrowsp{
display:none;
}

.heart-box{
width:100%;
float:left;
background:none;
text-align:center;
padding:25px 0px;
margin-bottom:50px;
}

.rounded-info{
position:relative;
text-align:center;
left:0px;
top:0px;
float:left;
clear:both;
margin-top:40px;
margin-left:calc(50% - 64px);
}

}

@media screen and (max-width: 600px){

.gallery img{
width:42.5%;
margin:5% 0 0 5%;
}

}

@media screen and (max-width: 500px){
	
.applyit{
float:left;
}

.d1{
clear:left;
}

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

.top{
padding-bottom:12px;
}

.find-box{
width:100%;
float:left;
padding:10px 0px;
border-top:1px solid white;
transition:all 0.2s;
}

.find-box:last-child{
border-bottom:1px solid white;
}

.find-box-image{
width:200px;
height:200px;
margin-top:0;
margin-bottom:0;
margin-left:calc(50% - 100px);
margin-right:calc(50% - 100px);
border-radius:100%;
}

.find-box-slogan{
width:100%;
}

.find-box-sm-slogan{
padding-left:0px;
width:100%;
float:left;
}

.banner-slogan-inside{
font-size:30px;
line-height:35px;
width:100%;
position:absolute;
top:10px;
right:0;
text-align:center;
}

.banner-slogan{
width:100%;
height:100%;
}

.personel{
width:90%;
margin-left:5%;
}

#callus,
#callus2{
margin-top:80px;
right:0px;
}

.form-banner-wrapper{
width:100%;
}

.form-banner-right{
padding:60px 30px;
}

#greenform input[type=text]{
width:calc(100% - 40px);
}

.filter{
width:100%;
}
	
}

@media screen and (max-width: 450px){

.offer-box-right{
width:100%;
height:150px;
overflow:hidden;
border-radius:10px 10px 0px 0px;
}

.offer-box-right img{
width:100%;
float:left;
border-radius:10px 10px 0px 0px;
margin-top:-50px;
}

.offer-box-left{
width:100%;
}

.personel-box img{
border:8px solid #3ba56c;
float:left;
width:calc(100% - 16px);
border-radius:20px;
/* height:300px; */
object-fit:cover;
transition:all 0.2s;
}

#callus,
#callus2{
right:10px;
}

#quickcall{
right:20px;
}

}