:root{
  --white-color:#fff;
  --dark-color:#000;
  --dark-color2:#0d0d0d;
  --theme-color:#004346;
  --accent-color:#172a3a;
  --text-color:#1e1e1e;
}
:root{
  --lf-config:0 393 1200 1200 1380;
}
html{
  line-height:1.15;
  -webkit-text-size-adjust:100%;
}
main{
  display:block;
}
h1{
  font-size:2em;
  margin:0.67em 0;
}
hr{
  box-sizing:content-box;
  height:0;
  overflow:visible;
}
pre{
  font-family:monospace, monospace;
  font-size:1em;
}
a{
  background-color:transparent;
}
abbr[title]{
  border-bottom:none;
  text-decoration:underline;
  -webkit-text-decoration:underline dotted;
          text-decoration:underline dotted;
}
b,
strong{
  font-weight:bolder;
}
code,
kbd,
samp{
  font-family:monospace, monospace;
  font-size:1em;
}
small{
  font-size:80%;
}
sub,
sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}
sub{
  bottom:-0.25em;
}
sup{
  top:-0.5em;
}
img{
  border-style:none;
}
button,
input,
optgroup,
select,
textarea{
  font-family:inherit;
  font-size:100%;
  line-height:1.15;
  margin:0;
}
button,
input{
  overflow:visible;
}
button,
select{
  text-transform:none;
}
button,
[type="button"],
[type="reset"],
[type="submit"]{
  -webkit-appearance:button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner{
  border-style:none;
  padding:0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring{
  outline:1px dotted ButtonText;
}
fieldset{
  padding:0.35em 0.75em 0.625em;
}
legend{
  box-sizing:border-box;
  color:inherit;
  display:table;
  max-width:100%;
  padding:0;
  white-space:normal;
}
progress{
  vertical-align:baseline;
}
textarea{
  overflow:auto;
}
[type="checkbox"],
[type="radio"]{
  box-sizing:border-box;
  padding:0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button{
  height:auto;
}
[type="search"]{
  -webkit-appearance:textfield;
  outline-offset:-2px;
}
[type="search"]::-webkit-search-decoration{
  -webkit-appearance:none;
}
::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit;
}
details{
  display:block;
}
summary{
  display:list-item;
}
template{
  display:none;
}
[hidden]{
  display:none;
}
.main-svg-sprite{
  display:none;
}
.svg-icon{
  display:inline-block;
  width:24px;
  height:24px;
  fill:currentColor;
  font-size:0;
}
.svg-icon__link{
  vertical-align:top;
  fill:inherit;
  width:inherit;
  height:inherit;
}
@font-face{
  font-family:'Michigan Signature';
  src:url("../fonts/MichiganSignature-Regular.woff2") format('woff2'), url("../fonts/MichiganSignature-Regular.woff") format('woff');
  font-weight:normal;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Inter Tight';
  src:url("../fonts/InterTight-Medium.woff2") format('woff2'), url("../fonts/InterTight-Medium.woff") format('woff');
  font-weight:500;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Inter Tight';
  src:url("../fonts/InterTight-MediumItalic.woff2") format('woff2'), url("../fonts/InterTight-MediumItalic.woff") format('woff');
  font-weight:500;
  font-style:italic;
  font-display:swap;
}
@font-face{
  font-family:'Inter Tight';
  src:url("../fonts/InterTight-Regular.woff2") format('woff2'), url("../fonts/InterTight-Regular.woff") format('woff');
  font-weight:normal;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Inter Tight';
  src:url("../fonts/InterTight-SemiBold.woff2") format('woff2'), url("../fonts/InterTight-SemiBold.woff") format('woff');
  font-weight:600;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Inter Tight';
  src:url("../fonts/InterTight-SemiBoldItalic.woff2") format('woff2'), url("../fonts/InterTight-SemiBoldItalic.woff") format('woff');
  font-weight:600;
  font-style:italic;
  font-display:swap;
}
@font-face{
  font-family:'Six Caps';
  src:url("../fonts/SixCaps.woff2") format('woff2'), url("../fonts/SixCaps.woff") format('woff');
  font-weight:normal;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'TT Bluescreens Trial';
  src:url("../fonts/TTBluescreensTrial-Bd.woff2") format('woff2'), url("../fonts/TTBluescreensTrial-Bd.woff") format('woff');
  font-weight:bold;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Bebas Neue Cyrillic';
  src:url("../fonts/BebasNeueCyrillic.woff2") format('woff2'), url("../fonts/BebasNeueCyrillic.woff") format('woff');
  font-weight:normal;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Gotham Pro';
  src:url("../fonts/GothamPro.woff2") format('woff2'), url("../fonts/GothamPro.woff") format('woff');
  font-weight:normal;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Gotham Pro';
  src:url("../fonts/GothamPro-Bold.woff2") format('woff2'), url("../fonts/GothamPro-Bold.woff") format('woff');
  font-weight:bold;
  font-style:normal;
  font-display:swap;
}
*{
  min-width:0;
  min-height:0;
  box-sizing:border-box;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
*::before,
*::after{
  box-sizing:border-box;
}
html{
  scroll-behavior:auto;
  font-family:sans-serif;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
body{
  font-family:"Inter Tight", "TT Squares Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;
  margin:0;
  padding:0;
  background:var(--white-color);
  color:var(--text-color);
  font-weight:400;
  line-height:1.3;
  letter-spacing:-0.02em;
}
svg:not(:root){
  overflow:hidden;
}
blockquote{
  padding:20px;
  margin:30px 0;
  padding-left:20px;
  border-left:5px;
  background-color:#000;
}
img{
  max-width:100%;
  height:auto;
}
a,
button{
  transition:0.25s color, 0.25s background, 0.25s border-color;
}
a{
  color:var(--color-accent);
}
a:hover{
  text-decoration:none;
}
p:first-child{
  margin-top:0;
}
p:last-child{
  margin-bottom:0;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6{
  font-weight:400;
}
.overflow-hidden{
  overflow:hidden;
  touch-action:none;
}
.inline-svg-sprite{
  display:none;
}
.w-container{
  width:100%;
  max-width:1380px;
  padding-left:calc(clamp(0px, 3.8168vw, 15px) + clamp(12px, 16.19px + -0.304vw, 15px) - 15px);
  padding-right:calc(clamp(0px, 3.8168vw, 15px) + clamp(12px, 16.19px + -0.304vw, 15px) - 15px);
  margin:0 auto;
}
.reset-button{
  border:0;
  background:none;
  padding:0;
}
html,
body{
  margin:0;
  padding:0;
}
html{
  min-height:100%;
  min-height:100vh;
}
.app{
  display:flex;
  flex-direction:column;
  height:100%;
  height:100vh;
}
.app__wrapper{
  display:flex;
  flex-direction:column;
  min-height:100%;
  min-height:100vh;
}
.app__content{
  display:flex;
  flex:1 0 auto;
}
.app__main{
  flex:1;
  padding-bottom:min(22.9008vw, 82.43px + 1.925vw, 109px);
}
main{
  padding-top:82px;
}
.footer{
  font-family:"Gotham Pro", Arial, sans-serif;
}
.header{
  font-family:"Gotham Pro", Arial, sans-serif;
}
.articles__header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  max-width:1404px;
  margin-bottom:min(3.8168vw, 10.62px + 1.1145vw, 26px);
}
.articles__title{
  font-size:min(4.5802vw, 0.9756rem + 0.6079vw, 1.5rem);
  margin-bottom:0;
  font-weight:500;
  margin-top:0;
  text-transform:none;
  letter-spacing:0.02em;
  font-family:"Inter Tight";
}
.articles__hlp{
  font-size:min(3.5623vw, 0.825rem + 0.2026vw, 1rem);
}
.articles__container{
  overflow:hidden;
  max-width:100%;
  padding-top:5px;
  margin-top:-5px;
  padding-bottom:100px;
  margin-bottom:-100px;
}
.articles__container .swiper{
  overflow:visible;
  max-width:1353px;
  margin-left:auto;
  margin-right:auto;
}
.articles__item{
  text-decoration:none;
  letter-spacing:0.03em;
}
.articles__item-img,
.articles__item-title,
.articles__item-anonce{
  display:block;
  transition:0.3s transform;
}
.articles__item-img{
  margin-bottom:min(2.5445vw, 6.42px + 0.9119vw, 19px);
}
.articles__item-img img{
  display:block;
  width:100%;
}
.articles__item-title{
  text-transform:uppercase;
  font-weight:500;
  font-size:min(2.5445vw, 0.4256rem + 0.8105vw, 1.125rem);
  letter-spacing:-0.045em;
  margin-top:0;
  margin-bottom:0;
}
.articles__item-anonce{
  font-size:min(2.5445vw, 0.4756rem + 0.6079vw, 1rem);
  letter-spacing:0.03em;
}
.articles__item:hover .articles__item-img,
.articles__item:hover .articles__item-title,
.articles__item:hover .articles__item-anonce{
  transform:translateY(-5px);
}
.articles__item:hover .articles__item-title,
.articles__item:hover .articles__item-anonce{
  color:var(--theme-color);
}
.articles__coming-soon{
  position:absolute;
  top:calc(clamp(0px, 0vw, 0px) + clamp(-10px, 3.98px + -1.0132vw, 0px) - 0px);
  left:50%;
  font-family:'Bebas Neue Cyrillic';
  font-size:clamp(19.3384vw, -10.84px + 22.0974vw, 135px);
  line-height:0.8;
  letter-spacing:-0.02em;
  background:linear-gradient(180deg, #f3f3f3 0%, #fdfdfd 95%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  color:transparent;
}
.bg-wrapper{
  position:relative;
}
.bg-wrapper:before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  right:0;
  height:309px;
  background:linear-gradient(180deg, #efefef 0%, #fff 100%);
  pointer-events:none;
  z-index:-1;
}
.flipbook{
  position:relative;
  padding-top:min(11.4504vw, 36.24px + 2.229vw, 67px);
  padding-bottom:min(13.486vw, 39.06px + 3.5461vw, 88px);
  overflow:hidden;
}
.flipbook__header{
  width:100%;
  max-width:min(100vw, 175.2px + 55.4205vw, 940px);
  display:flex;
  justify-content:space-between;
  margin-bottom:min(3.8168vw, 9.03px + 1.5198vw, 30px);
  position:relative;
  z-index:2;
}
.flipbook__title{
  font-size:min(4.5802vw, 0.9756rem + 0.6079vw, 1.5rem);
  color:var(--theme-color);
  font-weight:500;
  letter-spacing:0.02em;
}
.flipbook__counter{
  font-size:min(3.5623vw, 0.825rem + 0.2026vw, 1rem);
  padding-top:clamp(0vw, -1.99px + 0.5066vw, 5px);
  letter-spacing:0.08em;
  color:rgba(30,30,30,0.5);
}
.flipbook__container{
  padding:0.01px;
  margin-left:auto;
  margin-right:auto;
  max-width:min(100vw, 112.68px + 71.3273vw, 1097px);
  position:relative;
  min-height:647px;
}
.flipbook__container-in{
  flex:1;
  overflow:hidden;
  margin-left:-150px;
  margin-right:-150px;
  margin-top:-105px;
  margin-bottom:-155px;
  padding-left:68px;
  padding-right:68px;
  position:relative;
}
.flipbook__slider{
  overflow:visible !important;
}
.flipbook__buttons{
  display:flex;
  width:100%;
  justify-content:center;
  margin-top:20px;
  padding-left:25px;
  padding-right:25px;
  position:relative;
  z-index:1;
}
.flipbook__button{
  width:min(8.9059vw, 33.01px + 0.5066vw, 40px);
  height:min(8.9059vw, 33.01px + 0.5066vw, 40px);
  background:#ebebea;
  border-radius:100%;
  position:relative;
  border:0;
  cursor:pointer;
}
.flipbook__button:after{
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}
.flipbook__button.button-next{
  margin-left:5px;
}
.flipbook__button.button-next:after{
  background:url("../img/arr-r.svg") center center no-repeat;
}
.flipbook__button.button-prev{
  margin-right:5px;
}
.flipbook__button.button-prev:after{
  background:url("../img/arr-l.svg") center center no-repeat;
}
.flipbook__button:hover{
  background-color:var(--theme-color);
  opacity:1;
}
.flipbook__button:hover:after{
  filter:brightness(0) invert(1);
}
.flipbook__button:disabled{
  opacity:0.3;
  cursor:auto;
  pointer-events:none;
}
.df-ui-controls,
.df-ui-wrapper .df-ui-share{
  display:none !important;
}
.loading-info{
  display:none;
}
.df-container.df-floating>.df-ui-next,
.df-container.df-floating>.df-ui-prev{
  display:none !important;
}
.df-outline-container.df-sidemenu{
  display:none !important;
}
.df-page-text,
.textLayer{
  transition:opacity 0.3s ease-in-out;
  opacity:1;
}
.df-text-flipping{
  opacity:0 !important;
  pointer-events:none;
}
#myFlipbook{
  opacity:0;
  transition:opacity 0.4s ease-in-out;
}
#myFlipbook.is-ready{
  opacity:1;
}
.hero__content{
  padding:39px 0 0;
}
.hero__header{
  padding-top:1px;
  padding-left:clamp(6.3613vw, -23.18px + 12.2594vw, 146px);
  padding-right:min(7.3791vw, 7.1px + 5.5724vw, 84px);
  display:flex;
  max-width:1440px;
  justify-content:space-between;
  position:relative;
  z-index:1;
}
.hero__header-text{
  font-size:min(2.5445vw, 0.3762rem + 1.0132vw, 1.25rem);
  color:var(--theme-color);
  width:min(50.8906vw, 121.27px + 20.0334vw, 320px);
  flex:none;
  font-weight:500;
  letter-spacing:0.04em;
}
.hero__header-text br{
  display:none;
}
.hero__header-text .hlp{
  display:block;
}
.hero__header-slogan{
  font-family:'Michigan Signature';
  font-size:min(5.3435vw, 0.4169rem + 3.6474vw, 3.5625rem);
  letter-spacing:0.02em;
  color:var(--theme-color);
  line-height:0.48;
  transform:translateX(clamp(-17px, -23.77px + 1.7224vw, 0px));
  margin-top:calc(clamp(0px, 5.0891vw, 20px) + clamp(-9px, 31.55px + -2.9382vw, 20px) - 20px);
}
.hero__header-slogan div{
  transform:rotate(-5deg);
}
.hero__header-slogan div:nth-child(2){
  margin-left:min(12.9771vw, 13.57px + 9.5238vw, 145px);
}
.hero__lg-text{
  margin-top:calc(clamp(0px, 3.0534vw, 12px) + clamp(7px, 13.99px + -0.5066vw, 12px) - 12px);
  text-transform:uppercase;
  line-height:0.92;
  font-family:'Six Caps';
  white-space:nowrap;
  font-size:clamp(0px, 32.03125vw, 615px);
  margin-bottom:clamp(-190px, -9.895833333333332vw, 0px);
  position:relative;
  overflow:hidden;
  background:linear-gradient(170deg, rgba(166,176,185,0.3) -30%, #044548 55%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  color:transparent;
}
.hero__gallery{
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:min(0.5089vw, 1.2px + 0.2026vw, 4px);
  background:var(--white-color);
  overflow-y:auto;
  z-index:1;
  position:relative;
  scrollbar-height:none;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.hero__gallery::-webkit-scrollbar{
  display:none;
}
.hero__gallery-item{
  min-width:130px;
  position:relative;
}
.hero__gallery-item img{
  display:block;
  width:100%;
}
.hero__gallery-item-name{
  position:absolute;
  font-size:clamp(0.3125rem, 0.0244rem + 1.1706vw, 0.75rem);
  left:min(1.2723vw, 4.2px + 0.2026vw, 7px);
  bottom:min(1.2723vw, 1.42px + 0.9119vw, 14px);
  color:var(--white-color);
  font-weight:500;
  letter-spacing:0.04em;
}
.hero__gallery-item-name span{
  transform:rotate(-90deg);
  transform-origin:top left;
  display:block;
  margin-bottom:clamp(-20px, -0.43px + -1.4184vw, -6px);
}
.our-mission{
  padding-top:min(11.4504vw, 39.03px + 1.5198vw, 60px);
  margin-bottom:min(11.4504vw, 39.03px + 1.5198vw, 60px);
  overflow:hidden;
}
.our-mission__in{
  max-width:min(100vw, 175.6px + 55.3191vw, 939px);
  margin:0 auto;
}
.our-mission__header{
  color:var(--theme-color);
  margin-bottom:min(5.8524vw, 12.65px + 2.6342vw, 49px);
  width:min(81.4249vw, 259.08px + 15.5015vw, 473px);
}
.our-mission__over-title{
  font-weight:500;
  letter-spacing:0.02em;
  padding-left:min(7.1247vw, 7.69px + 5.1672vw, 79px);
  font-size:min(4.0712vw, 0.8006rem + 0.8105vw, 1.5rem);
  margin-bottom:min(3.0534vw, 8.81px + 0.8105vw, 20px);
}
.our-mission__title{
  font-size:min(10.1781vw, 2.0769rem + 1.7224vw, 3.5625rem);
  font-family:serif;
  line-height:1;
  font-family:'TT Bluescreens Trial';
  text-transform:uppercase;
  letter-spacing:clamp(-0.3px, -0.42px + 0.0304vw, 0px);
  margin-top:0;
  margin-bottom:0;
}
.our-mission__content-in{
  padding:min(4.5802vw, 10.04px + 2.0263vw, 38px) min(4.5802vw, 3.67px + 3.6474vw, 54px);
  border-radius:min(1.2723vw, 2.21px + 0.7092vw, 12px);
  background:var(--theme-color);
  color:var(--white-color);
  display:flex;
  position:relative;
  z-index:1;
}
.our-mission__content-in:before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%;
  z-index:-1;
  background:linear-gradient(45deg, rgba(166,176,185,0.6) -25%, transparent 75%);
  border-radius:min(1.2723vw, 2.21px + 0.7092vw, 12px) 0 0 min(1.2723vw, 2.21px + 0.7092vw, 12px);
}
.our-mission__content-text{
  font-size:min(2.2901vw, 6.21px + 0.7092vw, 16px);
  max-width:min(48.3461vw, 130.27px + 15.1976vw, 340px);
  margin-right:auto;
  letter-spacing:0.03em;
}
.our-mission__content-text p{
  margin-top:min(2.799vw, 9.01px + 0.5066vw, 16px);
  margin-bottom:min(2.799vw, 9.01px + 0.5066vw, 16px);
}
.our-mission__content-text p:first-child{
  margin-top:0;
}
.our-mission__content-text p:last-child{
  margin-bottom:0;
}
.our-mission__content-img{
  margin:clamp(-176px, 37.92px + -15.5015vw, -23px) clamp(-130px, -54.5px + -5.4711vw, -76px) clamp(-38px, -10.04px + -2.0263vw, -18px) 0;
  overflow:hidden;
  width:min(50.8906vw, 50.68px + 37.9939vw, 575px);
  flex:none;
}
.our-mission__content-img img{
  margin-bottom:clamp(-260px, -32.1px + -16.5147vw, -97px);
}
.is--dark{
  background:var(--dark-color2);
  color:var(--white-color);
}
.is--dark .header__in{
  background:var(--dark-color2);
  border-bottom-color:rgba(255,255,255,0.28);
}
.is--dark .header__logo svg path{
  fill:var(--white-color);
}
.is--dark .hero__header-text{
  color:var(--white-color);
}
.is--dark .hero__header-slogan{
  color:#4a4a4a;
}
.is--dark .hero__lg-text{
  background:linear-gradient(165deg, #fff -30%, #4a4a4a 55%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  color:transparent;
}
.is--dark .hero__gallery{
  background:var(--dark-color2);
}
.is--dark .hero__gallery-item-name{
  color:var(--dark-color2);
}
.is--dark .our-mission__header{
  color:var(--white-color);
}
.is--dark .bg-wrapper:before{
  background:linear-gradient(180deg, var(--dark-color) 0%, var(--dark-color2) 100%);
}
.is--dark .flipbook__title{
  color:var(--white-color);
}
.is--dark .flipbook__counter{
  color:#e1e1e1;
  opacity:0.5;
}
.is--dark .flipbook__button{
  background:#222220;
}
.is--dark .flipbook__button:hover{
  background:var(--white-color);
}
.is--dark .flipbook__button:hover:after{
  filter:brightness(5.1%);
}
.is--dark .articles__item:hover .articles__item-title,
.is--dark .articles__item:hover .articles__item-anonce{
  color:var(--white-color);
}
.is--dark .articles__coming-soon{
  background:linear-gradient(180deg, #1f1f1f 0%, #0f0f0f 95%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  color:transparent;
}
.is--dark .footer{
  background:#18181c;
}
.is--dark .footer__cooperation-logo{
  background:var(--white-color);
}
.is--dark .footer__cooperation-logo svg path{
  fill:var(--dark-color);
}
:root{
  $lf-root:0;
}
@media (min-width: 660px){
  .articles__coming-soon{
    left:35%;
    font-size:clamp(135px, -111.58px + 37.3611vw, 404px);
  }
}
@media (min-width: 992px){
  main{
    padding-top:142px;
  }
  .articles__coming-soon{
    left:18%;
  }
  .flipbook__container-in{
    margin-left:-90px;
    margin-right:-86px;
  }
  .flipbook__buttons{
    height:0;
    position:absolute;
    left:0;
    top:calc(50% - 70px);
    right:0;
    transform:translateY(-50%);
    justify-content:space-between;
  }
  .hero__header-text{
    width:clamp(400px, -239.18px + 64.433vw, 650px);
  }
  .hero__header-text .hlp{
    display:none;
  }
  .hero__header-text br{
    display:block;
  }
}
@media (min-width: 1200px){
  main{
    padding-top:171px;
  }
}
@media (min-width: 1366px){
  .flipbook__buttons{
    top:calc(50% - 70px);
  }
}
@media (min-width: 1400px){
  main{
    padding-top:151px;
  }
}
