body{font-family: 'Manrope';font-size:18px;background:#F0EFEB;color:#000;}
body, body * {margin:0px;padding:0px;position:relative;}
body.overflow{overflow:hidden;}

p{margin:0px;}
a{text-decoration: none;}
img{max-width:100%;}
ul{margin:0px;padding:0px;}
li{list-style: none;}
button{font-family: 'Manrope';}
input,textarea{background:#fff;resize:none;border-radius:13px;width:100%;padding:19px;box-sizing: border-box;border:0px;outline: none;border:1px solid #fff;font-size:20px;font-family: 'Manrope';font-weight:500;color:#141109;}

.simplebar-vertical{background:#E7E7E7;border-radius:100px;}

.container{padding:0px 14vw;display:flex;position:relative;width:100%;flex-direction: column;box-sizing:border-box;}

.input-container{position:relative;}

.pd-tp{padding-top:70px;}
.pd-bt{padding-bottom:70px;}

.pd-tp--bg{padding-top:430px;}
.pd-bt--bg{padding-bottom:130px;}

.mobile-burger{display:none;}

.btn{color:#141109;font-size:28px;font-weight: 600;line-height: 26px;display:flex;outline: none;border:0px;cursor: pointer;font-weight: 800;border:2px solid;}
.btn-top{border:2px solid #141109;border-radius:100px;padding:10px 38px 11px;box-sizing: border-box;}
.btn.pink{background:#FFBCC7;border-color:#FFBCC7;}
.btn.orange{background:#FDCCA4;border-color:#FDCCA4;}
.btn.blue{background:#ADDFF3;border-color:#ADDFF3;}
.btn.blue-transparent{background:transparent;border-color:#ADDFF3;color:#ADDFF3;}

header{position:absolute;top:84px;width:100%;left:0px;z-index:100;}
header .container{flex-direction: row;gap:45px;justify-content: space-between;align-items: center;padding:0px 5vw;margin:auto;}
header .container .menu{display:flex;gap:45px;margin-left:auto;}
header .container .menu a{color:#141109;font-size:28px;font-weight: 600;line-height: 26px;}
header .mobile-menu{display:flex;gap:45px;align-items: center;width: 100%;justify-content: space-between;transition:all 0.3s ease;max-width:1140px;}
header .mobile-menu.opened{right:0px;}
header .mobile-logo{display:none;}

#hero{width:100%;background:url(../images/hero-bg.jpg) no-repeat center center;aspect-ratio: 2.13 / 1;background-size:cover;}
#hero .hero-block{display: flex;flex-direction: column;padding-top: 16%;align-items: flex-start;}
#hero .hero-block .desc{max-width:553px;font-size:24px;margin-top:46px;line-height: 28px;}
#hero .hero-block .btn{font-size:32px;font-weight: 900;color:#fff;border-radius:150px;width:100%;max-width:553px;display:flex;align-items: center;justify-content: center;position:relative;padding:25px 0px;box-sizing: border-box;}
#hero .hero-block .btn-cont span{position: absolute;width: 100%;height: calc(100% + 36px);bottom: 0px;left: 0px;background: #fff;font-size: 18px;color: #000;border-radius: 38px;text-align: center;padding-top: 6px;box-sizing: border-box;font-weight: 500;}
#hero .hero-block .btn-cont{display:flex;position:relative;width:100%;max-width:553px;margin-top:80px;}
#hero .hero-block .btn-cont:hover{animation-name: btn-action;animation-duration: 0.5s;animation-delay: 0s;animation-timing-function: ease;animation-fill-mode: forwards}

#ways{display:flex;box-sizing: border-box;overflow: hidden;flex-direction: column;}
#ways .head-two{display:flex;align-items: flex-end;gap:35px;}
#ways .head-two .head{font-size:75px;line-height: 55px;font-family: 'Advaken Sans';width:100%;max-width:429px;min-width:429px;}
#ways .head-two .desc{width:100%;display:flex;flex-direction: column;gap:6px;}
#ways .head-two .desc .desc-hep{font-size:24px;}
.slider-section .ways-block{display:flex;width:100%;margin-top:40px;padding:0px 14vw;box-sizing: border-box;}
.slider-section .ways-block .swiper-wrapper{align-items: stretch;}
.slider-section .ways-block .ways-elm{width:304px;display: flex;flex-direction: column;height:auto;}
.slider-section .ways-block .ways-elm .img{display:block;max-width:100%;border-radius:75px;width:100%;aspect-ratio: 3 / 3.6;background-repeat: no-repeat;background-position: center;background-size: cover;}
.slider-section .ways-block .ways-elm .name{margin-top:20px;font-size:30px;font-family: 'Advaken Sans';line-height: 23px;}
.slider-section .ways-block .ways-elm .date{display:flex;gap:8px;align-items: center;font-size:18px;color:#000;font-weight: bold;border:2px solid #000;border-radius:100px;align-self: flex-start;box-sizing: border-box;padding:6px 16px;margin-top:18px;}
.slider-section .ways-block .ways-elm .date svg{margin-right:2px;}
.slider-section .ways-block .ways-elm .desc{margin-top:14px;font-size:18px;line-height: 22px;margin-bottom:20px;}
.slider-section .ways-block .ways-elm .btn{margin-top:auto;width:100%;border-radius:100px;color:#fff;font-size:20px;display: flex;align-items: center;justify-content: center;padding: 14px 0px;box-sizing: border-box;}
.slider-section .ways-block .ways-elm .address{display:flex;align-items: center;gap:10px;font-size:18px;font-weight: bold;margin-top:10px;}
.slider-section .ways-block .ways-elm .address svg{position:relative;top:3px;}
.slider-section .ways-block .ways-elm .address.blue svg path{fill:#ADDFF3;}
.slider-section .ways-block .ways-elm .address.orange svg path{fill:#FDCCA4;}

.section-black-block{background-color: #545454;}
.section-black-block .head-two{display:flex;align-items: flex-end;gap:35px;}
.section-black-block .head-two .head{font-size:75px;line-height: 49px;font-family: 'Advaken Sans';width:100%;max-width:429px;min-width:429px;color:#fff;}
.section-black-block .head-two .head img{display:block;margin-bottom:40px;}
.section-black-block .head-two .desc{width:100%;display:flex;flex-direction: column;gap:6px;color:#fff;}
.section-black-block .head-two .desc .desc-hep{font-size:24px;line-height: 28px;}

.country-list .swiper-wrapper{display:flex;justify-content: space-between;flex-wrap:wrap;gap:70px;}
.country-list .country-elm{width:33%;max-width:354px;display:flex;flex-direction: column;height:auto;}
.country-list .country-elm .name{margin-top:32px;font-size:32px;font-family: 'Advaken Sans';line-height: 28px;}
.country-list .country-elm .img{display:block;max-width:100%;border-radius:75px;width:100%;aspect-ratio: 3 / 3.6;background-repeat: no-repeat;background-position: center;background-size: cover;}
.country-list .country-elm .desc{margin-top:14px;font-size:18px;line-height: 22px;}
.country-list .country-elm .chef{margin-top:14px;font-size:18px;line-height: 22px;margin-bottom:40px;font-weight: bold;text-align:right;}
.country-list .country-elm .btn{margin-top:auto;width:100%;border-radius:100px;color:#fff;font-size:24px;display: flex;align-items: center;justify-content: center;padding: 16px 0px;box-sizing: border-box;}

#conquest{background:#fff;overflow:hidden;}
.trip-block{display:flex;gap:40px;align-items: flex-start;}
.trip-block .right-part{max-width:537px;display:flex;}
.trip-block .left-part .name{font-size:75px;font-family: 'Advaken Sans';line-height: 49px;}
.trip-block .left-part .text{font-size:24px;display:flex;flex-direction: column;gap:16px;margin-top:40px;}
.trip-block .left-part .text .price{display:inline-flex;background:#FFBCC7;transform:rotate(-3deg);font-weight: bold;border-radius:100px;box-sizing: border-box;padding: 4px 15px;position:relative;top:-3px;line-height: 28px;}
.trip-block .left-part .passp{margin-top:20px;font-size:18px;color:#8C8C8C;font-weight: 500;margin-bottom:24px;}
.trip-block .left-part .btn.blue{color:#fff;width:100%;max-width:553px;padding:24px 0px;justify-content: center;align-items: center;border-radius:100px;}
.trip-block .left-part .btn.blue-transparent{width:100%;max-width:553px;padding:24px 0px;justify-content: center;align-items: center;border-radius:100px;margin-top:16px;}
.trip-block .left-part .mobile-image{display:none;}

#form{width:100%;}
#form .form-container{max-width:1050px;margin:auto;width:100%;position:relative;}
#form .form-container:before{content:"";position:absolute;width:638px;height:818px;background: radial-gradient(farthest-side, #FFD5B3 0%, transparent  100%);left:-368px;top:56px;}
#form .form-container:after{content: "";position: absolute;width: 1297px;height: 894px;background: radial-gradient(farthest-side, #FFBCC7 0%, transparent 100%);left: 142px;top: 490px;}
#form .form-block{background:#fff;border-radius:50px;padding:30px 50px;box-sizing: border-box;width:100%;position:relative;z-index:10;}
#form .form-block .name{font-size:75px;font-family: 'Advaken Sans';line-height: 55px;}
#form .form-block .desc{margin-top:16px;font-size:24px;line-height: 28px;}
#form .form-block #tellme{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px;position:relative;z-index:10;}
#form .form-block #tellme .input-container{width:calc(50% - 5px);}
#form .form-block #tellme .input-container:not(:first-child){margin-top:10px;}
#form .form-block #tellme .input-container.full{width:100%;}
#form .form-block #tellme .input-container input,textarea{background:#F0EFEB;color:#000;font-size:18px;font-weight: 500;border:1px solid #F0EFEB;}
#form .form-block #tellme .input-container input{border-radius:100px;padding:20px 30px;box-sizing: border-box;}
#form .form-block #tellme .input-container textarea{border-radius:48px;min-height:180px;padding:30px 30px;box-sizing: border-box;}
#form .form-block #tellme .input-container p{margin-bottom:13px;font-size:18px;font-weight: 500;}
#form .form-block #tellme .afisha{font-size:18px;color:#000;}
#form .form-block #tellme button{width:100%;max-width:418px;padding:24px 0px;box-sizing: border-box;align-items: center;justify-content: center;color:#fff;border-radius:100px;}
#form .form-block #tellme .success{font-size:24px;font-weight: bold;margin:40px 0px;text-align: center;width:100%;}

footer .container{flex-direction: row;gap:45px;justify-content: space-between;align-items: center;padding:0px 11vw;margin:auto;align-items: center;}
footer .container .social-part{display:flex;gap:90px;align-items: center;}
footer .container .logo-part{display:flex;gap:48px;flex-direction: column;}
footer .container .logo-part .links{display:flex;gap:50px;}
footer .container .logo-part .links a{font-size:18px;color:#8C8C8C;text-decoration: underline;}

.overflow-container{overflow:hidden;width:100%;}

.popup-container {position: fixed;width: 100%;top: 0px;height: 100%;transition: all 0.3s ease;opacity: 0;z-index: -100;overflow: auto;}
.popup-container .bg {position: fixed;top: 0px;left: 0px;background: rgba(217,217,217, 0.5);width: 100%;height: 100%;}
.popup-container .bg_sub {opacity:0;z-index:-1;position: fixed;top: 0px;left: 0px;background: rgba(217,217,217, 0.5);width: 100%;height: 100%;}
.popup-container.opened {z-index: 1000;opacity: 1;}
.popup-container.opened .bg_sub.opened{z-index:15;opacity:1;}
.popup-elm {background:#fff;border-radius:50px;transition: height 0.5s ease, bottom 0.5s ease, top 0.5s ease, opacity 0.5s ease, z-index 0.5s ease;overflow: hidden;display: flex;flex-direction: column;z-index: -10;opacity: 0;position: absolute;max-width: 1222px;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;box-sizing: border-box;}
.popup-elm.opened {z-index: 10;opacity: 1;}
.popup-elm.sub-popup{top:-100%;}
.popup-elm.sub-popup.opened {z-index: 20;opacity: 1;top:50%;}
.popup-elm.top{top:0px;transform:translate(-50%, 0%);}
.popup-elm .close-popup{position:absolute;right:98px;top:98px;cursor:pointer;z-index:5;}
.popup-elm .two-col{display:flex;gap:40px;justify-content: space-between;padding:150px 50px 50px;box-sizing: border-box;}
.popup-elm .two-col .left-part{width:100%;display:flex;flex-direction: column;gap:16px;max-width:40%;align-items: self-start;}
.popup-elm .two-col .left-part .date{display:flex;gap:10px;font-size:18px;font-weight: bold;border:2px solid #000;border-radius:50px;padding: 6px 16px;box-sizing: border-box;align-items: center;}
.popup-elm .two-col .left-part .name{font-size:64px;font-family: 'Advaken Sans';line-height: 49px;}
.popup-elm .two-col .left-part .desc{height:100%;max-height:370px;padding-right:20px;width:100%;}
.popup-elm .two-col .left-part .desc p{font-size:18px;line-height: 24px;}
.popup-elm .two-col .left-part .desc p b{}
.popup-elm .two-col .left-part .desc p:not(:first-child){margin-top:16px;}
.popup-elm .two-col .left-part .desc p.medium{font-weight:500;}
.popup-elm .two-col .left-part .desc p.point{display:flex;align-items: center;gap:11px;font-size:24px;font-weight:bold;margin-top:24px;}
.popup-elm .two-col .left-part .desc p.point.orange svg *{fill:#FDCCA4;}
.popup-elm .two-col .left-part .desc p.point.blue svg *{fill:#ADDFF3;}
.popup-elm .two-col .left-part .desc a, .popup-elm .two-col .left-part .desc button{display: flex;justify-self: flex-start;margin-top:20px;border-radius:100px;color:#fff;font-size:18px;padding: 5px 41px;line-height: 30px;}
.popup-elm .two-col .left-part .desc p a.link{font-size:18px;font-weight:bold;padding:0px;color:#000;line-height:normal;text-decoration:underline;display:inline;}
.popup-elm .two-col .right-part{width:100%;max-width:530px;}
.popup-elm .two-col .right-part iframe{width:100%;border-radius:50px;min-height:484px;}

.popup-elm.sub-popup{max-width: 350px;border-radius: 50px;}
.popup-elm.sub-popup .close-popup{right: 7%;top: 20px;}
.popup-elm.sub-popup .two-col{padding:50px 30px 30px;}
.popup-elm.sub-popup .two-col .left-part{width:100%;max-width:100%;font-weight:bold;}
.popup-elm.sub-popup .two-col .left-part .desc{padding-right:0px;}
.popup-elm.sub-popup .two-col .left-part .desc a.btn{margin-left:auto;margin-right:auto;}

label.error{color:red;position:absolute;left:0px;top:100%;font-size:14px;}
#form .form-block #tellme .input-container input.error{border-color:red;}
#form .form-block #tellme .input-container textarea.error{border-color:red;}

#afisha{background:url(../images/bg1.jpg) no-repeat center center #545454;background-size: cover;}
#letnik{background:url(../images/bg2.jpg) no-repeat center center #545454;background-size: cover;}
#leto{background:url(../images/bg3.jpg) no-repeat center center #545454;background-size: cover;}

@keyframes btn-action {
  0% {
    transform:rotate(0deg);
  }
  33% {
    transform:rotate(2deg);
  }
  66% {
    transform:rotate(-2deg);
  }
  100% {
    transform:rotate(0deg);
  }
}


@media (max-width: 1670px) {

  body{font-size:16px;}

  .btn{font-size:20px;line-height: 18px;}
  .container{padding:0px 10vw;}
  .slider-section .ways-block{padding:0px 10vw;}

  header{top:40px;}
  header .container{flex-wrap:wrap;gap:20px;}
  header .container .logo{width:100%;}
  header .container .menu{margin-left:0px;gap:30px;}
  header .container .menu a{font-size:20px;line-height: 18px;}

  #hero .hero-block{padding-top:15%;padding-bottom:10%;}
  #hero .hero-block img{max-width:350px;}
  #hero .hero-block .desc{max-width:350px;font-size: 18px;margin-top: 20px;line-height: 23px;}
  #hero .hero-block .desc br{display:none;}
  #hero .hero-block .btn-cont{margin-top:60px;max-width:350px;}
  #hero .hero-block .btn{font-size:20px;padding:15px 0px;}
  #hero .hero-block .btn-cont span{font-size:14px;height: calc(100% + 30px);}

  #ways .head-two .head{font-size:50px;line-height: 33px;max-width:35%;min-width:35%;}
  #ways .head-two .desc .desc-hep{font-size:20px;}

  .slider-section .ways-block .ways-elm .desc{font-size:16px;line-height: 20px;}
  .slider-section .ways-block .ways-elm .btn{font-size:20px;}

}

@media (max-width: 1300px) {

  .pd-tp{padding-top:50px;}
  .pd-bt{padding-bottom:50px;}

  .country-list .swiper-wrapper{flex-wrap:nowrap;gap: 0px;justify-content: normal;}
  .country-list .country-elm{height:auto;}
  #country{width:100%;overflow: hidden;}
  #country .container{padding:0px;}
  #country .country-list{padding:0px 10vw;}
  .country-list .country-elm{width:354px;max-width:354px;}

  .section-black-block .head-two .head{font-size:50px;line-height: 33px;max-width:100%;}
  .popup-elm .two-col .left-part .name{font-size:50px;line-height: 33px;}
  .section-black-block .head-two .desc .desc-hep{font-size:20px;}
  .section-black-block .head-two{flex-direction: column;gap:20px;}
  .country-list .country-elm .btn{font-size:20px;}
  .trip-block .left-part .name{font-size:50px;line-height: 33px;}
  .trip-block .left-part .text{font-size:20px;}
  .trip-block .left-part .text .price{top:5px;}
  .trip-block .left-part .btn.blue{padding:15px 0px;}
  .trip-block .left-part .btn.blue-transparent{padding:15px 0px;}
  #form .form-block{padding:50px;}
  #form .form-block .name{font-size:50px;line-height: 33px;}
  #form .form-block .desc{font-size:20px;line-height: 24px;}
  #form .form-block #tellme .input-container:not(:first-child){margin-top:0px;}
  #form .form-block #tellme .input-container p{font-size:16px;}
  #form .form-block #tellme .input-container input{padding:15px 20px;}
  #form .form-block #tellme .input-container textarea{padding:20px;border-radius:25px;}

}

@media (max-width: 1080px) {

  .section-black-block .head-two .head,
  .trip-block .left-part .name,
  #form .form-block .name{font-size:40px;min-width:auto;}
  #hero .hero-block img{width:100%;}
  .popup-elm .two-col .left-part .name{font-size:40px;}
  
  header .mobile-logo{display:flex;margin-top:auto;margin-bottom:30px;max-width:150px;}

  header{padding:25px 0px;position:fixed;background:#F0EFEB;top:0px;}
  header .mobile-menu{position: fixed;background: #fff;height: 100%;max-width:400px;width: 77%;right: -100%;flex-direction: column;bottom: 0px;padding: 20px 20px 20px 50px;box-sizing: border-box;justify-content: center;align-items: flex-start;}
  header .container .logo{position: relative;display: flex;align-items: center;justify-content: center;}
  .mobile-burger{display:flex;background:transparent;outline:none;border:0px;border-radius:140px;position: absolute;left: 0px;max-width:70px;max-height:70px;}
  .mobile-burger svg{width:100%;height:100%;}

  #hero .hero-block{align-items: center;}
  #ways .head-two{flex-direction: column;}
  #ways .head-two .head{max-width:100%;min-width:100%;}

  .trip-block .right-part{display:none;}
  .trip-block .left-part .mobile-image{display:block;max-width:100%;}

  header .container .menu{flex-direction: column;margin-top:auto;}
  header .btn-top{width: calc(100% + 1% + 60px);left: -25px;padding-left: 25px;box-sizing: border-box;padding-right: 50px;border-radius: 100px 0px 0px 100px;}
.popup-elm .two-col{flex-direction: column;gap:20px;padding:50px 40px 40px;}
.popup-elm .close-popup{top:15px;right:25px;width:20px;}
.popup-elm .two-col .left-part{max-width:100%;}
.popup-elm .two-col .right-part{max-width:100%;order:-1;}
.popup-elm .two-col .left-part .desc p{font-size:16px;line-height: 20px;}
.popup-elm .two-col .right-part img{display:block;margin:auto;}
.popup-elm .two-col .right-part iframe{min-height:auto;aspect-ratio: 3 / 3;border-radius:20px;}

.pd-tp--bg{padding-top:230px;}
.pd-bt--bg{padding-bottom:70px;}
}

@media (max-width: 768px) {

  #hero{background:url(../images/hero-bg.jpg) no-repeat 69% center;}
  .mobile-burger{max-width:60px;max-height:60px;}
  #hero .hero-block{padding-top:150px;}

    .slider-section .ways-block .ways-elm{width:280px;}
    .country-list .country-elm{width:280px;}
    .slider-section .ways-block .ways-elm .name,
    .country-list .country-elm .name{font-size:28px;}
    .slider-section .ways-block .ways-elm .btn,.country-list .country-elm .btn{padding:10px 0px;font-size:16px;}
    .slider-section .ways-block .ways-elm .desc{margin-bottom:20px;}
    .slider-section .ways-block .ways-elm .date{font-size:16px;}
    .section-black-block .head-two .desc .desc-hep{font-size:16px;}
     .section-black-block .head-two .desc .desc-hep{line-height: 20px;}
    .slider-section .ways-block .ways-elm .address{font-size:16px;}
    .country-list .country-elm .desc{font-size:16px;}
    .trip-block .left-part .name{font-size:40px;}

  .trip-block .left-part .text{font-size:16px;margin-top:20px;}

  .btn{font-size:16px;padding:10px 0px;}
  .trip-block .left-part .passp{font-size:14px;}
  .trip-block .left-part .passp br{display:none;}
  .trip-block .left-part .text p.lastp{text-align:center;}
  .trip-block .left-part .text .price{position: static;margin: 20px 0px 30px;}

  #form .form-block{padding:0px;background:transparent;}
  #form .form-block .desc{font-size:16px;line-height: 20px;}
  #form .form-block #tellme{padding:20px 20px;box-sizing: border-box;background:#fff;border-radius:20px;gap:10px;}
  #form .form-block #tellme .input-container textarea{min-height:120px;}
  #form .form-block #tellme .input-container p{font-size: 14px;margin-bottom: 6px;}
  #form .form-block #tellme .input-container{width:100%;}
  #form .form-block #tellme .input-container input, textarea{font-size:14px;}
  #form .form-block #tellme button{font-size:16px;padding:10px 0px;}
  footer .container .logo-part .links a{font-size:16px;}

      footer .container{flex-direction: column;}
    footer .container .logo-part{width:100%;flex-direction: column;}
    footer .container .logo-part .links{flex-direction: column;gap:40px;text-align: center;}
    footer .container .social-part{gap:40px;order:-1;}
    footer .container .social-part a{width:50px;}
    footer .container .logo-part{align-items: center;}
    footer .container .logo-part a{max-width:300px;}
    header .container .logo a{max-width:60%;}
    .mobile-burger{position:static;max-width:50px;max-height:50px;}
    header .container .logo{gap:10px;justify-content: space-between;}
    header{padding:15px 0px;}
    #hero .hero-block .btn-cont span{font-size:12px;}
    .popup-elm .two-col{padding:50px 20px 20px;}
    .popup-elm{border-radius:20px;top:0px;transform:translate(-50%, 0%);top:-100%;}
    .popup-elm.opened{top:0px;}
	.popup-elm.sub-popup.opened{top: 35%;position: fixed;}

    #hero .hero-block .desc br{display:none;}
    
    #form .form-block .desc br{display:none;}
    #form .form-block #tellme .input-container p br{display:none;}
    .section-black-block .head-two .desc .desc-hep br{display:none;}
}


@media (max-width: 450px) {

    #hero{background:url(../images/hero-bg-mob.jpg) no-repeat center bottom;height:770px;background-size: cover;display:flex;}
    #hero .hero-block .desc{font-size:16px;line-height: 21px;}
    #hero .hero-block .btn-cont{margin-top: auto;margin-bottom: 100px;max-width: 350px;}
    #hero .hero-block{height:100%;}
    #hero .hero-block{padding-top:100px;}

   
}