body {
	/*background-color: lightblue;*/
    overflow: hidden;
    height: 100dvh;
}

form {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	align-items: start;
}

button, .button, .btn, input[type="submit"], input[type="button"], input[type="file"] + label, input[type="file"] {
    text-transform: uppercase;
    font-weight: bold;
}




input#nav-burger {
    display: none;
}


.nav {
	/*--nav-background: var(--c-white);*/
	/*background-color: rgb(var(--nav-background));*/
    background-color: rgb(var(--c-secondary));
    color: rgb(var(--c-secondary-i));
}
.nav {
	box-shadow: 0px 0px 4px rgb(var(--c-black) / .25);
}
.nav__container {
	display: flex;
	justify-content: space-between;
	/*margin-top: var(--gap);*/
	/*margin-bottom: var(--gap);*/
	align-items: center;
	gap: var(--gap);
    flex-direction: column;
}
.nav__logo {
	text-transform: uppercase;
}
.nav__burger {
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(var(--gap) * 1);
	height: calc(var(--gap) * 1);
}

@media (max-width:1200px) {
	/*.nav__menu {
		display: none;
	}*/
}@media (min-width:1201px) {
    /*.nav__burger {
        display: none;
    }*/
}@media (min-width:961px) {
    .nav__burger {
        display: none;
    }
}

.nav__logo {
    display: flex;
    width: 100%;
    padding: var(--gap-big);
    background-color: rgba(var(--c-white));
    justify-content: center;
    align-items: center;

    height: calc(var(--gap) * 12);
}

.nav__logo img {
    max-width: calc(var(--gap) * 12);
}

.nav ul {
    display: flex;
    flex-direction: column;
}

.nav__container {
    display: grid;
    justify-content: unset;
    height: 100%;
    grid-template-rows: auto 1fr;
    align-items: start;
}

.nav {
    height: 100%;
}

.nav__menu {
    /*padding: var(--gap-big);*/
    padding: var(--gap);
}

.nav__menu a {
    text-transform: uppercase;
}

.nav ul {
    font-size: 18px;
}

.nav__menu a:hover {
    color: rgb(var(--c-primary));
}


.nav__menu > * {
    max-width: calc(var(--gap) * 13);
    max-width: unset;
}

.nav__menu {
    display: flex;
    justify-content: center;
}

.nav__menu a {
    display: block;
    padding: var(--gap) 0;
}

.nav ul {
    gap: unset;
}




.media-text__container {
	--media-text--gap: var(--gap);
	--media-text--count: 3;
	display: flex;
	flex-direction: row;
	gap: var(--media-text--gap);
}
.media-text__column_media {
	flex: 1;
}
.media-text__column_text {
	flex: calc(var(--media-text--count) - 1);
}
.media-text__image {
	position: relative;
	padding-bottom: calc(100% / 1 * 1);
}
.media-text__image img {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(var(--c-black) / .05);
}





.carousel__image {
	position: relative;
	padding-bottom: calc(100% / 3 * 2);
}

.carousel__image img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
/*.slick-slider {
	overflow-inline: hidden;
}
.slick-list {
	margin-inline: calc(var(--gap) / -2);
}
.slick-slide > * {
	margin-inline: calc(var(--gap) / 2);
}*/




/**
 * Glider User Styles
 */
.glider {
	--glider-gap: var(--gap);
	/*--glider-gap: 3rem;*/
	--glider-viewport-count: 3;
	/*--glider-viewport-count: unset;*/
}
.carousel_for__list {
	--glider-viewport-count: 1;
	--glider-gap: 0px;
}
.glider__arrow {
	font-size: 24px;
}
.carousel__item {
    position: relative;
    display: block;
}
.carousel__title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(var(--gap) * 2);
    color: rgb(var(--c-white) / 1);
    background-color: rgb(var(--c-black) / .25);
}
.glider__slide_clone {
	/*opacity: .5;*/
}


.glider.glider_vertical .carousel__item {
    height: 100%;
}
.glider.glider_vertical .carousel__image {
	padding: unset;
	height: 100%;
}










.site {
    display: flex;
    flex-wrap: wrap;
}
.site > header {
    width: calc(var(--gap) * 20);
    height: 100dvh;
}
.site > main {
    width: calc(100% - var(--gap) * 20);
    height: 100dvh;
    overflow-y: auto;
}
.site > footer {
    width: 100%;
}
.site > header {
}











