:root {
    --blockColor:hsla(240, 11%, 91%,.6);
    --blockAction:#E9E9EB;
    --backgroundTransparent:hsla(0, 0%, 100%,.6);
    --subBlock:rgba(60, 60, 67, 0.36);
    --brandColor:#FF2D55;
    --brandLightColor:#FF6482;
    --blueColor:#007AFF;
    --orangeColor:#FF9500;
    --greenColor:#34C759;
    --purpleColor:#AF52DE;
    --blackPurpleColor:#5856D6;
    --background:#fff;
    --fontColor:#000;
    --subContent:#50555C;
    --blackBlock:#1C1C1E
}
.progress {
    position:fixed;
    top:0;
    left:0;
    z-index:9999;
    width:100%;
    height:5px;
    
}
.bar {
    display: block;
    width:0;
    height: inherit;
    background:linear-gradient(315deg, #FF2D55,#FF9500);
    border-radius: 8px;
}
div.mapResult {
    width:100%;
    padding:84px 16px 0;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    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;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:16px
}

div.mapResult > iframe {
    max-width:1280px;
    width:100%;
    border-radius:16px
}

.brandIcon {
    fill:var(--brandColor)
}
.underline {
    margin-top:16px;
    width:80%;
    height:2px;
    background-color:var(--blockColor);
    border-radius:100%;
    margin:12px auto 0;
    /* opacity:0.05; */
}

input,button,select {
    all:unset
}
* {
    margin:0;
    padding:0
}
.btn-glow {
    background:var(--brandColor);
    -webkit-box-shadow:0 0 0 0 var(--brandColor);
            box-shadow:0 0 0 0 var(--brandColor);
    -webkit-animation:glow 1.4s linear infinite;
            animation:glow 1.4s linear infinite
}
@-webkit-keyframes glow {
    0% {
      -webkit-box-shadow:0 0 0 0 #dc143c;
              box-shadow:0 0 0 0 #dc143c;
    }
    
    50% {
      -webkit-box-shadow:0 0 24px 0 #dc143c;
              box-shadow:0 0 24px 0 #dc143c;
    }
  }
@keyframes glow {
    0% {
      -webkit-box-shadow:0 0 0 0 #dc143c;
              box-shadow:0 0 0 0 #dc143c;
    }
    
    50% {
      -webkit-box-shadow:0 0 24px 0 #dc143c;
              box-shadow:0 0 24px 0 #dc143c;
    }
  }
.redButton {
    position:relative;
    font-style:normal;
    font-weight:400;
    font-size:16px;
    line-height:22px;
    padding:12px;
    border-radius:16px;
    background-color:var(--brandColor);
    color:#fff;
    cursor:pointer;
    text-decoration:none
}
.buttonCustom {
    font-style:normal;
    font-weight:400;
    font-size:16px;
    line-height:22px;
    padding:12px;
    border-radius:16px;
    color:#fff;
    cursor:pointer;
    text-decoration:none
}
.redButton:hover {
    opacity:0.9
}
h1 {
    font-size:26px;
    line-height:42px;
    font-weight:normal
}
h2 {
    font-size:24px;
    line-height:40px;
    font-weight:normal
}
h3 {
    font-size:24px;
    line-height:40px;
    font-weight:normal
}
h4 {
    font-size:22px;
    line-height:38px;
    font-weight:normal
}
h5 {
    font-size:20px;
    line-height:27px;
    font-weight:normal
}
h6 {
    font-size:18px;
    line-height:34px;
    font-weight:normal
}
p {
    font-weight:normal;
    font-size:16px;
    line-height:32px
}
b {
    color:var(--brandColor);
    font-weight:700
}
span.bold {
    font-weight:700; 
}
strong {
    color:var(--brandColor);
    font-weight:normal
}
html {
    scroll-behavior:smooth
}
body {
    position:relative;
    font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
    font-size:16px;
    line-height:24px;
    height:100%;
    overflow-x:hidden;
    z-index:0;
    /* background-color:#f6f6f5; */
    color:var(--fontColor)
}
body::after {
    content:"";
    background-image:url(images/logo.webp);
    opacity:0.02;
    -webkit-background-attachment:fixed;
    background-attachment:fixed;
    background-size:250px 142px;
    background-repeat:no-repeat;
    background-position:center center;
    z-index:-1; 
    top:0;
    left:0;
    bottom:0;
    right:0;
    position:absolute
}
header {
    margin:0 auto;
    max-width:1280px;
    width:100%;
    min-width:100px;
    z-index:9999;
    background-color:var(--background);
    /* border-bottom:1.5px solid var(--blockAction); */
    /* box-shadow:0 0 10px #e1e1e1; */
}
div.header__block {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    min-height:80px;
    margin:0 auto;
    max-width:1184px;
    gap:16px 0;
    padding:16px 16px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box
}
div.header__first_block {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    gap:16px;
    max-width:677px;
    width:100%;
    min-width:100px;
    margin:0 auto
}
div.header__first_block > img {
    width:87.27px;
    height:60px;
    border-radius:16px
}
div.header__first_block > input {
    max-width:500px;
    width:100%;
    min-width:100px;
    height:42px;
    border-radius:16px;
    padding:0 56px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    background:var(--blockColor) url(images/icons/search.svg) no-repeat scroll 16px 9px
}
div.header__first_block > input::-webkit-input-placeholder {
    color:var(--subContent)
}
div.header__first_block > input::-moz-placeholder {
    color:var(--subContent)
}
div.header__first_block > input:-ms-input-placeholder {
    color:var(--subContent)
}
div.header__first_block > input::-ms-input-placeholder {
    color:var(--subContent)
}
div.header__first_block > input::placeholder {
    color:var(--subContent)
}
div.header__second_block {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    gap:8px 32px;
    max-width:378px;
    width:100%;
    min-width:100px;
    margin:0 auto
}
div.header__second_block > div {
    height:42px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    gap:8px;
    margin:0 auto
}
div.header__second_block > div > a {
    text-decoration:none;
    color:var(--fontColor)
} 
/* footer start */
footer {
    color:var(--background);
    background-color:#1C1C1E;
    min-height:100px
}
div.footer {
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    padding:64px 32px;
    margin:0 auto;
    max-width:1280px;
    width:100%;
    min-width:100px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:32px 0;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap
}
div.footer_block {
    min-width:50px;
    width:100%;
    max-width:225px
}
div.footer_block > img {
    padding:8px 16px;
    background-color:#fff;
    width:80px;
    height:auto;
    border-radius:8px
}
div.footer_block > h2 {
    color:#fff
}
div.footer_block > ul {
    list-style-type:none
}
div.footer_block > ul > li:first-child {
    margin-top:32px
}
div.footer_block > ul > li {
    margin-top:16px
}
div.footer_block > ul > li > div {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:8px;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center
}
div.footer_block > ul > li > div > a {
    font-size:15px;
    line-height:20px;
    text-decoration:none;
    color:#C7C7CC
}
div.footer_block > ul > li > a {
    font-size:15px;
    line-height:20px;
    text-decoration:none;
    color:#C7C7CC
}
div.footer_block > ul > li> div > a:hover {
    color:var(--brandLightColor)
}
div.footer_block > ul > li > a:hover {
    color:var(--brandLightColor)
}
div.footerContent {
    padding:12px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    width:100%;
    min-height:32px;
    border-top:1px solid hsl(240, 3%, 28%);
    color:#fff;
    text-align:center;
    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
}
div.footerContent > span {
    font-size:15px;
    line-height:20px
}
/* footer end */
/* main */
main {
    padding-bottom:64px
}

div.titleSection {
    text-align:center;
    margin:0 auto
}
div.titleSection > p {
    margin-top:16px
}
section.aboutUsBlock {
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    width:100%;
    padding:8px 16px;
    background-color:var(--blockColor);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center
}
section.aboutUsBlock > span {
    text-align:center
}
@media (hover:hover), (-ms-high-contrast:none) {
    nav > ul {
        overflow-y:hidden;
        overflow-x:hidden;
    }
    nav > ul:hover {
        overflow-y:hidden;
        overflow-x:auto;
    }
}
@media (hover:none) {
    nav > ul {
        overflow-y:hidden;
        overflow-x:auto;
    }
  }
nav > ul {
    padding:0 16px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    max-width:1200px;
    width:100%;
    min-width:100px;
    margin:24px auto 0;
    gap:0 24px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    list-style:none
}
nav > ul > li {
    float:left;
    /* position:relative; */
}
nav > ul> li.activeNav > a {
    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;
    height:43px;
    padding:0 16px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    background-color:var(--brandColor);
    border-radius:16px;
    text-decoration:none;
    color:#fff;
    font-size:16px;
    line-height:22px;
    white-space:nowrap
}
nav > ul> li:not(.activeNav) > a  {
    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;
    height:43px;
    padding:0 16px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    background-color:var(--blockColor);
    border-radius:16px;
    text-decoration:none;
    color:var(--fontColor);
    font-size:16px;
    line-height:22px;
    white-space:nowrap
}
/* nav > ul> li:not(.activeNav):hover  {
    opacity:0.5
} */
nav > ul> li:first-child {
    margin-left:auto
}
nav > ul> li:last-child {
    margin-right:auto
}
ul.topmenu li > ul.submenu {
    position:absolute;
    z-index:99999;
    display:none
}
ul.topmenu > li:hover > ul.submenu {
    padding-top:8px;
    gap:8px;
    display:flex;
    flex-direction:column;
    z-index:999
}
ul.topmenu li > ul.submenu li {
    display:block
}
ul.topmenu li > ul.submenu li.activeNav a {
    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;
    height:43px;
    padding:0 16px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    background-color:var(--brandColor);
    border-radius:16px;
    text-decoration:none;
    color:#fff;
    font-size:16px;
    line-height:22px;
    white-space:nowrap
}
ul.topmenu li > ul.submenu li a {
    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;
    height:43px;
    padding:0 16px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    background-color:var(--blockAction);
    border-radius:16px;
    text-decoration:none;
    color:var(--fontColor);
    font-size:16px;
    line-height:22px;
    white-space:nowrap
}
section.promoImage {
    margin-top:32px;
    padding:0 12px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    width:100%
}
div.promoImageRow {
    position:relative;
    display:none;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    margin:0 auto;
    height:350px;
}
div.promoImageRow > img {
    max-width:1100px;
    width:100%;
    min-width:100px;
    height:350px;
    -o-object-fit:cover;
       object-fit:cover;
    border-radius:16px
}
div.promoImageBlock {
    z-index:2;
    position:absolute;
    max-width:1100px;
    width:100%;
    min-width:100px;
    height:350px;
    background:rgba(0, 0, 0, 0.5);
    -webkit-animation:blur-in 500ms 1s both;
            animation:blur-in 500ms 1s both;
    border-radius:16px
}
div.promoImageContent {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    position:absolute;
    gap:24px;
    z-index:3;
    padding:32px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box
}
div.promoImageContent > a {
    margin:0 auto
}
h2.promoImageTitle {
    text-align:center;
    font-style:normal;
    font-weight:700;
    z-index:3;
    color:#fff
}
p.promoImageContent {
    text-align:center;
    font-style:normal;
    font-weight:400;
    font-size:16px;
    line-height:27px;
    z-index:3;
    color:#fff
}
@-webkit-keyframes blur-in {
    from {
        -webkit-backdrop-filter:blur(8px);
        -moz-backdrop-filter:blur(8px);
        -o-backdrop-filter:blur(8px);
        backdrop-filter:blur(8px);
    }
    to {
        -webkit-backdrop-filter:blur(12px);
        -moz-backdrop-filter:blur(12px);
        -o-backdrop-filter:blur(12px);
        backdrop-filter:blur(12px);
    }
  }
@keyframes blur-in {
    from {
        -webkit-backdrop-filter:blur(8px);
        -moz-backdrop-filter:blur(8px);
        -o-backdrop-filter:blur(8px);
        backdrop-filter:blur(8px);
    }
    to {
        -webkit-backdrop-filter:blur(12px);
        -moz-backdrop-filter:blur(12px);
        -o-backdrop-filter:blur(12px);
        backdrop-filter:blur(12px);
    }
  }
div.promoNav {
    margin-top:32px;
    padding:0 32px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:32px
}
div.promoNav > div.activePromo {
    width:150px;
    height:4px;
    background:var(--brandColor);
    border-radius:100px
}
div.promoNav > div:first-child {
    margin-left:auto
}
div.promoNav > div:last-child {
    margin-right:auto
}
div.promoNav > div:not(.activePromo)  {
    width:150px;
    height:4px;
    background:var(--blockColor);
    border-radius:100px;
    cursor:pointer
}
section.landingContent {
    padding:84px 16px 0;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    margin:0px auto;
    max-width:1180px;
    width:100%;
    min-width:100px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:64px
}
section.landingContent > div {
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    gap:64px
}
div.landingRightContentText {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:32px;
    max-width:536px;
    width:100%;
    min-width:100px;
    margin:0 auto
}
div.landingRightContentText > h2::first-letter {
    font-weight:bold
}
div.landingRightContentText > ol {
    margin-left:32px
}
div.landingRightContentText > ol > li {
    margin-top:8px;
    padding-left:8px
}
div.landingRightContentText > ol > li::marker {
    font-weight:700;
    color:var(--brandColor)
}
div.landingRightContentText > a {
    margin-right:auto
}
div.landingRightContentImage {
    max-width:440px;
    width:100%;
    min-width:100px;
    margin:0 auto
}
div.landingRightContentImage > img {
    width:100%;
    height:auto;
    border-radius:24px;
    background-color:#fff
}
section.statistics {
    border-radius:16px;
    margin:84px auto 0;
    max-width:1200px;
    width:calc(100% - 32px);
    background-color:var(--blackBlock);
    min-height:100px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:26px;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    padding:48px 16px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box
}
div.statistics_row {
    max-width:1026px;
    width:100%;
    min-width:100px;
    margin:0 auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    gap:32px
}
div.statistics_block {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:4px;
    text-align:center;
    margin:0 auto
}
div.statistics_block > h3 {
    font-style:normal;
    font-weight:400;
    font-size:56px;
    line-height:82px;
    color:#fff
}
div.statistics_block > span {
    font-style:normal;
    font-weight:300;
    font-size:16px;
    line-height:21px;
    color:#fff
}
section.solutions {
    margin:0px auto;
    max-width:1200px;
    width:100%;
    min-width:100px;
    padding:84px 16px 0;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:60px;
    text-align:center
}
div.solutions_row {
    max-width:1200px;
    width:100%;
    min-width:100px;
    display:-ms-grid;
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
    gap:48px;
    margin:0px auto
}
div.solutions_block {
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    gap:24px;
    box-sizing:border-box
}
div.solutions_block > img {
    width:60px;
    height:60px
}
div.solutions_block > picture.solImage > img {
    width:200px;
    height:200px;
    object-fit: cover;

}
div.solutions_block > div {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:16px;
    text-align:center;
    min-height:145px
}
div.solutions_block > div > h3 {
    font-weight:500;
    font-size:20px;
    line-height:27px
}
div.solutions_block > div > span {
    font-style:normal;
    font-weight:400;
    font-size:16px;
    line-height:32px;
    color:var(--subContent)
}
section.reviews {
    border-radius:16px;
    margin:80px auto 0;
    max-width:1280px;
    width:calc(100% - 32px);
    /* background-color:var(--blockColor); */
    min-height:300px;
    padding:0 16px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box
}
div.reviews_row {
    max-width:1072px;
    width:100%;
    min-width:100px;
    margin:0 auto;
    text-align:center
}
div.reviews_row_list {
    margin:40px auto 0 auto;
    max-width:1146px;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:24px;
    overflow-y:hidden;
    overflow-x:scroll
}
div.reviews_row_list > div {
    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;
    -ms-flex-negative:0;
        flex-shrink:0;
    width:210px;
    height:297px;
    background:var(--background);
    border-radius:16px;
    cursor:pointer
}
div.reviews_row_list > div> img {
    border-radius:16px;
    width:100%;
    height:auto;
    cursor:pointer
}
section.contactUs {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:32px;
    margin:0 auto;
    padding:84px 16px 0;
    max-width:1000px;
    width:100%;
    min-width:100px;
    min-height:200px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    text-align:center
}
div.contactBlock {
    display: flex;
    gap:32px;
}
div.contactForm {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    gap:24px 0;
    margin:0 auto;
    max-width:1000px;
    width:100%;
    min-width:100px;
    min-height:452px;
    background-color:var(--blockColor);
    /* border:1px solid #D9D9D9; */
    border-radius:16px;
    padding:48px 16px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box
}
div.contactForm > img {
    width:60px;
    height:60px
}
div.contactForm > a {
    font-style:normal;
    font-weight:400;
    font-size:32px;
    line-height:44px;
    text-decoration:none;
    color:var(--fontColor)
}
div.contactForm > p > b {
    color:var(--fontColor)
}
div.contactForm > div.with_i {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    gap:4px
}
div.contactForm > div.with_i > p {
    text-align:center
}
div.contactForm > div.with_i > p > a {
    color:var(--brandColor)
}
section.landingPromo {
    padding:84px 16px 0px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:48px
}
div.landingPromoTitle {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:16px;
    margin:0 auto;
    max-width:1000px;
    width:100%;
    min-width:100px;
    text-align:center
}
div.landingPromoContentRow {
    margin:0 auto;
    max-width:1000px;
    width:100%;
    min-width:100px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    flex-direction:column;
    gap:16px
}
div.landingPromoContentRow > div {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    gap:24px;
    padding:16px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    border-radius:16px;
    min-height:60px;
    background-color:var(--blockColor)
}
div.landingPromoContentRow > div > img {
    width:32px;
    height:32px
}
div.landingPromoContentRow > div > p > b {
    color:var(--fontColor)
}
div.landingPromoContent {
    margin:0 auto;
    max-width:1080px;
    width:100%;
    min-width:100px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    gap:16px
}
div.landingPromoContent > div {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    gap:24px;
    padding:16px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    border-radius:16px;
    -webkit-box-flex:350px;
        -ms-flex:350px 1 1;
            flex:350px 1 1;
    min-height:60px;
    background-color:var(--blockColor)
}
div.landingPromoContent > div > img {
    width:48px;
    height:48px
}
div.landingPromoContent > div > p > b {
    color:var(--fontColor)
}
section.projects {
    max-width:1280px;
    width:100%;
    min-width:100px
}
div.landingRow {
    max-width:1100px;
    width:100%;
    min-width:100px;
    margin:0px auto 16px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    gap:24px
}
div.landingRow > div.landingRowBlock {
    padding:16px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    text-decoration:none;
    position:relative;
    -webkit-box-flex:400px;
        -ms-flex:400px 1 1;
            flex:400px 1 1;
    background-color:#fff;
    min-height:250px;
    border-radius:16px;
    overflow:hidden;
    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
}
div.landingRow > div.landingRowBlock > div.landingRowContent {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:16px;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    z-index:3
}
div.landingRow > div.landingRowBlock > div.landingRowContent > h2 {
    text-align:center;
    color:#fff
}
div.landingRow > div.landingRowBlock > div.landingRowContent > a {
    margin:0 auto;
    color:#ececec
}
div.landingRow > div.landingRowBlock > div.landingRowBack {
    position:absolute;
    min-height:250px;
    width:100%;
    background-color:hsla(0, 0%, 0%,.7);
    z-index:2;
    -webkit-backdrop-filter:blur(8px);
        -moz-backdrop-filter:blur(8px);
        -o-backdrop-filter:blur(8px);
        backdrop-filter:blur(8px)
}
div.landingRow > div.landingRowBlock > img {
    width:100%;
    position:absolute;
    border-radius:16px;
    z-index:1;
    background-color:#fff
}
div.promoWelcome {
    position:relative;
    margin:24px auto 0;
    max-width:1200px;
    width:calc(100% - 32px);
    height:300px;
    border-radius:16px;
    overflow:hidden;
    background-color:#fff
}
div.promoWelcome > div.promoWelcomeContent {
    position:absolute;
    left:50%; 
    top:50%; 
    -webkit-transform:translate(-50%, -50%); 
        -ms-transform:translate(-50%, -50%); 
            transform:translate(-50%, -50%);
    z-index:4;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:16px
}
div.promoWelcome > div.promoWelcomeContent > h1 {
    font-size:40px;
    text-align:center;
    color:#fff
}
div.promoWelcome > div.promoWelcomeContent > p {
    font-size:20px;
    text-align:center;
    color:#fff
}
div.promoWelcome > div.promoWelcomeBack {
    position:absolute;
    width:100%;
    height:300px;
    z-index:2;
    background-color:hsla(0, 0%, 0%,.7);
    -webkit-backdrop-filter:blur(8px);
    -moz-backdrop-filter:blur(8px);
    -o-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px)
}
div.promoWelcome > img {
    z-index:3;
    width:100%;
    height:100%;
    /* position:absolute; */
    -o-object-fit:cover;
       object-fit:cover
}
section.spoiler {
    max-width:1280px;
    width:calc(100% - 32px);
    margin:0 auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:16px;
    padding-top:84px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box
}
section.spoiler > img {
    max-width:1000px;
    width:calc(100% - 32px);
    height:auto;
    border-radius:16px;
    margin:0 auto
}
details summary::-webkit-details-marker {
    display:none
}
details {
    position:relative;
    max-width:1000px;
    width:100%;
    padding:18.5px;
    background-color:var(--blockColor);
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    border-radius:16px;
    margin:0px auto;
    border:1.5px solid transparent
}
details[open] {
    background-color: #fff;
    border:1.5px solid var(--blockColor)
}
details summary:after {
    content:"+";
    position:absolute;
    font-size:2rem;
    line-height:0;
    margin-top:0.75rem;
    right:0;
    font-weight:200;
    transform-origin:center;
    transition:200ms linear;
    font-weight:500;
    margin-right:16px;
  }
  details[open] summary:after {
    transform:rotate(45deg);
    font-size:2.25rem;
    color:var(--brandColor)
  }
