@media screen and (min-width:1920px) {
    header .wrap-charlie .logo {
        right: 300px;
    }
}

@media screen and (max-width:1650px) {
    header .wrap-charlie .logo {
        right: 270px;
    }

    .portfolio-page .wrap-content-portfolio .slider-wrap {
        max-width: 780px;
    }
}

@media screen and (max-width:1580px) {
    header .wrap-charlie .charlie {
        min-width: 640px;
        top: 100px;
    }

    header .wrap-charlie .logo {
        right: 260px;
    }

}

@media screen and (max-width:1350px) {
    header .wrap-charlie .charlie {
        left: -50px;
    }

    header .wrap-charlie .logo {
        right: 190px;
    }

    .section.about .wrap-about .left-part h2 {
        font-size: 42px;
        line-height: 48px;
    }

    #contact .contact-title img {
        max-width: 350px;
    }

    .portfolio-page .wrap-content-portfolio .slider-wrap .wrapper-arrow .slider-portfolio .swiper-slide {
        /*        align-items: center;*/
    }

    #instagram .instagram-title img {
        max-width: 420px;
    }

    .portfolio-page .wrap-content-portfolio .slider-wrap .wrapper-arrow .slider-portfolio .swiper-slide .img-wrap {
        max-width: 800px;
    }
}

@media screen and (max-width:1200px) {
    .portfolio-page .wrap-content-portfolio .slider-wrap {
        max-width: 580px;
    }

    header .wrap-charlie .logo video,
    header .wrap-charlie .logo img {
        max-width: 250px;
    }

    /*
    header .wrap-charlie .logo {
        margin-left: 0;
    }
*/
    header .wrap-charlie .logo {
        right: 0px;
    }

    header .wrap-charlie .half-part:first-of-type {
        max-width: 250px;
    }

    header .wrap-charlie .charlie {
        left: -100px;
    }

    #contact .contact-title img {
        max-width: 330px;
    }

    #instagram .instagram-title img {
        max-width: 370px;
    }

    .section.about .wrap-about .left-part h2 {
        line-height: 36px;
        font-size: 32px;
    }


    .portfolio-page .wrap-content-portfolio .slider-wrap {
        /*        padding-left: 0;*/
    }

    .portfolio-page .wrap-content-portfolio .description-wrap {
        max-width: 50%;
    }

    .portfolio-page .wrap-content-portfolio .slider-wrap .wrapper-arrow .slider-portfolio .swiper-slide .img-wrap {
        max-width: 50%;
    }
}

@media screen and (max-width:1070px) {}