.hero_home .hero__container {
    background-color: rgb(var(--c-primary));
    color: rgb(var(--c-primary-i));
}

.hero_home .hero__container {
    width: 100%;
    height: 100dvh;
    position: relative;
}

.hero_home .hero__bg {
    position: absolute;
    width: 100%;
    height: 100%;
}

.hero_home .hero__video {
    width: 100%;
    height: 100%;
}

.hero_home .hero__video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero_home .hero__container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero_home .hero__main {
    width: 100%;
}

.hero_home .hero__content {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
}

.hero_home .hero__title {
    text-transform: uppercase;
}

.hero_home .hero__main {
    position: relative;
    z-index: 1;
    text-shadow: 1px 1px 4px rgb(var(--c-black) / .75);
    /* backdrop-filter: blur(1px); */
}

.hero_home .hero__bg {
    z-index: 0;
}

.hero_home .hero__video {
    opacity: .8;
}

.hero_home .hero__bg {
    background-color: rgb(var(--c-secondary));
}

.hero_home .hero__video::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(var(--c-secondary) / .5);
}

.hero_home .hero__video {
    position: relative;
}









/*** block ***/






.program__info {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: var(--gap-big);
}

.program__column {
	display: flex;
	flex-direction: column;
	gap: var(--gap);
}

.program {
	display: flex;
	flex-direction: column;
	gap: var(--gap-big);
	background-color: rgb(var(--c-tertiary) / .25);
	/*color: rgb(var(--c-tertiary-i));*/
	padding: calc(var(--gap) * 4) calc(var(--gap) * 4);
	border-radius: var(--gap-small);
}
.program {
    background-color: rgb(var(--c-white));
    box-shadow: 2px 2px 8px rgba(var(--c-black) / .25);
}

.program__image {
	position: relative;
	padding-bottom: calc(100% / 4 * 3);
	border-radius: var(--gap-small);
	overflow: hidden;
}

.program__image > * {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.program__label {
	font-weight: bold;
}
.program .spoiler__switcher:checked ~ .spoiler__label {
	display: none;
}
.program__details .spoiler__content {
	display: flex;
	flex-direction: column;
	gap: var(--gap-big);
}
.programs a:not(.btn) {
	color: inherit;
}
.programs__list {
	display: flex;
	/*flex-direction: column;*/
	/*gap: var(--gap-big);*/
	gap: var(--product-gap);
}
.program__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
}

.program__filters {
    display: flex;
    gap: var(--gap);
}

.program__filters > * {
    flex: 1;
}

.program__filter > *, .program__submit > * {
    width: 100%;
    box-sizing: border-box;
}


.pagination .nav-links {
    display: flex;
    justify-content: center;
    gap: var(--gap-small);
}
.pagination a.page-numbers {
    background-color: rgb(var(--c-secondary));
    color: rgb(var(--c-secondary-i));
    text-decoration: none;
}
.pagination span.page-numbers:not(.dots) {
    background-color: rgb(var(--c-primary));
    color: rgb(var(--c-secondary-i));
}
.pagination .page-numbers:not(.dots) {
    padding: .25em 0;
    min-width: 2em;
    text-align: center;
    border-radius: var(--gap-small);
}
.pagination a.page-numbers:hover {
    opacity: .8;
}



.programs__list {
    flex-wrap: wrap;
}

.programs__item {
    padding: unset;
}

.program__info {
    display: flex;
    flex-direction: column;
}

.programs__list {
    --product-count: 3;
    --product-gap: var(--gap);
}

.programs__item {
    width: calc((100% - var(--product-gap) * (var(--product-count) - 1)) / var(--product-count));
}


.program__image {
    padding-bottom: calc(100% / 1 * 1);
}

.program__image img {
    object-fit: contain;
}

.program__column {
    /*padding: var(--gap) var(--gap-big);*/
    padding: var(--gap);
}

.program__info {
    gap: unset;
}

.programs__item {
    text-decoration: none;
}





/**
 * PRODUCT
 */

.hero_product .spacer {
    margin-bottom: unset;
}

.hero_product__container {
    display: flex;
    gap: var(--gap-big);
    align-items: center;
}
.hero_product__container {
    display: grid;
    grid-template-columns: 180px 1fr;
}

.hero_product__image {
    padding-bottom: calc(100% / 3 * 4);
    position: relative;
    box-shadow: 2px 2px 8px rgba(var(--c-black) / .15);
    border-radius: var(--radius);
    overflow: hidden;
}

