/* Start:/local/css/services.css?17320188852960*/
@media screen {
  .services-page {background: var(--bgwhite);}
  .services-page h1, .services-page .subheader {line-height: 1.1em; font-weight: 300; text-align: center;}
  .btn-special {text-align: center;}
  .btn-special h3 {font-weight: 500; line-height: 1em;}
  .btn-special a {display: block; border: solid 2px var(--black); position: relative; margin: 0 auto; text-decoration: none; color: var(--black); font-weight: 500;}
  .btn-special a svg {position: absolute;}
  #team-gallery + .subheader {background: var(--white);}  
}

@media screen and (max-width: 767px) {
  .services-page h1 {padding-top: 65px; padding-bottom: 35px;}
  .arrow-down svg {width: 46px;}
  .services-page .subheader {font-size: 32px; line-height: 33px; padding-top: 42px; padding-bottom: 42px;}
  .btn-special {padding-top: 64px; padding-bottom: 64px;}
  .btn-special h3 {font-size: 24px; margin-bottom: 17px;}
  .btn-special a {width: 292px; font-size: 15px; padding: 12px 0; border-radius: 6px;}
  .btn-special a svg {right: 5px; top: 0; width: 45px;}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .services-page h1, .services-page .subheader {font-size: 25px; padding-top: 48px; padding-bottom: 35px;}
  .btn-special {padding-top: 27px; padding-bottom: 45px;}
  .btn-special h3 {font-size: 19px; margin-bottom: 13px;}
  .btn-special a {width: 249px; font-size: 12px; padding: 10px 0; border-radius: 4px;}
  .btn-special a svg {right: 2px; top: 0; width: 38px;}
  .arrow-down svg {width: 36px;}
}

@media screen and (min-width: 1200px) and (max-width: 1599px) {
  .services-page h1, .services-page .subheader {font-size: 33px; padding-top: 64px; padding-bottom: 46px;}
  .btn-special {padding-top: 36px; padding-bottom: 60px;}
  .btn-special h3 {font-size: 25px; margin-bottom: 17px;}
  .btn-special a {width: 332px; font-size: 16px; padding: 13px 0; border-radius: 5px;}
  .btn-special a svg {right: 2px; top: -2px; width: 51px;}
  .arrow-down svg {width: 48px;}
}

@media screen and (min-width: 1600px) and (max-width: 2499px) {
  .services-page h1, .services-page .subheader {font-size: 47px; padding-top: 90px; padding-bottom: 65px;}
  .btn-special {padding-top: 50px; padding-bottom: 84px;}
  .btn-special h3 {font-size: 35px; margin-bottom: 24px;}
  .btn-special a {width: 466px; font-size: 23px; padding: 18px 0; border-radius: 7px;}
  .btn-special a svg {right: 3px; top: -5px; width: 72px;}
  .arrow-down svg {width: 67px;}
}

@media screen and (min-width: 2500px) {
  .services-page h1, .services-page .subheader {font-size: 63px; padding-top: 120px; padding-bottom: 87px;}
  .btn-special {padding-top: 67px; padding-bottom: 112px;}
  .btn-special h3 {font-size: 47px; margin-bottom: 32px;}
  .btn-special a {width: 621px; font-size: 31px; padding: 24px 0; border-radius: 9px; border-width: 3px;}
  .btn-special a svg {right: 4px; top: -7px; width: 96px;}
  .arrow-down svg {width: 89px;}
}

/* End */


/* Start:/local/templates/futurum-exclusive/components/bitrix/news.list/services-prices/style.css?17339009293438*/
@media screen {
  #prices {display: flex; justify-content: space-between; margin: 0 auto; flex-wrap: wrap;}
  #prices .prices-item {background: var(--white);  box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;}
  .prices-item h2 {line-height: 1em; font-weight: 500;}
  .prices-item .rem {font-style: italic;}
  .prices-item .price {font-weight: 500;}
  .prices-item ul li {margin-bottom: 1em;}
  .prices-item .descr {flex-grow: 2;}
  #prices .container {width: 100%; text-align: center;}
  #prices .arrow-down {text-decoration: none; display: inline-block;}
  #prices a {color: var(--black);}
  #prices a:hover, #prices a:focus {color: var(--secondary);}
}