@media screen and (max-width:991px) {
    .portfolio-page .wrap-content-portfolio .slider-wrap {
        /*        max-width: 100%;*/
        margin: 0 auto;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 28px;
    }

    header .wrap-charlie .charlie {
        left: -130px;
    }

    header .wrap-charlie .logo {
        /*        right: -30px;*/
    }

    .top .menu-wrap {
        /*        margin-right: 35px;*/
    }

    .top .menu .mobile-button {
        margin-right: 0;
        margin-left: auto;
    }

    .top {
        padding-top: 30px;
        width: 100%;
        /*        top: 50px;*/
        right: 0;
        top: 0;
        background: #fff;
    }

    .top .soc-menu {
        position: absolute;
        left: 35px;
        max-width:80px;
    }

    .top .soc-menu ul li:first-of-type {
        left: 0;
    }

    .top .menu .mobile-button.active {
        top: -13px;
        right: unset;
    }

    .top .menu-wrap .menu .mobile-button + ul {
        top: 0;
        padding: 90px 50px 50px;
        width: 200px;
        right: -60px;
    }

    .top .menu-wrap .menu .mobile-button + ul.active {
        transform: translateX(-30%);
    }

    /*
    .top .menu .mobile-button {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: auto;
        margin-right: 0;
        position: relative;
        background: none;
        border: 0;
        cursor: pointer;
        height: 45px;
        width: 35px;
        z-index: 1;
        padding: 0;
        top: -12px;
    }

    .top .menu .mobile-button.active {
                background: rgba(255, 255, 255, 0.4);
    }

    .top .menu .mobile-button .line {
        width: 35px;
        height: 3px;
        background: #000;
        display: inline-block;
        position: relative;

    }

    .top .menu .mobile-button .line:before {
        content: '';
        width: 35px;
        height: 3px;
        display: inline-block;
        position: absolute;
        top: -8px;
        left: 0;
        background: #000;
        transition: 0.3s;
    }

    .top .menu .mobile-button .line:after {
        content: '';
        width: 35px;
        height: 3px;
        display: inline-block;
        position: absolute;
        top: 8px;
        left: 0;
        background: #000;
        transition: 0.3s;
    }

    .top .menu .mobile-button .line.active {
        background: transparent;
    }

    .top .menu .mobile-button .line.active:after {
        transform: rotate(45deg);
        top: 0;
        transition: 0.3s;
        background: #fff;
    }

    .top .menu .mobile-button .line.active:before {
        transform: rotate(-45deg);
        top: 0;
        transition: 0.3s;
        background: #fff;
    }

    .top .menu-wrap .menu .mobile-button + ul {
        padding: 125px 50px 50px;
        background: #BB7E5F;
        position: absolute;
        top: -50px;
        right: 0;
        transform: translateX(100%);
        transition: .3s;

    }

    .top.invert .mobile-button .line,
    .top.invert .mobile-button .line:after,
    .top.invert .mobile-button .line:before {
        background: #fff;
    }

    .top .menu-wrap .menu .mobile-button + ul li a {
        color: #fff;
    }

    .top .menu-wrap .menu .mobile-button + ul li a:hover {
        text-decoration: underline;
    }

  
*/

    #portfolio {
        padding-top: 180px;
    }

    #portfolio .logo-portfolio {
        padding-bottom: 50px;
    }

    #portfolio .logo-portfolio .right-part .folio {
        right: -28px;
    }

    .portfolio-page .wrap-content-portfolio .slider-wrap .wrapper-arrow .slider-portfolio {
        max-height: unset
    }

    .portfolio-page .wrap-content-portfolio .slider-wrap .wrapper-arrow .slider-portfolio .swiper-slide .img-wrap {
        max-width: 100%;
    }

    .section.about .wrap-about .right-part p {
        font-size: 18px;
    }

    .section.about .wrap-about .right-part {
        padding-right: 0;
        padding-left: 3.5vw;
    }

    .section.about .wrap-about .left-part h2 {
        font-size: 28px;
        line-height: 30px;
    }

    .section.about {
        padding-top: 75px;
    }

    .section.about .logo-wood-wrap .wood-logo {
        bottom: 30px;
        margin-left: 35px;
    }




    #instagram .insta-slider .insta-slider-left,
    #instagram .insta-slider .insta-slider-right {
        width: 100%;
    }

    #instagram .insta-slider {
        flex-wrap: wrap;
    }

    #contact .contact-form-wrap .right-part form textarea,
    #contact .contact-form-wrap .right-part form input:not([type="submit"]) {
        padding-left: 14px;
        
    }
    /* #contact .contact-form-wrap .right-part form select,
    #contact .contact-form-wrap .right-part form textarea,
    #contact .contact-form-wrap .right-part form input{
        margin-right: 20px;
    } */
    #portfolio .logo-portfolio > img {
        max-width: 60px;
    }

    #portfolio .logo-portfolio .right-part img:nth-of-type(1) {
        max-width: 150px;
    }

    #portfolio .logo-portfolio .right-part img:nth-of-type(2) {
        max-width: 150px;
    }

    .portfolio-page .wrap-content-portfolio .slider-wrap .sign {
        width: 100% !important;
        max-width: 100% !important;
    }

    #contact .contact-title img {
        max-width: 230px;
    }

    #instagram .instagram-title img {
        max-width: 270px;
    }

    .portfolio-page .wrap-content-portfolio .slider-wrap .wrapper-arrow .swiper-button-next,
    .portfolio-page .wrap-content-portfolio .slider-wrap .wrapper-arrow .swiper-button-prev {
        /*        display: none;*/
    }

    .portfolio-page .wrap-content-portfolio {
        flex-direction: column
    }

    .portfolio-page .wrap-content-portfolio .description-wrap {
        padding-top: 0;
    }

    .portfolio-page .wrap-content-portfolio .slider-wrap .wrapper-arrow .slider-portfolio .swiper-slide {
        flex-direction: column;
        margin-bottom: 60px;
        /*        width: inherit !important;*/
    }

    .portfolio-page .wrap-content-portfolio .slider-wrap {
        padding-left: 0;
    }

    .portfolio-page .wrap-content-portfolio .slider-wrap .wrapper-arrow .slider-portfolio .swiper-slide .img-wrap {
        /*        max-height: 500px;*/
    }

    .portfolio-page .wrap-content-portfolio .description-wrap {
        margin-left: 0;
        margin-top: 50px;
        max-width: 100%;
    }

    .portfolio-page .wrap-content-portfolio .swiper-wrapper {
        /*        flex-direction: column;*/
    }
   
    /* #contact .contact-form-wrap .right-part form select, */
    #contact .contact-form-wrap .right-part form textarea,
    #contact .contact-form-wrap .right-part form input {
        margin-bottom: 20px;
    }

    .portfolio-page .wrap-content-portfolio .slider-wrap .wrapper-arrow .swiper-button-next {
        right: -60px;
    }

    .portfolio-page .wrap-content-portfolio .slider-wrap .wrapper-arrow .swiper-button-prev {
        left: -60px;
    }

    .portfolio-page .wrap-content-portfolio .slider-wrap .wrapper-arrow .swiper-button-prev:after {
        position: absolute;
        left: 10px;
    } 
    /* select:focus,
    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: url(../fonts/down-chevron.svg) no-repeat 270px center !important;
        background-size: 20px 20px !important;
    } */
    #about .about-title .about-title-img{
        max-width:155px
    }
}

