@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700&display=swap&subset=latin-ext');

html,
body { width: 100%; height: 100%; }
body { font-family: 'Josefin Sans', sans-serif; font-size: 16px; color: #000; background-color: #dddacd; }

/*START: HEADER*/

header nav { height: 100px; display: flex; padding: 0 50px; justify-content: center; /*position: fixed;*/
         /*top: 0; left: 0;*/ width: 100%; z-index: 10; /*background-color: #fff;*/ transition: .3s; /*box-shadow: 0 0 10px 0 rgba(0,0,0,0.75);*/ }

/*header nav.scroll { height: 50px; transition: .3s; }*/

#block-markawitryny img { height: 77px; transition: .3s; }
.scroll #block-markawitryny img { height: 45px; transition: .3s; }

#nav-icon { width: 35px; height: 27px; position: relative; cursor: pointer; display: none; margin-top: 5px;
    -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }
#nav-icon span { display: block; position: absolute; height: 5px; width: 100%; background: #000; opacity: 1; left: 0;
    -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#nav-icon span:nth-child(1) { top: 0; }
#nav-icon span:nth-child(2),
#nav-icon span:nth-child(3) { top: 10px; }
#nav-icon span:nth-child(4) { top: 20px; }
#nav-icon.open span:nth-child(1) { top: 18px; width: 0; left: 50%; }
#nav-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#nav-icon.open span:nth-child(4) { top: 18px; width: 0; left: 50%; }

#block-menu { align-self: center; }
#block-menu ul { padding: 0; margin: 0; }
#block-menu li { display: inline-block; position: relative; margin: 0 30px; width: 88px; text-align: center; }
#block-menu li.home-link { width: 350px; }
#block-menu a { color: #284B38; transition: .3s; font-size: 16px; font-weight: 600; display: inline-block; border-bottom: 1px solid transparent; }
#block-menu a:hover,
#block-menu .active-trail a,
#block-menu a.is-active { border-color: #FF740E; }
#block-menu li.home-link a { border: none; }
#block-menu img { height: 67px; transition: .3s; padding: 0 100px; }
.scroll #block-menu img { height: 40px; width: auto; transition: .3s; }

#block-phone { position: absolute; right: 30px; top: 35px; transition: .3s; }
.scroll #block-phone { top: 10px; transition: .3s; }
#block-phone .phone { font-size: 18px; color: #0098BA; font-weight: 700; }

#block-logo { display: none; }

#block-next-weekend { background-color: #e1c5bf; text-align: center; }
#block-next-weekend a { display: inline-block; padding: 10px 0; color: #284B38; font-size: 14px; }

#block-socials { margin: 20px 0; display: flex; flex-direction: column; font-size: 14px; }
#block-socials a { margin: 0 50px 0 auto; width: 100px; text-align: center; }
#block-socials .icon { color: #FF740E; }
#block-socials .facebook:after { content: 'acebook'; }
#block-socials .instagram:after { content: 'nstagram'; }

@media (max-width: 1150px) {
    #block-menu a { padding: 0 20px; }
}

@media (max-width: 992px) {
    header nav { padding: 0 30px; justify-content: initial; }

    #block-logo { display: block; align-self: center; }
    #block-logo img { height: 67px; transition: .3s; }
    .scroll #block-logo img { height: 40px; width: auto; transition: .3s; }

    #block-menu { position: absolute; top: 34px; left: calc(50% - 16px); transition: .3s; }
    .scroll #block-menu { top: 8px; transition: .3s; }

    #nav-icon { display: block; }
    #block-menu ul { display: none; background-color: #fff; position: fixed; transition: top .3s; left: 0; top: 100px; width: 100vw; box-shadow: 0 6px 5px 0 rgba(0,0,0,.5); }
    #block-menu li { display: block; border-bottom: 1px solid #000; }
    #block-menu li:nth-child(3) { display: none; }
    #block-menu li:last-child { border: none; }
    #block-menu a { border: none; padding: 10px 30px; transition: .3s; }
    #block-menu a.is-active,
    #block-menu a:hover { color: #0098BA; transition: .3s; }

    .scroll #block-menu ul { top: 50px; transition: top .3s; }
    .scroll #block-menu li ul { transition: none; }
}

