/* Start:/local/templates/termata/components/bitrix/menu/horizontal_multilevel1/style.css?17431709325888*/
/**Top menu**/
#bx_incl_area_1 {
	max-width: 498px;
	width:100%;
}

#horizontal-multilevel-menu,#horizontal-multilevel-menu ul
{
	max-width: 498px;
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin:0; padding:0;
	min-height:27px;
	list-style:none;
	font-size:11px;
	float:left;
	/*font-size:90%*/
}

/*Links*/
#horizontal-multilevel-menu a
{
	display:block;
	text-decoration:none;
	text-align:center;
}

#horizontal-multilevel-menu li
{
	float:left;
	position: relative;
}

.parent-item {
	position: relative;
	padding-right: 12px !important;
}

.parent-item:after {
	content: '';
	width: 9px;
	height: 7px;
	background-image: url('/local/templates/termata/assets/menu-arrow.svg');
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 48%;
	right: 0;
	transform: translateY(-50%) rotate(0deg);
	transition: 0.2s;
}

.dark-nav .parent-item:after {
	background-image: url('/local/templates/termata/assets/white-menu-arrow.svg');
}

/*Root items*/
#horizontal-multilevel-menu li a.root-item
{
	font-size: 14px;
	color: #000000;
	padding: 5px;
}

/*Root menu selected*/
#horizontal-multilevel-menu li a.root-item-selected
{
	font-size: 14px;
	color: #000000;
	text-decoration: underline;
	padding: 5px;
}

/*Root items: hover*/
#horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item
{
	text-decoration: underline;
}

#horizontal-multilevel-menu li:hover .parent-item:after
{
	transform: translateY(50%) rotate(180deg);
	top: 26%;
}

/*Item-parents*/
#horizontal-multilevel-menu a.parent
{
	background: url("/local/templates/termata/assets/arrow.svg") center right no-repeat;
}

/*Denied items*/
#horizontal-multilevel-menu a.denied
{
	background: url(/local/templates/termata/components/bitrix/menu/horizontal_multilevel1/images/lock.gif) center right no-repeat;
}

/*Child-items: hover*/
#horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover
{

}

/*Child-items selected*/
#horizontal-multilevel-menu li.item-selected
{
	text-decoration: underline;
	/*background:#D6D6D6;*/
	/*color:#fff;*/
}

/*Sub-menu box*/
.horizontal-multilevel-menu-wrapper {

}

#horizontal-multilevel-menu li ul
{
	position:absolute;
	top: 40px;
	left: 50%;
	transform: translateX(-50%) translateZ(0);
	display:none;
	z-index:999;
	height:auto;
	width:251px;
	box-sizing: border-box;
	border-radius: 15px;
	padding: 7px 15px;
	background-color: #ffffff;
	filter: drop-shadow(0 0 4px rgba(0, 0, 0, .42));
	-webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, .42));
	will-change: filter;
}

#horizontal-multilevel-menu li ul li {
	width: 100%;
}

.menu-rect {
	max-width: 24px;
	width: 100%;
	padding: 10px 60px;
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	top: -20px;
}

#horizontal-multilevel-menu li ul li>a {
	display: flex;
	justify-content: space-between;
	padding: 11px 0;
}

#horizontal-multilevel-menu li ul li>a>img {
	rotate: -90deg;
}

#horizontal-multilevel-menu li ul li>a:hover {
	text-decoration: underline;
}

#horizontal-multilevel-menu li ul li:not(:last-child) {
	border-bottom: 1px solid rgba(0, 0, 0, .21);
}

/*Item link*/
#horizontal-multilevel-menu li ul a
{
	color: #000000 !important;
	font-size: 12px;
	text-align:left;
}

/*Items text color & size */
#horizontal-multilevel-menu li a,
#horizontal-multilevel-menu li:hover li a,
#horizontal-multilevel-menu li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a
{
	color:#4F4F4F;
}

/*Items text color & size: hover*/
#horizontal-multilevel-menu li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a
{
	color:#4F4F4F;
}

#horizontal-multilevel-menu li ul ul
{
	margin:-27px 0 0 132px;
	/*margin:-1.93em 0 0 11.6em;*/
}

#horizontal-multilevel-menu li:hover ul ul,
#horizontal-multilevel-menu li.jshover ul ul,
#horizontal-multilevel-menu li:hover ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul ul
{
	/*top:-999em;*/
	display:none;
}

#horizontal-multilevel-menu li:hover ul,
#horizontal-multilevel-menu li.jshover ul,
#horizontal-multilevel-menu li li:hover ul,
#horizontal-multilevel-menu li li.jshover ul,
#horizontal-multilevel-menu li li li:hover ul,
#horizontal-multilevel-menu li li li.jshover ul,
#horizontal-multilevel-menu li li li li:hover ul,
#horizontal-multilevel-menu li li li li.jshover ul,
#horizontal-multilevel-menu li li li li li:hover ul,
#horizontal-multilevel-menu li li li li li.jshover ul
{
	/*z-index:1000;
	top:auto;*/
	display:block;
}

div.menu-clear-left
{
	clear:left;
}

#horizontal-multilevel-menu li ul li:hover #horizontal-multilevel-menu li ul li>a {
	text-decoration: underline;
}

/* End */


/* Start:/local/templates/termata/components/bitrix/menu/burger-menu/style.css?1743172057410*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	margin: 0 50px;
}

ul.left-menu li a
{
	display: block;
	padding: 36px 0;
}

ul.left-menu li:not(:first-child){
	border-top: 1px solid #ffffff;
}

ul.left-menu li a
{
	font-size: 36px;
	color:#FFFFFF;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	text-decoration: underline;
}

/* End */