@media screen and (max-width: 767px) {
  #prices {box-sizing: border-box; justify-content: center;}
  #prices .prices-item {border-radius: 6px; max-width: 298px; padding: 44px; margin-left: 32px; margin-right: 32px; 
    margin-bottom: 32px; font-size: 13px; line-height: 1.24em; box-shadow: 0 0 9px rgba(194,47,83,0.34);}
  .prices-item h2 {margin-bottom: 21px; font-size: 22px;}
  .prices-item .rem {font-size: 11px; line-height: 13px; margin-top: 15px; margin-bottom: 15px;}
  .prices-item .price {font-size: 19px; margin-top: 17px;}
  .prices-item ul {padding-left: 16px;} 
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  #prices {width: 786px;}
  #prices .prices-item {border-radius: 4px; box-shadow: 0 0 9px rgba(194,47,83,0.34); padding: 36px; width: 250px;}
  .prices-item h2 {margin-bottom: 13px; font-size: 19px;}
  .prices-item .rem {font-size: 9px; line-height: 11px; margin-top: 21px; margin-bottom: 13px;}
  .prices-item .price {font-size: 19px; margin-top: 16px;}
  .prices-item ul {padding-left: 11px;} 
  #prices .arrow-down {margin-top: 29px; margin-bottom: 69px;}  
}

@media screen and (min-width: 1200px) and (max-width: 1599px) {
  #prices {width: 1048px;}
  #prices .prices-item {border-radius: 5px; box-shadow: 0 0 12px rgba(194,47,83,0.34); padding: 48px; width: 334px;}
  .prices-item h2 {margin-bottom: 18px; font-size: 25px;}
  .prices-item .rem {font-size: 11px; line-height: 15px; margin-top: 28px; margin-bottom: 18px;}
  .prices-item .price {font-size: 25px; margin-top: 21px;}
  .prices-item ul {padding-left: 15px;} 
  #prices .arrow-down {margin-top: 39px; margin-bottom: 92px;}
}

@media screen and (min-width: 1600px) and (max-width: 2499px) {
  #prices {width: 1473px;}
  #prices .prices-item {border-radius: 7px; box-shadow: 0 0 15px rgba(194,47,83,0.34); padding: 68px; width: 469px;}
  .prices-item h2 {margin-bottom: 25px; font-size: 35px;}
  .prices-item .rem {font-size: 16px; line-height: 21px; margin-top: 40px; margin-bottom: 25px;}
  .prices-item .price {font-size: 35px; margin-top: 30px;}
  .prices-item ul {padding-left: 21px;}  
  #prices .arrow-down {margin-top: 55px; margin-bottom: 130px;}
}

@media screen and (min-width: 2500px) {
  #prices {width: 1964px;}
  #prices .prices-item {border-radius: 9px; box-shadow: 0 0 18px rgba(194,47,83,0.34); padding: 91px; width: 625px;}
  .prices-item h2 {margin-bottom: 33px; font-size: 47px;}
  .prices-item .rem {font-size: 21px; line-height: 28px; margin-top: 53px; margin-bottom: 33px;}
  .prices-item .price {font-size: 47px; margin-top: 40px;}
  .prices-item ul {padding-left: 28px;} 
  #prices .arrow-down {margin-top: 73px; margin-bottom: 173px;}
}

/* End */


/* Start:/local/templates/futurum-exclusive/components/bitrix/news.list/services-cards/style.css?17339010594955*/
@media screen {
  .cards-item {background: var(--white); box-sizing: border-box;  display: flex; flex-wrap: wrap;}
  .cards-item .sector {width: calc(50% - 2px); box-sizing: border-box;}
  .cards-item .sector:first-of-type {border-right: solid 2px var(--extragray); display: flex; flex-direction: column; justify-content: space-between;}
  .cards-item ul li {margin-bottom: .51em;}
  .cards-item ul li::marker {font-size: .78em;}
  .cards-item h2 {font-weight: 300;}
  .cards-item p.data {line-height: 1.21em; flex-grow: 2;}
  .cards-item p.rem {font-style: italic; line-height: 1.24em;}
  .cards-item a[class*="colored"] {text-align: left; position: relative; display: inline-block; text-decoration: none;}
  .cards-item a svg {position: absolute;}
}

