body{
    font-family: futura-pt-condensed, sans-serif;
    overflow-x: hidden;
  }
  
  .cur{
    cursor:pointer;
    cursor:hand;
  }
  
  #arrs .arrl.h,
  #arrs .arrr.h{
    display:none !important;
  }
  img {
    max-width: 100%;
    display: block;
  }
  .hug{
    max-width:1550px;
    margin:0 auto;
    width: 100%;
  }
  
  .l, .r {
    float: left;
    width: calc(50% - 100px);
    height: 100%;
  }
  
  .l.g {
    background: #ededed;
  }
  .inl {
    max-width: 675px;
    float: right;
    width: calc(100% - 100px);
    margin-left: 50px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    /* min-height: 900px; */
    height: 80vh;
    margin-right: 50px;
    position: relative;
  }
  
  .top {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 8;
    left: 0;
    transition:.4s;
    padding-bottom:20px;
  }
  
  .top .ham {
    float: right;
    width: 65px;
    height: 90px;
    margin-top: 25px;
    margin-right: 50px;
    z-index: 999;
  }
  .top .ham h3{
    font-size:24px;
    text-align:center;
    margin-bottom:5px;
    color:#ff7f00;
    
  }
  .section {
    float: left;
    width: 100%;
  }
  
  .inl .logo {
    float: left;
    width: auto;
    clear: both;
    margin-top: 80px;
    max-width: 220px;
  }
  
  .inl #im {
    float: left;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 250px;
    top:224px;
  }
  
  #im img {
      position: absolute;
      top: 0;
      left: 0;
      /* right: 0; */
      bottom: 0;
      margin: auto;
      opacity: 0;
      transition: 0.5s;
  }
  
  .section.equipment .l,
   .section.abouttop .l {
    margin: 0;
    width: 50%;
  }
   .section.abouttop .l{
     background:#efefef;
   }
  
  .section.equipment .r,
  .section.abouttop .r {
    /* background: pink; */
    margin: 0;
    width: 50%;
  }
  
  .inl h1 {
    margin-bottom: 40px;
    float: left;
    width: 100%;
    font-size: 50px;
    font-weight: 700;
    letter-spacing: 4px;
    line-height: 46px;
    position: absolute;
    bottom: 0;
    opacity: 0;
    transition: 0.7s ease-out;
    /* opacity: 1; */
    margin-left: -60px;
  }
  
  .top .logo {
    float: left;
    width: auto;
    max-width: 210px;
    margin-top: 50px;
    margin-left: 50px;
  }
  
  
  .inl h1 span, .innovation h2 span, 
  .leaders h2 span,
  .tradition .r h3,
  .tai .r h3 span {
    float: left;
    width: 100%;
    font-weight: 500;
    font-size: 40px;
    letter-spacing: 2px;
  }
  .tradition .r h3 span,
  .tai .r h3 span{
    font-weight: 700;
  }
  .top .ham p {
    float: right;
    width: 100%;
    background: #e2e2e2;
    height: 8px;
    margin: 5px 0;
    transition: 0.5s;
  }
  
  .top .ham p span {
    float: right;
    width: 50%;
    height: 100%;
    transition: 0.5s;
  }
  
  .top .ham p span:nth-child(1){
    background:#000;
  }
  
  .top .ham p span:nth-child(2){
    background:#f07d00;
  }
  
  .l.big {
    width: calc(70% - 75px);
    margin-right: 25px;
    margin-left: 50px;
  }
  
  .r.min {
    width: calc(30% - 75px);
    margin-left: 25px;
    margin-right: 50px;
  }
  
  .ic {
    float: left;
    width: 100%;
    top: -30px;
    opacity: 0;
    cursor: pointer;
    position: relative;
  }
  .ic .dymek{
    position:absolute;
    background:#f08d2f;
    padding:20px;
    border-radius:10px;
    font-size:22px;
    top:-130px;
    left:0;
    transition:.4s;
    transform:scale(0);
  }
  .ic .dymek.a{
      transform:scale(1);
  }
  .ic .dymek::before{
    position:absolute;
    content:'';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #f08d2f;
    bottom:-15px;
    left:50px;
  }
  
  .ic:nth-child(1){
    transition: opacity .3s linear 0s,
                top .3s linear 0s;
  }
  
  .ic:nth-child(2){
    transition: opacity .3s linear .3s,
                top .3s linear .3s;
  }
  
  .ic:nth-child(3){
    transition: opacity .3s linear .6s,
                top .3s linear .6s;
  }
  .ic:nth-child(4){
    transition: opacity .3s linear .9s,
                top .3s linear .9s;
  }
  
  .ic img {
    float: left;
    max-width: 120px;
  }
  
  .section.innovation .ic p {
    float: right;
    width: calc(100% - 140px);
    font-size: 38px;
    line-height: 37px;
    margin-top: 22px;
    margin-left: 20px;
    margin-bottom: 0;
    font-family: futura-pt-condensed, sans-serif;
    max-width: 160px;
    float: left;
  }
  
  .section.innovation {
    padding: 40px 0 70px;
    background: #ededed;
  }
  
  .section.innovation h2, .section.bakery h2, .slider .main, .section.leaders h2, .tradition .r h3, .press h4, .service .tai .r h3, .service .features h3, .ingall h4
   {
    float: left;
    width: 100%;
    margin: 40px 0;
    font-size: 50px;
    font-weight: 700;
    letter-spacing: 4px;
    line-height: 46px;
  }
  .section.leaders h2, .tradition .r h3, .press h4, .ingall h4 {
    font-size:40px;
  }
  .section.leaders h2:nth-child(1) {
      margin: 10px 30px 50px;
      width: calc(100% - 60px);
  }
  .innovation h2 span,
  .press h4 span {
    color: #F07D00;
    width: auto;
    float: none;
  }
  
  .press h4 span{
    font-weight:500;
    color:#000;
    margin-left:20px;
    letter-spacing:2px;
  }
  .section.innovation p {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    font-size: 30px;
    color: #121213;
    font-family: myriad-pro-condensed, sans-serif;
  }
  
  .section.bakery {
    background: #f08d2f;
    padding: 0 0 40px;
    position: relative;
  }
  
  .tai .r h3 span, .service .features h3 span {
    color:#f08d2f;
    font-size: 34px;
    letter-spacing: 1px;
  }
  span.arrow {
    background: url(/im/arrow-bottom.png) no-repeat center / cover;
    width: 96px;
    height: 98px;
    float: left;
    position: absolute;
    margin-top: -60px;
    margin-left: calc(50% - 40px);
  }
  .section.equipment,
  .section.abouttop {
    /* min-height: 900px; */
    height: 80vh;
    max-width: 1920px;
    float: none;
    margin: 0 auto;
    width: unset;
  }
  .sm {
      position: fixed;
      right: -80px;
      top: calc(50vh - 81px);
      background: rgba(255, 255, 255, 0.8);
      padding: 17px 15px 10px;
      transition: 0.5s;
      z-index: 2;
      border-left: 2px solid #f5821f;
  }
  
  .sm a {
      width: auto;
      clear: both;
  }
  
  .sm a img {
      margin-bottom: 15px;
      max-width: 40px;
  }
  
  .sm a:nth-child(3) img {
      margin-bottom: 7px;
  }
  .inbakery {
    float: left;
    width: 100%;
  }
  
  .hug.big {
    max-width: 1700px;
  }
  
  
  .inbakery h2, .inbakery h3, .inbakery h4 {
    width: 100%;
    float: left;
    text-align: center;
  }
  .advantage {
    float: left;
    width: calc(50% - 100px);
    margin: 0 50px 50px;
    min-height: 390px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    top: -100px;
    opacity: 0;
    position:relative;
  }
  .advantage:nth-child(5), .advantage:nth-child(6) {
      top: -20px;
  }
  .advantage:nth-child(3) {
      transition: opacity .3s linear 0s,
                  top .3s linear 0s;
  }
  
  .advantage:nth-child(4) {
      transition: opacity .3s linear .3s,
                  top .3s linear .3s;
  }
  
  .advantage:nth-child(5) {
      transition: opacity .3s linear .6s,
                  top .3s linear .6s;
  }
  
  .advantage:nth-child(6) {
      transition: opacity .3s linear .9s,
                  top .3s linear .9s;
  }
  .advantage .img, .advantage .txt {
    float: left;
    width: 50%;
    color: #fff;
  }
  .inbakery .advantage .txt h3, .inbakery .advantage .txt h4 {
    text-align: left;
    margin: 0;
    font-size: 35px;
  }
  
  .advantage span {
    float: left;
    width: 88px;
    height: 88px;
    background-color: #fff;
    position: absolute;
    right: 30px;
    border-radius: 100%;
    top: 0;
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .advantage .img {
    position: relative;
  }
  
  .advantage span.f{
    background-image: url('/im/wheel-1-1.png');
  }
  
  .advantage span.s{
    background-image: url('/im/wheel-2-1.png');
    background-size: 45%;
  }
  
  
  .advantage span.t{
    background-image: url('/im/wheel-3-1.png');
  }
  
  .advantage span.fo{
    background-image: url('/im/wheel-4-1.png');
  }
  
  .advantage .txt {
    margin-left: 20px;
    width: calc(50% - 20px);
  }
  
  .section.bakery h2 {
    margin: 80px 0 0;
  }
  
  .section.bakery h3, .section.bakery h4{
    font-weight: 500;
    font-size: 40px;
    letter-spacing: 2px;
    color:#fff;
    margin-bottom: 80px;
  }
  .section.bakery h3 {
      margin-bottom: 40px;
  }
  .inbakery .advantage .txt p {
    font-size: 20px;
  }
  .slider {
    float: left;
    width: 100%;
    margin: 40px 0 80px;
  }
  
  .obtomove {
    width: calc(100% - 100px);
    margin: 0 50px;
    overflow: hidden;
    position: relative;
  }
  
  .slider .top {
    position: static;
  }
  
  .tomove {
    width: 10000%;
    float: left;
    transition: 0.5s;
    margin-left: 0;
    max-height: 510px;
    overflow: hidden;
  }
  
  .slide {
    width: 1450px;
    float: left;
  }
  
  .slide .l {
    float: left;
    width: 30%;
    margin: 0;
    height: unset;
  }
  
  .slide .r {
    float: left;
    width: calc(70% - 10px);
    margin: 0;
    height: unset;
    margin-left: 10px;
  }
  
  .slide .bottom {
    float: left;
    width: 100%;
    margin: 10px 0 0;
  }
  
  .slide .bottom img {
    float: left;
  }
  
  .slide .bottom img:nth-child(1){
    margin-right: 5px;
    width: calc(40% - 5px);
  }
  
  .slide .bottom img:nth-child(2){
    margin-left: 5px;
    width: calc(60% - 5px);
  }
  .slider p.main {
    margin: 40px 50px;
    width: calc(100% - 100px);
    color: #000;
  }
  .slider p.main span{
    font-weight: 500;
    font-size: 40px;
    letter-spacing: 2px;
    margin-bottom: 80px;
  
  }
  
  .section.footer {
    background: url(/im/footer-bg.jpg) no-repeat center / cover;
    height: 25vw;
    min-height: 450px;
    max-height: 570px;
  }
  
  .footer .txt {
    float: right;
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    height: 25vw;
    min-height: 450px;
    align-content: center;
  }
  .txt .logo {
    float: left;
    clear: both;
    margin: 15px 0 20px;
  }
  .txt .logo img {
    max-width: 200px;
  }
  .footer .txt p {
    float: left;
    width: 100%;
    margin: 15px 0;
    font-size: 30px;
    letter-spacing: 2px;
  }
  .footer .txt .sm-footer p {
      float: left;
      width: auto;
      margin-right: 20px;
      margin-top: 0;
      margin-bottom: 0;
  }
  .footer .txt p.o {
    color: #f07d00;
  }
  
  .sm-footer {
    display: flex;
    width: 100%;
    float: left;
    align-items: center;
    margin-top: 20px;
  }
  
  .sm-footer a {
    float: left;
  }
  
  .sm-footer a img {
    max-width: 20px;
    margin-right: 15px;
  }
  
  
  .trio {
    float: left;
    width: calc(100% - 100px);
    margin: 40px 50px;
    text-align: center;
  }
  .leaders h2 span,
  .tradition .r h3 span {
    color: #f07d00;
  }
  .box {
    width: calc(33.3% - 120px);
    float: left;
    text-align: center;
    margin: 40px 60px 0;
  }
  
  .onecat .desc {
      min-height: unset;
      float:right;
      width: calc(100% - 410px);
      font-size:22px;
      margin: 80px 40px 40px;
  }
  
  .onecat .desc p {
      padding:15px 0;
  }
  
  .onecat .desc h2 {
      font-size:35px;
      text-transform:uppercase;
      font-weight:600;
      text-align:left;
      color: #f5821e;
  }
  .onecat .desc h3 {
      font-size:25px;
      text-transform:uppercase;
      font-weight:600;
      color: #f5821e;
  }
  
  
  .onecat .desc h2 span,
  .onecat .desc h3 span {
      text-transform:lowercase;
      font-weight:500;
      color: #000000;
  }
  
  
  .section.leaders .box h2 {
    font-size: 40px;
    letter-spacing: 0;
    font-weight: 500;
    margin: 30px 0 10px;
  }
  .wheel {
    background: #f07d00;
    width: 110px;
    height: 110px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: calc(50% - 55px);
    margin-top: -50px;
    opacity: 0;
  }
  .box:nth-child(2) .wheel{
    transition: opacity .3s linear 0s,  margin-top .3s linear 0s;
  }
  
  .box:nth-child(3) .wheel{
    transition: opacity .3s linear .3s, margin-top .3s linear .3s;
  }
  
  .box:nth-child(4) .wheel{
    transition: opacity .3s linear .6s, margin-top .3s linear .6s;
  }
  
  .section.leaders .box p {
    font-size: 22px;
    font-family: myriad-pro-condensed, sans-serif;
    max-width: 280px;
    margin-left: calc(50% - 140px);
    width: 100%;
    float: left;
  }
  .tai {
    float: left;
    width: calc(100% - 100px);
    margin: 80px 50px 0;
  }
  
  .tai .l, .tai .r {
    float: left;
    width: calc(50% - 20px);
    opacity:0;
  
  }
  
  .tai .l {
    margin-right: 20px;
    margin-left: 0;
    border: 2px solid #f07d00;
    width: calc(50% - 24px);
    position: relative;
    left: -100px;
    transition:0.5s;
  }
  
  .tai .r {
    margin-left: 20px;
    margin-right: 0;
    margin-top: 15px;
    position: relative;
    right: -100px;
    transition:0.5s;
  }
  
  .section.tradition p,
  .service .tai .r p {
    float: left;
    font-size: 22px;
    font-family: myriad-pro-condensed, sans-serif;
    width: 100%;
    line-height: 26px;
    margin: 15px 0 0;
  }
  
  .tradition .r h3 {
    margin: 0;
  }
  
  .inpress {
    width: calc(100% - 100px);
    margin: 80px 50px 0;
    float: left;
  }
  .ingall .bg {
      float: left;
      width: 100%;
      height: 30vw;
      overflow:hidden;
      margin: 40px 0 0;
      position: relative;
  }
  
  
  .arrs {
      width:100%;
      height:88px;
      top: 17vw;
      z-index: 9;
      position:absolute;
  }
  
  .arrs div{
      cursor:pointer;
      background: url(/im/arr_g.png) top no-repeat rgba(255, 255, 255, 0.2);
      border-radius:45px;
      width:88px;
      height:88px;
      position:absolute;
      transition:0.2s;
  }
  
  .arrs div:hover{
      background:url(/im/arr_g.png) top no-repeat rgba(255, 255, 255, 0.5);
  }
  
  #arrs.arrs{
    transition:0.3s;
    opacity:0;
    position:fixed;
    top: calc(50vh - 44px);
    display: none;
    z-index: 9;
  }
  
  
  .news .arrs div {
      width: 60px;
      height: 60px;
  }
  .news #arrs.arrs div,
  .news #arrs.arrs div:hover{
     background-size: cover;
  }
  
  .news .arrs {height: 60px;}
  
  #arrs.arrs div,
  #arrs.arrs div:hover{
      background: url(/im/arr_g.png) top no-repeat rgb(219, 139, 54);
  }
  
  
  .arrl {
      left:88px;
  }
  
  .arrr {
      transform:rotate(180deg);
      right:88px;
  }
  
  
  .ingall .bg img{
    opacity:0;
    transition:1s;
    position:absolute;
    width: 100%;
  }
  
  .ingall {
      width: 100%;
      float: left;
      position: relative;
  }
  .flex {
      float: left;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      margin: 60px 0;
  }
  
  .flex .p {
      float: left;
      margin: 20px;
      transition: 0.5s;
  }.flex .p:hover {transform: scale(1.03);}
  
  .inpress h4 {
      width: 100%;
      float: left;
      margin: 0;
  }
  
  .section.serwis .l {
      margin: 0;
      width: 50%;
  }
  
  .serwis .l .inl {
      max-width: unset;
      width: 100%;
      margin: 0;
      display: block;
      background: url(/im/services-woman.jpg) no-repeat left / cover;
      position: relative;
  }
  
  .serwis .l .inl .logo {
      margin-left: 50px;
  }
  
  .serwis .inl h1 {
      position: absolute;
      bottom: 80px;
      color: #f07d00;
      margin: 0 50px;
      width: calc(100% - 100px);
      line-height: 70px;
      opacity: 1;
  }
  
  .serwis .inl h1 span {
      float: left;
      width: 100%;
      line-height: 40px;
  }
  
  .section.serwis .r {
      background: url(/im/services-bg.jpg) no-repeat center / cover;
      max-width: unset;
      width: 50%;
      /* min-height: 900px; */
      height: 80vh;
      margin: 0;
  }
  .servicecare .tai .l {
      border: 1px solid #f07d00;
      width: calc(50% - 22px);
      position: relative;
      left: -100px;
      opacity: 0;
      transition: 0.5s;
  }
  .service .tai .r h3, .service .features h3 {
      margin: 0;
      font-size: 44px;
      letter-spacing: 2px;
  }
  
  .service .tai .r {
      margin: 0 0 0 20px;
      position: relative;
      right: -100px;
      opacity: 0;
      transition: 0.5s;
  }
  .section.boss {
      background: url(/im/services-banner.jpg) no-repeat center / cover;
      height: 25vw;
      margin-top: 80px;
      min-height: 450px;
  }
  
  .section.boss .bg {
    float: left;
    width: 100%;
    height: 100%;
    background: rgba(245, 130, 30, 0.85);
  }
  
  .boss .txt {
    max-width: 1010px;
    font-size: 38px;
    font-family: futura-pt-condensed, sans-serif;
    color: #fdfdfd;
    font-weight: 600;
    display: flex;
    height: 25vw;
    align-content: center;
    justify-content: center;
    margin: 0 auto;
    align-items: center;
    line-height: 46px;
    min-height: 450px;
    padding: 0 50px;
    opacity: 0;
    transition: 0.5s;
  }
  .boss .txt span {
      float: left;
      width: 100%;
      text-align: right;
      margin-top: 30px;
      font-size: 24px;
  }
  .section.features {
      margin: 80px 0 0;
  }
  
  .feature {
      float: left;
      width: calc(50% - 140px);
      margin-right: 70px;
      margin-left: 70px;
      margin-bottom: 80px;
      top: -80px;
      opacity: 0;
      position: relative;
  }
  .feature:nth-child(2) {
    transition: opacity .3s linear 0s,  margin-top .3s linear 0s;
  }
  .feature:nth-child(3) {
    transition: opacity .3s linear .3s,  margin-top .3s linear .3s;
  }
  
  .feature:nth-child(4) {
    transition: opacity .3s linear .6s,  margin-top .3s linear .6s;
  }
  .feature:nth-child(5) {
    transition: opacity .3s linear .9s,  margin-top .3s linear .9s;
  }
  
  .feature .img {
      float: left;
  }
  
  .hug.mini {
      max-width: 1330px;
      margin: 0 auto;
  }
  
  .features .txt {
      float: left;
      width: calc(100% - 170px);
      margin-left: 30px;
      font-size: 22px;
      font-family: myriad-pro-condensed, sans-serif;
      margin-top: 20px;
  }
  
  .service .features .txt h3, .service .features .txt h4 {
      float: left;
      width: calc(100% - 15px);
      font-size: 30px;
      margin-bottom: 20px;
      font-weight: initial;
      border-left: 5px solid #000;
      padding-left: 10px;
      letter-spacing: 2px;
      font-family: futura-pt-condensed, sans-serif;
      font-weight: 700;
      text-align: left;
  }
  
  .features p {
      float: left;
      width: calc(100% - 17px);
      margin-left: 17px;
  }
  .service .features h3, .service .features h3 span {
      float: left;
      width: 100%;
      text-align: center;
  }
  
  .service .features h3 {margin-bottom: 80px;}
  
  .section.info {
      margin: 70px 0 0;
  }
  
  .section.info .map {
      float: left;
      width: 50%;
  }
  
  .section.info .map iframe {
      width: 100%;
      height: 550px;
      display: block;
  }
  .section.info .map p {
      text-align: center;
      font-weight: 700;
      margin: 0 0 60px;
      font-size: 40px;
      letter-spacing: 2px;
  }

    .inknowledge {
      float: left;
      width: calc(100% - 100px);
      margin: 130px 50px 0px;
   }
  
  .lo {
      float: left;
      width: 100%;
      text-align: center;
      display: flex;
      justify-content: center;
      margin-bottom: 45px;
  }
  
  .info .txt {
      float: left;
      width: 50%;
  }
  
  .info .box {
      width: calc(100% - 50px - 7vw);
      text-align: left;
      font-size: 31px;
      margin-left: 7vw;
      margin-top: 0;
      margin-bottom: 40px;
      margin-right: 50px;
      position: relative;
  }
  
  .info .box h2 b, .info .box p b {
      font-weight: 800;
  }
  .info .box h2, .info .box p {
      float: left;
      width: calc(100% - 70px);
      margin-left: 70px;
      font-weight: 500;
  }
  
  .info .box span {
      width: 40px;
      height: 40px;
      background: red;
      position: absolute;
      left: 0;
  }
  .info .box.f span {
      background: url(/im/icon-pin.png) no-repeat center / cover;
  }
  .info .box.s span {
      background: url(/im/icon-phone.png) no-repeat center / cover;
  }
  .info .box.t span {
      background: url(/im/icon-mail.png) no-repeat center / cover;
  }
  
  
  
  
  div#menu {
      position: fixed;
      right: 0;
      height: 100vh;
      display: flex;
      align-items: center;
      width: 230px;
      right: -300px;
      background: #f08d2f;
      z-index: 10;
      transition: 0.5s;
      flex-wrap: wrap;
      align-content: center;
      justify-content: flex-end;
  }
  
  div#menu li {
      width: calc(100% - 100px);
      text-align: right;
      float: left;
      font-size: 28px;
      position: relative;
      margin: 50px;
      letter-spacing: 2px;
  }
  
  #menu ul {
      float: left;
      width: 100%;
  }
  
  div#menu li a {
      color: rgba(255, 255, 255, 0.85);
      transition: 0.5s;
  }
  
  div#menu li span {
    position: absolute;
    bottom: -50px;
    background: #af5602;
    width: 15%;
    height: 2px;
    right: 0;
    /* display: none; */
  0
    FONT-VARIANT: JIS04;
  }
  
  div#menu.show {
    right: 0;
  }
  
  
  .top .ham p:nth-child(1){
    background: none !important;
  }
  .top .ham:hover p span {
   width:25%;
  }
  .top .ham:hover p:nth-child(2) {
   width:65%;
  }
  
  .top .ham:hover p:nth-child(3) {
   width:80%;
  }
  
  .close {
      width: 40px;
      height: 40px;
      margin-right: 50px;
  }
  
  .close span {
      width: 100%;
      height: 3px;
      background: #af5602;
      float: left;
  }
  
  .close span:nth-child(1) {
      transform: rotate(45deg);
      margin-top: 20px;
  }
  
  .close span:nth-child(2) {
      transform: rotate(-45deg);
      margin-top: -3px;
  }
  div#menu li:hover a {
      color: #fff;
  }
  
  .home div#menu li:nth-child(1) a,
  .about div#menu li:nth-child(2) a,
  .service div#menu li:nth-child(5) a
   {
    color: #fff;
  }
  
  iframe#ytplayer {
    left: -75%;
    opacity:0; 
    transition:0.5s;
    position: absolute;
  }
  
  .section.equipment .r ,
  .section.abouttop .r {
      overflow: hidden;
      position: relative;
      /* background: url(/im/movie-home.jpg) no-repeat center / cover; */
  }
  .miniatura {
    width: 100%;
    position: relative;
    padding-bottom: 100%;
}
  #tint{
      min-height: 900px;
      z-index: 1;
      position: relative;
  }
  .section.gall {
      margin: 100px 0 0;
  }
  
  .ingall h4 {
      margin: 0 50px;
      width: calc(100% - 100px);
  }
  .contact .section.info {
      margin-top: 210px;
  }
  
  #searchhelp {
     z-index:1;
      position:absolute;
  }
  
  #searchhelp div{
      z-index:2;
      background:#f6f6f6;
      width:310px;
      height:30px;
      line-height:30px;
      font-size:24px;
      padding:10px;
      cursor:pointer;
  }
  
  #searchhelp div:hover{
      color:#f07d00;
  }
  
  .contact .top .ham p, 
  .news .top .ham p {
      background: #e2e2e2;
  }
  
  
  #popup {
      position: fixed;
      top: 0;
      width: 100%;
      height: 100vh;
      background: rgba(251, 251, 251, 0.95);
      z-index: 9;
      transition:0.4s;
      display: none;
      opacity:0;
      xbackground-image: url(/im/icon-close.png);
      xbackground-repeat: no-repeat;
      xbackground-position: calc(100% - 40px) 40px;
  }
  
  #popup.on{
      opacity:1;
  }
  
  
  #popup img {
      width: auto;
      max-width: 80%;
      max-height: 80%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      transition:0.2s;
      opacity: 1;
  }
  
  .contact .section h1,
  .todownload .section h1,
  .knowledge .section h1 {
      text-align: center;
      width: 100%;
      float: left;
      margin-bottom: 50px;
      letter-spacing: 4px;
      font-size: 58px;
      color: #f5821e;
      font-weight: bold;
  }
  .section.rows {
      margin: 30px 0;
  }
  
  .rows .r, .rowsrep .rp {
      width: calc(100% - 100px);
      height: auto;
      margin: 0 50px;
      border-bottom: 1px solid orange;
      padding: 50px 0;
  }
  
  .rows .r h3, .representatives h6, .rowsrep .rp .big {
      width: 100%;
      float: left;
      font-size: 40px;
      font-weight: bold;
      letter-spacing: 2px;
      margin-bottom: 30px;
  }
  
  .rows .box {
      width: 25%;
      margin: 0;
      text-align: left;
  }
  
  .rows .box h4, .rows .box h5, .rows .box h6, .rowsrep .rp .name {
      color: #f4821e;
      font-size: 32px;
      font-weight: bold;
      margin-bottom: 3px;
      float: left;
      width: 100%;
  }
  .clear{
      clear:both;
  }
  .rows .box p.pos, 
  .rows .box p.pho, 
  .rows .box p.fax,
  .rows .box p.mai,
  .rowsrep .rp p.mai,
  .rowsrep .rp p.pho {
      float: left;
      width: 100%;
      font-size: 25px;
      font-weight: 500;
      margin: 3px 0;
  }
  
   .rows .box p.pho span,
   .rows .box p.mai span,
   .rows .box p.fax span,
  .rowsrep .rp p.mai span,
  .rowsrep .rp p.pho span{
     width:22px;
     height:20px;
     float:left;
     margin-right:10px;
     margin-top:6px;
   }
  
   .rows .box p.pho span,
  .rowsrep .rp p.pho span{
     background:url('/im/icon-phone.png') no-repeat center / cover;
     background-size:90%;
   }
  
  
   .rows .box p.mai span,
   .rowsrep .rp p.mai span{
     background:url('/im/icon-mail.png') no-repeat center / cover;
     margin-top:8px;
   }
  
  
   .rows .box p.fax span{
     background:url('/im/icon-fax.png') no-repeat center / cover;
     margin-top:8px;
   }
  
  .section.representatives {
      margin: 20px 0;
  }
  
  .fm {
      margin: 0 50px 50px;
      width: calc(100% - 100px);
      float: left;
  }
  
  .representatives h6 {
      margin: 0 50px;
      width: calc(100% - 100px);
  }
  
  .filter {
      float: left;
      width: 40%;
      margin-top: 20px;
  }
  
  
  div#map {
      width: 60%;
      float: left;
      position: relative;
      height: 50vw;
      max-height: 680px;
      cursor: pointer;
  }
  
  .puzzles {
      float: left;
      width: 100%;
      margin-bottom: 30px;
  }
  
  
  div#search {
      float: left;
      width: 100%;
      position: relative;
  }
  
  .select {
      float: left;
      width: 100%;
      position: relative;
  }
  div#map img {
      opacity: 0;
      transition: .5s;
      position: absolute;
      top: 0;
      left: 0;
      max-height: 100%;
  }
  div#map img.show {
      opacity: 1;
  }
  
  
  ul#results, ul#years, ul#cats, #brands {
      float: left;
      background: gainsboro;
      padding: 10px 0;
      opacity: 0;
      position: absolute;
      top: 60px;
      z-index:-999;
      transition: z-index 0.5s step-end, opacity 0.5s linear;
      min-width: 330px;
  }
  
  ul#results li, ul#years li, ul#cats li, ul#brands li{
      float: left;
      width: auto;
      clear: both;
      margin: 0;
      font-size: 20px;
      font-weight: bold;
      letter-spacing: 1px;
      padding: 0 20px;
      cursor:pointer;
      curspr:hand;
      transition:0.3s;
      user-select: none;
  }
  ul#cats li, ul#brands li {
      text-transform: uppercase;
  }
  .sel-years, .sel-cats, .sel-brands {
      float: left;
      width: 100%;
      position: relative;
  }
  
  div#f, div#fyears, div#fcats, div#fbrands {
      font-size: 20px;
      font-weight: bold;
      margin-top: 20px;
      margin-bottom: 5px;
      float: left;
      background: #dcdcdc;
      padding: 5px 20px;
      letter-spacing: 1px;
      user-select: none;
      min-width: 290px;
  }
  
  div#fyears, div#fcats, div#fbrands {
    min-width: unset;
    width: calc(100% - 38px);
  }
  div#fyears p, div#fcats p,div#fbrands p {
      float: left;
      text-transform: uppercase;
  }
  div#fyears p.act, div#fcats p.act, div#fbrands p.act {
      color: #f5821e;
      text-transform: uppercase;
  }
  div#f span,
  div#fyears span,
  div#fcats span,
  div#fbrands span {
      float: right;
      background: url(/im/icon-arrow.png) no-repeat right / cover;
      background-size:40%;
      width: 35px;
      height: 21px;
      margin-top: 3px;
  }
  ul#results.show,
  ul#years.show,
  ul#cats.show,
  ul#brands.show{
      opacity: 1;
      z-index: 999;
      transition: z-index 0.5s step-start, opacity 0.5s linear;
  }
  #f p {
      float: left;
  }
  
  
  ul#results li.act {
      color: #a7a7a7;
  }
  
  ul#years, ul#cats, #brands {
     min-width: unset;
     width: calc(100% + 2px);
     margin-top: 5px;
   }
  
  .news div#search {
      margin-bottom: 5px;
  }
  
  .rowsrep {
      float: left;
      width: 100%;
  }
  
  .rowsrep .rp {
      border: 0;
      padding: 0;
      margin: 0 50px 60px;
      float: left;
  }
  
  .person {
      float: left;
      width: 25%;
  }
  
  div#search input {
      padding: 5px 18px;
      border: 1px solid gainsboro;
      font-size:20px;
      outline:none;
      min-width: 292px;
  }
  
  div#search input::placeholder,
  div#search input {
      letter-spacing: 1px;
      font-weight: bold;
      color: #000;
      font-size: 20px;
      font-family: futura-pt-condensed, sans-serif;
  }
  
  div#search span {
      float: right;
      background: url(/im/icon-search.png) no-repeat center / cover;
      width: 20px;
      height: 20px;
      position: absolute;
      left: 292px;
      margin-top: 10px;
  }
  .news div#search input {
      min-width: calc(100% - 36px);
  }
  
  .news div#search span {
      left: calc(100% - 36px);
      top: 0;
  }
  
  
  .service .features h3.padd {
      margin: 0 30px 50px;
      width: calc(100% - 60px);
  }
  
  
  .news {
      float: left;
      width: 100%;
  }
  
  .innews,
  .inalloffer {
      margin: 210px 50px 50px;
      float: left;
      width: calc(100%  - 100px);
  }
  
  .innews h1, .innews h2,
  .inalloffer h1, .inalloffer h2 {
      text-align: center;
      width: 100%;
  }
  
  .innews h1, .inalloffer h1, .inalloffer p.dis {
      letter-spacing: 4px;
      font-weight: bold;
      font-size: 58px;
      color: #f5821e;
  }
  
  .innews h2,
  .inalloffer h2 {
      font-weight: 500;
      font-size: 40px;
      letter-spacing: 1px;
  }
  
  .innews .l,
  .inalloffer .l {
      width: 290px;
      height: auto;
      margin-top: 80px;
      margin-right: 40px;
  }
  
  .innews .db,
  .inalloffer .r {
      width: 100%;
      float: left;
      margin-top: 80px;
      transition:0.5s;
  }
  .obnews,
  .dbcats {
      float: left;
      width: calc(100% - 330px);
      overflow:hidden;
      transition:0.5s;
      min-height: 310px;
  }
  
  .obportfolio {
      /* float: left; */
      width: 100%;
      overflow:hidden;
      transition:0.5s;
      min-height: 310px;
      max-width: 1100px;
      margin: 0 auto;
  }
  
  
  .db .n {
      float: left;
      width: calc(50% - 22px);
      margin-bottom: 30px;
  }
  
  .db .n:nth-child(odd) {margin-right: 20px;}
  
  .db .n:nth-child(even) {
      margin-left: 20px;
  }
  .db .n img {
      border: 1px solid #f5821e;
  }
  
  .db .n p.tit {
      width: 100%;
      float: left;
      font-size: 40px;
      font-weight: bold;
      margin: 25px 0 5px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      height: 48px;
  }
  
  .db .n p.add {
      color: #828282;
      font-size: 22px;
      float: left;
      width: 100%;
      font-family: myriad-pro-condensed, sans-serif;
      margin-bottom:10px;
  }
  
  
  .db .n p.des {
      color: #000;
      font-size: 22px;
      float: left;
      width: 100%;
      font-family: myriad-pro-condensed, sans-serif;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      height: 62px;
  }
  
  
  
  .db .n p.mor {
      float: left;
      width: auto;
      margin: 10px 0 0;
      font-size: 22px;
      font-family: myriad-pro-condensed, sans-serif;
  }
  .db .n p.mor a{
      color:#F07D00;
      float: left;
  }
  
  .db .n p.mor span {
      float: left;
      background: url(/im/arrow-right-orange.png) no-repeat center / cover;
      width: 8px;
      height: 14px;
      margin-left:12px;
      margin-top:8px;
  }
  div#pagi {
      float: right;
      margin-top: 30px;
      transition:0.5s;
  }
  
  div#pagi span {
      width: 37px;
      background: none;
      margin-left: 10px;
      float: left;
      text-align: center;
      border: 1px solid #e2e2e2;
  }
  
  div#pagi span a {
      float: left;
      width: calc(100% - 26px);
      padding: 5px 13px;
      color: #db812d;
      font-weight: 600;
      font-size: 20px;
  }
  
  
  
  div#pagi span.act {
      background: #db812d;
      border-color: #db812d;
  }
  
  div#pagi span.act a {
      color: #000;
  }
  
  div#cleary, div#clearc {
      margin: 0;
      margin-left: 20px;
      margin-top: 5px;
      margin-bottom: 15px;
  }
  
  div#cleary p, div#clearc p {
      font-size: 18px;
  }
  
  .emptydb {
      float: left;
      width: 100%;
      font-size: 40px;
      letter-spacing: 2px;
      font-weight: 500;
      margin-top: 50px;
      margin-left: 50px;
  }
  
  ul#years li.act,
  ul#cats li.act,
  ul#brands li.act {
      color: #f5821e;
  }
  div#f.rot span,
  div#fyears.rot span,
  div#fcats.rot span,
  div#fbrands.rot span
   {
      transform: rotate(-180deg);
      background-position: left;
  }
  
  
  div#clear,
  div#cleary,
  div#clearc,
  div#clears,
  div#clearb {
      float: left;
      clear: both;
      margin: 20px 0 0;
      transition:0.5s;
      user-select:none;
  }
  
  div#clear span, div#cleary span, div#clearc span,
   .news div#search div#clears span, div#clearb span{
      float: left;
      width: 11px;
      height: 11px;
      background: url(/im/icon-close.png) no-repeat center / cover;
      margin: 10px 10px 0 0;
  }
  
  div#clear p,
  div#cleary p,
  div#clearc p,
  div#clears p,
  div#clearb p{
      float: left;
      font-size: 21px;
      font-weight: bold;
  }
  
  div#clear.hide,
  div#cleary.hide,
  div#clearc.hide,
  div#clears.hide,
  div#clearb.hide{
      opacity:0;
      z-imdex:-9999;
  }
  
  div#cleary.hide,
  div#clearc.hide,
  div#clears.hide,
  div#clearb.hide{
    display:none;
  }
  
  
  .news div#search div#clears span {
    left: unset;
    position: unset;
  }
  .one .innews  h1 {
      text-transform: uppercase;
      color: #000;
  }
  
  .one .innews h2 {
      color: #838383;
      font-size: 24px;
  }
  
  .one .innews .l {
      width: calc(50% - 20px);
      height: auto;
      border: none;
      margin-right: 20px;
      margin-top: 15px;
  }
  
  .one .tai .r p {
    font-size: 22px;
    float: left;
    width: 100%;
    color: #121213;
    font-family: myriad-pro-condensed, sans-serif;
    }
  
  
  
  
  .gallery_min {
      float: left;
      width: calc(100% - 60px);
      margin: 50px 30px 20px;
  }
  
  .gallery_min img {
      width: 100%;
      float: left;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      left: 0;
      right: 0;
  }
  
  
  
  
  .one .catnews {
      margin-top: 30px;
      float: left;
      text-transform: uppercase;
      font-size: 22px;
      font-weight: 500;
      color: #838383;
  }
  
  .one .catnews span {
      color: #F07D00;
  }
  
  .one .sm-news {
      float: left;
      clear: both;
      margin-top: 25px;
      display: flex;
      align-items: center;
  }
  
  
  
  
  .one .sm-news a {
      float: left;
      margin-right: 10px;
  }
  
  .gallery_min .im {
      height: 95px;
      overflow: hidden;
      width: calc(14.25% - 42px);
      float: left;
      border: 1px solid #f07d00;
      margin: 0 20px;
      position: relative;
  }
  
  
  
  .offer div#search input,
  .onecat div#search input{
      min-width: 255px;
      position: relative;
  }
  
  .offer div#search span,
  .onecat div#search span {
      top: 0;
      right: 18px;
      left: unset;
  }
  .offer div#search,
  .onecat div#search {
      margin-bottom: 15px;
  }
  
  div#fbrands {
      margin-bottom: 13px;
  }
  
  .offer .box,
  .onecat .box {
      width: calc(33.3% - 80px);
      margin: 40px 40px 0;
      position: relative;
      transition: 0.5s;
  }
  
  .dbcats {
      min-height: unset;
      width: calc(100% - 330px);
  }
  
  .offer .box img,
  .onecat .box img{
      position: absolute;
      transition: 0.5s;
      left: 50%;
      top: 50%;
      transform: translate3d(-50%,-50%,0);
  }
  
  .box .name,
  .box .name {
      position: absolute;
      bottom: 0;
      text-align: center;
      width: calc(100% - 20px);
      background: rgba(52, 52, 52, 0.9);
      padding: 8px 10px;
      font-weight: 500;
  }
  
  .offer .box .name p, .onecat .box .name p, .prod .box .name p {
      width: 100%;
      float: left;
      text-transform: uppercase;
      font-size: 24px;
  }
  
  .offer .box .name p.w, .onecat .box .name p.w, .prod .box .name p.w {
      color: #fff;
  }
  
  
  .offer .box .name p.o, .onecat .box .name p.o, .prod .box .name p.o {
      color: #f5821e;
      font-size: 16px;
  }
  .offer .box:hover img,
  .onecat .box:hover img,
  .prod .box:hover img,
  .prod .box.cur:hover a img {
      transform: translate3d(-50%,-50%,0) scale(1.05);
  }
  
  ul#cats li a, ul#brands li a {
      color: #474747;
  }
  
  
  body.onecat .inalloffer h1,  .inalloffer p.dis {
      text-align: left;
      text-transform: uppercase;
      margin-left: 40px;
      width: calc(100% - 40px);
  }
  
  
  .onecat .inalloffer .l {
      margin-top: 150px;
  }
  
  .onecat .inalloffer .dbcats {
  }
  .box .name p.w,
  .box .name p.w {
      overflow: hidden;
      max-height: 35px;
      transition:0.5s;
  }
  
  .onecat .box:hover .name p.w,
  .offer .box:hover .name p.w,
  .prod .box:hover .name p.w {
      max-height: 100px;
      transition:0.5s;
  }
  
  
  
  
  .inalloffer p.dis {
      display: none;
  }
  
  
  
  
  #view {
      width: 72px;
      height: 36px;
      background: url(/im/view.jpg) top no-repeat;
      margin: 40px 0 0 40px;
      cursor: pointer;
  }
  
  
  .list #view {
      background: url(/im/view.jpg) bottom no-repeat;
  }
  
  
  .list .box.cur {
      width: calc(100% - 80px);
      margin: 0 40px;
      border-bottom: 1px solid #f5821e;
  }
  
  .list .box img {
      height: 120px;
      float: left;
      position: relative;
      transform: none;
      left: 0;
      top: 0;
  }
  
  .list .box .name {
      width: calc(100% - 162px);
      float: right;
      position: relative;
      background: #fff;
      color: #000;
      padding: 50px 0 30px 30px;
      text-align: left;
  }
  
  .list .box .name p.w {
      overflow: auto;
      color: #000;
      max-height: initial;
  }

  
  .list div#view .miniatura {background: red;}

  .list .miniatura {
      width: 120px;
      position: static;
      padding: 0;
      float: left;
  }

  .offer .list .box .name p.o, .onecat .box .name p.o {
      display: none;
  }
  
  
  .offer .list  .box:hover img,
  .onecat .list  .box:hover img {
      transform: scale(1);
  }
  
  .inprod {
      float: left;
      width: calc(100% - 100px);
      margin: 200px 50px 0;
  }
  .inprod a.deco {
    color: #f07d00;
    text-decoration: underline;
}
  .inprod h1 {
      width: 100%;
      text-align: center;
      font-weight: bold;
      letter-spacing: 4px;
      font-size: 43px;
      text-transform: uppercase;
  }
  
  .topprod, .bottomprod {
      float: left;
      width: 100%;
  }
  
  .topprod .l, .bottomprod .l {
      margin-right: 100px;
      width: calc(50% - 100px);
      height: auto;
      margin-top: 60px;
  }
  
  .topprod .r, .bottomprod .r {
      margin-left: 100px;
      width: calc(50% - 100px);
      height: auto;
      margin-top: 60px;
      position: relative;
  }
  a.back{
    display:flex;
    float:left;
    font-size:18px;
    align-items:center;
    border: 1px solid #f5913a;
    border-radius: 10px;
    padding:5px 12px;
    height: 25px;
    margin-top: 15px;
    transition:.4s;
    cursor: pointer;
    width: 56px;
  }
  a.back:hover{
    transform:scale(.95);
  }
  .contactus {
    float: right;
    width: calc(100% - 138px);
    border: 1px solid red;
    /* float: left; */
    font-size: 18px;
    border: 1px solid #f5913a;
    border-radius: 10px;
    padding: 5px 12px;
    height: 25px;
    margin-left: 30px;
    margin-top: 15px;
    max-width: 300px;
}