/* Start:/local/templates/termata/components/bitrix/main.userconsent.request/agree-checkbox/user_consent.css?17434526424430*/
.main-user-consent-request {
	font-family: Montserrat sans-serif;
	align-items: center !important;
}

.main-user-consent-request a {
	cursor: pointer;
}

.main-user-consent-request-popup {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0,0,0,0.5);
	overflow: hidden;
	z-index: 9000;
}

.main-user-consent-request-popup-cont {
	min-height: 290px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0 auto;
	padding: 20px;
	min-width: 320px;
	width: 100%;
	max-width: 600px;
	background: #fff;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: auto;
}

.main-user-consent-request-popup-header {
	margin: 0 0 10px 0;
	color: #000;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 260px;
}

.main-user-consent-request-popup-textarea-block {
	margin: 0 0 20px 0;
}

.main-user-consent-request-popup-buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.main-user-consent-request-popup-button {
	display: inline-block;
	height: 39px;
	margin: 0 10px 5px 0;
	padding: 0 18px;
	border: none;
	border-radius: 2px;
	color: #535c69;
	outline: none;
	vertical-align: middle;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: none;
	white-space: nowrap;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: background-color 0.2s linear, color 0.2s linear;
	transition: background-color 0.2s linear, color 0.2s linear;
	cursor: pointer;
}

.main-user-consent-request-popup-button-acc {
	color: #ffffff;
	background-color: #d30606;
	border-radius: 3px;
	cursor: pointer;
}

.main-user-consent-request-popup-button-rej {
	-webkit-box-shadow: inset 0 0 0 1px #a1a6ac;
	box-shadow: inset 0 0 0 1px #a1a6ac;
	background: none;
	border: 1px solid #d30606;
	border-radius: 3px;
	cursor: pointer;
}

.main-user-consent-request-popup-button-acc, .main-user-consent-request-popup-button-rej {
	display: flex;
	align-items: center;
	font-weight: 500;
}

.main-user-consent-request-popup-text {
	border: 1px solid #999;
	overflow: auto;
	padding: 8px;
	text-align: left;
	color: rgb(84, 84, 84);
}

.main-user-consent-request-popup-link {
	height: 130px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.main-user-consent-request-popup-link a {
	display: block;
	margin: 20px 0 0 0;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 260px;
}

/** LOADER **/
.main-user-consent-request-loader {
	position: relative;
	height: 100px;
	width: 100px;
	margin: 0 auto;
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%);
}

.main-user-consent-request-path {
	stroke: #80868e;
	stroke-dasharray: 100, 200;
}

.main-user-consent-request-loader:before {
	content: '';
	display: block;
	padding-top: 100%;
}

.main-user-consent-request-circular {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: inherit;
	width: inherit;
	-webkit-animation: rotate 1s linear infinite;
	animation: rotate 1s linear infinite;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.main-user-consent-request-path {
	stroke: #ccc;
	stroke-dasharray: 60, 200;
	stroke-dashoffset: 0;
	-webkit-animation: dash 1.5s ease-in-out infinite;
	animation: dash 1.5s ease-in-out infinite;
	stroke-linecap: round;
}

.main-user-consent-request-announce{
	color: #333;
	font-size:13px;
	line-height: 15px;
}
.main-user-consent-request-announce-link{
	cursor: pointer;
}

@keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@media (min-width: 1000px) {

	.main-user-consent-request-popup-cont {
		min-height: 400px;
		min-width: 640px;
	}

	.main-user-consent-request-popup-header {
		max-width: 590px;
	}

	.main-user-consent-request-popup-text,
	.main-user-consent-request-popup-link {
		height: 240px;
		font-size: 14px;
	}
	.main-user-consent-request-popup-link a {
		max-width: 200px;
	}
}

@media (max-width: 768px) {
	.main-user-consent-request-popup-cont {
		height: 100%;
	}
}
/* End */


/* Start:/local/templates/termata/template_styles.css?175100599439952*/
.container {
    max-width: 1280px;
    width: 100% !important;
    box-sizing: border-box;
    padding: 0 61px;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .container {
        padding: 0 50px;
    }
}

@media (max-width: 680px) {
    .container {
        padding: 0 20px;
    }
}

* {
    font-family: "Montserrat";
    padding: 0;
    margin: 0;
}

h1 {
    font-size: 46px;
    font-weight: 600;
    line-height: 110%;
}

@media (max-width: 680px) {
    h1 {
        font-size: 24px;
    }
}

h2 {
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 48px;
}

@media (max-width: 1024px) {
    h2 {
        margin-bottom: 32px;
    }
}

h3 {
    font-size: 40px;
    font-weight: 600;
    line-height: 105%;
}

@media (max-width: 1024px) {
    h3 {
        font-size: 36px;
    }
}

@media (max-width: 680px) {
    h3 {
        font-size: 18px;
    }
}

.button {
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    border: none;
    cursor: pointer;
    background-color: #d30606;
    border-radius: 3px;
    padding: 14px 16px;
}

@media (max-width: 1024px) {
    .button {
        font-size: 18px;
        font-weight: 600;
    }
}

@media (max-width: 680px) {
    .button {
        font-size: 16px;
        font-weight: 600;
    }
}

.button-download {
    display: inline-block;
    color: #ff0000 !important;
    font-weight: 600;
    text-decoration: none !important;
    border: 1px solid #d30606;
    border-radius: 5px;
    background-color: transparent;
    padding: 14px 16px;
    cursor: pointer;
}

@media (max-width: 680px) {
    .button-download {
        display: block;
        text-align: center;
    }
}

table th, table td {
    border: 1px solid #dddddd;
}

/* Nav */
nav {
    width: 100%;
    background-color: #ffffff;
    position: absolute;
    top: 0;
    z-index: 998;
}

.nav:before, .nav:after {
    display: none !important;
}

.nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 15px 0;
}