@media screen and (max-width: 767px) {
  #cards {padding: 0 11px;}
  .cards-item {width: 100%; flex-direction: column; padding: 34px; margin: 50px auto 30px auto; border-radius: 6px; max-width: 460px; box-shadow: 0 0 9px rgba(194,47,83,0.34);}
  .cards-item .sector {width: 100%;}
  .cards-item .sector:first-of-type {border-right: none; margin-bottom: 45px;}
  .cards-item ul {padding-left: 11px; font-size: 13px; line-height: 15px;} 
  .cards-item ul li {margin-bottom: 0.81em;}
  .cards-item h2 {font-size: 32px; line-height: 33px; margin-bottom: 42px; max-width: 235px;}
  .cards-item p.data {max-width: 300px; margin-bottom: 62px; font-size: 18px;}
  .cards-item p.rem {max-width: 270px; margin-bottom: 18px; font-size: 11px; line-height: 13px;}
  .cards-item a[class*="colored"] {font-size: 15px; padding: 16px 41px 16px 12px; border-radius: 6px; margin-right: 6px; margin-bottom: 6px;}
  .cards-item a[class*="colored"] span {line-height: 18px;}
  .cards-item a svg {right: 5px; bottom: 9px; width: 30px;}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .cards-item {margin: 0 auto 27px auto; border-radius: 4px; max-width: 884px; padding: 53px; box-shadow: 0 0 9px rgba(194,47,83,0.34);}
  .cards-item .sector:last-of-type {padding-left: 53px;}
  .cards-item ul {padding-left: 11px;} 
  .cards-item h2 {font-size: 25px; line-height: 25px; margin-bottom: 30px; max-width: 235px;}
  .cards-item p.data {max-width: 256px; margin-bottom: 11px; font-size: 13px;}
  .cards-item p.rem {max-width: 213px; margin-bottom: 16px;}
  .cards-item a[class*="colored"] {font-size: 12px; padding: 13px 75px 13px 19px; border-radius: 4px; margin-right: 13px;}
  .cards-item a[class*="colored"] span {line-height: 13px;}
  .cards-item a svg {right: 13px; bottom: 7px; width: 28px;} 
}

@media screen and (min-width: 1200px) and (max-width: 1599px) {
  .cards-item {margin: 0 auto 36px auto; border-radius: 5px; max-width: 1180px; padding: 71px; box-shadow: 0 0 12px rgba(194,47,83,0.34);}
  .cards-item .sector:last-of-type {padding-left: 71px;}
  .cards-item ul {padding-left: 15px;} 
  .cards-item h2 {font-size: 33px; line-height: 33px; margin-bottom: 40px; max-width: 313px;}
  .cards-item p.data {max-width: 342px; margin-bottom: 15px; font-size: 17px;}
  .cards-item p.rem {max-width: 285px; margin-bottom: 21px;}
  .cards-item a[class*="colored"] {font-size: 16px; padding: 18px 100px 18px 25px; border-radius: 5px; margin-right: 17px;}
  .cards-item a[class*="colored"] span {line-height: 18px;}
  .cards-item a svg {right: 17px; bottom: 10px; width: 37px;}
}

@media screen and (min-width: 1600px) and (max-width: 2499px) {
  .cards-item {margin: 0 auto 50px auto; border-radius: 7px; max-width: 1658px; padding: 100px; box-shadow: 0 0 15px rgba(194,47,83,0.34);}
  .cards-item .sector:last-of-type {padding-left: 100px;}
  .cards-item ul {padding-left: 21px;} 
  .cards-item h2 {font-size: 47px; line-height: 47px; margin-bottom: 56px; max-width: 440px;}
  .cards-item p.data {max-width: 480px; margin-bottom: 21px; font-size: 24px;}
  .cards-item p.rem {max-width: 400px; margin-bottom: 30px;}
  .cards-item a[class*="colored"] {font-size: 23px; padding: 25px 141px 25px 35px; border-radius: 7px; margin-right: 24px;}
  .cards-item a[class*="colored"] span {line-height: 25px;}
  .cards-item a svg {right: 24px; bottom: 14px; width: 52px;}    
}