.contactus a {
    color: #000;
    font-size: 20px;
    line-height: 25px;
    position: relative;
}

.contactus a:nth-child(2) {
    float: right;
}
.contactus a span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    background: black;
    height: 1px;
    transition: 0.5s;
}

.contactus a:hover span {
    width: 100%;
}
  a.back span{
    font-size: 20px;
    display:block;
    margin-left:10px;
    color: #000;
    line-height: 20px;
    margin-top: -4px;
  }
  a.back img{
    height:18px;
    margin:0;
    transition: .4s;
  }
  .topprod .r a.back img{
    margin:0;
  }
  
  .topprod .r h2, .bottomprod .l h2 {
      font-size: 40px;
      font-weight: bold;
      color: #838383;
      letter-spacing: 3px;
      margin-bottom: 20px;
  }
  
  .topprod p.c, .inprod p.download {
      float: left;
      clear: both;
      margin-bottom: 10px;
      font-size: 24px;
      font-weight: 500;
      color: #838383;
  }
  
  .topprod .r img {
      /* float: right; */
      /* position: absolute; */
      /* right: 0; */
      /* top: 60px; */
      float: left;
      clear: both;
      margin-top: 20px;
  }
  
  .topprod .r p.last, .bottomprod p {
      width: 100%;
      float: left;
      font-family: myriad-pro-condensed, sans-serif;
      font-size: 22px;
      margin-top: 30px;
  }
  
  .topprod p.c span {
      color: #f59139;
  }
  
  .bottomprod p.header {
      float: left;
      width: 100%;
      text-align: center;
      font-weight: bold;
      font-size: 40px;
      margin-top: 100px;
      letter-spacing: 2px;
      font-family: futura-pt-condensed, sans-serif;
  }
  
  .bottomprod .l, .bottomprod .r {
      margin-top: 40px;
  }
  
  .bottomprod 
   p {
      margin-top: 0;
      margin-bottom: 10px;
  }
  
  .bottomprod {
      margin-bottom: 100px;
      font-family: myriad-pro-condensed, sans-serif;
      font-size: 22px;
  }
  
  .similar {
      float: left;
      width: 100%;
      margin-bottom: 50px;
  }
  
  
  
  .linewithtext{
    width: 100%;
    height: 20px;
    border-bottom: 2px solid #f4821e;
    text-align: center;
  }
  
  .linewithtext span{
     font-size: 32px;
     background-color: #fff;
     padding: 0 30px;
     font-weight: bold;
     text-transform: uppercase;
  }
  .prod .box.cur {
      width: calc(25% - 50px);
      margin: 40px 25px 0;
      position: relative;
  }
  
  .prod .box.cur a {
      float: left;
      width: 100%;
  }
  
  .prod .box.cur a img {
      width: 100%;
      transition: 0.5s;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate3d(-50%,-50%,0) scale(1);
  }
  
  
  .inprod p.download span a {
      color:#f4821e;
      margin-right: 5px;
  }
  .inprod p.download span a:hover{
      text-decoration:underline;
  }
  
  .prod .gal {
      float: left;
      width: 100%;
      margin-bottom: 50px;
  }
  
  .prod .gal .im {
      float: left;
      width: calc(50% - 22px);
      border: 1px solid #838383;
      margin: 0 10px;
      cursor: pointer;
      cursor: hand;
  }
  
  .yt {
      margin: 0 10px;
      width: calc(100% - 20px);
      float: left;
  }
  
  .yt iframe {
      width: 100%;
      height: 20vw;
  }
  .prod ul {
      float: left;
      width: 100%;
      font-size: 22px;
      margin: 10px 0;
  }
  .prod #menu ul li::before{
    display:none;
  }
  .prod ul li::before {
      content: "";
      margin-top: 12px;
      width: 10px;
      height: 10px;
      background: #f4821e;
      float:left;
      border-radius:100%;
      margin-right: 13px;
  }
  
  .prod ul li {
      float: left;
      width: 100%;
      font-size: 22px;
      font-family: myriad-pro-condensed, sans-serif;
  }
  
  b {
      font-weight: bold;
  }
  
  .last-top {
    float: left;
    width: 100%;
    margin: 30px 0;
}