.nav-items {
    width: 100%;
    max-width: 498px;
    display: flex;
    justify-content: space-between;
    gap: 5px;
    list-style: none;
    font-size: 14px;
    line-height: 140%;
}

.phone-number {
    min-width: 136px;
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}

.nav-right-items {
    max-width: 372px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 13px;
}

.nav-buttons {
    display: flex;
    gap: 13px;
    border-radius: 5px;
}

.nav-button {
    font-size: 16px;
    background-color: #21232a;
}

.lang-button {
    color: #000000;
    text-decoration: none;
    font-weight: 600;
    border: 1px solid #717171;
    background-color: transparent;
    padding: 14px 9px;
}

.dark-nav {
    background-color: rgba(0, 0, 0, .6);
}

.dark-nav a {
    color: #ffffff !important;
}

.dark-nav .lang-button {
    color: #ffffff;
}

.dark-nav .nav-button {
    background-color: #D30606;
}

.burger-wrapper {
    padding: 20px 10px;
}

.burger-wrapper, .mobile-logo  {
    display: none;
    cursor: pointer;
}

.mobile-logo {
    width: 186px;
}

.burger {
    display: block;
    width: 40px;
    height: 3px;
    background-color: #000000;
    position: relative;
    transition: .3s;
}

.burger::before, .burger::after {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background-color: #000000;
    position: absolute;
    left: 0;
}

.close-burger .burger {
    rotate: 45deg;
}

.close-burger .burger::before {
    rotate: 90deg;
    top: 0;
}

.close-burger .burger::after {
    rotate: -90deg;
    bottom: 0;
}

.burger::before {
    top: -9px;
}

.burger::after {
    bottom: -9px;
}

.burger-nav {
    display: none;
}

@media (max-width: 1024px) {
    .burger-wrapper, .mobile-logo {
        display: block;
    }

    .dark-nav {
        background-color: transparent;
    }

    nav {
        width: 100%;
        background-color: transparent;
        position: absolute;
        top: 76px;
        left: 0;
    }

    nav>.container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 28px;
        position: relative;
    }

    nav>.container::before, nav>.container::after {
        content: '';
        display: block;
        width: 89%;
        height: 1px;
        background-color: #000000;
        transform: translateX(-50%);
        position: absolute;
        bottom: 0;
        left: 50%;
    }

    .light-mobile-nav>.container::before, .light-mobile-nav>.container::after {
        background-color: #ffffff;
    }

    .light-mobile-nav .burger::before, .light-mobile-nav .burger::after, .light-mobile-nav .burger {
        background-color: #ffffff;
    }

    .nav {
        display: none;
    }

    .burger-nav {
        width: 100%;
        display: block;
        position: absolute;
        background-color: #21232A;
        padding-top: 148px;
        padding-bottom: 50px;
        top: 0;
        left: -100%;
        z-index: 997;
        transition: .3s;
    }
}

@media (max-width: 680px) {
    ul.left-menu li {
        margin: 0 25px;
    }

    ul.left-menu li a {
        padding: 28px 0;
        font-size: 18px;
    }

    .burger-nav {
        padding-top: 110px;
    }
}

.show-burger-nav {
    left: 0;
}



/* Popup */
#popup, #popup-phone {
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(33, 35, 42, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

.show-popup {
    display: block !important;
}

.popup-wrapper {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup-content {
    max-width: 694px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
    box-sizing: border-box;
    background-color: #ffffff;
    border-radius: 3px;
    padding: 64px 32px;
    position: relative;
}

.popup-content>h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 38px;
    margin-bottom: 0;
}

.popup-content>p {
    max-width: 411px;
}

.popup-content>#contactFormPopup>button {
    width: 100%;
    padding: 18px;
}

.popup-content>#contactFormPopup>a {
    color: #ffffff;
}

.popup-close-button, .popup-phone-close-button {
    position: absolute;
    right: 25px;
    top: 15px;
}

.popup-close-button>span, .popup-phone-close-button>span {
    color: #ffffff;
    display: block;
    padding: 20px 20px 10px;
    position: relative;
    cursor: pointer;
}

.popup-close-button>span:before, .popup-close-button>span:after, .popup-phone-close-button>span:before, .popup-phone-close-button>span:after {
    content: '';
    width: 25px;
    height: 2px;
    display: block;
    background-color: #000000;
    position: absolute;
    right: 7px;
    top: 20px;
}

.popup-close-button>span:before, .popup-phone-close-button>span:before {
    rotate: 45deg;
}

.popup-close-button>span:after, .popup-phone-close-button>span:after {
    rotate: -45deg;
}

.checkbox-wrapper>span {
    font-weight: normal !important;
}

@media (max-width: 734px) {
    .popup-content {
        gap: 12px;
        padding: 24px 17px;
        margin: 20px;
    }

    .popup-content>h2 {
        font-size: 24px;
        line-height: 120%;
    }

    .checkbox-wrapper>span {
        font-size: 10px;
    }

    #contactFormPopup>input, #contactFormPopup>select {
        padding: 17px 10px !important;
    }
}



/* Header */
.loader-screen {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    opacity: 1;
    transition: opacity .5s;
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
}

.loader-screen>img {
    max-width: 366px;
    width: 100%;
    margin-top: auto;
}

.loader-screen>span {
    display: block;
    font-size: 24px;
    line-height: 120%;
    font-weight: 500;
    margin-top: auto;
    margin-bottom: 105px;
}

.main-header {
    margin-top: 175px;
}