@media screen and (min-width: 2500px) {
  .cards-item {margin: 0 auto 67px auto; border-radius: 9px; max-width: 2211px; padding: 133px; box-shadow: 0 0 18px rgba(194,47,83,0.34);}
  .cards-item .sector:last-of-type {padding-left: 133px;}
  .cards-item ul {padding-left: 28px;} 
  .cards-item h2 {font-size: 63px; line-height: 63px; margin-bottom: 75px; max-width: 587px;}
  .cards-item p.data {max-width: 640px; margin-bottom: 28px; font-size: 32px;}
  .cards-item p.rem {max-width: 533px; margin-bottom: 40px;}
  .cards-item a[class*="colored"] {font-size: 31px; padding: 33px 188px 33px 47px; border-radius: 9px; margin-right: 32px;}
  .cards-item a[class*="colored"] span {line-height: 33px;}
  .cards-item a svg {right: 32px; bottom: 19px; width: 69px;}
}

/* End */


/* Start:/local/templates/futurum-exclusive/components/bitrix/news.list/services-steps/style.css?17320161535222*/
@media screen {
  #steps {counter-reset: section;}
  .steps-item {position: relative; background: var(--white);}
  .steps-item .tabs {width: 100%; position: absolute; left: 0;}
  .tabs span {position: absolute;}
  .tabs .colored {background: var(--gr-pink); color: var(--white); top: 0;}
  .tabs span:nth-child(1).gray {background: var(--extragray); color: var(--light);}
  .tabs span:nth-child(2).gray {background: var(--midgray); color: var(--light);}
  .steps-item h3 {position: relative; font-weight: 500; counter-increment: section;}
  .steps-item h3::before {content: "0" counter(section); position: absolute; top: 0; left: -1.8em;}
  .steps-item p {line-height: 1.24em;}
  .steps-item a {line-height: 2em; color: var(--black);}
  .steps-item a:hover, .steps-item a:focus {color: var(--secondary);}
  #steps .container {text-align: center;}
}

@media screen and (max-width: 767px) {
  #steps {width: 338px; font-size: 13px; line-height: 16px; margin-left: auto; margin-right: auto;}
  .steps-item {padding: 33px; border-radius: 6px; margin-top: 24px;}
  .steps-item .tabs {height: 29px; top: -32px;}
  .tabs span {border-radius: 4px 4px 0 0; font-size: 14px; padding: 8px 31px;}
  .tabs span:nth-child(1).colored {left: 22px;}
  .tabs span:nth-child(1).gray {top: 4px; left: 22px; padding-bottom: 4px;}
  .tabs span:nth-child(2).colored {left: 70px;}
  .tabs span:nth-child(2).gray {top: 4px; left: 70px; padding-bottom: 4px;}
  .tabs span:nth-child(3).colored {left: 117px;}
  .steps-item h3 {font-size: 22px; line-height: 27px; margin-bottom: 22px; padding-left: 33px;}
  .steps-item h3:not(:first-child) {margin-top: 39px;}
  .steps-item p {margin-bottom: 11px;}
  .steps-item h3::before {left: 0;}
  #steps .container {margin-top: 30px; margin-bottom: 51px;}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  #steps {width: 485px; margin: 0 auto 37px auto;}
  .steps-item {padding: 40px 85px 44px 73px; border-radius: 4px; margin-top: 24px;}
  .steps-item .tabs {height: 29px; top: -32px;}
  .tabs span {border-radius: 4px 4px 0 0; font-size: 12px; padding: 8px 31px;}
  .tabs span:nth-child(1).colored {left: 37px;}
  .tabs span:nth-child(1).gray {top: 4px; left: 37px; padding-bottom: 4px;} 
  .tabs span:nth-child(2).colored {left: 152px;}
  .tabs span:nth-child(2).gray {top: 4px; left: 152px; padding-bottom: 4px;}
  .tabs span:nth-child(3).colored {left: 268px;}
  .steps-item h3 {font-size: 19px; margin-bottom: 14px;}
  .steps-item h3:not(:first-child) {margin-top: 30px;}
  .steps-item p {margin-bottom: 7px;}
  #steps .container {margin-top: 21px; margin-bottom: 43px;} 
}

