@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=cyrillic");
@import url("https://fonts.googleapis.com/css?family=Roboto:100, 300,400,500,700");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  outline: 0 !important; }

button {
  outline: 0 !important;
  user-select: none !important;
  outline-offset: 0 !important; }
  button:focus, button:active {
    outline: 0 !important;
    user-select: none !important;
    outline-offset: 0 !important; }

* {
  outline: 0 !important; }

button,
a {
  cursor: pointer; }

html {
  overflow-y: scroll;
  overflow-x: auto; }

body {
  width: 100%;
  height: 100vh;
  font-family: "Montserrat", sans-serif;
  position: relative;
  display: flex;
  background: #0D0D0D;
  color: #FFFFFF;
  scroll-behavior: smooth; }

header,
.menu_pop,
.request_pop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 84px;
  z-index: 99; }
  header .header-wrapper,
  .menu_pop .header-wrapper,
  .request_pop .header-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 20px 0 0 0;
    position: relative; }
    header .header-wrapper .header-wrapper_left,
    .menu_pop .header-wrapper .header-wrapper_left,
    .request_pop .header-wrapper .header-wrapper_left {
      display: flex;
      align-items: center; }
      header .header-wrapper .header-wrapper_left .main-logo,
      .menu_pop .header-wrapper .header-wrapper_left .main-logo,
      .request_pop .header-wrapper .header-wrapper_left .main-logo {
        margin-left: 64px;
        margin-right: 107px; }
      header .header-wrapper .header-wrapper_left .btn-box,
      .menu_pop .header-wrapper .header-wrapper_left .btn-box,
      .request_pop .header-wrapper .header-wrapper_left .btn-box {
        height: 52px; }
    header .header-wrapper .header-wrapper_right,
    .menu_pop .header-wrapper .header-wrapper_right,
    .request_pop .header-wrapper .header-wrapper_right {
      display: flex;
      align-items: center;
      margin-top: 4px; }
      header .header-wrapper .header-wrapper_right .tel--mobile,
      .menu_pop .header-wrapper .header-wrapper_right .tel--mobile,
      .request_pop .header-wrapper .header-wrapper_right .tel--mobile {
        display: none; }
      header .header-wrapper .header-wrapper_right .tel a,
      .menu_pop .header-wrapper .header-wrapper_right .tel a,
      .request_pop .header-wrapper .header-wrapper_right .tel a {
        font-style: normal;
        font-weight: 600;
        line-height: 18px;
        font-size: 12px;
        letter-spacing: 0.1em;
        color: #FFFFFF;
        text-decoration: none; }
      header .header-wrapper .header-wrapper_right .request,
      .menu_pop .header-wrapper .header-wrapper_right .request,
      .request_pop .header-wrapper .header-wrapper_right .request {
        margin-left: 137px;
        margin-right: 80px; }
        header .header-wrapper .header-wrapper_right .request #request,
        header .header-wrapper .header-wrapper_right .request #request2,
        header .header-wrapper .header-wrapper_right .request #requestHide,
        .menu_pop .header-wrapper .header-wrapper_right .request #request,
        .menu_pop .header-wrapper .header-wrapper_right .request #request2,
        .menu_pop .header-wrapper .header-wrapper_right .request #requestHide,
        .request_pop .header-wrapper .header-wrapper_right .request #request,
        .request_pop .header-wrapper .header-wrapper_right .request #request2,
        .request_pop .header-wrapper .header-wrapper_right .request #requestHide {
          background: transparent;
          color: #FFFFFF;
          border: none;
          padding: 0;
          margin: 0;
          font-style: normal;
          font-weight: bold;
          line-height: 20px;
          font-size: 14px;
          display: flex;
          align-items: center; }
          header .header-wrapper .header-wrapper_right .request #request span:first-child,
          header .header-wrapper .header-wrapper_right .request #request2 span:first-child,
          header .header-wrapper .header-wrapper_right .request #requestHide span:first-child,
          .menu_pop .header-wrapper .header-wrapper_right .request #request span:first-child,
          .menu_pop .header-wrapper .header-wrapper_right .request #request2 span:first-child,
          .menu_pop .header-wrapper .header-wrapper_right .request #requestHide span:first-child,
          .request_pop .header-wrapper .header-wrapper_right .request #request span:first-child,
          .request_pop .header-wrapper .header-wrapper_right .request #request2 span:first-child,
          .request_pop .header-wrapper .header-wrapper_right .request #requestHide span:first-child {
            text-decoration: underline; }
          header .header-wrapper .header-wrapper_right .request #request span:last-child,
          header .header-wrapper .header-wrapper_right .request #request2 span:last-child,
          header .header-wrapper .header-wrapper_right .request #requestHide span:last-child,
          .menu_pop .header-wrapper .header-wrapper_right .request #request span:last-child,
          .menu_pop .header-wrapper .header-wrapper_right .request #request2 span:last-child,
          .menu_pop .header-wrapper .header-wrapper_right .request #requestHide span:last-child,
          .request_pop .header-wrapper .header-wrapper_right .request #request span:last-child,
          .request_pop .header-wrapper .header-wrapper_right .request #request2 span:last-child,
          .request_pop .header-wrapper .header-wrapper_right .request #requestHide span:last-child {
            color: #FFFFFF;
            margin-left: 22px;
            font-size: 30px;
            font-weight: 300; }
          header .header-wrapper .header-wrapper_right .request #request .request--mobile,
          header .header-wrapper .header-wrapper_right .request #request2 .request--mobile,
          header .header-wrapper .header-wrapper_right .request #requestHide .request--mobile,
          .menu_pop .header-wrapper .header-wrapper_right .request #request .request--mobile,
          .menu_pop .header-wrapper .header-wrapper_right .request #request2 .request--mobile,
          .menu_pop .header-wrapper .header-wrapper_right .request #requestHide .request--mobile,
          .request_pop .header-wrapper .header-wrapper_right .request #request .request--mobile,
          .request_pop .header-wrapper .header-wrapper_right .request #request2 .request--mobile,
          .request_pop .header-wrapper .header-wrapper_right .request #requestHide .request--mobile {
            display: none; }
    header .header-wrapper .left_wrapper,
    .menu_pop .header-wrapper .left_wrapper,
    .request_pop .header-wrapper .left_wrapper {
      position: absolute;
      left: 64px;
      top: 64px;
      width: 26px;
      height: calc(98vh - 84px);
      display: flex;
      flex-direction: column;
      justify-content: space-evenly; }
      header .header-wrapper .left_wrapper .leng_wrapper .leng-link,
      .menu_pop .header-wrapper .left_wrapper .leng_wrapper .leng-link,
      .request_pop .header-wrapper .left_wrapper .leng_wrapper .leng-link {
        opacity: 0; }
        header .header-wrapper .left_wrapper .leng_wrapper .leng-link li,
        .menu_pop .header-wrapper .left_wrapper .leng_wrapper .leng-link li,
        .request_pop .header-wrapper .left_wrapper .leng_wrapper .leng-link li {
          display: flex;
          align-items: center;
          justify-content: center; }
          header .header-wrapper .left_wrapper .leng_wrapper .leng-link li a,
          .menu_pop .header-wrapper .left_wrapper .leng_wrapper .leng-link li a,
          .request_pop .header-wrapper .left_wrapper .leng_wrapper .leng-link li a {
            text-decoration: none;
            font-style: normal;
            font-weight: 600;
            line-height: 16px;
            font-size: 10px;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: #FFFFFF; }
            header .header-wrapper .left_wrapper .leng_wrapper .leng-link li a span,
            .menu_pop .header-wrapper .left_wrapper .leng_wrapper .leng-link li a span,
            .request_pop .header-wrapper .left_wrapper .leng_wrapper .leng-link li a span {
              text-shadow: 0 0 6px rgba(0, 0, 0, 0.4); }
      header .header-wrapper .left_wrapper .social_wrapper .social-link li,
      .menu_pop .header-wrapper .left_wrapper .social_wrapper .social-link li,
      .request_pop .header-wrapper .left_wrapper .social_wrapper .social-link li {
        height: 70px;
        position: relative; }
        header .header-wrapper .left_wrapper .social_wrapper .social-link li.partner,
        .menu_pop .header-wrapper .left_wrapper .social_wrapper .social-link li.partner,
        .request_pop .header-wrapper .left_wrapper .social_wrapper .social-link li.partner {
          position: relative;
          width: 53px;
          left: -80%; }
        header .header-wrapper .left_wrapper .social_wrapper .social-link li a,
        .menu_pop .header-wrapper .left_wrapper .social_wrapper .social-link li a,
        .request_pop .header-wrapper .left_wrapper .social_wrapper .social-link li a {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 100%;
          text-decoration: none;
          font-style: normal;
          font-weight: 600;
          line-height: 16px;
          font-size: 10px;
          letter-spacing: 0.1em;
          text-transform: uppercase;
          color: #FFFFFF; }
          header .header-wrapper .left_wrapper .social_wrapper .social-link li a span,
          .menu_pop .header-wrapper .left_wrapper .social_wrapper .social-link li a span,
          .request_pop .header-wrapper .left_wrapper .social_wrapper .social-link li a span {
            transform: rotate(-90deg);
            display: flex;
            align-items: flex-start;
            line-height: 0;
            height: 10px;
            text-shadow: 0 0 6px rgba(0, 0, 0, 0.4); }
          header .header-wrapper .left_wrapper .social_wrapper .social-link li a:after,
          .menu_pop .header-wrapper .left_wrapper .social_wrapper .social-link li a:after,
          .request_pop .header-wrapper .left_wrapper .social_wrapper .social-link li a:after {
            content: '';
            display: block;
            width: 0.5px;
            height: 0;
            background: #FFFFFF;
            position: absolute;
            top: 6%;
            left: 14px;
            transform: rotate(-180deg);
            transition: height 0.15s cubic-bezier(0.475, 0.425, 0, 0.995); }
          header .header-wrapper .left_wrapper .social_wrapper .social-link li a:hover:after,
          .menu_pop .header-wrapper .left_wrapper .social_wrapper .social-link li a:hover:after,
          .request_pop .header-wrapper .left_wrapper .social_wrapper .social-link li a:hover:after {
            height: 90%; }
        header .header-wrapper .left_wrapper .social_wrapper .social-link li:nth-child(2),
        .menu_pop .header-wrapper .left_wrapper .social_wrapper .social-link li:nth-child(2),
        .request_pop .header-wrapper .left_wrapper .social_wrapper .social-link li:nth-child(2) {
          margin: 30px 0; }

.request_pop .header-wrapper .header-wrapper_right .tel a {
  color: #0D0D0D; }

.request_pop .header-wrapper .header-wrapper_right .request #requestHide {
  color: #0D0D0D; }
  .request_pop .header-wrapper .header-wrapper_right .request #requestHide span:last-child {
    color: #0D0D0D; }

.request_pop .header-wrapper .left_wrapper .leng_wrapper .leng-link {
  opacity: 0; }
  .request_pop .header-wrapper .left_wrapper .leng_wrapper .leng-link li a {
    color: #0D0D0D; }
    .request_pop .header-wrapper .left_wrapper .leng_wrapper .leng-link li a span {
      text-shadow: 0 0 6px rgba(255, 255, 255, 0.4); }

.request_pop .header-wrapper .left_wrapper .social_wrapper .social-link li a {
  color: #0D0D0D; }
  .request_pop .header-wrapper .left_wrapper .social_wrapper .social-link li a span {
    text-shadow: 0 0 6px rgba(255, 255, 255, 0.4); }
  .request_pop .header-wrapper .left_wrapper .social_wrapper .social-link li a:after {
    background: #0D0D0D; }

header.header_white {
  background: #FFFFFF; }
  header.header_white .header-wrapper .header-wrapper_left .main-logo a svg path {
    fill: #0D0D0D; }
  header.header_white .header-wrapper .header-wrapper_left .btn-box #btn span {
    background: #0D0D0D; }
  header.header_white .header-wrapper .header-wrapper_right .tel a {
    color: #0D0D0D; }
  header.header_white .header-wrapper .header-wrapper_right #request {
    color: #0D0D0D; }
    header.header_white .header-wrapper .header-wrapper_right #request span:last-child {
      color: #0D0D0D; }
  header.header_white .header-wrapper .left_wrapper .leng_wrapper .leng-link {
    opacity: 0; }
    header.header_white .header-wrapper .left_wrapper .leng_wrapper .leng-link li a {
      color: #0D0D0D; }
      header.header_white .header-wrapper .left_wrapper .leng_wrapper .leng-link li a span {
        text-shadow: 0 0 6px rgba(255, 255, 255, 0.4); }
  header.header_white .header-wrapper .left_wrapper .social_wrapper .social-link li a {
    color: #0D0D0D; }
    header.header_white .header-wrapper .left_wrapper .social_wrapper .social-link li a span {
      text-shadow: 0 0 6px rgba(255, 255, 255, 0.4); }
    header.header_white .header-wrapper .left_wrapper .social_wrapper .social-link li a:after {
      background: #0D0D0D; }

#btn,
#btn2 {
  background: transparent;
  border: none;
  min-width: 39px;
  padding: 0;
  margin: 0;
  margin-top: 6px; }
  #btn span,
  #btn2 span {
    background: #FFFFFF; }
  #btn span:first-child,
  #btn span:last-child,
  #btn2 span:first-child,
  #btn2 span:last-child {
    transition: width 0.5s cubic-bezier(0.475, 0.425, 0, 0.995);
    display: block;
    width: 27px;
    height: 2px; }
  #btn span:nth-child(2),
  #btn2 span:nth-child(2) {
    transition: width 0.5s cubic-bezier(0.475, 0.425, 0, 0.995);
    display: block;
    width: 39px;
    height: 2px;
    margin: 4px 0; }
  #btn:hover span:first-child,
  #btn:hover span:last-child,
  #btn2:hover span:first-child,
  #btn2:hover span:last-child {
    transition: width 0.5s cubic-bezier(0.475, 0.425, 0, 0.995);
    width: 39px; }
  #btn:hover span:nth-child(2),
  #btn2:hover span:nth-child(2) {
    transition: width 0.5s cubic-bezier(0.475, 0.425, 0, 0.995); }

#btn2 span {
  background: #0D0D0D; }

.btn2_show {
  width: 30px;
  min-width: 30px !important;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 0 !important;
  transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995) !important; }
  .btn2_show span:first-child {
    position: absolute;
    transform: rotate(45deg);
    width: 30px !important;
    margin: 0 !important;
    transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995) !important; }
  .btn2_show span:last-child {
    position: absolute;
    transform: rotate(-45deg);
    width: 30px !important;
    margin: 0 !important;
    transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995) !important; }
  .btn2_show:hover span:first-child {
    transform: rotate(135deg) !important;
    transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995) !important; }
  .btn2_show:hover span:last-child {
    transform: rotate(-135deg) !important;
    transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995) !important; }

#btnHide {
  display: flex;
  border: none;
  align-items: center;
  justify-content: center;
  background: transparent;
  padding: 0;
  width: 30px;
  height: 30px; }
  #btnHide span {
    width: 30px;
    height: 2px;
    background: #FFFFFF; }
  #btnHide span:first-child {
    position: absolute;
    transform: rotate(45deg);
    transition: all 0.5s cubic-bezier(0.475, 0.425, 0, 0.995); }
  #btnHide span:last-child {
    position: absolute;
    transform: rotate(-45deg);
    transition: all 0.5s cubic-bezier(0.475, 0.425, 0, 0.995); }
  #btnHide:hover span:first-child {
    transform: rotate(135deg);
    transition: all 0.5s cubic-bezier(0.475, 0.425, 0, 0.995); }
  #btnHide:hover span:last-child {
    transform: rotate(-135deg);
    transition: all 0.5s cubic-bezier(0.475, 0.425, 0, 0.995); }

.h1 {
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 78px; }

.h3 {
  font-style: normal;
  font-weight: 600;
  line-height: 86px;
  font-size: 59px; }

.bread_crumbs {
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #141414; }

div#main {
  padding-top: 84px;
  width: 100vw; }
  div#main .main-wrapper {
    border: 1px dotted grey;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto; }

.video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: -84px;
  min-height: calc(100vh + 84px); }
  .video .jarallax {
    position: absolute;
    width: 100%;
    height: 100%; }
  .video .bg {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8); }

