@charset "utf-8";
@import url(css/media.css);

:root {
    --block-inside-width: 1372px; /* Ширина рабочей области  */
    --fixed-height: 65px; /* высота блока с классом .bar-fixed до начала прокрутки страницы.
	//Что бы не было подёргинвания страницы при прокрутке, данное значение необходимо установить равным высоте */
    --block-color: #24de31; /* основной цвет блоков */
    --block-color-hover: #4ff05a; /* основной цвет блоков при наведении */
    --font-color: #141414; /* основной цвет шрифтов */
    --padding-block-inside: 0 15px;
    --padding-block-inside-section: 75px 15px;
    --padding-bottom: 75px;
    --margin-bottom: 75px;
    --spacing-md: 0.9375rem; /* 15px */
}

body {
    font-family: "Onest-Light", sans-serif;
    line-height: 1;
    color: var(--font-color);
}

body img {
    max-width: 100%;
    display: block;
    margin: 0;
    height: auto;
}
h3,
.single-portfolio h1 {
    font-family: "Onest-Regular";
    font-size: 40px;
    margin-bottom: 70px;
    text-transform: uppercase;
}
p {
    margin-bottom: 25px;
    font-family: "Onest-Light";
    font-size: 15px;
    line-height: 140%;
    letter-spacing: -0.05em;
}
p:last-child {
    margin-bottom: 0;
}

.last-item {
    order: 1;
}
.first-item {
    order: -1;
}
h1.page-title {
    text-align: left;
    color: #141414;
    font-size: 46px;
    line-height: 54px;
}
/*--v1--*/

/*-- Блок подлкючения шрифтов --*/
@font-face {
    font-family: "Onest-Light";
    src: url("fonts-artgiela/Onest-Light.eot");
    src:
        url("fonts-artgiela/Onest-Light.eot?#iefix") format("embedded-opentype"),
        url("fonts-artgiela/Onest-Light.woff") format("woff"),
        url("fonts-artgiela/Onest-Light.ttf") format("truetype"),
        url("fonts-artgiela/Onest-Light.svg#Onest-Light") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Onest-Light";
    src: url("fonts-artgiela/Onest-Light.otf");
}

