@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;
}
h1, h2, h3, p{
    font-family: 'HelveticaNeueCyr-Roman', Tahoma, Arial, Arial-bold, Tahoma-bold
} 
:root{
    --HelveticaNeueCyr-Roman: 'HelveticaNeueCyr-Roman', Tahoma, Arial;
    --HelveticaNeueCyr-Medium: 'HelveticaNeueCyr-Medium', Tahoma, Arial;
    --HelveticaNeueCyr-Bold: 'HelveticaNeueCyr-Bold', Tahoma, Arial;
    --transition: 0.3s;
    --color_dark_gray: #6E6E73;
    --color_gray_white: #f5f5f7;
    --color_gray_text_top: #1d1d1f;
    --color_link: #1675c2;
    --color_oranzh: #ff5100;
    --color_green: #c8ff00;
}
.body_image {
  margin: 0;
  font-family: Arial, sans-serif;
  /* background: #f5f5f7; */
  margin: 0 auto;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
}

.h1_text_box{
    margin: 0 auto;
    background: white;
    padding: 100px 0px 0px 0px;
}
.h1_text_box_pakets{
    margin: 0 auto;
    margin-bottom: 60px;
    background: white;
    padding: 100px 0px 0px 0px;
}
.h1_text_top{
    font-family: var(--HelveticaNeueCyr-Bold);
    text-align: center;
    /* font-size: 70px; */
    padding: 0px 20px 0px 20px;
    font-size: clamp(2.25rem, 1.825rem + 2.125vi, 4.375rem);
}
.h1_text_top_min{
    font-family: var(--HelveticaNeueCyr-Bold);
    text-align: center;
    /* font-size: 23px; */
    font-size: clamp(1.125rem, 0.978rem + 0.735vi, 1.438rem);

    width: fit-content;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 6px;
}
.h2_box_midi{
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 20px;
}
.h2_text_midi{
    text-align: center;
    font-family: var(--HelveticaNeueCyr-Roman);
    /* font-size: 22px; */
    font-size: clamp(1.125rem, 1.007rem + 0.588vi, 1.375rem);
    line-height: 32px;
    margin-top: 20px;
    padding: 0px 20px 0px 20px;
}
.h2_text_midi_gray{
    color: var(--color_dark_gray);
}


.top_box_img_image{
    overflow: hidden;
    display: flex;
    object-position: center;
    margin: 0 auto;

    margin-left: 60px;
    margin-right: 60px;
}
.top__img_image{
    max-width: 1920px;
    margin: 0 auto;
    height: 600px;
    
    object-fit: cover;
    overflow: hidden;

    border-radius: 16px;
}
.top__img_image_big{
    max-width: 1800px;
    height: 660px;
    width: 100%;
    margin: 0 auto;

    object-fit: cover;
    overflow: hidden;
    border-radius: 16px;
}
.section_gray{
    background-color: #f5f5f7;
    padding-bottom: 10px;
    margin: 0 auto;
    margin-top: 13px;
    padding: 60px 0px 30px 0px;
}
.h1_text_box_kalendars{
    margin: 0 auto;
    margin-bottom: 60px;
    background: #f5f5f7;
}
@media screen and (max-width: 860px) {
    .top__img_image{
        height: 450px;
    }
    .top__img_image_big{
        height: 450px;
    }
    .h1_text_box{
        padding-top: 60px;
    }
    .h1_text_box_kalendars{
    padding: 35px 0px 0px 0px;        
    }
    .top_box_img_image{
        margin-left: 20px;
        margin-right: 20px;
    }
    .section_gray{
        margin-top: 3px;
        padding: 0px 0px 10px 0px;
    }
    
}
@media screen and (max-width: 460px) {
    .top__img_image{
        height: 300px;
    }
    .top__img_image_big{
        height: 360px;
    }
    .h1_text_box{
        padding-top: 40px;
    }
    .h1_text_box_pakets{
        padding-top: 60px;
    }

}