@media screen and (min-width: 1200px) and (max-width: 1599px) {
  #steps {width: 647px; margin: 0 auto 50px auto;}
  .steps-item {padding: 53px 114px 58px 97px; border-radius: 5px; margin-top: 32px;}
  .steps-item .tabs {height: 38px; top: -40px;}
  .tabs span {border-radius: 5px 5px 0 0; font-size: 16px; padding: 11px 41px;}
  .tabs span:nth-child(1).colored {left: 50px;}
  .tabs span:nth-child(1).gray {top: 5px; left: 50px; padding-bottom: 6px;} 
  .tabs span:nth-child(2).colored {left: 203px;}
  .tabs span:nth-child(2).gray {top: 5px; left: 203px; padding-bottom: 6px;}
  .tabs span:nth-child(3).colored {left: 358px;}
  .steps-item h3 {font-size: 25px; margin-bottom: 18px;}
  .steps-item h3:not(:first-child) {margin-top: 41px;}
  .steps-item p {margin-bottom: 10px;}
  #steps .container {margin-top: 28px; margin-bottom: 58px;} 
}

@media screen and (min-width: 1600px) and (max-width: 2499px) {
  #steps {width: 910px; margin: 0 auto 70px auto;}
  .steps-item {padding: 75px 160px 82px 137px; border-radius: 7px; margin-top: 45px;}
  .steps-item .tabs {height: 54px; top: -53px;}
  .tabs span {border-radius: 7px 7px 0 0; font-size: 23px; padding: 15px 58px;}
  .tabs span:nth-child(1).colored {left: 70px;}
  .tabs span:nth-child(1).gray {top: 7px; left: 70px; padding-bottom: 8px;} 
  .tabs span:nth-child(2).colored {left: 285px;}
  .tabs span:nth-child(2).gray {top: 7px; left: 285px; padding-bottom: 8px;}
  .tabs span:nth-child(3).colored {left: 503px;}
  .steps-item h3 {font-size: 35px; margin-bottom: 26px;}
  .steps-item h3:not(:first-child) {margin-top: 57px;}
  .steps-item p {margin-bottom: 14px;}
  #steps .container {margin-top: 40px; margin-bottom: 81px;}
}

@media screen and (min-width: 2500px) {
  #steps {width: 1213px; margin: 0 auto 93px auto;}
  .steps-item {padding: 100px 213px 109px 183px; border-radius: 9px; margin-top: 60px;}
  .steps-item .tabs {height: 72px; top: -63px;}
  .tabs span {border-radius: 9px 9px 0 0; font-size: 31px; padding: 20px 77px;}
  .tabs span:nth-child(1).colored {left: 93px;}
  .tabs span:nth-child(1).gray {top: 9px; left: 93px; padding-bottom: 11px;} 
  .tabs span:nth-child(2).colored {left: 380px;}
  .tabs span:nth-child(2).gray {top: 9px; left: 380px; padding-bottom: 11px;}
  .tabs span:nth-child(3).colored {left: 671px;}
  .steps-item h3 {font-size: 47px; margin-bottom: 35px;}
  .steps-item h3:not(:first-child) {margin-top: 76px;}
  .steps-item p {margin-bottom: 19px;}
  #steps .container {margin-top: 53px; margin-bottom: 108px;} 
}

/* End */


/* Start:/local/templates/futurum-exclusive/components/bitrix/news.list/services-gallery/style.css?17334651426561*/
@keyframes imageFadeIn {
  0% {opacity: 0; filter: blur(2px);}
  100% {opacity: 1; filter: blur(0px);}
}