.last-top p {
    font-family: myriad-pro-condensed, sans-serif;
    font-size: 22px;
}
  
  
  
  
  
  
  div#popuphome {
    position: fixed;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(240, 125, 0, 0.98);
    opacity:0;
    transition: 0.5s;
}

div#popuphome .inpopup a {
    color: #fff;
    text-decoration: underline;
}

div#popuphome .inpopup {
    max-width: 500px;
    margin: 0 20px;
    font-size: 25px;
    color: #fff;
}

div#popuphome .inpopup .close {
    position: absolute;
    right: 0;
    top: 50px;
}
  
  
  .todownload .section.info {
    margin-top: 210px;
}
  
  
  .inpdf {
    float: left;
    width: calc(100% - 100px);
    margin: 20px 50px 20px;
}

.inpdf .pdf {
    float: left;
    width: auto;
    clear: both;
}

.inpdf .pdf a {
    float: left;
    width: auto;
    color: black;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 500;
    display: flex;
    align-content: center;
    align-items: center;
    margin-bottom: 20px;
    transition: 0.5s;
    flex-wrap: wrap;
}

.inpdf .pdf a span {
    float: left;
    width: 40px;
    height: 49px;
    background: url(/im/pdf-icon.png) no-repeat center / cover;
    margin-right: 20px;
}