.hero_product__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.hero_product__column_image {
    flex: 1;
}

.hero_product__column_main {
    flex: 3;
}

.hero_product__content {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    /*justify-content: space-between;*/
}

.hero_product__breadcrumps a {
    text-decoration: none;
    color: inherit;
    text-transform: uppercase;
}

.hero_product__breadcrumps a:hover {
    color: rgb(var(--c-primary));
}

.hero_product__title h1 {
    font-weight: bold;
}








/**
 * Contacts
 */
.map__container {
    height: 50dvh;
}
.map {
    background-color: rgba(var(--c-secondary) / .5);
}

.contacts a {
    color: inherit;
}












.hero {
    /*height: calc(var(--gap) * 12);*/
    min-height: calc(var(--gap) * 12);
}
.hero.hero_home {
    height: unset;
}

.hero {
    position: relative;
}
.hero__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.hero__container {
    width: 100%;
    height: 100%;
    min-height: calc(var(--gap) * 12);
    background-color: rgba(var(--c-secondary) / .8);
    color: rgb(var(--c-secondary-i));
}
.hero__image img {
    width: 100%;
    height: 100%;
}

.hero__container {
    display: flex;
    align-items: flex-end;
}

.hero__container {
    padding: var(--gap-big) 0;
}
.hero__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.hero__video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



/**
 * Products
 */
.product__type-nav {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-small);
}

.product__type-link {
    --input-padding-v: .5em;
    --input-padding-h: 1em;
    font-weight: normal;
}

.product__type-link.active {
    font-weight: bold;
}
.product__type-link.active {
    --button-background-color: var(--c-secondary);
    --button-border-color: var(--c-secondary);
}


/**
 * About
 */
#about-intro .intro__header {
    display: flex;
    gap: var(--gap) var(--gap-big);
    align-items: center;
}

.intro__title h2 {
    font-size: var(--fz-3);
}

#about-intro .intro__content {
    padding: var(--gap-big) var(--gap-big);
    background-color: rgb(var(--c-primary));
    color: rgb(var(--c-primary-i));
    border-radius: var(--radius);
}


.solutions {
    --column-count: 2;
}

.solutions__list {
    display: grid;
    gap: var(--gap);
    grid-template-columns: repeat(var(--column-count), 1fr);
}

.solutions__item {
    min-height: calc(var(--gap) * 11);
    position: relative;
    overflow: hidden;
    border-radius: var(
    --radius);
}

.solutions__item .item__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.solutions__item .item__image img {
    width: 100%;
    height: 100%;
}

.solutions__item .item__content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding: var(--gap-big);
    background-color: rgba(var(--c-secondary) / .8);
    color: rgb(var(--c-secondary-i));
}




.history {
    --columns-count: 2;
}

.history {
    position: relative;
    background-color: rgb(var(--c-secondary) / .8);
    color: rgb(var(--c-secondary-i));
}

.history__image {
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.history__image img {
    width: 100%;
    height: 100%;
}

.history__list {
    display: grid;
    grid-template-columns: repeat(var(--columns-count), 1fr);
    gap: var(--gap-big);
}


.history__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.history__video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


#about-advantages.advantages {
    --column-count: 2;
}

#about-advantages .advantages__list {
    display: grid;
    grid-template-columns: repeat(var(--column-count), 1fr);
    gap: var(--gap);
}

#about-advantages .advantages__item {
    padding: var(--gap-big);
    border: solid 1px rgb(var(--c-secondary) / .2);
}





/**
 * Services
 */


.services {
    --column-count: 2;
}

.services__list {
    display: grid;
    gap: var(--gap);
    grid-template-columns: repeat(var(--column-count), 1fr);
}

.services__item {
    min-height: calc(var(--gap) * 11);
    position: relative;
    overflow: hidden;
    border-radius: var(
    --radius);
}

.services__item .item__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.services__item .item__image img {
    width: 100%;
    height: 100%;
}

.services__item .item__content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding: var(--gap-big);
    background-color: rgba(var(--c-secondary) / .8);
    color: rgb(var(--c-secondary-i));
}



.services__item .item__content {
    display: block;
}

.services__list {
    grid-template-columns: unset;
}

.services__item {
    min-height: unset;
}








.footer {
/*     height: var(--gap-big); */
    background-color: rgba(var(--c-secondary) / .25);
}
.footer a {
    color: inherit;
}
.footer__container {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
}