@media screen {
  #team-gallery picture {min-height: 100px; display: block;}
  #team-gallery picture img {width: 100%; height: 100%; display: block; object-fit: cover; animation: imageFadeIn .18s linear 0s 1; animation-fill-mode: forwards;}
  #team-gallery picture.hidden img {display: none;}  
  #team-gallery {position: relative; width: 100%;}
  .item {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: var(--light);}
  .item picture {height: 100%; width: 100%; user-select: none;}
  #team-gallery .lead {position: absolute; color: var(--white);}
  #team-gallery h3 {font-weight: normal; position: absolute; z-index: 6; top: 0; text-align: center; background: var(--black); color: var(--white); box-sizing: border-box;}
  picture::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
  .item {background: var(--gray);}
  .item.focus {z-index: 3;}
  .item.prev {z-index: 4; opacity: 0; transition: opacity .3s ease-out 0s;}
  #team-gallery .pin.current {background: var(--gray);}
  .button-transparent {position: relative; overflow: hidden; box-sizing: border-box; z-index: 1; transition: border-color .24s ease-out 0s;}
  .button-transparent::before {content: ''; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; background: var(--secondary);
     transition: opacity .24s ease-out 0s; position: absolute; z-index: -1;}
  .button-transparent:hover::before {opacity: 1;}
  .button-transparent:hover {border-color: var(--secondary);}
  #team-gallery * {-webkit-tap-highlight-color: transparent;}
}

@media screen and (max-width: 767px) {
  #team-gallery {margin-top: 60px;}
  #team-gallery picture {height: 65.27vw; width: 100%; display: block;}
  #team-gallery picture img {width: 100%; height: 100%; object-fit: cover;}
  #team-gallery {width: 100%; height: 65.27vw; position: relative;}
  #team-gallery picture {position: absolute; top: 0; left: 0;}
  #team-gallery .pins {position: absolute; left: 30px; bottom: 12px; width: 60px; text-align: left;}
  #team-gallery .pins .pin {width: 9px; height: 9px; margin-right: 7px;}
  #team-gallery h3 {border-radius: 7px 7px 0 0; top: -42px; padding: 12px 6px; width: 260px; left: calc(50% - 130px);} 
  #team-gallery .next-btn {background-image: url('/local/images/s-left.svg');}
  #team-gallery  .prev-btn {background-image: url('/local/images/s-right.svg');}
  #team-gallery .prev-btn, #team-gallery .next-btn {display: block; position: absolute; z-index: 6; cursor: pointer; border-radius: 50%; background-size: 100% 100%;}   
  #team-gallery .prev-btn {width: 54px; height: 54px; top: calc(50% - 27px); left: 10px;}
  #team-gallery .next-btn {width: 54px; height: 54px; top: calc(50% - 27px); right: 10px;}
}

@media screen and (min-width: 768px) {
  #team-gallery picture {position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: block;}
  #team-gallery {position: relative; margin-left: auto; margin-right: auto;}
  #team-gallery picture img {width: 100%; height: 100%; object-fit: cover; border-radius: 7px;}
  #team-gallery .prev-btn, #team-gallery .next-btn {display: block; position: absolute; background: var(--light); z-index: 6; cursor: pointer; border-radius: 50%; background-size: 100% 100%;}
  #team-gallery .next-btn {background-image: url('/local/images/s-left.svg');}
  #team-gallery  .prev-btn {background-image: url('/local/images/s-right.svg');}
  #team-gallery .prev-btn:hover, #team-gallery .next-btn:hover {background-color: var(--gray); transition: background .24s linear 0s;} 
  .item {border-radius: 7px; overflow: hidden;}
  #team-gallery h3 {border-radius: 0 0 7px 7px; width: 267px; left: calc(50% - 133px); font-size: 13px;  padding: 12px 6px;}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  #team-gallery {width: 715px; height: 409px; margin-bottom: 15px;} 
  #team-gallery::before {content: ''; position: absolute; left: -50vw; top: -53px; width: 150vw; height: 127%; background: var(--white); z-index: 0;}
  #team-gallery .pins {position: absolute; left: 0px; bottom: -33px; width: 100%; text-align: center;}
  .viewport .prev-btn {width: 26px; height: 26px; top: calc(50% - 13px); left: 11px;}
  .viewport .next-btn {width: 26px; height: 26px; top: calc(50% - 13px); right: 11px;}
  #team-gallery h3 {width: 267px; left: calc(50% - 133px); font-size: 13px;  padding: 12px 6px;}     
}