.inpdf .pdf a p {
    float: left;
    position: relative;
    width: calc(100% - 60px);
}
  

.inpdf .pdf:hover a {
    color: #f5821e;
}
.inpdf h2 {
    font-size: 35px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.files {
    float: left;
    width: 100%;
    margin: 30px 0 0;
}
.cat {
    width: calc(50% - 50px);
    float: left;
    margin-bottom: 30px;
}
.cat:nth-child(odd) {margin-right: 50px;}
.cat:nth-child(even) {margin-left: 50px;}
  
  .allnotes {
    float: left;
    width: 100%;
}

.allnotes .note {
    float: left;
    width: calc(50% - 50px);
    margin-bottom: 50px;
}

.allnotes .note:nth-child(odd) {
    margin-right: 50px;
}

.allnotes .note:nth-child(even) {
    margin-left: 50px;
}

.allnotes .note div {
    float: left;
    width: 100%;
    font-size: 22px;
}

.allnotes .note div.tit {
    font-weight: 500;
    font-size: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 35px;
}

.allnotes .note div.mor a {
    float: left;
    width: auto;
    color: #f5821e;
    position:relative;
    margin-top: 7px;
}

.allnotes .note div.mor a span{
  position:absolute;
  height: 1px;
  left:0;
  bottom: 0;
  width: 0%;
  transition: 0.5s;
  background: #f5821e;
}
  
.allnotes .note div.mor a:hover span{
  width: 100%;
}

.allnotes .note div.sde {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 55px;
}

  
  .allnotes .note.big {
    margin: 0 0 50px;
    width: 100%;
}

.allnotes .note div.content {
    margin: 30px 0 10px;
}
.allnotes .note.big div.tit,.allnotes .note.big div.sde {
    display: block;
    height: auto;
}
.allnotes .note div.image {
    margin: 20px 0;
}

.allnotes .note div.image {
    max-width: 70%;
    margin: 50px 15% 30px;
}
.financing {
    float: left;
    width: 100%;
    margin-bottom: 50px;
    display: flex;
    align-items: center;
}

.financing .l {
    width: 300px;
    float: left;
    margin: 0;
}

.financing .r {
    width: calc(100% - 350px);
    margin-left:50px;
    float: left;
    height: auto;
    display: flex;
    flex-wrap: wrap;
}

.financing .l p {
    font-size: 25px;
    text-align: center;
    font-weight: 500;
}

.financing p.name {
    float: left;
    width: 100%;
    font-size: 25px;
    font-weight: 700;
}
.financing .desc {
    float: left;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
}

.financing a {
    font-size: 20px;
    margin-top: 10px;
    color: #ff7f00;
    border-bottom: 1px solid #ff7f00;
    transition: 0.5s;
}

.financing a:hover {
    color: #e3b269;
    border-bottom: 1px solid #e3b269;
}



.top .ham {
    margin-top: 20px;
}
.top .logo {margin-top: 25px;}

#im img.lslider {
    max-width: 500px;
}


