


/* Start:/local/templates/main/assets/style.css*/
@font-face {
    font-family: 'Tilda Sans';
    src: url('/local/templates/main/assets/fonts/TildaSans-Medium.woff2') format('woff2'),
        url('/local/templates/main/assets/fonts/TildaSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tilda Sans';
    src: url('/local/templates/main/assets/fonts/TildaSans-Regular.woff2') format('woff2'),
        url('/local/templates/main/assets/fonts/TildaSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tilda Sans';
    src: url('/local/templates/main/assets/fonts/TildaSans-Light.woff2') format('woff2'),
        url('/local/templates/main/assets/fonts/TildaSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tilda Sans';
    src: url('/local/templates/main/assets/fonts/TildaSans-ExtraBold.woff2') format('woff2'),
        url('/local/templates/main/assets/fonts/TildaSans-ExtraBold.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tilda Sans';
    src: url('/local/templates/main/assets/fonts/TildaSans-Black.woff2') format('woff2'),
        url('/local/templates/main/assets/fonts/TildaSans-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tilda Sans';
    src: url('/local/templates/main/assets/fonts/TildaSans-Bold.woff2') format('woff2'),
        url('/local/templates/main/assets/fonts/TildaSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tilda Sans';
    src: url('/local/templates/main/assets/fonts/TildaSans-Semibold.woff2') format('woff2'),
        url('/local/templates/main/assets/fonts/TildaSans-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



html { min-width:320px;}

 body {font-size: 15px; color: #000; font-size: 22px; line-height: 140%; position: relative; background: #8f97a6; margin: 0; padding: 0px 0 0 0; height: auto !important; min-height: 100%; font-family:  'Tilda Sans', 'Helvetica', sans-serif;}
 html > body {padding: 0;}
 img {padding: 0; margin: 0; border: 0;}
 .cleaner {clear: both;}
 a:hover {text-decoration: none;}
input::-moz-placeholder {opacity: 1; color: #A4B0BE;}
input::-webkit-input-placeholder {opacity: 1; color: #A4B0BE;}
input:focus::-moz-placeholder {opacity: 0;}
input:focus::-webkit-input-placeholder {opacity: 0;}
textarea::-moz-placeholder {opacity: 1; color: #A4B0BE;}
textarea::-webkit-input-placeholder {opacity: 1; color: #A4B0BE;}
textarea:focus::-moz-placeholder {opacity: 0;}
textarea:focus::-webkit-input-placeholder {opacity: 0;}

a {color: #1961AC;}
* {box-sizing: border-box; outline: none; max-height: 9999999999999px; -webkit-appearance: none!important;}
.all {padding: 0 40px; margin: 0 auto; width: 100%; position: relative;}
form {padding: 0; margin: 0; border: 0;}
form fieldset {padding: 0; margin: 0; border: 0;}
button, a {transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
.container {max-width: 1200px; background: #fff; position: relative; width:100%; margin: 0 auto; overflow: hidden; padding: 0;}
p {padding: 0; margin: 0;}

header {padding: 0 0 15px; height: 159px; display: flex; justify-content: center; align-items: flex-end; position: relative; z-index: 2;}
header .logo {position: absolute; left: 50%; transform: translateX(-50%); display: block;  top: 40px;font-weight: 700; letter-spacing: 2px; font-size:36px}
header nav {margin: 0 40px;}
header nav ul {display: flex; padding: 0; margin: 0 0 0 -60px; list-style-type: none;}
header nav ul li + li {margin-left: 45px;}
header nav ul li + li:nth-child(3) {margin-left: 240px;}
header nav ul li a {text-transform: capitalize; font-size: 18px; font-weight: bold; color: #000; text-decoration: none;}
header .menu-ic {display: none;}

h2 {font-size: 38px; line-height: 140%; font-weight: bold; margin: 0 0 25px; padding: 0;}

.first-screen {padding: 40px 0 0 0; height: 523px; text-align: center; background: url('/local/templates/main/assets/img/top-bg.webp') bottom center/103% auto no-repeat; position: relative;}
.first-screen h2 {font-size: 14px; font-weight: bold; margin: 0 0 30px; letter-spacing: 2px; padding: 0; text-transform: uppercase;}
.first-screen h1 {font-size: 60px; line-height: 130%; font-weight: 500; margin: 0 0 10px; padding: 0; text-transform: uppercase;}
.first-screen .txt {font-size: 22px; line-height: 34px; font-weight: bold; max-width: 530px; margin: 0 auto; letter-spacing: 0.5px;}

.mini-logo {width: 100px;}


.photos-block {margin-top: -72px; margin-bottom: -52px; z-index: 2;  display: flex; align-items: center; position: relative; justify-content: space-between;}
.photos-block .pic {width: 400px; height: 415px; border: 5px solid #fff; box-shadow: 0px 0px 30px 0px rgba(0,0,0,1); background: center center/cover;}
.photos-block .pic:nth-child(2) {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 360px; height: 505px; z-index: 3; }

.core-values {text-align: center; background: linear-gradient(to bottom,rgba(64,77,152,1) 0%,rgba(73,117,184,1) 100%); padding: 130px 0 40px; color: #fff;}
.core-values .txt {font-weight: 300; max-width: 730px; margin: 0 auto 50px;}
.core-values .blocks {font-size: 20px; font-weight: 300; line-height: 130%; display: flex; align-items: flex-start; justify-content: center;}
.core-values .blocks .block {width: calc(100% / 3 - 10px); margin: 0 5px; max-width: 297px;}
.core-values .blocks .block .ic {height: 127px; margin: 0 0 10px; text-align: center;}
.core-values .blocks .block .ic img {height: 127px;}
.core-values .blocks .block .title {font-size: 28px; line-height: 130%; font-weight: bold; margin: 0 0 15px;}

.work-block {padding: 65px 0; max-width: 1000px; margin: 0 auto; display: flex; align-items: stretch;}
.work-block .pic {width: 386px; margin: 0 40px 0 0; background: top center/cover;}
.work-block .txt {margin-top: -10px; font-weight: 300; width: calc(100% - 426px);}
.work-block .txt .advantages {margin-right: -40px; width: calc(100% + 40px); padding: 10px 0 0 0;}
.work-block .txt .advantages .block {background: url('/local/templates/main/assets/img/check-ic.svg') top left/70px auto no-repeat; font-size: 20px; line-height: 130%; margin: 50px 0 0 0; padding: 0 0 0 100px;}
.work-block .txt .advantages .block .title {line-height: 130%; font-weight: bold; font-size: 28px; margin: 0 0 10px;}

.partners-block {background: linear-gradient(to bottom,rgba(64,77,152,1) 0%,rgba(73,117,184,1) 100%); padding: 65px 0 40px; text-align: center; color: #fff;}
.partners-block .txt {max-width: 730px; margin: 0 auto 60px; font-weight: 300;}
.partners-block .owl-carousel .owl-stage {display: flex; align-items: stretch; transition-timing-function: linear !important;}
.partners-block .owl-carousel .owl-stage .owl-item {display: flex; align-items: stretch;}
.partners-block .owl-carousel .owl-stage .owl-item .item {display: flex; align-items: center; justify-content: center;}
.partners-block .owl-carousel .owl-stage .owl-item .item img {width: auto; display: table; max-width: 100%;}
.partners-block .owl-carousel .owl-dots {display: none;}

.projects-block {padding: 65px 0; max-width: 1200px; margin: 0 auto; text-align: center}
.projects-blocks {display: flex; align-items: center; justify-content: space-between; gap: 40px}
.projects-blocks-block {display: flex; align-items: center;}
.projects-blocks-info {max-width: 350px; display: flex; flex-direction: column; text-align: start; gap: 10px}
.projects-blocks-title {font-size: 28px; font-weight: 700;}
.projects-blocks-desc {font-size: 20px; font-weight: 300; text-wrap: wrap}
.project-blocks-img {margin-right: 10px}

.working-block {padding: 65px 0; text-align: center; background: linear-gradient(0turn, rgba(64, 77, 152, 0.7) 0%, rgba(174, 206, 254, 0.49) 100%); color: #fff;}
.working-block .txt {font-weight: 300; max-width: 762px; margin: 0 auto 60px;}


.strategy-block {padding: 65px 0; text-align: center;}
.strategy-block .txt {font-weight: 300; max-width: 762px; margin: 0 auto 60px;}
.strategy-block .txt p + p {padding-top: 30px;}
.strategy-block .blocks {display: flex; justify-content: center;}
.strategy-block .blocks .block {font-size: 28px; line-height: 130%; font-weight: bold; width: calc(100% / 3 - 20px); margin: 0 10px; max-width: 285px;}
.strategy-block .blocks .block .ic {height: 125px; width: 127px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center;}
.strategy-block .blocks .block .ic img {display: block; max-width: 100%; max-height: 100%;}

.contacts-block {background: linear-gradient(to bottom,rgba(64,77,152,1) 0%,rgba(73,117,184,1) 100%); padding: 65px 0 65px; text-align: center; color: #fff;}
.contacts-block a {color: inherit; text-decoration: none;}
.contacts-block .btn {display: table; line-height: 55px; padding: 0 60px; margin: 40px auto 0; background: #da8a43; font-size: 14px; text-transform: uppercase; border-radius: 30px;}
.contacts-block .btn:hover {filter: brightness(105%);}

.copyright {padding: 40px 0; text-align: center; font-weight: 300;}

.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url('/local/templates/main/assets/owl.video.play.png') no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}


@media all and (max-width: 1000px) {
header .menu-ic {display: block; width: 36px; height: 22px; border: 2px solid #000; border-left: 0; border-right: 0; margin-right: 20px; position: relative; }
header .menu-ic:after {content: ''; display: block; position: absolute; width: 28px; height: 2px; background: #000; right: 0; top: 50%; margin-top: -1px;}
header.menu-open .menu-ic:after {display: none;}
header.menu-open .menu-ic {border: 0; background: url('/local/templates/main/assets/img/close-ic.svg') center center/44px auto no-repeat;}
header {background: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 99; height: 80px; justify-content: flex-end; align-items: center; padding: 0;}
.container {padding-top: 80px;}
header .logo {transform: none; top: 25px; left: 20px; margin-left: 0; font-size: 30px}
header nav {text-align: center; display: flex; align-items: center; justify-content: center; margin: 0; position: fixed; top: 80px; height: calc(100dvh - 80px); background: #fff; width: 100%; transition: left 0.3s ease; left: 100%;}
header nav li {margin: 20px 0!important;}
header nav ul {margin: 0; display: block;}
header.menu-open nav {left: 0;}
.first-screen:before {content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: linear-gradient(to bottom,rgba(255,255,255,0.7), rgba(255,255,255,0));}
.first-screen {height: auto; padding-bottom: 150px; min-height: 400px; padding-top: 45px; background-size: cover;}
.first-screen h1 {margin-bottom: 20px; font-size: 35px;}
body , .first-screen .txt {font-size: 20px;}
.first-screen .txt {line-height: 130%;}
.photos-block .pic {width: 40%; height: auto;}
.photos-block .pic:before {content: ''; display: block; padding-top: 110%;}
.all {padding: 0 20px;}
.photos-block .pic:nth-child(2) {width: 40%; height: auto;}
.photos-block .pic:nth-child(2):before {padding-top: 140%;}


.core-values .blocks {display: block;}
.core-values .blocks .block {width: 100%; max-width: 500px; margin: 0 auto; font-size: 18px; line-height: 130%;}
.core-values .blocks .block .ic img {height: 80px;}
.core-values .blocks .block .ic {height: 80px;}
.core-values .blocks .block + .block {margin-top: 30px;}
.core-values .blocks .block .title {font-size: 25px; }

.strategy-block .blocks {display: block;}
.strategy-block .blocks .block {font-size: 20px; width: 100%; max-width: 500px; margin: 0 auto;}
.strategy-block .blocks .block + .block {margin-top: 30px;}
.strategy-block .blocks .block .ic {width: 90px; height: 90px;}

h2 {font-size: 30px;}
.copyright {font-size: 16px;}

.work-block {display: block;}
.work-block .txt {width: 100%;}
.work-block .txt .pic { max-height: 500px; width: 100%; margin: 30px 0 0;}
.work-block .txt .pic:before {content: ''; display: block; padding-top: 120%;}

.work-block .txt .advantages  {margin-right: 0; width: 100%;}
.work-block .txt .advantages .block .title {font-size: 22px;}
.work-block .txt .advantages .block {padding-left: 60px; background-size: 45px auto; font-size: 18px;}

.projects-blocks {flex-direction: column; gap: 20px}
.projects-blocks-block {flex-direction: column;}
.projects-blocks-info {text-align: center;}
.projects-blocks-title {font-size: 25px;}
.projects-blocks-desc {font-size: 18px;}
.project-blocks-img {margin-right: 0px; margin-bottom: 20px}

}
/* --- mobile logo 100px with extended header --- */
@media all and (max-width: 1000px) {

  header {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    height: 140px;              /* увеличили высоту шапки */
    display: flex;
    justify-content: center;
    align-items: flex-start;    /* лого сверху */
    padding-top: 0px;          /* отступ сверху */
  }

  header .logo {
    position: relative;
    margin: 0 auto;
    text-align: center;
    z-index: 2;
    left:-10px;
  }

  header .logo img {
    display: block;
    margin: 0 auto;
    height: 100px;              /* фиксированная высота */
    width: auto;
  }

  header .menu-ic {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
  }

  /* отодвигаем контент, чтобы не прилипал под увеличенную шапку */
  .container {
    padding-top: 140px;
  }
}
/* End */
/* /local/templates/main/assets/style.css */