@font-face {
    font-family: "Onest-Regular";
    src: url("fonts-artgiela/Onest-Regular.eot");
    src:
        url("fonts-artgiela/Onest-Regular.eot?#iefix")
            format("embedded-opentype"),
        url("fonts-artgiela/Onest-Regular.woff") format("woff"),
        url("fonts-artgiela/Onest-Regular.ttf") format("truetype"),
        url("fonts-artgiela/Onest-Regular.svg#Onest-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Onest-Regular";
    src: url("fonts-artgiela/Onest-Regular.otf");
}

@font-face {
    font-family: "Onest-Medium";
    src: url("fonts-artgiela/Onest-Medium.eot");
    src:
        url("fonts-artgiela/Onest-Medium.eot?#iefix")
            format("embedded-opentype"),
        url("fonts-artgiela/Onest-Medium.woff") format("woff"),
        url("fonts-artgiela/Onest-Medium.ttf") format("truetype"),
        url("fonts-artgiela/Onest-Medium.svg#Onest-Medium") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Onest-Medium";
    src: url("fonts-artgiela/Onest-Medium.otf");
}

@font-face {
    font-family: "Geist-Regular";
    src: url("fonts-artgiela/Geist-Regular.eot");
    src:
        url("fonts-artgiela/Geist-Regular.eot?#iefix")
            format("embedded-opentype"),
        url("fonts-artgiela/Geist-Regular.woff") format("woff"),
        url("fonts-artgiela/Geist-Regular.ttf") format("truetype"),
        url("fonts-artgiela/Geist-Regular.svg#Geist-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*@font-face {
	font-family: 'Geist-Regular';
	src: url('fonts-artgiela/Geist-Regular.otf');
}*/

@font-face {
    font-family: "Geist-Medium";
    src: url("fonts-artgiela/Geist-Medium.eot");
    src:
        url("fonts-artgiela/Geist-Medium.eot?#iefix")
            format("embedded-opentype"),
        url("fonts-artgiela/Geist-Medium.woff") format("woff"),
        url("fonts-artgiela/Geist-Medium.ttf") format("truetype"),
        url("fonts-artgiela/Geist-Medium.svg#Geist-Medium") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Geist-Medium";
    src: url("fonts-artgiela/Geist-Medium.otf");
}

@font-face {
    font-family: "Geist-SemiBold";
    src: url("fonts-artgiela/Geist-SemiBold.eot");
    src:
        url("fonts-artgiela/Geist-SemiBold.eot?#iefix")
            format("embedded-opentype"),
        url("fonts-artgiela/Geist-SemiBold.woff") format("woff"),
        url("fonts-artgiela/Geist-SemiBold.ttf") format("truetype"),
        url("fonts-artgiela/Geist-SemiBold.svg#Geist-SemiBold") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Geist-SemiBold";
    src: url("fonts-artgiela/Geist-SemiBold.otf");
}
/*-- Конец блока подлкючения шрифтов --*/

/*-- Start стилей общих блоков --*/
.artgiela-home-page .block-inside {
    display: block;
    width: 100%;
    max-width: var(--block-inside-width);
    min-height: 150px;
    margin: 0 auto;
    padding: var(--padding-block-inside);
    /* 	border: 1px dotted #000; */
}
/*-- End стилей общих блоков --*/

/*-- Start main-monitor-home-page --*/
.main-monitor-home-page {
    height: 100vh;
    /*	background: url('images/main-monitor-home-page.webp') no-repeat center bottom;*/
    background-size: cover;
    position: relative;
}
.mmhp-img-block {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    /*	background: rgba(205, 110, 35, 0.25);*/
    overflow: hidden;
}
.mmhp-img-block img {
    display: block;
    width: 100%;
    max-width: 135%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    position: relative;
    object-fit: cover;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}
.mmhp-img-block-mob {
    display: none;
}
.artgiela-home-page .header {
    width: 100%;
    padding: 20px 0;
    background: none;
}
.body-fixed-new {
    padding-top: 145px;
}

.artgiela-home-page .header.fixed-top-new {
    top: -145px;
}

.artgiela-home-page .header.fixed-new {
    margin-top: 0px;
    padding: 0;
    background: #f5f5f3;
    position: fixed;
    top: 0;
    left: 0;
    transition: top 1000ms cubic-bezier(0.005, 0.975, 0.73, 1);
    -webkit-transition: top 1000ms cubic-bezier(0.005, 0.975, 0.73, 1);
    -moz-transition: top 1000ms cubic-bezier(0.005, 0.975, 0.73, 1);
    -o-transition: top 1000ms cubic-bezier(0.005, 0.975, 0.73, 1);
    z-index: 1000;
    overflow: visible;
}

.artgiela-home-page .header.fixed-new .menu-searche li.menu-item,
.artgiela-home-page .header.fixed-new .menu-searche li.logo-li,
.artgiela-home-page .header.fixed-new ul.menu-searche li.menu-ico-search {
    display: none;
}
.artgiela-home-page .header.fixed-new ul.menu > li.menu-ico {
    justify-content: flex-start;
    margin-left: 10px;
}
.artgiela-home-page .header.fixed-new ul.menu li.menu-ico a,
.bmnc-cart .menu-ico a {
    background: url("images/cart-fixed.svg") no-repeat;
    color: #141414;
    background-size: 100%;
    cursor: pointer;
}

.page-searche h1 {
    margin-bottom: 35px;
    font-family: "Onest-Medium";
    font-size: 50px;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: -0.01em;
    text-transform: uppercase;
}
.page-searche h2 {
    margin-bottom: 15px;
    color: #000;
}
.page-searche h2 a {
    color: #000;
}

.bmnc-cart .menu-ico a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 29px;
    height: 29px;
    padding: 0;
    background-size: 100%;
    font-family: "Onest-Regular";
    font-size: 16px;
}

.artgiela-home-page .header.fixed-new .block-inside {
    min-height: 85px;
}

.artgiela-home-page .header .block-inside {
    display: flex;
    flex-wrap: wrap;
    min-height: 105px;
    overflow: visible;
    z-index: 1000;
}
.artgiela-home-page .logo {
    width: auto;
    max-width: 100px;
}
.artgiela-home-page .logo img {
    display: block;
    width: 100%;
    height: auto;
    margin: auto;
}
.logo-mob {
    display: none;
}
.artgiela-home-page .header.fixed-new ul.menu {
    display: flex;
    justify-content: space-between;
}
.artgiela-home-page .header ul.menu li.logo-mimi {
    display: none;
    width: 60px;
    height: 60px;
    background: url("images/logo-mini.svg") no-repeat center;
    background-size: contain;
}
.artgiela-home-page .header ul.menu li.logo-mimi a {
    width: 60px;
    height: 60px;
    padding: 0;
    cursor: pointer;
}
.artgiela-home-page .header.fixed-new ul.menu li.logo-mimi {
    display: flex;
    margin-right: 15px;
}
.search-block {
    display: none;
    height: 52px;
    position: absolute;
    right: 35px;
    bottom: -70px;
}
.search-block.sb-active {
    display: block;
}
.search-block .wp-block-search__inside-wrapper {
    height: 100%;
}
.header .search-block .widget_search {
    height: 100%;
    margin-bottom: 0;
    padding: 0;
    left: 0;
    position: relative;
    bottom: 0;
}
.search-block .widget_search form {
    height: 100%;
}
.search-block .wp-block-search__input {
    min-width: 320px;
    height: 100%;
    padding: 0 10px;
    border-radius: 0;
    border: 0;
    border-bottom: 1px #fff solid;
    background: none;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    background: transparent;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    -o-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
}
.search-block .wp-block-search__button {
    display: none;
    min-width: 90px;
    border-radius: 0;
}
/* .artgiela-home-page .call-back {
	padding: 5px 15px;
	border: 1px #ccc solid;
	border-radius: 3px;
} */

/*-- Start .bar-fixed --*/
.artgiela-home-page .bar-fixed {
    width: 100%;
    margin-top: 0;
    position: relative;
    top: 0;
}
.artgiela-home-page .bar-fixed.fixed {
    max-width: 100%;
    min-height: var(--fixed-height);
    margin-top: calc(0px - (var(--fixed-height)));
    padding: 0;
    position: fixed;
    left: 0;
    top: var(--fixed-height);
    transition: top 1000ms cubic-bezier(0.005, 0.975, 0.73, 1);
    -webkit-transition: top 1000ms cubic-bezier(0.005, 0.975, 0.73, 1);
    -moz-transition: top 1000ms cubic-bezier(0.005, 0.975, 0.73, 1);
    -o-transition: top 1000ms cubic-bezier(0.005, 0.975, 0.73, 1);
    z-index: 1000;
}
body.fixed-padding-top {
    padding-top: var(--fixed-height);
}
/*-- End .bar-fixed --*/

/*-- Start menu --*/

.artgiela-home-page .header ul.menu {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    align-items: center;
    width: 100%;
    margin: auto;
    padding: 0;
    position: relative;
    transition: none;
    -webkit-transition: none;
    z-index: 1000;
    /*	background: #4cf7f1;*/
}
.artgiela-home-page .header ul.menu > li {
    display: inline-block;
    width: auto;
    font-size: 16px;
    color: #f5f5f3;
    position: relative;
    white-space: nowrap;
    word-wrap: normal;
    font-family: "Onest-Regular";
    font-family: "Onest-Light";
    text-transform: uppercase;
    text-align: center;
}
.artgiela-home-page .header ul.menu li a {
    display: inline-flex;
    padding: 0 15px;
    color: #f5f5f3;
    white-space: nowrap;
    word-wrap: normal;
}
.artgiela-home-page .header ul.menu li:hover a {
}

.artgiela-home-page .header ul.menu li a.logo {
    width: 54px;
    padding: 0;
}
.artgiela-home-page .header ul.menu > li.menu-ico {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}
.artgiela-home-page .header ul.menu li.menu-ico a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 29px;
    height: 29px;
    padding: 0;
    background: url("images/cart.svg") no-repeat;
    background-size: 100%;
    font-family: "Onest-Regular";
    font-size: 16px;
}
.artgiela-home-page .menu-ico a:hover {
    text-decoration: none;
}
.artgiela-home-page .header ul.menu li.menu-ico-search {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 15px;
}
.artgiela-home-page .header ul.menu li.menu-ico-search a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    padding: 0;
    background: url("images/search-icon.svg") no-repeat;
    cursor: pointer;
}