video {
    width: 100%;
    height: auto;
}

.im.vid{
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    cursor: hand;
}

#popup video {
    max-width: 60%;
    margin: 0 20%;
}

#popup {
    align-items: center;
}

  @media all and (max-height:950px){
    .inl {
      height: 100vh;
    }.section.serwis .r {
      height: 100vh;
  }
  
    .section.equipment, .section.abouttop {
        height: 100vh;
    }
  
  }
  
  @media all and (max-height:700px){
    .inl #im {
      max-width: 60%;
      top: 50vh;
    }
    .inl h1 {
      font-size: 35px;
      line-height: 35px;
    }
  
    .inl h1 span {
        font-size: 32px;
    }
  }
  
  
  @media all and (max-height:500px) and (min-width:960px){
  
    .inl #im{
      display:none;
    }
  
  }
  
  @media all and (max-height:1100px){
  div#menu li {
      margin: 20px 30px;
      width: calc(100% - 60px);
  }
  .close.cur {
      margin-right: 30px;
  }
  div#menu li span {
      bottom: -20px;
  }
  }
  
  @media all and (max-height:650px){
  
  div#menu li {
    margin: 3px 30px;
}

div#menu li span {
    display: none;
}

.close.cur {
    margin-bottom: 20px;
}
  
  }
  
  
  
  @media all and (max-width:1250px){
    .section.leaders .box p {
      max-width: unset;
      width: 100%;
      margin: 0;
    }
    .rows .r:nth-child(2) .box, .rows .r:nth-child(3) .box {width: 33.3%;}
    .offer .box, .onecat .box {
      margin: 40px 10px 0;
      width: calc(50% - 20px);  
    }
    body.onecat .inalloffer h1 {
      margin-left: 10px;
      width: calc(100% - 10px);
    }
    
  .onecat .desc {
      width: calc(100% - 360px);
      margin: 50px 20px 0;
  }
  
  .topprod .l, .bottomprod .l {
      margin-right: 30px;
      width: calc(50% - 30px);
  }
  
  .topprod .r, .bottomprod .r {
      margin-left: 30px;
      width: calc(50% - 30px);
  }
  .topprod .r img {
      position: unset;
      float: left;
      clear: both;
      margin: 10px 0 20px;
  }
  
  }
  
  
  
  @media all and (max-width:1200px){
    .feature {
      height: 270px;
  }
  .person {
      width: 50%;
  }
    .section.footer {
      background-position: -140px;
  }
  
  .footer .txt {
      margin-right: 50px;
      width: 40%;
  }
  
  
  .innovation h2 span {
      float: left;
      width: 100%;
  }
  
  .section.innovation p {
      font-size: 26px;
  }
  
  .section.innovation .ic p {
      font-size: 33px;
  }
  .r.min {
      margin-top: 30px;
  }
  
  .l.big {
      width: calc(65% - 75px);
  }
  
  .r.min {
      width: calc(35% - 75px);
  }
  .advantage {
      width: 100%;
      margin: 0 0 70px;
      min-height: unset;
      max-width: 750px;
      margin-left: calc(50% - 375px);
  }
  
  .advantage .img {
      width: 330px;
  }
  
  .slide {
      width: calc(100vw - 100px);
  }
  
  .tomove {
      max-height: 300px;
  }
  
  }
  
  
  
  @media all and (max-width:1100px){
    .feature {
      height:350px;
  }
  
  .rows .r:nth-child(1) .box{
    width:50%;
    margin-bottom:40px;
  }
  
  .rows .r:nth-child(1){
    padding-bottom: 10px;
  }
  
  }
  
  @media all and (max-width:960px){
    div#pagi {
      margin-bottom: 30px;
  }
    .db .n {
      width: calc(100% - 2px);
      margin: 0 0 30px !important;
  }
  
  .obnews {
      max-height: unset !important;
  }
  
  
    .fm {
      margin: 0 30px;
      width: calc(100% - 60px);
  }
  
  .filter {
      width: 330px;
  }
  div#map {
      width: 80%;
      margin: 0;
      max-height: unset;
      height: 80vw;
      display: flex;
  }
  #map canvas{
    position:absolute;
    z-index: 2;
  }
  
  .representatives h6 {
      margin: 0 30px;
      width: calc(100% - 60px);
  }
  
    .rows .r, .rowsrep .rp {
      width: calc(100% - 60px);
      margin: 0 30px;
  }
  
  
    .rows .r .box {
      width: 50% !important;
      margin-bottom: 30px !important;
  }
  
  .rows .r {
      padding-bottom: 20px;
  }
    .contact .section.info {
      margin-top: 160px;
  }
  
  .contact .section h1{
      margin-bottom:30px;
      
  }
  
  .contact .info .box {
      width: calc(50% - 60px);
  }
  
  .contact .info .box:nth-child(4) {
      width: calc(100% - 60px);
  }
  
  .contact .info .box:nth-child(3) {
      margin-top: 30px;
      width: calc(100% - 60px);
  }
  
  
    .lo img {
      max-width: 250px;
  }
  
    .info .txt {
      width: 100%;
      margin: 50px 0 0;
  }
  
  .section.info .map {
      width: 100%;
  }
  
  .section.info {
      margin-top: 50px;
  }
  
  .section.info .map p {
      margin-bottom: 20px;
  }
  
  .info .box {
      margin: 0 30px 30px;
      width: calc(100% - 60px);
  }
  
  
  
      .feature {
      height:auto;
      width: calc(100% - 60px);
      margin: 0 30px 50px;
    }
  
  
    .servicecare .tai .l {
      width: 80%;
      margin: 0 10% 40px;
  }
  
  .service .tai .r {
      margin: 0;
  }
  
  .section.boss {
      margin-top: 50px;
      min-height: unset;
      height: auto;
  }
  
  
    .section.serwis .l {
      width: 100%;
  }
  
  .section.serwis .r {
      width: 100%;
      height: 65vw;
      min-height: unset;
  }
    
    .inpress {
      margin: 40px 30px 0;
      width: calc(100% - 60px);
  }
  
  .flex {
      margin-top: 20px;
  }
  
  .press h4 span {
      width: 100%;
      float: left;
      margin: 0;
  }
    
    
    .section.bakery {
        padding: 0;
    }
  
  
  .section.bakery h2 {
      text-align: left;
      margin: 80px 30px 0;
      width: calc(100% - 60px);
  }
  
  .section.bakery h3 {
      margin: 0 30px 50px;
      text-align: left;
      width: calc(100% - 60px);
  }
  .section.bakery .txt h3 {
      margin: 0 !important;
      width: 100%;
  }
  
  .box {
      width: 60%;
      margin: 0 20% 50px;
  }
  
  
  
    .footer .txt {
      width: calc(100% - 60px);
      margin: 0 30px;
  }
  
  .section.footer {
      background-position: right;
      min-height: 500px;
  }
    .top .logo{
      margin-left:30px;
      margin-top: 30px;
    }
    .top .logo {
      max-width: 200px;
  }
  
  .section.equipment .l,
  .section.abouttop .l {
      width: 100%;
  }
  
  .inl {
      width: calc(100% - 60px);
      max-width: unset;
      display: block;
      margin: 0 30px;
      height: 650px;
  }
  
  .section.equipment .r, .section.abouttop .r {
      width: 100%;
      height: 360px;
  }
  
  .section.equipment,
  .section.abouttop {
      height: auto;
      float: left;
      width: 100%;
  }
  
  .inl #im {
      max-width: 430px;
  }
  
  .inl h1 {
      margin-bottom: 30px;
  }
  .top .ham{
    margin-right:30px;
    margin-top: 30px;
  }
  
  .top .ham p {
      background: #ededed;
      height: 6px;
      margin: 7px 0;
  }
  .about .top .ham p {
      background: #fff;
  }
  .inl h1 {
      font-size: 40px;
  }
  
  .inl h1 span {
      font-size: 35px;
  }
  
  .innovation .l, .r.min {
      width: calc(100% - 60px);
      margin: 0 30px;
  }
  
  .section.innovation {
      margin: 0;
      padding: 0;
  }
  
  .section.innovation h2 {
      margin: 40px 0 20px;
  }
  
  .l.big {
      margin-bottom: 30px;
  }
  
  .ic {
    width: 25%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
  }
  
  .section.innovation .ic p {
    float: left;
    width: 100%;
    margin: 0;
    text-align: center;
    line-height: 30px;
    font-size: 31px;
    margin-top: 10px;
  }
  
  .r.min {
      margin-bottom: 80px;
  }
  .advantage {
      max-width: unset;
      margin: 0 30px 40px;
      width: calc(100% - 60px);
  }
  
  .advantage .txt {
      width: calc(100% - 270px);
  }
  .advantage .img {
      width: 250px;
  }
  
  .advantage span {
      right: 0;
      top: -20px;
  }
  .slide .l {
      display: none;
  }
  
  .slide .r {
      width: 100%;
      margin: 0;
  }
  
  .tomove {
      max-height: 44vw;
  }
  .slider p.main {
      margin: 40px 30px;
      width: calc(100% - 60px);
  }
  
  .obtomove {
      margin: 0 30px;
      width: calc(100% - 60px);
  }.slider p.main span {float: left;width: 100%;margin: 0;}
  
  .slide {
      width: calc(100vw - 60px);
  }
  
  .footer .txt {
      width: calc(60% - 60px);
      float: left;
      min-height: 500px;
  }
  .section.abouttop .l {
      width: 100%;
  }
  
  
  .box {
      margin: 40px 40px 0;
      width: calc(33.3% - 80px);
  }
  .trio {
      margin: 40px 0;
      width: 100%;
  }
  .section.leaders .box h2 {
      font-size: 25px;
      line-height: normal;
  }
  .tai {
      margin: 50px 30px 0;
      width: calc(100% - 60px);
  }
  
  .tai .l {
      width: 80%;
      margin: 0 10%;
  }
  
  .tai .r {
      width: 100%;
      margin: 50px 0 0;
  }
  
  .section.gall {
      margin-top: 50px;
  }
  .ingall h4 {
      margin: 0 30px;
      width: calc(100% - 60px);
  }
  
  .ingall .bg {
      height: 40vw;
  }
  
  .arrs{
    display:none;
  }
  
  #arrs.arrs{
    display:block;
    top: auto;
    bottom:8px;
    width: 220px;
    padding:0;
    margin: auto;
    left: 0;
    right: 0;
  }
  #arrs.arrs.h{
    display:none
  }
  
  #arrs .arrl{
    left:0;
  }
  #arrs .arrr{
    right:0;
  }
  
  .boss .txt {
      font-size: 30px;
      line-height: normal;
      max-width: unset;
      width: calc(100% - 60px);
      margin: 0 30px;
      padding: 0;
      min-height: unset;
      height: auto;
  }
  
  .section.boss .bg {
      padding: 50px 0;
  }
  
  .rowsrep .rp {
      margin-bottom: 50px;
  }
  
  iframe#ytplayer {
      left: -20vw;
      width: 140vw !important;
      min-height: auto !important;
  }
  
  
  .section.serwis .r {
      display: none;
  }
  
  .serwis .l .inl {
      background: url(/im/services-bg.jpg) no-repeat center / cover;
      height: auto;
      min-height: 100vh;
  }
  
  .serwis .l .inl h1 {color: #000;margin: 0 30px;width: calc(100% - 60px);bottom: 50px;}
  
  div#scr {
      margin: 200px 30px 0;
      width: calc(100% - 60px);
  }
  
  
  .one .innews h1 {
      font-size: 40px;
      letter-spacing: 2px;
      margin: 0 20px;
      width: calc(100% - 40px);
  }
  
  .one div#scr {
      margin: 200px 0 0;
      width: 100%;
  }
  
  .one .innews .l {
      width: 60%;
      margin: 0 20%;
  }
  
  .gallery_min .im {
      width: calc(33.3% - 22px);
      margin: 0 10px 20px;
      height: 20vw;
  }
  
  .gallery_min .im:nth-child(7) {
      display: none;
  }
  
  .gallery_min {
      margin: 50px 20px 20px;
      width: calc(100% - 40px);
  }
  .offer .box, .onecat .box {
      width: 100%;
      margin: 0 0 40px;
  }
  
  .miniatura{
    padding-bottom:80%
  }
  .inalloffer {
      margin: 180px 30px 50px;
      width: calc(100% - 60px);
  }
  
  .inalloffer .l {
      margin-top: 60px;
  }
  
  
  .inprod {
      margin: 200px 30px 0;
      width: calc(100% - 60px);
  }
  
  .topprod .l, .bottomprod .l {
      width: 100%;
      margin: 0;
  }
  
  .topprod .r, .bottomprod .r {
      width: 100%;
      margin: 0;
  }
  
  .topprod .r p.last {
      margin-top: 0;
  }
  
  .bottomprod p.header {
      margin-top: 50px;
      border-bottom: 1px solid #f5821e;
      padding-bottom: 10px;
      margin-bottom: 40px;
  }
  
  .bottomprod .r {
      margin-top: 50px;
  }
  
  .prod .gal .im:nth-child(odd) {width: calc(50% - 12px);margin-right: 10px;margin-left: 0;}
  
  .prod .gal .im:nth-child(even) {
      margin-left: 10px;
      margin-right: 0;
      width: calc(50% - 12px);
  }
  
  .yt {
      width: 100%;
      margin: 0;
  }
  
  .yt iframe {
      height: 50vw;
  }
  .prod .box.cur {
      width: calc(33.3% - 30px);
      margin: 40px 15px 0;
  }
  
  .prod .box:nth-child(5) {
      display: none;
  }
  .inpdf {
    margin: 20px 30px 30px;
}