details > summary {
    font-size:18px;
    line-height:26px;
    cursor:pointer;
    font-weight:500;
    list-style:none;
    padding-right:18px;
}
details[open] > summary {
    padding-bottom:8px;
    /* border-bottom:1px solid hsl(0, 0%, 80%) */
}
details[open] > :not(summary) {
    padding-top:12px
}
details[open] > div {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:32px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box
}
details[open] > div > img {
    width:100%;
    height:auto
}
details[open] > div > h3 {
    font-weight:normal;
    text-align:center
}
details[open] > div > ul {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:8px;
    margin-left:64px;
    list-style:none
}
details[open] > div > ul > li > b {
    color:var(--fontColor)
}
details[open] > div > ul > li::before {
    content:"✔ "; 
    color:var(--brandColor);
    display:inline-block; 
    width:2em;
    margin-left:-2em;
  }
section.introduction {
    max-width:1000px;
    width:calc(100% - 32px);
    margin:0 auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:24px;
    padding-top:64px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box
}
section.introduction > img {
    width:100%;
    height:auto;
    border-radius:16px
}
section.introduction > h1 {
    text-align:center
}
section.introduction > p {
    text-align:center
}
div.full {
    width:100vw;
    height:100vh;
    background-color:hsla(0,0%,98%,.7);
    position:fixed;
    z-index:9999;
    overflow:hidden;
    display:none;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    backdrop-filter:blur(8px) brightness(40%);
    -webkit-backdrop-filter:blur(8px) brightness(40%);
    -ms-backdrop-filter:blur(8px) brightness(40%);
    -o-backdrop-filter:blur(8px) brightness(40%);
    -moz-backdrop-filter:blur(8px) brightness(40%)
}
div.full > div {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    -webkit-box-align:start;
        -ms-flex-align:start;
            align-items:flex-start;
    background-color:var(--background);
    -webkit-backdrop-filter:blur(11px);
            backdrop-filter:blur(11px);
    max-width:290px;
    width:100%;
    height:auto;
    border-radius:16px
}
div.full > div > div {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    padding:20px;
    gap:8px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box
}
div.full > div > div > h1 {
    width:100%;
    font-style:normal;
    font-weight:600;
    font-size:17px;
    line-height:27px;
    text-align:center;
    -webkit-box-sizing:border-box;
            box-sizing:border-box
}
div.full > div > div > p {
    width:100%;
    font-style:normal;
    font-weight:400;
    font-size:13px;
    line-height:18px;
    text-align:center
} 
div.full > div > ul {
    width:100%
}
div.full > div > ul > li {
    list-style-type:none
}
div.full > div > ul > li > a {
    border-top:1px solid var(--subBlock);
    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;
    width:100%;
    height:48px;
    text-decoration:none;
    font-style:normal;
    font-weight:600;
    color:var(--fontColor)
}
div.fullscreenImg {
    display:none;
    position:fixed;
    z-index:9999;
    width:100vw;
    height:100vh;
    background-color:#007AFF
}
/* BlockQuote */
.blockquote-8 {
    position: relative;
    padding: 16px 24px;
    margin: 16px 46px;   
    font-size: 16px;
    text-align: center;
}
.blockquote-8:before,
.blockquote-8:after {
    position: absolute;
    color: var(--brandColor);
    font-size: 100px;
    font-family: Times, sans-serif;   
    line-height: 100px;   
}
.blockquote-8:before {
    content: '“';
    left: -30px;
    top: -10px;
}
.blockquote-8:after {
    content: '”';
    right: -30px;
    bottom: -10px;
}
.blockquote-8 cite {
    color: var(--brandColor);
    font-size: 15px;
    padding-top: 10px;
    display: block;
}
video {
    max-width:1000px;
    width:100%;
    height:auto;
    margin:0 auto;
    border-radius:16px
}
/* div.fullImage {
    top:0;
    position:fixed;
    z-index:99999;
    width:100vw;
    height:100vh;
    background-color:#007AFF
} */
mark {
    /* padding:6px 8px; */
    background-color:transparent;
    border-radius:8px
}
section.titleLanding {
    border-radius:16px;
    padding:84px 16px 32px;
    box-sizing:border-box;
    max-width:1000px;
    width:100%;
    margin:16px auto 0;
    display:flex;
    gap:32px;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    flex-wrap:wrap;
    min-height:300px;
    text-align:center;
}

