@font-face {
	font-family: 'HelveticaNeueCyr-Thin';
	src: url('../fonts/HelveticaNeueCyr-Thin.eot');
	src: local('☺'), url('../fonts/HelveticaNeueCyr-Thin.woff') format('woff'), url('../fonts/HelveticaNeueCyr-Thin.ttf') format('truetype'), url('../fonts/HelveticaNeueCyr-Thin.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueCyr-Roman';
	src: url('../fonts/HelveticaNeueCyr-Roman.eot');
	src: local('☺'), url('../fonts/HelveticaNeueCyr-Roman.woff') format('woff'), url('../fonts/HelveticaNeueCyr-Roman.ttf') format('truetype'), url('../fonts/HelveticaNeueCyr-Roman.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueCyr-Medium';
	src: url('../fonts/HelveticaNeueCyr-Medium.eot');
	src: local('☺'), url('../fonts/HelveticaNeueCyr-Medium.woff') format('woff'), url('../fonts/HelveticaNeueCyr-Medium.ttf') format('truetype'), url('../fonts/HelveticaNeueCyr-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueCyr-Bold';
	src: url('../fonts/HelveticaNeueCyr-Bold.eot');
	src: local('☺'), url('../fonts/HelveticaNeueCyr-Bold.woff') format('woff'), url('../onts/HelveticaNeueCyr-Bold.ttf') format('truetype'), url('../fonts/HelveticaNeueCyr-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

:root{
    --HelveticaNeueCyr-Roman: 'HelveticaNeueCyr-Roman', Tahoma;
    --HelveticaNeueCyr-Medium: 'HelveticaNeueCyr-Medium', Tahoma;
    --HelveticaNeueCyr-Bold: 'HelveticaNeueCyr-Bold', Tahoma;

    --color_dark_gray: #6E6E73;
    --color_h2:#1D1D1F;
    --color_oranzh: #C15909;
    --color_predst: #456786;
    --color_line_gray: #F4F4F4;
    --color_link: #1675c2;
    --color_gradient_ypakovka: linear-gradient(90deg, #5CD5E6, #027DFF);
    --transition: 0.9s;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
}
html{
    scroll-behavior: smooth;
}
body {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #ffffff;
    font-family: 'HelveticaNeueCyr-Roman', Tahoma, Arial;
}
.body_gray {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    /* background-color: #F4F4F4; */
    font-family: 'HelveticaNeueCyr-Roman', Tahoma, Arial;
}
.main{
    background: #ffffff;
    max-width: 1920px;
}
.conteiner{
    max-width: 1400px;
    width: 100%;
    margin: auto;
}
.gray{
    color: var(--color_dark_gray);
}


.link_podrobnee{
    font-family: var(--HelveticaNeueCyr-Medium);
    text-align: center;
    font-size: 18px;
    color: var(--color_link);
    padding: 30px 0px;
    text-decoration: none;
    margin: 0 auto;
}

/* ypakovka */
.ypakovka_top{
    max-width: 1400px;
    width: 100%;
    height: 780px;
    background-image: url(../img/products/products_carton/ypakovka_fon_1.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 66%;
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
}
.ypakovka_top_text_box{
    max-width: 904px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 70px;
}
.ypakovka_top_text{
    font-family: var(--HelveticaNeueCyr-Bold);
    font-size: 86px;
    text-align: center;
    color: var(--color_line_gray);
    margin-bottom: 37px;
}
.ypakovka_top_text_min_1{
    font-family: var(--HelveticaNeueCyr-Medium);
    font-size: 28px;
    line-height: 38px;
    color: var(--color_line_gray);
    text-align: center;
    padding: 0px 20px;
}
.ypakovka_top_text_min{
    font-family: var(--HelveticaNeueCyr-Medium);
    font-size: 28px;
    line-height: 38px;
    color: var(--color_line_gray);
    text-align: center;
}
.conteiner_vids_flex_box{
    max-width: 337px;
    width: 100%;
    margin-top: 50px;
    gap: 30px;
    border-radius: 16px;
    transition: var(--transition);
}
.conteiner_vids_flex_box:hover{
    transform: scale(1.2);
}

/* icon ypak */
.ypak_icon_1{
    width: 100px;
    height: 80px;
    display: block;
    margin: 0 auto;
    background-image: url(../img/products/products_carton/ypak_icon_1_white.svg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 16px;

    position: relative;
    animation-name: ypak_icon_1;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@keyframes ypak_icon_1 {
    0%{
        transform: scale(0.9);
    }
    50%{
        transform: scale(1);  
    }
    100%{
        transform: scale(0.9);
    }
}

.conteiner_vids_flex_box:hover .ypak_icon_1{
    width: 100px;
    height: 80px;
    display: block;
    margin: 0 auto;

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 16px;
    transition: var(--transition);
}
.ypak_icon_2{
    width: 100px;
    height: 80px;
    display: block;
    margin: 0 auto;
    background-image: url(../img/products/products_carton/ypak_icon_2_white.svg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 16px;

    position: relative;
    animation-name: ypak_icon_1;
    animation-duration: 2.3s;
    animation-iteration-count: infinite;
}
.conteiner_vids_flex_box:hover .ypak_icon_2{
    width: 100px;
    height: 80px;
    display: block;
    margin: 0 auto;
    /* background-image: url(../img/products/products_carton/ypak_icon_2_blue.svg); */
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 16px;
    transition: var(--transition);
}
.ypak_icon_3{
    width: 100px;
    height: 80px;
    display: block;
    margin: 0 auto;
    background-image: url(../img/products/products_carton/ypak_icon_3_white.svg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 16px;

    position: relative;
    animation-name: ypak_icon_1;
    animation-duration: 1.8s;
    animation-iteration-count: infinite;
}
.conteiner_vids_flex_box:hover .ypak_icon_3{
    width: 100px;
    height: 80px;
    display: block;
    margin: 0 auto;
    /* background-image: url(../img/products/products_carton/ypak_icon_3_blue.svg); */
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 16px;
    transition: var(--transition);
}
.conteiner_vids_flex_box:hover .ypakovka_top_text_min{
    /* color: #027DFF; */
    transition: var(--transition);
}


/* --------------- */

.h2_ypakovka{
    font-family: var(--HelveticaNeueCyr-Bold);
    font-size: 50px;
    line-height: 65px;
    text-align: center;
    background: var(--color_gradient_ypakovka);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.h2_ypakovka_black{
    font-family: var(--HelveticaNeueCyr-Bold);
    font-size: 50px;
    line-height: 65px;
    text-align: center;
    color: var(--color_h2);
}
.conteiner_vids{
    max-width: 1060px;
    width: 100%;
    margin: 0 auto;
    margin-top: 100px;
    padding-bottom: 100px;
}
.conteiner_vids_flex{
    display: flex;
    justify-content: space-between;
}
.icon_strelka{
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    position: relative;

    animation-name: icon_strelka;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
}

@keyframes icon_strelka {
    0%{
        top: 0px;
    }
    70%{
        top: 50px;
        transform: scale(1.6);
    }
    100%{
        top: 0px;
    }
}


.box_section_ypak_1{
    max-width: 660px;
    width: 100%;
    margin: 0 auto;
}
.box_section_ypak_2{
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
}
.text_section_ypak_2{
    font-family: var(--HelveticaNeueCyr-Medium);
    font-size: 26px;
    line-height: 32px;
    color: var(--color_line_gray);
    text-align: center;
    margin-top: 30px;
    padding: 0px 20px;
}
.text_section_ypak_2_black{
    font-family: var(--HelveticaNeueCyr-Medium);
    font-size: 26px;
    line-height: 32px;
    color: var(--color_h2);
    text-align: center;
    margin-top: 20px;
    padding: 0px 20px;
}
.ypakovka_box_black{
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    background: #000000;
    margin-bottom: 10px;
}
.ypakovka_box_black_bottom{
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    background: #000000;
    padding-top: 50px;

}
.section_ypakovka{
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    /* background: #eeeeee; */
    padding-top: 50px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
.text_ypakovka{
    font-family: var(--HelveticaNeueCyr-Bold);
    text-align: center;
    font-size: 40px;
    background: var(--color_gradient_ypakovka);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.section_ypakovka_img{
    max-width: 1360px;
    width: 100%;
    margin: 0 auto;
    border-radius: 16px;
    /* height: 500px; */
    /* object-fit: cover; */
}
.section_4_grid{
    max-width: 1400px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 0 auto;
    padding: 0px 20px;
}
.section_4_grid_box{
    /* background: #161617; */
    border-radius: 10px;
    padding: 40px 28px;
    margin-top: 60px;
    transition: var(--transition);
}
/* .section_4_grid_box:hover{
    transform: scale(1.1);
} */
.h3_ypakovka_s4{
    font-family: var(--HelveticaNeueCyr-Bold);
    font-size: 30px;
    line-height: 38px;
    background: var(--color_gradient_ypakovka);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: start;
}
.h4_ypakovka_s4{
    font-family: var(--HelveticaNeueCyr-Medium);
    font-size: 20px;
    line-height: 30px;
    color: var(--color_dark_gray);
    text-align: start;
    padding-top: 16px;
}
.carton_icon{
    margin-bottom: 20px;
    width: 50px;
}
.container_magazin{
    max-width: 1920px;
    width: 100%;
}
.section_magazin{
    background-color: #F4F4F4;
    padding: 100px 40px 100px 40px;
}
.box_magazin{
    display: flex;
    align-items: center;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    background-color: white;
    border-radius: 20px;
    margin-top: 60px;
}
.box_magazin_text{
    max-width: 550px;
    padding-left: 40px;
    padding-right: 40px;
}
.text_mag_h1{
    font-family: var(--HelveticaNeueCyr-Bold);
    font-size: 36px;
}
.text_mag_h2{
    font-family: var(--HelveticaNeueCyr-Bold);
    font-size: 70px;
    text-align: center;
    padding-bottom: 40px;
}
.text_mag_h3{
    font-family: var(--HelveticaNeueCyr-Roman);
    font-size: 22px;
    line-height: 30px;
    margin-top: 30px;
    color: var(--color_dark_gray);
    
}
.magazin_img{
    max-width: 700px;
    width: 100%;
    border-radius: 20px;
}
.img_magazin_fon{
    overflow: hidden;
}
.img_magazin_fon_img{
    max-width: 1920px;
    width: 100%;
}
.img_magazin_fon_img_min{
    display: none;
}
.text_magazine_top{
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 50px;
}
.text_predst_top{
    max-width: 960px;
    margin: 0 auto;
    padding: 0 20px;
}
.text_top_h1{
    font-family: var(--HelveticaNeueCyr-Bold);
    font-size: 86px;
    text-align: center;
    margin-top: 100px;
    margin-bottom: 50px;
}
.text_top_p{
    font-family: var(--HelveticaNeueCyr-Medium);
    font-size: 28px;
    line-height: 38px;
    text-align: center;
    color: var(--color_dark_gray);
    margin-bottom: 20px;
    padding: 0px 20px;
}
.text_zhyrnal_h1{
    font-family: var(--HelveticaNeueCyr-Bold);
    font-size: 86px;
    text-align: center;
    margin-top: 100px;
    margin-bottom: 50px;
}
.text_black{
    color: var(--color_h2);
}
.text_oranzh{
    /* color: var(--color_oranzh); */
    color: #ee2222;
} 
.text_predst{
    /* color: var(--color_predst); */
    color: #bbbbbb;
}

.section_text_bottom{
    max-width: 918px;
    width: 100%;
    margin: 0 auto;
    margin-top: 100px;
}



/* представительская продукция */
.section_menu{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}
.products_menu{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    justify-content: center;
    gap: 10px;
    margin: 0 auto;
    margin: 70px 0px 30px 0px;
}
.products_menu_reklama{
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    margin: 0 auto;
    margin: 70px 0px 30px 0px;
}
.products_menu_itom{
    justify-content: center;
    margin: 0 auto;
    border-radius: 10px;
    padding: 10px 5px;
    transition: 0.7s;
}
/* .products_menu_itom:hover{
    transform: scale(1.055);
} */
.products_menu_itom_a{
    width: 100%;
    border-radius: 10px;
}
.munu_text{
    text-align: center;
    font-family: var(--HelveticaNeueCyr-Roman);
    font-size: 14px;
    color: var(--color_h2);
    margin-top: 12px;
}
.menu_img{
    max-width: 60px;
    width: 100%;
    margin: auto;
    display: block;
    transition: 0.6s;
}
.menu_img:hover{
    transform: scale(1.090);
}
.section_2{
    max-width: 1920px;
    width: 100%;
    /* background: var(--color_line_gray); */
    margin: 0 auto;
}
.h3{
    font-family: var(--HelveticaNeueCyr-Bold);
    font-size: 60px;
    color: var(--color_h2);
    text-align: center;
    padding: 100px 20px 50px 20px;
}
.text_top_with{
    font-family: var(--HelveticaNeueCyr-Bold);
    font-size: 60px;
    color: white;
    text-align: center;
    padding: 100px 20px 50px 20px;    
}
.section_2_box{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 0 20px 100px 20px;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}
.section_2_box_item{
    background-color: #ffffff;
    border-radius: 20px;
    transition: 0.6s;
}
/* .section_2_box_item:hover .text_h5{
    color: var(--color_line_gray);
}
.section_2_box_item:hover .text_section_2{
    color: var(--color_line_gray);
} */
.section_2_img{
    max-width: 280px;
    width: 100%;
    display: block;
    margin: 0 auto;
    padding-top: 18px;
    transition: 0.6s;
}
.section_2_img:hover{
    transform: scale(1.1);
}
.text_h5{
    color: var(--color_h2);
    font-family: var(--HelveticaNeueCyr-Bold);
    font-size: 20px;
    text-align: center;
    padding: 20px 40px 10px 40px;
}
.text_section_2{
    font-family: var(--HelveticaNeueCyr-Roman);
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: var(--color_dark_gray);
    padding: 10px 20px 30px 20px;
}


/* имидж */
.imidzh{
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
    background-color: var(--color_line_gray);
}
.imidzh_img{
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
}
.imidzh_grid{
    max-width: 1400px;

    display: grid;
    margin: 0 auto;
    justify-content: center;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 50px 0px;
}
.imidzh_grid_box{
    max-width: 332px;
    width: 100%;
}
.imidzh_text{
    text-align: center;
    font-family: var(--HelveticaNeueCyr-Bold);
    color: var(--color_h2);
    font-size: 22px;
    margin-top: 10px;
    padding: 0px 20px;
}
.imidzh_text_min{
    text-align: center;
    font-family: var(--HelveticaNeueCyr-Roman);
    color: var(--color_dark_gray);
    font-size: 13px;
    line-height: 18px;
    padding: 10px 27px;
}

/* пакеты */
.paket_img{
    display: flex;
    align-items: center;
    max-width: 1920px;
    height: 1000px;
    margin: 0 auto;
    background-image: url(../img/products/products_predstavit/333.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.text_paket{
    font-size: 200px;
    color: #ffffff;
    text-align: center;
    display: block;
    margin: 0 auto;
    font-family: var(--HelveticaNeueCyr-Bold);
}
.button_min_1{
    text-align: center;
    text-decoration: none;
    color: #1675c2;
    font-size: 12px;
    display: block;
    margin: 5px 0px;
}
.pakets_grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    gap: 20px;
}
.pakets_grid_item{
    max-width: 452px;
    width: 100%;
    background: #F8F8F8;
    margin: 0 auto;
    margin: 50px 0px;
    border-radius: 20px;
    padding-top: 26px;
    padding-bottom: 50px;
}
.pakets_grid_item:hover{
    transition: var(--transition);
    background-color: #777777;
}
.pakets_grid_item:hover .imidzh_text{
    color: #F8F8F8;
}
.pacets_min_img{
    max-width: 436px;
    width: 100%;
    border-radius: 20px;
    margin: 0 auto;
}

/* подарочная */
.present{
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    margin-top: 6px;
    padding: 0 20px;
    background-color: var(--color_line_gray);
}
.text_predst_min{
    font-family: var(--HelveticaNeueCyr-Medium);
    font-size: 28px;
    line-height: 38px;
    text-align: center;
    color: var(--color_dark_gray);
    margin-bottom: 50px;
}
.pakets_text_min{
    text-align: center;
    font-family: var(--HelveticaNeueCyr-Roman);
    color: var(--color_dark_gray);
    font-size: 13px;
    line-height: 18px;
    padding: 10px 50px;
}
.present_grid_item{
    max-width: 452px;
    width: 100%;
    background: #ffffff;
    margin: 50px 0px;
    border-radius: 20px;
    padding-bottom: 20px;
    transition: var(--transition);
}
.present_grid_item:hover{
    transform: scale(1.020);

}

.present_min_img{
    max-width: 360px;
    width: 100%;
    border-radius: 20px;
    margin: 0 auto;
    display: block;
    margin-bottom: 30px;
}

/* kalendars */

.kalendar_icon_box{
    display: flex;
    justify-content: space-between;
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 50px;
    border-radius: 16px;
}
.kalendar_icon{
    width: 133px;
}

.kalendar_icon_img_1{
    width: 120px;
    height: 120px;
    margin: 0 auto;
    background-image: url(../img/products/products_calendars/kalendars_icon/kalend_icon_1.jpg);
    background-position: center center;
    background-size: cover;
}
.kalendar_icon_img_2{
    width: 120px;
    height: 120px;
    margin: 0 auto;
    background-image: url(../img/products/products_calendars/kalendars_icon/kalend_icon_2.jpg);
    background-position: center center;
    background-size: cover;
}
.kalendar_icon_img_3{
    width: 120px;
    height: 120px;
    margin: 0 auto;
    background-image: url(../img/products/products_calendars/kalendars_icon/kalend_icon_3.jpg);
    background-position: center center;
    background-size: cover;
}
.kalendar_icon_img_4{
    width: 120px;
    height: 120px;
    margin: 0 auto;
    background-image: url(../img/products/products_calendars/kalendars_icon/kalend_icon_4.jpg);
    background-position: center center;
    background-size: cover;
}
.kalendar_icon_img_color{
    width: 120px;
    height: 120px;
    justify-content: center;
    margin: 0 auto;
    opacity: 0;
    transition: var(--transition);
}

.kalendar_icon:hover .kalendar_icon_img_color{
    opacity: 1;
}

.kalendar_icon_text{
    font-family: var(--HelveticaNeueCyr-Roman);
    font-size: 13px;
    color: var(--color_h2);
    text-align: center;
    margin-top: 20px;
}

.text_kalendar_top{
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 100px;
}
.kalendar__box{
    width: 100%;
    max-width: 1200px;
    background: #FAFAFC;   
    margin: 0 auto;  
    border-radius: 20px;
}
.kalendar_1_box_min{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    width: 100%;
    max-width: 1137px;
    margin: 0 auto;
    padding: 30px 0;
 } 
.kalendar_text_groops{
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 10px;
    padding-left: 30px;
    padding-top: 30px;
}
.kalendar_text_groops_text{
    font-family: var(--HelveticaNeueCyr-Bold);
    color: var(--color_h2);
    font-size: 50px;
}
 .kalendar_1_grid{
    padding: 20px 20px;
    background: #FAFAFC;
    border-radius: 20px;
    box-sizing: border-box;
 }
 .kalendar_text_1{
    font-family: var(--HelveticaNeueCyr-Bold);
    color: var(--color_h2);
    font-size: 26px;
    margin-bottom: 20px;
 }
 .kalendar_text_2{
    font-family: var(--HelveticaNeueCyr-Roman);
    font-size: 12px;
    line-height: 16px;
    margin-top: 20px;
 }
  .kalendar_text_2_span{
    font-family: var(--HelveticaNeueCyr-Medium);
 }
 /* календарь 1 */
 .kalendar_1_img{
    margin-top: 20px;
    max-width: 198px;
    width: 100%; 
    max-height: 480px;
    height: auto;
    background-image: url(../img/products/products_calendars/color/mini_gray.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
 }
 .kalendar_1_img_img{
    width: 100%;
    opacity: 0;
    transition: var(--transition);
 }
.kalendar_1_grid:hover .kalendar_1_img_img{
    opacity: 1;
}

/* календарь 2 */
 .kalendar_2_img{
    margin-top: 20px;
    max-width: 198px;
    width: 100%; 
    max-height: 560px;
    height: auto;
    background-image: url(../img/products/products_calendars/color/midi_grey.png);
    background-size: contain;
    background-repeat: no-repeat;
 }
/* календарь 3 */
 .kalendar_3_img{
    margin-top: 20px;
    max-width: 210px;
    width: 100%; 
    max-height: 598px;
    height: auto;
    background-image: url(../img/products/products_calendars/color/maxi_grey.png);
    background-size: contain;
    background-repeat: no-repeat;
 }
/* календарь 4 */
 .kalendar_4_img{
    margin-top: 20px;
    max-width: 222px;
    width: 100%; 
    max-height: 328px;
    height: auto;
    background-image: url(../img/products/products_calendars/color/A2_grey.png);
    background-size: contain;
    background-repeat: no-repeat;
 }
.kalendar_1_grid:hover .kalendar_1_img_img{
    opacity: 1;
}

/* настольные горизонтальные */
.kalendar_goriz_box_min{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    width: 100%;
    max-width: 1137px;
    margin: 0 auto;
    padding: 30px 0;
 } 
.kalendar_goriz_1_img{
    margin-top: 20px;
    max-width: 296px;
    width: 100%; 
    height: auto;
    background-image: url(../img/products/products_calendars/nastol_goriz/nastolnayi_gorizont_1.png);
    background-size: contain;
    background-repeat: no-repeat;
 }
.kalendar_goriz_2_img{
    margin-top: 20px;
    max-width: 296px;
    width: 100%; 
    height: auto;
    background-image: url(../img/products/products_calendars/nastol_goriz/nastolnayi_gorizont_2.png);
    background-size: contain;
    background-repeat: no-repeat;
 }
.kalendar_goriz_3_img{
    margin-top: 20px;
    max-width: 296px;
    width: 100%; 
    height: auto;
    background-image: url(../img/products/products_calendars/nastol_goriz/nastolnayi_gorizont_3.png);
    background-size: contain;
    background-repeat: no-repeat;
 }

 /* настольные вертикальные */
.kalendar_vertik_1_img{
    margin-top: 20px;
    max-width: 240px;
    width: 100%; 
    height: auto;
    background-image: url(../img/products/products_calendars/nastol_vertik/nastol_vertik_1.png);
    background-size: contain;
    background-repeat: no-repeat;
 }
 .kalendar_vertik_2_img{
    margin-top: 20px;
    max-width: 240px;
    width: 100%; 
    height: auto;
    background-image: url(../img/products/products_calendars/nastol_vertik/nastol_vertik_2.png);
    background-size: contain;
    background-repeat: no-repeat;
 }
.kalendar_fon_img_img{
    width: 100%;
    border-radius: 20px;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
 }
/* kursor */
.kalendar_cursor_1_img{
    margin-top: 20px;
    max-width: 296px;
    width: 100%; 
    height: auto;
    background-image: url(../img/products/products_calendars/kursor_classic.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}
.kalendar_cursor_2_img{
    margin-top: 20px;
    max-width: 296px;
    width: 100%; 
    height: auto;
    background-image: url(../img/products/products_calendars/kursor_static.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}
.kalendar_cursor_3_img{
    margin-top: 20px;
    max-width: 296px;
    width: 100%; 
    height: auto;
    background-image: url(../img/products/products_calendars/kursor_magnit.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

.section_rekl_prod{
    background-color: #F4F4F4;
}


.katalogs_top_grid{
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    display: grid;
    /* grid-template-columns: repeat(auto-fit, minmax(480px, 1fr)); */
    grid-template-columns: 480px 1fr;
    grid-template-rows: 700px;
    gap: 20px;
    padding: 20px;
    justify-content: center;
}
.katalogs_top_box{
    background-color: #f7f7f7;
    border-radius: 16px;  
    align-content: center;
}

.katalogs_top_box_img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 16px;
}
.box_katalogs_text_top{
    font-family: var(--HelveticaNeueCyr-Bold);
    font-size: 36px;
    padding: 30px 30px 20px 30px;
}
.box_katalogs_text{
    font-family: var(--HelveticaNeueCyr-Roman);
    font-size: 20px;
    line-height: 28px;
    padding: 0px 30px 30px 30px;
}




@media screen and (max-width: 1200px) {
    .box_magazin{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .box_magazin_text{
        max-width: 800px;
        min-width: 300px;
        padding-left: 40px;
        padding-right: 40px;
        margin: 30px 0px;
    }
    .text_mag_h3{
        margin-top: 20px;
    }
    .img_magazin_fon_img{
        display: none;
    }
    .img_magazin_fon_img_min{
        display: block;
        max-width: 1200px;
        width: 100%;
    }
    .text_paket{
        font-size: 160px;
    }
    .box_katalogs_text_top{
        font-size: 26px;
    }
    .box_katalogs_text{
        font-size: 18px;
        line-height: 23px;
    }       

}

@media screen and (max-width: 1000px) {
    .text_paket{
        font-size: 100px;
    }
    .text_top_h1{
        font-size: 80px;
        margin-top: 60px;
        margin-bottom: 20px;
    }
    .section_2_box{
        width: 100%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        padding: 0 20px 50px 20px;
    }
    .section_4_grid{
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        margin: 0 auto;
        padding: 0px 20px;
    }
    .katalogs_flex_top{
        align-items: center;
        flex-direction: column-reverse;
    }
    .katalogs_top_grid{
        grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
        justify-content: center;
    }    
}

@media screen and (max-width:860px){
    .katalogs_flex_box{
        width: 100%;
    } 
    .products_menu{
        justify-content: center;
        align-items: center;
        grid-template-columns: repeat(4, 1fr);
        /* grid-template-columns: repeat(auto-fit, minmax(30px, 60px)); */
        gap: 10px;
        margin: 0 auto;
        margin: 70px 0px 30px 0px;
    }
    .menu_img{
        width: 45px;
    }
    .munu_text{
        font-size: 12px;
    }
    .present_grid_item{
        margin: 0 auto;
    }
    .pakets_grid{
        grid-template-columns: repeat(1, 1fr);
        margin: 0 auto;
        gap: 10px;
    }    
}


@media screen and (max-width: 800px) {
    .text_top_h1{
        font-size: 60px;
        margin-top: 50px;
    }
    .imidzh_grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 6px;
        padding: 50px 0px;
        margin: 0 auto;
        justify-content: center;
    }
    .products_menu_itom{
        margin: 0 auto;
        align-items: center;
    }
    .pakets_grid_item{
        margin: 0 auto;
    }
    .present{
        padding-bottom: 40px;
    }
    .text_mag_h2{
        font-size: 50px;
        padding-bottom: 10px;
    }
    .text_zhyrnal_h1{
        font-size: 60px;
    }
    .kalendar_1_box_min{
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    margin: 0 auto;
 } 
  .kalendar_1_grid{
    justify-items: center;
    align-items: center;
 }
 .kalendar_goriz_box_min{
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    justify-items: center;
 } 
 .kalendar_fon_img_img{
    display: none;
 }
 .kalendar_text_2{
    text-align: center;
 }
 .conteiner_vids_flex{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.conteiner_vids_flex_box:hover{
    transform: none;
}
.section_4_grid_box{
    padding: 40px 28px;
    margin-top: 20px;
}
.section_4_grid_box:hover{
    transform: none;
}
.icon_strelka, .ypak_icon_1, .ypak_icon_2, .ypak_icon_3{
    animation: none;
}
}

@media screen and (max-width: 630px) {
    .text_top_h1{
        font-size: 40px;
    }
    .section_2_box{
        width: 100%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        padding: 0 20px 50px 20px;
    }
    .text_paket{
        font-size: 56px;
    }
    .h3{
        font-size: 30px;
        padding: 50px 10px 30px 10px;
    }
    .text_top_with{
        font-size: 30px;
        padding: 50px 10px 30px 10px;        
    }
    .paket_img{
        height: 500px;
        margin: 0 auto;
    }
    .section_magazin{
        background-color: #F4F4F4;
        padding: 50px 10px 50px 10px;
    }
    .box_magazin{
        margin-top: 20px;
    }
    .section_text_bottom{
        margin-top: 50px;
    }
    .text_predst_top{
        padding: 0;
        margin-bottom: 50px;
    }
    .kalendar_goriz_box_min{
        grid-template-columns: repeat(1, 1fr);
        justify-content: center;
        justify-items: center;
    } 
    .kalendar_text_groops_text{
        text-align: center;
        padding-left: 0;
    }
    .kalendar_icon_box{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    max-width: 350px;
    width: 100%;
}
.ypakovka_top_text{
    font-size: 66px;
}
.section_ypakovka_img{
    height: 290px;
    margin: 0 auto;
    object-fit: cover;
}
.text_ypakovka{
    font-size: 23px;
    margin-bottom: 16px;
}
.h2_ypakovka_black{
    font-size: 40px;
    line-height: 36px;
    padding: 0px 10px;
}
.section_ypakovka{
    padding-top: 30px;
    margin-bottom: 10px;
}
.text_section_ypak_2_black{
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 30px;
    padding: 0px 30px;
}
.conteiner_vids_flex_box{
    margin-top: 50px;
}
.ypakovka_top_text_min{
    font-size: 26px;
    line-height: 36px;
    padding: 0px 30px;
}
.conteiner_vids{
    max-width: 1060px;
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
    padding-bottom: 30px;
}
.ypak_icon_1{
    width: 90px;
    height: 76px;
}
.ypak_icon_2{
    width: 90px;
    height: 76px;
}
.ypak_icon_3{
    width: 90px;
    height: 76px;
}
}


@media screen and (max-width: 540px) {
    .text_top_h1{
        font-size: 28px;
    }
    .imidzh_grid{
        display: grid;
        margin: 0 auto;
        justify-content: center;
        grid-template-columns: repeat(1, 300px);
        gap: 20px;
        padding: 50px 0px;
    }
    .text_top_p{
        font-size: 16px;
        line-height: 22px;
        padding: 0px 20px;
    }
    .text_predst_min{
        font-size: 16px;
        line-height: 22px;
        padding: 0px 20px;
    }
    .text_mag_h2{
        font-size: 32px;
    }
    .text_mag_h1{
        font-size: 23px;
    }
    .text_mag_h3{
        font-size: 14px;
        line-height: 19px;
    }
    .text_zhyrnal_h1{
        font-size: 40px;
        margin-top: 50px;
        margin-bottom: 30px;
    }
    .pakets_grid_item{
        background: #F8F8F8;
        margin: 0 auto;
        margin: 0px 0px;
        border-radius: 0;
        padding-top: 0px;
        padding-bottom: 50px;
    }
    .kalendar_text_groops_text{
    font-size: 36px;
    padding: 0;
    }
    .kalendar_text_groops{
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 10px;
    padding-top: 30px;
    padding-left: 0;

}
.kalendar_1_box_min{
    grid-template-columns: repeat(1, 1fr);
 } 
 .ypakovka_top_text{
    font-size: 46px;
 }
 .ypakovka_top_text_min_1{
    font-size: 20px;
    line-height: 26px;
 }
 .ypakovka_top{
    max-width: 1400px;
    width: 100%;
    height: 600px;
    background-size: 100%;
    margin: 0 auto;
}
.h2_ypakovka{
    font-size: 32px;
    line-height: 36px;
    padding: 0px 20px;
}
.text_section_ypak_2{
    font-size: 18px;
    line-height: 26px;
    padding: 0px 30px;
}
.h2_ypakovka_black{
    font-size: 30px;
    line-height: 36px;
    padding: 0px 10px;
}
.kalendar_1_img{
    margin: 0 auto;
}
.kalendar_2_img{
    margin: 0 auto;
}
.kalendar_3_img{
    margin: 0 auto;
}
.kalendar_4_img{
    margin: 0 auto;
}
.kalendar_text_1{
    text-align: center;
}
.katalogs_top_grid{
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-template-rows: 500px;
    justify-content: center;
}
.box_katalogs_text{
    font-size: 14px;
    line-height: 20px;
}
    .mini_mini{
        display: block;
        visibility: visible;
    }

}