@media screen and (min-width: 1200px) and (max-width: 1599px) {
  #team-gallery {width: 945px; height: 540px; margin-bottom: 27px;}
  #team-gallery::before {content: ''; position: absolute; left: -50vw; top: -70px; width: 150vw; height: 127%; background: var(--white); z-index: 0;}
  #team-gallery .pins {position: absolute; left: 0px; bottom: -38px; width: 100%; text-align: center;}
  .viewport .prev-btn {width: 34px; height: 34px; top: calc(50% - 17px); left: 14px;}
  .viewport .next-btn {width: 34px; height: 34px; top: calc(50% - 17px); right: 14px;} 
  #team-gallery h3 {width: 356px; left: calc(50% - 178px); font-size: 17px;  padding: 18px 9px;}   
}

@media screen and (min-width: 1600px) and (max-width: 2499px) {
  #team-gallery {width: 1340px; height: 768px; margin-bottom: 30px; z-index: 2;}
  #team-gallery::before {content: ''; position: absolute; left: -50vw; top: -100px; width: 150vw; height: 127%; background: var(--white); z-index: 0;}
  #team-gallery .pins {position: absolute; left: 0px; bottom: -42px; width: 100%; text-align: center;}
  .viewport .prev-btn {width: 48px; height: 48px; top: calc(50% - 24px); left: 20px;}
  .viewport .next-btn {width: 48px; height: 48px; top: calc(50% - 24px); right: 20px;}
  #team-gallery h3 {width: 500px; left: calc(50% - 250px); font-size: 24px; padding: 24px 12px;}   
}

@media screen and (min-width: 2500px) {
  #team-gallery {width: 1787px; height: 1024px; margin-bottom: 50px;}
  #team-gallery::before {content: ''; position: absolute; left: -50vw; top: -135px; width: 150vw; height: 127%; background: var(--white); z-index: 0;}
  #team-gallery .pins {position: absolute; left: 0px; bottom: -60px; width: 100%; text-align: center;} 
  .viewport .prev-btn {width: 64px; height: 64px; top: calc(50% - 32px); left: 27px;}
  .viewport .next-btn {width: 64px; height: 64px; top: calc(50% - 32px); right: 27px;}
  #team-gallery h3 {width: 667px; left: calc(50% - 333px); font-size: 32px;  padding: 32px 21px;}        
}

/* End */


/* Start:/local/templates/futurum-exclusive/components/bitrix/news.list/services-partners/style.css?17327026411788*/
@media screen {
  #partners {background: var(--white);}
  #partners .container {display: flex; flex-direction: row;
    flex-wrap: wrap; justify-content: center; width: 92%; margin-left: auto; margin-right: auto;}
  .partners-item {margin: 3px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;}
  .partners-item picture {width: 100%; display: block;}
  .partners-item picture img {width: 100%; height: auto;}
}

@media screen and (max-width: 767px) {
  .partners-item {width: calc(50% - 6px); padding: 5px 21px; max-width: 150px;}
  #partners {padding-bottom: 20px;}
  #team-gallery + .subheader {padding-top: 99px;}
  #partners .container {max-height: 260px; transition: max-height .6s linear 0s; overflow: hidden;}
  #partners .container.focus {max-height: 1000px;}
}

@media screen and (min-width: 768px) {
  .partners-item {width: calc(16.6% - 6px);}
  #partners {padding-bottom: 120px;}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  #partners .container {max-width: 820px;}
  #partners {padding-top: 6px;}
  .partners-item {padding: 5px 27px;}
  .partners-item picture img {max-width: 56px;}
}

@media screen and (min-width: 1200px) and (max-width: 1599px) {
  #partners {padding-top: 9px;}
  .partners-item {padding: 6px 36px;}
  .partners-item picture img {max-width: 100px;}
}

