@media screen and (min-width: 320px) {
  .disabled-onepage-scroll .onepage-wrapper section {
    min-height: 100vh !important; }
    .disabled-onepage-scroll .onepage-wrapper section .page_container {
      margin-top: 35% !important;
      padding: 0 !important;
      min-width: 300px; }

  .more {
    width: 80px; }

  .back {
    font-size: 10px !important; }

  .photo {
    display: none !important; }

  .ch-bg {
    width: 180px !important;
    margin: auto !important;
    position: relative !important; }

  .header {
    margin-top: -9% !important; }
    .header h1 {
      font-size: 45px !important;
      line-height: 1 !important; }
    .header h2 {
      margin-top: -45px !important;
      font-size: 11px !important; }
    .header .credit {
      padding: 35px 0 0 0;
      font-size: 12px; }

  .logo {
    display: none !important; }

  .btns {
    margin: 20px 0 !important; }

  .modal.show .modal-dialog {
    margin: 20% auto !important; }

  .page2 h1 {
    margin: 40px 0 20px 0 !important;
    font-size: 19px !important; }

  h2 {
    font-size: 12px; }

  .tel {
    display: block !important; }
    .tel img {
      width: 200px;
      border-radius: 50% !important; }

  .chernavsky {
    display: none !important; }

  .page3 .row-1 {
    display: block !important; }
  .page3 h1 {
    font-size: 20px !important;
    width: fit-content !important; }
  .page3 .slick-slider {
    height: auto; }

  .sections .section_0,
  .sections .section_1,
  .sections .section_2,
  .sections .section_3 {
    display: grid !important;
    padding: 0 !important; }
  .sections .slick-next {
    right: 0 !important; }
  .sections .slick-prev {
    left: 0 !important; } }
.carousel_0,
.carousel_1,
.carousel_2,
.carousel_3 {
  width: 200px !important;
  height: 200px !important;
  margin: 0 auto 90px !important; }
  .carousel_0 .img_max,
  .carousel_1 .img_max,
  .carousel_2 .img_max,
  .carousel_3 .img_max {
    width: 200px !important;
    height: 200px !important; }
  .carousel_0 .caption,
  .carousel_1 .caption,
  .carousel_2 .caption,
  .carousel_3 .caption {
    font-size: 7pt !important; }

.text {
  width: 75% !important;
  margin: auto !important;
  font-size: 8pt !important;
  padding-right: 8px !important; }

.carousel_0-0,
.carousel_1-1,
.carousel_2-2,
.carousel_3-3 {
  display: none !important; }

@media screen and (min-width: 480px) {
  .more {
    width: 140px; }

  .page1 .ch-bg {
    width: 300px !important; }
  .page1 .header h1 {
    font-size: 70px !important; }
  .page1 .header h2 {
    margin-top: -68px !important;
    font-size: 15px !important; }
  .page1 .header .header .credit {
    padding: 60px 0 0 0;
    font-size: 18px; }

  .logo {
    display: block !important; }

  .modal.show .modal-dialog .modal-content {
    font-size: 9pt !important; }

  .tel {
    margin: 30% 0 0 0; }

  .text {
    height: 320px !important; }

  .carousel_0,
  .carousel_1,
  .carousel_2,
  .carousel_3 {
    width: 335px !important;
    height: 335px !important;
    margin: 0 auto 90px !important; }
    .carousel_0 .img_max,
    .carousel_1 .img_max,
    .carousel_2 .img_max,
    .carousel_3 .img_max {
      width: 335px !important;
      height: 335px !important; }
    .carousel_0 .caption,
    .carousel_1 .caption,
    .carousel_2 .caption,
    .carousel_3 .caption {
      font-size: 9pt !important; } }
@media screen and (min-width: 600px) {
  .page1 h1,
  .page1 h2,
  .page1 .credit,
  .page1 .header {
    text-align: center !important;
    width: 100% !important; }
  .page1 .btns {
    float: none !important; }

  .modal.show .modal-dialog .modal-content {
    font-size: 9pt !important; }

  .page2 .tel {
    margin: 0 !important; }
    .page2 .tel img {
      width: 60% !important; }
  .page2 h1 {
    font-size: 26px !important; }
  .page2 h2 {
    text-align: center !important; } }