.main-header > .container {
    max-width: none;
}

.header-content {
    max-width: 1158px;
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 0 auto;
}

.header-content h1 {
    max-width: 647px;
}

@media (min-width: 1024px) {
    .animated-title {
        z-index: -1;
        position: relative;
        top: 100px;
        opacity: 0;
        transition: .5s;
    }

    .show-animated-title {
        top: 0;
        opacity: 1;
    }
}

.header-content-right-block {
    max-width: 378px;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 24px;
}

.main-video {
    display: block;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    margin-top: 48px;
}

@media (max-width: 1024px) {
    .loader-screen>img {
        max-width: 250px;
    }

    .loader-screen>span {
        font-size: 18px;
    }

    .main-header {
        margin-top: 0;
    }

    .main-header > .container {
        display: flex;
        flex-direction: column;
        justify-content: end;
        height: 1145px;
        overflow: hidden;
        padding: 0;
        position: relative;
    }

    .main-video {
        width: 100vw;
        height: 1145px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        object-fit: cover;
        z-index: -1;
        filter: brightness(50%);
        margin-top: 0;
    }

    .header-content {
        flex-direction: column-reverse;
        align-items: start;
        gap: 24px;
        position: relative;
        z-index: 2;
        color: white;
        margin: 0 48px 48px 48px;
    }

    .header-content-right-block {
        width: 100%;
        gap: 32px;
        max-width: none;
    }

    .header-content-right-block > p {
        max-width: 576px;
    }

    .header-content > h1 {
        max-width: 663px;
        font-size: 46px;
    }

    .header-content-right-block > button {
        width: 100%;
        color: #000000;
        background-color: #ffffff;
        padding: 23px;
    }
}

@media (max-width: 680px) {
    .loader-screen>img {
        max-width: 220px;
    }

    .loader-screen>span {
        font-size: 16px;
    }

    nav {
        top: 25px;
    }

    .header-content {
        margin: 0 20px 48px 20px;
    }

    .header-content h1 {
        font-size: 24px;
    }

    .header-content-right-block > button {
        padding: 14px;
    }

    .main-header > .container {
        height: 781px;
    }

    .mobile-logo {
        max-width: 131px;
    }

    nav>.container {
        padding-bottom: 6px;
    }

    .burger, .burger::before, .burger::after {
        width: 24px;
        height: 2px;
    }

    .burger::before {
        top: -6px;
    }

    .burger::after {
        bottom: -6px;
    }

    .main-video {
        height: 781px;
    }
}

/* Catalog (main page) */
.catalog h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 105%;
    margin-top: 80px;
    margin-bottom: 32px;
}

@media (max-width: 1024px) {
    .catalog h2 {
        font-size: 36px;
    }
}

@media (max-width: 680px) {
    .catalog h2 {
        font-size: 18px;
    }
}

/* Catalog-page */
.catalog-page h1 {
    max-width: 960px;
    margin-bottom: 32px;
}


/* Sub-catalog */
.sub-catalog, .catalog-page {
    margin-top: 148px;
    margin-bottom: 66px;
}

.sub-catalog .button-download {
    margin-top: 15px;
}


/* Catalog-element */
.catalog-product {
    margin-top: 126px;
}

.catalog-product .change-buttons {
    display: flex;
}

.catalog-product .change-buttons li {
    flex: 1;
}


/* About */
.about-us h3 {
    max-width: 906px;
}

.about-us p {
    max-width: 537px;
    line-height: 140%;
    margin-top: 24px;
    margin-bottom: 64px;
}

.about-us-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    list-style: none;
}

.item__about-us-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.item-bold-text__about-us-list {
    font-size: 64px;
}

.item__about-us-list span:last-child {
    max-width: 266px;
}

.wrapper__about-us-image {
    height: 584px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 64px auto 80px auto;
    overflow: hidden;
}

.wrapper__about-us-image img {
    width: 100%;
}

@media (max-width: 1024px) {
    .about-us-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .item-bold-text__about-us-list {
        font-size: 72px;
    }

    .wrapper__about-us-image {
        height: 694px;
    }

    .about-us-image {
        scale: 1.25;
    }
}

@media (max-width: 680px) {
    .item-bold-text__about-us-list {
        font-size: 46px;
    }

    .wrapper__about-us-image {
        height: 470px;
        margin: 32px auto 48px auto;
    }

    .about-us-image {
        scale: 1.8;
    }

    .item__about-us-list span:last-child {
        font-size: 12px;
    }
}

/* Geography main */
.geography-main .button {
    display: block;
    text-align: center;
    text-decoration: none;
    background-color: #21232A;
    padding: 28px 40px;
    margin-bottom: 64px;
}

.geography-main h3 {
    margin-bottom: 48px;
}

.geography-main div.news-list {
    margin-bottom: 48px;
}

@media (max-width: 1024px) {
    .geography-main div.news-list {
        margin-bottom: 18px;
    }
}

@media (max-width: 680px) {
    .geography-main div.news-list {
        margin-bottom: 12px;
    }
}


    /* Projects */
.more-button__projects, .more-button__news {
    display: block;
    grid-column: 1/-1;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    background-color: #21232A;
    padding: 28px 40px;
    cursor: pointer;
}

@media (max-width: 1024px) {
    .projects h3 {
        max-width: 515px;
    }

    .more-button__projects, .more-button__news, .geography-button, .job-button-wrapper>.button {
        font-size: 18px;
        padding: 23px !important;
    }
}

@media (max-width: 680px) {
    .more-button__projects, .more-button__news, .geography-button, .job-button-wrapper>.button {
        font-size: 14px;
        padding: 15px !important;
    }
}


