@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400;500&family=Roboto:wght@400;500;700&display=swap");

/* ===== Garmin About (gh) · Bitrix-safe shell · v8 ===== */

/* Mark page only via class from JS — do NOT set overflow on both html+body (iOS dual scroll). */
html.gh-page-active {
  overflow-x: clip;
}
/* Kill nested scroll traps in Aspro wrappers on this page only */
body.gh-page-active .wrapper1,
body.gh-page-active #content,
body.gh-page-active .right_block,
body.gh-page-active .right_block_wrap,
body.gh-page-active .main,
body.gh-page-active .container,
body.gh-page-active .middle,
body.gh-page-active .wrapper_inner,
body.gh-page-active .container_inner {
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
}

.gh-root {
  color: #404040;
  font-size: 15px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  line-height: 1.6;
  background: #fff;
  max-width: 100%;
  position: relative;
  /* stay BELOW Aspro sticky header (usually z-index 1000+) */
  z-index: 0;
  /* overflow-x:hidden creates a scrollport and breaks sticky/iOS page scroll — avoid */
  overflow: visible;
  -webkit-text-size-adjust: 100%;
}

.gh-root *,
.gh-root *::before,
.gh-root *::after {
  box-sizing: border-box;
}

.gh-root a { text-decoration: none; color: #0079be; }
.gh-root img { max-width: 100%; border: 0; height: auto; }

/* sections we intentionally do not show */
.gh-root .mapBlock,
.gh-root .facilitiesBlock,
.gh-root .sloganBlack,
.gh-root .bigpicBlock,
.gh-root .mapList,
.gh-root #mapAll,
.gh-root #mapList {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hero: never cover site header icons */
.gh-root .topHero,
.gh-root .heroCoverGary,
.gh-root .heroContent {
  position: relative;
  z-index: 0;
  transform: none !important;
  will-change: auto !important;
  -webkit-transform: none !important;
}
.gh-root .heroCoverGary { background-color: #1a1a1a; }
.gh-root .topHero > .heroCoverGary > .heroContent p {
  text-shadow: 0 2px 12px rgba(0,0,0,.45);
}

/* Desktop founders: equal columns, page scroll (no inner overflow trap) */
@media (min-width: 969px) {
  .gh-root .contentBlock.GaryBG {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items: stretch !important;
    overflow: hidden !important; /* clip absolute img only */
  }
  .gh-root .contentBlock.GaryBG > picture {
    position: relative !important;
    min-height: 100%;
    overflow: hidden;
  }
  .gh-root .contentBlock.GaryBG > picture img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .gh-root .contentBlock.GaryBG > .leadershipMain {
    overflow: visible !important;
    max-height: none !important;
    height: auto !important;
    padding: 2.25rem 3.5% !important;
  }
}
@media (max-width: 968px) {
  .gh-root .contentBlock.GaryBG,
  .gh-root .contentBlock.GaryBG > .leadershipMain,
  .gh-root .contentBlock.GaryBG > picture {
    overflow: visible !important;
    max-height: none !important;
    height: auto !important;
  }
  .gh-root .contentBlock.GaryBG > picture img {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    inset: auto !important;
  }
}

/* History: equal title spacing + grid; short transitions (1s all = mobile jank) */
.gh-root .historyBlock { padding: 0 !important; }
.gh-root .historyBlock > .headline {
  margin: 0 !important;
  padding: 3.5rem 10% !important;
}
.gh-root .historyBlock > .headline h2 { margin: 0 !important; }
.gh-root .historyMain {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  width: 100%;
  overflow: visible !important;
  align-items: stretch;
}
@media (min-width: 639px) {
  .gh-root .historyMain { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1023px) {
  .gh-root .historyMain { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 1199px) {
  .gh-root .historyMain { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

.gh-root .historyMain .historyList,
.gh-root .historyMain button.historyList {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  text-align: left;
  font: inherit;
  color: inherit;
  cursor: pointer;
  overflow: hidden;
  transition: background-color 0.25s ease !important;
  -webkit-appearance: none;
  appearance: none;
  touch-action: manipulation;
}
.gh-root .historyMain .historyList .historyIMG {
  width: 100%;
  height: 0;
  padding-bottom: 66.25%;
  overflow: hidden;
  position: relative;
}
.gh-root .historyMain .historyList .historyIMG img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.25s ease, filter 0.25s ease !important;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transform: scale(1);
}
.gh-root .historyMain .historyList:after {
  position: absolute;
  text-align: center;
  font-size: 22.5px;
  line-height: 25px;
  content: "•••";
  color: white;
  bottom: -25px;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 25px;
  background: #6DCFF6;
  transition: bottom 0.25s ease !important;
}
.gh-root .historyMain .historyList:hover,
.gh-root .historyMain .historyList:focus {
  background-color: #404040;
  outline: none;
}
.gh-root .historyMain .historyList:hover h4,
.gh-root .historyMain .historyList:hover p,
.gh-root .historyMain .historyList:focus h4,
.gh-root .historyMain .historyList:focus p { color: #fff; }
.gh-root .historyMain .historyList:hover .historyIMG img,
.gh-root .historyMain .historyList:focus .historyIMG img {
  transform: scale(1.08);
  filter: none;
  -webkit-filter: none;
}
.gh-root .historyMain .historyList:hover:after,
.gh-root .historyMain .historyList:focus:after { bottom: 0; }
.gh-root .historyMain .historyList .historyWords {
  font-size: 15px;
  padding: 1.5rem;
  color: #000;
  flex: 1 1 auto;
}
.gh-root .historyMain .historyList .historyWords h4 {
  font-size: 34px;
  font-weight: normal;
  text-align: center;
  margin: 0;
}
.gh-root .historyMain .historyList .historyWords p {
  text-align: left;
  overflow: hidden;
}
@media (min-width: 639px) {
  .gh-root .historyMain .historyList .historyWords { padding: 2rem; }
  .gh-root .historyMain .historyList .historyWords h4 { font-size: 45px; }
}
@media (max-width: 638px) {
  .gh-root .historyMain .historyList .historyWords h4 { font-size: 25.5px !important; }
  .gh-root .historyMain .historyList .historyWords p {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }
  .gh-root .historyMain .historyList .historyWords {
    min-height: 7.2em;
    padding: 0.65rem 0.55rem 0.85rem !important;
  }
}

/* Tech block CTA not clipped */
.gh-root .technologyBlock {
  overflow: visible !important;
}
.gh-root .technologyBlock .tech_1,
.gh-root .technologyBlock .tech_2 {
  pointer-events: none;
  opacity: 0.35;
}
.gh-root .technologyBlock .headline,
.gh-root .technologyBlock h4,
.gh-root .technologyBlock p,
.gh-root .technologyBlock a.btn-white-empty {
  position: relative;
  z-index: 2;
}
.gh-root .btn-white-empty {
  display: inline-block;
  border: 1px solid #fff;
  color: #fff !important;
  padding: 0.75rem 1.5rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 13px;
}
.gh-root .btn-white-empty:hover,
.gh-root .btn-white-empty:active,
.gh-root .btn-white-empty:focus,
.gh-root .technologyBlock .btn-white-empty:hover,
.gh-root .technologyBlock .btn-white-empty:active,
.gh-root .technologyBlock .btn-white-empty:focus {
  background: #fff !important;
  background-color: #fff !important;
  color: #000 !important;
}
@media (max-width: 638px) {
  .gh-root .technologyBlock {
    padding-bottom: 6rem !important;
  }
}

/* Modal */
.gh-modal[hidden] { display: none !important; }
.gh-modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  overscroll-behavior: contain;
}
.gh-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.72);
}
.gh-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(800px, 100%);
  max-height: min(92vh, 900px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  background: #fff;
  color: #404040;
  box-shadow: 0 12px 40px rgba(0,0,0,.35);
}
.gh-modal__close {
  position: absolute;
  top: 8px;
  right: 10px;
  z-index: 2;
  width: 40px;
  height: 40px;
  border: 0;
  background: rgba(0,0,0,.45);
  color: #fff;
  font-size: 28px;
  border-radius: 50%;
  cursor: pointer;
}
.gh-modal__media img { display: block; width: 100%; height: auto; }
.gh-modal__year {
  width: 3em;
  margin: -0.9em auto 0;
  font-size: 30px;
  font-family: "Oswald","Roboto",sans-serif;
  background: #404040;
  color: #fff;
  text-align: center;
  line-height: 1.8em;
}
.gh-modal__body { padding: 2rem 1.5rem 2.5rem; }
.gh-modal__body h3 {
  font-weight: normal;
  text-align: center;
  margin: 1.5em 0 1em;
  font-size: 18px;
}
.gh-modal__body p { font-size: 15px; line-height: 1.75; margin: 0; }
body.gh-modal-open { overflow: hidden !important; }

/* Hide Aspro sidebars / page title only on this page */
html.gh-page-active .left_block,
body.gh-page-active .left_block {
  display: none !important;
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
html.gh-page-active .right_block_wrap,
html.gh-page-active .right_block,
body.gh-page-active .right_block_wrap,
body.gh-page-active .right_block {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  overflow: visible !important;
  max-height: none !important;
}
html.gh-page-active .top-block-wrapper,
html.gh-page-active section.page-top,
html.gh-page-active #pagetitle,
html.gh-page-active #navigation,
body.gh-page-active .top-block-wrapper,
body.gh-page-active section.page-top {
  display: none !important;
}

/* Mobile: raise floating «Подобрать часы» if present */
@media (max-width: 860px) {
  body.gh-page-active .gh-podbor-raised {
    bottom: 60px !important;
  }
}

/* hard kill nested scroll inside page sections (except modal) */
.gh-root section,
.gh-root .contentBlock,
.gh-root .historyMain,
.gh-root .aboutMain,
.gh-root .aboutBrief,
.gh-root .officeImg,
.gh-root .leadershipMain,
.gh-root .technologyBlock {
  max-height: none !important;
}
.gh-root .leadershipMain,
.gh-root .historyMain,
.gh-root .aboutMain,
.gh-root .aboutBrief {
  overflow: visible !important;
}

/* ===== scoped original about-us design ===== */

@charset "UTF-8";.gh-root .blue{color:#0079be!important}.gh-root .red{color:#b50000!important}.gh-root .gray,.gh-root .grey{color:#bfbfbf!important}.gh-root .underline{text-decoration:underline}.gh-root .bold{font-weight:bold}.gh-root .font-size-small{font-size:13px}.gh-root{color:#404040;margin:0;padding:0;font-size:15px;overflow-x:visible}.gh-root :focus{outline:none}.gh-root a,.gh-root audio,.gh-root b,.gh-root caption,.gh-root div,.gh-root embed,.gh-root footer,.gh-root form,.gh-root h1,.gh-root h2,.gh-root h3,.gh-root h4,.gh-root h5,.gh-root h6,.gh-root header,.gh-root i,.gh-root iframe,.gh-root label,.gh-root li,.gh-root menu,.gh-root nav,.gh-root object,.gh-root ol,.gh-root p,.gh-root section,.gh-root span,.gh-root strong,.gh-root sub,.gh-root sup,.gh-root table,.gh-root tbody,.gh-root td,.gh-root tfoot,.gh-root th,.gh-root thead,.gh-root tr,.gh-root u,.gh-root ul,.gh-root video{line-height:1.6em}.gh-root a,.gh-root audio,.gh-root b,.gh-root caption,.gh-root div,.gh-root embed,.gh-root footer,.gh-root form,.gh-root h1,.gh-root h2,.gh-root h3,.gh-root h4,.gh-root h5,.gh-root h6,.gh-root header,.gh-root i,.gh-root iframe,.gh-root img,.gh-root label,.gh-root li,.gh-root menu,.gh-root nav,.gh-root object,.gh-root ol,.gh-root p,.gh-root section,.gh-root span,.gh-root strong,.gh-root sub,.gh-root sup,.gh-root u,.gh-root ul,.gh-root video{border:0}.gh-root b sup,.gh-root h1 sup,.gh-root h2 sup,.gh-root h3 sup,.gh-root h4 sup,.gh-root h5 sup,.gh-root h6 sup,.gh-root li sup,.gh-root ol sup,.gh-root p sup,.gh-root strong sup,.gh-root ul sup{font-size:0.6em}.gh-root hr{border-top:1px solid #e6e6e6}.gh-root a{text-decoration:none;outline:0;color:#0079be}.gh-root a:focus,.gh-root a:hover{text-decoration:none;outline:0}.gh-root .clear{clear:both;display:block;width:100%}.gh-root .hidden{display:none}.gh-root .center-block{display:block;margin-left:auto;margin-right:auto}.gh-root .pull-right{float:right!important}.gh-root .pull-left{float:left!important}.gh-root .hide{display:none!important}.gh-root .show{display:block!important}.gh-root .color-sky-blue{color:#0079be}.gh-root .color-sky-blue{color:#0079be}.gh-root .color-candy-blue{color:#6DCFF6}.gh-root .color-blue-green{color:#0081a2}.gh-root .color-grey{color:#484847}.gh-root .color-iron-grey{color:#2e2d2d}.gh-root .color-apple-green{color:#bbc133}.gh-root .color-olive-green{color:#777b00}.gh-root .color-soft-red{color:#de526f}.gh-root .color-red{color:#b50000}.gh-root .color-brown{color:#221915}.gh-root .blue{color:#0079be}.gh-root .red{color:#b50000}.gh-root .grey{color:#999999}.gh-root .bold{font-weight:bold}.gh-root .underline{text-decoration:underline}.gh-root .btn-top-always{width:40px;height:40px;position:fixed;text-align:center;line-height:40px;color:#fff;right:-50px;bottom:2%;z-index:999;border-radius:25px;background:rgba(0,0,0,0.2);-webkit-transition:0.3s all;transition:0.3s all}.gh-root .btn-top-always:active,.gh-root .btn-top-always:focus{color:#fff}.gh-root .country-selector a{margin:10px 0!important;height:12px!important;line-height:11px;display:block}.gh-root .country-selector>a{margin-top:4px!important}.gh-root a.flag-cn{background-position:0px -84px}.gh-root a.flag-sg{background-position:0px -288px}.gh-root a.flag-tw{background-position:0px -300px}.gh-root a.flag-in{background-position:0px -432px}.gh-root a.flag-id{background-position:0px -444px}.gh-root a.flag-jp{background-position:0px -480px}.gh-root a.flag-kr{background-position:0px -504px}.gh-root a.flag-ph{background-position:0px -720px}.gh-root a.flag-th{background-position:0px -672px}.gh-root a.flag-hk{background-position:0px -732px}.gh-root a.flag-my{background-position:0px -744px}.gh-root a.flag-vn{background-position:0px -756px}.gh-root .uneditable-input,.gh-root input.text,.gh-root input[type=color],.gh-root input[type=date],.gh-root input[type=datetime-local],.gh-root input[type=datetime],.gh-root input[type=email],.gh-root input[type=month],.gh-root input[type=number],.gh-root input[type=password],.gh-root input[type=search],.gh-root input[type=tel],.gh-root input[type=text],.gh-root input[type=time],.gh-root input[type=url],.gh-root input[type=week],.gh-root textarea{margin-bottom:6px}.gh-root input[type=number]{position:relative}.gh-root input[type=number] -webkit-outer-spin-button,.gh-root input[type=number]::-webkit-inner-spin-button{opacity:1;width:1em;border-radius:4px;position:absolute;top:0;right:0;bottom:0}.gh-root p.note{font-size:13px;color:#999999}.gh-root p.note *{font-size:13px}.gh-root *{-webkit-box-sizing:border-box;box-sizing:border-box}.gh-root{}.gh-root ::-webkit-scrollbar{width:10px}.gh-root ::-webkit-scrollbar-track{background:#e6e6e6;border-radius:5px}.gh-root ::-webkit-scrollbar-thumb{background:gray;border-radius:5px}.gh-root ::-webkit-scrollbar-thumb:hover{background:#666666;border-radius:5px}.gh-root .topHero{width:100%;height:300px;overflow:hidden}@media (min-width:639px){.gh-root .topHero{height:500px}}.gh-root .topHero>.heroCoverGary{display:block;width:100%;height:300px;position:relative}@media (min-width:639px){.gh-root .topHero>.heroCoverGary{height:500px}}.gh-root .topHero>.heroCoverGary>.heroContent{margin:0 auto;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.gh-root .topHero>.heroCoverGary>.heroContent p{line-height:2em;color:white;text-align:center;font-size:4vw}@media (min-width:639px){.gh-root .topHero>.heroCoverGary>.heroContent p{font-size:3vw}}@media (min-width:969px){.gh-root .topHero>.heroCoverGary>.heroContent p{font-size:22.5px}}@media (min-width:1199px){.gh-root .topHero>.heroCoverGary>.heroContent p{font-size:27px}}.gh-root .topHero>.heroCoverGary>.heroContent p>span.Oswald{font-size:0.8em;font-family:"Oswald","Roboto",sans-serif}.gh-root .topHero>.heroCoverGary>.heroContent p.Oswald{font-family:"Oswald","Roboto",sans-serif}.gh-root .contentBlock{width:100%;margin:auto;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block}.gh-root .contentBlock .headline{margin-bottom:2.5rem}@media (min-width:639px){.gh-root .contentBlock .headline{margin-bottom:4rem}}.gh-root .contentBlock h2,.gh-root .contentBlock h3{margin:0.7em 0;font-weight:normal}.gh-root .contentBlock h2{letter-spacing:0.3em;font-size:7vw;color:black}@media (min-width:639px){.gh-root .contentBlock h2{font-size:33px}}.gh-root .contentBlock h2.Oswald{letter-spacing:0.1em;font-family:"Oswald","Roboto",sans-serif;text-transform:uppercase}.gh-root .contentBlock h2.textnone{text-transform:none}.gh-root .contentBlock h3{letter-spacing:0.2em;font-size:15px;color:#999999;text-transform:uppercase}.gh-root .contentBlock h4{font-weight:normal}.gh-root .contentBlock p{font-size:4vw;line-height:2em}@media (min-width:639px){.gh-root .contentBlock p{font-size:3vw}}@media (min-width:969px){.gh-root .contentBlock p{font-size:15px}}.gh-root .officeImg{width:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:0}@media (min-width:639px){.gh-root .officeImg{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.gh-root .officeImg>.images{width:50%}@media (min-width:639px){.gh-root .officeImg>.images{width:34%}}.gh-root .officeImg>.images img{width:100%}.gh-root .officeImg>.images:last-child{display:block}@media (min-width:639px){.gh-root .officeImg>.images:last-child{display:none}}.gh-root .aboutBrief{width:100%;padding:1.5rem 10%}@media (min-width:639px){.gh-root .aboutBrief{padding:5rem 10%}}.gh-root .aboutBrief>.btn-size-default{margin-top:2rem}.gh-root .aboutMain{width:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:1600px;margin:0 auto;padding:1.5rem 10%}@media (min-width:639px){.gh-root .aboutMain{display:-webkit-box;display:-ms-flexbox;display:flex;padding:5rem 10%}}.gh-root .aboutMain>.icons{width:100%;text-align:center;margin:1rem 0}@media (min-width:479px){.gh-root .aboutMain>.icons{margin:2rem 0}}@media (min-width:639px){.gh-root .aboutMain>.icons{width:28%;margin:0}}.gh-root .aboutMain>.icons>.iconSVG{width:75px;height:100px;line-height:100px;display:inline-block}@media (min-width:479px){.gh-root .aboutMain>.icons>.iconSVG{width:100px}}@media (min-width:639px){.gh-root .aboutMain>.icons>.iconSVG{height:150px;line-height:150px}}.gh-root .aboutMain h4{font-size:22.5px;font-weight:normal;margin-top:0}.gh-root .contentBlock.GaryBG{background-color:#e6e6e6;padding:0;font-size:0;display:inline-block;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden}@media (min-width:969px){.gh-root .contentBlock.GaryBG{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}}.gh-root .contentBlock.GaryBG picture{width:100%;position:relative}@media (min-width:969px){.gh-root .contentBlock.GaryBG picture{width:50%}}.gh-root .contentBlock.GaryBG picture source{width:100%}.gh-root .contentBlock.GaryBG img{width:100%;position:relative;left:0}@media (min-width:969px){.gh-root .contentBlock.GaryBG img{position:absolute}}.gh-root .contentBlock.GaryBG a,.gh-root .contentBlock.GaryBG li,.gh-root .contentBlock.GaryBG ol,.gh-root .contentBlock.GaryBG p,.gh-root .contentBlock.GaryBG span,.gh-root .contentBlock.GaryBG ul{font-size:4vw}@media (min-width:639px){.gh-root .contentBlock.GaryBG a,.gh-root .contentBlock.GaryBG li,.gh-root .contentBlock.GaryBG ol,.gh-root .contentBlock.GaryBG p,.gh-root .contentBlock.GaryBG span,.gh-root .contentBlock.GaryBG ul{font-size:3vw}}@media (min-width:969px){.gh-root .contentBlock.GaryBG a,.gh-root .contentBlock.GaryBG li,.gh-root .contentBlock.GaryBG ol,.gh-root .contentBlock.GaryBG p,.gh-root .contentBlock.GaryBG span,.gh-root .contentBlock.GaryBG ul{font-size:15px}}.gh-root .leadershipMain{width:100%;padding:1.5rem 10% 2rem 10%;text-align:left;display:block;vertical-align:top}@media (min-width:639px){.gh-root .leadershipMain{padding:2rem 10% 3rem 10%}}@media (min-width:969px){.gh-root .leadershipMain{width:50%;padding:3rem 5% 3rem 5%}}@media (min-width:1199px){.gh-root .leadershipMain{width:50%;padding:5rem 5% 5rem 5%}}.gh-root .leadershipMain .headline{text-align:center}.gh-root .historyBlock{padding:1.5rem 0 0}@media (min-width:639px){.gh-root .historyBlock{padding:5rem 0 0}}.gh-root .historyBlock .headline{padding:0 10%}.gh-root .historyMain{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;vertical-align:top;font-size:0;width:100%;background:url(/info/gh/images/wallpaper.jpg) right bottom no-repeat;background-color:#e6e6e6;background-size:80%}.gh-root .historyMain a.historyList{width:50%;display:block;position:relative;background-color:transparent;-webkit-transition:all 1s;transition:all 1s;overflow:hidden}@media (min-width:639px){.gh-root .historyMain a.historyList{width:33.33%}}@media (min-width:1023px){.gh-root .historyMain a.historyList{width:25%}}@media (min-width:1199px){.gh-root .historyMain a.historyList{width:20%}}.gh-root .historyMain a.historyList:after{position:absolute;text-align:center;font-size:22.5px;line-height:25px;content:"•••";color:white;bottom:-25px;left:50%;margin-left:-20px;width:40px;height:25px;background:#6DCFF6;-webkit-transition:all 0.5s;transition:all 0.5s}.gh-root .historyMain a.historyList .historyIMG{width:100%;height:0;padding-bottom:66.25%;overflow:hidden}.gh-root .historyMain a.historyList .historyIMG img{-webkit-transition:all 0.5s;transition:all 0.5s;width:100%;-webkit-transform:scale(1);transform:scale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-filter:gray;filter:gray}.gh-root .historyMain a.historyList .historyWords{font-size:15px;padding:1.5rem;color:black}@media (min-width:639px){.gh-root .historyMain a.historyList .historyWords{padding:2rem}}.gh-root .historyMain a.historyList .historyWords .historyIMG img{-webkit-transform:scale(1);transform:scale(1)}.gh-root .historyMain a.historyList .historyWords h4{font-size:34px;font-weight:normal;text-align:center;margin:0}@media (min-width:639px){.gh-root .historyMain a.historyList .historyWords h4{font-size:45px}}.gh-root .historyMain a.historyList .historyWords p{text-align:left}.gh-root .historyMain a.historyList:hover{background-color:#404040}.gh-root .historyMain a.historyList:hover h4,.gh-root .historyMain a.historyList:hover p{color:white}.gh-root .historyMain a.historyList:hover .historyIMG img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-filter:none;filter:none}.gh-root .historyMain a.historyList:hover:after{bottom:0}.gh-root .historyBox{width:80%;max-width:800px;position:relative}.gh-root .historyBox *{-webkit-box-sizing:border-box;box-sizing:border-box}.gh-root .historyBox .boxIMG{display:block;text-align:center;font-size:0}.gh-root .historyBox .boxIMG img{width:100%}.gh-root .historyBox .year{position:absolute;left:50%;width:3em;margin-left:-1.5em;font-size:30px;font-family:"Oswald","Roboto",sans-serif;background:#404040;color:white;text-align:center;line-height:1.8em;margin-top:-0.9em}.gh-root .historyBox article{padding:2rem 2rem}@media (min-width:639px){.gh-root .historyBox article{padding:2rem 4rem}}.gh-root .historyBox article h3{font-weight:normal;text-align:center;margin:2em 0 1em 0;font-size:5vw}@media (min-width:639px){.gh-root .historyBox article h3{margin:2em 0 2em 0;font-size:20px}}.gh-root .historyBox article p{font-size:4vw}@media (min-width:639px){.gh-root .historyBox article p{font-size:15px}}.gh-root .fancybox-close-small:focus:after{outline:none!important}.gh-root .fancybox-slide>div{padding:0!important}.gh-root .fancybox-arrow{opacity:1!important}.gh-root #sub-box{padding:3em!important}.gh-root .technologyBlock{width:100%;padding:10rem 10% 15rem 10%;background-color:black;color:white;position:relative;overflow:hidden}@media (min-width:639px){.gh-root .technologyBlock{padding:10rem 10% 15rem}}@media (min-width:969px){.gh-root .technologyBlock{padding:5rem 10%}}.gh-root .technologyBlock .headline{position:relative}.gh-root .technologyBlock .headline h2{color:white}.gh-root .technologyBlock .headline h3{color:#6DCFF6}.gh-root .technologyBlock h4{color:white;position:relative;font-size:4.5vw;margin-bottom:1em;text-transform:none}@media (min-width:639px){.gh-root .technologyBlock h4{font-size:22.5px}}@media (min-width:969px){.gh-root .technologyBlock h4{font-size:22.5px}}.gh-root .technologyBlock p{position:relative;margin-bottom:3rem;color:white;text-align:center;padding:0;max-width:1024px;margin:0 auto}@media (min-width:639px){.gh-root .technologyBlock p{padding:0 10%}}@media (min-width:969px){.gh-root .technologyBlock p{padding:0}}.gh-root .technologyBlock .tech_1,.gh-root .technologyBlock .tech_2{position:absolute}.gh-root .technologyBlock .tech_1{width:80%;left:5px;bottom:-65px}@media (min-width:639px){.gh-root .technologyBlock .tech_1{width:53%;left:-100px;bottom:-110px}}@media (min-width:969px){.gh-root .technologyBlock .tech_1{width:30%}}.gh-root .technologyBlock .tech_2{width:95%;right:4px;top:-28px}@media (min-width:639px){.gh-root .technologyBlock .tech_2{width:80%;right:-180px;top:-70px}}@media (min-width:969px){.gh-root .technologyBlock .tech_2{width:43%;right:-150px;top:-70px}}.gh-root .facilitiesBlock{width:100%;padding:1.5rem 10%;max-width:1600px}@media (min-width:639px){.gh-root .facilitiesBlock{padding:5rem 10%}}.gh-root .facilitiesBlock>p{text-align:center}.gh-root .facilitiesMain{width:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:900px;padding:1.5rem 0}@media (min-width:639px){.gh-root .facilitiesMain{padding:5rem 0;-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.gh-root .facilitiesMain>.icons{width:100%;text-align:center}@media (min-width:639px){.gh-root .facilitiesMain>.icons{width:50%}}.gh-root .facilitiesMain>.icons>.iconSVG{width:130px;height:150px;line-height:150px;display:inline-block}.gh-root .facilitiesMain p.number{margin-top:0;line-height:1em;margin-bottom:1em}.gh-root .facilitiesMain p.number>span{font-size:22vw;font-family:"Oswald","Roboto",sans-serif;font-weight:normal;line-height:1em}@media (min-width:639px){.gh-root .facilitiesMain p.number>span{font-size:105px}}@media (min-width:969px){.gh-root .facilitiesMain p.number>span{font-size:131.25px}}.gh-root .facilitiesMain p.number>span.small{font-size:56.25px}.gh-root .mapBlock{width:100%;display:block;font-size:0;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width:639px){.gh-root .mapBlock{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.gh-root .mapBlock .mapAll,.gh-root .mapBlock .mapList{font-size:15px;width:100%}.gh-root .mapBlock .mapAll{height:40vh}@media (min-width:639px){.gh-root .mapBlock .mapAll{height:40vh}}@media (min-width:969px){.gh-root .mapBlock .mapAll{height:60vh}}.gh-root .mapBlock .mapAll #mapAll{width:100%;height:100%}.gh-root .mapBlock .mapList{height:35vh;overflow-y:scroll;direction:ltr;background-color:#e6e6e6}@media (min-width:639px){.gh-root .mapBlock .mapList{height:40vh;direction:rtl}}@media (min-width:969px){.gh-root .mapBlock .mapList{height:60vh;direction:rtl}}@media (min-width:1199px){.gh-root .mapBlock .mapList{height:460px;direction:rtl}}.gh-root .mapBlock .mapList *{direction:ltr}.gh-root .mapBlock .mapList #mapList{width:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:0}.gh-root .mapBlock .mapList #mapList a.localLi{font-size:15px;display:inline-block;width:100%;text-decoration:none;color:black;background-color:#e6e6e6;padding:2rem 2rem;-webkit-transition:all 0.5s;transition:all 0.5s;cursor:pointer}@media (min-width:639px){.gh-root .mapBlock .mapList #mapList a.localLi{width:100%}}@media (min-width:969px){.gh-root .mapBlock .mapList #mapList a.localLi{width:50%}}@media (min-width:1199px){.gh-root .mapBlock .mapList #mapList a.localLi{width:33.33%}}.gh-root .mapBlock .mapList #mapList a.localLi h4{font-size:5vw;font-weight:normal;color:inherit;margin:0 0 1rem}@media (min-width:639px){.gh-root .mapBlock .mapList #mapList a.localLi h4{font-size:17px}}.gh-root .mapBlock .mapList #mapList a.localLi p{font-size:4vw;color:inherit}@media (min-width:639px){.gh-root .mapBlock .mapList #mapList a.localLi p{font-size:15px}}.gh-root .mapBlock .mapList #mapList a.localLi.active,.gh-root .mapBlock .mapList #mapList a.localLi:active,.gh-root .mapBlock .mapList #mapList a.localLi:focus,.gh-root .mapBlock .mapList #mapList a.localLi:hover{color:white;background-color:#404040}.gh-root .mapBlock .mapList #mapList a.localLi.active h4,.gh-root .mapBlock .mapList #mapList a.localLi.active p,.gh-root .mapBlock .mapList #mapList a.localLi:active h4,.gh-root .mapBlock .mapList #mapList a.localLi:active p,.gh-root .mapBlock .mapList #mapList a.localLi:focus h4,.gh-root .mapBlock .mapList #mapList a.localLi:focus p,.gh-root .mapBlock .mapList #mapList a.localLi:hover h4,.gh-root .mapBlock .mapList #mapList a.localLi:hover p{color:white}.gh-root .mapBlock .mapList #mapList a.localLi.active{cursor:default}.gh-root .sloganBlack{background:black;color:white;padding:1rem 10%;width:100%}@media (min-width:639px){.gh-root .sloganBlack{padding:2rem 10%}}.gh-root .sloganBlack p{margin:0;font-size:4vw;letter-spacing:0.3em;color:white}@media (min-width:639px){.gh-root .sloganBlack p{font-size:22.5px}}.gh-root .sloganBlack p span{font-family:"Oswald","Roboto",sans-serif;letter-spacing:0}.gh-root .bigpicBlock{width:100%;height:0;padding-bottom:30%;display:none}@media (min-width:639px){.gh-root .bigpicBlock{display:block}}

/* ========== Layout fixes v5 ========== */

/* 1) ИСТОРИЯ: equal space above/below title */
.gh-root .historyBlock{
  padding: 0 !important;
}
.gh-root .historyBlock > .headline{
  margin: 0 !important;
  padding: 3.5rem 10% !important; /* equal top/bottom */
  box-sizing: border-box;
}
.gh-root .historyBlock > .headline h2{
  margin: 0 !important;
}

/* 2) Founders: text aligned to photo bounds (PC) */
.gh-root .contentBlock.GaryBG{
  display: flex !important;
  flex-wrap: wrap;
  align-items: stretch;
  font-size: 0;
  overflow: hidden;
  padding: 0 !important;
}
.gh-root .contentBlock.GaryBG > picture{
  width: 100%;
  position: relative;
  display: block;
  line-height: 0;
  flex: 0 0 100%;
}
.gh-root .contentBlock.GaryBG > picture img{
  width: 100% !important;
  height: auto !important;
  position: relative !important;
  left: auto !important;
  display: block;
}
.gh-root .contentBlock.GaryBG > .leadershipMain{
  width: 100% !important;
  box-sizing: border-box;
  padding: 1.5rem 8% 2rem !important;
}
@media (min-width: 969px) {
  .gh-root .contentBlock.GaryBG{
    flex-wrap: nowrap !important;
    align-items: stretch !important;
  }
  .gh-root .contentBlock.GaryBG > picture{
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
    align-self: stretch;
  }
  .gh-root .contentBlock.GaryBG > picture img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    position: absolute !important;
    inset: 0;
  }
  .gh-root .contentBlock.GaryBG > picture{
    position: relative;
    min-height: 100%;
  }
  /* text column matches photo column width; scroll if taller */
  .gh-root .contentBlock.GaryBG > .leadershipMain{
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
    padding: 2.5rem 4% !important;
    overflow: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
  }
  .gh-root .contentBlock.GaryBG > .leadershipMain p{
    max-width: 100%;
  }
}

.gh-root /* 3) Remove huge gap between history and "Больше,чем инновации" */
.gh-root .bigpicBlock{
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.gh-root .historyMain{
  /* no huge empty wallpaper strip after last row */
  background-size: cover !important;
  background-position: center bottom !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.gh-root .technologyBlock{
  padding: 4rem 8% 5rem !important;
  margin-top: 0 !important;
}
@media (min-width: 639px) {
  .gh-root .technologyBlock{
    padding: 5rem 10% 6rem !important;
  }
}
@media (min-width: 969px) {
  .gh-root .technologyBlock{
    padding: 5rem 10% 6rem !important;
  }
}

/* 4) Mobile: "Технологии Garmin" button not clipped */
.gh-root .technologyBlock{
  overflow: visible !important; /* was hidden - clips button */
  z-index: 1;
}
.gh-root .technologyBlock .tech_1,.gh-root .technologyBlock .tech_2{
  pointer-events: none;
  z-index: 0;
  opacity: 0.55;
}
.gh-root .technologyBlock .headline,.gh-root .technologyBlock h4,.gh-root .technologyBlock p,.gh-root .technologyBlock .btn-white-empty{
  position: relative;
  z-index: 2;
}
.gh-root .technologyBlock .btn-white-empty{
  display: inline-block !important;
  margin: 1.5rem auto 0 !important;
  margin-bottom: 0 !important;
  padding: 0.85rem 1.4rem !important;
  background: rgba(0,0,0,0.35);
  border: 1px solid #fff;
  white-space: nowrap;
}
@media (max-width: 638px) {
  .gh-root .technologyBlock{
    padding: 3rem 8% 6.5rem !important; /* room under button */
    overflow: visible !important;
  }
  /* pull decorative images out of the way of the CTA */
  .gh-root .technologyBlock .tech_1{
    width: 55% !important;
    left: -10% !important;
    bottom: -20px !important;
    opacity: 0.35;
  }
  .gh-root .technologyBlock .tech_2{
    width: 60% !important;
    right: -15% !important;
    top: -10px !important;
    opacity: 0.35;
  }
  .gh-root .technologyBlock .btn-white-empty{
    margin-top: 2rem !important;
    margin-bottom: 0.5rem !important;
  }
}

.gh-root /* 5) History grid: aligned photos,smaller card text on mobile */
.gh-root .historyMain{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  width: 100%;
  font-size: 0; /* kill inline-flex whitespace quirks */
  align-items: stretch;
}
@media (min-width: 639px) {
  .gh-root .historyMain{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1023px) {
  .gh-root .historyMain{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 1199px) {
  .gh-root .historyMain{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.gh-root .historyMain .historyList,.gh-root .historyMain button.historyList{
  width: 100% !important;
  max-width: none !important;
  height: 100%;
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  box-sizing: border-box;
  overflow: hidden;
}

/* equal image band for every card */
.gh-root .historyMain .historyList .historyIMG{
  width: 100%;
  flex: 0 0 auto;
  height: 0;
  padding-bottom: 66.25%; /* 400/265 */
  position: relative;
  overflow: hidden;
}
.gh-root .historyMain .historyList .historyIMG img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gh-root .historyMain .historyList .historyWords{
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 0.85rem 0.75rem 1.1rem !important;
  min-height: 0;
}

.gh-root .historyMain .historyList .historyWords h4{
  flex: 0 0 auto;
  margin: 0 0 0.35rem !important;
  text-align: center;
  line-height: 1.1;
}

.gh-root .historyMain .historyList .historyWords p{
  flex: 1 1 auto;
  margin: 0 !important;
  text-align: left;
  line-height: 1.35;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  line-clamp: 5;
}

.gh-root /* mobile: text ~25% smaller,.gh-root tighter,.gh-root clamp so cards align */
@media (max-width: 638px){
  .gh-root .historyMain {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .gh-root .historyMain .historyList .historyWords {
    padding: 0.65rem 0.55rem 0.85rem !important;
  }
  .gh-root .historyMain .historyList .historyWords h4 {
    font-size: 25.5px !important; /* 34 * 0.75 */
  }
  .gh-root .historyMain .historyList .historyWords p {
    font-size: 11.25px !important; /* 15 * 0.75 */
    line-height: 1.3 !important;
    -webkit-line-clamp: 4;
    line-clamp: 4;
  }
  /* equal text block min-height so rows look even */
  .gh-root .historyMain .historyList .historyWords {
    min-height: 7.2em;
  }
}
@media (min-width: 639px) {
  .gh-root .historyMain .historyList .historyWords h4{
    font-size: 40px !important;
  }
  .gh-root .historyMain .historyList .historyWords p{
    font-size: 14px !important;
    -webkit-line-clamp: 5;
    line-clamp: 5;
  }
  .gh-root .historyMain .historyList .historyWords{
    min-height: 9.5em;
  }
}

/* dots indicator keep inside card */
.gh-root .historyMain .historyList:after{
  bottom: 0 !important;
  opacity: 0;
}
.gh-root .historyMain .historyList:hover:after,.gh-root .historyMain .historyList:focus:after{
  opacity: 1;
  bottom: 0 !important;
}


.gh-root /* Founders pair: photo + text same height,.gh-root text stays in column bounds */
@media (min-width: 969px){
  .gh-root .contentBlock.GaryBG {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;
  }
  .gh-root .contentBlock.GaryBG > picture {
    grid-column: 1;
    grid-row: 1;
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    position: relative !important;
    min-height: 100%;
    height: 100%;
    overflow: hidden;
  }
  .gh-root .contentBlock.GaryBG > picture img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top;
  }
  .gh-root .contentBlock.GaryBG > .leadershipMain {
    grid-column: 2;
    grid-row: 1;
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    height: 100%;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 2.25rem 3.5% !important;
    box-sizing: border-box;
  }
  .gh-root .contentBlock.GaryBG > .leadershipMain .headline,
  .gh-root .contentBlock.GaryBG > .leadershipMain p {
    max-width: 100%;
    box-sizing: border-box;
  }
}
.gh-root /* When text is longer,row grows and photo covers full height — text never wider than its half */


/* Extra safety for tech CTA on mobile */
.gh-root .technologyBlock .gh-tech-cta,.gh-root .technologyBlock a.btn-white-empty{
  position: relative !important;
  z-index: 5 !important;
  display: inline-block !important;
}
@media (max-width: 638px) {
  .gh-root .technologyBlock{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 7rem !important;
  }
  .gh-root .technologyBlock .tech_1,.gh-root .technologyBlock .tech_2{
    position: absolute !important;
    z-index: 0 !important;
  }
  .gh-root .technologyBlock .btn-white-empty{
    order: 10;
    margin-top: 2.5rem !important;
    margin-bottom: 1rem !important;
  }
}

/* Tech CTA: white bg on hover/active/focus so black text is readable */
.gh-root .btn-white-empty:hover,.gh-root .btn-white-empty:active,.gh-root .btn-white-empty:focus,.gh-root .btn-white-empty:focus-visible,.gh-root .technologyBlock .btn-white-empty:hover,.gh-root .technologyBlock .btn-white-empty:active,.gh-root .technologyBlock .btn-white-empty:focus,.gh-root .technologyBlock .btn-white-empty:focus-visible,.gh-root .technologyBlock a.btn-white-empty:hover,.gh-root .technologyBlock a.btn-white-empty:active,.gh-root .technologyBlock a.btn-white-empty:focus,.gh-root .technologyBlock a.btn-white-empty:focus-visible,.gh-root .technologyBlock .gh-tech-cta:hover,.gh-root .technologyBlock .gh-tech-cta:active,.gh-root .technologyBlock .gh-tech-cta:focus,.gh-root .technologyBlock .gh-tech-cta:focus-visible{
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #000000 !important;
  border-color: #ffffff !important;
  text-decoration: none !important;
}
.gh-root .technologyBlock .btn-white-empty:hover *,.gh-root .technologyBlock .btn-white-empty:active *,.gh-root .technologyBlock .gh-tech-cta:hover *,.gh-root .technologyBlock .gh-tech-cta:active *{
  color: #000000 !important;
}