/*...543   544....767   768....991   992....1199   1200...*/
/*__xs__   ____sm____   ____md____   ____lg_____   ___xl__*/
/** service */
.view-service .taxonomy-term-type-service .field--type-image {
  margin-bottom: 15px; }

.node--type-service.node--view-mode-full #hero {
  position: relative;
  padding: 120px 0;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover; }
  @media (max-width: breakpoint-max(xl, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))) {
    .node--type-service.node--view-mode-full #hero {
      padding: 80px 0; } }
  @media (max-width: breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))) {
    .node--type-service.node--view-mode-full #hero .hero-inner .contact-message-form {
      display: none; } }
  @media (max-width: breakpoint-max(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))) {
    .node--type-service.node--view-mode-full #hero .hero-inner {
      padding: 30px 0 60px;
      min-height: calc(100vh - 51px); }
    .node--type-service.node--view-mode-full #hero .hero-inner .field--name-title {
      font-size: 34px;
      line-height: 38px; }
    .node--type-service.node--view-mode-full #hero .hero-inner .field--name-field-short {
      font-size: 30px;
      line-height: 35px; }
    .node--type-service.node--view-mode-full #hero .hero-inner .field--name-field-service-sostav {
      font-size: 22px;
      line-height: 28px; } }
  .node--type-service.node--view-mode-full #hero .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.4); }
  .node--type-service.node--view-mode-full #hero .container {
    position: relative;
    z-index: 4; }
    .node--type-service.node--view-mode-full #hero .container .field--name-title {
      font-size: 52px;
      line-height: 60px;
      font-weight: bold;
      margin-bottom: 20px;
      display: block; }
      @media (max-width: breakpoint-max(xl, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))) {
        .node--type-service.node--view-mode-full #hero .container .field--name-title {
          font-size: 42px;
          line-height: 48px; } }
    .node--type-service.node--view-mode-full #hero .container .field--name-field-short {
      font-size: 38px;
      line-height: 46px;
      font-weight: 300;
      margin-bottom: 25px; }
      @media (max-width: breakpoint-max(xl, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))) {
        .node--type-service.node--view-mode-full #hero .container .field--name-field-short {
          font-size: 33px;
          line-height: 36px; } }
    .node--type-service.node--view-mode-full #hero .container .field--name-field-service-info,
    .node--type-service.node--view-mode-full #hero .container .field--name-field-service-sostav {
      font-size: 30px;
      line-height: 38px;
      font-weight: bold; }
      @media (max-width: breakpoint-max(xl, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))) {
        .node--type-service.node--view-mode-full #hero .container .field--name-field-service-info,
        .node--type-service.node--view-mode-full #hero .container .field--name-field-service-sostav {
          font-size: 27px;
          line-height: 33px; } }
  .node--type-service.node--view-mode-full #hero .hero-arrow {
    font-size: 3.5rem;
    position: absolute;
    z-index: 6;
    bottom: 0.5rem;
    left: calc(50% - 1rem);
    color: #fff; }

.node--type-service.node--view-mode-full #about .about-box {
  max-width: 350px; }
  .node--type-service.node--view-mode-full #about .about-box .about-box__icon {
    font-size: 4em;
    line-height: 1em; }
  .node--type-service.node--view-mode-full #about .about-box .about-box__title {
    font-size: 1.6em;
    font-weight: bold; }

@media (max-width: breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))) {
  .node--type-service.node--view-mode-full #about {
    padding-top: 50px; }
    .node--type-service.node--view-mode-full #about .about-blocks {
      display: flex;
      justify-content: center;
      flex-wrap: wrap; } }

.node--type-service.node--view-mode-teaser {
  margin-bottom: 50px; }
  .node--type-service.node--view-mode-teaser .field--name-field-image {
    margin-bottom: 15px; }
    .node--type-service.node--view-mode-teaser .field--name-field-image a {
      display: block;
      overflow: hidden; }
      .node--type-service.node--view-mode-teaser .field--name-field-image a img {
        transform: scale(1);
        opacity: 1;
        transition: all 200ms linear; }
        .node--type-service.node--view-mode-teaser .field--name-field-image a img:hover {
          transform: scale(1.1);
          opacity: 0.8;
          transition: all 200ms linear; }