section.front_01 {
  width: 100%;
  height: calc(100vh - 84px);
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-content: space-evenly;
  justify-content: center;
  margin-top: -84px;
  padding-top: 84px;
  overflow: hidden; }
  section.front_01 .home-logo {
    width: 100%;
    max-width: 80vw;
    text-align: center;
    z-index: 2; }
  section.front_01 .description {
    z-index: 2;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    section.front_01 .description .description--p {
      max-width: 64vw;
      font-style: normal;
      font-weight: 500;
      line-height: 1.4;
      font-size: 27px;
      color: #FFFFFF;
      margin-right: 11vw;
      font-family: "Montserrat", sans-serif; }
      section.front_01 .description .description--p h1 {
        font-family: "Montserrat", sans-serif;
        color: #FFFFFF; }

section.front_02 {
  width: 100%;
  position: relative;
  background: #0D0D0D url("/themes/clean/img/grid.svg"); }
  section.front_02 #nokey {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1; }
  section.front_02 .description {
    margin: 65px 5vw 0 auto;
    width: 100%;
    max-width: 80vw;
    z-index: 99; }
    section.front_02 .description .title {
      width: 100%;
      height: 20vh;
      display: flex;
      align-items: center; }
      section.front_02 .description .title h3 {
        font-style: normal;
        font-weight: 700;
        line-height: 1;
        font-size: 60px;
        color: #FFFFFF; }
    section.front_02 .description .number-wrapper {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      section.front_02 .description .number-wrapper .number_box {
        max-width: 260px;
        display: flex;
        flex-direction: column; }
        section.front_02 .description .number-wrapper .number_box span:first-child {
          font-weight: 500;
          line-height: 0.5;
          font-size: 35px;
          text-align: right;
          color: #FFFFFF;
          height: 18px;
          transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
        section.front_02 .description .number-wrapper .number_box span:nth-child(2) {
          font-weight: 600;
          font-size: 136px;
          text-transform: uppercase;
          color: #FFFFFF;
          line-height: 0.7;
          transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995);
          min-width: 261px;
          height: 100px;
          display: flex;
          justify-content: flex-end; }
        section.front_02 .description .number-wrapper .number_box span:last-child {
          font-weight: 600;
          font-size: 10px;
          letter-spacing: 0.1em;
          text-transform: uppercase;
          color: #FFFFFF;
          height: 30px;
          display: flex;
          align-items: flex-end;
          justify-content: flex-end;
          transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
      section.front_02 .description .number-wrapper .number-row > div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 70vw;
        margin-right: 5vw;
        height: max-content; }
        section.front_02 .description .number-wrapper .number-row > div .field_promo_nums_display {
          display: flex;
          flex: 49%;
          margin: 0 0 6vh 0; }
        section.front_02 .description .number-wrapper .number-row > div .item-1,
        section.front_02 .description .number-wrapper .number-row > div .item-2 {
          display: flex;
          justify-content: flex-end; }
        section.front_02 .description .number-wrapper .number-row > div .number_flex:hover .number_box span:first-child {
          font-size: 25px;
          transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
        section.front_02 .description .number-wrapper .number-row > div .number_flex:hover .number_box span:nth-child(2) {
          font-size: 150px !important;
          transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
        section.front_02 .description .number-wrapper .number-row > div .number_flex:hover .number_box span:last-child {
          padding-right: 6px;
          transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995);
          letter-spacing: 2px; }

section.front_03 {
  width: 100%;
  margin: 65px auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  overflow: hidden;
  background: #0D0D0D; }
  section.front_03 .description {
    width: 100%;
    max-width: 80vw;
    margin-right: 5vw;
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    align-content: flex-end;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-top: 1px;
    padding-left: 1px; }
    section.front_03 .description .x1 {
      width: calc(156px + 1px); }
    section.front_03 .description .x2 {
      width: calc(312px + 1px); }
    section.front_03 .description .x3 {
      width: calc(468px + 1px);
      font-style: normal;
      font-weight: 600;
      font-size: 59px;
      text-transform: capitalize; }
    section.front_03 .description .x1, section.front_03 .description .x2, section.front_03 .description .x3 {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: -1px;
      margin-left: -1px;
      border: 1px solid #313131;
      box-sizing: border-box;
      transition: all 0.2s;
      height: 156px; }
      section.front_03 .description .x1:hover, section.front_03 .description .x2:hover, section.front_03 .description .x3:hover {
        box-shadow: 0 0 15px -2px #E5E5E5; }

section.front_service {
  width: 100%;
  margin: 65px auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  overflow: hidden;
  background: #0D0D0D; }
  section.front_service #accordion .title {
    position: relative;
    font-family: "Roboto", sans-serif;
    font-size: 60px;
    font-weight: bold;
    color: #FFFFFF;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 8px 0 30px 0;
    border-top: 1px solid #e5e5e5;
    transition: all 0.5s ease-out;
    padding-left: 80px; }
    section.front_service #accordion .title .field_slogan {
      font-size: 20px;
      font-weight: bold;
      opacity: 0;
      transition: all 0.5s ease-out; }
    section.front_service #accordion .title .num {
      font-weight: 100;
      position: absolute;
      left: 0; }
    section.front_service #accordion .title.ui-state-active {
      background: #373737; }
      section.front_service #accordion .title.ui-state-active .field_slogan {
        opacity: 1;
        transition: all 2s ease-out; }
    section.front_service #accordion .title.ui-state-hover {
      background: #373737; }
  section.front_service #accordion .accordion-content {
    border: 0;
    background: transparent;
    font-size: 20px;
    font-weight: normal;
    color: #FFFFFF;
    display: flex;
    justify-content: flex-end; }
    section.front_service #accordion .accordion-content .content {
      max-width: 660px; }
      section.front_service #accordion .accordion-content .content .more {
        float: right;
        color: #FF5C5C;
        text-decoration: none;
        position: relative; }
        section.front_service #accordion .accordion-content .content .more:before {
          content: '';
          display: block;
          width: 0;
          height: 1px;
          background: rgba(255, 255, 255, 0.5);
          transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995);
          position: absolute;
          bottom: 0;
          right: 0px;
          transform: rotate(180deg); }
        section.front_service #accordion .accordion-content .content .more:hover {
          transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995); }
          section.front_service #accordion .accordion-content .content .more:hover:before {
            width: 80%;
            transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995); }
  section.front_service #accordion .item-1 .title {
    border-color: #FF5C5C; }
    section.front_service #accordion .item-1 .title span {
      color: #FF5C5C; }
  section.front_service #accordion .item-1 .accordion-content .more {
    color: #FF5C5C; }
  section.front_service #accordion .item-2 .title {
    border-color: #FFEB35; }
    section.front_service #accordion .item-2 .title span {
      color: #FFEB35; }
  section.front_service #accordion .item-2 .accordion-content .more {
    color: #FFEB35; }
  section.front_service #accordion .item-3 .title {
    border-color: #4FCBBC; }
    section.front_service #accordion .item-3 .title span {
      color: #4FCBBC; }
  section.front_service #accordion .item-3 .accordion-content .more {
    color: #4FCBBC; }
  section.front_service #accordion .item-4 .title {
    border-color: #D554F5; }
    section.front_service #accordion .item-4 .title span {
      color: #D554F5; }
  section.front_service #accordion .item-4 .accordion-content .more {
    color: #D554F5; }
  section.front_service #accordion .item-5 .title {
    border-color: #3C9CD7; }
    section.front_service #accordion .item-5 .title span {
      color: #3C9CD7; }
  section.front_service #accordion .item-5 .accordion-content .more {
    color: #3C9CD7; }
  section.front_service #accordion .ui-icon {
    position: absolute;
    right: 10px;
    top: 30%;
    transition: all 0.2s ease-out; }
    section.front_service #accordion .ui-icon.iconOpen {
      background: url("/themes/clean/img/arrow_u.svg") no-repeat;
      width: 23px;
      height: 31px; }
    section.front_service #accordion .ui-icon.iconClosed {
      background: url("/themes/clean/img/arrow_d.svg") no-repeat;
      width: 23px;
      height: 31px; }
  section.front_service .front_service_wrapper {
    width: 100%;
    max-width: 80vw;
    margin-right: 5vw; }
    section.front_service .front_service_wrapper .front_service_link {
      width: 100%;
      height: 100%;
      min-height: 50vh;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #FFFFFF;
      text-decoration: none;
      background: #171717;
      position: relative;
      transition: all 1.25s ease-in-out; }
      section.front_service .front_service_wrapper .front_service_link .description_servise {
        display: block;
        width: 100%;
        height: 100%;
        z-index: 99; }
        section.front_service .front_service_wrapper .front_service_link .description_servise span {
          font-style: normal;
          font-weight: 600;
          line-height: 16px;
          font-size: 10px;
          letter-spacing: 0.1em;
          text-transform: uppercase;
          color: #FFFFFF;
          margin: 4% 0 0 8%;
          display: block; }
        section.front_service .front_service_wrapper .front_service_link .description_servise h3 {
          color: #FFFFFF;
          margin: 4% 0 0 8%;
          width: max-content;
          max-width: 90%;
          position: relative; }
          section.front_service .front_service_wrapper .front_service_link .description_servise h3:after {
            content: ' ';
            display: block;
            width: 0;
            height: 2px;
            background: #FFFFFF;
            transition: all 1.25s ease-in-out;
            position: absolute;
            bottom: 14px; }
        section.front_service .front_service_wrapper .front_service_link .description_servise p {
          max-width: 40%;
          margin: 2% 0 8% 8%;
          font-style: normal;
          font-weight: normal;
          line-height: 34px;
          font-size: 20px;
          letter-spacing: 0.03em;
          color: #FFFFFF; }
        section.front_service .front_service_wrapper .front_service_link .description_servise:after {
          content: '';
          display: block;
          width: 70%;
          height: 120%;
          position: absolute;
          top: -10%;
          left: 40%;
          transition: all 1.25s ease-in-out; }
      section.front_service .front_service_wrapper .front_service_link .background_servise {
        width: 60%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0; }
        section.front_service .front_service_wrapper .front_service_link .background_servise:before {
          content: '';
          width: 100%;
          height: 100%;
          position: absolute;
          background: url("../img/dbgb.png");
          opacity: .85; }
      section.front_service .front_service_wrapper .front_service_link .front_service_button {
        position: absolute;
        z-index: 999;
        right: 15%;
        bottom: 10%;
        display: flex;
        align-items: center; }
        section.front_service .front_service_wrapper .front_service_link .front_service_button .read {
          font-style: normal;
          font-weight: 600;
          line-height: 16px;
          font-size: 10px;
          letter-spacing: 0.1em;
          text-transform: uppercase;
          color: #FFFFFF; }
          section.front_service .front_service_wrapper .front_service_link .front_service_button .read:after {
            content: ' ';
            display: block;
            width: 0;
            height: 1px;
            background: #FFFFFF;
            position: absolute;
            left: 86px;
            bottom: 8px;
            transition: all 1.25s ease-in-out; }
        section.front_service .front_service_wrapper .front_service_link .front_service_button .line {
          width: 7px;
          height: 7px;
          border-top: 1px solid #FFFFFF;
          border-right: 1px solid #FFFFFF;
          transform: rotate(45deg);
          position: absolute;
          right: -36px;
          transition: all 1.25s ease-in-out; }
    section.front_service .front_service_wrapper .service_web {
      transition: all 1.25s ease-in-out; }
      section.front_service .front_service_wrapper .service_web .description_servise:after {
        background: url("../img/W___w.png");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: contain;
        transition: all 1.25s ease-in-out; }
      section.front_service .front_service_wrapper .service_web .background_servise {
        transition: all 1.25s ease-in-out; }
    section.front_service .front_service_wrapper .service_bot {
      transition: all 1.25s ease-in-out; }
      section.front_service .front_service_wrapper .service_bot .description_servise:after {
        background: url("../img/W___w.png");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: contain;
        transition: all 1.25s ease-in-out; }
      section.front_service .front_service_wrapper .service_bot .background_servise {
        transition: all 1.25s ease-in-out; }
    section.front_service .front_service_wrapper .service_seo {
      transition: all 1.25s ease-in-out; }
      section.front_service .front_service_wrapper .service_seo .description_servise:after {
        background: url("../img/S.png");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: contain;
        transition: all 1.25s ease-in-out; }
      section.front_service .front_service_wrapper .service_seo .background_servise {
        transition: all 1.25s ease-in-out; }
    section.front_service .front_service_wrapper .service_ppc {
      transition: all 1.25s ease-in-out; }
      section.front_service .front_service_wrapper .service_ppc .description_servise:after {
        background: url("../img/P.png");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: contain;
        transition: all 1.25s ease-in-out; }
      section.front_service .front_service_wrapper .service_ppc .background_servise {
        transition: all 1.25s ease-in-out; }
    section.front_service .front_service_wrapper .service_smm {
      transition: all 1.25s ease-in-out; }
      section.front_service .front_service_wrapper .service_smm .description_servise:after {
        background: url("../img/S.png");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: contain;
        transition: all 1.25s ease-in-out; }
      section.front_service .front_service_wrapper .service_smm .background_servise {
        transition: all 1.25s ease-in-out; }
    section.front_service .front_service_wrapper .service_complex {
      transition: all 1.25s ease-in-out; }
      section.front_service .front_service_wrapper .service_complex .description_servise:after {
        background: url("../img/C.png");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: contain;
        transition: all 1.25s ease-in-out; }
      section.front_service .front_service_wrapper .service_complex .background_servise {
        transition: all 1.25s ease-in-out; }
    section.front_service .front_service_wrapper .front_service_link:hover {
      transition: all 1.25s ease-in-out; }
      section.front_service .front_service_wrapper .front_service_link:hover .description_servise {
        transition: all 1.25s ease-in-out; }
        section.front_service .front_service_wrapper .front_service_link:hover .description_servise h3:after {
          transition: all 1.25s ease-in-out;
          width: 100%; }
        section.front_service .front_service_wrapper .front_service_link:hover .description_servise:after {
          width: 72%;
          height: 122%;
          background-position-x: 10px;
          transition: all 1.25s ease-in-out; }
      section.front_service .front_service_wrapper .front_service_link:hover .background_servise {
        background-position: top center;
        transition: all 1.25s ease-in-out;
        width: 61%; }
      section.front_service .front_service_wrapper .front_service_link:hover .front_service_button {
        transition: all 1.25s ease-in-out; }
        section.front_service .front_service_wrapper .front_service_link:hover .front_service_button .line {
          transition: all 1.25s ease-in-out;
          right: -76px; }
        section.front_service .front_service_wrapper .front_service_link:hover .front_service_button .read:after {
          transition: all 1.25s ease-in-out;
          width: 48px; }

.last_service {
  position: relative; }
  .last_service:after {
    content: '';
    display: block;
    width: 1px;
    height: 100px;
    background: #FFFFFF;
    position: absolute;
    bottom: 0px;
    left: 50%; }
  .last_service:before {
    content: '';
    display: block;
    width: 3px;
    height: 6px;
    border-top: 4px solid #0D0D0D;
    border-bottom: 4px solid #0D0D0D;
    background: transparent;
    position: absolute;
    z-index: 9;
    bottom: 148px;
    left: calc(50% - 1px);
    animation-name: dot2;
    animation: dot2 2s infinite ease-in-out;
    animation-direction: alternate; }

section.front_clients {
  width: 100%;
  height: 50vh;
  min-height: 600px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  overflow: hidden;
  color: #0D0D0D;
  background: #ECECEB; }
  section.front_clients .front_clients_wrapper {
    width: 100%;
    max-width: 66vw;
    margin-right: 10vw;
    height: 100%;
    color: #0D0D0D;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
    section.front_clients .front_clients_wrapper .title {
      width: 100%;
      height: max-content;
      display: flex;
      align-items: center; }
    section.front_clients .front_clients_wrapper .icon_wrapper {
      width: 100%;
      min-height: 30%;
      height: max-content;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between; }
      section.front_clients .front_clients_wrapper .icon_wrapper .icon_box {
        display: flex;
        align-items: center;
        width: 33%;
        justify-content: flex-end; }
        section.front_clients .front_clients_wrapper .icon_wrapper .icon_box img {
          width: 50%;
          height: auto;
          transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
        section.front_clients .front_clients_wrapper .icon_wrapper .icon_box:nth-child(4), section.front_clients .front_clients_wrapper .icon_wrapper .icon_box:nth-child(5), section.front_clients .front_clients_wrapper .icon_wrapper .icon_box:last-child {
          justify-content: flex-start; }
    section.front_clients .front_clients_wrapper .multiple-items .slick-slide img {
      margin: 0 auto; }
    section.front_clients .front_clients_wrapper .multiple-items .slick-dots {
      margin-top: 60px;
      display: flex;
      align-items: center;
      justify-content: center; }
      section.front_clients .front_clients_wrapper .multiple-items .slick-dots li button {
        font-size: 0;
        padding: 0;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        border: 1px solid transparent;
        margin: 0 8px;
        background: rgba(13, 13, 13, 0.35); }
      section.front_clients .front_clients_wrapper .multiple-items .slick-dots li.slick-active button {
        width: 14px;
        height: 14px;
        border: 2px solid rgba(13, 13, 13, 0.35);
        background: transparent; }
  section.front_clients .front_clients_wrapper:hover {
    transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
    section.front_clients .front_clients_wrapper:hover .icon_box img {
      width: 55%;
      transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }

section.front_form {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  color: #0D0D0D;
  background: #FFFFFF; }
  section.front_form .form-box {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    section.front_form .form-box .form-box_wrapper {
      width: 100%;
      max-width: 66vw;
      margin-right: 10vw;
      position: relative;
      box-sizing: border-box; }
      section.front_form .form-box .form-box_wrapper h3 {
        font-style: normal;
        font-weight: 600;
        font-size: 59px;
        line-height: 86px;
        color: #0D0D0D;
        margin-bottom: 44px; }
      section.front_form .form-box .form-box_wrapper form {
        position: relative;
        box-sizing: border-box; }
        section.front_form .form-box .form-box_wrapper form #edit-markup--2 {
          font-style: normal;
          font-weight: normal;
          font-size: 14px;
          line-height: 24px;
          color: #0D0D0D;
          margin: 0 0 51px 0; }
        section.front_form .form-box .form-box_wrapper form #edit-flexbox--2,
        section.front_form .form-box .form-box_wrapper form #edit-flexbox-01--2,
        section.front_form .form-box .form-box_wrapper form #edit-flexbox-03--2 {
          margin: 7px 0 0 0;
          position: relative;
          width: 100%;
          display: flex;
          justify-content: space-between; }
          section.front_form .form-box .form-box_wrapper form #edit-flexbox--2 .webform-flex,
          section.front_form .form-box .form-box_wrapper form #edit-flexbox-01--2 .webform-flex,
          section.front_form .form-box .form-box_wrapper form #edit-flexbox-03--2 .webform-flex {
            margin: 0;
            max-width: 48%; }
            section.front_form .form-box .form-box_wrapper form #edit-flexbox--2 .webform-flex .webform-flex--container,
            section.front_form .form-box .form-box_wrapper form #edit-flexbox-01--2 .webform-flex .webform-flex--container,
            section.front_form .form-box .form-box_wrapper form #edit-flexbox-03--2 .webform-flex .webform-flex--container {
              margin: 0; }
            section.front_form .form-box .form-box_wrapper form #edit-flexbox--2 .webform-flex input,
            section.front_form .form-box .form-box_wrapper form #edit-flexbox-01--2 .webform-flex input,
            section.front_form .form-box .form-box_wrapper form #edit-flexbox-03--2 .webform-flex input {
              border: none;
              border-bottom: 1px solid #C4C4C4;
              height: 41px;
              box-sizing: border-box; }
            section.front_form .form-box .form-box_wrapper form #edit-flexbox--2 .webform-flex input[placeholder],
            section.front_form .form-box .form-box_wrapper form #edit-flexbox--2 .webform-flex input::placeholder,
            section.front_form .form-box .form-box_wrapper form #edit-flexbox-01--2 .webform-flex input[placeholder],
            section.front_form .form-box .form-box_wrapper form #edit-flexbox-01--2 .webform-flex input::placeholder,
            section.front_form .form-box .form-box_wrapper form #edit-flexbox-03--2 .webform-flex input[placeholder],
            section.front_form .form-box .form-box_wrapper form #edit-flexbox-03--2 .webform-flex input::placeholder {
              font-family: "Montserrat", sans-serif;
              font-style: normal;
              font-weight: normal;
              font-size: 18px;
              line-height: 31px;
              color: #B3B3B3;
              box-sizing: border-box;
              padding: 0 0 0 2px;
              height: 50px; }
        section.front_form .form-box .form-box_wrapper form #edit-flexbox-03--2 .webform-flex {
          max-width: 100%; }
        section.front_form .form-box .form-box_wrapper form #edit-flexbox-02--2 {
          margin: 7px 0 0 0;
          width: 100%;
          display: flex;
          justify-content: space-between; }
          section.front_form .form-box .form-box_wrapper form #edit-flexbox-02--2 .webform-flex {
            margin: 0;
            max-width: 48%; }
            section.front_form .form-box .form-box_wrapper form #edit-flexbox-02--2 .webform-flex .webform-flex--container {
              margin: 0; }
              section.front_form .form-box .form-box_wrapper form #edit-flexbox-02--2 .webform-flex .webform-flex--container select {
                border: none;
                border-bottom: 1px solid #C4C4C4;
                box-sizing: border-box;
                background: #FFFFFF;
                font-family: "Montserrat", sans-serif;
                font-style: normal;
                font-weight: normal;
                font-size: 18px;
                line-height: 31px;
                color: #B3B3B3;
                padding: 0;
                height: 50px; }
                section.front_form .form-box .form-box_wrapper form #edit-flexbox-02--2 .webform-flex .webform-flex--container select option {
                  font-family: "Montserrat", sans-serif;
                  font-style: normal;
                  font-weight: normal;
                  font-size: 18px;
                  line-height: 31px;
                  color: #B3B3B3;
                  box-sizing: border-box; }
        section.front_form .form-box .form-box_wrapper form .js-form-type-checkbox {
          margin: 70px 0 0 0;
          width: 48%;
          display: flex;
          align-items: center; }
          section.front_form .form-box .form-box_wrapper form .js-form-type-checkbox input {
            position: absolute;
            z-index: -1;
            opacity: 0;
            margin: 10px 0 0 20px; }
          section.front_form .form-box .form-box_wrapper form .js-form-type-checkbox input + label {
            position: relative;
            padding: 0 0 0 30px;
            cursor: pointer; }
          section.front_form .form-box .form-box_wrapper form .js-form-type-checkbox input + label:before {
            content: '';
            position: absolute;
            top: 0px;
            left: 0;
            width: 20px;
            height: 20px;
            border-radius: 1px;
            background: #FFFFFF;
            border: 1px solid #C4C4C4; }
          section.front_form .form-box .form-box_wrapper form .js-form-type-checkbox input + label:after {
            content: '';
            position: absolute;
            top: 2px;
            left: -3px;
            width: 18px;
            height: 8px;
            background: transparent;
            display: none;
            border-top: 3px solid grey;
            border-right: 3px solid grey;
            transform: rotate(130deg); }
          section.front_form .form-box .form-box_wrapper form .js-form-type-checkbox input:checked + label:after {
            display: block; }
          section.front_form .form-box .form-box_wrapper form .js-form-type-checkbox label {
            font-family: "Montserrat", sans-serif;
            font-style: normal;
            font-weight: normal;
            font-size: 12px;
            line-height: 20px;
            color: #0D0D0D; }
        section.front_form .form-box .form-box_wrapper form .captcha .js-form-item {
          max-width: 50%; }
          section.front_form .form-box .form-box_wrapper form .captcha .js-form-item .js-form-required {
            font-family: "Montserrat", sans-serif;
            font-style: normal;
            font-weight: normal;
            font-size: 12px;
            line-height: 20px;
            color: #0D0D0D; }
          section.front_form .form-box .form-box_wrapper form .captcha .js-form-item .field-prefix {
            font-family: "Montserrat", sans-serif;
            font-style: normal;
            font-weight: normal;
            font-size: 12px;
            line-height: 20px;
            color: #0D0D0D; }
          section.front_form .form-box .form-box_wrapper form .captcha .js-form-item .description {
            font-family: "Montserrat", sans-serif;
            font-style: normal;
            font-weight: normal;
            font-size: 12px;
            line-height: 20px;
            color: #0D0D0D; }
        section.front_form .form-box .form-box_wrapper form .captcha .js-form-item > input {
          border: 1px solid #C4C4C4;
          font-family: "Montserrat", sans-serif;
          font-style: normal;
          font-weight: normal;
          font-size: 12px;
          line-height: 20px;
          color: #0D0D0D;
          padding: 0 5px; }
        section.front_form .form-box .form-box_wrapper form .form-actions {
          width: 48%; }
          section.front_form .form-box .form-box_wrapper form .form-actions input {
            padding: 0;
            border: none;
            width: 100%;
            height: 50px;
            background: #0D0D0D;
            color: #FFFFFF;
            font-family: "Montserrat", sans-serif;
            font-style: normal;
            font-weight: bold;
            font-size: 14px;
            line-height: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 0; }

.request_pop {
  display: flex;
  align-items: flex-end;
  flex-direction: column; }
  .request_pop .form-box {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start !important;
    justify-content: flex-end;
    flex-direction: column;
    max-width: 66vw;
    margin-right: 10vw;
    position: relative;
    box-sizing: border-box; }
    .request_pop .form-box h3 {
      font-style: normal;
      font-weight: 600;
      font-size: 59px;
      line-height: 86px;
      color: #0D0D0D;
      margin-bottom: 44px; }
    .request_pop .form-box form {
      position: relative;
      box-sizing: border-box; }
      .request_pop .form-box form #edit-markup {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 24px;
        color: #0D0D0D;
        margin: 0 0 51px 0; }
      .request_pop .form-box form #edit-flexbox,
      .request_pop .form-box form #edit-flexbox-01,
      .request_pop .form-box form #edit-flexbox-03 {
        margin: 7px 0 0 0;
        position: relative;
        width: 100%;
        display: flex;
        justify-content: space-between; }
        .request_pop .form-box form #edit-flexbox .webform-flex,
        .request_pop .form-box form #edit-flexbox-01 .webform-flex,
        .request_pop .form-box form #edit-flexbox-03 .webform-flex {
          margin: 0;
          max-width: 48%; }
          .request_pop .form-box form #edit-flexbox .webform-flex .webform-flex--container,
          .request_pop .form-box form #edit-flexbox-01 .webform-flex .webform-flex--container,
          .request_pop .form-box form #edit-flexbox-03 .webform-flex .webform-flex--container {
            margin: 0; }
          .request_pop .form-box form #edit-flexbox .webform-flex input,
          .request_pop .form-box form #edit-flexbox-01 .webform-flex input,
          .request_pop .form-box form #edit-flexbox-03 .webform-flex input {
            border: none;
            border-bottom: 1px solid #C4C4C4;
            height: 41px;
            box-sizing: border-box; }
          .request_pop .form-box form #edit-flexbox .webform-flex input[placeholder],
          .request_pop .form-box form #edit-flexbox .webform-flex input::placeholder,
          .request_pop .form-box form #edit-flexbox-01 .webform-flex input[placeholder],
          .request_pop .form-box form #edit-flexbox-01 .webform-flex input::placeholder,
          .request_pop .form-box form #edit-flexbox-03 .webform-flex input[placeholder],
          .request_pop .form-box form #edit-flexbox-03 .webform-flex input::placeholder {
            font-family: "Montserrat", sans-serif;
            font-style: normal;
            font-weight: normal;
            font-size: 18px;
            line-height: 31px;
            color: #B3B3B3;
            box-sizing: border-box;
            padding: 0 0 0 2px;
            height: 50px; }
      .request_pop .form-box form #edit-flexbox-03 .webform-flex {
        max-width: 100%; }
      .request_pop .form-box form #edit-flexbox-02 {
        margin: 7px 0 0 0;
        width: 100%;
        display: flex;
        justify-content: space-between; }
        .request_pop .form-box form #edit-flexbox-02 .webform-flex {
          margin: 0;
          max-width: 48%; }
          .request_pop .form-box form #edit-flexbox-02 .webform-flex .webform-flex--container {
            margin: 0; }
            .request_pop .form-box form #edit-flexbox-02 .webform-flex .webform-flex--container select {
              border: none;
              border-bottom: 1px solid #C4C4C4;
              box-sizing: border-box;
              background: #FFFFFF;
              font-family: "Montserrat", sans-serif;
              font-style: normal;
              font-weight: normal;
              font-size: 18px;
              line-height: 31px;
              color: #B3B3B3;
              padding: 0;
              height: 50px; }
              .request_pop .form-box form #edit-flexbox-02 .webform-flex .webform-flex--container select option {
                font-family: "Montserrat", sans-serif;
                font-style: normal;
                font-weight: normal;
                font-size: 18px;
                line-height: 31px;
                color: #B3B3B3;
                box-sizing: border-box; }
      .request_pop .form-box form .js-form-type-checkbox {
        margin: 50px 0 0 0;
        width: 48%;
        display: flex;
        align-items: center; }
        .request_pop .form-box form .js-form-type-checkbox input {
          position: absolute;
          z-index: -1;
          opacity: 0;
          margin: 10px 0 0 20px; }
        .request_pop .form-box form .js-form-type-checkbox input + label {
          position: relative;
          padding: 0 0 0 30px;
          cursor: pointer; }
        .request_pop .form-box form .js-form-type-checkbox input + label:before {
          content: '';
          position: absolute;
          top: 0px;
          left: 0;
          width: 20px;
          height: 20px;
          border-radius: 1px;
          background: #FFFFFF;
          border: 1px solid #C4C4C4; }
        .request_pop .form-box form .js-form-type-checkbox input + label:after {
          content: '';
          position: absolute;
          top: 2px;
          left: -3px;
          width: 18px;
          height: 8px;
          background: transparent;
          display: none;
          border-top: 3px solid grey;
          border-right: 3px solid grey;
          transform: rotate(130deg); }
        .request_pop .form-box form .js-form-type-checkbox input:checked + label:after {
          display: block; }
        .request_pop .form-box form .js-form-type-checkbox label {
          font-family: "Montserrat", sans-serif;
          font-style: normal;
          font-weight: normal;
          font-size: 12px;
          line-height: 20px;
          color: #0D0D0D; }
      .request_pop .form-box form .captcha .js-form-item {
        max-width: 50%; }
        .request_pop .form-box form .captcha .js-form-item .js-form-required {
          font-family: "Montserrat", sans-serif;
          font-style: normal;
          font-weight: normal;
          font-size: 12px;
          line-height: 20px;
          color: #0D0D0D; }
        .request_pop .form-box form .captcha .js-form-item .field-prefix {
          font-family: "Montserrat", sans-serif;
          font-style: normal;
          font-weight: normal;
          font-size: 12px;
          line-height: 20px;
          color: #0D0D0D; }
        .request_pop .form-box form .captcha .js-form-item .description {
          font-family: "Montserrat", sans-serif;
          font-style: normal;
          font-weight: normal;
          font-size: 12px;
          line-height: 20px;
          color: #0D0D0D; }
      .request_pop .form-box form .captcha .js-form-item > input {
        border: 1px solid #C4C4C4;
        font-family: "Montserrat", sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 20px;
        color: #0D0D0D;
        padding: 0 5px; }
      .request_pop .form-box form .form-actions {
        width: 48%; }
        .request_pop .form-box form .form-actions input {
          padding: 0;
          border: none;
          width: 100%;
          height: 50px;
          background: #0D0D0D;
          color: #FFFFFF;
          font-family: "Montserrat", sans-serif;
          font-style: normal;
          font-weight: bold;
          font-size: 14px;
          line-height: 20px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 0; }

form select {
  border: none;
  border-bottom: 1px solid #C4C4C4;
  box-sizing: border-box;
  background: #FFFFFF;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 31px;
  color: #B3B3B3;
  padding: 0;
  height: 50px; }
  form select option {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 31px;
    color: #B3B3B3;
    box-sizing: border-box; }

section.front_posts {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  overflow: hidden;
  color: #0D0D0D;
  background: #ECECEB; }
  section.front_posts .front_posts_wrapper {
    width: 100%;
    height: calc(100% - 84px);
    max-width: 66vw;
    margin-right: 10vw; }
    section.front_posts .front_posts_wrapper .title_row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 30%; }
      section.front_posts .front_posts_wrapper .title_row .more {
        font-style: normal;
        font-weight: bold;
        line-height: 20px;
        font-size: 14px;
        text-decoration-line: underline;
        color: #0D0D0D; }
    section.front_posts .front_posts_wrapper .content_row {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      height: 70%;
      position: relative; }
      section.front_posts .front_posts_wrapper .content_row .post_box {
        width: 100%;
        max-width: 45%;
        height: 70%; }
        section.front_posts .front_posts_wrapper .content_row .post_box .post_box_link {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          width: 100%;
          height: 100%;
          text-decoration: none;
          color: #0D0D0D; }
          section.front_posts .front_posts_wrapper .content_row .post_box .post_box_link .post_img {
            width: 100%;
            height: auto; }
          section.front_posts .front_posts_wrapper .content_row .post_box .post_box_link .post_data {
            font-style: normal;
            font-weight: normal;
            line-height: 20px;
            font-size: 12px;
            letter-spacing: 0.04em;
            margin-top: 24px; }
          section.front_posts .front_posts_wrapper .content_row .post_box .post_box_link .post_teaser_text {
            font-style: normal;
            font-weight: 500;
            line-height: 26px;
            font-size: 18px;
            margin-top: 11px; }

section.front_description {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  overflow: hidden;
  color: #0D0D0D;
  background: #FFFFFF; }
  section.front_description .front_description_wrapper {
    width: 100%;
    max-width: 66vw;
    margin-right: 10vw; }
    section.front_description .front_description_wrapper .title {
      font-weight: 600;
      line-height: 25px;
      font-size: 16px;
      letter-spacing: 0.03em;
      margin-bottom: 6%; }
    section.front_description .front_description_wrapper .description_content .description_text {
      display: inline-block;
      position: relative;
      columns: 2;
      transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
      section.front_description .front_description_wrapper .description_content .description_text p {
        font-style: normal;
        font-weight: normal;
        line-height: 22px;
        font-size: 14px;
        letter-spacing: 0.03em;
        color: rgba(20, 20, 20, 0.5);
        margin: 0 0 16px 0; }
    section.front_description .front_description_wrapper .description_content .row_text {
      margin: 0 auto;
      text-decoration: none;
      width: 50px;
      height: 50px;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 10%;
      transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
      section.front_description .front_description_wrapper .description_content .row_text:after {
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        border-bottom: 2px solid #0D0D0D;
        border-right: 2px solid #0D0D0D;
        transform: rotate(45deg); }
    section.front_description .front_description_wrapper .description_content .row_text.row_up:after {
      transform: rotate(-135deg); }

section.request_section .request_section_wrapper {
  height: 70vh; }
  section.request_section .request_section_wrapper #frontFooterRequest {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    height: 100%;
    background: url("../img/image9999.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    text-decoration: none; }
    section.request_section .request_section_wrapper #frontFooterRequest span {
      font-style: normal;
      font-weight: 600;
      line-height: 86px;
      font-size: 59px;
      color: #FFFFFF; }
    section.request_section .request_section_wrapper #frontFooterRequest .link_title {
      max-width: 500px; }
      section.request_section .request_section_wrapper #frontFooterRequest .link_title span {
        position: relative;
        display: flex;
        width: max-content; }
        section.request_section .request_section_wrapper #frontFooterRequest .link_title span:after {
          content: '';
          display: block;
          width: 0px;
          height: 1px;
          background: #FFFFFF;
          transition: all 1s cubic-bezier(0.475, 0.425, 0, 0.995);
          position: absolute;
          bottom: 14px; }
    section.request_section .request_section_wrapper #frontFooterRequest .link_icon {
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 70px; }
      section.request_section .request_section_wrapper #frontFooterRequest .link_icon span {
        transition: all 1s cubic-bezier(0.475, 0.425, 0, 0.995);
        line-height: 1;
        font-weight: 200;
        font-size: 60px; }
    section.request_section .request_section_wrapper #frontFooterRequest:hover .link_title span:after {
      width: 100%;
      transition: all 1s cubic-bezier(0.475, 0.425, 0, 0.995); }
    section.request_section .request_section_wrapper #frontFooterRequest:hover .link_icon span {
      transition: all 1s cubic-bezier(0.475, 0.425, 0, 0.995);
      transform: rotate(360deg);
      font-size: 120px;
      font-weight: 100; }

section.contact {
  width: 100%;
  height: 94vh;
  display: flex;
  align-items: center;
  position: relative; }
  section.contact:after {
    content: '';
    display: block;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: url("../img/image_contact_bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    z-index: -1; }
  section.contact .contact_wrapper {
    width: 100%;
    max-width: 62vw;
    margin-left: 22vw;
    margin-right: 16vw; }
    section.contact .contact_wrapper .title {
      font-style: normal;
      font-weight: bold;
      font-size: 78px;
      line-height: normal;
      color: #FFFFFF; }
    section.contact .contact_wrapper .description {
      margin-top: 84px;
      display: flex;
      flex-direction: column;
      font-style: normal;
      font-weight: 500;
      font-size: 12px;
      line-height: 19px;
      letter-spacing: 0.03em; }
      section.contact .contact_wrapper .description a {
        text-decoration: none;
        color: #FFFFFF; }
      section.contact .contact_wrapper .description a.mail {
        text-decoration: underline;
        margin: 16px 0; }

section.map_section {
  width: 100%;
  height: 80vh; }

.menu_pop {
  width: 0;
  position: fixed;
  overflow: hidden; }
  .menu_pop .menu_pop_wrapper .menu_box .content ul li a {
    color: #FFFFFF; }

.menu_pop_active {
  transition: width 0.15s cubic-bezier(0.475, 0.425, 0, 0.995);
  width: 100vw;
  background: #0D0D0D;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden; }
  .menu_pop_active .header-wrapper .menu_pop_bg_logo {
    width: 100%;
    position: absolute;
    top: calc( 50vh - 170px);
    z-index: -1; }
    .menu_pop_active .header-wrapper .menu_pop_bg_logo svg {
      width: 100%;
      height: auto;
      opacity: .9;
      transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
      .menu_pop_active .header-wrapper .menu_pop_bg_logo svg path {
        transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
    .menu_pop_active .header-wrapper .menu_pop_bg_logo:hover svg {
      transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995);
      opacity: 1; }
      .menu_pop_active .header-wrapper .menu_pop_bg_logo:hover svg path:nth-child(odd) {
        transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995);
        fill: #FFFFFF; }
      .menu_pop_active .header-wrapper .menu_pop_bg_logo:hover svg path:nth-child(even) {
        transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995);
        fill: #EB5656; }
  .menu_pop_active .header-wrapper .header-wrapper_right .tel .tel--desktop {
    position: relative; }
    .menu_pop_active .header-wrapper .header-wrapper_right .tel .tel--desktop:after {
      content: '';
      display: block;
      width: 0;
      height: 1px;
      background: rgba(255, 255, 255, 0.75);
      position: absolute;
      left: -6px;
      bottom: -6px;
      transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
    .menu_pop_active .header-wrapper .header-wrapper_right .tel .tel--desktop:before {
      content: '';
      display: block;
      width: 0;
      height: 1px;
      background: rgba(255, 255, 255, 0.75);
      position: absolute;
      top: -6px;
      right: -6px;
      transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
    .menu_pop_active .header-wrapper .header-wrapper_right .tel .tel--desktop:hover {
      transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
      .menu_pop_active .header-wrapper .header-wrapper_right .tel .tel--desktop:hover:after {
        width: 40%;
        transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
      .menu_pop_active .header-wrapper .header-wrapper_right .tel .tel--desktop:hover:before {
        width: 20%;
        transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
  .menu_pop_active .header-wrapper .header-wrapper_right .request {
    position: relative; }
    .menu_pop_active .header-wrapper .header-wrapper_right .request span {
      transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
    .menu_pop_active .header-wrapper .header-wrapper_right .request span:last-child {
      display: flex;
      align-items: center;
      justify-content: center;
      height: max-content;
      line-height: inherit;
      transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
    .menu_pop_active .header-wrapper .header-wrapper_right .request:after {
      content: '';
      display: block;
      width: 0;
      height: 1px;
      background: #FFFFFF;
      transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
  .menu_pop_active .header-wrapper .header-wrapper_right .request:hover:after {
    transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995);
    width: 50%; }
  .menu_pop_active .header-wrapper .header-wrapper_right .request:hover span:first-child {
    text-decoration: none !important;
    transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
  .menu_pop_active .menu_pop_wrapper {
    width: 100%;
    height: 75vh;
    max-width: 781px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 9; }
    .menu_pop_active .menu_pop_wrapper .menu_box .content ul {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      max-height: 400px; }
      .menu_pop_active .menu_pop_wrapper .menu_box .content ul li {
        width: 100%;
        max-width: 530px;
        min-width: 160px;
        height: 52px;
        margin: 0 0 15px 0;
        display: flex;
        align-items: center; }
        .menu_pop_active .menu_pop_wrapper .menu_box .content ul li a {
          text-decoration: none;
          font-style: normal;
          font-weight: 500;
          line-height: 51px;
          font-size: 34px;
          color: #FFFFFF;
          transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995);
          position: relative; }
          .menu_pop_active .menu_pop_wrapper .menu_box .content ul li a:after {
            content: '';
            display: block;
            width: 0;
            height: 1px;
            background: rgba(255, 255, 255, 0.75);
            position: absolute;
            left: 0;
            bottom: 0;
            transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
          .menu_pop_active .menu_pop_wrapper .menu_box .content ul li a:before {
            content: '';
            display: block;
            width: 0;
            height: 1px;
            background: rgba(255, 255, 255, 0.75);
            position: absolute;
            top: 0;
            right: -6px;
            transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
          .menu_pop_active .menu_pop_wrapper .menu_box .content ul li a:hover {
            padding-left: 6px;
            transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995);
            color: rgba(255, 255, 255, 0.75); }
            .menu_pop_active .menu_pop_wrapper .menu_box .content ul li a:hover:after {
              width: 40%;
              transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
            .menu_pop_active .menu_pop_wrapper .menu_box .content ul li a:hover:before {
              width: 20%;
              transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }

.request_pop {
  background: #FFFFFF;
  width: 100vw;
  height: 0;
  position: fixed;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  transition: height 0.15s cubic-bezier(0.475, 0.425, 0, 0.995); }
  .request_pop .form-box {
    width: 100%;
    margin-top: 84px;
    min-height: calc( 100vh - 84px);
    color: #0D0D0D;
    display: flex;
    align-items: center;
    justify-content: center; }
  .request_pop .request_header_fix {
    position: fixed;
    width: 100%;
    z-index: 999; }

.footer-box {
  width: 100%;
  height: 580px;
  color: #FFFFFF;
  background: #0D0D0D; }
  .footer-box .footer-wrapper {
    width: 100%;
    height: calc( 100% - 100px);
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    padding-top: 100px; }
    .footer-box .footer-wrapper .footer-list-block {
      min-width: 300px; }
      .footer-box .footer-wrapper .footer-list-block ul li {
        margin-bottom: 10px; }
        .footer-box .footer-wrapper .footer-list-block ul li a {
          font-style: normal;
          font-weight: normal;
          line-height: 34px;
          font-size: 20px;
          letter-spacing: 0.03em;
          color: #FFFFFF;
          text-decoration: none;
          transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995);
          position: relative;
          padding: 6px 0; }
          .footer-box .footer-wrapper .footer-list-block ul li a:after {
            content: '';
            display: block;
            width: 0;
            height: 1px;
            background: rgba(255, 255, 255, 0.5);
            transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995);
            position: absolute;
            top: 0;
            left: -10px; }
          .footer-box .footer-wrapper .footer-list-block ul li a:before {
            content: '';
            display: block;
            width: 0;
            height: 1px;
            background: rgba(255, 255, 255, 0.5);
            transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995);
            position: absolute;
            bottom: 0;
            right: -10px;
            transform: rotate(180deg); }
          .footer-box .footer-wrapper .footer-list-block ul li a:hover {
            transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995); }
            .footer-box .footer-wrapper .footer-list-block ul li a:hover:after {
              width: 20%;
              transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995); }
            .footer-box .footer-wrapper .footer-list-block ul li a:hover:before {
              width: 40%;
              transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995); }
    .footer-box .footer-wrapper .footer-address-block {
      width: 300px;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      .footer-box .footer-wrapper .footer-address-block .address_content {
        font-style: normal;
        font-weight: 500;
        line-height: 19px;
        font-size: 12px;
        letter-spacing: 0.03em;
        color: #FFFFFF; }
        .footer-box .footer-wrapper .footer-address-block .address_content p a {
          width: 100%;
          display: block;
          color: #FFFFFF; }
        .footer-box .footer-wrapper .footer-address-block .address_content .mail {
          color: #FFFFFF;
          display: block;
          margin: 40px 0; }
        .footer-box .footer-wrapper .footer-address-block .address_content .phone-block a {
          display: block;
          text-decoration: none;
          color: #FFFFFF;
          margin: 4px 0; }
      .footer-box .footer-wrapper .footer-address-block .copi {
        margin-bottom: 53px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        font-size: 12px;
        letter-spacing: 0.03em;
        color: #FFFFFF; }

.request_pop_active {
  transition: height 0.15s cubic-bezier(0.475, 0.425, 0, 0.995);
  height: 100%;
  z-index: 99999; }
  .request_pop_active #requestHide {
    cursor: inherit; }

.hide {
  display: none; }

.towcol {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .towcol .col1,
  .towcol .col2 {
    width: 47%; }
    .towcol .col1 ul li,
    .towcol .col2 ul li {
      font-weight: 300;
      margin: 10px 0;
      padding-left: 10px;
      position: relative; }
      .towcol .col1 ul li:before,
      .towcol .col2 ul li:before {
        content: '';
        display: block;
        width: 4px;
        height: 4px;
        background: #0D0D0D;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 10px; }
    .towcol .col1 strong,
    .towcol .col2 strong {
      font-weight: 600; }
    .towcol .col1 b,
    .towcol .col2 b {
      margin-bottom: 20px;
      display: block; }
    .towcol .col1 p,
    .towcol .col2 p {
      width: 100% !important; }

@keyframes dot {
  0% {
    bottom: 148px; }
  100% {
    bottom: 58px; } }

@keyframes dot2 {
  0% {
    bottom: 140px; }
  100% {
    bottom: -2px; } }

.parallax-window {
  min-height: 100vh;
  height: 100%;
  width: 100%;
  background: transparent;
  position: fixed;
  top: 0;
  background-position: top 0;
  transition: all 3s cubic-bezier(0.475, 0.425, 0, 0.995); }

body.template_service {
  background: #F3F3F1;
  color: #0D0D0D;
  height: auto;
  overflow: hidden; }
  body.template_service header {
    background: #F3F3F1; }
    body.template_service header .header-wrapper .header-wrapper_left .main-logo a svg path {
      fill: #0D0D0D; }
    body.template_service header .header-wrapper .header-wrapper_left .btn-box #btn span {
      background: #0D0D0D; }
    body.template_service header .header-wrapper .header-wrapper_right .tel a {
      color: #0D0D0D; }
    body.template_service header .header-wrapper .header-wrapper_right .request #request {
      color: #0D0D0D; }
      body.template_service header .header-wrapper .header-wrapper_right .request #request span:last-child {
        color: #0D0D0D; }
    body.template_service header .header-wrapper .left_wrapper .leng_wrapper .leng-link {
      opacity: 0; }
      body.template_service header .header-wrapper .left_wrapper .leng_wrapper .leng-link li a {
        color: #0D0D0D; }
        body.template_service header .header-wrapper .left_wrapper .leng_wrapper .leng-link li a span {
          text-shadow: 0 0 6px rgba(255, 255, 255, 0.4); }
    body.template_service header .header-wrapper .left_wrapper .social_wrapper .social-link li a {
      color: #0D0D0D; }
      body.template_service header .header-wrapper .left_wrapper .social_wrapper .social-link li a span {
        text-shadow: 0 0 6px rgba(255, 255, 255, 0.4); }
      body.template_service header .header-wrapper .left_wrapper .social_wrapper .social-link li a:after {
        background: #0D0D0D; }
  body.template_service #main .template_service_wrapper {
    width: 100%;
    max-width: 62vw;
    margin-left: 22vw;
    margin-right: 16vw; }
    body.template_service #main .template_service_wrapper ul {
      margin-left: 30px; }
    body.template_service #main .template_service_wrapper h2 {
      margin: 1em 0 0.5em;
      font-size: 1.4em;
      font-weight: 600; }
    body.template_service #main .template_service_wrapper h3 {
      margin: 1em 0 0.5em;
      font-size: 1.3em;
      font-weight: 600; }
  body.template_service #main .template_service_wrapper-case {
    width: 100%;
    max-width: 82vw;
    margin-left: 14vw;
    margin-right: 4vw; }
  body.template_service #main .template_service_section_hed {
    width: 100%;
    height: calc(100vh - 84px); }
    body.template_service #main .template_service_section_hed .template_service_section_hed_wrapper {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-evenly; }
      body.template_service #main .template_service_section_hed .template_service_section_hed_wrapper .bread_crumbs {
        height: 20%;
        display: flex;
        align-items: center; }
      body.template_service #main .template_service_section_hed .template_service_section_hed_wrapper a {
        color: #141414; }
      body.template_service #main .template_service_section_hed .template_service_section_hed_wrapper .h1 {
        height: 40%;
        display: flex;
        font-size: 48px; }
      body.template_service #main .template_service_section_hed .template_service_section_hed_wrapper .service_section_hed_slogan {
        height: 40%;
        overflow: hidden; }
        body.template_service #main .template_service_section_hed .template_service_section_hed_wrapper .service_section_hed_slogan p {
          font-style: normal;
          font-weight: normal;
          line-height: 34px;
          font-size: 20px;
          letter-spacing: 0.03em; }
  body.template_service #main .template_service_section_after_hed {
    width: 100%;
    height: 20vh;
    transition: all 2s cubic-bezier(0.475, 0.425, 0, 0.995); }
  body.template_service #main .template_service_section_hed_description {
    background: #F3F3F1;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    padding: 50px 0; }
    body.template_service #main .template_service_section_hed_description .template_service_wrapper {
      line-height: 25px;
      font-size: 16px;
      letter-spacing: 0.03em;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      body.template_service #main .template_service_section_hed_description .template_service_wrapper h5 {
        width: 100%;
        margin-bottom: 20px; }
      body.template_service #main .template_service_section_hed_description .template_service_wrapper p {
        width: 49%; }
  body.template_service #main .template_service_section_main-text {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 100px 0; }
    body.template_service #main .template_service_section_main-text .main-text {
      font-style: normal;
      font-weight: 500;
      font-size: 35px;
      line-height: 51px;
      color: #0D0D0D; }
  body.template_service #main .template_service_section_case {
    background: #F3F3F1; }
    body.template_service #main .template_service_section_case .template_service_wrapper-case {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      body.template_service #main .template_service_section_case .template_service_wrapper-case .head_case {
        width: 100%;
        min-width: 100%; }
        body.template_service #main .template_service_section_case .template_service_wrapper-case .head_case .head_case-img {
          transition: all 3s cubic-bezier(0.475, 0.425, 0, 0.995);
          position: relative;
          display: flex;
          flex-wrap: wrap;
          align-items: flex-end;
          width: 100%; }
          body.template_service #main .template_service_section_case .template_service_wrapper-case .head_case .head_case-img img {
            width: 100%;
            height: auto;
            max-width: 100%;
            transition: all 3s cubic-bezier(0.475, 0.425, 0, 0.995);
            top: 0;
            left: 0; }
          body.template_service #main .template_service_section_case .template_service_wrapper-case .head_case .head_case-img p {
            font-style: normal;
            font-weight: normal;
            font-size: 14px;
            line-height: 22px;
            letter-spacing: 0.03em;
            color: #0D0D0D;
            margin-top: 20px; }
        body.template_service #main .template_service_section_case .template_service_wrapper-case .head_case .head_case-text {
          font-style: normal;
          font-weight: normal;
          font-size: 20px;
          line-height: 34px;
          letter-spacing: 0.03em;
          color: #0D0D0D;
          margin: 25vh 12vw 25vh 0; }
      body.template_service #main .template_service_section_case .template_service_wrapper-case .left_case {
        width: 100%;
        max-width: 27vw; }
        body.template_service #main .template_service_section_case .template_service_wrapper-case .left_case .case {
          margin-bottom: 125px; }
      body.template_service #main .template_service_section_case .template_service_wrapper-case .right_case {
        width: 100%;
        max-width: 33vw; }
        body.template_service #main .template_service_section_case .template_service_wrapper-case .right_case .case {
          margin-bottom: 185px; }
      body.template_service #main .template_service_section_case .template_service_wrapper-case .left_case,
      body.template_service #main .template_service_section_case .template_service_wrapper-case .right_case {
        position: relative;
        margin-top: -100px; }
        body.template_service #main .template_service_section_case .template_service_wrapper-case .left_case .case,
        body.template_service #main .template_service_section_case .template_service_wrapper-case .right_case .case {
          width: 100%;
          height: auto; }
          body.template_service #main .template_service_section_case .template_service_wrapper-case .left_case .case .case_url,
          body.template_service #main .template_service_section_case .template_service_wrapper-case .right_case .case .case_url {
            display: block;
            position: relative;
            text-decoration: none; }
            body.template_service #main .template_service_section_case .template_service_wrapper-case .left_case .case .case_url .case_url_img,
            body.template_service #main .template_service_section_case .template_service_wrapper-case .right_case .case .case_url .case_url_img {
              position: relative;
              display: flex;
              align-items: flex-start; }
              body.template_service #main .template_service_section_case .template_service_wrapper-case .left_case .case .case_url .case_url_img img,
              body.template_service #main .template_service_section_case .template_service_wrapper-case .right_case .case .case_url .case_url_img img {
                width: 100%;
                height: auto;
                position: relative; }
              body.template_service #main .template_service_section_case .template_service_wrapper-case .left_case .case .case_url .case_url_img:after,
              body.template_service #main .template_service_section_case .template_service_wrapper-case .right_case .case .case_url .case_url_img:after {
                content: '';
                display: block;
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1;
                background: rgba(0, 0, 0, 0);
                transition: all 0.15s cubic-bezier(0.475, 0.425, 0, 0.995); }
              body.template_service #main .template_service_section_case .template_service_wrapper-case .left_case .case .case_url .case_url_img:before,
              body.template_service #main .template_service_section_case .template_service_wrapper-case .right_case .case .case_url .case_url_img:before {
                content: 'View Case';
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 2;
                font-style: normal;
                font-weight: normal;
                font-size: 20px;
                line-height: 34px;
                text-align: center;
                letter-spacing: 0.03em;
                color: transparent;
                transition: all 0.15s cubic-bezier(0.475, 0.425, 0, 0.995); }
            body.template_service #main .template_service_section_case .template_service_wrapper-case .left_case .case .case_url .case_url_text,
            body.template_service #main .template_service_section_case .template_service_wrapper-case .right_case .case .case_url .case_url_text {
              margin-top: 18px;
              font-style: normal;
              font-weight: 500;
              font-size: 18px;
              line-height: 26px;
              color: #0D0D0D; }
            body.template_service #main .template_service_section_case .template_service_wrapper-case .left_case .case .case_url:hover .case_url_img:after,
            body.template_service #main .template_service_section_case .template_service_wrapper-case .right_case .case .case_url:hover .case_url_img:after {
              background: rgba(0, 0, 0, 0.5);
              transition: all 0.15s cubic-bezier(0.475, 0.425, 0, 0.995); }
            body.template_service #main .template_service_section_case .template_service_wrapper-case .left_case .case .case_url:hover .case_url_img:before,
            body.template_service #main .template_service_section_case .template_service_wrapper-case .right_case .case .case_url:hover .case_url_img:before {
              color: #FFFFFF;
              transition: all 0.15s cubic-bezier(0.475, 0.425, 0, 0.995); }
  body.template_service #main .template_service_section_pre-footer {
    width: 100%;
    height: calc(100vh - 84px);
    background: #0D0D0D;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    margin-top: -200px;
    padding-top: 200px;
    height: auto !important;
    padding: 200px 0 !important; }
    body.template_service #main .template_service_section_pre-footer .template_service_wrapper .pre-footer_text {
      font-style: normal;
      font-weight: normal;
      font-size: 20px;
      line-height: 34px;
      letter-spacing: 0.03em;
      color: #0D0D0D; }
  body.template_service #main .template_service_section_footer {
    width: 100%;
    height: 50vh;
    background: #0D0D0D; }
    body.template_service #main .template_service_section_footer .section_footer_list {
      display: flex;
      height: 100%; }
      body.template_service #main .template_service_section_footer .section_footer_list li {
        display: flex;
        flex: 1;
        height: 100%; }
        body.template_service #main .template_service_section_footer .section_footer_list li a {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 100%;
          text-decoration: none;
          color: #FFFFFF;
          background: url("../img/svg/image_68.svg");
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center center;
          position: relative;
          transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
          body.template_service #main .template_service_section_footer .section_footer_list li a span {
            color: #FFFFFF;
            z-index: 9;
            max-width: 318px;
            min-width: 318px;
            height: auto; }
          body.template_service #main .template_service_section_footer .section_footer_list li a .footer_list_breadcrumbs {
            font-style: normal;
            font-weight: 600;
            line-height: 16px;
            font-size: 10px;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            margin-bottom: 6px; }
          body.template_service #main .template_service_section_footer .section_footer_list li a .footer_list_title {
            font-style: normal;
            font-weight: 500;
            line-height: 51px;
            font-size: 35px;
            min-height: 110px; }
          body.template_service #main .template_service_section_footer .section_footer_list li a:before {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            background: #0D0D0D;
            opacity: 1;
            transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
          body.template_service #main .template_service_section_footer .section_footer_list li a:hover {
            transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
            body.template_service #main .template_service_section_footer .section_footer_list li a:hover:before {
              transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995);
              opacity: .9; }
  body.template_service #main .template_service_section_banner {
    width: 100vw;
    height: 70vh;
    background: url("../img/svg/image_banner_mc.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }

body.template_service #main .template_service_section_hed .svg_element .blog {
  display: none; }