.todownload .section.info {
    margin-top: 170px;
}

.todownload .section h1,
.knowledge .section h1 {
    margin-bottom: 20px;
    letter-spacing: 2px;
    font-size: 40px;
}

.inpdf h2 {
    letter-spacing: 1px;
    line-height: 35px;
    text-align: center;
}

.inpdf .pdf a p {
    line-height: 25px;
}
  .inknowledge {
    margin: 130px 30px 30px;
    width: calc(100% - 60px);
}

.allnotes .note:nth-child(odd), .allnotes .note:nth-child(even) {
    margin: 0 0 30px;
    width: 100%;
}

.allnotes .note div.image {
    max-width: 100%;
    margin: 20px 0;
}
  }
  
  
  
  
  @media all and (max-width:760px){
    .list #view {
      margin-left: 0;
  }
    .list .box.cur {
      margin: 0;
      width: 100%;
  }
    .onecat .desc {
      width: 100%;
      margin: 20px 0 0;
  }
    .obnews {
      width: 80%;
      margin: 0 10%;
  }
  .innews h2 {
      font-size: 27px;
      line-height: 35px;
  }
  .innews .l,
  .inalloffer .l {
      width: 80%;
      margin: 70px 10% 0;
  }
  
  .db .n p.des, .db .n p.tit {
      overflow: unset;
      display: block;
      height: auto;
  }

  
  .news .db .n p.des, .news .db .n p.tit {
      overflow: hidden;
      display: -webkit-box;
      height: 62px;
  }
  
  .db .n {
      margin-bottom: 50px !important;
  }
  
  
    .contact .info .box {
        width: calc(100% - 60px);
    }
  
    .contact .info .txt {
        margin-top: 50px;
    }
  
    .contact .info .box:nth-child(3) {
        margin-top: 0;
    }
  
    .section.rows {
    margin-top: 0;
    }
  
    .rows .r {
        padding: 20px 0 0;
    }
  
    .rows .r .box,
    .rowsrep .rp .person{
        width: 100% !important;
    }
    
    .person {
      margin-bottom: 30px;
  }
  
  .rowsrep .rp {
      margin-bottom: 0;
  }
  
  .emptydb {
      margin: 0;
  }
  
  .dbcats {
      width: 100%;
  }
  .offer div#search input {
      width: calc(100% - 36px);
      min-width: calc(100% - 36px);
  }
  
  .inalloffer p.dis {
      display: block;
      margin: 0;
      width: 100%;
  }
  
  body.onecat .inalloffer .dbcats h1 {
      display: none;
  }
  .onecat .inalloffer .l {
      width: 100%;
      margin: 60px 0 0;
  }
  .onecat div#search input{
        width: calc(100% - 36px);
  }
  
  div#view {
      margin-left: 0;
      margin-bottom: 20px;
  
  }
  
  .prod .box.cur {
      width: calc(50% - 30px);
  }
  
  .prod .box:nth-child(5) {
      display: block;
  }

  .cat {
    width: 100%;
    margin: 0 0 30px !important;
}