@media screen and (max-width:820px) {
    header .wrap-charlie .logo {
        left: -30px;
        right: unset;
    }
}

@media screen and (max-width: 768px) {

    .button-more {
        display: block;
    }

    .section.about .wrap-about .half-part {
        width: 100%;
        padding: 0;
    }

    .section.about .wrap-about {
        flex-wrap: wrap;
    }

    .section.about .container {
        padding: 0 35px;
    }

    .section.about .wrap-about .right-part p:last-of-type {
        margin-bottom: 0;
    }

    .section.about .wrap-about .left-part h2 {
        margin-bottom: 70px;
        max-width: 100%;
        text-align: right;
        margin-right: 0;
        margin-left: auto;
    }

    .section.about .wrap-about .left-part h2 br {
        /*        display: none;*/
    }


    #about .about-title{
        margin-bottom: 20px;
        /* text-align: center; */
      }
      #about .about-title .about-title-img{
          display: none;
      }
      #about .about-title .about-title-img-mob{
          display: block;
          max-width: 155px;
      }
      /* #about .about-title img{
          margin-right: -50px;
      } */
      #about .about-wrap{
        flex-direction: column;
        align-items: center;
      }
      #about .about-wrap .about-wrap__left{
        padding-right: 0;
      }
      #about .about-wrap .about-wrap__right{
        padding-left: 0;
        background: #fff;
      }
      #about .about-wrap .about-wrap__left .about-wrap__left__name{
        text-align: right;
      }
      #about .about-wrap .about-wrap__left,
      #about .about-wrap .about-wrap__right{
        width: calc(100% + 70px);
        align-items: center;
        padding-top: 60px;
        padding-bottom: 65px;
        padding-left: 35px;
        padding-right: 35px;
      }
      #about .about-wrap .about-wrap__left .about-wrap__left__text{
        margin-left: auto;
      } 
      #about .about-wrap .about-wrap__right .about-wrap__right__text{
        margin-right: auto;
      }

    #contact .contact-form-wrap .left-part .adresses .adress {
        margin-bottom: 40px;
    }

    #contact .contact-form-wrap .left-part .adresses .adress:last-of-type {
        margin-bottom: 0;
    }

    .section.about .wrap-about .left-part h2 br:nth-of-type(2) {
        display: block;
    }

    .section.about .wrap-about .right-part:after {
        display: none;
    }

    .section.about .wood-img {
        object-fit: cover;
        object-position: left;
    }

    #contact .contact-form-wrap {
        flex-direction: column;
    }

    #contact .contact-form-wrap .half-part {
        margin: 0 auto;
        padding: 0;
        min-width: 280px;
    }

    #contact .contact-form-wrap .left-part .adresses {
        padding-bottom: 75px;
    }

    #contact .contact-form-wrap .half-part.right-part {
        padding-top: 70px;
        padding-bottom: 120px;
        position: relative;

    }

    #contact .contact-form-wrap .half-part.right-part:after {
        content: '';
        display: block;
        width: 300vw;
        height: 100%;
        background: #fff;
        position: absolute;
        top: 0;
        left: -60%;
        z-index: -1;
    }

    .main:after {
        display: none;
    }

    #portfolio{
        padding-bottom: 70px;
    }
    #contact {
        padding-bottom: 130px;
    }

    #portfolio .wrap-portfolio .photo {
        /*display: none;*/
        width: 50%;
    }

    #portfolio .wrap-portfolio .photo:nth-child(-n+4) {
        display: block;

    }

    #portfolio .wrap-portfolio.show-more .photo {
        display: block !important;
    }

    .portfolio-page .wrap-content-portfolio .slider-wrap .wrapper-arrow .slider-portfolio {
        /*        overflow: visible;*/
    }

    .portfolio-page .wrap-content-portfolio .slider-wrap .wrapper-arrow .slider-portfolio .swiper-slide {
        /*        width: unset !important;*/
    }

    .portfolio-page .wrap-content-portfolio .slider-wrap .wrapper-arrow .slider-portfolio .swiper-slide .img-wrap {
        /*        max-height: 360px;*/
        width: 130%;
        max-width: 130%;
        margin-left: -35px;
        margin-right: -35px;

    }

    #instagram {
        padding-bottom: 70px;
    }

    #contact .contact-form-wrap .left-part .adresses {
        padding-top: 80px;
    }

    footer {
        position: relative;
        bottom: 0;
        padding-bottom: 20px;
        background: #000;
    }

    footer .wrap-foot {
        flex-wrap: wrap;
        padding-bottom: 125px;
    }
    footer .wrap-foot .right-part, footer .wrap-foot .left-part {
        width: 100%;
        padding: 0;
        text-align: center;
        flex-direction: column;
    }
    footer .wrap-foot .right-part{
        flex-direction: column-reverse;
    }
    footer .wrap-foot .right-part .greng-link{
        flex-direction: column;
        margin-bottom: 25px;
    }
    footer .wrap-foot .right-part .greng-link img{
        margin-right: 0;
        margin-bottom: 6px;
        top: unset;
    }
    footer .wrap-foot .right-part .greng-link,
    footer .wrap-foot .right-part .moloko-link{
        filter:invert(1);
         margin-right: 0;
    }



    footer .wrap-foot .left-part .terms-foot{
        margin-right: 0;
        margin-bottom: 45px;
    }
    footer .wrap-foot .copyright{
        padding-right:0;
        position: absolute;
        bottom: 65px;
    }
    .portfolio-page .wrap-content-portfolio .description-wrap {
        /*        max-height: 130px;*/
        overflow: hidden;
    }

    .portfolio-page .wrap-content-portfolio .description-wrap.show-more {
        max-height: 100% !important;
    }

    .portfolio-page .wrap-content-portfolio .description-wrap + .more-button {
        display: block;
        width: 100%;
    }

    .portfolio-page .wrap-content-portfolio .description-wrap + .more-button a {
        text-align: right;
        display: none;
        color: #BB7E5F;
        font-size: 15px;
        width: 100%;
        margin-top: 30px;
        padding-right: 10px;
    }

    .portfolio-page .wrap-content-portfolio .slider-wrap .sign {
        padding: 50px 0;
    }

    header .wrap-charlie .logo {
        right: unset;
        left: -20px;
    }

    .portfolio-page .wrap-content-portfolio .slider-wrap .wrapper-arrow .swiper-button-next {
        right: 0px;
    }

    .portfolio-page .wrap-content-portfolio .slider-wrap .wrapper-arrow .swiper-button-prev {
        left: 0px;
    }


    .about-video{
        margin-bottom: 40px;
        margin-left: auto;
        margin-right: auto;
    }
    .section.about .wrap-about.wrap-video{
        flex-direction: column-reverse;
    }
    .section.about .wrap-about.wrap-video .right-part p.text-heart{
        margin-top: 10px;
    }
}