body.template_service.template_service_4568.template_web header {
  background: #E8B858; }

body.template_service.template_service_4568.template_web #main .template_service_section_main-text {
  background: #E8B858; }

body.template_service.template_service_4568.template_web #main .template_service_section_hed {
  position: relative;
  background: #E8B858; }
  body.template_service.template_service_4568.template_web #main .template_service_section_hed .svg_element .ww {
    display: none; }
  body.template_service.template_service_4568.template_web #main .template_service_section_hed .svg_element .blog {
    display: block;
    width: 52vw;
    height: -webkit-calc(70% - 84px);
    height: calc(70% - 84px);
    position: absolute;
    top: 15%;
    right: 0; }

body.template_service.template_web header {
  background: #EB5656; }

body.template_service.template_web #main .template_service_section_hed {
  position: relative; }
  body.template_service.template_web #main .template_service_section_hed .svg_element .ww {
    display: block; }
  body.template_service.template_web #main .template_service_section_hed .svg_element .seo {
    display: none; }
  body.template_service.template_web #main .template_service_section_hed .svg_element .ppc {
    display: none; }
  body.template_service.template_web #main .template_service_section_hed .svg_element .smm {
    display: none; }
  body.template_service.template_web #main .template_service_section_hed .svg_element .cc {
    display: none; }