.innews .financing .l {
    width: 100%;
    margin: 0;
    display: block;
    text-align: center;
}

.financing {
    display: block;
}

.innews .financing .l img {
    margin: 0 auto;
    max-width: 300px;
} 

.financing .r {
    display: block;
    width: 100%;
    margin: 40px 0 0;
    text-align: center;
}


  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  @media all and (max-width:630px){

    #popup video {
        max-width: 80%;
        margin: 0 10%;
    }


    .rows .r h3, .representatives h6, .rowsrep .rp .big{
      font-size:30px;
    }
    
  .tai .l {
      width: 100%;
      margin: 0;
  }
  
  .tai {
      margin-top: 0;
  }
  .news .tai {
      margin-top: 30px;
  }
  
  .one .innews .l {
      width: 80%;
      margin: 0 10%;
  }
  .box {
      width: 80%;
      margin: 0 10% 50px;
  }
    .section.footer {
      background: #e2e2e2;
  }
  
  .footer .txt {
      width: calc(100% - 60px);
      height: auto;
      max-height: unset;
      min-height: unset;
      display: block;
  }
  
  .section.footer {
      height: auto;
      max-height: unset;
      min-height: unset;
      padding: 30px 0;
  }
  
  .section.footer .logo {
      max-width: 130px;
      margin: 0 0 17px;
  }
  
  .txt .logo img {
      max-width: 100%;
  }
  
  .footer .txt p {
      margin: 0;
      font-size: 20px;
  }
  
  .footer .txt p.o {
      margin-bottom: 5px;
  }
  
  
    .inl #im{
      /* bottom:180px; */
    }
  
    .ic {
      width: 50%;
      height: 200px;
      margin-bottom: 50px;
    }
  
  
    .ic img {
    }
  
    .r.min {
        margin-bottom: 30px;
    }
  
    .advantage .img {margin-left: calc(50% - 125px);}
  
    .advantage .txt {
        width: 100%;
        margin: 30px 0;
    }
  
  .section.servicecare {
      margin-top: 50px;
  }
  .gallery_min .im {
      width: calc(50% - 22px);
      height: 30vw;
  }
  
  .inalloffer h1, .inalloffer p.dis {
      font-size: 43px;
  }
  
  .inalloffer h2 {
      font-size: 35px;
  }

  .inpdf .pdf a {
    display: flex;
}