@media screen and (min-width: 768px) {
  .photo {
    display: block !important; }
    .photo img {
      height: 100vh; }

  .page1 .header {
    margin-top: 0% !important; }
    .page1 .header h2 {
      margin-top: 5px !important;
      font-size: 28px !important; }
    .page1 .header .credit {
      padding: 40px 0 0 0 !important;
      font-size: 26px !important; }

  .page2 h1 {
    font-size: 38px !important; }
  .page2 h2 {
    font-size: 24px !important; }

  .page3 h1 {
    font-size: 50px !important; }

  .sections {
    height: 85vh !important; }
    .sections .row-1 .carousel_0,
    .sections .row-1 .carousel_1,
    .sections .row-1 .carousel_2,
    .sections .row-1 .carousel_3 {
      width: 44vh !important;
      height: 44vh !important; }
    .sections .row-1 .carousel_0 .img_max,
    .sections .row-1 .carousel_1 .img_max,
    .sections .row-1 .carousel_2 .img_max,
    .sections .row-1 .carousel_3 .img_max {
      width: 44vh !important;
      height: 44vh !important; } }
@media screen and (min-width: 1280px) {
  .ch-bg {
    margin: 0 !important; }

  .back {
    font-size: 14px !important; }

  .page1 .header {
    margin-top: -3% !important;
    width: 65% !important; }
    .page1 .header .credit {
      padding: 40px 0 0 0 !important;
      font-size: 16px !important; }
  .page1 .logo {
    bottom: 50px !important;
    margin-left: 10px !important; }
  .page1 h1,
  .page1 h2,
  .page1 .credit {
    text-align: left !important; }
  .page1 .btns {
    float: left !important; }

  .tel {
    display: none !important; }

  .chernavsky {
    display: block !important;
    width: 85% !important; }

  .page3 .sections {
    width: 85vw;
    margin: auto; }
    .page3 .sections .section_0,
    .page3 .sections .section_1,
    .page3 .sections .section_2,
    .page3 .sections .section_3 {
      width: 80vw !important;
      margin: auto !important; }
    .page3 .sections .slick-next {
      right: -30px !important; }
    .page3 .sections .slick-prev {
      left: -30px !important; }
    .page3 .sections .row-1 {
      display: flex !important;
      width: 80vw; }
      .page3 .sections .row-1 .text {
        width: 100% !important;
        height: 45vh !important;
        margin: 0 0 0 40px !important;
        font-size: 11pt !important;
        padding-right: 20px !important; }

  .carousel_0-0,
  .carousel_1-1,
  .carousel_2-2,
  .carousel_3-3 {
    display: block !important;
    margin: 20px 0 !important;
    height: 100px !important; }
    .carousel_0-0 .img_min,
    .carousel_1-1 .img_min,
    .carousel_2-2 .img_min,
    .carousel_3-3 .img_min {
      height: 100px !important; } }
@media screen and (min-width: 1600px) {
  .main section .page_container {
    min-width: 1400px !important; }

  .page2 h1 {
    margin-top: 90px !important; }

  .tel {
    display: none; }

  .page3 .sections {
    height: 1000px !important; }
  .page3 .section_0,
  .page3 .section_1,
  .page3 .section_2,
  .page3 .section_3 {
    padding: 0 20px !important; }
    .page3 .section_0 .slick-next,
    .page3 .section_1 .slick-next,
    .page3 .section_2 .slick-next,
    .page3 .section_3 .slick-next {
      right: -30px !important; }
    .page3 .section_0 .slick-prev,
    .page3 .section_1 .slick-prev,
    .page3 .section_2 .slick-prev,
    .page3 .section_3 .slick-prev {
      left: -30px !important; }
  .page3 .carousel_0-0,
  .page3 .carousel_1-1,
  .page3 .carousel_2-2,
  .page3 .carousel_3-3 {
    margin: 90px 0 !important; }
  .page3 .slick-next {
    right: 0 !important; }
  .page3 .slick-prev {
    left: 0 !important; } }
@media screen and (min-width: 1920px) {
  .page2 h2 {
    text-align: end !important; } }

/*# sourceMappingURL=media.css.map */