html, body {    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}
input::-webkit-contacts-auto-fill-button {  visibility: hidden;  display: none !important;  pointer-events: none;  position: absolute;  right: 0;}

.cover-img { width: 100%; height: 100%; object-fit: cover;}
.fit-img { width: 100%; height: 100%; object-fit: contain;}

.site-header {	height: 80px;	transition: all .3s ease-in-out;	z-index: 9999;}
.lang-switch>ul{margin: 0; padding: 0; list-style: none;}
.lang-switch>ul>li img{vertical-align: middle !important;}

.site-header.header-scrolled { height: 60px; background-color: var(--bs-white);}
.modal-open .site-header.header-scrolled, .header-dark .site-header.header-scrolled { background-color:var(--bs-primary);}

.site-logo img {height: 36px;}

.main-menu-switch {	position: relative;	width: 40px;	height: 40px;	z-index: 9999;	border: none;	outline: none;	border-radius: 50%;	background-color: var(--bs-white); }
.main-menu-switch .stripes {	display: block;	position: absolute;	left: 50%;	top: 50%;	transform: translate(-50%, -50%);	width: 24px;	height: 2px;	background-color: var(--bs-red); transition: all .2s ease-in-out;}
.main-menu-switch .stripes::before, .main-menu-switch .stripes::after {content: ""; position: absolute; width: 16px;	height: 2px;	background-color: var(--bs-red); transition: all .2s ease-in-out;}
.main-menu-switch .stripes::before {left: 50%; top: -8px; transform: translateX(-50%);}
.main-menu-switch .stripes::after {left: 50%; bottom: -8px; transform: translateX(-50%);}
.modal-open .main-menu-switch .stripes {width: 16px;}
.modal-open .main-menu-switch .stripes::before {top: 0;}
.modal-open .main-menu-switch .stripes::after {bottom: 0;}

.main-menu .menu-item a {	display: block;	position: relative;	text-decoration: none;	margin: 10px 30px;	color: var(--bs-body-color);	z-index: 1;}
.header-dark .main-menu .menu-item a {color: var(--bs-white);}
.main-menu .current-menu-item a, .header-dark .main-menu .current-menu-item a {	color: var(--bs-red); }
.main-menu .menu-item a::before {	content: "";	position: absolute;	left: 0;	bottom: -8px;	width: 100%;	height: 8px;	-webkit-background-clip: padding-box; /* for Safari */  background-clip: padding-box;	background-color: var(--bs-red);	border: 3px solid rgba(var(--bs-danger-rgb),.15);	border-radius: 5px;	transform: scale(.8);	z-index: -1;	opacity: 0;	transition: all .2s ease-in-out;}
.main-menu .menu-item a:hover::before {	opacity: 1;	transform: scale(1);}

.hero-section, .section-service-design, .section-development, .section-maintenance {	z-index: 1;}
.hero-section .section-fig, .section-service-design .section-fig, .section-development .section-fig, .section-maintenance .section-fig {z-index: -1;}
.hero-section .section-fig svg { height:100vh; width: auto; position: absolute; right: 0; bottom: 0;}
.section-arguments h2 { line-height: .6;}
.section-services .section-fig svg { margin-left: -50vw; width:200vw; height: auto;}
.section-contacts .section-fig svg { transform: scale(2);}
.section-service-design .section-fig {position: relative;}
.section-development .section-fig svg, .section-maintenance .section-fig svg, .section-service-design .section-fig svg {width: 100%; height: auto;}

.works-list-item .cover-img {transition: all .5s ease-in-out;}
.works-list-item:hover .cover-img {transform:scale(1.1);}
#success_alert .form__title{margin-top:50px;}

.grid-rotator-frame { width:100%; padding-bottom: 33%; overflow: hidden; }

@media only screen and (orientation: portrait) {
  .hero-section .section-fig svg { height:auto; width: 160vw; right: 0; top: 0;}
  .section-contacts .section-fig svg { transform: scale(2);}
 }

@media (min-width: 576px) {
	.section-services .section-fig svg { margin-left: 0; width:100%; height: auto;}
	.section-contacts .section-fig svg { transform: scale(1);}
	.blockquote { margin-bottom: 1rem; font-size: 1.25rem; }
	.blockquote::before { font-size: 80px; left: -60px; }
}

@media (min-width: 768px) {
	.grid-rotator-frame { padding-bottom: 24%; }
}

@media (min-width: 992px) {
	.site-header { height: 120px;}
	.site-logo img {height: 40px;}
}

@media (min-width: 1200px) {
	.section-development .section-fig {position: absolute; bottom: 0 ; right: 0; width: 55%;}
	.section-maintenance .section-fig, .section-service-design .section-fig {position: absolute; bottom: 0 ; right: 0; width: 50%;}
	.grid-rotator-frame { padding-bottom: 16%; }
}

@media (min-width: 1400px) { }
@media (min-width: 1800px) { }

.otgs-development-site-front-end{display:none;}