/* Partners */
.partners {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin: 68px 0;
}

.partners > div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.partners img {
    height: auto;
    max-width: 100%;
    object-fit: contain;
}



/* Reviews */
.reviews {
    margin-bottom: 64px;
}

.content__reviews {
    display: flex;
}

.swiper-container {
    max-width: 482px;
    overflow: hidden;
}

.swiper-buttons {
    display: flex;
    gap: 60px;
    margin-top: 122px;
}

.swiper-button-prev, .swiper-button-next {
    max-width: 50px;
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative !important;
    top: 0;
    left: 0;
    right: 0;
}

.swiper-button-prev {
    rotate: 180deg;
}

@media (max-width: 1024px) {
    .content__reviews {
        flex-direction: column;
    }

    .content__reviews>div:first-child {
        display: contents;
    }

    .swiper-container {
        max-width: none;
        margin-top: 32px;
    }

    .news-item>b {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .news-item>p {
        font-size: 14px;
    }

    .news-item>span {
        margin-bottom: 24px;
    }

    .swiper-buttons {
        order: 1;
        margin-top: 50px;
    }
}

@media (max-width: 680px) {
    .news-item>b {
        font-size: 14px;
        margin-bottom: 6px;
    }

    .news-item>p {
        font-size: 12px;
    }

    .news-item>span {
        font-size: 10px;
        margin-bottom: 30px;
    }

    .swiper-buttons {
        justify-content: space-between;
        margin-top: 30px;
    }
}


/* Footer */
footer {
    color: #ffffff;
    background-color: #21232A;
}

.content__footer {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid #ffffff;
    padding-top: 95px;
    padding-bottom: 57px;
}

.info-block__footer {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    max-width: 547px;
}

.info__footer {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.info__footer>p, .phone-info__footer>span {
    font-weight: 200;
    line-height: 140%;
}

.phone-info__footer {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.phone-info__footer>a {
    color: #ffffff;
    font-size: 24px;
    font-weight: 500;
    text-decoration: none;
}

.form-wrapper__footer {
    max-width: 546px;
    width: 100%;
}

.form-wrapper__footer a {
    color: #ffffff;
}

.checkbox-wrapper {
    display: flex;
    align-items: start;
}

.checkbox-wrapper>span {
    font-size: 12px;
}

.checkbox-wrapper>input {
    opacity: 0;
    width: 0;
    pointer-events: none;
}

.custom-checkbox {
    max-width: 18px;
    width: 100%;
    height: 18px;
    border-radius: 3px;
    border: 1px solid #000000;
    background-color: #ffffff;
    box-sizing: content-box !important;
    margin-right: 12px;
    cursor: pointer;
    position: relative;
}

input[type="checkbox"]:checked + .custom-checkbox::after {
    content: '✔';
    color: #000000;
    font-size: 16px;
    position: absolute;
    line-height: normal !important;
    left: 54%;
    top: 45%;
    transform: translate(-50%, -50%);
}

.checkbox-wrapper>input:checked {
    background-color: #ffffff;
}

.form__footer {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 13px;
}

.form__footer>input, .form__footer>select {
    width: 100%;
    padding: 14px 20px;
    max-width: 100%;
    box-sizing: border-box;
}

.form__footer>select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form__footer>button {
    width: 100%;
}

.button__footer {
    padding: 14px 28px;
    margin-top: 14px;
}


.footer-nav {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-top: 46px;
}

.footer-nav h4 {
    margin-bottom: 16px;
}

.footer-nav ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer-nav li, .footer-nav li a {
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 200;
}

.products {
    max-width: 248px;
}

.useful {
    max-width: 232px;
}

.products ul, .useful ul {
    list-style-image: url('/local/templates/termata//assets/list-point.svg');
    padding-left: 15px;
}

.social__footer {
    max-width: 256px;
}

.contacts__footer {
    max-width: 260px;
}

.contacts__footer ul {
    list-style: none;
}

.contacts-phone__footer, .contacts-location__footer, .contacts-mail__footer {
    font-weight: 400 !important;
    padding-left: 16px;
    position: relative;
}

.contacts-phone__footer::before, .contacts-location__footer::before, .contacts-mail__footer::before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
}

.contacts-phone__footer::before {
    background-image: url('/local/templates/termata/assets/contacts-footer-phone.svg');
}

.contacts-location__footer::before {
    background-image: url('/local/templates/termata/assets/contacts-footer-location.svg');
}

.contacts-mail__footer::before {
    background-image: url('/local/templates/termata/assets/contacts-footer-mail.svg');
}

.links__footer {
    display: flex;
    gap: 9px;
    align-items: center;
    margin-bottom: 13px;
}

.join-text__footer {
    font-size: 12px;
    color: rgba(255, 255, 255, .41);
    margin-bottom: 25px;
}

.shields {
    display: flex;
    gap: 13px;
}

.copyright-text {
    font-size: 12px;
    font-weight: 200;
    padding-bottom: 43px;
    margin-top: 39px;
}

@media (max-width: 1024px) {
    .content__footer {
        flex-direction: column;
        align-items: stretch;
        gap: 32px;
        padding-top: 64px;
    }

    .footer-nav {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 36px;
    }

    .info-block__footer {
        flex-direction: row;
        max-width: none;
    }

    .info__footer {
        max-width: 443px;
    }

    .phone-info__footer {
        align-items: end;
        gap: 8px;
    }

    .phone-info__footer>a {
        font-size: 18px;
    }

    .phone-info__footer>span {
        font-size: 14px;
    }

    .form-wrapper__footer {
        max-width: none;
    }

    .form__footer>input, .form__footer>select {
        padding: 24px 20px;
    }

    .button__footer {
        width: 100%;
        font-size: 18px;
        padding: 23px 28px;
    }
}

@media (max-width: 680px) {
    .content__footer {
        padding-top: 48px;
    }

    .info__footer>h3 {
        font-size: 24px;
    }

    .form__footer>input, .form__footer>select {
        padding: 13px 17px;
    }

    .button__footer {
        width: 100%;
        font-size: 16px;
        padding: 14px 20px;
        margin-top: 0;
    }

    .footer-nav {
        column-gap: 16px;
        row-gap: 32px;
    }

    .footer-nav li, .footer-nav li a {
        font-size: 10px;
    }

    .info-block__footer {
        flex-direction: column;
        gap: 24px;
    }

    .phone-info__footer {
        align-items: start;
    }

    .shields>img {
        max-width: 48px;
    }

    .copyright-text {
        font-size: 10px;
    }
}


/* Contacts (page) */
.contacts h1 {
    margin-top: 116px;
    margin-bottom: 32px;
}

.subtitle__contacts {
    font-size: 12px;
}

.text__contacts {
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
}

.section__contacts {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-bottom: 48px;
}

.border-b {
    border-bottom: 1px solid #000000;
}

.margin-top {
    margin-top: 48px;
}

.phone__contacts {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

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

.links__contacts {
    display: flex;
    gap: 16px;
}

.contacts-map > .container > h3 {
    margin-top: 62px;
    margin-bottom: 32px;
}

@media (max-width: 1024px) {
    .contacts h1 {
        margin-top: 175px;
    }

    .text__contacts {
        font-size: 14px;
    }

    .links__contacts > a > img {
        max-width: 48px;
    }

    .section__contacts {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding-bottom: 32px;
    }

    .margin-top {
        margin-top: 32px;
    }

    .phone__contacts > h3 {
        font-size: 32px;
    }
}

@media (max-width: 680px) {
    .section__contacts:nth-child(2) {
        display: flex;
        flex-direction: column;
    }

    .section__contacts:nth-child(2) > span {
        margin-bottom: 24px;
    }

    .subtitle__contacts {
        font-size: 10px;
    }

    .text__contacts {
        font-size: 12px;
    }

    .phone__contacts {
        gap: 16px;
    }

    .phone__contacts > h3 {
        font-size: 18px;
    }
}


/* Certificates */
.certificates {
    margin-bottom: 48px;
}

.certificates h1 {
    margin-top: 148px;
    margin-bottom: 64px;
}

@media (max-width: 680px) {
    .certificates h1 {
        margin-top: 105px;
        margin-bottom: 24px;
    }
}


/* Geography */
.geography h1 {
    max-width: 550px;
    font-size: 40px;
    margin-top: 148px;
    margin-bottom: 48px;
}

@media (max-width: 1024px) {
    .geography h1 {
        font-size: 36px;
        margin-bottom: 32px;
    }
}

@media (max-width: 680px) {
    .geography h1 {
        font-size: 18px;
        margin-bottom: 23px;
    }
}


/* Partner card */
.card {
    margin-bottom: 64px;
}

.card h1 {
    margin-top: 148px;
}

.card h3 {
    font-size: 24px;
    margin-bottom: 24px;
    margin-top: 48px;
}

.card p {
    line-height: 140%;
}

.content__card {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 58px;
    margin-bottom: 64px;
}

@media (max-width: 1024px) {
    .card h1 {
        margin-bottom: 22px;
    }

    .card h3 {
        font-size: 18px;
        margin-bottom: 24px;
        margin-top: 48px;
    }

    .card p {
        font-size: 14px;
    }

    .content__card {
        max-width: 550px;
        display: flex;
        flex-direction: column;
        gap: 0;
    }
}

@media (max-width: 680px) {
    .card h1 {
        font-size: 24px;
        margin-top: 105px;
        margin-bottom: 0;
    }

    .card h3 {
        font-size: 14px;
        margin-bottom: 12px;
        margin-top: 32px;
    }

    .card p {
        font-size: 12px;
    }
}

/* About-page */
.about-page {
    margin-top: 100px;
}

.about-page > .container > p {
    max-width: 784px;
    line-height: 140%;
    margin-top: 14px;
}

.about-page h3 {
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 24px;
    margin-top: 48px;
}

@media (max-width: 1024px) {
    .about-page h3 {
        font-size: 18px;
        margin-bottom: 24px;
        margin-top: 48px;
    }

    .about-page {
        margin-top: 148px;
    }
}

@media (max-width: 680px) {
    .about-page h3 {
        font-size: 14px;
        margin-bottom: 12px;
        margin-top: 32px;
    }

    .about-page {
        margin-top: 105px;
    }
}

.about-page .about-us-list {
    margin-top: 58px;
}

.about-page .wrapper__about-us-image {
    height: 575px;
    margin: 60px 0 92px 0px;
}

.image__about-page {
    width: 100%;
}

.pluses__about-page {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    list-style: none;
    margin-top: 92px;
}

.pluses__about-page > li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #000000;
    aspect-ratio: 1.9;
    box-sizing: border-box;
    overflow: hidden;
}

.pluses__about-page > li > img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}

.pluses__about-page > li > h3 {
    padding: 32px;
}

.pluses__about-page > li > p {
    padding: 0 32px 32px 32px;
}

.pluses__about-page > li > h3 {
    margin: 0;
}

.bottom-title__about-page {
    max-width: 837px;
    text-align: center;
    margin: 0 auto;
}

.bottom-title__about-page h3 {
    margin-top: 92px;
}

.bottom-title__about-page > .button {
    display: inline-block;
    text-decoration: none;
    padding: 14px 57px;
    margin-bottom: 92px;
}

@media (max-width: 1220px) {
    .pluses__about-page > li {
        aspect-ratio: 1.4;
    }
}

@media (max-width: 1024px) {
    .about-page .wrapper__about-us-image {
        margin: 64px auto 77px;
    }

    .wrapper__about-us-image img {
        scale: 1.55;
    }

    .pluses__about-page > li > p {
        font-size: 14px;
    }

    .pluses__about-page > li > h3 {
        padding: 20px 20px 30px 20px;
    }

    .pluses__about-page > li > p {
        padding: 0 20px 30px 20px;
    }

    .bottom-title__about-page h3 {
        max-width: 620px;
        margin: 84px auto 48px auto;
    }

    .bottom-title__about-page > .button {
        display: block;
        padding: 23.5px;
    }
}

@media (max-width: 900px) {
    .pluses__about-page > li {
        aspect-ratio: 1.1;
    }
}

@media (max-width: 800px) {
    .pluses__about-page > li > p {
        font-size: 12px;
    }

    .pluses__about-page > li > h3 {
        padding-bottom: 0;
    }

    .pluses__about-page>li>p {
        padding-top: 0;
    }
}

@media (max-width: 680px) {
    .about-page h1 {
        font-size: 24px;
    }

    .about-page > .container > p {
        font-size: 12px;
    }

    .about-page .wrapper__about-us-image {
        height: 341px;
        margin: 48px auto 32px;
    }

    .wrapper__about-us-image img {
        scale: 2;
    }

    .pluses__about-page {
        display: flex;
        flex-direction: column;
        margin-top: 0;
    }

    .pluses__about-page > li {
        aspect-ratio: auto;
    }

    .pluses__about-page > li > h3 {
        margin-bottom: 64px;
    }

    .pluses__about-page > li:nth-child(2) {
        order: 1;
    }

    .bottom-title__about-page h3 {
        text-align: left;
        margin: 48px auto 23px auto;
    }

    .bottom-title__about-page > .button {
        padding: 14px 16px;
    }
}

@media (max-width: 500px) {
    .pluses__about-page > li {
        aspect-ratio: 1.27;
    }

    .pluses__about-page > li > h3 {
        margin-bottom: 0;
    }
}


/* Services */
.change-buttons-wrapper__services {
    margin-top: 191px;
}

.services p {
    line-height: 140%;
}

.services>.container>p {
    max-width: 861px;
}

.services h3 {
    max-width: 861px;
    font-size: 24px;
    line-height: 120%;
    margin-top: 64px;
    margin-bottom: 32px;
}

.change-buttons {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    list-style: none;
    text-align: center;
}

.change-buttons > li {
    padding: 15px 0;
    border: 1px solid #000000;
    cursor: pointer;
    margin-top: 44px;
    margin-bottom: 64px;
}

.change-buttons > li:not(:last-child) {
    border-right: none;
}

.change-buttons > li.active {
    color: #ffffff;
    background-color: #21232a;
}

@media (max-width: 1024px) {
    .change-buttons {
        max-height: 68px;
        display: flex;
        flex-direction: column;
        overflow-y: hidden;
        background-color: white;
        margin-top: 48px;
        margin-bottom: 32px;
    }

    .show-buttons {
        max-height: none;
    }

    .change-buttons li{
        border-radius: 5px;
    }

    .change-buttons li.active {
        order: -1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        position: relative;
    }

    .change-buttons li:only-child.active:after {
        display: none;
    }

    .change-buttons li.active:after {
        content: '';
        width: 8px;
        height: 7px;
        display: block;
        background-image: url('/local/templates/termata/assets/switch-buttons-triangle.svg');
        background-size: cover;
        background-repeat: no-repeat;
        transform: translateY(-50%);
        position: relative;
        top: 4px;
        transition: .2s;
    }

    .show-buttons .active:after {
        rotate: 180deg;
        top: -3px !important;
    }

    .change-buttons > li {
        font-weight: 500;
        padding: 23px 0;
        margin: 0;
    }
}

@media (max-width: 680px) {
    .change-buttons {
        margin-top: 24px;
        max-height: 51px;
    }

    .change-buttons > li {
        padding: 14px 0;
    }

    .show-buttons {
        max-height: none;
    }
}

.services-list__services {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 29px;
    column-gap: 24px;
    list-style: none;
    margin-bottom: 64px;
}

.services-list__services > li {
    display: flex;
    min-height: 413px;
    flex-direction: column;
    border: 1px solid #000000;
    border-radius: 3px;
}

.services-list__services > li > div {
    padding: 48px 48px 48px 48px;
}

.services-list__services > li > div > h4 {
    margin-bottom: 16px;
}

.services-list__services > li > button {
    color: #000000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    text-align: start;
    border: none;
    border-top: 1px solid #000000;
    background-color: transparent;
    margin-top: auto;
    padding: 14px 48px;
    cursor: pointer;
    transition: 0.3s;
}

.services-list__services > li > button:hover {
    color: #ffffff;
    background-color: #21232a;
}

.services-list__services > li > button:hover > svg {
    stroke: #ffffff;
    fill: #ffffff;
}

@media (max-width: 1024px) {
    .services p {
        font-size: 14px;
    }

    .services h3 {
        font-size: 18px;
    }

    .services-list__services {
        grid-template-columns: 1fr;
    }

    .services-list__services > li {
        min-height: 310px;
    }

    .services-list__services > li > div {
        padding: 32px;
    }

    .services-list__services > li > button {
        font-size: 18px;
        padding: 23px 32px;
    }
}

@media (max-width: 680px) {
    .services p {
        font-size: 12px;
    }

    .services h3 {
        font-size: 14px;
    }

    .services-list__services > li {
        min-height: 260px;
    }

    .services-list__services > li > div {
        padding: 24px 16px;
    }

    .services-list__services > li > button {
        font-size: 16px;
        padding: 10px 15px;
    }
}

/* For clients */
.for-clients h2 {
    max-width: 861px;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 24px;
}

.for-clients .container {
    margin-bottom: 32px;
}

@media (max-width: 1024px) {
    .for-clients h2 {
        font-size: 36px;
    }

    .bx-yandex-view-layout {
        overflow: hidden !important;
    }

    .bx-yandex-view-layout, .ymaps-glass-pane, .ymaps-map {
        height: 858px !important;
    }

    .for-clients p {
        font-size: 14px;
    }
}

@media (max-width: 680px) {
    .for-clients h2 {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .bx-yandex-view-layout, .ymaps-glass-pane, .ymaps-map {
        height: 539px !important;
    }

    .for-clients p {
        font-size: 12px;
    }
}

/* Questions */
.questions {
    margin-bottom: 64px;
}

.questions h3 {
    max-width: 432px;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 24px;
}

.contacts__questions>p {
    max-width: 266px;
    margin-top: 77px;
    margin-bottom: 24px;
}

.contacts__questions h3 {
    color: #000000;
    text-decoration: none;
    margin-bottom: 4px;
}

.form-wrapper__questions {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
}

.form__questions {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.form__questions > input,
.form__questions > textarea {
    padding: 14px 20px;
    border: 1px solid #000000;
    border-radius: 3px;
}

.form__questions > button {
    align-self: start;
    padding: 14px 55px;
}

.hidden {
    display: none;
}

@media (max-width: 1024px) {
    .form-wrapper__questions {
        grid-template-columns: 1fr;
    }

    .form__questions > button {
        width: 100%;
        padding: 23px 40px;
    }

    .contacts__questions h3 {
        font-size: 36px;
    }

    .form__questions > input, .form__questions > textarea {
        font-size: 14px;
        padding: 24px 20px;
    }

    .contacts__questions>p {
        margin-top: 40px;
    }
}

@media (max-width: 680px) {
    .form__questions > button {
        width: 100%;
        padding: 14px 20px;
    }

    .questions h3 {
        font-size: 18px;
    }

    .form__questions > input, .form__questions > textarea {
        font-size: 14px;
        padding: 17px;
    }

    .contacts__questions>p {
        margin-top: 20px;
    }
}


/* Blog (page) */
.blog, .projects {
    margin-bottom: 64px;
}

.blog button {
    width: 100%;
}

.blog-header {
    margin-top: 0;
    position: relative;
}

.wrapper__blog-header-image {
    width: 100%;
    max-height: 750px;
    overflow: hidden;
}

.title-wrapper-container {
    max-width: 1280px;
    box-sizing: border-box;
    padding: 0 61px;
    margin: 0 auto;
}

.wrapper__blog-header-image>img {
    width: 100%;
    position: relative;
    bottom: 300px;
}

.title-wrapper__blog-header {
    color: #ffffff;
    position: absolute;
    bottom: 52px;
}

.blog-change-buttons {
    grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 1550px) {
    .wrapper__blog-header-image>img {
        bottom: 150px;
    }
}

@media (max-width: 1280px) {
    .wrapper__blog-header-image {
        max-height: 650px;
    }
}

@media (max-width: 1110px) {
    .wrapper__blog-header-image>img {
        bottom: 100px;
    }
}

@media (max-width: 1024px) {
    .wrapper__blog-header-image {
        max-height: 877px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .wrapper__blog-header-image>img {
        width: auto;
        height: 100%;
        display: block;
        margin-right: 190px;
        scale: 0.95;
        bottom: 0;
    }

    .title-wrapper-container {
        padding: 0 50px;
    }
}

@media (max-width: 680px) {
    .wrapper__blog-header-image {
        max-height: 600px;
    }

    .title-wrapper-container {
        padding: 0 20px;
    }

    .blog-header h1 {
        font-size: 24px;
    }
}

/* Jobs */

.jobs {
    margin-bottom: 105px;
}

.jobs h1 {
    margin-top: 148px;
}

@media (max-width: 680px) {
    .job-detail div.news-detail>.button {
        text-align: center;
        display: block;
    }
}

/* Privacy Policy */
.privacy-policy {
    margin-top: 100px;
    margin-bottom: 60px;
}

.privacy-policy h1 {
    margin-bottom: 10px;
}

.privacy-policy ul, .privacy-policy ol {
    padding-left: 40px;
}

.privacy-policy h3 {
    font-size: 20px;
    line-height: 120%;
    margin-top: 24px;
    margin-bottom: 16px;
}

.privacy-policy p {
    line-height: 140%;
}

.privacy-table {
    table-layout: fixed;
    margin-top: 30px;
}

.privacy-table th, .privacy-table td {
    padding: 10px;
}

@media (max-width: 550px) {
    .privacy-policy ul, .privacy-policy ol {
        padding-left: 15px;
    }

    .privacy-table th, .privacy-table td {
        font-size: 14px;
    }
}


/* BX component style */
.form__footer>div {
    width: 100%;
}

#resumeForm .checkbox-wrapper {
    margin-bottom: 12px;
}
/* End */
/* /local/templates/termata/components/bitrix/menu/horizontal_multilevel1/style.css?17431709325888 */
/* /local/templates/termata/components/bitrix/menu/burger-menu/style.css?1743172057410 */
/* /local/templates/termata/components/bitrix/main.userconsent.request/agree-checkbox/user_consent.css?17434526424430 */
/* /local/templates/termata/template_styles.css?175100599439952 */