#hamburger-menu{display: block;padding:38px 24px;transition: all 0.3s ease;}
#header .menu-1{display: none;}
h2 strong, .head strong{color:#a8c62d;}
.home .vp-center{display:flex;align-content:start !important;}

@media screen and (max-width: 3840px){
.vimeo{max-width:100% !important;height:2152px !important;}
.home #content .widget.creative, .home #content .widget.experience{height:1500px}
.home #content .widget.creative:after{    width: 1530px;    height: 1530px;}
.home #content .widget.team.columns-5 .head{width:1200px;margin: 0 auto;}
}


@media screen and (max-width: 2560px) {
.home #content .widget.categories{width:80%;margin:0 auto;}
 .home #content .widget.categories.columns-3 ul.pages-list.pages-3:before{right:0;}
.home #content .widget.categories.columns-3 ul.pages-list.pages-3:after{right:0;}
 .home #content .widget.make div.description p   {font-size: 2.7em;}
 .vimeo, .player, #player{max-width:100% !important;max-height:100% !important;}
 .home .vp-center {display:flex;align-items:flex-start !important;}
 .home #content .widget.experienceInfo .head{width:auto;}
 .home #content .widget.experienceInfo .description{width:auto;}
 .home #content .widget.creative, .home #content .widget.experience{height:700px}
.home #content .widget.creative:after{    width: 701px;    height: 701px;}
.home li.o:after, .home li.e:after, .home li.n:after{height:100%;width:18%;background-position:-2em 30%;}
.home #content .widget.categories{height:550px;}
.home #content .widget.columns-1, .home #content .widget.aboutUs .description{width:100%;padding:0 2em;}
.home #header:after{bottom: -70px;}
.home #header:before{    bottom: 80px;}
.home #content .widget.categories.columns-3 ul.pages-list.pages-3 li h2{font-size:1.7em;}
.home #content .widget.aboutUs div.head{text-align:center;}
.home #content .widget.team.columns-5 .head{width:50%;}



}

@media screen and (max-width: 1920px) and  (max-height: 1080px){
.vimeo, .player, #player{max-width:100% !important;max-height:1080px !important;}
.home #content .widget.creative, .home #content .widget.experience{height:1000px}
.home #content .widget.creative:after{    width: 1003px;    height: 1003px;}
}
@media screen and(width:1680px){
.vimeo{width:1680px;height:945px;}
.home #header:after{bottom: -140px;}
.home #header:before{bottom: -10px;}

}



@media screen and (max-width: 1366px){
.home #content .widget.aboutUs div.head{width:30%;text-align:center;}
.home #header:after{bottom: -117px;}
.home #header:before{bottom: 22px;}
.home #content .widget.categories.columns-3 ul.pages-list.pages-3:before, .home #content .widget.categories.columns-3 ul.pages-list.pages-3:after{right:0;}

}


@media screen and(max-height: 1366px){

#clame{margin: 20% auto;}

}



@media screen and (max-width: 1080px) {
.freeprivacypolicy-com---reset.freeprivacypolicy-com---nb.freeprivacypolicy-com---palette-light.freeprivacypolicy-com---nb-standalone.freeprivacypolicy-com---lang-en,.freeprivacypolicy-com---reset.freeprivacypolicy-com---nb.freeprivacypolicy-com---palette-light.freeprivacypolicy-com---nb-standalone.freeprivacypolicy-com---lang-pl{width:100% !important;height:auto;left:0 !important;right:0 !important;top:10%;}
    
}


@media screen and (max-width: 1080px) and  (max-height: 1920px){
.vimeo, .player, #player{max-width:100% !important;max-height:608px !important;}
.home #content .widget.creative, .home #content .widget.experience{height:600px}
.home #content .widget.creative:after{    width: 601px;    height: 601px;}
.home #content .widget.team.columns-5 ul.pages-list.pages-3, .home #content .widget.contactButtons.type-5 .pages-list.pages-3{width:100%;}
.home #content .widget.team:before{right:12em;}
.home #content .widget.creative .head{right:7em;}
.home #content .widget.experienceInfo .head, .home #content .widget.experienceInfo .description{width:100%;}
 .home #content .widget.make div.description p{font-size:2.5em;line-height:1em;}
 .home #content .widget.make div.description img{width:16%;}
 .home #content .widget.experienceInfo:before{left: 190px;    top: -190px;}
 .home #content .widget.categories.columns-3 ul.pages-list.pages-3{width: 88%;}
 .home li.o:after, .home li.e:after, .home li.n:after{height:276px;}
 .home #content .widget.categories.columns-3 ul.pages-list.pages-3:before, .home #content .widget.categories.columns-3 ul.pages-list.pages-3:after{right:0;}
}



@media screen and (max-width: 1280px) and  (max-height: 800px){
.home #content .widget.categories.columns-3 ul.pages-list.pages-3:before, .home #content .widget.categories.columns-3 ul.pages-list.pages-3:after{right:0; top: 350px;width:50px;height:50px;}
.home #content .widget.categories.columns-3 ul.pages-list.pages-3:after{ height:171px; top: 140px}
.home #content .widget.creative:after{    width: 713px;    height: 723px;}
.home #content .widget.creative, .home #content .widget.experience{height:700px;}
}


@media screen and (max-width: 800px) and  (max-height: 1280px){
    #clame{margin: 74% auto;}
    .home #content .widget.categories{height:410px;}
   .home #content .widget.categories.columns-3 ul.pages-list.pages-3{flex-direction:row;}
   .home #content .widget.categories.columns-3 ul.pages-list.pages-3 li{width:31%;}
.home #content .widget.categories{width:80%;margin:0 auto;}
 .home #content .widget.categories.columns-3 ul.pages-list.pages-3:before{right:-15px;}
.home #content .widget.categories.columns-3 ul.pages-list.pages-3:after{right:-15px;}
 .home #content .widget.make div.description p   {font-size: 1.7em;flex-direction:row;}
 .vimeo, .player, #player{max-width:100% !important;max-height:450px !important;}
 .home #content .widget.experienceInfo .head{width:auto;}
 .home #content .widget.experienceInfo .description{width:auto;}
 .home #content .widget.creative, .home #content .widget.experience{height:440px}
.home #content .widget.creative:after{    width: 446px;    height: 446px;}
.home li.o:after, .home li.e:after, .home li.n:after{height:276px;}
.home #content .widget.categories{height:550px;}
.home #content .widget.team:before{right:10em;}
.home #content .widget.team.columns-5 ul.pages-list.pages-3{width:80%;}
.home #content .widget.make div.description img{right:0;}
.home #logoFoot a{width:70px;height:70px;bottom: 266px;}
#foot .container{flex-direction:column;width:100%;}
}




 @media screen and (max-width:  768px){
 #clame{margin:65% 23%;}
.home #content .widget.categories, .home #content .widget.creative, .home #content .widget.experience{height:auto;}
.home #content .widget.categories.columns-3 ul.pages-list.pages-3{flex-direction:row;}
.home #content .widget.categories.columns-3 ul.pages-list.pages-3 li{width: 27%;}
.home #content .widget.categories.columns-3 ul.pages-list.pages-3 li h2{font-size: 1.3em;}
.home #content .widget.categories.columns-3 ul.pages-list.pages-3 .image{margin-bottom: 1em;}
.home li.o:after{width: 104px;height: 227px;}
.home li.e:after{    width: 87px;height: 287px;}
.home li.n:after{width: 87px;height: 267px;}
.home #header:after{width: 100px;height: 100px;left: 98px;}
.home #content .widget.aboutUs div.head{margin-top: 1em;text-align:center;}
.home #content .widget.team.columns-5 ul.pages-list.pages-3{flex-direction:row;width:100%;}
.home #content .widget.team.columns-5 ul.pages-list.pages-3 li{margin:0;}
.home #content .widget.creative, .home #content .widget.experience{height: 410px;}
.home #content .widget.creative:after{width: 420px;}
.home #content .widget.team.columns-5 .head{margin-bottom: 1em;}
.vimeo, .player, #player{max-width:100% !important;max-height:432px !important;}
.home #content .widget.experienceInfo:after{top: -50px;}
.home #content .widget.experienceInfo .description{font-size:1.1em;}
.home #content .widget.team.columns-5 ul.pages-list.pages-3 li h2{font-size: 1.3em;}
.home #content .widget.team.columns-5 ul.pages-list.pages-3 li .image{margin: 0;padding: 0 0;width:auto;float:none;}
.home a.full-description{font-size: 1.3em;}
.home #content .widget.contactButtons.type-5 .pages-list.pages-3{flex-direction:row;width:100%;}
.contactButtons .pages-list li{width: 33%;}
.home #content .widget.contactButtons.type-5{min-height: 600px;}
.home #content .widget.make div.description p{flex-direction:row;font-size:1.7em;display:flex;}
.home #content .widget.make div.description img{right:0;width:16%;}
.home #content .widget.categories.columns-3 ul.pages-list.pages-3:before, .home #content .widget.categories.columns-3 ul.pages-list.pages-3:after{right:-2em; top: 200px;width:30px;height:30px;}
.home #content .widget.categories.columns-3 ul.pages-list.pages-3:after{ height:121px; top: 50px}
.home #content .widget.experienceInfo:before{left: 120px;    top: -130px;}
.home #logoFoot a  {width:70px;height:70px;bottom: 243px;}
 }









@media screen and (max-width:  768px ) and  (max-height:  1024px){
 .home #clame{margin: 60% 22%;    width: 390px;}
 .home #content .widget.team.columns-5 ul.pages-list.pages-3 li{padding:0}
 .home #content .widget.make div.description p{width:80%;font-size:2em;}
  .home #content .widget.categories.columns-3 ul.pages-list.pages-3{width:84%;}
 .home #content .widget.categories.columns-3 ul.pages-list.pages-3 li{width:28%;}
 .home #content .widget.categories.columns-3 ul.pages-list.pages-3 li h2{font-size:1.7em;}
 .home #content .widget.experienceInfo:before{top:-310px;}
 #foot .container{flex-direction:column}
 #foot .menu-2 ,  .info{flex-direction:row;width:100%;}
 .home #content .widget.creative .head{bottom:4em;right:5em;font-size:1em;}
 .home #content .widget.team:before{right:8em;}
 .home #logoFoot a{width:70px;height:70px;bottom:263px;}
 .home #logoFoot a{    bottom: 233px;}

}





@media screen and (max-width:  1180px ) and  (max-height:  820px)  {
      .home #clame{margin: 29% 33%; } 
      .home #content .widget.categories, #foot .power{margin:0;width:100%;}
      .home #content .widget.categories.columns-3 ul.pages-list.pages-3:before, .home #content .widget.categories.columns-3 ul.pages-list.pages-3:after{right:0;}
      .home #content .widget.creative, .home #content .widget.experience{height:615px;}
      .home #content .widget.creative:after{width:634px;}
      .vimeo, .player, #player{max-width:100% !important;max-height:664px !important;}
      .home #content .widget.make div.description p{line-height:1em;width:100%;}
      .home #content .widget.experienceInfo:before{top:-190px;left:190px;}
      .home #content .widget.team.columns-5 ul.pages-list.pages-3{width:97%;margin-top: 4em;}
      .home #content .widget.creative .head{bottom: 8em;    right: 7em;}
}

@media screen and (max-width:  820px ) and  (max-height:  1180px) {
   .home #clame{       margin: 66% 27%;  }  
   .home #content .widget.categories.columns-3 ul.pages-list.pages-3, .home #content .widget.team.columns-5 ul.pages-list.pages-3{flex-direction:row;}
.home #content .widget.categories.columns-3 ul.pages-list.pages-3 li{width:27%;}
.home #content .widget.experience{height:440px;}
.home #content .widget.experienceInfo:before{top:-100px;}
.vimeo, .player, #player{max-width:100% !important;max-height:461px !important;}
.home #content .widget.experienceInfo .description, .home #content .widget.aboutUs .description{font-size:1em;}
.home #content .widget.creative{height:435px;}
.home #content .widget.contactButtons.type-5 .pages-list.pages-3{flex-direction:row;}
#bg, #content .blog .head, .contactButtons .pages-list li, #content .contactButtons div.head:before{width:32%;}
.home #content .widget.team.columns-5 ul.pages-list.pages-3 li h2{font-size:1.2em;}
.home #content .widget.categories{margin:0 auto;width:84%;}
.home #content .widget.categories.columns-3 ul.pages-list.pages-3 .image{margin-bottom:3em;}
.home #content .widget.team.columns-5 .head{width:100%;}
#foot .container{flex-direction:column;    padding: 50px 5% 100px;}
.home #content .widget.categories.columns-3 ul.pages-list.pages-3 li h2{font-size:1.5em;}
.home #content .widget.team:before{right:7em;}
.home #content .widget.creative .head{bottom: 3em;right: 2em;}
.home #content .widget.creative:after{width:443px;}
.home #content .widget.contactButtons.type-5{min-height:589px;}
#foot .copy, #foot .menu-2, .info{flex-direction:row;width:100%;text-align:left;}
}

@media screen and (max-width: 844px)  and (max-height: 390px)  {
    .home #content .widget.columns-1, .home #content .widget.aboutUs div.head, .home #content .widget.experienceInfo .description, .home #content .widget.aboutUs .description, .home #content .widget.experienceInfo, .home #content .widget.contactButtons div.head{width:100%;padding:0 2em;}
.home #clame{margin: 19% 39%; width: 200px;}
.home #clame img{width:200px;}
.home #content .widget.categories.columns-3 ul.pages-list.pages-3{flex-direction: row;width:85%;}
.home #head1.fixed{position: absolute;}
.pages-list li .image{width: 92%;}
.contactButtons .pages-list li{width:33%;}
.vimeo, .player, #player{max-width:100% !important;max-height:475px !important;}
.home #content .widget.categories.columns-3 ul.pages-list.pages-3{width: 91%;}
 .home li.o:after, .home li.e:after, .home li.n:after{height: 316px;    width: 92px;    background-position: -10px 110px;}
 .home #content .widget.categories.columns-3 ul.pages-list.pages-3 li h2{font-size: 1.4em;}
 .home #content .widget.categories.columns-3 ul.pages-list.pages-3:after{width: 36px;    height: 137px;right:43px;}
 .home #content .widget.categories.columns-3 ul.pages-list.pages-3:before{    width: 36px;    height: 36px;right:43px;top:290px;}
 .home #content .widget.creative:after{width: 479px;}
   .home #content .widget.creative, .home #content .widget.experience{height:465px;}
   .home #header:after{width:130px;height:130px;}
   .home #header:before{width:80px;height:80px;bottom: -38px;left:196px;}
   .home #content .widget.categories{height:390px;}
   .home #content .widget.team.columns-5 .head{width:88%;}
   .home #content .widget.team.columns-5 ul.pages-list.pages-3{margin-top:0em;}
   .home #content .widget.experienceInfo .description{font-size:1em;}
   .home #content .widget.experienceInfo{height:250px;}
   .home #content .widget.make div.description p{font-size:1.7em;}
   .home #logoFoot a{width:70px;height:70px;bottom:263px;}
   .home #content .widget.contactButtons.type-5{min-height:633px;}
   .home #content .widget.experienceInfo:before{width: 100px;    height: 100px;}
   #foot .container{flex-direction:column;}
     #foot .copy, #foot .menu-2 ul, .info{display: flex;flex-direction:row;text-align:center;font-size:1em;    line-height: 2em;width:100%;}
   

}
@media screen and (max-width: 812px) and (max-height:375px) {
    .home #content .widget.experienceInfo:before{    top: -190px;}
    .home #content .widget.categories.columns-3 ul.pages-list.pages-3:before, .home #content .widget.categories.columns-3 ul.pages-list.pages-3:after{right:-2em; top: 200px;width:30px;height:30px;}
.home #content .widget.categories.columns-3 ul.pages-list.pages-3:after{ height:121px; top: 50px}
.home #content .widget.make div.description p{font-size: 1.5em;}

}

@media screen and (max-width:  740px ) and  (max-height:  360px){
 .home #clame{    margin: 15% 23%;  }
 .home #content .widget.categories.columns-3 ul.pages-list.pages-3 .image{width:100%;}
 .home #content .widget.aboutUs div.head{text-align:center;}
 .home #content .widget.team.columns-5{padding:0;}
 .home #content .widget.team.columns-5 ul.pages-list.pages-3 li{    padding: 0 1em;}
 .home #content .widget.experienceInfo .head{font-size:2em;}
 .vimeo, .player, #player{max-width:100% !important;max-height:416px !important;}
 #foot .container{flex-direction:column;}
 #foot .menu-2{flex-direction:row;width:100%;}
.home #content .widget.make div.description p{width:80%;font-size:2em;}
}





@media screen and (max-width:  360px){
 .home #clame{margin: 88% 0%; width: 360px;}
  .vimeo, .player, #player{max-width:100% !important;max-height:203px !important;}
  .home #content .widget.contactButtons.type-5 .pages-list.pages-3{flex-direction: column;    display: flex;    justify-content: center;    align-items: center;}
  .home #content .widget.team.columns-5 ul.pages-list.pages-3{display:flex;flex-direction:column;}
  .home #content .widget.team.columns-5 ul.pages-list.pages-3 li{margin:2em 0;padding:0;}
  .home #content .widget.team.columns-5{padding:2em;}
  .home #content .widget.team.columns-5 .head{width:100%;}
  .home #content .widget.make div.description p, #foot .copy, #foot .container{flex-direction:column;}
  .home #content .widget.make div.description img{right:50px;}
  .home #content .widget.aboutUs div.head{width:30%;text-align:center;}
  .home #header:after{width:70px;height:70px;bottom: -78px;left:38px;}
.home #header:before{width: 40px;    height: 40px;    left: 90px;    bottom: -30px;}
.home #content .widget.categories.columns-3 ul.pages-list.pages-3{flex-direction:column;}
.home #content .widget.categories.columns-3 ul.pages-list.pages-3 li{width:53%;}
.home #content .widget.creative, .home #content .widget.experience, .home #content .widget.creative:after{height:190px}
.home #content .widget.creative .head{right: 2em;font-size:0.7em;}
.home #content .widget.team:before{right:4em;}
.home #content .widget.team.columns-5 ul.pages-list.pages-3 li{text-align:center}
.home #content .widget.team.columns-5 ul.pages-list.pages-3 li .image{width:70%;margin:0 auto;padding-bottom:2em;}
.home #content .widget.experienceInfo .head{font-size:2em;}
 #foot .copy {flex-direction: column;    font-size: 1.5em;    line-height: 2em;}
 .home #logoFoot a{bottom:410px;}
#page h1{font-size:2em;}
.home #content .widget.experience:after{width:150px;}
.home #content .widget.experienceInfo:before{width: 30px;    height: 30px;    left: 280px;    top: -200px;}

}






@media screen and (max-width: 390px)  and (max-height: 844px) {
    .home #content .widget.columns-1, .home #content .widget.aboutUs div.head, .home #content .widget.experienceInfo .description, .home #content .widget.aboutUs .description, .home #content .widget.experienceInfo, .home #content .widget.contactButtons div.head{width:100%;padding:0 2em;}
    
    .home #clame{margin: 98% 25%;; width: 200px;}
.home #header:after{width: 80px;    height: 80px;    left: 28px;bottom: -70px;}
   .home #header:before {width: 60px;    height: 60px;    left: 90px;    bottom: -20px;}
 .home #content .widget.categories.columns-3 ul.pages-list.pages-3, .home #content .widget.team.columns-5 ul.pages-list.pages-3{flex-direction:column;} 
 .home #content .widget.categories.columns-3 ul.pages-list.pages-3 li{width:82%;}
 .home #content .widget.creative:after{width:221px;}
 .home #content .widget.creative, .home #content .widget.experience{height:215px;}
 .home #content .widget.team:before{    right: 6em;    width: 50px;    height: 50px;    top: -1em;}
 .home #content .widget.team.columns-5 .head{width:90%;}
 .home #content .widget.team.columns-5 ul.pages-list.pages-3{width:67%;}
 .home #content .widget.team.columns-5 ul.pages-list.pages-3 li .image{margin:1em 0;}
 .home #content .widget.experienceInfo:before{left:60px;}
  .vimeo, .player, #player{max-width:100% !important;max-height:219px !important;}
  .home #content .widget.make div.description p{flex-direction:column;margin:0 auto;}
  .home #content .widget.make div.description img{right:45px;width:50%;}
  .home #content .widget.aboutUs div.head{font-size:2em;}
  .home #content .widget.creative .head{bottom:6em;}
  .home #content .widget.experience:before, .home #content .widget.experience:after{height:40px;}
  .home #content .widget.experienceInfo:before{width: 50px;   height: 50px;top:-137px;}
  .home #content .widget.experienceInfo:after{top:-110px;height:30px;}
  .home #content .widget.contactButtons div.head{font-size: 2em;}
  #foot .copy, #foot .menu-2 ul, .info{display: flex;flex-direction:column;text-align:center;font-size:1em;    line-height: 2em;}
  .home #content .widget.contactButtons.type-5 .pages-list.pages-3 li h2 {font-size:1em;}
  

  
}






@media screen and (max-width: 375px)  and (max-height: 812px) {
.home #content .widget.columns-1, .home #content .widget.aboutUs div.head, .home #content .widget.experienceInfo .description, .home #content .widget.aboutUs .description, .home #content .widget.experienceInfo, .home #content .widget.contactButtons div.head{width:100%;padding:0 2em;}
.home #clame{margin: 98% 25%;; width: 200px;}
.home #clame img{width:190px;}
.home #header:after{width: 80px;    height: 80px;    left: 28px;bottom: -70px;}
.home #header:before {width: 60px;    height: 60px;    left: 90px;    bottom: -20px;}
.home #content .widget.categories.columns-3 ul.pages-list.pages-3, .home #content .widget.team.columns-5 ul.pages-list.pages-3{flex-direction:column;} 
.home #content .widget.categories.columns-3 ul.pages-list.pages-3 li{width:82%;}
.home #content .widget.creative:after{width:221px;}
.home #content .widget.creative, .home #content .widget.experience{height:215px;}
.home #content .widget.team:before{    right: 6em;    width: 50px;    height: 50px;    top: -1em;}
.home #content .widget.team.columns-5 .head{width:90%;}
.home #content .widget.team.columns-5 ul.pages-list.pages-3{width:67%;}
.home #content .widget.team.columns-5 ul.pages-list.pages-3 li .image{margin:1em 0;}
.home #content .widget.experienceInfo:before{left:60px;}
.vimeo, .player, #player{max-width:100% !important;max-height:219px !important;}
.home #content .widget.make div.description p{flex-direction:column;margin:0 auto;}
.home #content .widget.make div.description img{right:45px;width:50%;}
.home #content .widget.aboutUs div.head{font-size:2em;}
.home #content .widget.creative .head{bottom:6em;}
.home #content .widget.experience:before, .home #content .widget.experience:after{height:40px;}
.home #content .widget.experienceInfo:before{width: 50px;   height: 50px;top:-137px;}
.home #content .widget.experienceInfo:after{top:-110px;height:30px;}
.home #content .widget.contactButtons div.head{font-size: 2em;}
#foot .copy, #foot .menu-2 ul, .info{display: flex;flex-direction:column;text-align:center;font-size:1em;    line-height: 2em;}
.home #content .widget.contactButtons.type-5 .pages-list.pages-3 li h2 {font-size:1em;}
.home #content .widget.categories.columns-3 ul.pages-list.pages-3:before, .home #content .widget.categories.columns-3 ul.pages-list.pages-3:after{right:0;    top: 1219px;width:30px;height:30px;}
.home #content .widget.categories.columns-3 ul.pages-list.pages-3:after{ height:100px; top: 1100px}
.home #content .widget.make div.description p{font-size:1.2em;}
  
}