@media screen and (max-width: 720px) {
    select:focus,
    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: url(../fonts/down-chevron.svg) no-repeat 260px center !important;
        background-size: 20px 20px !important;
    }
}

@media screen and (max-width: 576px) {
    header .wrap-charlie .logo {
        right: unset;
        left: 0;
    }

    #desc-logo {
        display: none;
    }

    #mob-logo {
        display: block;
        width: 100%;
    }

    .top {
        padding-top: 30px;
    }

    .top .soc-menu {
        left: 35px;
    }

    header .wrap-charlie .charlie {
        min-width: 400px;
        top: 74px;
    }

    header .wrap-charlie {
        height: 375px;
    }

    header .wrap-charlie .logo video,
    header .wrap-charlie .logo img {
        max-width: 160px;
    }

    .top .menu-wrap .menu .mobile-button + ul li a {
        font-size: 16px;
    }

    .top .menu-wrap {
        /*        margin-right: 35px;*/
    }

    .top {
        padding: 30px 15px 0;
    }


    .section.about .wrap-about .left-part h2 br {
        /*        display: none !important;*/
    }


    #portfolio .wrap-portfolio .photo:nth-child(-n+4) {
        /*display: none;*/
    }


    #portfolio .wrap-portfolio {
        margin-left: -35px;
        margin-right: -35px;
        padding-bottom: 130px;
    }

    #portfolio .wrap-portfolio .photo {
        width: 100%;
        /*display: none;*/
    }

    #portfolio .wrap-portfolio .photo:nth-child(-n+3) {
        display: block;

    }

    #portfolio .logo-portfolio,
    #contact .contact-title,
    #instagram .instagram-title {
        padding-left: 0;
        text-align: center;
    }

    #portfolio .logo-portfolio {
        max-width: 255px;
        margin: 0 auto;
    }

    .button-more {
        position: relative;
        top: -140px;
        z-index: 2;
    }

    .portfolio-page .wrap-content-portfolio .slider-wrap .wrapper-arrow .slider-portfolio .swiper-slide .img-wrap {
        /*        max-height: 300px*/
    }

    .portfolio-page .wrap-content-portfolio .slider-wrap .sign {
        padding: 40px 0;
    }

    #instagram .insta-slider .insta-slider-right {
        display: none;
    }




    .portfolio-page .wrap-content-portfolio .slider-wrap .wrapper-arrow .slider-portfolio .swiper-slide img {
        object-fit: cover;
        width: 100%;
    }

    select:focus,
    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: url(../fonts/down-chevron.svg) no-repeat 250px center !important;
        background-size: 20px 20px !important;
    }
    #about .about-title{
        padding-left: 0;
    }
    #about .about-title .about-title-img-mob{
        margin: 0 auto;
    }
    /* .icons-col{
        padding: 0 10px;
    }


    .icons-img{
        width: 50px;
        height: 50px;
    } */
}