body.template_service.template_web #main .template_service_section_hed,
body.template_service.template_web #main .template_service_section_main-text {
  background: #EB5656; }

body.template_service.template_web #main .template_service_section_after_hed {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 0;
  transition: all 3s cubic-bezier(0.475, 0.425, 0, 0.995); }

body.template_service.template_ppc header {
  background: #56EBAC; }

body.template_service.template_ppc #main {
  margin-top: 0; }
  body.template_service.template_ppc #main .template_service_section_hed {
    position: relative; }
    body.template_service.template_ppc #main .template_service_section_hed .svg_element .ww {
      display: none; }
    body.template_service.template_ppc #main .template_service_section_hed .svg_element .seo {
      display: none; }
    body.template_service.template_ppc #main .template_service_section_hed .svg_element .ppc {
      display: block;
      width: 52vw;
      height: calc(70% - 84px);
      position: absolute;
      top: 15%;
      right: 0; }
    body.template_service.template_ppc #main .template_service_section_hed .svg_element .smm {
      display: none; }
    body.template_service.template_ppc #main .template_service_section_hed .svg_element .cc {
      display: none; }
  body.template_service.template_ppc #main .template_service_section_hed,
  body.template_service.template_ppc #main .template_service_section_main-text {
    background: #56EBAC; }
  body.template_service.template_ppc #main .template_service_section_after_hed {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }

body.template_service.template_cim header {
  background: #C87DF6; }

body.template_service.template_cim #main {
  margin-top: 0; }
  body.template_service.template_cim #main .template_service_section_hed {
    position: relative; }
    body.template_service.template_cim #main .template_service_section_hed .svg_element .ww {
      display: none; }
    body.template_service.template_cim #main .template_service_section_hed .svg_element .seo {
      display: none; }
    body.template_service.template_cim #main .template_service_section_hed .svg_element .ppc {
      display: none; }
    body.template_service.template_cim #main .template_service_section_hed .svg_element .smm {
      display: none; }
    body.template_service.template_cim #main .template_service_section_hed .svg_element .cc {
      display: block;
      height: calc(70% - 84px);
      top: 15%; }
  body.template_service.template_cim #main .template_service_section_hed,
  body.template_service.template_cim #main .template_service_section_main-text {
    background: #C87DF6; }
  body.template_service.template_cim #main .template_service_section_after_hed {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }

body.template_service.template_seo header {
  background: #EBC156; }

body.template_service.template_seo #main {
  margin-top: 0; }
  body.template_service.template_seo #main .template_service_section_hed {
    position: relative; }
    body.template_service.template_seo #main .template_service_section_hed .svg_element .ww {
      display: none; }
    body.template_service.template_seo #main .template_service_section_hed .svg_element .seo {
      display: block;
      height: calc(70% - 84px);
      position: absolute;
      top: 15%; }
    body.template_service.template_seo #main .template_service_section_hed .svg_element .ppc {
      display: none; }
    body.template_service.template_seo #main .template_service_section_hed .svg_element .smm {
      display: none; }
    body.template_service.template_seo #main .template_service_section_hed .svg_element .cc {
      display: none; }
  body.template_service.template_seo #main .template_service_section_hed,
  body.template_service.template_seo #main .template_service_section_main-text,
  body.template_service.template_seo #main .template_service_section_pre-footer {
    background: #EBC156; }
  body.template_service.template_seo #main .template_service_section_after_hed {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }
  body.template_service.template_seo #main .template_service_section_case .template_service_wrapper-case .left_case .case:last-child,
  body.template_service.template_seo #main .template_service_section_case .template_service_wrapper-case .right_case .case:last-child {
    margin-bottom: 0; }

body.template_service.template_smm header {
  background: #56C7EB; }

body.template_service.template_smm #main {
  margin-top: 0; }
  body.template_service.template_smm #main .template_service_section_hed {
    position: relative; }
    body.template_service.template_smm #main .template_service_section_hed .svg_element .ww {
      display: none; }
    body.template_service.template_smm #main .template_service_section_hed .svg_element .seo {
      display: none; }
    body.template_service.template_smm #main .template_service_section_hed .svg_element .ppc {
      display: none; }
    body.template_service.template_smm #main .template_service_section_hed .svg_element .smm {
      display: block;
      height: calc(70% - 84px);
      top: 15%; }
    body.template_service.template_smm #main .template_service_section_hed .svg_element .cc {
      display: none; }
  body.template_service.template_smm #main .template_service_section_hed,
  body.template_service.template_smm #main .template_service_section_main-text,
  body.template_service.template_smm #main .template_service_section_pre-footer {
    background: #56C7EB; }
  body.template_service.template_smm #main .template_service_section_after_hed {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }
  body.template_service.template_smm #main .template_service_section_case .template_service_wrapper-case .left_case .case:last-child,
  body.template_service.template_smm #main .template_service_section_case .template_service_wrapper-case .right_case .case:last-child {
    margin-bottom: 0; }

