<style>
  @font-face {
    font-family: 'Simplon Norm';
    src: url('/templates/astor2016/font-simplon/SimplonNorm.eot');
    src: url('/templates/astor2016/font-simplon/SimplonNorm.eot?#iefix') format('embedded-opentype'),
        url('/templates/astor2016/font-simplon/SimplonNorm.woff2') format('woff2'),
        url('/templates/astor2016/font-simplon/SimplonNorm.woff') format('woff'),
        url('/templates/astor2016/font-simplon/SimplonNorm.svg#SimplonNorm') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Simplon Norm';
    src: url('/templates/astor2016/font-simplon/SimplonNorm-Light.eot');
    src: url('/templates/astor2016/font-simplon/SimplonNorm-Light.eot?#iefix') format('embedded-opentype'),
        url('/templates/astor2016/font-simplon/SimplonNorm-Light.woff2') format('woff2'),
        url('/templates/astor2016/font-simplon/SimplonNorm-Light.woff') format('woff'),
        url('/templates/astor2016/font-simplon/SimplonNorm-Light.svg#SimplonNorm-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Simplon Norm';
    src: url('/templates/astor2016/font-simplon/SimplonNorm-MediumItalic.eot');
    src: url('/templates/astor2016/font-simplon/SimplonNorm-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('/templates/astor2016/font-simplon/SimplonNorm-MediumItalic.woff2') format('woff2'),
        url('/templates/astor2016/font-simplon/SimplonNorm-MediumItalic.woff') format('woff'),
        url('/templates/astor2016/font-simplon/SimplonNorm-MediumItalic.svg#SimplonNorm-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Simplon Norm';
    src: url('/templates/astor2016/font-simplon/SimplonNorm-LightItalic.eot');
    src: url('/templates/astor2016/font-simplon/SimplonNorm-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/templates/astor2016/font-simplon/SimplonNorm-LightItalic.woff2') format('woff2'),
        url('/templates/astor2016/font-simplon/SimplonNorm-LightItalic.woff') format('woff'),
        url('/templates/astor2016/font-simplon/SimplonNorm-LightItalic.svg#SimplonNorm-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Simplon Norm';
    src: url('/templates/astor2016/font-simplon/SimplonNorm-BoldItalic.eot');
    src: url('/templates/astor2016/font-simplon/SimplonNorm-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/templates/astor2016/font-simplon/SimplonNorm-BoldItalic.woff2') format('woff2'),
        url('/templates/astor2016/font-simplon/SimplonNorm-BoldItalic.woff') format('woff'),
        url('/templates/astor2016/font-simplon/SimplonNorm-BoldItalic.svg#SimplonNorm-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Simplon Norm';
    src: url('/templates/astor2016/font-simplon/SimplonNorm-Italic.eot');
    src: url('/templates/astor2016/font-simplon/SimplonNorm-Italic.eot?#iefix') format('embedded-opentype'),
        url('/templates/astor2016/font-simplon/SimplonNorm-Italic.woff2') format('woff2'),
        url('/templates/astor2016/font-simplon/SimplonNorm-Italic.woff') format('woff'),
        url('/templates/astor2016/font-simplon/SimplonNorm-Italic.svg#SimplonNorm-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Simplon Norm';
    src: url('/templates/astor2016/font-simplon/SimplonNorm-Medium.eot');
    src: url('/templates/astor2016/font-simplon/SimplonNorm-Medium.eot?#iefix') format('embedded-opentype'),
        url('/templates/astor2016/font-simplon/SimplonNorm-Medium.woff2') format('woff2'),
        url('/templates/astor2016/font-simplon/SimplonNorm-Medium.woff') format('woff'),
        url('/templates/astor2016/font-simplon/SimplonNorm-Medium.svg#SimplonNorm-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Simplon Norm';
    src: url('/templates/astor2016/font-simplon/SimplonNorm-Bold.eot');
    src: url('/templates/astor2016/font-simplon/SimplonNorm-Bold.eot?#iefix') format('embedded-opentype'),
        url('/templates/astor2016/font-simplon/SimplonNorm-Bold.woff2') format('woff2'),
        url('/templates/astor2016/font-simplon/SimplonNorm-Bold.woff') format('woff'),
        url('/templates/astor2016/font-simplon/SimplonNorm-Bold.svg#SimplonNorm-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}


h3 {font-size: 24px;}

  #newSurveyForm input[type=button], #newSurveyForm input[type=reset], #newSurveyForm input[type=submit] {
    margin-top: -15px;!important
  }

  .btn-default {font-size:20px;font-weight:450;border-radius: 10px;padding:0px 40px;line-height: 56px;height: 57px;border-width: 2px;}

  .btn-primary {font-size:20px;font-weight:450;border:0;border-radius: 10px;padding:0px 40px;line-height: 60px;height: 57px;}
  @media only screen and (max-width: 767px) {
  video {
    display: none;
  }
}
  @media (min-width: 1500px)
.visible-lg {
    display: block!important;
}
  ul.breadcrumb {
  display: none;
}
.carousel-inner .item.text-center {text-align: center!important;}
.text-xl {font-size: 24px!important;}
   #carousel-korzysci .right img {right:0;left:auto;top:40px;max-width: 55px;height: auto;}
    #carousel-korzysci .left img {top:40px;max-width: 55px;height: auto;}
   #carousel-kolo .right img {right:0;left:auto;max-width: 55px;height: auto;}
    #carousel-kolo .left img {max-width: 55px;height: auto;}    
    #carousel-plus .right span,#carousel-plus .left span {min-width: 55px;width: 55px;max-width: 55px;}
   #carousel-plus .right img {right:0;left:auto;max-width: 55px!important;width: 55px;height: 55px;min-width: 55px!important;box-sizing: content-box!important;padding-right: 0!important}
    #carousel-plus .left img {max-width: 55px!important;width: 55px;height: 55px;min-width: 55px!important;box-sizing: content-box!important;padding-left: 0!important}    
    .white-item, .item-white {background: #fff;padding: 10px;padding-bottom: 30px;padding-top: 30px;}
    .item-white-border {border:solid 20px #fff;padding:30px 30px;height: 190px;}
.frontpage {line-height: 22.5px;font-size:18px;font-weight: 400;}
.frontpage h2,.frontpage h3,.frontpage h4, .simplon {font-family: 'Simplon Norm','Roboto',"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing: antialiased !important;}
.banner {color:white; height: 85vh; display: flex; align-items: center;}
  .logos {display: flex; align-items: center; justify-content: space-evenly}
.opt, .astor, .real, .collab-grey, .fact-grey {background: #f2f2f2;}
.opt img {float: left; padding-right: 25px; padding-left: 25px; max-height: 3em}
.opt .container .col-md-4 {display: flex; align-items: center; justify-self: space-around}
#opt-img-2 {max-height: 8em; position: absolute; margin-top:170px; margin-left:-50px}
.opt-framed p {color: #ffffff; background: rgba(0,0,0,0.75); margin-bottom: 0;}
.underlined::after {        display:block;
        clear:both;
        content : "";
        position: relative;
        left    : 0;
        bottom  : 0;
        max-width:300px;
        height  : 1px;
        width   : 85%;
        margin:0 0 0 auto;
        padding:3px 0px;
  border-bottom: solid 1px #009459;}
.opt-white img {float: left; max-height: 11em}
.opt-white ul {list-style: none; display: inline-block}
.opt-white ul li::before {content: "\25A0"; color: #009459; display: inline-block; width: 0.7em; margin: 0; padding-right: 2em}
  .astor img {max-height: 20em}
  .robot h2, .robot p {font-weight: bold}
  .robot .row {margin-top: 80px}
  .robot .row p {font-weight: 300; border-bottom: solid 1px #009459; padding: 10px 0}
  .collab .text-bg {padding-top: 20px; padding-bottom: 20px; background: #f2f2f2;}
  #eteflow {display:block; margin-left: auto; margin-right: auto;}
  .collab-grey h3 {margin-bottom: 0}
  .collab-grey ul, ul.checked {list-style: url("https://www.astor.com.pl/images/intralogistyka/Group%20248.png")}

  ul.checked {padding-left: 30px;padding-top: 30px;padding-bottom: 30px;}
  ul.checked li {padding-left:10px;font-size: 1.14em;position: relative;line-height: 30px!important;}


  .collab-grey li {padding-left: 20px; padding-bottom: 20px; font-size: 18px;}
  .collab-green {background: url(https://www.astor.com.pl/images/osaka/Background_EXPO2025.png) no-repeat; color: #ffffff}
.collab-green ul {list-style: none; display: inline-block; line-height: 40px}
  .collab-green li {padding: 5px 30px 15px 0}
  .collab-green li::before {content: "\25A0"; color: #ffffff; display: inline-block; width: 0.7em; margin: 0; padding-right: 3em;float: left;position: absolute;margin-left: -40px;margin-top: 1px;}
  .collab-green li p {font-size: 16px;font-weight: 400; }
  .fact-white img {border: solid 3px #00965a; margin-right: auto; margin-left: auto}
  figure {overflow: hidden}
  figcaption {color: #00965a; text-decoration: underline;  text-align: center; padding-top: 10px; padding-bottom: 20px}
  .fact-grey h4, .form-h {font-weight: 700}
  .fact-grey p {font-style: "FS Millbank"}
  .fact-grey .col-sm-4 {padding-top: 30px; padding-right: 20px; padding-left: 20px}
  .intra-log {font-size: 14px; border: 0; border-radius: 7px; padding: 10px 20px; line-height: 22px; background: #f2f2f2; color: #000000}
  #form-right {
    background: #fff;
    border: solid 1px #808285;
    border-radius: 10px;
    padding: 30px;
}
  @media (max-width: 768px) {
    .logos-mobile {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 20px}
    .logos-mobile img {width: 25vw; padding: 10px}
    #biz {padding-left: 3em; line-height: 20px}
    #robo-arm {margin-top: -6em; width: 130%}
    .film-mini {padding-top:10px}
    .lh-14 {line-height: 1.4em;}
  }
  @media (min-width: 769px) {



          .logos {padding: 30px 50px}
  #banner-32, .opt .simplon, .astor .text-center p, .collab-white h4, #simplon-32, #factory-simplon h4 {font-size: 32px; line-height: 40px}
  h1, #opt-simplon, .astor h3, #simplon-48 {font-size: 48px!important; line-height: 56px!important}
  .fact-grey p {font-size: 20px; line-height: 28px}
          #robo-arm {margin-top: -8em}
   #carousel-real {margin-left: 15vw; margin-right: 15vw}
    #carousel-real .item {display: flex; justify-content: center}
  }

  @media (max-width: 991px) {
     #form-right {min-height: 900px}
.centrum-prasowe-fp .col-xs-12 {
}
    .banner h3 {font-size: 30px;font-weight: 300;line-height: 1.1em;border-bottom: 0;}
    .banner {background:  url(https://www.astor.com.pl/images/osaka/bgdark.jpg) top center no-repeat; background-size: cover;}
    #banner-mobile {display: flex; justify-content: center; flex-wrap: wrap; padding-left: 1em; padding-right: 1em;}
    #banner-mobile h1 {font-size: 36px!important}
    .opt .container div {padding-bottom: 20px}
    .opt-framed {padding: 0}
    #no-margin {padding: 0}
    #opt-img-2 {display: none}
    .opt-framed p {padding: 20px 50px;}
    .opt-white img {margin-left: -30vw; margin-top: 4em}
    .opt-white h3 {font-size: 30px;font-weight: 300;line-height: 1.2em; text-align:center; position: absolute; max-width: 320px; margin:auto 0.3em}
    .opt-white ul {margin-top: 5em}
    #fixed-img {margin-top: 20px; margin-bottom: 20px}
    .astor .porozmawiajmy {display: flex; justify-content: center}
.robot .row-full {background: rgb(0,150,102);
background: linear-gradient(56deg, rgba(0,150,102,1) 0%, rgba(49,126,102,1) 59%, rgba(18,38,34,1) 100%);}
    .robot .row-full .container {padding-bottom: 30px}
#robo-arm {position: absolute; z-index: 10; left: 0; right: -15%;}
    .robot .row img {margin-left: -20px}
    .robot .row p {text-align: center; max-width: 70vw; margin-right: auto; margin-left: auto;}
    .robot .col-xs-12 {margin-top: 30px} 
    .real h3, .collab h3, .fact-white h3, .fact-grey h3 {font-size: 33px; margin-bottom: 30px}
    .collab-grey {padding-bottom: 30px}
    .collab-grey li {margin-left:10px}
    .collab-grey img {left: 0; right: 0; max-width: 100vw; height: auto}

    .collab-green h3 {margin-bottom: 0;}
    .collab-green ul {line-height: 22px}
    .collab-green ul .text-lg {font-size: 22px;}

    .collab-grey h3 {padding-left: 30px;padding-right: 30px;}

    .collab-kompletacja .col-xs-12 {padding-bottom: 30px!important;text-align: center;}
    .collab-kompletacja .col-xs-12 strong {display: inline-block;max-width: 300px;}

    .go-left {margin-left:0;}

    .news {min-height: 200px;}

    .collab-green {background-position: 20%; background-size: cover;}
    .fact-white img {height: 167px; width: 294px; object-fit: cover}
    .fact-grey .col-sm-4, figure {display: flex; flex-direction: column; justify-content: center; text-align: center}
    .fact-grey p {padding-right:30px; padding-left: 30px}
    .fact-grey img {max-width: 40vw; margin-right: auto; margin-left: auto}
    .form-p {padding-right: 10vw; padding-left: 10vw}
    .form h3 {text-align: center; font-size: 26px; font-weight: bold}
    .form p {text-align: center; font-size: 26px; margin-bottom:20px}
    .intra-log {display: block; width: 214.2px; margin-right: auto; margin-left: auto}
    #form-left {background-color: #00965a; background-image: linear-gradient(0deg, rgba(255,255,255,0) 36%, rgba(0,148,89,0.7259103470489758) 47%, rgba(0,150,90,0.9303921397660627) 55%, rgba(0,150,90,1) 61%), url("https://www.astor.com.pl/images/intralogistyka/Intralogistyka_ASTOR_Team.jpg"); background-position: center bottom; background-size: contain; background-repeat: no-repeat; padding-bottom: 10em}
    .news-toggler,.news-toggler-case-studies,.news-toggler-firmy {padding: 30px 0 30px 0;}
    .news-toggler span,.news-toggler-case-studies span,.news-toggler-firmy span {display: inline-block;width: 28px;height: 28px;border:solid 1px #333;margin: 0 6px;border-radius: 50%;cursor: pointer;}
    .news-toggler span.active,.news-toggler-case-studies span.active,.news-toggler-firmy span.active {background: #00965a;border-color:#00965a; }
     .real img {display: block; width: 100vw; margin-right: auto; margin-left: auto}
}

.kwadraty3 {display: none;}
  @media (min-width: 992px) {

    .text-xl {font-size: 30px!important;}

    .kwadraty3 {display: inline-block;position: absolute;right: 200px}

    .collab-wspolpraca h3 {margin-bottom: 100px!important;}

    .collab-wspolpraca li {padding-bottom: 50px;}

    .collab-kompletacja h3 {margin-bottom: 100px!important;}
    .collab-kompletacja .row {padding-bottom: 80px;font-size: 1.15em;}
    .collab-kompletacja .row img {width: 131px;height: auto;}

    .pad-top-lg {padding-top: 100px;font-size: 1.2em;}



      #intra-videoBg2 {background-color: #000;}

      #intra-videoBg {height:100%; width: 100%; object-fit: cover; position: absolute; left: 0; bottom:0; opacity: 0.4;object-position: bottom;background-color: #000;  }

      #intra-videoBg-shadow {background: red;height:100vh; width: 100%;  position: absolute; left: 0; bottom:0; opacity: 1;object-position: bottom;z-index: 222;object-fit: cover; }
        
    .frontpage {line-height: 26px;font-size:20px;}
    .frontpage h4{line-height: 26px;font-size:20px;}
    .frontpage h3{line-height: 1.4em;font-size:32px;}
    .frontpage .text-lg {font-size: 24px;line-height: 1.4em;}
    .frontpage .text-xl {font-size: 32px;line-height: 1.4em;}
    .frontpage h2 {font-size: 48px;}
    .banner {background: #000; background-size: 40%, cover;}
      #carousel-logos {margin-left: 10vw; margin-right: 10vw}  
    #bordered {border-left: solid 1px #009459; border-right: solid 1px #009459; padding-top: 0.5em; padding-bottom: 0.5em;}
    .opt-framed {background-image: url(https://www.astor.com.pl/images/intralogistyka/2-min.webp); height: 550px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 0}
    .opt-framed p {padding: 30px; margin-left: 40px; margin-top: 266px; max-width: 880px}
    #opt-img-1 {display: none}
    .opt-white img {margin-left: 75px; padding-right: 3em}
    .opt-white ul {line-height: 40px; font-size: 32px}
    .astor h1 {max-width: 50vw; margin: auto; font-weight: 400px}
    .astor h4 {margin-top:5px;margin-bottom:5px}
    .astor .text-center p {max-width: 65vw; margin: 20px auto}
    .astor .row {height: 160px}
    .astor .text-grey {font-size: 70%; max-width: 400px}
    .astor .porozmawiajmy {display: flex; align-items: center; padding-left: 20px}
     .active-area {position: absolute; background: linear-gradient(90deg, rgba(242,242,242,1) 0%, rgba(242,242,242,0.7343137938769257) 41%, rgba(242,242,242,0) 47%); opacity: 0.6; transition:0.5s; z-index: 100}
    .active-area:hover {opacity: 0}
    #fixed-1 .active-area   {top:0;left:0; height: 43vh; width: 45vw; background: linear-gradient(90deg, rgba(242,242,242,1) 0%, rgba(242,242,242,0.7343137938769257) 64%, rgba(242,242,242,0) 66%)}
    #fixed-3 .active-area  {top: 43; left: 0;  height: 32vh; width: 55vw; background: linear-gradient(90deg, rgba(242,242,242,1) 0%, rgba(242,242,242,0.7343137938769257) 56%, rgba(242,242,242,0) 58%);}
    #fixed-2 .active-area  {top: 0; left: -15vw; height: 47vh; width: 50vw; background: linear-gradient(270deg, rgba(242,242,242,1) 0%, rgba(242,242,242,0.7343137938769257) 68%, rgba(242,242,242,0) 72%);}
    #fixed-img {max-height: 500px; display: flex; justify-content: center; align-items: center}
    .astor .container {margin-top: 30px; margin-bottom: 30px}
    #fixed-1 {padding-top:20px}
    #fixed-2 {padding-left: 20px}
    #fixed-img {max-height: 500px; display: flex; justify-content: center; align-items: center}
    .astor .container {margin-top: 30px; margin-bottom: 30px}
    #fixed-1 {padding-top:20px}
    #fixed-2 {padding-left: 20px}
    .robot h2, .robot p {padding-left: 30px; max-width: 70vw}
    #robo-arm {max-width:80vw; right: 0; margin-top: -260px; position: absolute; z-index: 1100}
    .robot .row-full {height: 450px; background: rgb(0,150,102); background-image: url(https://www.astor.com.pl/images/intralogistyka/ASTOR_intralogistyka%208.1.png), linear-gradient(56deg, rgba(0,148,89,1) 0%, rgba(0,148,89,1) 59%, rgba(18,38,34,1) 100%); background-position: right bottom; background-size: 40%, cover; background-repeat: no-repeat; padding-top: 100px}
    .robot .row {display: flex; align-items: flex-end; margin-bottom: 30px}
    .robot .row img {float: right; margin-right: 15px}
    .robot .row p {flex-direction: column; font-size: 32px; line-height: 40px}
    .real h3 {margin-bottom: 30px}
    .image-wrapper {
      }
  position: relative;
  display: inline-block;
      height: 410px;
      width: 728px;
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(249,249,249,1) 0%, rgba(0,150,90,1) 0%, rgba(255,255,255,0) 38%);
  opacity: 1;
  transition: opacity 0.5s ease;
  pointer-events: none;
}
.image-wrapper:hover .overlay {
  opacity: 0;
}
    .real .item, .real .item-active {padding-right: 0; padding-left: 40px}
    /*.collab-white .container {display: flex; align-items: flex-start; justify-content: space-around}*/
    .collab-white .col-md-4 {padding-left:5px; padding-right: 5px}
    .collab h3, .fact-white h3, .fact-grey h3 {margin-bottom: 50px}
    #eteflow {max-height:100px}
    .collab-grey .container {display: flex; align-items: flex-start}
    .collab-grey ul {padding-right: 30px; padding-left: 30px}
    .collab-green {background-position: 10% 60%; background-size: 100%; background-attachment: fixed}

    .collab-green li {line-height: 1.3em;}
    .collab-green .container {display: flex; align-items: center; justify-content: center;}
    .collab-green h3 {text-align: center}
    .fact-white img {height: 167px; width: 257.167px; object-fit: cover}
    .collab-white::before, .collab-white::after {content: ""; position: absolute; top: 30%; height: 300px; width: 100px}


    .collab-white-bg::before {left: 0;  background-image: url(https://www.astor.com.pl/images/intralogistyka/ASTOR_intralogistyka%207.png); background-size: cover; background-position: right}
    .collab-white-bg::after {right:0; background-image: url(https://www.astor.com.pl/images/intralogistyka/ASTOR_intralogistyka%209.png);  background-size: cover; z-index: -1}



    /*
    .collab-white::before {left: 0;  background-image: url(https://www.astor.com.pl/images/intralogistyka/ASTOR_intralogistyka%207.png); background-size: cover; background-position: right}
    .collab-white::after {right:0; background-image: url(https://www.astor.com.pl/images/intralogistyka/ASTOR_intralogistyka%209.png);  background-size: cover; z-index: -1}
    */
    .form-p {max-width: 60vw; margin-left: auto; margin-right: auto}
    .form h3 {margin-left: 180px}
    .form p {margin-left: 180px}
    .intra-log {margin-left: 180px; margin-bottom:-20px;}
    .form-parent {display: flex; height: 700px}
    .form {align-items: flex-start; height: 500px; background-color: #00965a; background-image: linear-gradient(0deg, rgba(255,255,255,0) 49%, rgba(0,150,90,0.7259103470489758) 58%, rgba(0,150,90,0.9303921397660627) 99%, rgba(0,150,90,1) 24%), url("https://www.astor.com.pl/images/intralogistyka/Intralogistyka_ASTOR_Team.jpg"); background-position: left bottom; background-size: 50%; background-repeat: no-repeat; margin-right: 0}
    #form-right {position: absolute; height: 450px; margin-left: 50vw; margin-top: 30px; width: 650px; padding: 33px 30px 30px 30px;}
    .news-toggler-case-studies-desktop {padding: 30px 0 30px 0;}
    .news-toggler-case-studies-desktop span {display: inline-block;width: 28px;height: 28px;border:solid 1px #333;margin: 0 6px;border-radius: 50%;cursor: pointer;}
    .news-toggler-case-studies-desktop span.active{background: #00965a;border-color:#00965a; }    
    .centrum-prasowe-fp.case-studies .cp-image {max-height: 280px;overflow-y: hidden;height: 280px; }
    .centrum-prasowe-fp.case-studies .cp-image img {height: 100%;width: auto;max-width: 999px;min-width: 100%;}
    .centrum-prasowe-fp.case-studies .news:hover a {position: relative;left:0;top:0;width: 100%;height: 100%;/*z-index: 99*/;}
}
  @media (min-width: 1400px) {
    .form h3 {margin-left: 270px;margin-top: -10px;}
    .form p {margin-left: 270px}
    .intra-log {margin-left: 270px; margin-bottom:-20px;}
    .frontpage h4{line-height: 26px;font-size:24px; font-weight: 300;}
    .frontpage h3{line-height: 1.4em;font-size:46px; font-weight: 300;}
    #robo-arm {max-height: 26em;}
    #eteflow {max-height:120px}
    .collab-green h3 {text-align: left}
    .fact-white img {height: 198px; width: 302.5px; object-fit: cover}
    .collab-white::before, .collab-white::after {content: ""; position: absolute; top: 30%; height: 400px; width: 300px}
    .fact-grey h4 {font-weight: 700}
    .form-parent {height: 700px}
    .form {height: 630px;}
    #form-right {height: 600px}
    #fixed-1 .active-area   {height: 26vh; width: 34vw; top:0;left:0;}
    #fixed-3 .active-area  { height: 26vh; width: 42vw; top: 28vh; left: 0}
    #fixed-2 .active-area  { height: 30vh; width: 34vw; top: 0; left: -11vw}
  }

.linki-dol,.linki-dol a, .linki-dol a:hover,.linki-dol a:focus {color:#2c3237!important;}
.linki-dol {position: relative;top:-33px;}
.linki-dol .link-separator {font-weight: 100;border-left: solid 1px #2c3237;color: #000;display: inline-block;height: 20px;width: 1px;position: relative;bottom: -5px;}
.linki-dol a {display: inline-block;padding: 0 40px;}

.collab-kompletacja {position: relative;}
.bars {display: block;width: 30px;border-left:solid 2px rgba(255,255,255,0.5);position: absolute;left:0;top:100px;height: 460px;margin-left:-80px;}
.bars .bar1 {height: 2px;width: 30px;background: rgba(255,255,255,0.5);margin-top: 0;}
.bars .bar2 {height: 2px;width: 30px;background: rgba(255,255,255,0.5);margin-top: 175px;}
.bars .bar3 {height: 2px;width: 30px;background: rgba(255,255,255,0.5);margin-top: 137px;}
.bars .bar4 {height: 2px;width: 30px;background: rgba(255,255,255,0.5);margin-top: 140px;}


.section-green {background: url(../../images/osaka/Background_EXPO2025.png) center center no-repeat;background-size: cover;color: #fff;}

.section-white,.section-grey {padding: 50px 0;}
.section-grey {background: #f0f0f0}
.section-grey2 {background: #f4f4f4}

.section-white h3 {line-height: 1.3em!important;margin-bottom: 50px;}
.section-gen h3 {margin-bottom: 30px;}

.section-grey .img-logo {display: block;margin-bottom: 80px;}
.section-grey small {display: block;padding-top: 10x;;}

.collab-black  {background: #000;color: #fff;padding: 50px 0;}
.collab-black h3 {line-height: 1.3em;}

.btn-red,.btn-red:hover,.btn-red:active,.btn-red:focus {background: #e60012;}
.red {color: #e60012;}

.separated {padding: 10px 0}

.grey {background: #f0f0f0;}

.col-md-6.grey {padding-top: 15px;padding-bottom: 15px;}

.row-pawilon {overflow-x: hidden;white-space: nowrap;position: relative;}
.row-pawilon img {display: inline-block;margin-right: 10px;}

.gradient {position: absolute;right: 0;top:0;height: 100%;width: 100px;background: linear-gradient(to right, transparent, rgba(255,255,255,0.5));}

.section-green {padding: 100px 0;margin-bottom: -40px;}

.section-green h3 {font-size: 36px;padding-right: 10%;padding-left: 10%;}
.section-green p {font-size: 26px;}

@media (min-width: 992px) {

.rotator .rotator-nav {width: 45px;}
.rotator .rotator-nav.rotator-left {margin-left: -30px;}
.rotator .rotator-nav.rotator-right {margin-right: -30px;}

.collab-grey2  .slide {min-height:650px;max-height: 650px;overflow: hidden;}

    .section-green {padding: 200px 0;}

    .section-green h3 {font-size: 56px;}
    .section-white h3 {font-size: 36px; }
    .section-grey .img-logo {display: block;margin-bottom: 170px;margin-top: 50px;}


    .podejmij {padding: 50px 0;}
    .section-black-1 {padding: 80px 0;}
}    

@media (max-width: 991px) {

  .section-green {padding-left: 20px;padding-right: 20px;}
  .section-green p {line-height: 1.4em}

  .collab-grey .section-grey{padding-right: 10px!important;}
  .row {margin-right: -8px;}

  .banner {overflow: hidden!important;}

  .section-black .text-right {text-align: left!important;padding-right: 10px;}


  .section-grey .img-logo {display: block;margin-bottom: 40px;max-width: 80%;height: auto;}

  .row-pawilon img {max-height: 400px;}
  
  .linki-dol {display: none;}
}
@media (max-width: 1399px) {
  .bars {display: none;}
  }



@media (min-width: 1400px) {
  .frontpage section {}

}

</style>