.artgiela-home-page .header ul.menu li.parent ul li > a {
    padding: 0 15px 0 15px;
    cursor: pointer;
    position: relative;
}

.artgiela-home-page .header ul.menu li.parent > a:after,
.artgiela-home-page .header ul.menu li.parent > .separator:after,
.artgiela-home-page .header ul.menu li.parent > .nav-header:after {
    content: "\2228";
    display: block;
    width: 8px;
    height: 7px;
    position: absolute;
    right: 0;
    top: 21px;
    font-size: 11px;
    line-height: 11px;
    transform: scale(1.1, 0.6);
}
.artgiela-home-page .header ul.menu li.parent > a label {
    cursor: pointer;
}
.artgiela-home-page .header ul.menu ul.nav-child {
    display: block;
    width: auto;
    max-width: 300px;
    padding: 0px 0 0 0;
    position: absolute;
    left: -9999px;
    top: 50px;
    opacity: 0;
    border: 0px #ced3d6 solid;
    border-radius: 5px;
    white-space: nowrap;
    transition: 0.25s linear opacity;
    -webkit-transition: 0.25s linear opacity;
    -o-transition: 0.25s linear opacity;
}
.artgiela-home-page .header ul.menu ul.nav-child li {
    width: 100%;
    height: 44px;
    padding: 0 11px;
    line-height: 44px;
    border-top: 1px #ced3d6 solid;
    border-left: 1px #ced3d6 solid;
    border-right: 1px #ced3d6 solid;
    background: #fff;
    -webkit-transition: 400ms ease all;
    -moz-transition: 400ms ease all;
    -o-transition: 400ms ease all;
    transition: 400ms ease all;
}
.artgiela-home-page .header ul.menu ul.nav-child li:first-child {
    border-radius: 5px 5px 0 0;
}
.artgiela-home-page .header ul.menu ul.nav-child li:last-child {
    border-radius: 0 0 5px 5px;
    border-bottom: 1px #ced3d6 solid;
}
.artgiela-home-page .header ul.menu li:hover ul.nav-child {
    left: 0;
    opacity: 1;
    font-size: 16px;
    line-height: 44px;
}
.artgiela-home-page .header ul.menu ul.nav-child li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
    color: #5d6066;
    text-decoration: none !important;
}
.artgiela-home-page .header ul.menu ul.nav-child li:hover {
    background: #fffdec;
}

/*---*/
.artgiela-home-page .menu-icon,
.artgiela-home-page .mi-active {
    display: none;
    width: 40px;
    height: 24px;
    /* background: url(../images/menu-icon.png) no-repeat 0px 0px; */
    cursor: pointer;
    position: fixed;
    z-index: 10000;
}
.artgiela-home-page .mi_layer {
    display: none;
    width: 100%;
    height: 130%;
    position: absolute;
    left: 0;
    top: -10%;
    border: 0;
    outline: none;
    z-index: 1000;
}
.artgiela-home-page .mi-active .mi_layer {
    display: block;
}
/*---*/
.bg_menu_new {
    display: none;
    background: #000;
    bottom: 0;
    left: 0;
    opacity: 0.55;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
}
.artgiela-home-page .bg_menu-active {
    display: block;
}

/*---*/

/*- Start style icon-m -*/
.artgiela-home-page .icon-m {
    display: block;
    width: 100%;
    height: 3px;
    background: #191919;
    border-radius: 1em;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.artgiela-home-page .icon-m.active {
    background: #c5ec12;
}

.artgiela-home-page .icon-m.icon1 {
    top: 0%;
}
.artgiela-home-page .icon-m.icon1.active {
    top: 50%;
    -moz-transform: scale(1) rotate(225deg);
    -webkit-transform: scale(1) rotate(225deg);
    -o-transform: scale(1) rotate(225deg);
    -ms-transform: scale(1) rotate(225deg);
    transform: scale(1) rotate(225deg);
}
.artgiela-home-page .icon-m.icon2 {
    top: 50%;
    margin-top: -2px; /*transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%); -ms-transform:translate(0%, -50%);*/
}
.artgiela-home-page .icon-m.icon2.active {
    top: 50%;
    margin-top: 0px;
    -moz-transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg);
    -o-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
}
.artgiela-home-page .icon-m.icon3 {
    top: 100%;
    margin-top: -0.25em;
    -webkit-transition: all 0.75s ease-in-out;
    -moz-transition: all 0.75s ease-in-out;
    -ms-transition: all 0.75s ease-in-out;
    -o-transition: all 0.75s ease-in-out;
    transition: all 0.75s ease-in-out;
}
.artgiela-home-page .icon-m.icon3.active {
    top: -300%;
    background: transparent;
}
/*- End style icon-m -*/

.block-menu-cart {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 220px;
    height: 100%;
    padding: 85px 25px 35px 25px;
    background: #fff;
    position: fixed;
    top: 0;
    left: -220px;
    /*	left: 0;*/
    z-index: 10000;
}
.bmnc-cart {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 85px;
    padding-left: 25px;
    position: absolute;
    top: 0;
    left: 0;
}
.bmnc-inside {
    padding-top: 30px;
    font-size: 16px;
    line-height: 140%;
    text-transform: uppercase;
}

.block-menu-new-mob {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 220px;
    height: 100%;
    padding: 85px 25px 35px 25px;
    background: #fff;
    position: fixed;
    top: 0;
    right: -220px;
    /*	right: 0;*/
    z-index: 10000;
}
.bmnb-logo {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 85px;
    padding-right: 30px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
}
.block-menu-new-mob.bmi-width {
    transition: right 0.3s;
    –webkit-transition: right 0.3s;
}
.block-menu-new-mob.bmi-active {
    right: 0;
    transition: right 0.3s;
    –webkit-transition: right 0.3s;
}

.block-menu-cart.bmc-width {
    transition: left 0.3s;
    –webkit-transition: left 0.3s;
}
.block-menu-cart.bmс-active {
    left: 0;
    transition: left 0.3s;
    –webkit-transition: left 0.3s;
}