@media screen and (max-width: 480px) {
    .portfolio-page .wrap-content-portfolio .slider-wrap .wrapper-arrow {
        margin-left: -35px;
        margin-right: -35px;
    }

    .icons-row{
        flex-direction: column;
        align-items: center;
    }
    .icons-col{
        margin-right: 0;
        margin-bottom: 70px;
    }
    .icons-img{
        max-width:190px
    }
    .about-icons{
        margin-bottom: 0;
    }
}

@media screen and (max-width: 420px) {
    #portfolio .wrap-portfolio {
        padding-left: 0;
        padding-right: 0;
    }

    #portfolio .wrap-portfolio .photo {
        border: 0;
        margin-bottom: 40px;
    }

    #portfolio .wrap-portfolio {
        padding-top: 0;
    }

    #contact .contact-form-wrap .half-part {
        width: 100%;
        min-width: unset;
    }

    .portfolio-page .wrap-content-portfolio .slider-wrap .wrapper-arrow .slider-portfolio .swiper-slide .img-wrap {
        /*        max-height: 280px*/
    }
    .section.about .wrap-about.wrap-video .right-part p.text-heart{
        line-height: 23px;
    }   

    select:focus, select {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: url(../fonts/down-chevron.svg) no-repeat 270px center !important;
        background-size: 20px 20px !important;
    }
}

@media screen and (max-width: 400px){
    #about .about-title{
        text-align: center;
        padding-left:0;
    }
    #about .about-title img{
        

    }
}

@media screen and (max-width: 375px) {
    .section.about .logo-wood-wrap .wood-logo {
        max-width: 250px;
        margin-left: 15px;
    }

    .top .menu-wrap {
        /*        margin-right: 15px;*/
    }

    .container {
        padding: 0 15px;
    }

    .top .soc-menu {
        left: 15px;
    }

    .section.about .container {
        padding: 0 15px;
    }

    header .wrap-charlie .logo video,
    header .wrap-charlie .logo img {
        max-width: 140px;
    }

    .portfolio-page .wrap-content-portfolio .slider-wrap .wrapper-arrow {
        margin-left: -15px;
        margin-right: -15px;
    }


    .about-video{
        margin-left:-15px;
        margin-right:-15px;
    }
}


@media screen and (max-width: 340px) {
    select:focus, select {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: url(../fonts/down-chevron.svg) no-repeat 230px center !important;
        background-size: 20px 20px !important;
    }
}
/*
     FILE ARCHIVED ON 21:35:14 Mar 21, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:39:27 Jun 28, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 259.508
  exclusion.robots: 0.076
  exclusion.robots.policy: 0.065
  cdx.remote: 0.064
  esindex: 0.009
  LoadShardBlock: 188.123 (3)
  PetaboxLoader3.datanode: 220.625 (5)
  PetaboxLoader3.resolve: 494.296 (3)
  load_resource: 605.286 (2)
*/