/*main Font Settings*/
body *{
  font-family:var(--font)
}
.icon-scroll,
.icon-scroll:before {
    position: absolute;
    left: 50%;

}

.icon-scroll {
    cursor: pointer;
    width: 40px;
    height: 70px;
    margin-left: -20px;
    top: calc(100% - 100px);
    margin-top: -35px;
    box-shadow: inset 0 0 0 1px #fff;
    border-radius: 25px;
  z-index: 999;

}

.icon-scroll:before {
    content: '';
    width: 8px;
    height: 8px;
    background: #fff;
    margin-left: -4px;
    top: 8px;
    border-radius: 4px;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: scroll;
}

@keyframes scroll {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translateY(46px)
    }

}
/* color do zmiany w boxach na background box 2  i 4 color na #424242*/

.section1_row{
  min-height: calc(100vh - 70px);
  overflow-x:hidden;
}
.section1_right{
  position:relative;
  top:0;
  left:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items: center;
  /*background-image:url("/rezerwacje/img/images_for_template/bg_prev.jpeg");*/
  background-size: 250%;
  background-repeat: no-repeat;
  background-position: 30% 0%;
  
}
.section1_right_tittle{
  margin-top: 20vh;
  color:var(--colorTextDark);
  margin-bottom:50px;
  text-align:center;
  font-size:2rem;
}
.section1_right p{
  margin-top: 60px;
   margin-bottom:50px;
  text-align:center;
}
.box_1-cover{
  opacity:.35;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:linear-gradient(135deg, rgba(255,255,255,1) 0%, rgb(255, 252, 252) 15%, rgba(212,212,212,1) 40%, rgb(0, 0, 0) 100%)
}
.section1_left{
 display:flex;
  flex-direction:column;
      justify-content: center;
}
.carousel_wrap{
  width:90%;
  margin: 0% auto;
  margin-bottom:20px;
}

.carousel_item_img{
  /*width:300px;*/
  height:375px!important;
   position:relative;
    top:0;
   left:50%;
    transform:translateX(-50%);  
}
.carousel-item:nth-last-child(1) .carousel_item_img{
   /* height:300px!important;*/
}
.carousel_item_text{
  text-align:center;
  display:none;
  
}
.intro_texts_wrap{
    width: 60%;
    margin: 0 auto;
}
.check_icon{
  display: inline-block;
  background-image:url(/rezerwacje/img/images_for_template/check.png);
  width:20px;
  height:20px;
  background-size:100%;
}
.intro_text{
  animation-name: slideUP;
  animation-duration: .5s;
  animation-iteration-count:1;
  animation-delay:1s;
  opacity:0;
  animation-fill-mode:both;
}
.intro_text i{
  margin-right:5px;
}
.intro_text:nth-child(1){
    animation-delay:1s;
}
.intro_text:nth-child(2){
    animation-delay:2s;
}
.intro_text:nth-child(3){
    animation-delay:4s;
}
.intro_text:nth-child(4){
    animation-delay:6s;
}
.intro_text:nth-child(5){
    animation-delay:8s;
}




@media (max-width:700px) {
    .form_content_wrap {
        width: 90%;
    }
  #scroll1{
    top: calc(100vh - 110px - 56px);
  }
	.section1_right_tittle{ 
	font-size:1.5rem;
	}
}

@keyframes slideUP {
  0%{
    transform:translateY(100%);
    opacity:0;
  }
   100%{
    transform:translateY(0%);
    opacity:1;
  }
  
}
  /*Mobile styles*/

@media (max-width:1024px) and (max-height:768px) and (orientation : landscape){
  .icon-scroll {
    width: 40px;
    height: 70px;
    margin-left: -20px;
    top: 620px;
}
}
@media (max-width:1024px) and (orientation : landscape){



}
@media (max-height:1050px) and (min-width:760px) and (orientation: portrait){
    .icon-scroll {
    width: 40px;
    height: 70px;
    margin-left: -20px;
    top: calc(100vh + 20px);
}
  .section1_right button.btn_absolute{
    margin-bottom:100px
  }
}



@media (max-width:1199px){
  .section1_right p{
  margin-top: 20px;
   margin-bottom:30px:
}
    .section1_right button{
      margin-bottom:30px;
  }
  
}
@media (max-width:500px){
  .intro_text{
    animation-name:unset;
    opacity:1;
  }
  .carousel_item_img {
   
    height: 230px!important;

}
  section#box_1 .carousel_wrap{
    height:200px;
    margin-top:60px;
  }
  .section1_right_tittle{
    margin-top:50px!important;
  }
  #box_1 .carousel-item:nth-child(1) img{
    /*height:170px!important;*/
    
  }
}