.inpdf .pdf a span {margin-top: 5px;}
  }
  
  
  @media all and (max-width:550px){
  
    div#popuphome .inpopup {
      max-width: calc(100% - 40px);
      margin: 0 10px;
      font-size: 20px;
    }
    div#popuphome .inpopup .close {
      width: 30px;
    }
  }
  
  
  
  
  @media all and (max-width:500px){

    .contactus {
        width: calc(100% - 24px);
        float: left;
        max-width: unset;
        margin-left: 0;
    }



    .prod .gal .im {
      width: 100% !important;
      margin: 0 0 20px !important;
  }
  
  .prod .gal {
      margin-bottom: 0;
  }
  
  .bottomprod {
      margin-bottom: 50px;
  }
  
    .innews h1 {
      font-size: 34px;
  }
    .features .txt {
      width: 100%;
      margin: 30px 0 30px;
  }
  
  .ic {
      width: 100%;
      height: auto;
      margin: 0 0 40px;
  }
  
  .section.innovation .ic p {
      max-width: unset;
  }
  
  .section.innovation {
      padding-bottom: 50px;
  }
  .slide .r .top {
      display: none;
  }
  
  .slide .r .bottom img {
      width: 100%;
      margin: 0 0 20px;
  }
  
  .tomove {
      max-height: unset;
  }
  
  .flex .p {
      width: calc(50% - 10px);
      margin: 0 5px 30px;
  }
  
  
  
  .feature .img {
    width: 130px;
    margin-left: calc(50% - 65px);
    }
  
  .section.info .map iframe {
      height: 100vw;
  }
  .serwis .inl h1 span {
      letter-spacing: 1px;
      font-size: 25px;
      line-height: 25px;
  }
  
  .serwis .l .inl h1 {
      font-size: 25px;
  }
  
    .obnews {
      width: 100%;
      margin: 0;
  }
  
  .innews .l {
      width: 100%;
      margin: 70px 0 0;
  }
  
  .inalloffer .l {
      width: 100%;
      margin: 50px 0 0;
  }
  .offer div#search input {
      font-size: 20px;
      padding: 5px 19px;
  }
  .prod .box.cur {
      width: 100%;
      margin: 0;
  }
  .linewithtext {
      border: 0;
      height: auto; 
  }
  
  .linewithtext span {
      float: left;
      width: 100%;
      padding: 0;
  }
  
  
  
.list .miniatura {
    width: 100px;
}

.list .box .name {
    padding: 50px 0 0 20px;
    width: calc(100% - 120px);
}

.list .box .name p.w {
    font-size: 18px;
}
  }
  
  
  
  @media all and (max-width:400px){
    .gallery_min .im {
      width: calc(100% - 22px);
      height: 50vw;
  }
    .rowsrep {
      margin-top: 50px;
  }
  
    .filter {
      width: 100%;
  }
  div#f span {
      width: 35px;
  }
  
  div#search input {
      width: calc(100% - 20px);
      min-width: unset;
      padding: 5px 10px;
  }
  ul#results {
      width: 100%;
      min-width: unset;
  }
  div#search span {
      right: 10px;
      top: 0;
      left:unset;
  }
  
  div#f {
      width: calc(100% - 20px);
      min-width: unset;
      padding: 5px 10px;
      font-size: 18px;
  }
  
  div#map {
      width: 100%;
  }
  
  
    .info .box span {
      display: none;
  }
  
  .info .box h2, .info .box p {
      width: 100%;
      margin: 0;
  }
    
    
    .top .logo{
      max-width: 150px;
    }
    .one div#scr {
      margin-top: 150px;
  }
    .top .ham{
      margin-top: 24px;
      width: 50px;
    }
  
  
  div#search input::placeholder,
  div#search input{
    font-size:18px;
  }
  
  
  
  .section.innovation h2, .section.bakery h2, .slider .main, .section.leaders h2, .tradition .r h3, .press h4, .service .tai .r h3, .service .features h3, .ingall h4, .inl h1{
    font-size:30px;
  }
  
  
  .inl h1{
    line-height:35px;
  }

  .top .ham p {
      margin: 5px 0;
      height: 5px;
  }
  .inalloffer {
      margin-top: 150px;
  }
  
  .onecat div#search input {
      width: calc(100% - 20px);
      min-width: unset;
  }
  
  .miniatura{
    z-index:-9;
  }

  .contactus a, .contactus a:nth-child(2) {clear: both;float: left;}

.contactus {
    height: auto;
    width: auto;
    clear: both;
}



  }
  
  
  
  
  .prod .pdf {
    float: left;
    width: 100%;
}

.prod .pdf a {
    color: #f07d00;
}

.prod .pdf a:hover {
    text-decoration: underline;
}

.sm-panel {position: fixed;width: 155px;top: 150px;right: -105px;z-index: 1000000;transition: visibility .25s, opacity .25s}
.sm-panel>ul {margin: 0;padding: 0;list-style-type: none}
.sm-panel>ul>li {transition: transform .25s}
.sm-panel>ul>li:hover {transform: translateX(-105px)}
.sm-panel>ul>li>a {display: flex;align-items: center;color: #fff;padding: 5px 0 5px 5px;text-decoration: none}
.sm-panel>ul>li>a>img {margin: 0 10px 0 0}
.sm-panel>ul>li>a>span {font-size: initial}
.sm-panel>ul>li[class^="sm-"] {background-image: none;background-repeat: repeat;background-attachment: scroll;background-position: 0%}
.sm-text-black {color: #000}
.sm-fb {background:#1977f3}
.sm-twitter {background:#fff}
.sm-gmap {background:#333}
.sm-blog {background:#0171bb}
.sm-pinterest {background:#d73532}
.sm-youtube {background:#e32c26}
.sm-allegro {background:#ff5a00}
.sm-linkedin {background:#0097bd}
.sm-payback {background:#00349a}
.sm-olx {background:#002f34}
.sm-instagram {background:#eee}
.sm-pyszne {background:#ff8000}
.sm-tiktok {background:#fff}
.sm-booksy {background:#f9e5bc}
/* ukrywanie socjalek a mobilce
@media screen and (max-width:640px) {.sm-panel {visibility:hidden; opacity:0}}
*/