@media screen and (min-width: 1600px) and (max-width: 2499px) {
  #partners {padding-top: 12px;}
  .partners-item {padding: 9px 51px;}
  .partners-item picture img {max-width: 182px;}
}

@media screen and (min-width: 2500px) {
  #partners .container {max-width: 2400px;}
  #partners {padding-top: 16px;}
  .partners-item {padding: 12px 69px;}
  .partners-item picture img {max-width: 243px;}
}

/* End */


/* Start:/local/templates/futurum-exclusive/components/bitrix/news.list/services-aq/style.css?17327184952294*/
@media screen {
  #aq {margin: 0 auto;}
  #aq h3 {font-weight: 500; line-height: 1.24em;}
  #aq .inner {max-height: 0px; margin-top: 0px; margin-bottom: 0px; overflow: hidden; transition: all .24s linear 0s;}
  #aq .aq-item.active .inner {max-height: 12em;}
  .aq-item {margin-bottom: 3px; display: block; text-decoration: none; 
    color: var(--black); position: relative;}
  .aq-item svg {position: absolute; top: 0; right: 0; transition: transform .24s linear 0s;}
  .aq-item.active, .aq-item:hover, .aq-item:focus {background: var(--white);}
  #aq .aq-item.active svg {transform: rotate(180deg);}
}

@media screen and (max-width: 767px) {
  #aq {max-width: 624px; padding-bottom: 0; padding-left: 11px; padding-right: 11px;}
  #aq h3 {font-size: 16px;}
  #aq .aq-item.active .inner {margin-top: 24px; margin-bottom: 21px;}
  .aq-item {border-radius: 6px; padding: 18px 35px 21px 23px;}
  .aq-item svg {width: 50px; top: 5px;}
  .aq-item .inner {font-size: 14px; line-height: 16px;}
  #aq .aq-item.active .inner {max-height: 15em;}  
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  #aq {max-width: 624px; padding-bottom: 24px;}
  #aq h3 {font-size: 12px;}
  #aq .aq-item.active .inner {margin-top: 26px; margin-bottom: 16px;}
  .aq-item {border-radius: 4px; padding: 10px 19px 11px 19px;}
  .aq-item svg {width: 38px;}
}

@media screen and (min-width: 1200px) and (max-width: 1599px) {
  #aq {max-width: 832px; padding-bottom: 32px;}
  #aq h3 {font-size: 16px;}
  #aq .aq-item.active .inner {margin-top: 35px; margin-bottom: 21px;}
  .aq-item {border-radius: 5px; padding: 14px 26px 15px 26px;}
  .aq-item svg {width: 51px;}
}

@media screen and (min-width: 1600px) and (max-width: 2499px) {
  #aq {max-width: 1170px; padding-bottom: 45px;}
  #aq h3 {font-size: 22px;}
  #aq .aq-item.active .inner {margin-top: 49px; margin-bottom: 30px;}
  .aq-item {border-radius: 7px; padding: 19px 36px 21px 36px;}
  .aq-item svg {width: 72px;}
}

@media screen and (min-width: 2500px) {
  #aq {max-width: 1560px; padding-bottom: 60px;}
  #aq h3 {font-size: 29px;}
  #aq .aq-item.active .inner {margin-top: 65px; margin-bottom: 40px;}
  .aq-item {border-radius: 9px; padding: 25px 48px 28px 48px;}
  .aq-item svg {width: 96px;}
}

/* End */
/* /local/css/services.css?17320188852960 */
/* /local/templates/futurum-exclusive/components/bitrix/news.list/services-prices/style.css?17339009293438 */
/* /local/templates/futurum-exclusive/components/bitrix/news.list/services-cards/style.css?17339010594955 */
/* /local/templates/futurum-exclusive/components/bitrix/news.list/services-steps/style.css?17320161535222 */
/* /local/templates/futurum-exclusive/components/bitrix/news.list/services-gallery/style.css?17334651426561 */
/* /local/templates/futurum-exclusive/components/bitrix/news.list/services-partners/style.css?17327026411788 */
/* /local/templates/futurum-exclusive/components/bitrix/news.list/services-aq/style.css?17327184952294 */