.footer__contact i {
    display: flex;
    width: 1.5em;
    height: 1.5em;
    background-color: rgb(var(--c-secondary));
    color: rgb(var(--c-secondary-i));
    justify-content: center;
    align-items: center;
    border-radius: .25em;
}


.footer__contact {
    display: flex;
    gap: var(--gap-small);
    align-items: center;
}
.footer__contact a {
    text-decoration: unset;
}

.footer__copyrights {
    display: flex;
    justify-content: space-between;
    gap: var(--gap);
}

.footer__copyrights {
    color: rgba(var(--c-secondary) / .5);
}

.footer__copyrights a {
    text-decoration: unset;
}








/**
 * Mobile labs
 */


#mobile-labs-hero .hero__container {
    min-height: calc(var(--gap) * 24);
}

#mobile-labs-hero .hero__container {
    background-color: rgba(var(--c-secondary) / .3);
    text-shadow: 1px 1px 4px rgba(var(--c-black) / 1);
    align-items: center;
}

#moblabs-intro .intro__container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--gap-big);
}

#moblabs-intro .intro__column_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--gap);

    padding-top: var(--gap);
    padding-bottom: var(--gap);
}

#moblabs-intro .intro__image {
    position: relative;
    height: 100%;
    overflow: hidden;
    border-radius: var(--radius);
}

#moblabs-intro .intro__image img {
    height: 100%;
}


#moblabs-about.about {
    background-color: rgba(var(--c-secondary) / .8);
    color: rgb(var(--c-secondary-i));
}



#moblabs-advantages.advantages {
    --column-count: 2;
}

#moblabs-advantages .advantages__list {
    display: grid;
    grid-template-columns: repeat(var(--column-count), 1fr);
    gap: var(--gap);
}

#moblabs-advantages .advantages__item {
    padding: var(--gap-big);
    border: solid 1px rgb(var(--c-secondary) / .2);
}





#categories .item__columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
#categories .item__image {
    min-height: calc(var(--gap) * 17);
}

#categories .item__columns {
    gap: var(--gap-big);
}

#categories .item__image img {
    position: absolute;
    height: 100%;
    width: 100%;
}

#categories .item__image {
    position: relative;
    border-radius: var(--radius);
    overflow: hidden;
}

.categories__list {
    display: flex;
    flex-direction: column;
    gap: var(--gap-big);
}

#categories .item__column_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--gap-big);
}


.gallery .item__image {
    position: relative;
    padding-bottom: calc(100% / 3 * 2);
    border-radius: var(--radius);
}

.gallery .item__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}




ul.slick-dots {
    list-style: none;
    display: flex;
    gap: var(--gap-small);
    justify-content: center;
    padding-left: unset;
}

ul.slick-dots li button {
    font-size: 0;
    width: var(--gap);
    height: var(--gap);
    display: block;
}

ul.slick-dots {
    list-style: none;
    display: flex;
    gap: var(--gap-small);
    justify-content: center;
    padding-left: unset;
}

ul.slick-dots li button {
    font-size: 0;
    width: var(--gap);
    height: var(--gap);
    display: block;
}

.gallery {
    background-color: rgb(var(--c-secondary) / .8);
    color: rgb(var(--c-secondary-i));
}

ul.slick-dots li button {
    border: unset;
    background-color: rgb(var(--c-secondary-i));
}

ul.slick-dots li {
    opacity: .75;
}

ul.slick-dots li.slick-active button {
    background-color: rgb(var(--c-primary));
}

ul.slick-dots li.slick-active, ul.slick-dots li:hover {
    opacity: 1;
}


#moblabs-contacts .contacts__content {
    text-align: center;
}

#moblabs-contacts .contacts__content p {
    font-size: var(--fz-3);
}











.modal_cookie {
    top: unset;
    left: unset;
    bottom: calc(var(--gap) * 2);
    right: calc(var(--gap) * 1);
    width: unset;
    height: unset;
    position: fixed;
    overflow: unset;
    padding: 0;
    /* position: unset; */
}

.modal_cookie .modal__container {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 5;
    box-shadow: 2px 2px 8px rgb(var(--c-black) / .25);
}
.modal_cookie .modal__container {
    max-width: calc(100dvw - calc(var(--gap) * 2));
}

.modal_cookie .modal__wrapper {
    padding: unset;
}