.bmnb-logo .logo-mimi {
    display: block;
    width: 60px;
    height: 60px;
    background: url("images/logo-mini.svg") no-repeat center;
    background-size: contain;
    position: relative;
}
.bmnb-logo .logo-mimi a {
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    z-index: 100000;
}
.bmnb-logo .logo-mimi.mi-active {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.bmnm-inside {
    width: 100%;
}
.bmnm-inside ul,
.bmnm-inside ol,
.bmnm-inside li {
    list-style: none;
    list-style-type: none;
}
.bmnm-inside ul.menu-header-new-mob li {
    list-style: none;
    list-style-type: none;
}
.bmnm-inside ul.menu-header-new-mob li::marker {
    display: none;
    content: "";
}
.header .block-menu-new-mob .search-block-mob {
    width: 100%;
}
.header .block-menu-new-mob .wp-block-search__inside-wrapper {
    width: 100%;
}
.header .block-menu-new-mob .widget_search {
    margin-bottom: 20px;
    padding: 0;
    text-align: left;
    position: relative;
    bottom: inherit;
}
.header .block-menu-new-mob .wp-block-search__input {
    width: 100%;
    min-width: 100px;
    height: 60px;
    padding: 0;
    border: 0;
    border-bottom: 1px #000 solid;
    border-radius: 0;
    outline: none;
    background: transparent;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    -o-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
}
.header .block-menu-new-mob .wp-block-search__button {
    display: none;
}
.menu-header-new-mob {
    padding-top: 18px;
}
.menu-header-new-mob li a,
.search-title-mob,
.block-menu-new-soc a {
    display: block;
    padding: 18px 0;
    font-family: "Onest-Regular";
    font-size: 16px;
    color: #141414;
    text-transform: uppercase;
}

/*-- End .bar-fixed and menu --*/
.main-monitor-home-page > .block-inside,
.main-monitor-page-two > .block-inside {
    text-align: center;
    height: calc(100vh - 145px);
    display: flex;
    align-items: center;
    justify-content: center;
    position: inherit;
    z-index: 10;
}
.main-monitor-pre {
    position: relative;
    top: -50px;
}
.artgiela-home-page .main-monitor-home-page .call-back {
    padding: 13.5px 55px;
    color: #f5f5f3;
    font-family: "Onest-Regular";
    border: 1px solid #f5f5f3;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    z-index: 10;
}

.call-back {
    display: inline-block;
    width: auto;
    padding: 19px 30px;
    border: 1px solid #141414;
    border-radius: 0;
    min-width: 236px;
    font-family: "Onest-Regular";
    font-size: 20px;
    color: var(--font-color);
    background: none;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
}

.main-monitor-pre h1 {
    /*	font-family: 'Onest-Regular';*/
    font-family: "Onest-Light";
    font-size: 20px;
    line-height: 140%;
    color: #f5f5f3;
    position: relative;
    z-index: 10;
}

/*-- End main-monitor-home-page --*/

/*-- Start main-monitor-page-two --*/
.main-monitor-page-two {
    height: 85px;
    background: #f5f5f3;
    overflow: visible;
}
.main-monitor-page-two > .block-inside {
    height: 100%;
}
.img-monitot-o-studii {
    height: 746px;
    overflow: hidden;
    position: relative;
}
.img-monitot-o-studii img {
    display: block;
    width: auto;
    min-width: 100%;
    min-height: 100%;
}
body .block-inside.bi-title {
    min-height: inherit;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.bi-title h1 {
    margin-bottom: 0;
    font-family: "Geist-Regular";
    font-size: 40px;
    color: #141414;
    line-height: 125%;
    letter-spacing: -0.01em;
    color: #141414;
    text-transform: uppercase;
    text-align: right;
}
/*-- End main-monitor-page-two --*/

/*-- Start category uslugi --*/
.category-uslugi {
}
.category-uslugi .call-back {
    margin-top: 25px;
    margin-left: auto;
}
.category-uslugi .about-studio .block-inside {
    /*	padding-bottom: 0;*/
}
.category-uslugi .about-studio:nth-child(even) .as-images {
    order: 1;
}
.category-uslugi .about-studio:nth-child(even) .as-content {
    order: 2;
}
.category-uslugi .about-studio:nth-child(even) .img-block:nth-child(2) {
    order: 1;
}
.category-uslugi .about-studio:nth-child(even) .img-block:nth-child(1) {
    order: 2;
}
.category-uslugi .about-studio:nth-child(even) .img-block:nth-child(3) {
    margin-left: inherit;
    margin-right: auto;
    order: 3;
}
.category-uslugi .about-studio:nth-child(even) .call-back {
    margin-left: inherit;
    margin-right: auto;
}
.category-uslugi .as-images,
.category-uslugi .as-images .img-block:nth-child(2) {
    height: 510px;
}
.category-uslugi .as-images .img-block:nth-child(1),
.category-uslugi .as-images .img-block:nth-child(3) {
    height: 250px;
}
.category-uslugi .as-images .img-block img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*-- End category uslugi --*/

/*-- Start category usluga --*/
.category-usluga .single-cat .block-inside {
    padding-top: 75px;
}
.number-etap {
    position: relative;
    left: 3px;
    bottom: 22px;
}
.category-usluga .sc-left {
    max-width: 750px;
}
.category-usluga .sc-right {
    display: grid;
    justify-content: flex-end;
    max-width: 517px;
}
.category-usluga .as-content h3,
.category-usluga .sc-left h3 {
    margin-bottom: 75px;
}
.category-usluga .as-content h3 span,
.category-usluga .sc-left h3 span {
    display: block;
    margin-top: 22px;
    font-family: "Onest-Light";
    font-size: 18px;
    line-height: 160%;
    color: #999;
    text-transform: initial;
}
.category-usluga .sc-left .call-back {
    margin-top: 25px;
}
/*-- End category usluga --*/

/*-- Start category portfolio and single portfolio --*/
/* Все базовые стили перенесены в css/pages.css */

/* Уникальные стили кнопок и описания: */
.article-project .swiper-button-next.swiper-button-disabled,
.article-project .swiper-button-prev.swiper-button-disabled {
    pointer-events: visible;
    cursor: pointer;
}
.swiper-left h3 a {
    color: #141414;
}
.ap-prev-content {
    margin-top: 35px;
    margin-bottom: 35px;
    color: #999;
    font-family: "Onest-Light", sans-serif;
    font-size: 16px;
    line-height: 1.5;
}
.ap-prev-content p,
.ap-prev-content ol li,
.ap-prev-content ul li {
    color: #999;
}
.single-portfolio .ap-prev-content p,
.single-portfolio .ap-prev-content ol li,
.single-portfolio .ap-prev-content ul li {
    color: var(--font-color);
}
/*-- End category portfolio and single portfolio --*/

/*.sb-wrapper {
	width: 40px;
	height: 55px;
	position: absolute;
	top: 100px;
	right: -50px;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	background: #00f;
}
.sb-wrapper .swiper-button-next {
	position: fixed;
	left: initial;
	right: initial;
}*/

/* Lightbox Styles */
.lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 1000; /* Ensure it's on top */
}
.lightbox.active {
    display: flex; /* Show the lightbox */
}
.lightbox-content {
    max-width: 90%;
    max-height: 90%;
    padding: 15px;
    background: #fff;
    position: relative;
    text-align: center;
}
.lightbox-image {
    max-width: 100%;
    max-height: 70vh;
    object-fit: contain;
}
.lightbox-navigation {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.lightbox-close {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
}
.lightbox-prev,
.lightbox-next {
    width: 50%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 0;
    cursor: pointer;
    background: none;
    border: none;
}
/*-- End category portfolio and single portfolio --*/

/*-- Start main-content-home-page --*/
.main-content-home-page {
    background: #e3e3e3;
    padding: 80px 0;
}

.about-us-studio,
.about-us-info {
    display: grid;
    grid-template-columns: 3fr 5fr;
    gap: 130px;
}
.about-us-info .call-back {
    display: inline-block;
}
.about-us-studio {
    grid-template-columns: 1fr;
    margin-bottom: 135px;
}
.about-us-studio-photo {
    display: none;
}
.about-us-info .div-img {
    height: 247px;
    overflow: hidden;
}

.about-us-studio-info {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}
.content-small-monitor {
    display: none;
}

.about-us-zagolovok {
    margin-bottom: 35px;
    font-size: 121px;
    line-height: 85%;
    font-family: "Geist-SemiBold";
}
.about-us-people {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.about-us-people .call-back {
    margin-top: auto;
}
.about-us-people-inside {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.about-us .div-img {
    margin-bottom: 45px;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    width: 100%;
    height: auto;
}
.about-us .div-img img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
/*-- End main-content-home-page --*/

/*-- Start single-blog --*/
.single-blog .block-inside {
    padding: var(--padding-block-inside-section);
}
body .single-blog h1 {
    font-size: 58px;
    line-height: 62px;
    text-transform: none;
}
.single-blog .block-inside {
    max-width: 1100px;
}
body .single-blog h2 {
    margin-bottom: 30px;
    font-size: 48px;
    line-height: 52px;
    text-transform: none;
}
body .single-blog h3 {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 40px;
    text-transform: none;
}
body .single-blog h4 {
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 30px;
    line-height: 34px;
    text-transform: none;
}
.single-blog .content-block p {
    font-size: 18px;
    line-height: 25px;
    text-align: justify;
}
.single-blog .content-block ul,
.single-blog .content-block ol {
    font-size: 16px;
    line-height: 22px;
}
/*-- End single-blog --*/

/*-- Start projekt-block --*/
.projekt-block {
    padding: 80px 0;
    background: #f5f5f3;
}

.projekt-block .block-inside {
    position: relative;
}

.projekt-block .block-inside .call-back {
    position: absolute;
    bottom: 0;
    right: calc(50% + 20px);
}

.artgiela-home-page h2 {
    font-size: 15px;
    line-height: 140%;
    font-family: "Onest-Regular";
    text-transform: uppercase;
    margin-bottom: 90px;
}

.artgiela-home-page .project {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 41px;
    margin-top: 90px;
}

.artgiela-home-page .project:nth-child(odd) {
    grid-template-columns: 4fr 3fr;
}

.artgiela-home-page .project:nth-child(odd) .project-info {
    order: 2;
}

.artgiela-home-page .project:first-child {
    margin-top: 0;
}

.project-info {
    max-width: 560px;
    padding-top: 82px;
    border-top: 1px solid #999999;
}
.mobil-img {
    display: none;
}
.artgiela-home-page .project p {
    color: #999999;
}
.div-images-outside {
    margin-top: 102px;
}
.div-images-outside img {
    width: 100%;
}
.project .div-images {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    max-width: 558px;
}
.content-mob {
    display: none;
}
/*-- End projekt-block --*/

/*-- Start block-intro --*/
.artgiela-home-page .block-intro {
    padding: var(--padding-block-inside-section);
    background: url("images/intro.jpg") no-repeat center bottom;
    background-size: cover;
    min-height: 775px;
    display: flex;
    justify-content: flex-end;
    background-attachment: fixed;
}

.intro {
    font-size: 121px;
    line-height: 85%;
    text-transform: uppercase;
    font-family: "Geist-SemiBold";
    color: #fff;
    text-align: right;
    width: 100%;
    max-width: 70%;
}

.artgiela-home-page .block-intro .block-inside {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-end;
}

/*-- End block-intro --*/

/*-- Start block-services --*/
.block-services {
    padding: 80px 0;
    background: #f5f5f3;
}

.block-services .block-inside {
}

.services a {
    display: inline-block;
    margin-right: 62px;
    margin-bottom: 40px;
    font-size: 40px;
    color: #999;
    font-family: "Geist-Regular";
    text-transform: uppercase;
    cursor: pointer;
}
.services a:hover,
.services .active a {
    color: #141414;
}
.services {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 50px;
}

@media only screen and (max-width: 990px) {
    .services {
        margin-bottom: 40px;
    }
    .services a {
        margin-right: 0;
        margin-bottom: 25px;
    }
}

.service-description {
    min-height: 65px;
    position: relative;
    padding: 0 60px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    color: var(--font-color);
}
.service-description:after {
    content: "";
    display: inline-block;
    width: 25px;
    height: 52px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    background: url("images/arrow-right.svg") no-repeat center;
    background-size: contain;
}

.block-services p {
    width: 100%;
    max-width: 50%;
}

/* .service-description:after {
	content: "";
	position: absolute;
	display: block;
	width: 25px;
	height: 50px;
	top: 5px;
	right: 0;
	background: url("images/arrow-right.png");
} */
/*[data-tab="1"] {
	display: block;
}*/
.tab-content__item {
    display: none !important;
}

.tab-content__item.active {
    display: block !important;
}

/* Стили для контейнера табов */
#uslugi-block .tab-content {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    display: block !important;
}

#uslugi-block .tab-content li {
    list-style: none !important;
    display: block;
    margin: 0;
    padding: 0;
}

#uslugi-block .tab-content li::marker,
#uslugi-block .tab-content .tab-content__item::marker {
    content: none !important;
    display: none !important;
    list-style: none !important;
}

#uslugi-block ul li,
#uslugi-block .services li {
    list-style: none !important;
}

