@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Open+Sans&family=Ubuntu:wght@300;400&family=Nunito:wght@200&display=swap");
header.site-header { padding: 30px 10px; display: flex; justify-content: center; align-items: center; }

@media only screen and (max-width: 600px) { header.site-header { padding-top: 80px; } }

header.site-header .logo { width: 100px; height: 100px; float: left; }

@media only screen and (max-width: 600px) { header.site-header .logo { width: 50px; height: 50px; } }

header.site-header h1 { display: inline-block; margin: 0 0 0 20px; font-family: "Ubuntu", sans-serif; font-weight: 300; }

header.site-header h1 span { display: block; }

header.site-header h1 .name { font-size: 55px; line-height: 55px; }

header.site-header h1 .description { font-size: 35px; line-height: 45px; }

@media only screen and (max-width: 600px) { header.site-header h1 .name { font-size: 25px; line-height: 25px; } header.site-header h1 .description { font-size: 20px; line-height: 25px; } }

div.mobile_bar, #sidebar_toggle { display: none; }

@media only screen and (max-width: 600px) { div.mobile_bar { display: block; position: fixed; left: 0; top: 0; z-index: 2; width: 100%; height: 50px; background-color: white; /* добавляем "гамбургер" */ } div.mobile_bar .sidebar_btn { display: flex; /* используем flex для центрирования содержимого */ align-items: center; /* центрируем содержимое кнопки */ position: absolute; top: 12px; left: 12px; width: 26px; height: 26px; cursor: pointer; z-index: 1; } div.mobile_bar .sidebar_btn span, div.mobile_bar .sidebar_btn span::before, div.mobile_bar .sidebar_btn span::after { transition: all 0.5s ease; } div.mobile_bar .sidebar_btn > span, div.mobile_bar .sidebar_btn > span::before, div.mobile_bar .sidebar_btn > span::after { display: block; position: absolute; width: 100%; height: 2px; background-color: #616161; } div.mobile_bar .sidebar_btn > span::before { content: ''; top: -8px; } div.mobile_bar .sidebar_btn > span::after { content: ''; top: 8px; } #sidebar_toggle:checked ~ div.mobile_bar .sidebar_btn span { transform: rotate(45deg); } #sidebar_toggle:checked ~ div.mobile_bar .sidebar_btn span::before { top: 0; transform: rotate(0); } #sidebar_toggle:checked ~ div.mobile_bar .sidebar_btn span::after { top: 0; transform: rotate(90deg); } #sidebar_toggle:checked ~ aside.sidebar { margin-left: 0; left: 0; } }

aside.sidebar { height: 100%; width: 250px; position: fixed; z-index: 1; top: 0; left: 0; overflow-x: hidden; padding-top: 160px; }

aside.sidebar nav { padding: 20px; }

aside.sidebar nav a, aside.sidebar nav span.no_link { display: block; font: normal 20px/20px "Nunito", sans-serif; padding-top: 20px; text-transform: uppercase; }

aside.sidebar nav div { padding-left: 20px; }

aside.sidebar nav div a { text-transform: none; padding-top: 10px; }

@media only screen and (max-width: 600px) { aside.sidebar { padding-top: 60px; background-color: white; margin-left: -250px; transition: all 0.5s ease; } }

aside.sidebar div.langs { padding: 20px; }

aside.sidebar div.langs a, aside.sidebar div.langs span.no_link { display: inline-block; padding-right: 10px; font: normal 20px/20px "Nunito", sans-serif; text-transform: uppercase; }

aside.sidebar div.social_links { padding: 20px; }

aside.sidebar div.social_links img.social_icon { width: 32px; height: 32px; }

main.page-content { margin: 0 0 0 250px; font-family: "Open Sans", sans-serif; padding: 0 10px; }

main.page-content h1, main.page-content h2, main.page-content h3, main.page-content h4, main.page-content h5, main.page-content h6 { font-family: "Ubuntu", sans-serif; }

main.page-content div.grid .grid-sizer, main.page-content div.grid .grid-item { width: 100%; }

@media only screen and (min-width: 900px) { main.page-content div.grid .grid-sizer, main.page-content div.grid .grid-item { width: calc(50% - 5px); } }

@media only screen and (min-width: 1300px) { main.page-content div.grid .grid-sizer, main.page-content div.grid .grid-item { width: calc(33% - 3px); } }

main.page-content div.grid .grid-item img { display: block; width: 100%; height: auto; margin-bottom: 10px; }

@media only screen and (max-width: 600px) { main.page-content { margin: 0; } }

main.page-content div.prices { display: flex; justify-content: space-evenly; }

@media only screen and (max-width: 900px) { main.page-content div.prices { display: block; } }

main.page-content div.prices div.price-block { flex: 50%; width: 400px; }

@media only screen and (max-width: 900px) { main.page-content div.prices div.price-block { margin: 0 auto; } }

main.page-content div.prices div.price-block .title { text-align: center; }

main.page-content div.prices div.price-block .price { font: normal 40px "Nunito", sans-serif; padding-left: 60px; }

body { margin: 0; }

body a:link, body a:visited { text-decoration: none; color: #55f; }

body a:hover { color: red; text-decoration: solid underline red 1px; }

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