@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap')
*{
  line-height:initial !important;
}
body{
  background-color:#f2efe9;
  font-family: "Inter Tight", Arial, Helvetica, sans-serif;
  font-optical-sizing: auto;
  font-weight:300;
  font-style: normal;
  color:#4b4b4a;
  line-height:initial !important;
}
#wzor{
  position:absolute;top:-120px;left:0px;right:0px;
  display:none;
  }
#wzor_img{
  position:relative;opacity:20%;width:1880px;
}
#szer{
  margin:auto;
  /*width:400px;
  background-color:rgba(255,0,0,0.1)*/
}

.ft-22{font-size:1.375em;}
.ft-32{font-size:2.1em;}
.ft-37{font-size:2.3125em;}
.ft-47{font-size:2.9em;}
.ft-70{font-size:4.2em;}

.lh-35{line-height:3.5em}

.tr_pos_25{letter-spacing:0.025em;}
.tr_pos_45{letter-spacing:0.040em;}
.tr_neg_25{letter-spacing:-0.025em;}

.orange{color:#f37800}
.ft-w1{font-weight: 100;}
.ft-w2{font-weight: 200;}
.ft-w3{font-weight: 300;}
.ft-w4{font-weight: 400;}
.ft-w5{font-weight: 500;}
.ft-w6{font-weight: 600;}
.ft-w7{font-weight: 700;}
.ft-w8{font-weight: 800;}
.ft-w9{font-weight: 900;}

.clr-f2efe9 {color:#f2efe9}
.clr-d6c1a0 {color:#d6c1a0}
.clr-dec2a1 {color:#dec2a1}

.zidx10{z-index:10}

.navbar-nav {width:100%;padding-top:50px;max-width:1110px;}
.menu-tab {text-align:center;text-transform:uppercase;font-size:12px;}
#menu-tab1 {text-align:left;width:32%;}
#menu-tab2 {text-align:left;width:35%;}
#menu-tab3 {text-align:left;width:23%;}
#menu-tab4 {text-align:right;width:10%;}

#d_logo{margin-left:4px;}
#im_logo{width:50%;max-width:320px;height:auto;margin-bottom:7%;}

#s1_anim_block{position:relative;}
#s1_bonbons{
  position:relative;top:0px;
  aspect-ratio:1400/747;
  margin:0 auto 0 auto;
  padding:0;
  width:100%;
  max-width:1400px;
  background-image:url(../images/bonbons_intro_logo.png);background-position: center;background-repeat:no-repeat;background-size:contain;
}
#s1_bonbons_bed{
  position:relative;
  aspect-ratio:1400/470;
  margin:0 auto 0 auto;
  padding:0;
  width:100%;
  max-width:1400px;
}

#im_bonbons_bed {
  position:absolute;
  aspect-ratio:1400/747;
  margin-top:5%;
  left:50%;
  width:100%;
  transform: translate(-50%, 0%);
  max-width:1400px;
  height:auto;
  z-index:2;
  background-image:url(../images/bonbons_intro_lozeczko.png);background-position: center;background-repeat:no-repeat;background-size:contain;

  }


#s2{position:relative;}
#d_solid_wood{
  margin:0px auto;max-width:1400px;
  background-image:url(../images/solid_wood.png);background-position: center;background-repeat:no-repeat;background-size:contain;
  aspect-ratio:1400/330;
  width:100%
}
#im_solid_wood{width:100%;}

#bon_bons_small{
  margin:20px auto 10px auto;height:126px;
  background-image:url(../images/bon_bons_small.png);background-position: center;background-repeat:no-repeat;background-size:contain;
}
#sturdy_txt{margin:0px auto;max-width:960px;}
#crafted_txt{margin:0px auto 80px auto;max-width:770px;}
#crafted2_txt{margin:0px auto 80px auto;max-width:700px;}
#nestle_txt{margin:0px auto 80px auto;max-width:780px;}
#antibacterial_txt{margin:0 auto 20px auto; max-width:94%;}
#bg_sleeping_baby{
  margin:-20px auto 0 auto;
  max-width:1920px;
  background-image:url(../images/sleeping_baby.png);
  background-position: center; 
  background-repeat:no-repeat;
  background-size:contain;
  aspect-ratio:1919/916;
  width:100%
}

#bg_tori_puru_composition{
  margin:0 auto;
  background-image:url(../images/tori-puru-composition.jpg);background-position: center;background-repeat:no-repeat;background-size:contain;
  aspect-ratio:1920/673;
  width:100%
}

#bedanim_d{margin-top:85px;}
#anim_block{position:relative;margin:20px auto 0 auto;}
#anim_block_m{display:none;}
#anim_bed {
  position:absolute;
  top:0px;
  left:50%;
  transform: translate(-50%, 0);
  width:auto;
  max-width:100%;
  height:auto;
  z-index:2;
  }
#anim_bed_front {
  position:absolute;
  top:0px;
  left:50%;
  transform: translate(-50%, 0);
  width:auto;
  max-width:100%;
  height:auto;
  z-index:5;
  }