section.titleLanding > h2 {
    font-size:36px;
    line-height:50px;
}

section.titleLanding > img {
    margin-top:32px;
    width:100%;
    height:auto
}
/* Carousel */
.slider-responsive {
    overflow: hidden;
    position: relative;
}
@media (min-width: 1200px) {
    .slider-container {
        perspective: 1000px;
    }
  }
.slider-container {
    position: relative;
    margin-top:32px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 400px;
    transform-style: preserve-3d;
  }
  .slide {
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 16px;
    width: 210px;
    height:auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    /* width: calc(20% - 20px); */
    z-index: 1000;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    box-shadow: 0 4px 16px rgba(0,0,0,.08);
  }
  
  .slide > img {
    margin: auto;
    width: 100%;
    height: auto;
  }
  
  .slide.slide-1 {
    transform-origin: right;
    transform: scale(0.95) rotateY(-20deg);
    left: 20px !important;
    z-index: 1;
    opacity: 1;
  }
  
  .slide.slide-2 {
    transform-origin: right;
    transform: rotateY(-10deg);
    left: 250px !important;
    z-index: 2;
    opacity: 1;
  }
  
  .slide.slide-3 {
    left: 480px !important;
    z-index: 2;
    opacity: 1;
  }
  
  .slide.slide-4 {
    transform-origin: left;
    transform: rotateY(10deg);
    left: 720px !important;
    z-index: 2;
    opacity: 1;
  }
  
  .slide.slide-5 {
    transform-origin: left;
    transform: scale(0.95) rotateY(20deg);
    margin-left: 0;
    left: 950px !important;
    z-index: 1;
    opacity: 1;
  }
  
  .buttons-container {
    position: absolute;
    bottom: 0;
  }
  
  .arrow {
    background: transparent;
    border-radius: 50%;
    background-color: var(--brandColor);
    cursor: pointer;
    color: #fff;
    width: 60px;
    height: 60px;
    margin: 30px 20px 0;
    text-align: center;
    font-size: 36px;
  }
table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {background-color: #f2f2f2;}