@media (max-width: 430px) {
    header { padding: 0 20px; }
    #block-phone { right: 20px; }
}

@media (max-width: 380px) {
    #block-menu { position: absolute; right: 20px; }
}

@media (max-width: 360px) {
    #block-phone { right: 20px; top: 13px; }
    #block-phone .phone { font-size: 14px; }
}

/*END:HEADER*/

/*START:FOOTER*/

#block-contact { display: flex; justify-content: space-between; background-color: #D5D3D1; padding: 50px 100px 100px; flex-wrap: wrap; }
#block-contact div { padding: 0 20px; }

@media (max-width: 1045px) {
    #block-contact div { flex: 0 0 50%; margin-bottom: 20px; }
}

@media (max-width: 900px) {
    #block-contact { padding: 50px 50px 100px; }
}

@media (max-width: 712px) {
    #block-contact { padding: 80px 50px 50px; }
    #block-contact div { flex: 0 0 100%; margin-bottom: 30px; text-align: center; }
}

@media (max-width: 400px) {
    #block-contact { padding: 80px 20px 50px; }
}

#block-footer { padding: 0 100px; margin: 100px 0 50px; }
#block-footer ul { display: flex; justify-content: space-between; align-items: center; padding: 0; margin: 0; }
#block-footer li { list-style: none; letter-spacing: 3px; }
#block-footer .lvl-0 { text-transform: uppercase; }
#block-footer .lvl-1 { text-transform: lowercase; }
#block-footer .lvl-1 .icon { background-color: #ff7304; padding: 10px 20px; display: inline-block; color: #dddacd; margin: 0 5px;
    border-radius: 100%; font-size: 20px; }
#block-footer .lvl-1 .icon.instagram { padding: 10px 21px; }

#block-footer-text { display: flex; justify-content: space-between; color: #FF740E; padding: 0 100px; margin-bottom: 50px; }

/*END:FOOTER*/

.section .half { width: 50%; overflow: hidden; }
.section .label { text-align: center; text-transform: uppercase; font-size: 36px; font-weight: 700; line-height: 44px; margin-bottom: 50px; font-family: 'Montserrat Subrayada', sans-serif; }
.section .background { padding: 100px 0; }

.title { font-size: 60px; font-weight: 700; color: #284B38; }

.container-small { width: 750px; margin: 0 auto; }
.container-medium { width: 850px; margin: 0 auto; }
.container-big { width: 1200px; margin: 0 auto; }

@media (max-width: 890px) {
    .container-medium { width: 100%; padding: 0 20px; }
}

@media (max-width: 790px) {
    .container-small { width: 100%; padding: 0 20px; }
}

/*START RANDOM STUFF */

.decor { width: 100px; height: auto; margin: 0 50px; }
.decor.reverse { transform: rotate(180deg); }

.gallery.masonry .masonry-sizer { width: 10%; }
.gallery.masonry .masonry-item { width: 10%; padding: 5px; }
.gallery.masonry .masonry-item.masonry-item-width2 { width: 20%; }
.gallery.masonry .masonry-item.masonry-item-width3 { width: 30%; }
.gallery.masonry .masonry-item a { display: block; }
.gallery.masonry .masonry-item img { width: 100%; height: auto; display: block; }

#block-nextpreviouslink { display: flex; justify-content: space-between; margin: 100px 0; font-size: 24px;
    color: #284B38; padding: 0 100px; }
#block-nextpreviouslink .back_button { text-transform: capitalize; }
#block-nextpreviouslink .prev,
#block-nextpreviouslink .next { position: relative; width: 200px; }
#block-nextpreviouslink .next:after { height: 1px; width: 50px; background-color: #c79991; content: '';
    display: block; position: absolute; top: 50%; transform: translateY(-50%); right: -60px; }
#block-nextpreviouslink .prev:before { height: 1px; width: 50px; background-color: #c79991; content: '';
    display: block; position: absolute; top: 50%; transform: translateY(-50%); left: -60px; }
#block-nextpreviouslink .empty-btn { width: 200px; }