body.template_service.template_mc #main .template_service_section_after_hed {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

body.template_service.template_mc #main .template_service_section_case .template_service_wrapper-case .head_case .head_case-img {
  padding-bottom: 50px; }

body.template_service.template_mc #main .template_service_section_pre-footer {
  background: inherit;
  margin: 0;
  padding: 0;
  height: 70vh; }

body.page-node-type-case.template_mc #main .template_service_section_hed,
body.page-node-type-case.template_mc #main .template_service_section_pre-footer {
  background: #F3F3F1; }

body.page-node-type-case.template_mc #main .template_service_section_after_hed {
  position: relative; }
  body.page-node-type-case.template_mc #main .template_service_section_after_hed .bannertop {
    width: 100%;
    height: calc(100vh - 84px);
    position: fixed;
    top: 84px;
    left: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0;
    transition: all 3s cubic-bezier(0.475, 0.425, 0, 0.995); }

body.template_blog {
  background: #F3F3F1;
  color: #0D0D0D; }
  body.template_blog header {
    background: #F3F3F1; }
    body.template_blog header .header-wrapper .header-wrapper_left .main-logo a svg path {
      fill: #0D0D0D; }
    body.template_blog header .header-wrapper .header-wrapper_left .btn-box #btn span {
      background: #0D0D0D; }
    body.template_blog header .header-wrapper .header-wrapper_right .tel a {
      color: #0D0D0D; }
    body.template_blog header .header-wrapper .header-wrapper_right .request #request {
      color: #0D0D0D; }
      body.template_blog header .header-wrapper .header-wrapper_right .request #request span:last-child {
        color: #0D0D0D; }
    body.template_blog header .header-wrapper .left_wrapper .leng_wrapper .leng-link {
      opacity: 0; }
      body.template_blog header .header-wrapper .left_wrapper .leng_wrapper .leng-link li a {
        color: #0D0D0D; }
        body.template_blog header .header-wrapper .left_wrapper .leng_wrapper .leng-link li a span {
          text-shadow: 0 0 6px rgba(255, 255, 255, 0.4); }
    body.template_blog header .header-wrapper .left_wrapper .social_wrapper .social-link li a {
      color: #0D0D0D; }
      body.template_blog header .header-wrapper .left_wrapper .social_wrapper .social-link li a span {
        text-shadow: 0 0 6px rgba(255, 255, 255, 0.4); }
      body.template_blog header .header-wrapper .left_wrapper .social_wrapper .social-link li a:after {
        background: #0D0D0D; }
  body.template_blog #main {
    margin-top: 84px; }
    body.template_blog #main .template_blog_section_hed {
      width: 100%;
      height: calc(100vh - 84px - 42px);
      position: relative; }
      body.template_blog #main .template_blog_section_hed:after {
        content: '';
        display: flex;
        align-items: center;
        width: 52vw;
        height: calc(70% - 84px);
        position: absolute;
        top: calc(15% + 84px);
        right: 0;
        background: url("../img/svg/B.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center; }
      body.template_blog #main .template_blog_section_hed .template_blog_wrapper {
        width: 100%;
        max-width: 62vw;
        margin-left: 22vw;
        margin-right: 16vw;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly; }
        body.template_blog #main .template_blog_section_hed .template_blog_wrapper .blog_section_hed_slogan {
          overflow: hidden; }
          body.template_blog #main .template_blog_section_hed .template_blog_wrapper .blog_section_hed_slogan p,
          body.template_blog #main .template_blog_section_hed .template_blog_wrapper .blog_section_hed_slogan a {
            font-style: normal;
            font-weight: normal;
            line-height: 34px;
            font-size: 20px;
            letter-spacing: 0.03em;
            text-decoration: none;
            color: #0D0D0D; }
    body.template_blog #main .template_blog_section_body {
      padding-bottom: 20vh; }
      body.template_blog #main .template_blog_section_body .template_blog_wrapper {
        width: 100%;
        max-width: 62vw;
        margin-left: 22vw;
        margin-right: 16vw;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        body.template_blog #main .template_blog_section_body .template_blog_wrapper .blog-unit {
          width: 27vw;
          min-height: 27vw;
          margin-bottom: 32px;
          position: relative;
          overflow: hidden; }
          body.template_blog #main .template_blog_section_body .template_blog_wrapper .blog-unit .blog_unit {
            width: 100%;
            height: 100%;
            display: block; }
          body.template_blog #main .template_blog_section_body .template_blog_wrapper .blog-unit a.blog_unit_link {
            text-decoration: none;
            color: #0D0D0D;
            display: flex;
            flex-direction: column;
            width: 100%;
            height: 100%;
            justify-content: flex-end; }
            body.template_blog #main .template_blog_section_body .template_blog_wrapper .blog-unit a.blog_unit_link img {
              transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995);
              position: absolute;
              top: 0;
              min-width: 100%;
              width: auto;
              min-height: 100%;
              height: auto;
              z-index: -1; }
            body.template_blog #main .template_blog_section_body .template_blog_wrapper .blog-unit a.blog_unit_link .blog_unit_data {
              font-style: normal;
              font-weight: normal;
              font-size: 12px;
              line-height: 20px;
              letter-spacing: 0.04em;
              color: #0D0D0D;
              padding: 24px 0 11px 0;
              background: #F3F3F1; }
            body.template_blog #main .template_blog_section_body .template_blog_wrapper .blog-unit a.blog_unit_link .blog_unit_teaser {
              font-style: normal;
              font-weight: 500;
              font-size: 18px;
              line-height: 26px;
              color: #0D0D0D;
              background: #F3F3F1;
              min-height: 78px; }
        body.template_blog #main .template_blog_section_body .template_blog_wrapper nav.pager {
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center; }
          body.template_blog #main .template_blog_section_body .template_blog_wrapper nav.pager .visually-hidden {
            display: none; }
          body.template_blog #main .template_blog_section_body .template_blog_wrapper nav.pager .pager__items {
            display: flex;
            align-items: center;
            justify-content: center; }
            body.template_blog #main .template_blog_section_body .template_blog_wrapper nav.pager .pager__items .pager__item a {
              font-style: normal;
              font-weight: 500;
              font-size: 18px;
              line-height: 26px;
              color: #0D0D0D;
              text-transform: uppercase;
              display: flex;
              align-items: center;
              justify-content: center;
              box-sizing: border-box;
              padding: 10px 15px;
              text-decoration: none; }
            body.template_blog #main .template_blog_section_body .template_blog_wrapper nav.pager .pager__items .is-active a {
              color: #56C7EB;
              border-bottom: 1px solid #56C7EB; }
    body.template_blog #main .template_blog_section_banner {
      width: 100%;
      height: 50vh;
      background: url("../img/blog_banner_bg.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center; }
    body.template_blog #main .template_blog_section_hed_description {
      width: 100%;
      min-height: 50vh;
      position: relative;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      padding: 20px 0; }
      body.template_blog #main .template_blog_section_hed_description .template_blog_wrapper {
        width: 100%;
        max-width: 62vw;
        margin-left: 22vw;
        margin-right: 16vw;
        font-style: normal;
        font-weight: 600;
        line-height: 25px;
        font-size: 16px;
        letter-spacing: 0.03em;
        color: #0D0D0D;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        body.template_blog #main .template_blog_section_hed_description .template_blog_wrapper h5 {
          width: 100%;
          margin-bottom: 20px;
          margin-top: 107px; }
        body.template_blog #main .template_blog_section_hed_description .template_blog_wrapper p {
          font-weight: 300;
          width: 49%; }
        body.template_blog #main .template_blog_section_hed_description .template_blog_wrapper .blog_section_slogan {
          font-style: normal;
          font-weight: normal;
          font-size: 20px;
          line-height: 34px;
          letter-spacing: 0.03em;
          color: #0D0D0D;
          margin: 100px 0 113px 0; }
        body.template_blog #main .template_blog_section_hed_description .template_blog_wrapper .blog_section_content_banner {
          width: 100%; }
          body.template_blog #main .template_blog_section_hed_description .template_blog_wrapper .blog_section_content_banner img {
            width: 100%;
            height: auto;
            margin-bottom: 31px; }
          body.template_blog #main .template_blog_section_hed_description .template_blog_wrapper .blog_section_content_banner p {
            font-style: normal;
            font-weight: normal;
            font-size: 14px;
            line-height: 22px;
            letter-spacing: 0.03em; }
          body.template_blog #main .template_blog_section_hed_description .template_blog_wrapper .blog_section_content_banner .blog_section_content_banner_footer {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 80px 0 100px 0; }
            body.template_blog #main .template_blog_section_hed_description .template_blog_wrapper .blog_section_content_banner .blog_section_content_banner_footer .data {
              font-style: normal;
              font-weight: normal;
              font-size: 12px;
              line-height: 20px;
              letter-spacing: 0.04em; }
            body.template_blog #main .template_blog_section_hed_description .template_blog_wrapper .blog_section_content_banner .blog_section_content_banner_footer a {
              font-style: normal;
              font-weight: bold;
              font-size: 14px;
              line-height: 20px;
              color: #0D0D0D; }
    body.template_blog #main .template_blog_section_footer {
      width: 100%;
      height: 50vh;
      background: #0D0D0D; }
      body.template_blog #main .template_blog_section_footer .section_footer_list {
        display: flex;
        height: 100%; }
        body.template_blog #main .template_blog_section_footer .section_footer_list li {
          display: flex;
          width: 50%;
          height: 100%; }
          body.template_blog #main .template_blog_section_footer .section_footer_list li a {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            text-decoration: none;
            color: #FFFFFF;
            background: url("../img/svg/image_68.svg");
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center center;
            position: relative;
            transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
            body.template_blog #main .template_blog_section_footer .section_footer_list li a span {
              color: #FFFFFF;
              z-index: 9;
              max-width: 318px;
              min-width: 318px;
              height: auto; }
            body.template_blog #main .template_blog_section_footer .section_footer_list li a .footer_list_breadcrumbs {
              font-style: normal;
              font-weight: 600;
              line-height: 16px;
              font-size: 10px;
              letter-spacing: 0.1em;
              text-transform: uppercase;
              margin-bottom: 6px; }
            body.template_blog #main .template_blog_section_footer .section_footer_list li a .footer_list_title {
              font-style: normal;
              font-weight: 500;
              line-height: 51px;
              font-size: 35px;
              min-height: 110px; }
            body.template_blog #main .template_blog_section_footer .section_footer_list li a:before {
              content: '';
              width: 100%;
              height: 100%;
              position: absolute;
              background: #0D0D0D;
              opacity: 1;
              transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
            body.template_blog #main .template_blog_section_footer .section_footer_list li a:hover {
              transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
              body.template_blog #main .template_blog_section_footer .section_footer_list li a:hover:before {
                transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995);
                opacity: .9; }

body.template_blog.blog_details #main .template_blog_section_hed:after {
  display: none; }

body.path-portfolio #main section.template_service_section_hed {
  height: 50vh;
  background: #FFFFFF !important; }
  body.path-portfolio #main section.template_service_section_hed .svg_element .ww {
    display: none; }
  body.path-portfolio #main section.template_service_section_hed .svg_element .seo {
    display: none !important; }
  body.path-portfolio #main section.template_service_section_hed .svg_element .ppc {
    display: block !important;
    height: 60% !important;
    top: 20% !important; }
  body.path-portfolio #main section.template_service_section_hed .svg_element .smm {
    display: none; }
  body.path-portfolio #main section.template_service_section_hed .svg_element .cc {
    display: none; }
  body.path-portfolio #main section.template_service_section_hed .template_service_section_hed_wrapper .service_section_hed_slogan {
    height: auto; }

body.path-portfolio #main section.template_service_section_case .template_service_wrapper-case .views-element-container > div {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: -100px; }

body.path-portfolio #main section.template_service_section_case .template_service_wrapper-case .views-element-container {
  width: 100%; }
  body.path-portfolio #main section.template_service_section_case .template_service_wrapper-case .views-element-container .views-row:nth-child(odd) {
    width: 100%;
    max-width: 400px;
    position: relative; }
  body.path-portfolio #main section.template_service_section_case .template_service_wrapper-case .views-element-container .views-row:nth-child(even) {
    width: 100%;
    max-width: 400px;
    position: relative; }
  body.path-portfolio #main section.template_service_section_case .template_service_wrapper-case .views-element-container .views-row {
    margin-bottom: 125px;
    height: 300px; }
    body.path-portfolio #main section.template_service_section_case .template_service_wrapper-case .views-element-container .views-row .views-field-field-main-image .field-content {
      position: relative;
      max-width: 400px; }
      body.path-portfolio #main section.template_service_section_case .template_service_wrapper-case .views-element-container .views-row .views-field-field-main-image .field-content a {
        display: flex;
        width: 100%;
        height: 300px;
        position: relative; }
        body.path-portfolio #main section.template_service_section_case .template_service_wrapper-case .views-element-container .views-row .views-field-field-main-image .field-content a img {
          width: 100%;
          height: auto;
          position: relative; }
        body.path-portfolio #main section.template_service_section_case .template_service_wrapper-case .views-element-container .views-row .views-field-field-main-image .field-content a:before {
          content: 'Перейти';
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 2;
          font-style: normal;
          font-weight: normal;
          font-size: 20px;
          line-height: 34px;
          text-align: center;
          letter-spacing: 0.03em;
          color: transparent;
          transition: all 0.15s cubic-bezier(0.475, 0.425, 0, 0.995); }
        body.path-portfolio #main section.template_service_section_case .template_service_wrapper-case .views-element-container .views-row .views-field-field-main-image .field-content a:after {
          content: '';
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 1;
          background: rgba(0, 0, 0, 0);
          transition: all 0.15s cubic-bezier(0.475, 0.425, 0, 0.995); }
        body.path-portfolio #main section.template_service_section_case .template_service_wrapper-case .views-element-container .views-row .views-field-field-main-image .field-content a:hover:before {
          color: #FFFFFF;
          transition: all 0.15s cubic-bezier(0.475, 0.425, 0, 0.995); }
        body.path-portfolio #main section.template_service_section_case .template_service_wrapper-case .views-element-container .views-row .views-field-field-main-image .field-content a:hover:after {
          background: rgba(0, 0, 0, 0.5);
          transition: all 0.15s cubic-bezier(0.475, 0.425, 0, 0.995); }
    body.path-portfolio #main section.template_service_section_case .template_service_wrapper-case .views-element-container .views-row .views-field-title .field-content a {
      text-decoration: none;
      margin-top: 18px;
      font-style: normal;
      font-weight: 500;
      font-size: 18px;
      line-height: 26px;
      color: #0D0D0D;
      display: flex; }

.breadcrumb ul li a {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #141414;
  text-decoration: none; }

body.page-node-type-article #main section.template_blog_section_hed_description .template_blog_wrapper .towcol {
  font-weight: 300; }

body.page-node-type-article #main section.template_blog_section_hed_description .template_blog_wrapper .blog_section_slogan p {
  width: 100%; }
  body.page-node-type-article #main section.template_blog_section_hed_description .template_blog_wrapper .blog_section_slogan p a {
    color: #0D0D0D; }

.webform-terms-of-service-details--content {
  display: none !important; }

.ui-dialog {
  display: none !important; }