/* Ссылка-контейнер для услуги */
.tab-content__item .service {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-md);
    text-decoration: none;
    color: inherit;
}

.service {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-md);
    color: var(--font-color);
}
.service {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: var(--spacing-md);
    align-items: start;
}
.service-images {
    grid-column: 1;
    grid-row: 1 / span 2;
    display: grid;
    gap: var(--spacing-md);
    align-items: flex-start;
    grid-template-columns: 1fr;
}
.service-desc {
    grid-column: 2;
    grid-row: 1;
    display: block;
    margin-top: 0;
}
.service-desc .div-img.div-img-3 {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-bottom: 0;
}
.service-description {
    grid-column: 2;
    grid-row: 2;
    min-height: 65px;
    position: relative;
    padding: 0 60px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    color: var(--font-color);
}
.service-description p {
    width: 100%;
    max-width: 100%;
}
.service-images .div-img {
    height: 408px;
    overflow: hidden;
    width: 100%;
}
.service-desc .div-img {
    height: 588px;
    overflow: hidden;
    width: 100%;
}
.service-desc .div-img.div-img-3 {
    display: block;
    width: 100%;
    height: 588px;
    overflow: hidden;
    margin-bottom: 20px;
}
.service-images .div-img img,
.service-desc .div-img img {
    display: block;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    position: relative;
    object-fit: cover;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.artgiela-home-page .div-img {
    overflow: hidden;
    border-radius: 0;
}
.artgiela-home-page .div-img img {
    border-radius: 0;
}
/* Исключение для about-us-info - сохраняем overflow: hidden */
.artgiela-home-page .about-us-info .div-img {
    overflow: hidden;
}
.artgiela-home-page .about-us-info .div-img img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}
/*-- End block-services --*/