/*END RANDOM STUFF*/

/*START FRONT */


.next-trip { margin-top: 100px; }
.next-trip .trip-label { font-size: 36px; margin-bottom: 50px; }
.next-trip .image { background: no-repeat center /cover; padding: 100px; width: calc(100% - 100px); margin: 0 auto; }
.next-trip .trip .question { font-size: 28px; font-weight: 700; color: #284B38; margin: 0; }
.next-trip .trip .answer { font-size: 31px; font-weight: 600; margin-bottom: 20px; }
.next-trip .trip.dark .title {color: #DEDBCD; }
.next-trip .trip.dark .question { color: #FA8481; }
.next-trip .trip.dark .answer { color: #DEDBCD; }
.next-trip .trip-partners { margin: 30px 0; display: flex; padding: 0 100px; }
.next-trip .trip-partners-label { font-size: 24px; display: inline-block; margin-right: 15px; font-weight: 300; }
.next-trip .partners-img { display: flex; flex-wrap: wrap; }
.next-trip .partners-img img { height: 120px; width: auto; margin: 5px; }
.next-trip .trip-more { text-align: center; margin: 100px 0; }
.next-trip .trip-more a { display: inline-block; color: #fff; font-size: 24px; padding: 20px 40px;
    background-color: #ff5718; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.6); }

.slick-slide img { max-width: 100%; margin: 0 auto; }
.carousel { position: relative; }
.carousel .slider-arrows { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); display: flex;
    justify-content: space-between; padding: 0 50px; color: #FF740E; }
.carousel .slider-arrows .arrow { border-bottom: 2px solid transparent; transition: .3s; cursor: pointer; }
.carousel .slider-arrows .arrow:hover { border-color: #FF740E; transition: .3s; }

.journal-slider { margin-bottom: 50px; position: relative; }
.journal-slider .slick-list { padding: 0 30%; }
.journal-slider .slick-slider { width: 80%; margin: 0 auto; }
.journal-slider .slick-track { margin: 50px 0; }
.journal-slider .slick-slide img { width: auto; height: 400px; transition: .3s transform; display: block; }
.journal-slider .slick-current img { width: auto; height: 400px; transform: scale(1.2); transition: .3s transform;  }
.journal-slider p { font-size: 36px; margin: 50px auto 30px; }
.journal-slider .link a { display: inline-block; text-transform: lowercase; background-color: rgba(255,0,0,.3);
    position: absolute; bottom: 100px; right: calc(50% - 400px); padding: 10px 60px; }

/*END FRONT */

/*START TRIP LIST*/

.trip-list { border-bottom: 2px solid #fff; padding: 30px 0; }
.trip-list .basic-info { padding: 100px 300px 20px; margin-bottom: 50px; background: no-repeat center /cover; }
.trip-list .question { font-size: 18px; font-weight: 700; color: #284B38; margin: 0; }
.trip-list .answer { font-size: 21px; font-weight: 600; margin-bottom: 20px; }
.trip-list .button { text-align: center; margin: 50px 0 20px; }
.trip-list .button a { font-size: 28px; border: 1px solid orange; color: orange; padding: 10px 50px; }
.trip-list .button:hover { cursor: pointer; transition: background .3s; }
.trip-list .text strong { font-size: 29px; color: #284B38; }
.trip-list .text { font-size: 24px; }
.trip-list.dark .title { color: #DEDBCD; }
.trip-list.dark .question { color: #FA8481; }
.trip-list.dark .answer { color: #DEDBCD; }

/*END TRIP LIST*/

/*START TRIP PAGE*/

section { margin-top: 80px; }

.head-text { color: #284B38; font-size: 24px; text-align: center; margin-bottom: 50px; }

.trip-page { border-bottom: 2px solid #fff; }
.trip-page .basic-info { padding: 0 300px; margin-bottom: 50px; }
.trip-page .question { font-size: 18px; font-weight: 700; color: #284B38; margin: 0; }
.trip-page .answer { font-size: 21px; font-weight: 600; margin-bottom: 20px; }
.trip-page .button { text-align: center; margin: 0 0 50px; }
.trip-page .button a { font-size: 28px; border: 1px solid orange; color: orange; padding: 10px 50px; }
.trip-page .button:hover { cursor: pointer; transition: background .3s; }
.trip-page .collapse { display: none; }
.trip-page .text strong { font-size: 29px; color: #284B38; }
.trip-page .text { font-size: 24px; }

.trip-page .section-title { font-size: 29px; color: #284B38; font-weight: 700; }
.trip-page .subsection { margin-bottom: 50px; }

.trip-page .details { display: flex; justify-content: space-between; margin: 30px 0 20px; }
.trip-page .details p { font-size: 29px; color: #284B38; font-weight: 700; margin-bottom: 0; }
.trip-page .details p span { color: #000; text-transform: uppercase; margin-left: 10px; }
.trip-page .details .left { align-self: center; }
.trip-page .details .contact-button { display: block; color: orange; border: 2px solid orange; width: 180px; text-align: center; padding: 76px 0; border-radius: 100%; text-transform: uppercase; font-weight: 700; }

.trip-page .accommodation a { text-decoration-line: underline; }

.trip-page .price ul { list-style: none; }
.trip-page .price ul li:before { content: "\2022"; color: orange; font-weight: 700; display: inline-block; width: 24px; margin-left: 24px; }

.trip-page .partners-img { display: flex; flex-wrap: wrap; }
.trip-page .partners-img img { height: 120px; width: auto; margin: 5px; }

#block-previous-trips { margin: 100px 0; }
#block-previous-trips .head-text { font-size: 36px; }
#block-previous-trips .slick-slide { margin: 0 30px; }
#block-previous-trips .slick-slide img { width: 100%; height: auto; }
#block-previous-trips .image { position: relative; }
#block-previous-trips .text-on-image { position: absolute; left: 50%; transform: translateX(-50%); bottom: 70px; }
#block-previous-trips .text-on-image a { background-color: #e3c6c0; display: inline-block; padding: 15px 60px 10px;
    text-transform: uppercase; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.6); }
#block-previous-trips .title { font-size: 36px; text-align: center; margin: 20px 0 0; }
#block-previous-trips .date { font-size: 18px; font-weight: 300; color: #284B38; text-align: center; text-transform: uppercase; }

/*END TRIP PAGE*/

/*START EVENT LIST*/

.event .filter-bar { text-transform: uppercase; font-weight: 600; font-size: 14px; text-align: center; margin-bottom: 100px; }
.event .filters { color: #284B38; background-color: #E2C6BF; display: inline-block; padding-top: 4px; }
.event .filters a { padding: 5px 40px; display: inline-block; }
.event .filter:after { content: '|'; }
.event .filter:last-child:after { content: ''; }

.event-list .section { display: flex; margin: 20px 0; }
.event-list .right { align-self: end; }
.event-list .piece { padding: 0 20px; }
.event-list .title { font-size: 36px; font-weight: 600; }
.event-list .detail { color: #284B38; margin: 0; }
.event-list .detail span { color: black; margin-left: 10px; font-weight: 600; }
.event-list .more { display: inline-block; color: orange; margin-top: 30px; }

/*END EVENT PAGE*/

/*START EVENT PAGE*/

.event-page h1 { font-size: 36px; font-weight: 600; color: #284B38; text-align: center; margin: 50px 0; }
.event-page .text { font-size: 18px; text-align: justify; margin-bottom: 50px; }
.event-page img { max-width: 100%; display: block; margin: 0 auto; height: auto; }
.event-page .details { text-align: center; margin-bottom: 50px; }
.event-page .detail { color: #284B38; margin: 0 20px; }
.event-page .detail span { color: black; font-weight: 600; margin-left: 10px; }
.event-page .button { text-align: center; margin-bottom: 50px; }
.event-page .button span { border: 1px solid orange; color: orange; padding: 10px 20px; font-weight: 700; }

/*END EVENT PAGE*/

/*START SIMPLE PAGE*/

.simple-page p { font-size: 18px; }
.simple-page .container-small { margin-bottom: 50px; }
.simple-page .girls { display: flex; flex-wrap: wrap; padding: 0 100px; }
.simple-page .girl { flex: 0 0 33.33%; text-align: center; padding: 0 50px; line-height: 1; position: relative; }
.simple-page .girl:nth-child(3n+2):before { content: ''; border: solid #FF740E; border-width: 0 0 0 1px; position: absolute; left: 0; top: 25px; height: 150px; }
.simple-page .girl:nth-child(3n+2):after { content: ''; border: solid #FF740E; border-width: 0 1px 0 0; position: absolute; right: 0; top: 25px; height: 150px; }
.simple-page .girl .name { font-size: 36px; font-weight: 700; color: #284B38; margin-top: 20px; }
.simple-page .girl .position { font-size: 24px; font-weight: 600; color: #FA8481; }

/*END SIMPLE PAGE*/

/*START GIRL PAGE*/

.girl-page h1 { font-size: 36px; font-weight: 700; color: #284B38; margin-top: 20px; text-align: center; }
.girl-page .position { font-size: 24px; font-weight: 600; color: #FA8481; text-align: center; }
.girl-page .girl-image { text-align: center; margin-bottom: 30px; }
.girl-page .girl-image img { width: 300px; height: auto; }

/*END SIMPLE PAGE*/

/*START ABOUT*/

.about { /*padding: 0 100px;*/ margin-bottom: 50px; }
.about .title { margin-bottom: 50px; }
.about .segment { display: flex; /*flex-wrap: wrap;*/ font-size: 20px; margin-bottom: 100px; }
.about .segment:nth-child(2) .piece.text { order: -1; }
.about .piece.text { flex: 0 0 60%; padding: 0 50px; }
.about .piece.image { flex: 0 0 40%; }

.about .gallery { width: 100%; }
/*.about .gallery a { margin: 5px; }*/

.about .logo { margin: 50px 0; }
.about .logo img { width: 300px; height: auto; display: block; margin: 0 auto; }

/*END ABOUT*/

/*START JOURNAL-LIST*/

.journals.journal-first { padding: 0 50px; margin-bottom: 100px; }
.journals img { max-width: 100%; height: auto; }
.journals .category { color: #FA8481; font-size: 10px; text-transform: uppercase; margin-top: 15px; font-weight: 600; }
.journals .title { font-size: 60px; font-weight: 600; margin: 20px 0 0; }
.journal-archive .title { font-size: 34px; }
.journals .short-text { color: #284B38; margin-bottom: 20px; font-weight: 600; }
.journal-archive .short-text p { font-size: 12px; font-weight: 600; }
.journals .button { border: 1px solid #FF740E; color: #FF740E; padding: 5px 40px; font-weight: 700; display: inline-block; }

.journal-archive { display: flex; flex-wrap: wrap; }
.journal { width: 50%; }
.journal:nth-child(odd) { padding: 0 30px 100px 0; border-right: 1px solid #FA8481; }
.journal:nth-child(even) { padding: 0 0 100px 30px; }

/*END JOURNAL-LIST*/

/*START JOURNAL-PAGE*/

.journal-page .date { color: #FA8481; font-size: 10px; text-transform: uppercase; text-align: center; margin-bottom: 40px; }
.journal-page .title { font-weight: 600; text-align: center; margin-bottom: 40px; }
.journal-page .category { color: #284B38; text-align: center; font-size: 10px; text-transform: uppercase; margin-bottom: 60px; font-weight: 600; }
.journal-page .img { text-align: center; margin-bottom: 100px; }
.journal-page .gallery img,
.journal-page .img img { max-width: 100%; height: auto; margin: 0 auto; display: inline-block; /*margin-bottom: 10px;*/ }
.journal-page .text { color: #284B38; font-weight: 600; padding: 0 50px; }

/*END JOURNAL-PAGE*/

/*START CONTACT*/

/*END CONTACT*/

#block-strzalka { position:fixed; bottom:5px; left:calc(50% - 28px); z-index: 100; }
#block-strzalka img {
    -webkit-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* -- keyframes -- */
.bounce {
    -webkit-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
@-moz-keyframes bounce {
    0%,
    100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}
@-webkit-keyframes bounce {
    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}
@keyframes bounce {
    0%,
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}