.template_404 {
  background: #FFFFFF;
  color: #0D0D0D; }
  .template_404 header {
    background: #FFFFFF; }
    .template_404 header .header-wrapper .header-wrapper_left .main-logo a svg path {
      fill: #0D0D0D; }
    .template_404 header .header-wrapper .header-wrapper_left .btn-box #btn span {
      background: #0D0D0D; }
    .template_404 header .header-wrapper .header-wrapper_right .tel a {
      color: #0D0D0D; }
    .template_404 header .header-wrapper .header-wrapper_right #request {
      color: #0D0D0D; }
      .template_404 header .header-wrapper .header-wrapper_right #request span:last-child {
        color: #0D0D0D; }
    .template_404 header .header-wrapper .left_wrapper .leng_wrapper .leng-link {
      opacity: 0; }
      .template_404 header .header-wrapper .left_wrapper .leng_wrapper .leng-link li a {
        color: #0D0D0D; }
        .template_404 header .header-wrapper .left_wrapper .leng_wrapper .leng-link li a span {
          text-shadow: 0 0 6px rgba(255, 255, 255, 0.4); }
    .template_404 header .header-wrapper .left_wrapper .social_wrapper .social-link li a {
      color: #0D0D0D; }
      .template_404 header .header-wrapper .left_wrapper .social_wrapper .social-link li a span {
        text-shadow: 0 0 6px rgba(255, 255, 255, 0.4); }
      .template_404 header .header-wrapper .left_wrapper .social_wrapper .social-link li a:after {
        background: #0D0D0D; }
  .template_404 .request_section,
  .template_404 .footer-box {
    display: none; }
  .template_404 #main {
    padding-top: 84px; }
    .template_404 #main .region-content {
      display: flex;
      width: 100%;
      height: calc(100vh - 84px);
      align-items: center;
      justify-content: flex-end;
      position: relative;
      overflow: hidden; }
      .template_404 #main .region-content:after {
        content: '';
        display: block;
        width: 847px;
        height: 616px;
        background-image: url("/themes/clean/figma_int/img/404.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        position: absolute;
        z-index: -1;
        top: 24px;
        right: 0; }
      .template_404 #main .region-content:before {
        content: '© 2019 Intellectus—studio. All right reserved.';
        display: flex;
        align-items: center;
        width: 100%;
        height: 50px;
        position: absolute;
        left: 0;
        bottom: 0;
        background: #0D0D0D;
        color: #FFFFFF;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        font-size: 12px;
        letter-spacing: 0.03em;
        padding-left: 6%; }
      .template_404 #main .region-content #block-clean-content .content .node__content .body {
        width: 66vw;
        max-width: 66vw;
        margin-right: 10vw;
        position: relative;
        box-sizing: border-box;
        color: #0D0D0D; }
        .template_404 #main .region-content #block-clean-content .content .node__content .body p {
          font-family: "Montserrat", sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 59px;
          line-height: 86px; }
        .template_404 #main .region-content #block-clean-content .content .node__content .body a {
          font-family: "Montserrat", sans-serif;
          text-decoration: none;
          font-style: normal;
          font-weight: bold;
          font-size: 14px;
          line-height: 20px;
          text-align: center;
          color: #FFFFFF;
          display: flex;
          align-items: center;
          justify-content: center;
          background: #0D0D0D;
          width: 376px;
          height: 56px;
          margin-top: 10%;
          cursor: pointer; }

.template_snq {
  background: #FFFFFF;
  color: #0D0D0D; }
  .template_snq header {
    background: #FFFFFF; }
    .template_snq header .header-wrapper .header-wrapper_left .main-logo a svg path {
      fill: #0D0D0D; }
    .template_snq header .header-wrapper .header-wrapper_left .btn-box #btn span {
      background: #0D0D0D; }
    .template_snq header .header-wrapper .header-wrapper_right .tel a {
      color: #0D0D0D; }
    .template_snq header .header-wrapper .header-wrapper_right #request {
      color: #0D0D0D; }
      .template_snq header .header-wrapper .header-wrapper_right #request span:last-child {
        color: #0D0D0D; }
    .template_snq header .header-wrapper .left_wrapper .leng_wrapper .leng-link {
      opacity: 0; }
      .template_snq header .header-wrapper .left_wrapper .leng_wrapper .leng-link li a {
        color: #0D0D0D; }
        .template_snq header .header-wrapper .left_wrapper .leng_wrapper .leng-link li a span {
          text-shadow: 0 0 6px rgba(255, 255, 255, 0.4); }
    .template_snq header .header-wrapper .left_wrapper .social_wrapper .social-link li a {
      color: #0D0D0D; }
      .template_snq header .header-wrapper .left_wrapper .social_wrapper .social-link li a span {
        text-shadow: 0 0 6px rgba(255, 255, 255, 0.4); }
      .template_snq header .header-wrapper .left_wrapper .social_wrapper .social-link li a:after {
        background: #0D0D0D; }
  .template_snq #main {
    padding-top: 84px; }
    .template_snq #main .snq-wrapper {
      display: flex;
      width: 100%;
      height: calc(100vh - 84px - 50px);
      align-items: center;
      justify-content: flex-end;
      position: relative; }
      .template_snq #main .snq-wrapper:after {
        content: '';
        display: block;
        width: 536px;
        height: 536px;
        background-image: url("/themes/clean/figma_int/img/9898998.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        position: absolute;
        z-index: 9;
        top: 23px;
        right: 64px; }
      .template_snq #main .snq-wrapper .snq-wrapper-box {
        width: 100%;
        max-width: 66vw;
        margin-right: 10vw;
        position: relative;
        box-sizing: border-box;
        color: #0D0D0D; }
        .template_snq #main .snq-wrapper .snq-wrapper-box h1 {
          font-family: "Montserrat", sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 59px;
          line-height: 86px; }
        .template_snq #main .snq-wrapper .snq-wrapper-box .link-home {
          font-family: "Montserrat", sans-serif;
          text-decoration: none;
          font-style: normal;
          font-weight: bold;
          font-size: 14px;
          line-height: 20px;
          text-align: center;
          color: #FFFFFF;
          display: flex;
          align-items: center;
          justify-content: center;
          background: #0D0D0D;
          width: 376px;
          height: 56px;
          margin-top: 10%; }

.copi-copi {
  background: #0D0D0D;
  color: #FFFFFF;
  height: 50px;
  display: flex;
  align-items: center; }
  .copi-copi .copi-wrapper {
    width: 100%;
    max-width: 90%;
    margin: 0 auto; }
  .copi-copi span {
    margin-bottom: 53px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    font-size: 12px;
    letter-spacing: 0.03em;
    color: #FFFFFF; }

.readMoreClass {
  overflow: hidden;
  padding: 100px 0 0 0;
  transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }

.row_text {
  margin: 0 auto;
  text-decoration: none;
  width: 50px;
  height: 50px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10%;
  transition: all 0.35s cubic-bezier(0.475, 0.425, 0, 0.995); }
  .row_text:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #0D0D0D;
    border-right: 2px solid #0D0D0D;
    transform: rotate(45deg); }

.row_text.row_up:after {
  transform: rotate(-135deg); }

.g-recaptcha {
  margin-top: 30px; }

.block-local-tasks-block {
  position: fixed;
  top: 100px;
  left: 200px;
  z-index: 99999999999999999999;
  background: chartreuse;
  font-size: 40px; }

.magicBoxx {
  margin: 80px 0;
  position: relative;
  width: 450px;
  height: 600px; }
  .magicBoxx a.thumbnail-container {
    max-width: 560px;
    max-height: 758px;
    width: 450px;
    height: 600px;
    position: relative;
    display: block;
    transform: translate(0, 0);
    transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995); }
    .magicBoxx a.thumbnail-container .image-container {
      position: relative;
      perspective: 1000px;
      width: 450px;
      height: 600px;
      overflow: hidden; }
      .magicBoxx a.thumbnail-container .image-container .image-wrapper {
        transform: scale(1.1);
        transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995);
        overflow: hidden;
        position: relative;
        width: 450px;
        height: 600px; }
        .magicBoxx a.thumbnail-container .image-container .image-wrapper:after {
          content: '';
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          background: rgba(0, 0, 0, 0.5);
          transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995); }
        .magicBoxx a.thumbnail-container .image-container .image-wrapper:before {
          content: 'Перейти в кейс';
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 2;
          font-style: normal;
          font-weight: normal;
          font-size: 20px;
          font-size: 18px;
          line-height: 34px;
          text-align: center;
          letter-spacing: 0.03em;
          color: transparent;
          transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995); }
        .magicBoxx a.thumbnail-container .image-container .image-wrapper .gatsby-image-wrapper {
          transition: transform 4s cubic-bezier(0.19, 1, 0.22, 1);
          width: 450px;
          height: 600px; }
          .magicBoxx a.thumbnail-container .image-container .image-wrapper .gatsby-image-wrapper img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center center;
            opacity: 1;
            transition: opacity 0.5s ease 0s; }
    .magicBoxx a.thumbnail-container .label {
      position: absolute;
      right: -20px;
      padding-top: 20px;
      text-align: right;
      z-index: 2;
      transform: translateZ(0);
      transform-style: preserve-3d;
      max-width: 300px;
      transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995);
      font-style: normal;
      font-weight: 500;
      font-size: 18px;
      line-height: 26px;
      color: #0D0D0D;
      bottom: 60px;
      padding: 10px;
      background: rgba(255, 255, 255, 0); }
      .magicBoxx a.thumbnail-container .label p {
        transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995);
        color: #0D0D0D;
        line-height: 2em;
        position: relative;
        color: #FFFFFF;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
        line-height: 2em;
        line-height: 1.5em;
        position: relative; }
        .magicBoxx a.thumbnail-container .label p:after {
          content: '';
          display: block;
          width: 0;
          height: 1px;
          background: rgba(0, 0, 0, 0.3);
          transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995);
          position: absolute;
          top: 0;
          left: -10px; }
        .magicBoxx a.thumbnail-container .label p:before {
          content: '';
          display: block;
          width: 0;
          height: 1px;
          background: rgba(0, 0, 0, 0.3);
          transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995);
          position: absolute;
          bottom: 0;
          right: -10px;
          transform: rotate(180deg); }
  .magicBoxx a.thumbnail-container:hover .image-container .image-wrapper {
    transform: scale(0.95) rotateY(-9deg); }
    .magicBoxx a.thumbnail-container:hover .image-container .image-wrapper:after {
      background: rgba(0, 0, 0, 0.3);
      background: rgba(255, 255, 255, 0.5);
      transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995); }
    .magicBoxx a.thumbnail-container:hover .image-container .image-wrapper:before {
      color: #FFFFFF;
      color: #000000;
      transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995); }
    .magicBoxx a.thumbnail-container:hover .image-container .image-wrapper .gatsby-image-wrapper {
      transform: scale(1.1); }
  .magicBoxx a.thumbnail-container:hover .label {
    transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995);
    transform: scale(0.95) rotateY(-20deg);
    right: 0; }
    .magicBoxx a.thumbnail-container:hover .label p {
      transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995);
      color: rgba(0, 0, 0, 0.75);
      color: #0D0D0D;
      text-shadow: none; }
      .magicBoxx a.thumbnail-container:hover .label p:after {
        transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995); }
      .magicBoxx a.thumbnail-container:hover .label p:before {
        transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995); }

body.path-portfolio #main .template_service_section_hed {
  min-height: 500px !important; }

body.path-portfolio #main .template_service_section_case .template_service_wrapper-case > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto; }
  body.path-portfolio #main .template_service_section_case .template_service_wrapper-case > div .field_portfolio:nth-child(even) .magicBoxx {
    width: 500px;
    height: 400px; }
    body.path-portfolio #main .template_service_section_case .template_service_wrapper-case > div .field_portfolio:nth-child(even) .magicBoxx a.thumbnail-container {
      width: 500px;
      height: 400px; }
      body.path-portfolio #main .template_service_section_case .template_service_wrapper-case > div .field_portfolio:nth-child(even) .magicBoxx a.thumbnail-container .image-container {
        width: 500px;
        height: 400px; }
        body.path-portfolio #main .template_service_section_case .template_service_wrapper-case > div .field_portfolio:nth-child(even) .magicBoxx a.thumbnail-container .image-container .image-wrapper {
          width: 500px;
          height: 400px; }
          body.path-portfolio #main .template_service_section_case .template_service_wrapper-case > div .field_portfolio:nth-child(even) .magicBoxx a.thumbnail-container .image-container .image-wrapper .gatsby-image-wrapper {
            width: 500px;
            height: 400px; }
  body.path-portfolio #main .template_service_section_case .template_service_wrapper-case > div .field_portfolio:nth-child(odd) .magicBoxx {
    width: 400px;
    height: 600px; }
    body.path-portfolio #main .template_service_section_case .template_service_wrapper-case > div .field_portfolio:nth-child(odd) .magicBoxx a.thumbnail-container {
      width: 400px;
      height: 600px; }
      body.path-portfolio #main .template_service_section_case .template_service_wrapper-case > div .field_portfolio:nth-child(odd) .magicBoxx a.thumbnail-container .image-container {
        width: 400px;
        height: 600px; }
        body.path-portfolio #main .template_service_section_case .template_service_wrapper-case > div .field_portfolio:nth-child(odd) .magicBoxx a.thumbnail-container .image-container .image-wrapper {
          width: 400px;
          height: 600px; }
          body.path-portfolio #main .template_service_section_case .template_service_wrapper-case > div .field_portfolio:nth-child(odd) .magicBoxx a.thumbnail-container .image-container .image-wrapper .gatsby-image-wrapper {
            width: 400px;
            height: 600px; }

body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 100px 0; }
  body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper .p_title {
    text-align: right;
    font-size: 60px;
    font-weight: bold;
    padding-bottom: 50px;
    padding-right: 10px;
    color: #EB5656; }
    body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper .p_title a {
      color: #EB5656;
      position: relative; }
      body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper .p_title a:after {
        content: url("/themes/clean/img/arrow_r.svg");
        display: inline-block;
        vertical-align: text-top;
        padding-left: 10px;
        position: relative;
        transition: all .5s ease-out;
        right: 0; }
      body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper .p_title a:before {
        content: '';
        display: block;
        width: 0;
        height: 1px;
        background: rgba(0, 0, 0, 0.5);
        transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995);
        position: absolute;
        bottom: 0;
        left: 0; }
      body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper .p_title a:hover {
        transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995); }
        body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper .p_title a:hover:before {
          width: 50%;
          transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995); }
        body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper .p_title a:hover:after {
          right: -10px;
          transition: all .5s ease-out; }

body.template_service #accordion .title {
  position: relative;
  font-family: "Roboto", sans-serif;
  font-size: 60px;
  font-weight: bold;
  color: #373737;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 8px 0 30px 0;
  border-top: 1px solid #e5e5e5;
  transition: all 0.5s ease-out; }
  body.template_service #accordion .title .field_slogan {
    font-size: 20px;
    font-weight: bold;
    opacity: 0;
    transition: all 0.5s ease-out;
    padding-right: 40px; }
  body.template_service #accordion .title .num {
    display: none; }
  body.template_service #accordion .title.ui-state-active {
    background: #E5E5E5; }
    body.template_service #accordion .title.ui-state-active .field_slogan {
      opacity: 1;
      transition: all 2s ease-out; }
  body.template_service #accordion .title.ui-state-hover {
    background: #E5E5E5; }

body.template_service #accordion .accordion-content {
  border: 0;
  background: transparent;
  font-size: 20px;
  font-weight: normal;
  color: #373737;
  display: flex;
  justify-content: flex-end; }
  body.template_service #accordion .accordion-content .content {
    max-width: 660px; }
    body.template_service #accordion .accordion-content .content .more {
      float: right;
      color: #FF5C5C;
      text-decoration: none;
      position: relative; }
      body.template_service #accordion .accordion-content .content .more:before {
        content: '';
        display: block;
        width: 0;
        height: 1px;
        background: rgba(0, 0, 0, 0.5);
        transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995);
        position: absolute;
        bottom: 0;
        right: 0;
        transform: rotate(180deg); }
      body.template_service #accordion .accordion-content .content .more:hover {
        transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995); }
        body.template_service #accordion .accordion-content .content .more:hover:before {
          width: 80%;
          transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995); }

body.template_service #accordion .ui-icon {
  position: absolute;
  right: 10px;
  top: 30%;
  transition: all 0.2s ease-out; }
  body.template_service #accordion .ui-icon.iconOpen {
    background: url("/themes/clean/img/arrow_u_2.svg") no-repeat;
    width: 23px;
    height: 31px; }
  body.template_service #accordion .ui-icon.iconClosed {
    background: url("/themes/clean/img/arrow_d_2.svg") no-repeat;
    width: 23px;
    height: 31px; }