/*-- Start block-contact --*/
.artgiela-home-page .block-contact {
    padding: 80px 0;
    background: #e3e3e3;
}

.block-contact-zagolovok {
    font-size: 121px;
    line-height: 85%;
    font-family: "Geist-SemiBold";
    text-transform: uppercase;
    margin-bottom: 80px;
}

.block-contact-form {
    display: grid;
    grid-template-columns: 3fr 6fr;
    gap: 60px;
}
.artgiela-home-page .block-contact .div-img {
    height: 460px;
}
/*-- End block-contact --*/

/*-- Start block-slider --*/
.artgiela-home-page .block-slider {
    min-height: 736px;
    background: #f5f5f3;
}
.artgiela-home-page .block-slider .block-inside {
    padding: var(--padding-block-inside-section);
}
.artgiela-home-page .swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 176px;
}
.artgiela-home-page .swiper-slide {
    min-height: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    margin-right: 63px;
}
.artgiela-home-page .swiper-slide > a {
    max-width: 560px;
}
.slider-smi {
    padding-left: 45px;
    padding-right: 45px;
}
.artgiela-home-page .slide-zagolovok {
    margin-bottom: 69px;
    font-size: 40px;
    font-family: "Geist-Regular";
    text-transform: uppercase;
    color: var(--font-color);
    text-align: left;
}

.artgiela-home-page .swiper-slide p {
    color: #999;
    width: 100%;
    max-width: 400px;
    font-weight: 300;
    text-align: left;
}

.artgiela-home-page .swiper-button-next:after,
.artgiela-home-page .swiper-button-prev:after,
.lightbox-prev:after,
.lightbox-next:after {
    content: "";
    display: block;
    width: 25px;
    height: 52px;
    background: url("images/arrow-right.svg");
}
.lightbox-prev:after {
    float: left;
    transform: rotate(180deg);
    margin-left: 15px;
}
.lightbox-next:after {
    float: right;
    margin-right: 15px;
}

.artgiela-home-page .swiper-button-next:after {
}
.artgiela-home-page .swiper-button-prev:after {
    transform: rotate(180deg);
}
.artgiela-home-page .swiper-button-prev {
    left: 0;
}
/*-- End block-slider --*/

/*-- Start category-publikatsii --*/
.сat-publikatsii {
}
.cat-publikatsii article {
    display: flex;
    flex-wrap: wrap;
    cursor: pointer;
    margin-bottom: 40px;
    -webkit-transition: 400ms ease all;
    -moz-transition: 400ms ease all;
    -o-transition: 400ms ease all;
    transition: 400ms ease all;
}
.cat-publikatsii .rs-right {
    border-top: 0;
}
.cat-publikatsii article:hover {
    opacity: 0.75;
}
.thumbnail-publikatsii {
    width: 128px;
}
.thumbnail-publikatsii img {
    min-width: 100%;
    height: auto;
}
.content-publikatsii {
    max-width: calc(100% - 128px);
    padding-left: 25px;
}
.cat-publikatsii article h2 {
    margin-bottom: 15px;
    /*--v1 font-size: 38px;
	line-height: 44px;--*/
}
/*-- End category-publikatsii --*/

/* ==========================================================
*  FORM  начало
*  ==========================================================
*/
.dannye-forma {
    width: 100%;
}

/* =============  inputs  ================== */

/* для случаев, когда в браузере настроено автозаполнение полей */
.artgiela-home-page #myform input:-webkit-autofill {
    -webkit-text-fill-color: #080708;
    -webkit-box-shadow: 0 0 0 50px #ffffff inset;
}
/* по умолчанию и введенный */
.artgiela-home-page #myform input[type="text"],
.artgiela-home-page #myform textarea {
    -webkit-overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    outline: none;
    font-size: 15px;
    line-height: 140%;
    border: none;
    color: var(--font-color);
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 0 15px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #141414;
    font-family: "Onest-Light";
    width: 100%;
    background: transparent;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    -o-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    border-radius: 0;
}