#anim_bed_mat {
  position:absolute;
  top:160px;
  left:50%;
  transform: translate(-50%, 0);
  width:auto;
  max-width:100%;
  height:auto;
 /* opacity:0;*/
  z-index:3;
  }
 #anim_bed_mat_holder {
  position:absolute;
  top:160px;
  left:50%;
  transform: translate(-50%, 0);
  width:auto;
  max-width:100%;
  height:auto;
  z-index:7;
  } 
  
#anim_bed_bg {
  position:absolute;
  top:10px;
  left:0px;
  width:auto;
  max-width:100%;
  height:auto;
}
  
#s_baby_circle{
  position:relative;
  margin-bottom:0px;
  }
#d_baby_circle{
  position:relative;
  width:100%;
  max-width:936px;
  margin:0 auto 0 auto;

}
#s_two_circles{display:block;}
#s_two_circles_m{display:none;}

#d_baby_matrace{position:absolute;left:50%;top:0;transform: translate(-50%, 620px);
  max-width:1146px;width:100%;margin:0px;}  


#im_baby_circle{display:block;width:100%;aspect-ratio:1;transform: scale(0.75);}

#im_baby_matrace{
  position:relative;left:45%;
  transform: translate(-50%, 0%);
  max-width:1007px;width:100%;height:auto;
  margin:0px;
 }


#s_two_circles{
  width:100%;
  max-width:1112px;
  aspect-ratio:1112/500;
  margin:auto;
  background-color:transparent;
  position:relative;
  }
#d_kolka_materace{
  position:relative;
  margin:auto;
  height:auto;
  background-color:transparent;
  align-items: center;
  justify-content: center;
  display:flex;
  max-width:1112px;
  margin:0px;padding:0px;
}
.materac_kolko_img{position:relative;aspect-ratio:1/1;top:0%;left:0%;width:100%;height:auto;max-width:410px;max-height:410px;}
#materac_kolko1{position:absolute;display:block;top:0%;left:0%;width:40%;margin:0px;padding:0px;}
#materac_kolko2{position:absolute;display:block;top:0%;right:0%;width:40%;margin:0px;padding:0px;}
#im_kolko_materace1_txt{position:absolute;display:block;transform-origin: 50% 50%;transform: translate(2%, 2%) rotate(-90deg);}
#im_kolko_materace2_txt{position:absolute;display:block;transform-origin: 50% 50%;transform: translate(3%, 2%) rotate(90deg);}
.gradientLine{width:100%;max-width:1200px;margin:0 auto 1% auto;}

#im_2sides{margin-top:5%;width:18%;height:auto;display:block;}

#flowersContainer{padding:0px !important;}

#two_colors_block{position:relative;overflow-x:hidden}
#two_colors_block_m{display:none;}
#flowers{position:absolute;left:0px;right:0px;top:-50px}
#flower_left{position:absolute;left:-600px;width:40%;}
#flower_right{position:absolute;right:-600px;width:45%;}
#slogans{max-width:1190px;margin:auto;}
.two_beds{opacity:0}
#im_lozeczka_slogan{max-width:868px;margin:auto;}
#im_lozeczka{max-width:1190px;margin:auto;}
#beds{max-width:1190px;margin:auto;}
.btn{padding:10px 60px;display:inline-block;border-radius: 37px;text-decoration:none;text-transform:uppercase;color;height:74px;}
#buttons{margin:auto;max-width:1100px;}
#btn_white{background-color:#d6c1a0;}
#btn_green{background-color:#4e6751;}
#d_sweet_dreams_bg{}
#im_sweet_dreams_bg{position:absolute;width:100%;max-width:1400px;margin:auto;left:50%;transform: translate(-50%, 0%);opacity:0.1;}
#d_sweet_dreams{position:relative;width:100%;max-width:1400px;margin:auto;}
#im_sweet_dreams{position:relative;margin-top:30%;}
#im_sweet_dreams_baby{width:100%;max-width:1400px;height:auto;margin:auto;margin-top:30%;}
#im_sweet_dreams_slogan{width:100%;max-width:701px;height:auto;margin:auto;}

  
 .slidup2{position:relative;top:50px; }
 #crosses{
   position:absolute;
     left:50%;
     top:10%;
  width:100%;
  transform: translate(-50%, 0%);
  max-width:1400px;
   background-color:red;
 }
 .cross{
   position:absolute;
   width:100%;
  background-image:url(../images/blink_cross.png);
   background-position: center; 
   background-repeat:no-repeat;
   width:20px;
   height:20px
 }
#cross1{left:25%;top:20px;opacity:0.1;}
#cross2{left:33%;top:70px;opacity:0.2;}
#cross3{left:45%;top:20px;opacity:0.12;}
#cross4{left:55%;top:35px;opacity:0.15;}
#cross5{left:55%;top:140px;opacity:0.05;}
#cross6{left:70%;top:110px;opacity:0.11;}
#cross7{left:85%;top:110px;opacity:0.2;}

