@font-face {
    font-family: 'Montserrat-Medium';
    src: url("../fonts/Montserrat-Medium.otf") format("opentype");
    }
@font-face {
    font-family: 'Montserrat-Light';
    src: url("../fonts/Montserrat-Light.otf") format("opentype");
    }
@font-face {
    font-family: 'Montserrat-Bold';
    src: url("../fonts/Montserrat-Bold.otf") format("opentype");
    }
@font-face {
    font-family: 'Montserrat-Regular';
    src: url("../fonts/Montserrat-Regular.otf") format("opentype");
    }
@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url("../fonts/Montserrat-SemiBold.otf") format("opentype");
    }

@media screen and (max-width : 1299px) {
    body {
        margin: 0;
    }

    .header_cont {
        width: 100%;
        /* position: fixed; */
        z-index: 100;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }
    .header_center {
        width: 90%;
        margin: 0 auto;
        padding-top: 25px;
        padding-bottom: 25px;
        display: flex;
        justify-content: space-between;
        z-index: 100;
    }
    .header_logo img {
        width: 150px;
    }
    .header_menu > div > a {
        text-decoration: none;
        text-transform: uppercase;
        /* color: #000000; */
        font-size: 12px;
        font-family: 'Montserrat-Light';
        /* margin-right: 15px; */
        font-weight: bold;
    }
    .new_year {
        width: 60%;
        margin: 0 auto;
        padding-top: 80px;
        display: flex;
        justify-content: flex-start;
    }


    .header_text {
        width: 550px;
        text-align: center;
        color: #000000;
        font-size: 42px;
        font-family: 'Montserrat-Light';
        margin: 30px 0px;
        font-weight: bold;
        text-align: left;
        /*background: chartreuse;*/
    }
    .video_square {
        width: 70%;
        margin: 0 auto;
        height: 380px;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
    }
    .video_square iframe {
        width: 550px;
        height: 400px;
    }
    .header_menu {
        display: flex;
        align-items: center;
    }
    .general_header {
        width: 100%;
        /* height: 600px; */
        background-image: url("../img/bg_2022.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .widget_postcard {
        width: 100%;
        /* height: 450px; */
          background-color: #FAECF1;
        text-align: center;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        justify-content: flex-start;
        padding: 50px 0px 80px 0px;
    }

    .adams {
        background-image: url("../img/bg_2022.png");
          /* background-color: #FAECF1; */
        background-repeat: no-repeat;
        background-position: 100% 100%;
        background-size: cover;
        padding: 50px 0px 80px 0px;

    }

    .mag_cont {
        width: 90%;
        max-height: 370px;
        margin: 10px auto;
        display: flex;
        justify-content: space-between;
    }
    .mag_text {

        min-height: 350px;
        width: 56%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        /*background: chartreuse;*/
    }
    .mag_img {
        width: 44%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        /*background: yellow;*/
    }
    .mag_img img {
        width: 400px;
        height: 300px;
    }
    .pink_text {
        color: white;
        font-weight: bold;
        font-size: 28px;
        font-family: 'Montserrat-Bold';
    }
    .about_book {
        width: 100%;
        max-width: 1000px;
        font-size: 18px !important;
    }
    .choise_cont {
        width: 100%;
        margin-top: 8px;
        font-family: 'Montserrat-Regular';
        font-size: 20px;
        font-weight: 600;
    }
    .choise_cont div {
        margin-top: 5px;
    }
    .general_sign {
        width: 90%;
        margin: 20px auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .block_sign {
        width: 23%;
        height: 200px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        cursor: pointer;
    }
    .grey_cont {
        width: 100%;
        /* background-image: url("../img/KD_BDay_down_2000x798___2.jpg"); */
        background-color: #C9EDF9;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 50px 0px 80px 0px;
        /* margin-top: 60px; */
    }
    .pres_book {
        width: 90%;
        margin: auto;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .pres_block {
        padding-top: 20px;
        /*text-align: justify;*/
    }
    .text_center {
        text-align: center;
        margin: 20px;
    }
    .book_block {
        display: flex;
        align-items: center;
    }
    /*.book_block img {
        width: 340px;

    }*/
    .orange_button {
        width: 200px;
        background: #E8505B;
        padding: 10px;
        text-align: center;
        margin: 30px auto;
        border-radius: 5px;
        cursor: pointer;
        color: white;
        border: 0;
}
        .orange_button2 {
            width: 100px;
            background: #E8505B;
            padding: 8px;
            text-align: center;
            margin: 30px auto;
            border-radius: 5px;
            cursor: pointer;
                color: white;
                border: 0;


    }

    .orange_button2:hover {
        width: 100px;
        background: #d1525b;
        padding: 8px;
        text-align: center;
        margin: 30px auto;
        border-radius: 5px;
        cursor: pointer;
        color: white;
        border: 0;

}
    .orange_button a {
        text-decoration: none;
        font-family: 'Montserrat-Medium';
        /* color: #000000; */
        font-size: 16px;
    }
    .footer_block {
        width: 100%;
        background-image: url("../img/KD_Podval.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .footer_comp {
        width: 90%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        padding: 30px 0px;
    }
    .footer_text {
        display: flex;
        justify-content: space-between;
    }
    .footer_logo img {
        width: 130px;
    }
    .text_block {
        font-family: 'Montserrat-Light';
        font-size: 14px;
        color: #000000;
    }
    .text_block:first-child {
        margin-right: 30px;
    }
    #modal {
        width: 700px;
        height: 600px;
        min-height: 600px;
        background-image: url("../img/card_predskazanie_bg.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        position: fixed;
        /*top: 30%;
        left: 23%;
        display: none; */
        z-index: 50;
       /* background: yellow;*/
    }
    .overlay_block {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .sign_text {
        width: 70%;
        padding-right: 10px;
        padding-left: 10px;
        font-size: 17px;
        font-family: 'Montserrat-Medium';
        display: flex;
        align-items: center;
    }
    #overlay {
        position: fixed;
        background-color: rgb(167, 166, 166, 0.9);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        cursor: pointer;
        display: none;
        z-index: 10;
    }
    .modal_close {
        width: 21px;
        height: 21px;
        position: absolute;
        top: 8px;
        right: 0px;
        cursor: pointer;
        display: block;
    }
    .about_sign {
        /*background: pink; */
        display: flex;
        height: 400px;
         margin: 50px auto;
     }
     .card_sign {
         width: 90%;
         margin: 50px auto;
         display: block;
     }
     .sign_img {
        width: 30%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .sign_img img {
      width: 90%;
    }
     .add_soc {
        min-height: 60px;
        display: flex;
        justify-content: center;
        /*background: pink;*/
    }
    .ya-share2 span {
       padding: 3px;
       margin: 4px;
    }
}

@media screen and (min-width : 1300px) {
    body {
        margin: 0;
    }

    .header_cont {
        width: 100%;
        /* position: fixed; */
        z-index: 100;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }
    .header_center {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding-top: 25px;
        padding-bottom: 25px;
        display: flex;
        justify-content: space-between;
        z-index: 100;
    }
    .header_logo img {
        width: 140px;
    }
    .header_menu > div > a {
        text-decoration: none;
        text-transform: uppercase;
        font-weight: bold;
        /* color: #000000; */
        font-size: 14px;
        font-family: 'Montserrat-Light';
        /* margin-right: 15px; */
    }
    .new_year {
        width: 100%;
        max-width: 900px;
        margin: 0 auto;
        padding-top: 80px;
        display: flex;
        justify-content: flex-start;
    }

    .header_text {
        width: 100%;
        max-width: 650px;
        text-align: center;
        color: #000000;
        font-size: 42px;
        font-family: 'Montserrat-Light';
        margin: 30px 0px;
        font-weight: bold;
        text-align: left;
    }
    .video_square {
        width: 100%;
        max-width: 900px;
        margin: 0 auto;
        height: 380px;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
    }
    .video_square iframe {
        width: 650px;
        height: 380px;
    }
    .header_menu {
        display: flex;
        align-items: center;
    }
    .general_header {
        width: 100%;
        /* height: 600px; */
        background-image: url("../img/bg_2022.png");
        background-repeat: no-repeat;
        background-position: 100% 100%;
        background-size: cover;

    }

    .widget_postcard {
        width: 100%;
        /* height: 450px; */
          /* background-image: url("../img/KD_BDay_centre_2000x1200.jpg"); */
          background-color: #FAECF1;
        background-repeat: no-repeat;
        background-position: 100% 100%;
        background-size: cover;
        text-align: center;
        padding: 50px 0px 80px 0px;

    }


    .adams {
        background-image: url("../img/bg_2022.png");
          /* background-color: #FAECF1; */
        background-repeat: no-repeat;
        background-position: 100% 100%;
        background-size: cover;
        padding: 50px 0px 80px 0px;

    }


    .mag_cont {
        width: 100%;
        max-width: 1200px;
        margin: 10px auto;
        display: flex;
        justify-content: space-between;
    }
    .mag_text {
        width: 50%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        /*background: chartreuse;*/
    }
    .mag_img {
        width: 50%;
        display: flex;
        justify-content: flex-end;
        /*background: yellow;*/
    }
    .mag_img img {
        width: 90%;
    }
    .pink_text {
        color: white;
        font-weight: bold;
        font-size: 48px;
        font-family: 'Montserrat-Bold';
    }
    .choise_cont {
        margin-top: 8px;
        font-family: 'Montserrat-Regular';
        font-size: 19px;
        font-weight: 600;
    }
    .choise_cont div {
        margin: 20px 30px 20px 0px;
    }
    .general_sign {
        width: 100%;
        max-width: 1200px;
        margin: 20px auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    .block_sign {
        width: 23%;
        height: 255px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        margin-bottom: 25px;
        cursor: pointer;
    }
    .grey_cont {
        width: 100%;
        /* background-image: url("../img/KD_BDay_down_2000x798___2.jpg"); */
        background-color: #C9EDF9;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 50px 0px 80px 0px;
        /* margin-top: 60px; */
    }
    .pres_book {
        width: 100%;
        max-width: 1200px;
        margin: auto;
        display: flex;
        justify-content: space-between;
    }
    .pres_block {
        /*padding-top: 50px;*/
    }

    .orange_button {
        width: 250px;
        background: #E8505B;
        text-align: center;
        padding: 15px;
        margin-top: 30px;
        border-radius: 5px;
        cursor: pointer;
            color: white;
            border: 0;
    }
    .orange_button2 {
      /* width: 70px; */
      background: #E8505B;
      text-align: center;
      padding: 8px;
      margin-top: 30px;
      border-radius: 5px;
      cursor: pointer;
          color: white;
          border: 0;

}

.orange_button2:hover {
  /* width: 70px; */
  background: #d1525b;
  text-align: center;
  padding: 8px;
  margin-top: 30px;
  border-radius: 5px;
  cursor: pointer;
      color: white;
      border: 0;

}




    .orange_button a {
        text-decoration: none;
        font-family: 'Montserrat-Medium';
        color: #000000;
        font-weight: bold;
        font-size: 15px;
    }
    .footer_block {
        width: 100%;
        background-image: url("../img/KD_Podval.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .footer_comp {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        padding: 30px 0px;
    }
    .footer_text {
        display: flex;
        justify-content: space-between;
    }
    .footer_logo img {
        width: 150px;
    }
    .text_block {
        font-family: 'Montserrat-Light';
        font-size: 14px;
        color: #000000;
    }
    .text_block:first-child {
        margin-right: 30px;
    }
    #modal {
        width: 700px;
        height: 600px;
        min-height: 550px;
        background-image: url("../img/card_predskazanie_bg.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        position: fixed;
        z-index: 50;
       /* background: yellow;*/
    }
    .overlay_block {

        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .about_sign {
        display: flex;
        height: 400px;
         margin: 50px auto;
         /*background: orchid;*/
     }
     .card_sign {
         width: 90%;
         margin: 50px auto;
         display: block;
        /* background: orange;*/
     }
     .add_soc {
        min-height: 60px;
        display: flex;
        justify-content: center;
        /*background: pink;*/
    }
    .ya-share2 span {
       padding: 3px;
       margin: 4px;
    }
    .sign_img {
        width: 30%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .sign_img img {
      width: 90%;
    }
    .sign_text {
        width: 70%;
        padding-right: 15px;
        padding-left: 15px;
        font-size: 17px;
        display: flex;
        align-items: center;
        font-family: 'Montserrat-Medium';
        /*background: olivedrab;*/
    }
    #overlay {
        position: fixed;
        background-color: rgba(167, 166, 166, 0.9);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        cursor: pointer;
        display: none;
        z-index: 10;
    }
    .modal_close {
        width: 21px;
        height: 21px;
        position: absolute;
        top: 8px;
        right: 0px;
        cursor: pointer;
        display: block;
    }

}
    body {
        /*background: #222 url('../images/bg.gif') repeat;*/
        /*color: #fff;
        -moz-text-shadow: 0 -1px 0 #000;
        -webkit-text-shadow: 0 -1px 0 #000;
        text-shadow: 0 -1px 0 #000;
        font-family: 'Helvetica Neue','Helvetica','Arial', sans-serif;*/
    }

    .bg-gradient {
        /*position: fixed;*/
        /*width: 1000px;
        height: 1000px;*/
        /*top: 50%;
        left: 50%;*/
        /*z-index: -1;*/
       /* margin: -500px 0 0 -500px;*/
        background: url('../images/bg-gradient.png') no-repeat center;
    }

    h1,
    h2 {
        margin: 0;
        color: #eee;
        -moz-text-shadow: 0 3px 3px #000000;
        -webkit-text-shadow: 0 3px 3px #000000;
        text-shadow: 0 3px 3px #000000;
    }

    h1 {
        font-size: 60px;
        margin: 0 0 10px;
        line-height: 1;
    }

    h2 {
        font-size: 18px;
    }

    #CDT {
        font-size: 60px;
        color: #eee;
        margin: 50px 0 100px;
        font-weight: bold;
    }

    #CDT .number-wrapper {
        margin: 10px;
        -moz-box-shadow: 0 5px 8px #000000;
        -webkit-box-shadow: 0 5px 8px #000000;
        box-shadow: 0 5px 8px #000000;
        position: relative;
    }

    #CDT .number {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        background: #000;
        background-image: linear-gradient(bottom, #000000 2%, #3c3c3c 50%, #000000 100%);
        background-image: -o-linear-gradient(bottom, #000000 2%, #3c3c3c 50%, #000000 100%);
        background-image: -moz-linear-gradient(bottom, #000000 2%, #3c3c3c 50%, #000000 100%);
        background-image: -webkit-linear-gradient(bottom, #000000 2%, #3c3c3c 50%, #000000 100%);
        background-image: -ms-linear-gradient(bottom, #000000 2%, #3c3c3c 50%, #000000 100%);
        -webkit-border-top-right-radius: 7px;
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topright: 7px;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        -moz-border-radius-topleft: 0;
        border-top-right-radius: 7px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        padding: 0 12px;
        height: 80px;
        line-height: 80px;
        text-align: center;
        border: 1px solid #555;
        -moz-box-shadow: inset 0 4px 0 rgba(255, 255, 255, 0.2);
        -webkit-box-shadow: inset 0 4px 0 rgba(255, 255, 255, 0.2);
        box-shadow: inset 0 4px 0 rgba(255, 255, 255, 0.2);
        -moz-text-shadow: 0 3px 3px #000000;
        -webkit-text-shadow: 0 3px 3px #000000;
        text-shadow: 0 3px 3px #000000;
    }

    #CDT .line {
        position: absolute;
        width: 100%;
        height: 1px;
        top: 52%;
        left: 0;
        background: #000;
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    }

    .caption {
       font-size: 12px;
       position: absolute;
       bottom: -30px;
       left: 0;
       text-align: center;
       width: 100%;
       color: #777;
    }

    footer {
        font-size: 11px;
        font-weight: normal;
        text-align: center;
        color: #777;
    }

    footer p {
        margin: .5em 0;
        line-height: 1.5;
    }

    .title_timer {
        font-family: 'Montserrat-Regular';
        font-size: 30px;
        margin-top: 50px;
        text-align: center;
    }

    .change_1 {
        background-image: url("../img/January_1.png");
    }
    .change_2 {
        background-image: url("../img/February_1.png");
    }
    .change_3 {
        background-image: url("../img/March_1.png");
    }
    .change_4 {
        background-image: url("../img/April_1.png");
    }
    .change_5 {
        background-image: url("../img/May_1.png");
    }
    .change_6 {
        background-image: url("../img/June_1.png");
    }
    .change_7 {
        background-image: url("../img/July_1.png");
    }
    .change_8 {
        background-image: url("../img/August_1.png");
    }
    .change_9 {
        background-image: url("../img/Sept_1.png");
    }
    .change_10 {
        background-image: url("../img/Oct_1.png");
    }
    .change_11 {
        background-image: url("../img/Nov_1.png");
    }
    .change_12 {
        background-image: url("../img/Dec_1.png");
    }

    .change_1:hover {
        background-image: url("../img/January_2.png");
    }
    .change_2:hover {
        background-image: url("../img/February_2.png");
    }
    .change_3:hover {
        background-image: url("../img/March_2.png");
    }
    .change_4:hover {
        background-image: url("../img/April_2.png");
    }
    .change_5:hover {
        background-image: url("../img/May_2.png");
    }
    .change_6:hover {
        background-image: url("../img/June_2.png");
    }
    .change_7:hover {
        background-image: url("../img/July_2.png");
    }
    .change_8:hover {
        background-image: url("../img/August_2.png");
    }
    .change_9:hover {
        background-image: url("../img/Sept_2.png");
    }
    .change_10:hover {
        background-image: url("../img/Oct_2.png");
    }
    .change_11:hover {
        background-image: url("../img/Nov_2.png");
    }
    .change_12:hover {
        background-image: url("../img/Dec_2.png");
    }