.artgiela-home-page #myform input::-webkit-input-placeholder,
.artgiela-home-page #myform textarea::-webkit-input-placeholder {
    font-size: 15px;
    line-height: 140%;
    color: #141414;
}
.artgiela-home-page #myform input::-moz-placeholder,
.artgiela-home-page #myform textarea::-moz-placeholder {
    font-size: 15px;
    line-height: 140%;
    color: #141414;
} /* Firefox 19+ */
.artgiela-home-page #myform input:-moz-placeholder,
.artgiela-home-page #myform textarea:-moz-placeholder {
    font-size: 15px;
    line-height: 140%;
    color: #141414;
} /* Firefox 18- */
.artgiela-home-page #myform input:-ms-input-placeholder,
.artgiela-home-page #myform textarea:-ms-input-placeholder {
    font-size: 15px;
    line-height: 140%;
    color: #141414;
}
/* наведение */
.artgiela-home-page #myform input[type="text"]:hover,
.artgiela-home-page #myform textarea:hover {
    border-bottom: 1px solid #999999;
}
.artgiela-home-page #myform input[type="text"]:hover::placeholder,
.artgiela-home-page #myform textarea:hover::placeholder {
    color: #999;
}
/* активный */
.artgiela-home-page #myform input[type="text"]:focus,
.artgiela-home-page #myform textarea:focus {
    border-bottom: 1px solid #999;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #e3e3e3 inset !important;
    /*  -webkit-text-fill-color: transparent !important;*/
}

/* =============  checkbox  ================== */
/* checkbox - в вёрстке подмена inputa span с рисунком d */
.artgiela-home-page .dannye-forma-checkbox-vybor {
    display: block;
    margin-bottom: 10px;
}
.artgiela-home-page .dannye-forma-checkbox {
    margin-bottom: 20px;
}
.artgiela-home-page .dannye-forma-checkbox span {
    font-size: 15px;
    line-height: 140%;
}
.artgiela-home-page .forma-checkbox {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.artgiela-home-page input[type="checkbox"] {
    width: 15px;
    height: 15px;
    margin: 0 14px 0 0;
}
.artgiela-home-page #myform input[type="text"].input {
    margin: 0;
    padding: 0;
}
.artgiela-home-page .checkbox-other {
    display: block;
    cursor: pointer;
    position: relative;
}
.artgiela-home-page .checkbox-other input[type="checkbox"] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: block;
    width: 0;
    height: 0;
}
.artgiela-home-page .checkbox-other span {
    display: flex;
    position: relative;
}

.wr-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.wr-checkbox + label {
    display: inline-block;
    display: inline-flex;
    align-items: center;
    user-select: none;
    color: #141414;
    font-size: 15px;
    line-height: 140%;
    cursor: pointer;
}
/* создаем поддельный чекбокс */
.wr-checkbox + label::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #141414;
    border-radius: 0em;
    margin-right: 0.5em;
    position: relative;
}
.wr-checkbox:checked + label::after {
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    margin: 3px;
    position: absolute;
    background: #141414;
}

/* default & Active */
.artgiela-home-page .checkbox-other span:before,
.artgiela-home-page .checkbox-other span:active:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #ffffff;
    border: 1px solid #999;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 10px;
}
/* Hover */
.artgiela-home-page .checkbox-other span:hover:before {
    border: 1px solid #999;
}
/* Checked */
.artgiela-home-page
    .checkbox-other
    input[type="checkbox"]:checked
    + span:before {
    background: url("css/inputs/check-checked.svg") no-repeat center;
}
/* Disabled */
.artgiela-home-page .checkbox-other input[type="checkbox"]:disabled + span {
    cursor: default;
}
.artgiela-home-page
    .checkbox-other
    input[type="checkbox"]:disabled
    + span:before {
    cursor: not-allowed;
}

.artgiela-home-page .butt {
    margin-top: 0;
    letter-spacing: -0.18px;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
}

.artgiela-home-page .input-error {
    display: none;
    margin-top: 5px;
    margin-left: 15px;
    height: 15px;
    font-size: 12px;
    color: #f00;
    text-align: left;
    opacity: 0;
}
.artgiela-home-page #resultForm {
    opacity: 0;
}

.artgiela-home-page #myform .btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 10px;
    width: auto;
    margin-top: 20px;
    padding: 12px 24px;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    text-shadow: none;
    text-decoration: none;
    cursor: pointer;
}

/* FORM  конец
*  ==========================================================
*/

/*-- End main --*/

/*-- Start page-o-studii --*/
.about-studio .block-inside {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: var(--padding-block-inside-section);
}
.as-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 511px;
    padding-top: 85px;
    border-top: 1px #999 solid;
}
.as-content h3,
.sc-left h3 {
    margin-bottom: 60px;
}
.sc-left-content ul,
.sc-left-content ol {
    margin: 25px 0;
    padding-left: 25px;
}
.sc-left-content ul li,
.sc-left-content ol li {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 140%;
}
.sc-left-content ul li {
    list-style-type: disc;
}
.sc-left-content ol li {
    list-style-type: number;
}
.as-images {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    grid-auto-flow: row;
    gap: 10px;
    width: 100%;
    max-width: 744px;
}
.img-block {
    max-width: 100%;
    overflow: hidden;
}
.img-block img {
    min-width: 100%;
}
.as-images .img-block:nth-child(2) {
    /* Занимает один ряд и
	растягивается на две колонки */
    grid-row: span 2;
}
.as-images .img-block:nth-child(3) {
}
.rukovodstvo .block-inside {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: var(--padding-block-inside-section);
    padding-top: 0;
}
.rukovoditel-studii {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10px;
}
.rs-left {
    width: 100%;
    max-width: 507px;
    min-height: 100px;
    overflow: hidden;
}
.rs-right {
    width: 100%;
    max-width: 750px;
    min-height: 100px;
    /*--v1 padding-top: 85px;*/
    border-top: 1px #999 solid;
}
.rs-right h4 {
    font-family: "Onest-Regular";
    font-size: 15px;
    text-transform: uppercase;
}
.rs-right-content {
    margin-top: 85px;
}
.rs-right-content p {
    max-width: 478px;
}
.rukovoditel-studii:nth-child(even) {
    padding-left: 327px;
}
.rukovoditel-studii:nth-child(even) .rs-left {
    max-width: 461px;
}
.rukovoditel-studii:nth-child(even) .rs-right {
    max-width: 467px;
    border-top: 0;
}
.single-cat .block-inside {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: var(--padding-block-inside-section);
    padding-top: 0;
}
.sc-left {
    width: 100%;
    max-width: 517px;
    padding-top: 85px;
    border-top: 1px #999 solid;
}
.sc-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 10px;
    width: 100%;
    max-width: 750px;
}