.videoContainer {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

#btn_visit{
  margin:0 auto;
  background-image:url(../images/visit_shop_bg.png);background-position: center;background-repeat:no-repeat;background-size:contain;
  width:298px;
  padding:24px 0px 20px 0px;
  display:inline-block;
  border-radius: 37px;
  text-decoration:none;
  text-transform:uppercase;
  color:#fff;
}
#btn_visit:hover{color:#3e2d24;}

@media (min-width: 241px) and (max-width: 767px) {
  body{font-size:1vw;}
  .ft-22{font-size:3.0vw;line-height:initial;}
  .ft-32{font-size:3.6vw;line-height:initial;}
  .ft-37{font-size:4.2vw;line-height:initial;}
  .ft-47{font-size:6.6vw;line-height:initial;}
  .ft-70{font-size:8.7vw;line-height:7.0vw;}
  .navbar {text-align: center;}
  #menu-tab1 {text-align:center;width:100%;}
  #menu-tab2 {text-align:center;width:100%;}
  #menu-tab3 {text-align:center;width:100%;}
  #menu-tab4 {text-align:center;width:100%;}
  .slidup2{position:relative;top:0px; }
  .sectionHeader{margin-left:auto;margin-right:auto;max-width:60%;text-align:center;padding:0px;}
  #im_bonbons_bed {top:-70%;}
  #s_baby_circle{ margin-bottom:0%;}
  #d_baby_circle{margin:0 auto 15% auto;}
  #d_baby_matrace{left:58%;top:52%;transform: translate(-50%, 0);}  
  .cross{opacity:0 !important;}
  #im_kolko_materace1_txt{transform: translate(0%, 0%) rotate(0deg);}
  #im_kolko_materace2_txt{transform: translate(0%, 0%) rotate(0deg);}

  .btn{padding:5px 30px;display:inline-block;border-radius: 30px;text-decoration:none;text-transform:uppercase;height:60px;}
  #im_sweet_dreams_bg{opacity:1;}
  #d_solid_wood{
    background-image:url(../images/solid_wood_m.png);
    aspect-ratio:800/240;
  }
  #sturdy_txt{max-width:72%;}
  #crafted_txt{margin:0 auto 40px auto; max-width:80%;}
  #crafted2_txt{margin:0 auto 20px auto; max-width:70%;}
  #nestle_txt{margin:0 auto 20px auto; max-width:80%;}
  #antibacterial_txt{margin:0 auto 20px auto; max-width:70%;}
  #bg_sleeping_baby{
    margin:-20px auto 0 auto;
    background-image:url(../images/sleeping_baby_m.png);
    aspect-ratio:800/580;
  }
  #bg_tori_puru_composition{
    background-image:url(../images/tori-puru-composition_m.jpg);
    aspect-ratio:749/442;
  }
  #bedanim_d{margin-top:35px;}
  #anim_block{display:none;}
  #anim_block_m{
    display:block;
    margin:0 auto;
    background-image:url(../images/anim_bed_m.png);background-position: center;background-repeat:no-repeat;background-size:contain;
    aspect-ratio:749/547;
    width:100% 
  }
  #s_two_circles{display:none;}
  #s_baby_circle{display:none;}
  #s_two_circles_m{display:block;}
  #s_two_circles_m{display:block;}
  
  #im_baby_circle_m{
    margin:40px auto;
    background-image:url(../images/baby_circle_m.png);background-position: center;background-repeat:no-repeat;background-size:contain;
    width:100%;    
    aspect-ratio:748/580;
  }
  #materac_2sides_m{
    margin:0 auto;
    background-image:url(../images/2sides.png);background-position: center;background-repeat:no-repeat;background-size:contain;
    width:25%;    
    aspect-ratio:192/295;
  }
  #materac_two_circles_m{
    margin:0 auto 30px auto;
    background-image:url(../images/kolka_m.png);background-position: center;background-repeat:no-repeat;background-size:contain;;
    aspect-ratio:749/287;
    width:100% 
  }
  
  #two_colors_block{display:none;}
  #two_colors_block_m{display:block;}
  #white_bed{    
    margin:0 auto;
    background-image:url(../images/color_warm_white_m.png);background-position: center;background-repeat:no-repeat;background-size:contain;
    width:100%;    
    aspect-ratio:750/688;
  }
  #green_bed{    
    margin:-30px auto 0px auto;
    background-image:url(../images/color_bottle_green_m.png);background-position: center;background-repeat:no-repeat;background-size:contain;
    width:100%;    
    aspect-ratio:750/793;
  }
  .btn{margin:0px auto; padding:20px 30px;height:60px;display:block;width:40%;}
  #btn_white_m{background-color:#d6c1a0;}
  #btn_green_m{background-color:#4e6751;}
  #btn_visit{height:65px;padding:24px 0px 20px 0px;}

}