body.template_service .price_wrap {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 100px 0; }
  body.template_service .price_wrap .price_item {
    display: flex;
    border-top: 1px solid #000000;
    border-left: 8px solid #000;
    flex-wrap: nowrap;
    font-family: "Roboto", sans-serif;
    color: #373737;
    padding: 16px 0 30px 24px;
    transition: all 0.2s ease-out; }
    body.template_service .price_wrap .price_item:hover {
      border-left-color: #000 !important;
      transition: all 0.2s ease-out; }
    body.template_service .price_wrap .price_item > div {
      display: flex;
      flex-wrap: nowrap; }
      body.template_service .price_wrap .price_item > div .title {
        font-size: 60px;
        font-weight: bold;
        text-transform: uppercase;
        padding-bottom: 20px; }
      body.template_service .price_wrap .price_item > div .description {
        font-size: 18px;
        font-weight: 400; }
        body.template_service .price_wrap .price_item > div .description li {
          line-height: 26px; }
      body.template_service .price_wrap .price_item > div .price_list {
        list-style: disc;
        font-size: 20px;
        font-weight: 500;
        margin-left: 22px;
        line-height: 30px; }
      body.template_service .price_wrap .price_item > div a {
        font-family: "Montserrat", sans-serif;
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase;
        color: #373737;
        border-bottom: 1px solid #373737;
        border-right: 1px solid #373737;
        padding: 15px 30px 12px 0; }
        body.template_service .price_wrap .price_item > div a:after {
          content: url("/themes/clean/img/arrow_r.svg");
          display: inline-block;
          vertical-align: text-top;
          padding-left: 24px;
          position: relative;
          transition: all .5s ease-out;
          right: 0; }
        body.template_service .price_wrap .price_item > div a:hover {
          transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995); }
          body.template_service .price_wrap .price_item > div a:hover:after {
            right: -10px;
            transition: all .5s ease-out; }
    body.template_service .price_wrap .price_item .col-1 {
      flex: 1;
      flex-direction: column;
      min-width: 480px; }
    body.template_service .price_wrap .price_item .col-2 {
      flex: 1; }
    body.template_service .price_wrap .price_item .col-3 {
      align-items: center; }
  body.template_service .price_wrap .price_item:nth-child(1),
  body.template_service .price_wrap .price_item:nth-child(6) {
    border-left-color: #FF5C5C; }
  body.template_service .price_wrap .price_item:nth-child(2),
  body.template_service .price_wrap .price_item:nth-child(7) {
    border-left-color: #FFEB35; }
  body.template_service .price_wrap .price_item:nth-child(3),
  body.template_service .price_wrap .price_item:nth-child(8) {
    border-left-color: #4FCBBC; }
  body.template_service .price_wrap .price_item:nth-child(4),
  body.template_service .price_wrap .price_item:nth-child(9) {
    border-left-color: #D554F5; }
  body.template_service .price_wrap .price_item:nth-child(5),
  body.template_service .price_wrap .price_item:nth-child(10) {
    border-left-color: #3C9CD7; }
  body.template_service .price_wrap .price_item:last-child {
    border-bottom: 1px solid #000000; }

body.template_service .price_stile_two_wrap {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 100px 0;
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap; }
  body.template_service .price_stile_two_wrap .price_item {
    width: calc(( 100% - 66px)/3);
    min-width: 320px;
    display: flex;
    flex-direction: column;
    border: 1px solid #000;
    margin: 10px;
    padding: 16px 0;
    min-height: 304px; }
    body.template_service .price_stile_two_wrap .price_item > div {
      text-align: center; }
    body.template_service .price_stile_two_wrap .price_item .col-2 {
      flex: 1; }
    body.template_service .price_stile_two_wrap .price_item .col-3 {
      margin: 20px; }
    body.template_service .price_stile_two_wrap .price_item .title {
      font-size: 30px;
      font-weight: bold;
      text-transform: uppercase;
      padding: 10px; }
    body.template_service .price_stile_two_wrap .price_item .description {
      font-size: 18px;
      font-weight: 400; }
      body.template_service .price_stile_two_wrap .price_item .description ul {
        padding: 10px; }
      body.template_service .price_stile_two_wrap .price_item .description li {
        line-height: 26px; }
    body.template_service .price_stile_two_wrap .price_item .price_list {
      font-size: 20px;
      font-weight: 500;
      line-height: 30px;
      padding: 10px; }
    body.template_service .price_stile_two_wrap .price_item a {
      font-family: "Montserrat", sans-serif;
      font-size: 20px;
      font-weight: 700;
      text-transform: uppercase;
      color: #373737;
      position: relative; }
      body.template_service .price_stile_two_wrap .price_item a:before {
        content: '';
        display: block;
        width: 0;
        height: 1px;
        background: rgba(0, 0, 0, 0.5);
        transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995);
        position: absolute;
        bottom: 0;
        right: 0;
        transform: rotate(180deg); }
      body.template_service .price_stile_two_wrap .price_item a:hover {
        transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995); }
        body.template_service .price_stile_two_wrap .price_item a:hover:before {
          width: 80%;
          transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995); }
  body.template_service .price_stile_two_wrap .price_item:nth-child(1) {
    border-color: #FF5C5C;
    background: #FF5C5C; }
  body.template_service .price_stile_two_wrap .price_item:nth-child(2) {
    border-color: #D554F5;
    background: #D554F5; }
  body.template_service .price_stile_two_wrap .price_item:nth-child(3) {
    border-color: #3C9CD7;
    background: #3C9CD7; }
  body.template_service .price_stile_two_wrap .price_item:nth-child(4) {
    border-color: #4FCBBC;
    background: #4FCBBC; }
  body.template_service .price_stile_two_wrap .price_item:nth-child(5) {
    border-color: #FFEB35;
    background: #FFEB35; }

.back_to_top {
  border: none;
  position: fixed;
  bottom: 80px;
  right: 10px;
  z-index: 9999;
  width: 30px;
  height: 80px;
  color: #0D0D0D;
  cursor: pointer;
  display: none;
  transition: all 0.5s cubic-bezier(0.475, 0.425, 0, 0.995);
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 0;
  background: rgba(255, 255, 255, 0.1); }
  .back_to_top span {
    transition: all 0.5s cubic-bezier(0.475, 0.425, 0, 0.995);
    width: 1px;
    height: 60px;
    background: #0D0D0D;
    display: flex;
    position: relative; }
    .back_to_top span:before {
      content: '';
      display: block;
      width: 10px;
      height: 10px;
      border-left: 1px solid #0D0D0D;
      border-top: 1px solid #0D0D0D;
      position: absolute;
      top: 0;
      left: -5px;
      transform: rotate(45deg); }

.back_to_top:hover {
  transition: all 0.5s cubic-bezier(0.475, 0.425, 0, 0.995); }
  .back_to_top:hover span {
    height: 80px;
    transition: all 0.5s cubic-bezier(0.475, 0.425, 0, 0.995); }

.back_to_top-show {
  display: flex;
  transition: all 0.5s cubic-bezier(0.475, 0.425, 0, 0.995); }

.h1 {
  display: inline !important;
  height: max-content !important; }
  .h1 p {
    display: inline !important; }
  .h1 span {
    color: rgba(13, 13, 13, 0.5);
    animation: blink .6s infinite;
    font-weight: 100; }
  .h1 .h1--show {
    opacity: 1 !important;
    position: relative; }

@keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.svg_element {
  position: absolute;
  height: 100%;
  width: 50%;
  right: 0;
  display: flex; }
  .svg_element svg {
    width: 50vw;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0; }

.path {
  stroke-dasharray: 1000;
  stroke-opacity: .35;
  stroke-linecap: butt;
  stroke-linejoin: bevel;
  animation: dash 2.5s cubic-bezier(0.475, 0.425, 0, 0.995) alternate 5; }

@keyframes dash {
  from {
    stroke-dashoffset: 1000; }
  to {
    stroke-dashoffset: 0; } }

body.template_service #main section.request_section .request_section_wrapper #frontFooterRequest {
  background: rgba(255, 255, 255, 0.8); }
  body.template_service #main section.request_section .request_section_wrapper #frontFooterRequest .link_title span,
  body.template_service #main section.request_section .request_section_wrapper #frontFooterRequest .link_icon span {
    color: #0D0D0D; }
    body.template_service #main section.request_section .request_section_wrapper #frontFooterRequest .link_title span:after,
    body.template_service #main section.request_section .request_section_wrapper #frontFooterRequest .link_icon span:after {
      background: #0D0D0D; }

.portfolio-template-louisa-models .nina-ricci__section {
  margin-top: 84px;
  margin-bottom: -84px; }

.portfolio-template-louisa-models header {
  background: black; }

.def-main {
  width: 100%;
  height: calc(100vh - 84px - 42px);
  position: relative; }
  .def-main .def-main-wrap {
    width: 100%;
    max-width: 62vw;
    margin-left: 22vw;
    margin-right: 16vw;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly; }

.bg_transperent {
  background: transparent !important; }

@media screen and (max-width: 1270px) and (min-width: 850px) {
  body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper {
    justify-content: space-around; }
    body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper .left_case .case,
    body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper .right_case .case {
      width: 300px;
      height: 480px; }
      body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper .left_case .case a.case_url,
      body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper .right_case .case a.case_url {
        width: 300px;
        height: 480px; }
        body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper .left_case .case a.case_url .image-container,
        body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper .right_case .case a.case_url .image-container {
          width: 300px;
          height: 480px; }
          body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper .left_case .case a.case_url .image-container .image-wrapper,
          body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper .right_case .case a.case_url .image-container .image-wrapper {
            width: 300px;
            height: 480px; }
            body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper .left_case .case a.case_url .image-container .image-wrapper .gatsby-image-wrapper,
            body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper .right_case .case a.case_url .image-container .image-wrapper .gatsby-image-wrapper {
              width: 300px;
              height: 480px; }
  body.template_service #main .price_wrap {
    max-width: 100%;
    padding: 0 0 100px 0; }
    body.template_service #main .price_wrap .price_item > div .title {
      font-size: 30px; } }

@media screen and (max-width: 850px) {
  h3 {
    font-size: 40px !important;
    line-height: 1em !important; }
  html {
    overflow-y: inherit;
    overflow-x: inherit; }
  body {
    height: inherit; }
  .path-frontpage header {
    background: transparent; }
  header,
  .menu_pop {
    position: fixed;
    top: 0;
    height: 84px;
    background: #0D0D0D;
    z-index: 9999;
    box-sizing: border-box; }
    header .header-wrapper,
    .menu_pop .header-wrapper {
      margin: 0;
      flex-wrap: wrap;
      height: 100%;
      box-sizing: border-box;
      align-items: flex-start; }
      header .header-wrapper .header-wrapper_left,
      .menu_pop .header-wrapper .header-wrapper_left {
        padding: 0 18px;
        margin-top: 19px;
        width: 100%;
        box-sizing: border-box;
        justify-content: space-between; }
        header .header-wrapper .header-wrapper_left .main-logo,
        .menu_pop .header-wrapper .header-wrapper_left .main-logo {
          margin: 0; }
      header .header-wrapper .header-wrapper_right,
      .menu_pop .header-wrapper .header-wrapper_right {
        margin: 0;
        width: 100%;
        padding: 0;
        box-sizing: border-box; }
        header .header-wrapper .header-wrapper_right .tel,
        .menu_pop .header-wrapper .header-wrapper_right .tel {
          position: absolute;
          top: 18px;
          left: 200px; }
          header .header-wrapper .header-wrapper_right .tel--desktop,
          .menu_pop .header-wrapper .header-wrapper_right .tel--desktop {
            display: none; }
          header .header-wrapper .header-wrapper_right .tel--mobile,
          .menu_pop .header-wrapper .header-wrapper_right .tel--mobile {
            display: flex; }
            header .header-wrapper .header-wrapper_right .tel--mobile i,
            .menu_pop .header-wrapper .header-wrapper_right .tel--mobile i {
              font-size: 30px; }
        header .header-wrapper .header-wrapper_right .request,
        .menu_pop .header-wrapper .header-wrapper_right .request {
          margin: 0;
          position: absolute;
          top: 18px;
          left: 260px; }
          header .header-wrapper .header-wrapper_right .request .request--desktop,
          .menu_pop .header-wrapper .header-wrapper_right .request .request--desktop {
            display: none !important; }
          header .header-wrapper .header-wrapper_right .request .request--mobile,
          .menu_pop .header-wrapper .header-wrapper_right .request .request--mobile {
            display: flex !important; }
            header .header-wrapper .header-wrapper_right .request .request--mobile i,
            .menu_pop .header-wrapper .header-wrapper_right .request .request--mobile i {
              font-size: 30px; }
  header .header-wrapper .left_wrapper,
  .menu_pop .header-wrapper .left_wrapper,
  .request_pop .header-wrapper .left_wrapper {
    display: none; }
  .menu_pop_active {
    z-index: 99999;
    overflow: inherit !important; }
    .menu_pop_active .header-wrapper {
      z-index: 9999; }
      .menu_pop_active .header-wrapper .menu_pop_bg_logo svg {
        display: none; }
      .menu_pop_active .header-wrapper .left_wrapper {
        display: flex !important;
        left: 18px;
        top: 170px;
        height: calc(98vh - 270px);
        justify-content: space-between; }
    .menu_pop_active .menu_pop_wrapper {
      min-width: 100%;
      background: black;
      box-sizing: border-box;
      position: fixed;
      width: 100vw;
      z-index: 999;
      top: 84px;
      height: calc(100vh - 84px);
      flex-direction: column;
      align-items: flex-end;
      padding-top: 2px;
      display: block;
      margin: 0;
      right: 0;
      overflow-x: hidden;
      overflow-y: initial; }
      .menu_pop_active .menu_pop_wrapper .menu_box {
        height: 100%; }
        .menu_pop_active .menu_pop_wrapper .menu_box .region-footer-menu {
          height: auto; }
          .menu_pop_active .menu_pop_wrapper .menu_box .region-footer-menu nav {
            position: relative;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            box-sizing: border-box;
            height: 100%; }
            .menu_pop_active .menu_pop_wrapper .menu_box .region-footer-menu nav ul {
              padding: 0 18px;
              align-items: flex-end;
              height: 400px;
              min-height: 400px;
              flex-wrap: nowrap;
              box-sizing: border-box;
              margin-top: 40px; }
              .menu_pop_active .menu_pop_wrapper .menu_box .region-footer-menu nav ul li {
                text-align: right;
                margin: 0 0 10px 0;
                display: flex;
                align-items: center;
                height: 34px; }
                .menu_pop_active .menu_pop_wrapper .menu_box .region-footer-menu nav ul li a {
                  font-style: normal;
                  font-weight: 500;
                  font-size: 21px;
                  line-height: 31px; }
  section.front_01 {
    height: calc(100vh + 58px - 84px); }
    section.front_01 .description {
      padding: 0 18px; }
      section.front_01 .description .description--p {
        text-align: center;
        max-width: 90vw;
        margin: 0; }
        section.front_01 .description .description--p h1 {
          font-size: 25px;
          line-height: 1.5;
          margin-bottom: 30px; }
      section.front_01 .description p {
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 28px;
        max-width: inherit;
        margin: 0; }
  section.front_02 {
    min-height: 800px !important; }
    section.front_02 .description {
      padding: 0 18px;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      section.front_02 .description .title {
        height: auto;
        margin: 40px 0 20px 0; }
        section.front_02 .description .title h3 {
          margin: 0;
          font-weight: 500;
          font-size: 22px;
          line-height: 32px; }
      section.front_02 .description .number-wrapper {
        height: 100%; }
        section.front_02 .description .number-wrapper .number-row {
          margin: 0;
          width: 100%;
          justify-content: flex-end; }
          section.front_02 .description .number-wrapper .number-row .number_flex {
            justify-content: center !important;
            margin: 0; }
            section.front_02 .description .number-wrapper .number-row .number_flex .number_box {
              margin: 0 0 20px 0;
              max-width: 48%;
              flex-wrap: wrap; }
              section.front_02 .description .number-wrapper .number-row .number_flex .number_box span {
                color: #fff !important; }
  section.front_03 {
    justify-content: center; }
    section.front_03 .description {
      margin: 0;
      justify-content: center; }
      section.front_03 .description .x3 {
        max-width: 100%;
        width: calc(100% + 2px);
        font-size: 36px; }
      section.front_03 .description .x2 {
        width: calc(100% + 1px); }
      section.front_03 .description .x1 {
        width: calc(50% + 1px); }
  section.front_service {
    padding: 9px 18px;
    box-sizing: border-box; }
    section.front_service .front_service_wrapper {
      margin: 0;
      max-width: inherit;
      height: 100%; }
      section.front_service .front_service_wrapper #accordion .title {
        font-size: 24px;
        padding-left: 40px; }
        section.front_service .front_service_wrapper #accordion .title .num {
          font-weight: 500; }
        section.front_service .front_service_wrapper #accordion .title .field_slogan {
          font-size: 17px;
          opacity: 1;
          font-weight: normal;
          padding-right: 40px; }
        section.front_service .front_service_wrapper #accordion .title.ui-state-hover {
          background: transparent; }
      section.front_service .front_service_wrapper .front_service_link {
        align-items: flex-start; }
        section.front_service .front_service_wrapper .front_service_link .description_servise {
          position: relative;
          max-width: 90%;
          height: 90%;
          display: flex;
          flex-direction: column;
          justify-content: space-between; }
          section.front_service .front_service_wrapper .front_service_link .description_servise span {
            margin: 18px 0 0 0; }
          section.front_service .front_service_wrapper .front_service_link .description_servise .h3 {
            margin: 0;
            max-width: 100%;
            line-height: 50px;
            font-size: 40px; }
          section.front_service .front_service_wrapper .front_service_link .description_servise p {
            margin: 0;
            max-width: 100%;
            min-height: 60%; }
        section.front_service .front_service_wrapper .front_service_link .background_servise {
          width: 100%;
          height: 70%;
          top: inherit;
          bottom: 0; }
        section.front_service .front_service_wrapper .front_service_link .front_service_button {
          bottom: 3%; }
  section.last_service {
    margin-bottom: 100px;
    overflow: initial; }
    section.last_service:after {
      bottom: -100px; }
    section.last_service:before {
      display: none; }
  section.front_clients {
    box-sizing: border-box; }
    section.front_clients .front_clients_wrapper {
      margin: 0;
      max-width: 100%;
      padding: 0 18px;
      box-sizing: border-box; }
      section.front_clients .front_clients_wrapper .icon_wrapper .icon_box {
        width: 50%;
        justify-content: center !important; }
        section.front_clients .front_clients_wrapper .icon_wrapper .icon_box img {
          width: 70%; }
  section.front_posts {
    box-sizing: border-box;
    height: auto; }
    section.front_posts .front_posts_wrapper {
      box-sizing: border-box;
      max-width: 100%;
      height: 100%;
      margin: 0;
      padding: 0 18px; }
      section.front_posts .front_posts_wrapper .title_row {
        flex-wrap: wrap;
        justify-content: flex-end;
        margin: 90px 0 40px 0; }
        section.front_posts .front_posts_wrapper .title_row .h3 {
          font-size: 50px;
          line-height: 70px; }
        section.front_posts .front_posts_wrapper .title_row .more {
          margin-top: 20px; }
      section.front_posts .front_posts_wrapper .views-element-container .content_row {
        flex-wrap: wrap; }
        section.front_posts .front_posts_wrapper .views-element-container .content_row .post_box {
          max-width: 100%; }
          section.front_posts .front_posts_wrapper .views-element-container .content_row .post_box .post_box_link img {
            width: 100%;
            height: auto; }
          section.front_posts .front_posts_wrapper .views-element-container .content_row .post_box .post_box_link .post_teaser_text {
            margin-bottom: 90px; }
  section.front_description .front_description_wrapper {
    max-width: 100%;
    margin: 0;
    padding: 0 18px; }
    section.front_description .front_description_wrapper .description_content .description_text {
      columns: inherit; }
  section.request_section .request_section_wrapper #frontFooterRequest {
    flex-wrap: wrap;
    padding: 0 18px;
    box-sizing: border-box; }
    section.request_section .request_section_wrapper #frontFooterRequest .link_title {
      max-width: 100%; }
      section.request_section .request_section_wrapper #frontFooterRequest .link_title span {
        width: fit-content; }
    section.request_section .request_section_wrapper #frontFooterRequest .link_icon {
      max-width: 100%;
      width: 100%;
      display: flex;
      justify-content: flex-end; }
  section#RegionFooterTwo .footer-box {
    height: auto; }
    section#RegionFooterTwo .footer-box .footer-wrapper {
      flex-wrap: wrap;
      padding: 0 18px;
      box-sizing: border-box; }
      section#RegionFooterTwo .footer-box .footer-wrapper .footer-list-block {
        width: 100%;
        max-width: 100%;
        margin: 60px 0 100px 0; }
      section#RegionFooterTwo .footer-box .footer-wrapper .footer-address-block {
        width: 100%;
        max-width: 100%; }
        section#RegionFooterTwo .footer-box .footer-wrapper .footer-address-block .copi {
          margin: 60px 0 50px 0; }
  section#RegionFooterTwo .footer-box {
    height: auto; }
    section#RegionFooterTwo .footer-box .footer-wrapper {
      flex-wrap: wrap;
      padding: 0 18px;
      box-sizing: border-box; }
      section#RegionFooterTwo .footer-box .footer-wrapper .footer-list-block {
        width: 100%;
        max-width: 100%;
        margin: 60px 0 100px 0; }
      section#RegionFooterTwo .footer-box .footer-wrapper .footer-address-block {
        width: 100%;
        max-width: 100%; }
        section#RegionFooterTwo .footer-box .footer-wrapper .footer-address-block .copi {
          margin: 60px 0 50px 0; }
  section.front_form {
    height: auto; }
    section.front_form .form-box .form-box_wrapper {
      max-width: 100%;
      margin: 0;
      padding: 0 18px;
      box-sizing: border-box; }
      section.front_form .form-box .form-box_wrapper h3 {
        margin: 83px 0 42px 0; }
      section.front_form .form-box .form-box_wrapper form #edit-markup--2 {
        margin: 0 0 70px 0; }
      section.front_form .form-box .form-box_wrapper form #edit-flexbox--2,
      section.front_form .form-box .form-box_wrapper form #edit-flexbox-01--2,
      section.front_form .form-box .form-box_wrapper form #edit-flexbox-03--2,
      section.front_form .form-box .form-box_wrapper form #edit-flexbox-02--2 {
        flex-wrap: wrap; }
        section.front_form .form-box .form-box_wrapper form #edit-flexbox--2 .webform-flex,
        section.front_form .form-box .form-box_wrapper form #edit-flexbox-01--2 .webform-flex,
        section.front_form .form-box .form-box_wrapper form #edit-flexbox-03--2 .webform-flex,
        section.front_form .form-box .form-box_wrapper form #edit-flexbox-02--2 .webform-flex {
          width: 100%;
          max-width: 100%; }
          section.front_form .form-box .form-box_wrapper form #edit-flexbox--2 .webform-flex .webform-flex--container .js-form-item,
          section.front_form .form-box .form-box_wrapper form #edit-flexbox-01--2 .webform-flex .webform-flex--container .js-form-item,
          section.front_form .form-box .form-box_wrapper form #edit-flexbox-03--2 .webform-flex .webform-flex--container .js-form-item,
          section.front_form .form-box .form-box_wrapper form #edit-flexbox-02--2 .webform-flex .webform-flex--container .js-form-item {
            position: relative;
            width: 100%; }
            section.front_form .form-box .form-box_wrapper form #edit-flexbox--2 .webform-flex .webform-flex--container .js-form-item input,
            section.front_form .form-box .form-box_wrapper form #edit-flexbox--2 .webform-flex .webform-flex--container .js-form-item select,
            section.front_form .form-box .form-box_wrapper form #edit-flexbox-01--2 .webform-flex .webform-flex--container .js-form-item input,
            section.front_form .form-box .form-box_wrapper form #edit-flexbox-01--2 .webform-flex .webform-flex--container .js-form-item select,
            section.front_form .form-box .form-box_wrapper form #edit-flexbox-03--2 .webform-flex .webform-flex--container .js-form-item input,
            section.front_form .form-box .form-box_wrapper form #edit-flexbox-03--2 .webform-flex .webform-flex--container .js-form-item select,
            section.front_form .form-box .form-box_wrapper form #edit-flexbox-02--2 .webform-flex .webform-flex--container .js-form-item input,
            section.front_form .form-box .form-box_wrapper form #edit-flexbox-02--2 .webform-flex .webform-flex--container .js-form-item select {
              width: 100%; }
      section.front_form .form-box .form-box_wrapper form .js-form-type-checkbox {
        width: 100%;
        margin: 20px 0 150px 0; }
      section.front_form .form-box .form-box_wrapper form .form-actions {
        width: 100%;
        bottom: -80px; }
  .request_pop .request_header_fix {
    display: none; }
  .request_pop_active {
    z-index: 99999999999999;
    background: #FFFFFF; }
    .request_pop_active .request_header_fix {
      background: #FFFFFF;
      height: 84px;
      display: block;
      z-index: 9999999; }
      .request_pop_active .request_header_fix .header-wrapper {
        margin: 0;
        flex-wrap: wrap;
        height: 100%;
        box-sizing: border-box;
        align-items: flex-start; }
        .request_pop_active .request_header_fix .header-wrapper .header-wrapper_left {
          padding: 0 18px;
          margin-top: 19px;
          width: 100%;
          box-sizing: border-box;
          justify-content: space-between; }
          .request_pop_active .request_header_fix .header-wrapper .header-wrapper_left .main-logo {
            margin: 0; }
        .request_pop_active .request_header_fix .header-wrapper .header-wrapper_right {
          margin: 0;
          width: 100%;
          padding: 0 18px;
          box-sizing: border-box; }
          .request_pop_active .request_header_fix .header-wrapper .header-wrapper_right .tel {
            position: absolute;
            top: 18px;
            left: 200px; }
            .request_pop_active .request_header_fix .header-wrapper .header-wrapper_right .tel--desktop {
              display: none; }
            .request_pop_active .request_header_fix .header-wrapper .header-wrapper_right .tel--mobile {
              display: flex; }
              .request_pop_active .request_header_fix .header-wrapper .header-wrapper_right .tel--mobile i {
                color: black;
                font-size: 30px; }
          .request_pop_active .request_header_fix .header-wrapper .header-wrapper_right .request {
            margin: 0;
            position: absolute;
            top: 18px;
            left: 260px; }
            .request_pop_active .request_header_fix .header-wrapper .header-wrapper_right .request .request--desktop {
              display: none !important; }
            .request_pop_active .request_header_fix .header-wrapper .header-wrapper_right .request .request--mobile {
              display: flex !important; }
              .request_pop_active .request_header_fix .header-wrapper .header-wrapper_right .request .request--mobile i {
                font-size: 30px; }
    .request_pop_active .form-box {
      max-width: 100%;
      padding: 0 18px;
      min-height: max-content;
      height: max-content;
      margin: 84px 0 0 0;
      z-index: 9999;
      background: #FFFFFF !important;
      box-sizing: border-box; }
      .request_pop_active .form-box h3 {
        margin: 42px 0; }
      .request_pop_active .form-box form {
        background: #FFFFFF; }
        .request_pop_active .form-box form #edit-markup--2 {
          margin: 0 0 70px 0; }
        .request_pop_active .form-box form #edit-flexbox,
        .request_pop_active .form-box form #edit-flexbox-01,
        .request_pop_active .form-box form #edit-flexbox-03,
        .request_pop_active .form-box form #edit-flexbox-02 {
          flex-wrap: wrap; }
          .request_pop_active .form-box form #edit-flexbox .webform-flex,
          .request_pop_active .form-box form #edit-flexbox-01 .webform-flex,
          .request_pop_active .form-box form #edit-flexbox-03 .webform-flex,
          .request_pop_active .form-box form #edit-flexbox-02 .webform-flex {
            width: 100%;
            max-width: 100%; }
            .request_pop_active .form-box form #edit-flexbox .webform-flex .webform-flex--container .js-form-item,
            .request_pop_active .form-box form #edit-flexbox-01 .webform-flex .webform-flex--container .js-form-item,
            .request_pop_active .form-box form #edit-flexbox-03 .webform-flex .webform-flex--container .js-form-item,
            .request_pop_active .form-box form #edit-flexbox-02 .webform-flex .webform-flex--container .js-form-item {
              position: relative;
              width: 100%; }
              .request_pop_active .form-box form #edit-flexbox .webform-flex .webform-flex--container .js-form-item input,
              .request_pop_active .form-box form #edit-flexbox .webform-flex .webform-flex--container .js-form-item select,
              .request_pop_active .form-box form #edit-flexbox-01 .webform-flex .webform-flex--container .js-form-item input,
              .request_pop_active .form-box form #edit-flexbox-01 .webform-flex .webform-flex--container .js-form-item select,
              .request_pop_active .form-box form #edit-flexbox-03 .webform-flex .webform-flex--container .js-form-item input,
              .request_pop_active .form-box form #edit-flexbox-03 .webform-flex .webform-flex--container .js-form-item select,
              .request_pop_active .form-box form #edit-flexbox-02 .webform-flex .webform-flex--container .js-form-item input,
              .request_pop_active .form-box form #edit-flexbox-02 .webform-flex .webform-flex--container .js-form-item select {
                width: 100%; }
        .request_pop_active .form-box form .js-form-type-checkbox {
          width: 100%;
          margin: 20px 0 150px 0; }
        .request_pop_active .form-box form .form-actions {
          width: 100%;
          bottom: -80px; }
    .request_pop_active .footer-box {
      height: auto; }
      .request_pop_active .footer-box .footer-wrapper {
        flex-wrap: wrap;
        padding: 0 18px;
        box-sizing: border-box; }
        .request_pop_active .footer-box .footer-wrapper .footer-list-block {
          width: 100%;
          max-width: 100%;
          margin: 60px 0 100px 0; }
        .request_pop_active .footer-box .footer-wrapper .footer-address-block {
          width: 100%;
          max-width: 100%; }
          .request_pop_active .footer-box .footer-wrapper .footer-address-block .copi {
            margin: 60px 0 50px 0; }
  body.template_service {
    overflow: inherit; }
    body.template_service #main .template_service_wrapper {
      width: 100%;
      max-width: 100%;
      margin: 0; }
      body.template_service #main .template_service_wrapper .towcol .col1,
      body.template_service #main .template_service_wrapper .towcol .col2 {
        width: 100%; }
    body.template_service #main section.template_service_section_hed {
      height: auto;
      box-sizing: border-box; }
      body.template_service #main section.template_service_section_hed .bread_crumbs {
        margin: 36px 0; }
      body.template_service #main section.template_service_section_hed .h1 {
        font-size: 59px;
        word-break: break-all; }
      body.template_service #main section.template_service_section_hed .service_section_hed_slogan {
        height: auto;
        margin: 20px 0 30px 0; }
    body.template_service #main section.template_service_section_hed_description .template_service_wrapper {
      padding: 0 18px; }
      body.template_service #main section.template_service_section_hed_description .template_service_wrapper p {
        width: 100%;
        margin: 10px 0; }
    body.template_service #main section.template_service_section_main-text {
      height: auto;
      padding: 0; }
      body.template_service #main section.template_service_section_main-text .template_service_wrapper {
        padding: 0 18px; }
        body.template_service #main section.template_service_section_main-text .template_service_wrapper .main-text {
          font-size: 25px;
          line-height: 36px;
          padding: 80px 0; }
    body.template_service #main section.template_service_section_case {
      padding: 0 18px; }
      body.template_service #main section.template_service_section_case .template_service_wrapper-case {
        max-width: 100%;
        margin: 0; }
        body.template_service #main section.template_service_section_case .template_service_wrapper-case .left_case,
        body.template_service #main section.template_service_section_case .template_service_wrapper-case .right_case {
          max-width: 100%; }
          body.template_service #main section.template_service_section_case .template_service_wrapper-case .left_case .case,
          body.template_service #main section.template_service_section_case .template_service_wrapper-case .right_case .case {
            margin: 0 0 76px 0; }
    body.template_service #main section.template_service_section_footer {
      height: auto; }
      body.template_service #main section.template_service_section_footer .section_footer_list {
        flex-direction: column; }
        body.template_service #main section.template_service_section_footer .section_footer_list li {
          width: 100%; }
          body.template_service #main section.template_service_section_footer .section_footer_list li a {
            padding: 20px 0; }
            body.template_service #main section.template_service_section_footer .section_footer_list li a .footer_list_breadcrumbs {
              margin-top: 20px; }
            body.template_service #main section.template_service_section_footer .section_footer_list li a .footer_list_title {
              margin-bottom: 20px; }
  .template_service--bgColor {
    background: #0D0D0D !important; }
  body.template_blog #main {
    margin-top: 84px; }
    body.template_blog #main section.template_blog_section_hed .template_blog_wrapper {
      padding: 0 18px;
      box-sizing: border-box;
      max-width: 100%;
      margin: 0; }
    body.template_blog #main section.template_blog_section_body .template_blog_wrapper {
      max-width: 100%;
      margin: 0;
      padding: 0 18px;
      box-sizing: border-box;
      flex-wrap: wrap; }
      body.template_blog #main section.template_blog_section_body .template_blog_wrapper .blog-unit {
        width: 100%;
        margin-bottom: 80px; }
  body.path-contacts #main {
    padding-top: 84px; }
    body.path-contacts #main section.contact .contact_wrapper {
      max-width: 100%;
      margin: 0;
      padding: 0 18px; }
      body.path-contacts #main section.contact .contact_wrapper h1 {
        font-size: 36px; }
      body.path-contacts #main section.contact .contact_wrapper .description {
        margin-top: 40px; }
    body.path-contacts #main section.map_section {
      height: 50vh; }
  body.blog_details #main section.template_blog_section_hed {
    height: auto; }
    body.blog_details #main section.template_blog_section_hed .template_blog_wrapper .bread_crumbs {
      margin: 30px 0; }
    body.blog_details #main section.template_blog_section_hed .template_blog_wrapper .h1 {
      font-size: 39px;
      line-height: 57px;
      word-break: break-all; }
    body.blog_details #main section.template_blog_section_hed .template_blog_wrapper .blog_section_hed_slogan {
      margin: 44px 0; }
  body.blog_details #main section.template_blog_section_hed_description .template_blog_wrapper {
    max-width: 100%;
    margin: 0;
    box-sizing: border-box;
    padding: 0 18px; }
    body.blog_details #main section.template_blog_section_hed_description .template_blog_wrapper .blog_section_slogan p {
      width: 100%;
      font-size: 16px;
      line-height: 25px;
      letter-spacing: 0.03em; }
    body.blog_details #main section.template_blog_section_hed_description .template_blog_wrapper .blog_section_slogan ul li {
      width: 100%;
      font-size: 16px;
      line-height: 25px;
      letter-spacing: 0.03em;
      margin: 10px 0; }
    body.blog_details #main section.template_blog_section_hed_description .template_blog_wrapper .blog_section_content_banner .blog_section_content_banner_footer {
      flex-wrap: wrap; }
      body.blog_details #main section.template_blog_section_hed_description .template_blog_wrapper .blog_section_content_banner .blog_section_content_banner_footer .data {
        width: 100%;
        margin-bottom: 20px; }
  body.blog_details #main section.template_blog_section_footer {
    height: auto; }
    body.blog_details #main section.template_blog_section_footer .section_footer_list {
      flex-direction: column; }
      body.blog_details #main section.template_blog_section_footer .section_footer_list li {
        width: 100%; }
        body.blog_details #main section.template_blog_section_footer .section_footer_list li a {
          padding: 20px 0; }
          body.blog_details #main section.template_blog_section_footer .section_footer_list li a .footer_list_breadcrumbs {
            margin-top: 20px; }
          body.blog_details #main section.template_blog_section_footer .section_footer_list li a .footer_list_title {
            margin-bottom: 20px; }
  body.template_cim header {
    background: #C87DF6 !important; }
  body.template_seo header {
    background: #EBC156 !important; }
  body.template_ppc header {
    background: #56EBAC !important; }
  body.template_smm header {
    background: #56C7EB !important; }
  body.template_web header {
    background: #EB5656 !important; }
  body.template_web.path-chatbots-development header {
    background: #E8B858 !important; }
  body.page-node-type-case #main section.template_service_section_pre-footer {
    height: auto; }
    body.page-node-type-case #main section.template_service_section_pre-footer .template_service_wrapper {
      margin: 80px 0;
      padding: 0 18px;
      box-sizing: border-box; }
  body.page-node-type-case #main section.template_service_section_case .head_case .head_case-img {
    margin-bottom: 50px !important; }
  body.template_service #main .template_service_wrapper {
    padding: 0 18px;
    box-sizing: border-box; }
  .template_404 #main .region-content:after {
    width: 400px;
    height: 400px;
    top: 0; }
  .template_404 #main .region-content .content .node__content .body {
    width: 90% !important;
    max-width: 100% !important;
    margin: 0 auto !important; }
    .template_404 #main .region-content .content .node__content .body p {
      font-size: 40px !important; }
    .template_404 #main .region-content .content .node__content .body a {
      width: 290px !important; }
  .template_snq #main .snq-wrapper:after {
    width: 400px;
    height: 400px;
    top: 45px;
    right: 0; }
  .template_snq #main .snq-wrapper .snq-wrapper-box {
    width: 90% !important;
    max-width: 100% !important;
    margin: 0 auto !important; }
    .template_snq #main .snq-wrapper .snq-wrapper-box h1 {
      font-size: 40px !important;
      line-height: 50px !important; }
    .template_snq #main .snq-wrapper .snq-wrapper-box .link-home {
      width: 290px !important; }
  body.path-portfolio header {
    background: #F3F3F1 !important; }
  body.path-portfolio #main .template_service_section_case .template_service_wrapper-case > div {
    justify-content: center; }
    body.path-portfolio #main .template_service_section_case .template_service_wrapper-case > div .field_portfolio .magicBoxx {
      margin: 60px 0;
      width: 300px !important;
      height: 480px !important; }
      body.path-portfolio #main .template_service_section_case .template_service_wrapper-case > div .field_portfolio .magicBoxx a.thumbnail-container {
        width: 300px !important;
        height: 480px !important; }
        body.path-portfolio #main .template_service_section_case .template_service_wrapper-case > div .field_portfolio .magicBoxx a.thumbnail-container .image-container {
          width: 300px !important;
          height: 480px !important; }
          body.path-portfolio #main .template_service_section_case .template_service_wrapper-case > div .field_portfolio .magicBoxx a.thumbnail-container .image-container .image-wrapper {
            width: 300px !important;
            height: 480px !important; }
            body.path-portfolio #main .template_service_section_case .template_service_wrapper-case > div .field_portfolio .magicBoxx a.thumbnail-container .image-container .image-wrapper .gatsby-image-wrapper {
              width: 300px !important;
              height: 480px !important; }
    body.path-portfolio #main .template_service_section_case .template_service_wrapper-case > div .field_portfolio:nth-child(even) .magicBoxx a.thumbnail-container {
      transform: translate(0, 0); }
  body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper {
    flex-wrap: wrap;
    margin-top: -70px; }
    body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper .left_case .case,
    body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper .right_case .case {
      width: 300px;
      height: 480px;
      margin: 120px auto; }
      body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper .left_case .case a.case_url,
      body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper .right_case .case a.case_url {
        width: 300px;
        height: 480px; }
        body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper .left_case .case a.case_url .image-container,
        body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper .right_case .case a.case_url .image-container {
          width: 300px;
          height: 480px; }
          body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper .left_case .case a.case_url .image-container .image-wrapper,
          body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper .right_case .case a.case_url .image-container .image-wrapper {
            width: 300px;
            height: 480px; }
            body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper .left_case .case a.case_url .image-container .image-wrapper .gatsby-image-wrapper,
            body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper .right_case .case a.case_url .image-container .image-wrapper .gatsby-image-wrapper {
              width: 300px;
              height: 480px; }
  body.template_service #main .template_service_section_pre-footer {
    padding: 80px 0 !important; }
  body.template_service #main .template_service_section_case .template_service_wrapper-case .left_case,
  body.template_service #main .template_service_section_case .template_service_wrapper-case .right_case {
    margin: 0;
    padding: 0; }
    body.template_service #main .template_service_section_case .template_service_wrapper-case .left_case .case,
    body.template_service #main .template_service_section_case .template_service_wrapper-case .right_case .case {
      margin: 50px auto !important; }
  body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper {
    margin: 0;
    padding: 0; }
  body.template_service #main .template_service_section_case .template_service_wrapper-case .head_case .head_case-text {
    margin: 40px auto; }
  body.template_service #main .template_service_section_pre-footer {
    margin: 0;
    padding: 0; }
  .readMoreClass {
    padding-top: 50px; }
  body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper {
    max-width: 100%;
    margin: 0 auto;
    padding: 100px 0; }
    body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper .p_title {
      text-align: center;
      font-size: 50px;
      padding-right: 0; }
  body.template_service #accordion .title {
    font-size: 30px;
    padding: 8px 0 30px 0;
    border-top: 1px solid #e5e5e5;
    transition: all 0.5s ease-out; }
    body.template_service #accordion .title .field_slogan {
      font-size: 18px;
      opacity: 1; }
    body.template_service #accordion .title.ui-state-hover {
      background: transparent; }
  body.template_service #accordion .accordion-content {
    font-size: 16px;
    padding: 10px; }
    body.template_service #accordion .accordion-content .content {
      max-width: 100%; }
      body.template_service #accordion .accordion-content .content .more {
        float: right;
        color: #FF5C5C;
        text-decoration: none;
        position: relative; }
  body.template_service .price_wrap {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    padding: 0 0 50px 0; }
    body.template_service .price_wrap .price_item {
      width: calc(( 100% - 66px)/3);
      min-width: 320px;
      display: flex;
      flex-direction: column;
      border: 0;
      margin: 10px;
      padding: 16px 0;
      min-height: 304px; }
      body.template_service .price_wrap .price_item > div {
        text-align: center; }
        body.template_service .price_wrap .price_item > div .title {
          font-size: 30px; }
        body.template_service .price_wrap .price_item > div .description li {
          line-height: 26px; }
        body.template_service .price_wrap .price_item > div .price_list {
          list-style: disc;
          font-size: 20px;
          font-weight: 500;
          margin-left: 0;
          line-height: 30px; }
        body.template_service .price_wrap .price_item > div a {
          border: 0;
          padding: 0; }
          body.template_service .price_wrap .price_item > div a:after {
            content: '';
            padding: 0; }
      body.template_service .price_wrap .price_item .col-1 {
        min-width: auto; }
      body.template_service .price_wrap .price_item .col-2 {
        justify-content: center; }
        body.template_service .price_wrap .price_item .col-2 ul {
          list-style: none; }
      body.template_service .price_wrap .price_item .col-3 {
        justify-content: center;
        margin: 20px; }
    body.template_service .price_wrap .price_item:nth-child(1),
    body.template_service .price_wrap .price_item:nth-child(6) {
      background: #FF5C5C; }
    body.template_service .price_wrap .price_item:nth-child(2),
    body.template_service .price_wrap .price_item:nth-child(7) {
      background: #FFEB35; }
    body.template_service .price_wrap .price_item:nth-child(3),
    body.template_service .price_wrap .price_item:nth-child(8) {
      background: #4FCBBC; }
    body.template_service .price_wrap .price_item:nth-child(4),
    body.template_service .price_wrap .price_item:nth-child(9) {
      background: #D554F5; }
    body.template_service .price_wrap .price_item:nth-child(5),
    body.template_service .price_wrap .price_item:nth-child(10) {
      background: #3C9CD7; }
    body.template_service .price_wrap .price_item:last-child {
      border: 0; } }

@media screen and (max-width: 466px) {
  body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper {
    max-width: 100%;
    margin: 0 auto;
    padding: 100px 0; }
    body.template_service #main .template_service_section_case .template_service_wrapper-case .case-wrapper .p_title {
      text-align: center;
      font-size: 50px;
      padding-right: 0; }
  body.template_service .price_wrap {
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    padding: 0 0 50px 0; }
    body.template_service .price_wrap .price_item {
      display: flex;
      flex-direction: column;
      border: 0;
      margin: 10px;
      padding: 16px 0;
      min-height: 304px; }
      body.template_service .price_wrap .price_item > div {
        text-align: center; }
        body.template_service .price_wrap .price_item > div .title {
          font-size: 30px; }
        body.template_service .price_wrap .price_item > div .description li {
          line-height: 26px; }
        body.template_service .price_wrap .price_item > div .price_list {
          list-style: disc;
          font-size: 20px;
          font-weight: 500;
          margin-left: 0;
          line-height: 30px; }
        body.template_service .price_wrap .price_item > div a {
          border: 0;
          padding: 0; }
          body.template_service .price_wrap .price_item > div a:after {
            content: '';
            padding: 0; }
      body.template_service .price_wrap .price_item .col-1 {
        min-width: auto; }
      body.template_service .price_wrap .price_item .col-2 {
        justify-content: center; }
        body.template_service .price_wrap .price_item .col-2 ul {
          list-style: none; }
      body.template_service .price_wrap .price_item .col-3 {
        justify-content: center;
        margin: 20px; }
    body.template_service .price_wrap .price_item:nth-child(1),
    body.template_service .price_wrap .price_item:nth-child(6) {
      background: #FF5C5C; }
    body.template_service .price_wrap .price_item:nth-child(2),
    body.template_service .price_wrap .price_item:nth-child(7) {
      background: #FFEB35; }
    body.template_service .price_wrap .price_item:nth-child(3),
    body.template_service .price_wrap .price_item:nth-child(8) {
      background: #4FCBBC; }
    body.template_service .price_wrap .price_item:nth-child(4),
    body.template_service .price_wrap .price_item:nth-child(9) {
      background: #D554F5; }
    body.template_service .price_wrap .price_item:nth-child(5),
    body.template_service .price_wrap .price_item:nth-child(10) {
      background: #3C9CD7; }
    body.template_service .price_wrap .price_item:last-child {
      border: 0; }
  body.template_service .price_stile_two_wrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 0;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap; }
    body.template_service .price_stile_two_wrap .price_item {
      width: calc(( 100% - 66px)/3);
      min-width: 320px;
      display: flex;
      flex-direction: column;
      border: 1px solid #000;
      margin: 10px;
      padding: 16px 0; }
      body.template_service .price_stile_two_wrap .price_item > div {
        text-align: center; }
      body.template_service .price_stile_two_wrap .price_item .col-2 {
        flex: 1; }
      body.template_service .price_stile_two_wrap .price_item .col-3 {
        margin: 20px; }
      body.template_service .price_stile_two_wrap .price_item .title {
        font-size: 30px;
        font-weight: bold;
        text-transform: uppercase;
        padding: 10px; }
      body.template_service .price_stile_two_wrap .price_item .description {
        font-size: 18px;
        font-weight: 400; }
        body.template_service .price_stile_two_wrap .price_item .description ul {
          padding: 10px; }
        body.template_service .price_stile_two_wrap .price_item .description li {
          line-height: 26px; }
      body.template_service .price_stile_two_wrap .price_item .price_list {
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        padding: 10px; }
      body.template_service .price_stile_two_wrap .price_item a {
        font-family: "Montserrat", sans-serif;
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase;
        color: #373737;
        position: relative; }
        body.template_service .price_stile_two_wrap .price_item a:before {
          content: '';
          display: block;
          width: 0;
          height: 1px;
          background: rgba(0, 0, 0, 0.5);
          transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995);
          position: absolute;
          bottom: 0;
          right: 0;
          transform: rotate(180deg); }
        body.template_service .price_stile_two_wrap .price_item a:hover {
          transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995); }
          body.template_service .price_stile_two_wrap .price_item a:hover:before {
            width: 80%;
            transition: all 1.25s cubic-bezier(0.475, 0.425, 0, 0.995); }
    body.template_service .price_stile_two_wrap .price_item:nth-child(1) {
      border-color: #FF5C5C;
      background: #FF5C5C; }
    body.template_service .price_stile_two_wrap .price_item:nth-child(2) {
      border-color: #D554F5;
      background: #D554F5; }
    body.template_service .price_stile_two_wrap .price_item:nth-child(3) {
      border-color: #3C9CD7;
      background: #3C9CD7; }
    body.template_service .price_stile_two_wrap .price_item:nth-child(4) {
      border-color: #4FCBBC;
      background: #4FCBBC; }
    body.template_service .price_stile_two_wrap .price_item:nth-child(5) {
      border-color: #FFEB35;
      background: #FFEB35; }
  section.front_01 .video video {
    left: -200%; }
  .request_pop .form-box form .form-actions {
    position: inherit;
    top: inherit;
    bottom: inherit;
    left: inherit;
    right: inherit;
    margin: 1em auto; }
  .request_pop_active .form-box form .js-form-type-checkbox {
    margin: 20px 0; } }

/*# sourceMappingURL=main.css.map */