/* === 3 изображения === */
/* 1-е: столбец 1, строка 1 — горизонтальное */
.sc-right .img-block:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
}
.sc-right .img-block:nth-child(1) img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
/* 2-е: столбец 1, строка 2 — вертикальное */
.sc-right .img-block:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
}
.sc-right .img-block:nth-child(2) img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
/* 3-е: столбец 2, 2 строки — вертикальное, высота 80% от первого столбца */
.sc-right .img-block:nth-child(3) {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
}
.sc-right .img-block:nth-child(3) img {
    width: 100%;
    height: 80%;
    object-fit: cover;
    display: block;
}

/* === 2 изображения === */
.sc-right:has(.img-block:nth-child(2)):not(:has(.img-block:nth-child(3))) {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
}
.sc-right:has(.img-block:nth-child(2)):not(:has(.img-block:nth-child(3))) .img-block:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
    align-self: stretch;
}
.sc-right:has(.img-block:nth-child(2)):not(:has(.img-block:nth-child(3))) .img-block:nth-child(1) img {
    width: 100%;
    height: 70%;
    object-fit: cover;
    display: block;
}
.sc-right:has(.img-block:nth-child(2)):not(:has(.img-block:nth-child(3))) .img-block:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
    align-self: stretch;
}
.sc-right:has(.img-block:nth-child(2)):not(:has(.img-block:nth-child(3))) .img-block:nth-child(2) img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* === 1 изображение === */
.sc-right:has(.img-block:nth-child(1)):not(:has(.img-block:nth-child(2))) {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
}
.sc-right:has(.img-block:nth-child(1)):not(:has(.img-block:nth-child(2))) .img-block:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
}
.sc-right:has(.img-block:nth-child(1)):not(:has(.img-block:nth-child(2))) .img-block:nth-child(1) img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.sc-right .img-block .call-back {
    display: block;
    width: 100%;
    max-width: 314px;
    margin-right: auto;
}
.img-block-call-back {
    display: flex;
    align-items: flex-end;
}

/* Страница "О студии": 2 картинки + кнопка в 2 колонки */
.page-o-studii .sc-right {
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto auto !important;
}
.page-o-studii .sc-right .img-block:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 !important;
}
.page-o-studii .sc-right .img-block:nth-child(1) img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.page-o-studii .sc-right .img-block:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
}
.page-o-studii .sc-right .img-block:nth-child(2) img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.page-o-studii .sc-right .img-block-call-back {
    grid-column: 1 / span 2 !important;
    grid-row: 2 !important;
}
/*-- End page-o-studii --*/

/*-- Start footer --*/
.artgiela-home-page .footer {
    width: 100%;
    position: relative;
    background: #999;
}
/*---*/
.artgiela-home-page .butt-yandex {
    width: 15px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.fl-mob {
    display: none;
}
/*---*/
.artgiela-home-page .footer .block-inside {
    margin: 0 auto !important;
    padding: var(--padding-block-inside);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between !important;
    flex-direction: column;
    padding: 80px 15px;
}
.artgiela-home-page .footer-info-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.artgiela-home-page .footer-info {
    margin-right: 90px;
}
.artgiela-home-page .footer-info:last-child {
    margin-right: 0;
}
.artgiela-home-page .footer-info a {
    display: block;
    margin-bottom: 10px;
    color: #f5f5f3;
}
.artgiela-home-page .footer-info a:hover {
    text-decoration: underline;
}
.artgiela-home-page .footer-info span {
    margin-bottom: 22px;
    display: block;
    color: #f5f5f3;
}
/*-- End footer --*/

/* Обеспечиваем, что элементы не перекрывают кнопку при фиксации */
.header.fixed-new .menu-searche li.menu-item,
.header.fixed-new .menu-searche li.logo-li,
.header.fixed-new ul.menu-searche li.menu-ico-search {
  pointer-events: auto;
}

/* Улучшаем стили для мобильных устройств при фиксации */
@media (max-width: 768px) {
  .header.fixed-new ul.menu {
    padding: 0 10px !important;
  }

  .header.fixed-new ul.menu li {
    padding: 5px !important;
  }

  /* Убедимся, что ссылка внутри logo-mimi всегда доступна */
  .header.fixed-new ul.menu li.logo-mimi a {
    position: relative;
    z-index: 1001; /* Максимальный z-index для ссылки на мобильных устройствах */
  }
}

/* Убедимся, что при добавлении класса mi-active ничего не перекрывает ссылку */
.bmnb-logo .logo-mimi.mi-active::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1; /* Убедимся, что псевдоэлемент не перекрывает ссылку */
}

/* Убираем все возможные препятствия для клика */
.header *,
.header *:before,
.header *:after {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Но разрешаем клики на ссылке */
.bmnb-logo .logo-mimi a,
.bmnb-logo .logo-mimi a * {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
  pointer-events: auto;
}

/* Адаптивность для service-description */
@media only screen and (max-width: 767px) {
    .services a {
        font-size: 32px;
        line-height: 140%;
        margin-right: 0;
        margin-bottom: 25px;
    }
    .service-description {
        padding: 0;
        min-height: 65px;
        margin-top: 65px;
        order: 3 !important;
    }
    #uslugi-block .tab-content__item .service {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px;
    }
    #uslugi-block .service-desc {
        order: 1 !important;
    }
    #uslugi-block .service-desc .div-img,
    #uslugi-block .service-desc .div-img.div-img-3 {
        height: 320px;
    }
    #uslugi-block .service-images {
        order: 2 !important;
        grid-template-columns: 1fr 1fr;
    }
    #uslugi-block .service-images .div-img {
        height: 135px;
    }
}