API tools faq
paste
Igor150195

Шоурум

Igor150195
Apr 28th, 2020
350
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 117.59 KB | None | 0 0
raw download clone embed print report
  1. .mp-wrapp {
  2.     margin: 0 auto;
  3.     max-width: 100%;
  4.     width: 100%;
  5.     -webkit-box-sizing: border-box;
  6.     box-sizing: border-box;
  7.     padding-left: 16px;
  8.     padding-right: 16px;
  9.     position: relative;
  10.     z-index: 1
  11. }
  12.  
  13. @media (min-width:600px) {
  14.     .mp-wrapp {
  15.         max-width: 600px;
  16.         padding-left: 12px;
  17.         padding-right: 12px
  18.     }
  19. }
  20.  
  21. @media (min-width:960px) {
  22.     .mp-wrapp {
  23.         max-width: 960px;
  24.         padding-left: 24px;
  25.         padding-right: 24px
  26.     }
  27. }
  28.  
  29. @media (min-width:1200px) {
  30.     .mp-wrapp {
  31.         max-width: 1180px;
  32.         padding-left: 16px;
  33.         padding-right: 16px
  34.     }
  35. }
  36.  
  37. @media (min-width:1380px) {
  38.     .mp-wrapp {
  39.         max-width: 1320px
  40.     }
  41. }
  42.  
  43. ._hidden {
  44.     display: none
  45. }
  46.  
  47. .mp-main-menu-container {
  48.     height: 64px;
  49.     white-space: nowrap
  50. }
  51.  
  52. @media (min-width:960px) {
  53.     .mp-main-menu-container {
  54.         height: 80px
  55.     }
  56. }
  57.  
  58. .mp-main-menu {
  59.     position: relative;
  60.     z-index: 42;
  61.     background: #0aa440
  62. }
  63.  
  64. .mp-main-menu._light {
  65.     background: #fff
  66. }
  67.  
  68. @media (min-width:600px) {
  69.     .mp-main-menu._noBg {
  70.         background-color: transparent
  71.     }
  72. }
  73.  
  74. .mp-main-menu._fixed {
  75.     position: fixed;
  76.     top: 0;
  77.     left: 0;
  78.     width: 100%;
  79.     background: #fff;
  80.     -webkit-box-shadow: 0 5px 21px rgba(73, 71, 59, .15);
  81.     box-shadow: 0 5px 21px rgba(73, 71, 59, .15);
  82.     z-index: 42
  83. }
  84.  
  85. .mp-main-menu__wrapp {
  86.     display: -webkit-box;
  87.     display: -ms-flexbox;
  88.     display: flex;
  89.     -webkit-box-pack: justify;
  90.     -ms-flex-pack: justify;
  91.     justify-content: space-between;
  92.     -webkit-box-align: center;
  93.     -ms-flex-align: center;
  94.     align-items: center;
  95.     height: 64px;
  96.     margin: 0 auto;
  97.     max-width: 100%;
  98.     width: 100%;
  99.     -webkit-box-sizing: border-box;
  100.     box-sizing: border-box;
  101.     padding: 0 16px;
  102.     position: relative;
  103.     z-index: 1
  104. }
  105.  
  106. @media (min-width:600px) {
  107.     .mp-main-menu__wrapp {
  108.         max-width: 600px;
  109.         padding: 0 12px
  110.     }
  111. }
  112.  
  113. @media (min-width:960px) {
  114.     .mp-main-menu__wrapp {
  115.         height: 80px;
  116.         max-width: 960px;
  117.         padding: 0 24px
  118.     }
  119. }
  120.  
  121. @media (min-width:1200px) {
  122.     .mp-main-menu__wrapp {
  123.         padding: 0 16px;
  124.         max-width: 1180px
  125.     }
  126. }
  127.  
  128. @media (min-width:1380px) {
  129.     .mp-main-menu__wrapp {
  130.         max-width: 1320px;
  131.         padding: 0 16px
  132.     }
  133. }
  134.  
  135. .mp-main-menu__logo {
  136.     display: -webkit-box;
  137.     display: -ms-flexbox;
  138.     display: flex;
  139.     -webkit-box-align: start;
  140.     -ms-flex-align: start;
  141.     align-items: flex-start;
  142.     outline: none;
  143.     text-decoration: none;
  144.     margin-right: auto
  145. }
  146.  
  147. @media (min-width:600px) {
  148.     .mp-main-menu__logo {
  149.         margin-right: 8px;
  150.         padding-right: 16px;
  151.         border-right: 1px solid rgba(250, 250, 249, .2)
  152.     }
  153. }
  154.  
  155. .mp-main-menu__logo path {
  156.     fill: #fff
  157. }
  158.  
  159. @media (min-width:600px) {
  160.     ._fixed .mp-main-menu__logo,
  161.     ._light .mp-main-menu__logo {
  162.         border-right: 1px solid rgba(77, 77, 77, .2)
  163.     }
  164. }
  165.  
  166. ._fixed .mp-main-menu__logo path,
  167. ._light .mp-main-menu__logo path {
  168.     fill: #333
  169. }
  170.  
  171. ._fixed .mp-main-menu__logo path:first-child,
  172. ._light .mp-main-menu__logo path:first-child {
  173.     fill: #009a17
  174. }
  175.  
  176. .mp-main-menu__services-link {
  177.     color: #fff;
  178.     font-size: 15px;
  179.     font-weight: 500;
  180.     line-height: 32px;
  181.     letter-spacing: -.2px;
  182.     cursor: pointer;
  183.     display: none;
  184.     white-space: normal
  185. }
  186.  
  187. @media (min-width:600px) {
  188.     .mp-main-menu__services-link {
  189.         display: block;
  190.         margin-right: auto
  191.     }
  192. }
  193.  
  194. @media (min-width:960px) {
  195.     .mp-main-menu__services-link {
  196.         margin-right: auto
  197.     }
  198. }
  199.  
  200. @media (min-width:1200px) {
  201.     .mp-main-menu__services-link {
  202.         margin: 0 24px 0 0
  203.     }
  204. }
  205.  
  206. ._fixed .mp-main-menu__services-link,
  207. ._light .mp-main-menu__services-link {
  208.     color: #0169d9
  209. }
  210.  
  211. .mp-main-menu__services-link svg {
  212.     fill: #fff;
  213.     display: inline-block;
  214.     vertical-align: middle;
  215.     margin-right: 8px
  216. }
  217.  
  218. ._fixed .mp-main-menu__services-link svg,
  219. ._light .mp-main-menu__services-link svg {
  220.     fill: #979797
  221. }
  222.  
  223. .mp-main-menu__services-link span {
  224.     position: relative;
  225.     z-index: 1;
  226.     display: inline-block;
  227.     vertical-align: middle;
  228.     white-space: nowrap
  229. }
  230.  
  231. @media (min-width:1200px) {
  232.     .mp-main-menu__services-link span:hover:before {
  233.         border-bottom-color: transparent
  234.     }
  235. }
  236.  
  237. .mp-main-menu__services-link span:before {
  238.     content: "";
  239.     border-bottom: 1px dotted #fff;
  240.     bottom: 5px;
  241.     left: 0;
  242.     right: 0;
  243.     position: absolute;
  244.     -webkit-transition: border-bottom-color .3s ease-in-out;
  245.     transition: border-bottom-color .3s ease-in-out
  246. }
  247.  
  248. @media (min-width:1200px) {
  249.     .mp-main-menu__services-link span:before:hover {
  250.         border-bottom-color: transparent
  251.     }
  252. }
  253.  
  254. ._fixed .mp-main-menu__services-link span:before,
  255. ._light .mp-main-menu__services-link span:before {
  256.     border-bottom-color: #0169d9
  257. }
  258.  
  259. .mp-main-menu__inner {
  260.     display: -webkit-box;
  261.     display: -ms-flexbox;
  262.     display: flex;
  263.     position: relative;
  264.     z-index: 1;
  265.     margin-left: 0;
  266.     -webkit-box-flex: 0;
  267.     -ms-flex: 0 1 auto;
  268.     flex: 0 1 auto
  269. }
  270.  
  271. @media (min-width:960px) {
  272.     .mp-main-menu__inner {
  273.         margin-left: auto;
  274.         margin-right: 0
  275.     }
  276. }
  277.  
  278. .mp-main-menu__nav {
  279.     margin: 0 16px 0 auto;
  280.     -webkit-box-pack: center;
  281.     -ms-flex-pack: center;
  282.     justify-content: center;
  283.     -webkit-box-align: center;
  284.     -ms-flex-align: center;
  285.     align-items: center;
  286.     display: none
  287. }
  288.  
  289. @media (min-width:1200px) {
  290.     .mp-main-menu__nav {
  291.         display: -webkit-box;
  292.         display: -ms-flexbox;
  293.         display: flex
  294.     }
  295. }
  296.  
  297. .mp-main-menu__link {
  298.     margin: 0 12px;
  299.     color: #fff;
  300.     font-size: 15px;
  301.     font-weight: 500;
  302.     line-height: 24px;
  303.     letter-spacing: -.2px;
  304.     text-decoration: none;
  305.     border-bottom: 1px solid transparent;
  306.     -webkit-transition: border-bottom-color .3s ease-in-out;
  307.     transition: border-bottom-color .3s ease-in-out
  308. }
  309.  
  310. .mp-main-menu__link:after {
  311.     content: "";
  312.     width: 0;
  313.     height: 0;
  314.     margin: 0 auto;
  315.     display: block;
  316.     will-change: width, height;
  317.     -webkit-transition: .13s ease-in-out;
  318.     transition: .13s ease-in-out;
  319.     border-radius: 50%;
  320.     background: hsla(0, 0%, 100%, .3)
  321. }
  322.  
  323. ._fixed .mp-main-menu__link:after,
  324. ._light .mp-main-menu__link:after {
  325.     background: #c4c4c4
  326. }
  327.  
  328. @media (min-width:1200px) {
  329.     .mp-main-menu__link:hover:after {
  330.         width: 8px;
  331.         height: 8px
  332.     }
  333.     .mp-main-menu__link._active:after,
  334.     .mp-main-menu__link:active:after {
  335.         background: #fff;
  336.         width: 8px;
  337.         height: 8px
  338.     }
  339.     ._fixed .mp-main-menu__link._active:after,
  340.     ._fixed .mp-main-menu__link:active:after,
  341.     ._light .mp-main-menu__link._active:after,
  342.     ._light .mp-main-menu__link:active:after {
  343.         background: #1eb34b
  344.     }
  345. }
  346.  
  347. ._fixed .mp-main-menu__link,
  348. ._light .mp-main-menu__link {
  349.     color: #333
  350. }
  351.  
  352. .mp-main-menu__link[href="/zakazsite"] {
  353.     color: #fff25d
  354. }
  355.  
  356. .mp-main-menu__link[href="/zakazsite"]:after {
  357.     background: #fff25d
  358. }
  359.  
  360. ._fixed .mp-main-menu__link[href="/zakazsite"],
  361. ._light .mp-main-menu__link[href="/zakazsite"] {
  362.     color: #0169d9
  363. }
  364.  
  365. ._fixed .mp-main-menu__link[href="/zakazsite"]:after,
  366. ._light .mp-main-menu__link[href="/zakazsite"]:after {
  367.     background: #0169d9
  368. }
  369.  
  370. .mp-main-menu__btn,
  371. .mp-main-menu__btn._iconed,
  372. .mp-main-menu__btn._secondary {
  373.     width: 40px;
  374.     height: 40px;
  375.     -webkit-box-sizing: border-box;
  376.     box-sizing: border-box;
  377.     margin-left: 18px;
  378.     background: #fff;
  379.     color: #333;
  380.     border: none;
  381.     -webkit-box-shadow: none;
  382.     box-shadow: none
  383. }
  384.  
  385. @media (min-width:960px) {
  386.     .mp-main-menu__btn,
  387.     .mp-main-menu__btn._iconed,
  388.     .mp-main-menu__btn._secondary {
  389.         width: auto;
  390.         height: auto
  391.     }
  392. }
  393.  
  394. @media (min-width:1200px) {
  395.     .mp-main-menu__btn._iconed:hover,
  396.     .mp-main-menu__btn._secondary:hover,
  397.     .mp-main-menu__btn:hover {
  398.         background: #fff;
  399.         -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
  400.         box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
  401.         color: #0169d9
  402.     }
  403.     .mp-main-menu__btn._iconed:active,
  404.     .mp-main-menu__btn._secondary:active,
  405.     .mp-main-menu__btn:active {
  406.         -webkit-box-shadow: none;
  407.         box-shadow: none;
  408.         background: #fff;
  409.         color: #333
  410.     }
  411. }
  412.  
  413. .mp-main-menu__btn--login,
  414. .mp-main-menu__btn._iconed--login,
  415. .mp-main-menu__btn._secondary--login {
  416.     display: none
  417. }
  418.  
  419. @media (min-width:960px) {
  420.     .mp-main-menu__btn--login,
  421.     .mp-main-menu__btn._iconed--login,
  422.     .mp-main-menu__btn._secondary--login {
  423.         display: -webkit-inline-box;
  424.         display: -ms-inline-flexbox;
  425.         display: inline-flex
  426.     }
  427. }
  428.  
  429. @media (min-width:960px) {
  430.     .mp-main-menu__btn--phone,
  431.     .mp-main-menu__btn._iconed--phone,
  432.     .mp-main-menu__btn._secondary--phone {
  433.         display: none
  434.     }
  435. }
  436.  
  437. @media (min-width:1200px) {
  438.     .mp-main-menu__btn--burger,
  439.     .mp-main-menu__btn._iconed--burger,
  440.     .mp-main-menu__btn._secondary--burger {
  441.         display: none
  442.     }
  443. }
  444.  
  445. .mp-main-menu__btn--order,
  446. .mp-main-menu__btn._iconed--order,
  447. .mp-main-menu__btn._secondary--order {
  448.     display: none
  449. }
  450.  
  451. @media (min-width:1200px) {
  452.     .mp-main-menu__btn--order,
  453.     .mp-main-menu__btn._iconed--order,
  454.     .mp-main-menu__btn._secondary--order {
  455.         display: -webkit-inline-box;
  456.         display: -ms-inline-flexbox;
  457.         display: inline-flex
  458.     }
  459. }
  460.  
  461. ._fixed .mp-main-menu__btn,
  462. ._fixed .mp-main-menu__btn._iconed,
  463. ._fixed .mp-main-menu__btn._secondary,
  464. ._light .mp-main-menu__btn,
  465. ._light .mp-main-menu__btn._iconed,
  466. ._light .mp-main-menu__btn._secondary {
  467.     background: #1eb34b;
  468.     color: #fff
  469. }
  470.  
  471. @media (min-width:1200px) {
  472.     ._fixed .mp-main-menu__btn._iconed:hover:not([disabled]),
  473.     ._fixed .mp-main-menu__btn._secondary:hover:not([disabled]),
  474.     ._fixed .mp-main-menu__btn:hover:not([disabled]),
  475.     ._light .mp-main-menu__btn._iconed:hover:not([disabled]),
  476.     ._light .mp-main-menu__btn._secondary:hover:not([disabled]),
  477.     ._light .mp-main-menu__btn:hover:not([disabled]) {
  478.         -webkit-box-shadow: 0 2px 4px #acd6a2, inset 0 0 0 2px #3cae5e;
  479.         box-shadow: 0 2px 4px #acd6a2, inset 0 0 0 2px #3cae5e;
  480.         background-color: #51c568;
  481.         color: #fff
  482.     }
  483.     ._fixed .mp-main-menu__btn._iconed:active:not([disabled]),
  484.     ._fixed .mp-main-menu__btn._secondary:active:not([disabled]),
  485.     ._fixed .mp-main-menu__btn:active:not([disabled]),
  486.     ._light .mp-main-menu__btn._iconed:active:not([disabled]),
  487.     ._light .mp-main-menu__btn._secondary:active:not([disabled]),
  488.     ._light .mp-main-menu__btn:active:not([disabled]) {
  489.         background-color: #37a458;
  490.         -webkit-box-shadow: none;
  491.         box-shadow: none;
  492.         color: #fff
  493.     }
  494. }
  495.  
  496. ._fixed .mp-main-menu__btn._iconed._secondary,
  497. ._fixed .mp-main-menu__btn._secondary,
  498. ._fixed .mp-main-menu__btn._secondary._secondary,
  499. ._light .mp-main-menu__btn._iconed._secondary,
  500. ._light .mp-main-menu__btn._secondary,
  501. ._light .mp-main-menu__btn._secondary._secondary {
  502.     background: #fafaf9;
  503.     -webkit-box-shadow: 0 2px 3px hsla(0, 0%, 69%, .2), inset 0 0 0 2px #ddd;
  504.     box-shadow: 0 2px 3px hsla(0, 0%, 69%, .2), inset 0 0 0 2px #ddd;
  505.     color: #0169d9
  506. }
  507.  
  508. @media (min-width:1200px) {
  509.     ._fixed .mp-main-menu__btn._iconed._secondary:hover,
  510.     ._fixed .mp-main-menu__btn._secondary._secondary:hover,
  511.     ._fixed .mp-main-menu__btn._secondary:hover,
  512.     ._light .mp-main-menu__btn._iconed._secondary:hover,
  513.     ._light .mp-main-menu__btn._secondary._secondary:hover,
  514.     ._light .mp-main-menu__btn._secondary:hover {
  515.         background: #d9e4f5;
  516.         -webkit-box-shadow: 0 2px 3px rgba(130, 166, 233, .26), inset 0 0 0 2px #a3c0ea;
  517.         box-shadow: 0 2px 3px rgba(130, 166, 233, .26), inset 0 0 0 2px #a3c0ea;
  518.         color: #0169d9
  519.     }
  520.     ._fixed .mp-main-menu__btn._iconed._secondary:active,
  521.     ._fixed .mp-main-menu__btn._secondary._secondary:active,
  522.     ._fixed .mp-main-menu__btn._secondary:active,
  523.     ._light .mp-main-menu__btn._iconed._secondary:active,
  524.     ._light .mp-main-menu__btn._secondary._secondary:active,
  525.     ._light .mp-main-menu__btn._secondary:active {
  526.         background: #a4bfe9;
  527.         -webkit-box-shadow: none;
  528.         box-shadow: none;
  529.         color: #0169d9
  530.     }
  531. }
  532.  
  533. .mp-main-menu__btn._iconed svg,
  534. .mp-main-menu__btn._secondary svg,
  535. .mp-main-menu__btn svg {
  536.     fill: #333;
  537.     width: 26px;
  538.     height: 26px
  539. }
  540.  
  541. ._fixed .mp-main-menu__btn._iconed svg,
  542. ._fixed .mp-main-menu__btn._secondary svg,
  543. ._fixed .mp-main-menu__btn svg,
  544. ._light .mp-main-menu__btn._iconed svg,
  545. ._light .mp-main-menu__btn._secondary svg,
  546. ._light .mp-main-menu__btn svg {
  547.     fill: #fff
  548. }
  549.  
  550. .mp-main-menu__phone-m {
  551.     width: 40px;
  552.     height: 40px;
  553.     display: -webkit-box;
  554.     display: -ms-flexbox;
  555.     display: flex;
  556.     -webkit-box-pack: center;
  557.     -ms-flex-pack: center;
  558.     justify-content: center;
  559.     -webkit-box-align: center;
  560.     -ms-flex-align: center;
  561.     align-items: center;
  562.     background: rgba(63, 63, 63, .3);
  563.     border-radius: 40px;
  564.     margin-left: auto
  565. }
  566.  
  567. @media (min-width:960px) {
  568.     .mp-main-menu__phone-m {
  569.         display: none
  570.     }
  571. }
  572.  
  573. ._fixed .mp-main-menu__phone-m {
  574.     background: #1eb34b
  575. }
  576.  
  577. .mp-main-menu__call {
  578.     color: #fff;
  579.     display: none
  580. }
  581.  
  582. @media (min-width:600px) {
  583.     .mp-main-menu__call {
  584.         margin: 0 0 0 auto
  585.     }
  586. }
  587.  
  588. @media (min-width:960px) {
  589.     .mp-main-menu__call {
  590.         margin-left: 8px;
  591.         display: block;
  592.         text-align: center
  593.     }
  594. }
  595.  
  596. @media (min-width:1380px) {
  597.     .mp-main-menu__call {
  598.         margin-left: 8px
  599.     }
  600. }
  601.  
  602. ._light .mp-main-menu__call {
  603.     color: #333
  604. }
  605.  
  606. .mp-main-menu__phone {
  607.     color: inherit;
  608.     font-size: 18px;
  609.     font-weight: 700;
  610.     line-height: 20px;
  611.     text-decoration: none;
  612.     display: none;
  613.     border-bottom: 1px dashed transparent
  614. }
  615.  
  616. @media (min-width:960px) {
  617.     .mp-main-menu__phone {
  618.         display: block
  619.     }
  620. }
  621.  
  622. ._fixed .mp-main-menu__phone {
  623.     color: #333
  624. }
  625.  
  626. .mp-main-menu__callback {
  627.     display: none
  628. }
  629.  
  630. @media (min-width:1200px) {
  631.     .mp-main-menu__callback {
  632.         color: #fff;
  633.         display: inline-block;
  634.         border-bottom: 1px dotted #fff;
  635.         line-height: 16px;
  636.         font-size: 13px;
  637.         text-decoration: none;
  638.         outline: none;
  639.         cursor: pointer;
  640.         -webkit-transition: border-bottom-color .3s ease-out;
  641.         transition: border-bottom-color .3s ease-out
  642.     }
  643.     .mp-main-menu__callback:hover {
  644.         border-bottom-color: transparent
  645.     }
  646. }
  647.  
  648. ._fixed .mp-main-menu__callback,
  649. ._light .mp-main-menu__callback {
  650.     color: #0169d9;
  651.     border-bottom-color: #0169d9
  652. }
  653.  
  654. .mp-m-menu {
  655.     position: fixed;
  656.     top: 0;
  657.     bottom: 0;
  658.     right: 0;
  659.     left: 0;
  660.     -webkit-transform: translate(100%);
  661.     transform: translate(100%);
  662.     -webkit-transition: background .3s linear, -webkit-transform .5s cubic-bezier(.31, .33, .18, .91) .3s;
  663.     transition: background .3s linear, -webkit-transform .5s cubic-bezier(.31, .33, .18, .91) .3s;
  664.     transition: transform .5s cubic-bezier(.31, .33, .18, .91) .3s, background .3s linear;
  665.     transition: transform .5s cubic-bezier(.31, .33, .18, .91) .3s, background .3s linear, -webkit-transform .5s cubic-bezier(.31, .33, .18, .91) .3s;
  666.     z-index: 43
  667. }
  668.  
  669. .mp-m-menu._opened {
  670.     -webkit-transform: translate(0);
  671.     transform: translate(0);
  672.     background: rgba(0, 0, 0, .5);
  673.     -webkit-transition: background .3s linear .5s, -webkit-transform .5s cubic-bezier(.31, .33, .18, .91);
  674.     transition: background .3s linear .5s, -webkit-transform .5s cubic-bezier(.31, .33, .18, .91);
  675.     transition: transform .5s cubic-bezier(.31, .33, .18, .91), background .3s linear .5s;
  676.     transition: transform .5s cubic-bezier(.31, .33, .18, .91), background .3s linear .5s, -webkit-transform .5s cubic-bezier(.31, .33, .18, .91);
  677.     overflow: auto
  678. }
  679.  
  680. .mp-m-menu__wrap {
  681.     position: absolute;
  682.     top: 0;
  683.     bottom: 0;
  684.     right: 0;
  685.     overflow: auto;
  686.     width: 272px;
  687.     -webkit-box-sizing: border-box;
  688.     box-sizing: border-box;
  689.     -webkit-box-shadow: 0 2px 23px rgba(0, 0, 0, .5);
  690.     box-shadow: 0 2px 23px rgba(0, 0, 0, .5);
  691.     background: #0aa440;
  692.     padding: 28px 33px 28px 31px
  693. }
  694.  
  695. @media (min-width:600px) {
  696.     .mp-m-menu__wrap {
  697.         padding: 82px 22px 10px
  698.     }
  699. }
  700.  
  701. .mp-m-menu__all {
  702.     margin: 0 0 34px;
  703.     display: inline-block;
  704.     vertical-align: top;
  705.     text-decoration: none;
  706.     outline: none;
  707.     font-weight: 500;
  708.     line-height: 24px;
  709.     font-size: 15px;
  710.     color: #fff;
  711.     border-bottom: 1px dashed #fff
  712. }
  713.  
  714. @media (min-width:600px) {
  715.     .mp-m-menu__all {
  716.         display: none
  717.     }
  718. }
  719.  
  720. .mp-m-menu__btn._secondary {
  721.     display: -webkit-box;
  722.     display: -ms-flexbox;
  723.     display: flex;
  724.     padding: 0;
  725.     -webkit-box-pack: center;
  726.     -ms-flex-pack: center;
  727.     justify-content: center;
  728.     -webkit-box-align: center;
  729.     -ms-flex-align: center;
  730.     align-items: center;
  731.     text-align: center;
  732.     height: 48px;
  733.     -webkit-box-sizing: border-box;
  734.     box-sizing: border-box;
  735.     margin-bottom: 18px
  736. }
  737.  
  738. .mp-m-menu__btn._secondary svg {
  739.     fill: #0169d9;
  740.     margin-right: 8px;
  741.     margin-left: -10px
  742. }
  743.  
  744. .mp-m-aside-close {
  745.     position: absolute;
  746.     width: 40px;
  747.     height: 40px;
  748.     border-radius: 50%;
  749.     top: 18px;
  750.     right: 18px;
  751.     background: rgba(63, 63, 63, .3) url(../img/oah-cancel-white.svg) 50% no-repeat;
  752.     border: none;
  753.     outline: 0
  754. }
  755.  
  756. .mp-m-aside-close--dark {
  757.     background-image: url(../img/oah-cancel.svg)
  758. }
  759.  
  760. .mp-m-nav {
  761.     padding: 0;
  762.     margin-bottom: 62px
  763. }
  764.  
  765. .mp-m-nav__link {
  766.     text-decoration: none;
  767.     font-weight: 500;
  768.     line-height: 24px;
  769.     font-size: 15px;
  770.     letter-spacing: -.2px;
  771.     margin-bottom: 14px;
  772.     color: #fff;
  773.     display: block;
  774.     border-bottom: 1px solid hsla(0, 0%, 100%, .25)
  775. }
  776.  
  777. .mp-m-nav__link:last-child {
  778.     margin-bottom: 0
  779. }
  780.  
  781. .mp-m-nav__link--colored {
  782.     color: #ffe25a;
  783.     border-bottom-color: rgba(255, 226, 90, .25)
  784. }
  785.  
  786. .mp-m-filials {
  787.     padding: 0;
  788.     list-style: none;
  789.     margin: 0
  790. }
  791.  
  792. .mp-m-filials__item {
  793.     margin-bottom: 24px
  794. }
  795.  
  796. .mp-m-filials__item:last-child {
  797.     margin-bottom: 0
  798. }
  799.  
  800. .mp-m-filials__name {
  801.     margin: 0 0 4px;
  802.     outline: none;
  803.     text-decoration: none;
  804.     display: -webkit-box;
  805.     display: -ms-flexbox;
  806.     display: flex;
  807.     -webkit-box-align: center;
  808.     -ms-flex-align: center;
  809.     align-items: center
  810. }
  811.  
  812. .mp-m-filials__name svg {
  813.     fill: #fff;
  814.     margin-right: 2px
  815. }
  816.  
  817. .mp-m-filials__name span {
  818.     line-height: 20px;
  819.     font-size: 13px;
  820.     color: #fff
  821. }
  822.  
  823. .mp-m-filials__link {
  824.     font-weight: 600;
  825.     margin-top: -9px;
  826.     display: inline-block;
  827.     text-decoration: none;
  828.     line-height: 20px;
  829.     font-size: 18px;
  830.     color: #fff
  831. }
  832.  
  833. .mp-popup {
  834.     position: absolute;
  835.     background-color: #fff;
  836.     border-radius: 4px;
  837.     color: #212121;
  838.     display: none;
  839.     padding: 30px;
  840.     -webkit-box-sizing: border-box;
  841.     box-sizing: border-box;
  842.     -webkit-box-shadow: 0 2px 23px rgba(0, 0, 0, .5);
  843.     box-shadow: 0 2px 23px rgba(0, 0, 0, .5);
  844.     width: 320px;
  845.     top: 68px;
  846.     left: 50%;
  847.     -webkit-transform: translateX(-50%);
  848.     transform: translateX(-50%);
  849.     z-index: 10
  850. }
  851.  
  852. .mp-popup p {
  853.     margin: 0
  854. }
  855.  
  856. .mp-popup ul {
  857.     list-style: none;
  858.     padding-left: 0;
  859.     margin-bottom: 0
  860. }
  861.  
  862. .mp-popup--centered {
  863.     left: 50%;
  864.     top: 50%;
  865.     -webkit-transform: translate(-50%, -50%);
  866.     transform: translate(-50%, -50%)
  867. }
  868.  
  869. .mp-popup--location {
  870.     max-width: 246px;
  871.     background: #fff url(../img/oah-location-bg.svg) -30px -30px no-repeat;
  872.     background-size: 104px 104px;
  873.     position: absolute
  874. }
  875.  
  876. .mp-popup--login {
  877.     max-width: 320px;
  878.     background: #fff url(../img/oah-user-bg.svg) -30px -30px no-repeat;
  879.     background-size: 104px 104px
  880. }
  881.  
  882. .mp-popup__title {
  883.     font-size: 15px;
  884.     font-weight: 700;
  885.     line-height: 20px;
  886.     margin-bottom: 30px
  887. }
  888.  
  889. .mp-popup__subtitle {
  890.     margin-top: 10px
  891. }
  892.  
  893. .mp-popup__close {
  894.     width: 40px;
  895.     height: 40px;
  896.     padding: 0;
  897.     position: absolute;
  898.     top: 20px;
  899.     right: 20px;
  900.     background: rgba(0, 0, 0, .05) url(../img/oah-cancel.svg) 50% no-repeat;
  901.     cursor: pointer;
  902.     border-radius: 50%
  903. }
  904.  
  905. .mp-popup__result {
  906.     display: none
  907. }
  908.  
  909. .mp-form__btn {
  910.     margin-top: 24px
  911. }
  912.  
  913. .mp-form__form {
  914.     margin-top: 10px
  915. }
  916.  
  917. .mp-form__field,
  918. .mp-form__label {
  919.     display: block;
  920.     margin-top: 20px
  921. }
  922.  
  923. .mp-form__field--required .pf-form__field-title:after,
  924. .mp-form__label--required .pf-form__field-title:after,
  925. .mp-form__required .pf-form__field-title:after,
  926. .mp-form__required .pf-form__label-title:after {
  927.     content: " *";
  928.     color: #ff4141
  929. }
  930.  
  931. .mp-form__link {
  932.     float: right;
  933.     color: #0169d9;
  934.     font-family: Fira Sans, sans-serif;
  935.     font-size: 13px;
  936.     font-weight: 400;
  937.     line-height: 20px;
  938.     text-decoration: none
  939. }
  940.  
  941. .mp-form__field-title,
  942. .mp-form__label-title {
  943.     color: #333;
  944.     font-size: 13px;
  945.     font-weight: 600;
  946.     line-height: 20px
  947. }
  948.  
  949. .mp-form__input {
  950.     -webkit-appearance: none;
  951.     -moz-appearance: none;
  952.     appearance: none;
  953.     display: block;
  954.     outline: none;
  955.     width: 100%;
  956.     height: 40px;
  957.     border-radius: 6px;
  958.     border: 2px solid #c2c2c2;
  959.     background-color: #fff;
  960.     -webkit-box-sizing: border-box;
  961.     box-sizing: border-box;
  962.     padding-left: 13px;
  963.     -webkit-box-shadow: none;
  964.     box-shadow: none;
  965.     color: #333;
  966.     font-family: Fira Sans, sans-serif;
  967.     font-size: 14px;
  968.     font-weight: 500;
  969.     line-height: 36px;
  970.     -webkit-transition: .3s ease-out;
  971.     transition: .3s ease-out
  972. }
  973.  
  974. .mp-form__input:focus {
  975.     -webkit-box-shadow: 0 1px 2px #fadca0;
  976.     box-shadow: 0 1px 2px #fadca0;
  977.     border: 2px solid #fbb017;
  978.     background-color: #fffaf1
  979. }
  980.  
  981. .mp-form__input--error {
  982.     background: #fff5f4;
  983.     border: 2px solid #f9614d;
  984.     -webkit-box-shadow: 0 1px 2px 0 #ee899a;
  985.     box-shadow: 0 1px 2px 0 #ee899a;
  986.     border-radius: 6px
  987. }
  988.  
  989. ._overlay {
  990.     display: none;
  991.     background-color: #212121;
  992.     opacity: .43;
  993.     position: fixed;
  994.     top: 0;
  995.     left: 0;
  996.     right: 0;
  997.     bottom: 0;
  998.     width: 100%;
  999.     z-index: 5
  1000. }
  1001.  
  1002. .mp-services {
  1003.     display: none;
  1004.     color: #333
  1005. }
  1006.  
  1007. @media (min-width:600px) {
  1008.     .mp-services {
  1009.         max-height: calc(100vh - 64px);
  1010.         overflow: auto;
  1011.         position: absolute;
  1012.         top: 100%;
  1013.         left: 0;
  1014.         right: 0;
  1015.         background-color: #f8f6ec
  1016.     }
  1017. }
  1018.  
  1019. .mp-services__wrapp {
  1020.     padding-top: 32px
  1021. }
  1022.  
  1023. @media (min-width:960px) {
  1024.     .mp-services__wrapp {
  1025.         padding-top: 40px
  1026.     }
  1027. }
  1028.  
  1029. @media (min-width:1200px) {
  1030.     .mp-services__wrapp {
  1031.         padding-top: 48px
  1032.     }
  1033. }
  1034.  
  1035. .mp-services__top {
  1036.     display: -webkit-box;
  1037.     display: -ms-flexbox;
  1038.     display: flex;
  1039.     -webkit-box-align: center;
  1040.     -ms-flex-align: center;
  1041.     align-items: center
  1042. }
  1043.  
  1044. .mp-services__title {
  1045.     font-weight: 700;
  1046.     line-height: 24px;
  1047.     font-size: 26px;
  1048.     margin: 0 58px 0 0
  1049. }
  1050.  
  1051. @media (min-width:960px) {
  1052.     .mp-services__title {
  1053.         margin: 0;
  1054.         font-size: 30px;
  1055.         line-height: 36px
  1056.     }
  1057. }
  1058.  
  1059. .mp-services__search {
  1060.     position: relative;
  1061.     z-index: 1;
  1062.     -webkit-box-flex: 1;
  1063.     -ms-flex: 1 0 auto;
  1064.     flex: 1 0 auto
  1065. }
  1066.  
  1067. @media (min-width:960px) {
  1068.     .mp-services__search {
  1069.         max-width: 480px;
  1070.         margin: 0 auto
  1071.     }
  1072. }
  1073.  
  1074. @media (min-width:1200px) {
  1075.     .mp-services__search {
  1076.         max-width: 562px
  1077.     }
  1078. }
  1079.  
  1080. .mp-services__search .cd-input {
  1081.     margin: 0
  1082. }
  1083.  
  1084. .mp-services__search .cd-input__field {
  1085.     height: 40px;
  1086.     border: 2px solid #ddd;
  1087.     -webkit-box-sizing: border-box;
  1088.     box-sizing: border-box;
  1089.     border-radius: 24px
  1090. }
  1091.  
  1092. @media (min-width:1200px) {
  1093.     .mp-services__search .cd-input__field {
  1094.         height: 48px
  1095.     }
  1096. }
  1097.  
  1098. .mp-services__search-btn {
  1099.     position: absolute;
  1100.     right: 0;
  1101.     top: 0;
  1102.     padding: 0;
  1103.     width: 40px;
  1104.     height: 40px
  1105. }
  1106.  
  1107. @media (min-width:960px) {
  1108.     .mp-services__search-btn {
  1109.         padding: 8px 24px;
  1110.         border-radius: 24px;
  1111.         width: auto;
  1112.         height: auto
  1113.     }
  1114. }
  1115.  
  1116. @media (min-width:1200px) {
  1117.     .mp-services__search-btn {
  1118.         height: 48px
  1119.     }
  1120. }
  1121.  
  1122. .mp-services__search-btn span {
  1123.     display: none
  1124. }
  1125.  
  1126. @media (min-width:960px) {
  1127.     .mp-services__search-btn span {
  1128.         display: block
  1129.     }
  1130. }
  1131.  
  1132. .mp-services__search-btn svg {
  1133.     fill: #0169d9!important;
  1134.     width: 26px;
  1135.     height: 26px
  1136. }
  1137.  
  1138. @media (min-width:960px) {
  1139.     .mp-services__search-btn svg {
  1140.         display: none
  1141.     }
  1142. }
  1143.  
  1144. .mp-services__close {
  1145.     display: none
  1146. }
  1147.  
  1148. @media (min-width:600px) {
  1149.     .mp-services__close {
  1150.         display: -webkit-box;
  1151.         display: -ms-flexbox;
  1152.         display: flex;
  1153.         width: 40px;
  1154.         height: 40px;
  1155.         background: rgba(63, 63, 63, .3);
  1156.         -webkit-box-pack: center;
  1157.         -ms-flex-pack: center;
  1158.         justify-content: center;
  1159.         -webkit-box-align: center;
  1160.         -ms-flex-align: center;
  1161.         align-items: center;
  1162.         border-radius: 50%;
  1163.         margin-left: 60px
  1164.     }
  1165. }
  1166.  
  1167. @media (min-width:1200px) {
  1168.     .mp-services__close {
  1169.         width: 48px;
  1170.         height: 48px;
  1171.         -webkit-transition: -webkit-box-shadow .3s ease-out;
  1172.         transition: -webkit-box-shadow .3s ease-out;
  1173.         transition: box-shadow .3s ease-out;
  1174.         transition: box-shadow .3s ease-out, -webkit-box-shadow .3s ease-out
  1175.     }
  1176.     .mp-services__close:hover {
  1177.         background: rgba(63, 63, 63, .2);
  1178.         -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .16), inset 0 0 0 2px rgba(0, 0, 0, .05);
  1179.         box-shadow: 0 2px 3px rgba(0, 0, 0, .16), inset 0 0 0 2px rgba(0, 0, 0, .05)
  1180.     }
  1181.     .mp-services__close:active {
  1182.         -webkit-box-shadow: none;
  1183.         box-shadow: none;
  1184.         background: rgba(63, 63, 63, .45)
  1185.     }
  1186. }
  1187.  
  1188. .mp-services__close svg {
  1189.     fill: #fff
  1190. }
  1191.  
  1192. @media (min-width:1200px) {
  1193.     .mp-services__close svg {
  1194.         width: 32px;
  1195.         height: 32px
  1196.     }
  1197. }
  1198.  
  1199. .mp-services__bottom {
  1200.     display: -webkit-box;
  1201.     display: -ms-flexbox;
  1202.     display: flex;
  1203.     -webkit-box-pack: justify;
  1204.     -ms-flex-pack: justify;
  1205.     justify-content: space-between;
  1206.     -ms-flex-wrap: wrap;
  1207.     flex-wrap: wrap;
  1208.     padding-top: 32px
  1209. }
  1210.  
  1211. @media (min-width:960px) {
  1212.     .mp-services__bottom {
  1213.         padding-top: 48px;
  1214.         padding-bottom: 16px
  1215.     }
  1216. }
  1217.  
  1218. @media (min-width:1200px) {
  1219.     .mp-services__bottom {
  1220.         padding-bottom: 32px
  1221.     }
  1222. }
  1223.  
  1224. .mp-services__layout {
  1225.     -webkit-box-flex: 0;
  1226.     -ms-flex: 0 0 276px;
  1227.     flex: 0 0 276px;
  1228.     margin-bottom: 32px
  1229. }
  1230.  
  1231. @media (min-width:960px) {
  1232.     .mp-services__layout {
  1233.         -webkit-box-flex: 0;
  1234.         -ms-flex: 0 0 204px;
  1235.         flex: 0 0 204px
  1236.     }
  1237. }
  1238.  
  1239. @media (min-width:1200px) {
  1240.     .mp-services__layout {
  1241.         -webkit-box-flex: 0;
  1242.         -ms-flex: 0 0 270px;
  1243.         flex: 0 0 270px
  1244.     }
  1245. }
  1246.  
  1247. @media (min-width:1380px) {
  1248.     .mp-services__layout {
  1249.         -webkit-box-flex: 0;
  1250.         -ms-flex: 0 0 298px;
  1251.         flex: 0 0 298px
  1252.     }
  1253. }
  1254.  
  1255. .mp-services__layout-title {
  1256.     font-weight: 500;
  1257.     line-height: 24px;
  1258.     font-size: 17px;
  1259.     letter-spacing: -.2px;
  1260.     margin: 0 0 16px
  1261. }
  1262.  
  1263. .mp-services__layout-title--highlighted {
  1264.     color: #009a17
  1265. }
  1266.  
  1267. .mp-services__link {
  1268.     display: block;
  1269.     outline: none;
  1270.     text-decoration: none;
  1271.     line-height: 24px;
  1272.     font-size: 15px;
  1273.     margin-bottom: 4px;
  1274.     color: inherit
  1275. }
  1276.  
  1277. .mp-services__link:visited {
  1278.     color: inherit
  1279. }
  1280.  
  1281. .mp-services__link:last-child {
  1282.     margin-bottom: 0
  1283. }
  1284.  
  1285. @media (min-width:1200px) {
  1286.     .mp-services__link:hover {
  1287.         color: #0169d9
  1288.     }
  1289. }
  1290.  
  1291. .mp-submenu {
  1292.     background-color: #fff;
  1293.     font-family: Fira Sans, sans-serif
  1294. }
  1295.  
  1296. .mp-submenu__wrapp {
  1297.     margin-left: 16px;
  1298.     height: 64px
  1299. }
  1300.  
  1301. @media (min-width:600px) {
  1302.     .mp-submenu__wrapp {
  1303.         margin-left: calc(50% - 288px)
  1304.     }
  1305. }
  1306.  
  1307. @media (min-width:960px) {
  1308.     .mp-submenu__wrapp {
  1309.         height: 80px;
  1310.         max-width: 912px;
  1311.         margin-left: calc(50% - 456px)
  1312.     }
  1313. }
  1314.  
  1315. @media (min-width:1200px) {
  1316.     .mp-submenu__wrapp {
  1317.         max-width: 1148px;
  1318.         margin-left: calc(50% - 574px)
  1319.     }
  1320. }
  1321.  
  1322. @media (min-width:1380px) {
  1323.     .mp-submenu__wrapp {
  1324.         max-width: 1288px;
  1325.         margin-left: calc(50% - 644px)
  1326.     }
  1327. }
  1328.  
  1329. .mp-submenu__inner {
  1330.     -webkit-box-pack: justify;
  1331.     -ms-flex-pack: justify;
  1332.     justify-content: space-between;
  1333.     -webkit-box-align: center;
  1334.     -ms-flex-align: center;
  1335.     align-items: center;
  1336.     border-bottom: 1px solid #dfdfdf
  1337. }
  1338.  
  1339. .mp-submenu__inner,
  1340. .mp-submenu__nav {
  1341.     display: -webkit-box;
  1342.     display: -ms-flexbox;
  1343.     display: flex;
  1344.     height: 100%
  1345. }
  1346.  
  1347. .mp-submenu__nav {
  1348.     overflow-x: auto
  1349. }
  1350.  
  1351. .mp-submenu__link {
  1352.     position: relative;
  1353.     z-index: 1;
  1354.     text-decoration: none;
  1355.     color: #212121;
  1356.     font-weight: 500;
  1357.     line-height: 32px;
  1358.     font-size: 16px;
  1359.     letter-spacing: -.2px;
  1360.     display: -webkit-box;
  1361.     display: -ms-flexbox;
  1362.     display: flex;
  1363.     height: 100%;
  1364.     -webkit-box-align: center;
  1365.     -ms-flex-align: center;
  1366.     align-items: center;
  1367.     white-space: nowrap;
  1368.     margin-right: 25px
  1369. }
  1370.  
  1371. @media (min-width:1200px) {
  1372.     .mp-submenu__link:hover:before {
  1373.         width: 100%
  1374.     }
  1375. }
  1376.  
  1377. .mp-submenu__link:last-child {
  1378.     padding-right: 16px
  1379. }
  1380.  
  1381. .mp-submenu__link:before {
  1382.     content: "";
  1383.     position: absolute;
  1384.     bottom: 0;
  1385.     left: 50%;
  1386.     -webkit-transform: translateX(-50%);
  1387.     transform: translateX(-50%);
  1388.     width: 0;
  1389.     height: 2px;
  1390.     will-change: width;
  1391.     -webkit-transition: width .3s ease-out;
  1392.     transition: width .3s ease-out;
  1393.     background-color: #0aa440
  1394. }
  1395.  
  1396. .mp-submenu__link--active {
  1397.     -webkit-box-sizing: border-box;
  1398.     box-sizing: border-box
  1399. }
  1400.  
  1401. .mp-submenu__link--active:before {
  1402.     width: 100%
  1403. }
  1404.  
  1405. .mp-submenu__link--sale {
  1406.     margin-right: 43px
  1407. }
  1408.  
  1409. .mp-submenu__link--sale:after {
  1410.     content: "%";
  1411.     position: absolute;
  1412.     top: 50%;
  1413.     -webkit-transform: translateY(-50%);
  1414.     transform: translateY(-50%);
  1415.     left: calc(100% + 4px);
  1416.     line-height: 20px;
  1417.     font-size: 18px;
  1418.     letter-spacing: -.7px;
  1419.     color: #e7433a;
  1420.     font-weight: 500
  1421. }
  1422.  
  1423. .mp-submenu__request-btn {
  1424.     display: none
  1425. }
  1426.  
  1427. @media (min-width:1200px) {
  1428.     .mp-submenu__request-btn {
  1429.         display: block
  1430.     }
  1431. }
  1432.  
  1433. .mp-footer {
  1434.     background-color: #f8f6ec
  1435. }
  1436.  
  1437. .mp-footer__wrapp {
  1438.     padding-top: 32px;
  1439.     padding-bottom: 32px
  1440. }
  1441.  
  1442. @media (min-width:960px) {
  1443.     .mp-footer__wrapp {
  1444.         padding-bottom: 0
  1445.     }
  1446. }
  1447.  
  1448. @media (min-width:1200px) {
  1449.     .mp-footer__wrapp {
  1450.         display: -webkit-box;
  1451.         display: -ms-flexbox;
  1452.         display: flex;
  1453.         padding-top: 60px
  1454.     }
  1455. }
  1456.  
  1457. .mp-footer__info {
  1458.     display: none
  1459. }
  1460.  
  1461. @media (min-width:1200px) {
  1462.     .mp-footer__info {
  1463.         display: initial;
  1464.         -webkit-box-flex: 0;
  1465.         -ms-flex: 0 0 330px;
  1466.         flex: 0 0 330px;
  1467.         margin-right: 62px
  1468.     }
  1469. }
  1470.  
  1471. @media (min-width:1200px) {
  1472.     .mp-footer__logo {
  1473.         margin-bottom: 40px
  1474.     }
  1475. }
  1476.  
  1477. @media (min-width:1200px) {
  1478.     .mp-footer__text {
  1479.         line-height: 20px;
  1480.         font-size: 13px;
  1481.         color: #686868
  1482.     }
  1483. }
  1484.  
  1485. @media (min-width:1200px) {
  1486.     .mp-footer__text p {
  1487.         margin: 0 0 16px
  1488.     }
  1489. }
  1490.  
  1491. @media (min-width:600px) {
  1492.     .mp-footer__nav {
  1493.         display: -webkit-box;
  1494.         display: -ms-flexbox;
  1495.         display: flex;
  1496.         -ms-flex-wrap: wrap;
  1497.         flex-wrap: wrap
  1498.     }
  1499. }
  1500.  
  1501. @media (min-width:1200px) {
  1502.     .mp-footer__nav {
  1503.         -webkit-box-flex: 1;
  1504.         -ms-flex: 1;
  1505.         flex: 1
  1506.     }
  1507. }
  1508.  
  1509. @media (min-width:600px) {
  1510.     .mp-footer__column {
  1511.         width: 50%
  1512.     }
  1513.     .mp-footer__column:nth-of-type(2) {
  1514.         -webkit-box-ordinal-group: 4;
  1515.         -ms-flex-order: 3;
  1516.         order: 3
  1517.     }
  1518.     .mp-footer__column:nth-of-type(4) {
  1519.         -webkit-box-ordinal-group: 5;
  1520.         -ms-flex-order: 4;
  1521.         order: 4
  1522.     }
  1523. }
  1524.  
  1525. @media (min-width:960px) {
  1526.     .mp-footer__column {
  1527.         width: 25%
  1528.     }
  1529.     .mp-footer__column:nth-of-type(3) {
  1530.         -webkit-box-ordinal-group: 4;
  1531.         -ms-flex-order: 3;
  1532.         order: 3
  1533.     }
  1534. }
  1535.  
  1536. .mp-footer__group {
  1537.     margin-bottom: 26px
  1538. }
  1539.  
  1540. @media (min-width:600px) {
  1541.     .mp-footer__group {
  1542.         margin-bottom: 40px
  1543.     }
  1544. }
  1545.  
  1546. .mp-footer__group._active {
  1547.     margin-bottom: 44px
  1548. }
  1549.  
  1550. .mp-footer__group-title {
  1551.     display: -webkit-box;
  1552.     display: -ms-flexbox;
  1553.     display: flex;
  1554.     -webkit-box-pack: justify;
  1555.     -ms-flex-pack: justify;
  1556.     justify-content: space-between;
  1557.     margin-bottom: 12px
  1558. }
  1559.  
  1560. @media (min-width:600px) {
  1561.     .mp-footer__group-title {
  1562.         margin-bottom: 16px
  1563.     }
  1564. }
  1565.  
  1566. @media (min-width:1200px) {
  1567.     .mp-footer__group-title {
  1568.         margin-bottom: 14px
  1569.     }
  1570. }
  1571.  
  1572. .mp-footer__group-title-text {
  1573.     font-weight: 700;
  1574.     line-height: 24px;
  1575.     font-size: 18px;
  1576.     -webkit-transition: color .3s ease;
  1577.     transition: color .3s ease
  1578. }
  1579.  
  1580. @media (min-width:600px) {
  1581.     .mp-footer__group-title-text {
  1582.         font-size: 14px
  1583.     }
  1584. }
  1585.  
  1586. @media (min-width:1200px) {
  1587.     .mp-footer__group-title-text {
  1588.         font-size: 14px
  1589.     }
  1590. }
  1591.  
  1592. ._active .mp-footer__group-title-text {
  1593.     color: #1eb34b
  1594. }
  1595.  
  1596. .mp-footer__group-title-arrow {
  1597.     -webkit-transition: color .3s ease, -webkit-transform .3s ease;
  1598.     transition: color .3s ease, -webkit-transform .3s ease;
  1599.     transition: color .3s ease, transform .3s ease;
  1600.     transition: color .3s ease, transform .3s ease, -webkit-transform .3s ease
  1601. }
  1602.  
  1603. @media (min-width:600px) {
  1604.     .mp-footer__group-title-arrow {
  1605.         display: none
  1606.     }
  1607. }
  1608.  
  1609. @media (min-width:1200px) {
  1610.     .mp-footer__group-title-arrow {
  1611.         display: none
  1612.     }
  1613. }
  1614.  
  1615. ._active .mp-footer__group-title-arrow {
  1616.     -webkit-transform: rotate(180deg);
  1617.     transform: rotate(180deg)
  1618. }
  1619.  
  1620. ._active .mp-footer__group-title-arrow path {
  1621.     fill: #1eb34b
  1622. }
  1623.  
  1624. .mp-footer__group-links {
  1625.     display: none
  1626. }
  1627.  
  1628. @media (min-width:600px) {
  1629.     .mp-footer__group-links {
  1630.         display: initial
  1631.     }
  1632. }
  1633.  
  1634. .mp-footer__group-links-item {
  1635.     display: block;
  1636.     line-height: 34px;
  1637.     font-size: 17px;
  1638.     color: #313131;
  1639.     padding-left: 16px;
  1640.     margin-bottom: 4px;
  1641.     text-decoration: none;
  1642.     -webkit-transition: color .1s ease;
  1643.     transition: color .1s ease
  1644. }
  1645.  
  1646. @media (min-width:600px) {
  1647.     .mp-footer__group-links-item {
  1648.         line-height: 24px;
  1649.         font-size: 13px;
  1650.         padding-left: 0
  1651.     }
  1652. }
  1653.  
  1654. @media (min-width:1200px) {
  1655.     .mp-footer__group-links-item {
  1656.         line-height: 24px;
  1657.         font-size: 13px;
  1658.         display: block
  1659.     }
  1660.     .mp-footer__group-links-item:active,
  1661.     .mp-footer__group-links-item:hover {
  1662.         color: #0169d9
  1663.     }
  1664. }
  1665.  
  1666. .mp-footer__column-logo {
  1667.     margin-top: 48px;
  1668.     margin-bottom: 22px
  1669. }
  1670.  
  1671. .mp-footer__column-logo svg {
  1672.     width: 220px;
  1673.     height: auto
  1674. }
  1675.  
  1676. @media (min-width:600px) {
  1677.     .mp-footer__column-logo svg {
  1678.         width: 171px
  1679.     }
  1680. }
  1681.  
  1682. @media (min-width:600px) {
  1683.     .mp-footer__column-logo {
  1684.         margin-top: 0;
  1685.         margin-bottom: 32px
  1686.     }
  1687. }
  1688.  
  1689. @media (min-width:1200px) {
  1690.     .mp-footer__column-logo {
  1691.         display: none
  1692.     }
  1693. }
  1694.  
  1695. .mp-footer__contact {
  1696.     margin-bottom: 24px
  1697. }
  1698.  
  1699. .mp-footer__contact:nth-of-type(2) .mp-footer__contact-phone {
  1700.     display: initial
  1701. }
  1702.  
  1703. .mp-footer__contact-office {
  1704.     display: -webkit-box;
  1705.     display: -ms-flexbox;
  1706.     display: flex;
  1707.     -webkit-box-align: center;
  1708.     -ms-flex-align: center;
  1709.     align-items: center;
  1710.     line-height: 20px;
  1711.     font-size: 15px;
  1712.     color: #313131;
  1713.     opacity: .5;
  1714.     margin-bottom: 4px;
  1715.     text-decoration: none
  1716. }
  1717.  
  1718. @media (min-width:600px) {
  1719.     .mp-footer__contact-office {
  1720.         font-size: 13px
  1721.     }
  1722. }
  1723.  
  1724. @media (min-width:1200px) {
  1725.     .mp-footer__contact-office {
  1726.         font-size: 13px
  1727.     }
  1728. }
  1729.  
  1730. .mp-footer__contact-office-icon {
  1731.     width: 20px;
  1732.     height: 20px;
  1733.     margin-right: 4px
  1734. }
  1735.  
  1736. .mp-footer__contact-phone {
  1737.     display: none;
  1738.     font-weight: 700;
  1739.     line-height: 20px;
  1740.     font-size: 22px;
  1741.     color: #313131;
  1742.     text-decoration: none
  1743. }
  1744.  
  1745. @media (min-width:600px) {
  1746.     .mp-footer__contact-phone {
  1747.         display: initial;
  1748.         font-size: 18px
  1749.     }
  1750. }
  1751.  
  1752. @media (min-width:1200px) {
  1753.     .mp-footer__contact-phone {
  1754.         font-size: 18px
  1755.     }
  1756. }
  1757.  
  1758. .mp-footer__socials {
  1759.     display: -webkit-box;
  1760.     display: -ms-flexbox;
  1761.     display: flex;
  1762.     margin-top: 36px
  1763. }
  1764.  
  1765. @media (min-width:600px) {
  1766.     .mp-footer__socials {
  1767.         margin-top: 34px
  1768.     }
  1769. }
  1770.  
  1771. @media (min-width:1200px) {
  1772.     .mp-footer__socials {
  1773.         margin-top: 40px
  1774.     }
  1775. }
  1776.  
  1777. .mp-footer__socials-item {
  1778.     width: 32px;
  1779.     height: 32px;
  1780.     -webkit-box-flex: 0;
  1781.     -ms-flex: 0 0 32px;
  1782.     flex: 0 0 32px;
  1783.     margin-right: 25px
  1784. }
  1785.  
  1786. @media (min-width:600px) {
  1787.     .mp-footer__socials-item {
  1788.         width: 25px;
  1789.         height: 25px;
  1790.         -webkit-box-flex: 0;
  1791.         -ms-flex: 0 0 25px;
  1792.         flex: 0 0 25px;
  1793.         margin-right: 18px
  1794.     }
  1795. }
  1796.  
  1797. @media (min-width:1200px) {
  1798.     .mp-footer__socials-item {
  1799.         margin-right: 10px
  1800.     }
  1801. }
  1802.  
  1803. .mp-mini-footer {
  1804.     background-color: #f8f6ec;
  1805.     padding: 32px 0 40px
  1806. }
  1807.  
  1808. @media (min-width:600px) {
  1809.     .mp-mini-footer__wrapp {
  1810.         display: -webkit-box;
  1811.         display: -ms-flexbox;
  1812.         display: flex;
  1813.         -webkit-box-pack: start;
  1814.         -ms-flex-pack: start;
  1815.         justify-content: flex-start;
  1816.         -webkit-box-align: top;
  1817.         -ms-flex-align: top;
  1818.         align-items: top
  1819.     }
  1820. }
  1821.  
  1822. @media (min-width:960px) {
  1823.     .mp-mini-footer__wrapp {
  1824.         -webkit-box-align: center;
  1825.         -ms-flex-align: center;
  1826.         align-items: center
  1827.     }
  1828. }
  1829.  
  1830. @media (min-width:600px) {
  1831.     .mp-mini-footer__layout {
  1832.         -webkit-box-flex: 0;
  1833.         -ms-flex: 0 1 auto;
  1834.         flex: 0 1 auto
  1835.     }
  1836. }
  1837.  
  1838. .mp-mini-footer__layout--left {
  1839.     margin-bottom: 16px
  1840. }
  1841.  
  1842. @media (min-width:600px) {
  1843.     .mp-mini-footer__layout--left {
  1844.         margin-bottom: 0;
  1845.         margin-right: auto
  1846.     }
  1847. }
  1848.  
  1849. @media (min-width:600px) {
  1850.     .mp-mini-footer__layout--right {
  1851.         margin-top: 10px
  1852.     }
  1853. }
  1854.  
  1855. @media (min-width:960px) {
  1856.     .mp-mini-footer__layout--right {
  1857.         margin-top: 0
  1858.     }
  1859. }
  1860.  
  1861. .mp-mini-footer__logo-link {
  1862.     outline: none;
  1863.     text-decoration: none;
  1864.     font-size: 0;
  1865.     line-height: 0;
  1866.     margin-bottom: 8px;
  1867.     display: block
  1868. }
  1869.  
  1870. @media (min-width:960px) {
  1871.     .mp-mini-footer__logo-link {
  1872.         display: inline-block;
  1873.         vertical-align: middle;
  1874.         margin: 0 24px 0 0
  1875.     }
  1876. }
  1877.  
  1878. .mp-mini-footer__logo-link img {
  1879.     max-width: 100%
  1880. }
  1881.  
  1882. .mp-mini-footer__copyright {
  1883.     font-size: 15px;
  1884.     line-height: 24px;
  1885.     letter-spacing: -.3px;
  1886.     color: #656565;
  1887.     margin: 0;
  1888.     display: inline-block;
  1889.     vertical-align: top
  1890. }
  1891.  
  1892. @media (min-width:960px) {
  1893.     .mp-mini-footer__copyright {
  1894.         vertical-align: middle;
  1895.         margin: 0 7px 0 0
  1896.     }
  1897. }
  1898.  
  1899. .mp-mini-footer__privacy-link {
  1900.     display: inline-block;
  1901.     vertical-align: top;
  1902.     margin: 0;
  1903.     text-decoration: none;
  1904.     font-size: 15px;
  1905.     line-height: 24px;
  1906.     letter-spacing: -.3px;
  1907.     color: #0169d9
  1908. }
  1909.  
  1910. @media (min-width:960px) {
  1911.     .mp-mini-footer__privacy-link {
  1912.         vertical-align: middle
  1913.     }
  1914. }
  1915.  
  1916. .mp-mini-footer__callback-title {
  1917.     font-size: 11px;
  1918.     font-weight: 500;
  1919.     line-height: 16px;
  1920.     color: #8f8f8f;
  1921.     margin: 0 0 4px
  1922. }
  1923.  
  1924. @media (min-width:960px) {
  1925.     .mp-mini-footer__callback-title {
  1926.         margin-bottom: 0
  1927.     }
  1928. }
  1929.  
  1930. .mp-mini-footer__callback-phone {
  1931.     outline: none;
  1932.     text-decoration: none;
  1933.     margin: 0;
  1934.     font-size: 32px;
  1935.     font-weight: 700;
  1936.     line-height: 32px;
  1937.     color: #333
  1938. }
  1939.  
  1940. @media (min-width:960px) {
  1941.     .mp-mini-footer__callback-phone {
  1942.         font-size: 22px;
  1943.         line-height: 32px
  1944.     }
  1945. }
  1946.  
  1947. @media (min-width:1380px) {
  1948.     .mp-mini-footer__callback-phone {
  1949.         font-size: 25px
  1950.     }
  1951. }
  1952.  
  1953. .mp-footer-bottom {
  1954.     background: #0aa440
  1955. }
  1956.  
  1957. .mp-footer-bottom__wrapp {
  1958.     padding-top: 16px;
  1959.     padding-bottom: 16px;
  1960.     display: -webkit-box;
  1961.     display: -ms-flexbox;
  1962.     display: flex;
  1963.     -ms-flex-wrap: wrap;
  1964.     flex-wrap: wrap;
  1965.     -webkit-box-pack: justify;
  1966.     -ms-flex-pack: justify;
  1967.     justify-content: space-between
  1968. }
  1969.  
  1970. .mp-footer-bottom__wrapp>:nth-child(3) {
  1971.     -webkit-box-ordinal-group: 2;
  1972.     -ms-flex-order: 1;
  1973.     order: 1
  1974. }
  1975.  
  1976. .mp-footer-bottom__wrapp>:first-child {
  1977.     -webkit-box-ordinal-group: 3;
  1978.     -ms-flex-order: 2;
  1979.     order: 2
  1980. }
  1981.  
  1982. .mp-footer-bottom__wrapp>:nth-child(2) {
  1983.     -webkit-box-ordinal-group: 4;
  1984.     -ms-flex-order: 3;
  1985.     order: 3
  1986. }
  1987.  
  1988. @media (min-width:600px) {
  1989.     .mp-footer-bottom__wrapp {
  1990.         -ms-flex-wrap: nowrap;
  1991.         flex-wrap: nowrap;
  1992.         -webkit-box-align: center;
  1993.         -ms-flex-align: center;
  1994.         align-items: center;
  1995.         padding-top: 13px;
  1996.         padding-bottom: 13px
  1997.     }
  1998.     .mp-footer-bottom__wrapp>:nth-child(n) {
  1999.         -webkit-box-ordinal-group: initial;
  2000.         -ms-flex-order: initial;
  2001.         order: 0
  2002.     }
  2003. }
  2004.  
  2005. .mp-footer-bottom__year {
  2006.     line-height: 20px;
  2007.     font-size: 13px;
  2008.     letter-spacing: -.3px;
  2009.     color: #fff
  2010. }
  2011.  
  2012. @media (min-width:960px) {
  2013.     .mp-footer-bottom__year {
  2014.         margin-right: 24px
  2015.     }
  2016. }
  2017.  
  2018. .mp-footer-bottom__privacy {
  2019.     line-height: 20px;
  2020.     font-size: 13px;
  2021.     letter-spacing: -.3px;
  2022.     color: #fff
  2023. }
  2024.  
  2025. .mp-footer-bottom__search {
  2026.     width: 100%;
  2027.     position: relative
  2028. }
  2029.  
  2030. @media (min-width:600px) {
  2031.     .mp-footer-bottom__search {
  2032.         -webkit-box-flex: 0;
  2033.         -ms-flex: 0 0 276px;
  2034.         flex: 0 0 276px
  2035.     }
  2036. }
  2037.  
  2038. @media (min-width:960px) {
  2039.     .mp-footer-bottom__search {
  2040.         margin-left: auto
  2041.     }
  2042. }
  2043.  
  2044. @media (min-width:1200px) {
  2045.     .mp-footer-bottom__search {
  2046.         -webkit-box-flex: 0;
  2047.         -ms-flex: 0 0 368px;
  2048.         flex: 0 0 368px
  2049.     }
  2050. }
  2051.  
  2052. @media (min-width:1380px) {
  2053.     .mp-footer-bottom__search {
  2054.         -webkit-box-flex: 0;
  2055.         -ms-flex: 0 0 408px;
  2056.         flex: 0 0 408px
  2057.     }
  2058. }
  2059.  
  2060. .mp-footer-bottom__search-input {
  2061.     font-family: Fira Sans, sans-serif;
  2062.     -webkit-box-sizing: border-box;
  2063.     box-sizing: border-box;
  2064.     width: 100%;
  2065.     line-height: 24px;
  2066.     font-size: 15px;
  2067.     letter-spacing: -.2px;
  2068.     color: #828282;
  2069.     padding: 6px 18px;
  2070.     border: 2px solid #ddd;
  2071.     border-radius: 24px;
  2072.     outline: none;
  2073.     margin-bottom: 16px
  2074. }
  2075.  
  2076. @media (min-width:600px) {
  2077.     .mp-footer-bottom__search-input {
  2078.         margin-bottom: 0;
  2079.         font-size: 14px;
  2080.         letter-spacing: -.2px;
  2081.         color: hsla(0, 0%, 54.1%, .6);
  2082.         padding: 2px 14px
  2083.     }
  2084. }
  2085.  
  2086. .mp-footer-bottom__search-input::-webkit-input-placeholder {
  2087.     color: #828282
  2088. }
  2089.  
  2090. .mp-footer-bottom__search-input:-ms-input-placeholder {
  2091.     color: #828282
  2092. }
  2093.  
  2094. .mp-footer-bottom__search-input::-ms-input-placeholder {
  2095.     color: #828282
  2096. }
  2097.  
  2098. .mp-footer-bottom__search-input::placeholder {
  2099.     color: #828282
  2100. }
  2101.  
  2102. @media (min-width:600px) {
  2103.     .mp-footer-bottom__search-input::-webkit-input-placeholder {
  2104.         color: hsla(0, 0%, 54.1%, .6)
  2105.     }
  2106.     .mp-footer-bottom__search-input:-ms-input-placeholder {
  2107.         color: hsla(0, 0%, 54.1%, .6)
  2108.     }
  2109.     .mp-footer-bottom__search-input::-ms-input-placeholder {
  2110.         color: hsla(0, 0%, 54.1%, .6)
  2111.     }
  2112.     .mp-footer-bottom__search-input::placeholder {
  2113.         color: hsla(0, 0%, 54.1%, .6)
  2114.     }
  2115. }
  2116.  
  2117. .mp-footer-bottom__search-sbmt {
  2118.     position: absolute;
  2119.     right: 0;
  2120.     top: 0;
  2121.     padding: 0!important;
  2122.     width: 40px;
  2123.     height: 40px;
  2124.     -webkit-box-sizing: border-box;
  2125.     box-sizing: border-box;
  2126.     line-height: 0;
  2127.     outline: none
  2128. }
  2129.  
  2130. @media (min-width:600px) {
  2131.     .mp-footer-bottom__search-sbmt {
  2132.         width: 32px;
  2133.         height: 32px
  2134.     }
  2135. }
  2136.  
  2137. @media (min-width:960px) {
  2138.     .mp-footer-bottom__search-sbmt {
  2139.         padding: 0
  2140.     }
  2141. }
  2142.  
  2143. .mp-footer-bottom__search-sbmt svg {
  2144.     width: 26px;
  2145.     height: 26px
  2146. }
  2147.  
  2148. @media (min-width:600px) {
  2149.     .mp-footer-bottom__search-sbmt svg {
  2150.         width: 24px;
  2151.         height: 24px
  2152.     }
  2153. }
  2154.  
  2155. .mp-footer-bottom__search-sbmt svg path {
  2156.     fill: #0169d9
  2157. }
  2158.  
  2159. .mp-scrolltop {
  2160.     position: fixed;
  2161.     z-index: 99999;
  2162.     right: 100%;
  2163.     bottom: 102px;
  2164.     border-radius: 50%;
  2165.     padding: 8px;
  2166.     background: rgba(63, 63, 63, .3);
  2167.     line-height: 0;
  2168.     cursor: pointer;
  2169.     opacity: 0;
  2170.     -webkit-transition: opacity .3s ease;
  2171.     transition: opacity .3s ease
  2172. }
  2173.  
  2174. @media (min-width:1200px) {
  2175.     .mp-scrolltop {
  2176.         bottom: 200px
  2177.     }
  2178. }
  2179.  
  2180. .mp-scrolltop.show {
  2181.     right: 20px;
  2182.     opacity: 1
  2183. }
  2184.  
  2185. @media (min-width:1200px) {
  2186.     .mp-scrolltop.show {
  2187.         right: 48px
  2188.     }
  2189. }
  2190.  
  2191. .mp-scrolltop.hide {
  2192.     opacity: 0;
  2193.     -webkit-transition: opacity .3s ease, right 0s ease .3s;
  2194.     transition: opacity .3s ease, right 0s ease .3s
  2195. }
  2196.  
  2197. .mp-scrolltop svg {
  2198.     width: 32px;
  2199.     height: 32px;
  2200.     -webkit-transform: rotate(45deg);
  2201.     transform: rotate(45deg)
  2202. }
  2203.  
  2204. .mp-scrolltop svg path {
  2205.     fill: #fff
  2206. }
  2207.  
  2208. @-webkit-keyframes rotate {
  2209.     0% {
  2210.         -webkit-transform: rotate(0deg);
  2211.         transform: rotate(0deg)
  2212.     }
  2213.     to {
  2214.         -webkit-transform: rotate(1turn);
  2215.         transform: rotate(1turn)
  2216.     }
  2217. }
  2218.  
  2219. @keyframes rotate {
  2220.     0% {
  2221.         -webkit-transform: rotate(0deg);
  2222.         transform: rotate(0deg)
  2223.     }
  2224.     to {
  2225.         -webkit-transform: rotate(1turn);
  2226.         transform: rotate(1turn)
  2227.     }
  2228. }
  2229.  
  2230. .mp-form__preloader-svg {
  2231.     -webkit-transition: -webkit-transform .3s;
  2232.     transition: -webkit-transform .3s;
  2233.     transition: transform .3s;
  2234.     transition: transform .3s, -webkit-transform .3s;
  2235.     -webkit-animation-name: rotate;
  2236.     animation-name: rotate;
  2237.     -webkit-animation-iteration-count: infinite;
  2238.     animation-iteration-count: infinite;
  2239.     -webkit-animation-duration: 1s;
  2240.     animation-duration: 1s;
  2241.     -webkit-animation-timing-function: linear;
  2242.     animation-timing-function: linear
  2243. }
  2244.  
  2245. .mp-form__preloader-svg circle {
  2246.     stroke-dasharray: 21
  2247. }
  2248.  
  2249. .mp-form__preloader-svg polyline {
  2250.     stroke-dasharray: 44;
  2251.     stroke-dashoffset: 44;
  2252.     stroke-linecap: butt
  2253. }
  2254.  
  2255. .cd-request-popup__tnx {
  2256.     position: absolute;
  2257.     top: 15%;
  2258.     width: 80%;
  2259.     max-width: 564px;
  2260.     z-index: 10;
  2261.     display: none;
  2262.     -webkit-box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .5);
  2263.     box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .5);
  2264.     border-radius: 10px;
  2265.     background-color: #fff;
  2266.     padding: 32px 16px;
  2267.     left: 50%;
  2268.     -webkit-transform: translateX(-50%);
  2269.     transform: translateX(-50%);
  2270.     font-family: Fira Sans, sans-serif;
  2271.     text-align: center
  2272. }
  2273.  
  2274. .tnx-icon {
  2275.     display: inline-block;
  2276.     margin-bottom: 24px
  2277. }
  2278.  
  2279. .cd-request-popup {
  2280.     position: absolute;
  2281.     top: 15%;
  2282.     width: 80%;
  2283.     max-width: 564px;
  2284.     z-index: 10;
  2285.     display: none;
  2286.     -webkit-box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .5);
  2287.     box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .5);
  2288.     border-radius: 10px;
  2289.     background-color: #fff;
  2290.     padding: 32px 16px;
  2291.     left: 50%;
  2292.     -webkit-transform: translateX(-50%);
  2293.     transform: translateX(-50%);
  2294.     font-family: Fira Sans, sans-serif
  2295. }
  2296.  
  2297. @media (min-width:600px) {
  2298.     .cd-request-popup {
  2299.         padding: 32px
  2300.     }
  2301. }
  2302.  
  2303. .cd-request-popup__title {
  2304.     font-size: 24px;
  2305.     font-weight: 700;
  2306.     letter-spacing: -.4px;
  2307.     text-align: center;
  2308.     color: #333;
  2309.     margin-top: 0;
  2310.     margin-bottom: 0
  2311. }
  2312.  
  2313. @media (min-width:600px) {
  2314.     .cd-request-popup__title {
  2315.         margin-bottom: 0;
  2316.         font-size: 28px
  2317.     }
  2318. }
  2319.  
  2320. .cd-request-popup__close {
  2321.     width: 48px;
  2322.     height: 48px;
  2323.     -webkit-box-shadow: 0 5px 3px -3px hsla(0, 0%, 69%, .27), inset 0 0 0 2px #dfdfdf;
  2324.     box-shadow: 0 5px 3px -3px hsla(0, 0%, 69%, .27), inset 0 0 0 2px #dfdfdf;
  2325.     border-radius: 50%;
  2326.     background-color: #fafaf9;
  2327.     -webkit-appearance: none;
  2328.     border: none;
  2329.     padding: 0;
  2330.     outline: 0;
  2331.     position: absolute;
  2332.     top: -18px;
  2333.     right: -14px;
  2334.     display: -webkit-box;
  2335.     display: -ms-flexbox;
  2336.     display: flex;
  2337.     -webkit-box-pack: center;
  2338.     -ms-flex-pack: center;
  2339.     justify-content: center;
  2340.     -webkit-box-align: center;
  2341.     -ms-flex-align: center;
  2342.     align-items: center;
  2343.     cursor: pointer
  2344. }
  2345.  
  2346. .cd-request-popup__close svg {
  2347.     width: 32px;
  2348.     height: 32px
  2349. }
  2350.  
  2351. .cd-request-popup__preloader {
  2352.     display: -webkit-box;
  2353.     display: -ms-flexbox;
  2354.     display: flex;
  2355.     -webkit-box-orient: vertical;
  2356.     -webkit-box-direction: normal;
  2357.     -ms-flex-direction: column;
  2358.     flex-direction: column;
  2359.     -webkit-box-align: center;
  2360.     -ms-flex-align: center;
  2361.     align-items: center;
  2362.     background: hsla(0, 0%, 100%, .3)
  2363. }
  2364.  
  2365. .cd-request-popup__preloader-svg circle {
  2366.     stroke-dasharray: 21
  2367. }
  2368.  
  2369. .cd-request-popup__preloader-svg polyline {
  2370.     stroke-dasharray: 44;
  2371.     stroke-dashoffset: 44;
  2372.     stroke-linecap: butt
  2373. }
  2374.  
  2375. .cd-request-popup h2 {
  2376.     font-size: 18px;
  2377.     font-weight: 300;
  2378.     line-height: 1.33;
  2379.     letter-spacing: -.4px;
  2380.     text-align: center;
  2381.     color: #333
  2382. }
  2383.  
  2384. @media (min-width:600px) {
  2385.     .cd-request-popup h2 {
  2386.         font-size: 20px
  2387.     }
  2388. }
  2389.  
  2390. .cd-request-popup .cd-input__field {
  2391.     height: 40px
  2392. }
  2393.  
  2394. @media (min-width:600px) {
  2395.     .cd-request-popup .cd-input__field {
  2396.         height: 48px
  2397.     }
  2398. }
  2399.  
  2400. .cd-request-popup .tpl-field {
  2401.     font-size: 15px;
  2402.     line-height: 1.47;
  2403.     color: #333
  2404. }
  2405.  
  2406. .cd-request-popup .mp-form__privacy {
  2407.     font-size: 13px;
  2408.     line-height: 1.31;
  2409.     letter-spacing: -.4px;
  2410.     color: #828282;
  2411.     text-align: center;
  2412.     margin-top: 16px
  2413. }
  2414.  
  2415. .cd-request-popup .mp-form__privacy a {
  2416.     color: #828282
  2417. }
  2418.  
  2419. @media (min-width:600px) {
  2420.     .cd-request-popup .mp-form__btn {
  2421.         text-align: center
  2422.     }
  2423. }
  2424.  
  2425. .cd-request-popup .mp-form__btn .cd-btn {
  2426.     width: 100%
  2427. }
  2428.  
  2429. @media (min-width:600px) {
  2430.     .cd-request-popup .mp-form__btn .cd-btn {
  2431.         width: auto
  2432.     }
  2433. }
  2434.  
  2435. @media (min-width:600px) {
  2436.     .cd-request-popup .cd-field__text {
  2437.         font-size: 15px
  2438.     }
  2439. }
  2440.  
  2441. .sp-force-hide.sp-form-outer~.mp-form__preloader {
  2442.     display: block
  2443. }
  2444.  
  2445. .sp-form-outer~.mp-form__preloader {
  2446.     display: none
  2447. }
  2448.  
  2449. @font-face {
  2450.     font-family: Fira Sans;
  2451.     font-weight: 300;
  2452.     font-style: normal;
  2453.     src: url(/g/fonts/fira_sans/fira_sans-l.eot);
  2454.     src: url(/g/fonts/fira_sans/fira_sans-l.eot?#iefix) format("embedded-opentype"), url(/g/fonts/fira_sans/fira_sans-l.ttf) format("truetype"), url(/g/fonts/fira_sans/fira_sans-l.woff2)
  2455. }
  2456.  
  2457. @font-face {
  2458.     font-family: Fira Sans;
  2459.     font-weight: 400;
  2460.     font-style: normal;
  2461.     src: url(/g/fonts/fira_sans/fira_sans-r.eot);
  2462.     src: url(/g/fonts/fira_sans/fira_sans-r.eot?#iefix) format("embedded-opentype"), url(/g/fonts/fira_sans/fira_sans-r.ttf) format("truetype"), url(/g/fonts/fira_sans/fira_sans-r.woff2)
  2463. }
  2464.  
  2465. @font-face {
  2466.     font-family: Fira Sans;
  2467.     font-weight: 500;
  2468.     font-style: normal;
  2469.     src: url(/g/fonts/fira_sans/fira_sans-m.eot);
  2470.     src: url(/g/fonts/fira_sans/fira_sans-m.eot?#iefix) format("embedded-opentype"), url(/g/fonts/fira_sans/fira_sans-m.ttf) format("truetype"), url(/g/fonts/fira_sans/fira_sans-m.woff2)
  2471. }
  2472.  
  2473. @font-face {
  2474.     font-family: Fira Sans;
  2475.     font-weight: 700;
  2476.     font-style: normal;
  2477.     src: url(/g/fonts/fira_sans/fira_sans-b.eot);
  2478.     src: url(/g/fonts/fira_sans/fira_sans-b.eot?#iefix) format("embedded-opentype"), url(/g/fonts/fira_sans/fira_sans-b.ttf) format("truetype"), url(/g/fonts/fira_sans/fira_sans-b.woff2)
  2479. }
  2480.  
  2481. .mp-wrapp {
  2482.     margin: 0 auto;
  2483.     max-width: 100%;
  2484.     width: 100%;
  2485.     -webkit-box-sizing: border-box;
  2486.     box-sizing: border-box;
  2487.     padding-left: 16px;
  2488.     padding-right: 16px;
  2489.     position: relative;
  2490.     z-index: 1
  2491. }
  2492.  
  2493. @media (min-width:600px) {
  2494.     .mp-wrapp {
  2495.         max-width: 600px;
  2496.         padding-left: 12px;
  2497.         padding-right: 12px
  2498.     }
  2499. }
  2500.  
  2501. @media (min-width:960px) {
  2502.     .mp-wrapp {
  2503.         max-width: 960px;
  2504.         padding-left: 24px;
  2505.         padding-right: 24px
  2506.     }
  2507. }
  2508.  
  2509. @media (min-width:1200px) {
  2510.     .mp-wrapp {
  2511.         max-width: 1180px;
  2512.         padding-left: 16px;
  2513.         padding-right: 16px
  2514.     }
  2515. }
  2516.  
  2517. @media (min-width:1380px) {
  2518.     .mp-wrapp {
  2519.         max-width: 1320px
  2520.     }
  2521. }
  2522.  
  2523. ._hidden {
  2524.     display: none
  2525. }
  2526.  
  2527. .mp-main-menu-container {
  2528.     height: 64px;
  2529.     white-space: nowrap
  2530. }
  2531.  
  2532. @media (min-width:960px) {
  2533.     .mp-main-menu-container {
  2534.         height: 80px
  2535.     }
  2536. }
  2537.  
  2538. .mp-main-menu {
  2539.     position: relative;
  2540.     z-index: 42;
  2541.     background: #0aa440
  2542. }
  2543.  
  2544. .mp-main-menu._light {
  2545.     background: #fff
  2546. }
  2547.  
  2548. @media (min-width:600px) {
  2549.     .mp-main-menu._noBg {
  2550.         background-color: transparent
  2551.     }
  2552. }
  2553.  
  2554. .mp-main-menu._fixed {
  2555.     position: fixed;
  2556.     top: 0;
  2557.     left: 0;
  2558.     width: 100%;
  2559.     background: #fff;
  2560.     -webkit-box-shadow: 0 5px 21px rgba(73, 71, 59, .15);
  2561.     box-shadow: 0 5px 21px rgba(73, 71, 59, .15);
  2562.     z-index: 42
  2563. }
  2564.  
  2565. .mp-main-menu__wrapp {
  2566.     display: -webkit-box;
  2567.     display: -ms-flexbox;
  2568.     display: flex;
  2569.     -webkit-box-pack: justify;
  2570.     -ms-flex-pack: justify;
  2571.     justify-content: space-between;
  2572.     -webkit-box-align: center;
  2573.     -ms-flex-align: center;
  2574.     align-items: center;
  2575.     height: 64px;
  2576.     margin: 0 auto;
  2577.     max-width: 100%;
  2578.     width: 100%;
  2579.     -webkit-box-sizing: border-box;
  2580.     box-sizing: border-box;
  2581.     padding: 0 16px;
  2582.     position: relative;
  2583.     z-index: 1
  2584. }
  2585.  
  2586. @media (min-width:600px) {
  2587.     .mp-main-menu__wrapp {
  2588.         max-width: 600px;
  2589.         padding: 0 12px
  2590.     }
  2591. }
  2592.  
  2593. @media (min-width:960px) {
  2594.     .mp-main-menu__wrapp {
  2595.         height: 80px;
  2596.         max-width: 960px;
  2597.         padding: 0 24px
  2598.     }
  2599. }
  2600.  
  2601. @media (min-width:1200px) {
  2602.     .mp-main-menu__wrapp {
  2603.         padding: 0 16px;
  2604.         max-width: 1180px
  2605.     }
  2606. }
  2607.  
  2608. @media (min-width:1380px) {
  2609.     .mp-main-menu__wrapp {
  2610.         max-width: 1320px;
  2611.         padding: 0 16px
  2612.     }
  2613. }
  2614.  
  2615. .mp-main-menu__logo {
  2616.     display: -webkit-box;
  2617.     display: -ms-flexbox;
  2618.     display: flex;
  2619.     -webkit-box-align: start;
  2620.     -ms-flex-align: start;
  2621.     align-items: flex-start;
  2622.     outline: none;
  2623.     text-decoration: none;
  2624.     margin-right: auto
  2625. }
  2626.  
  2627. @media (min-width:600px) {
  2628.     .mp-main-menu__logo {
  2629.         margin-right: 8px;
  2630.         padding-right: 16px;
  2631.         border-right: 1px solid rgba(250, 250, 249, .2)
  2632.     }
  2633. }
  2634.  
  2635. .mp-main-menu__logo path {
  2636.     fill: #fff
  2637. }
  2638.  
  2639. @media (min-width:600px) {
  2640.     ._fixed .mp-main-menu__logo,
  2641.     ._light .mp-main-menu__logo {
  2642.         border-right: 1px solid rgba(77, 77, 77, .2)
  2643.     }
  2644. }
  2645.  
  2646. ._fixed .mp-main-menu__logo path,
  2647. ._light .mp-main-menu__logo path {
  2648.     fill: #333
  2649. }
  2650.  
  2651. ._fixed .mp-main-menu__logo path:first-child,
  2652. ._light .mp-main-menu__logo path:first-child {
  2653.     fill: #009a17
  2654. }
  2655.  
  2656. .mp-main-menu__services-link {
  2657.     color: #fff;
  2658.     font-size: 15px;
  2659.     font-weight: 500;
  2660.     line-height: 32px;
  2661.     letter-spacing: -.2px;
  2662.     cursor: pointer;
  2663.     display: none;
  2664.     white-space: normal
  2665. }
  2666.  
  2667. @media (min-width:600px) {
  2668.     .mp-main-menu__services-link {
  2669.         display: block;
  2670.         margin-right: auto
  2671.     }
  2672. }
  2673.  
  2674. @media (min-width:960px) {
  2675.     .mp-main-menu__services-link {
  2676.         margin-right: auto
  2677.     }
  2678. }
  2679.  
  2680. @media (min-width:1200px) {
  2681.     .mp-main-menu__services-link {
  2682.         margin: 0 24px 0 0
  2683.     }
  2684. }
  2685.  
  2686. ._fixed .mp-main-menu__services-link,
  2687. ._light .mp-main-menu__services-link {
  2688.     color: #0169d9
  2689. }
  2690.  
  2691. .mp-main-menu__services-link svg {
  2692.     fill: #fff;
  2693.     display: inline-block;
  2694.     vertical-align: middle;
  2695.     margin-right: 8px
  2696. }
  2697.  
  2698. ._fixed .mp-main-menu__services-link svg,
  2699. ._light .mp-main-menu__services-link svg {
  2700.     fill: #979797
  2701. }
  2702.  
  2703. .mp-main-menu__services-link span {
  2704.     position: relative;
  2705.     z-index: 1;
  2706.     display: inline-block;
  2707.     vertical-align: middle;
  2708.     white-space: nowrap
  2709. }
  2710.  
  2711. @media (min-width:1200px) {
  2712.     .mp-main-menu__services-link span:hover:before {
  2713.         border-bottom-color: transparent
  2714.     }
  2715. }
  2716.  
  2717. .mp-main-menu__services-link span:before {
  2718.     content: "";
  2719.     border-bottom: 1px dotted #fff;
  2720.     bottom: 5px;
  2721.     left: 0;
  2722.     right: 0;
  2723.     position: absolute;
  2724.     -webkit-transition: border-bottom-color .3s ease-in-out;
  2725.     transition: border-bottom-color .3s ease-in-out
  2726. }
  2727.  
  2728. @media (min-width:1200px) {
  2729.     .mp-main-menu__services-link span:before:hover {
  2730.         border-bottom-color: transparent
  2731.     }
  2732. }
  2733.  
  2734. ._fixed .mp-main-menu__services-link span:before,
  2735. ._light .mp-main-menu__services-link span:before {
  2736.     border-bottom-color: #0169d9
  2737. }
  2738.  
  2739. .mp-main-menu__inner {
  2740.     display: -webkit-box;
  2741.     display: -ms-flexbox;
  2742.     display: flex;
  2743.     position: relative;
  2744.     z-index: 1;
  2745.     margin-left: 0;
  2746.     -webkit-box-flex: 0;
  2747.     -ms-flex: 0 1 auto;
  2748.     flex: 0 1 auto
  2749. }
  2750.  
  2751. @media (min-width:960px) {
  2752.     .mp-main-menu__inner {
  2753.         margin-left: auto;
  2754.         margin-right: 0
  2755.     }
  2756. }
  2757.  
  2758. .mp-main-menu__nav {
  2759.     margin: 0 16px 0 auto;
  2760.     -webkit-box-pack: center;
  2761.     -ms-flex-pack: center;
  2762.     justify-content: center;
  2763.     -webkit-box-align: center;
  2764.     -ms-flex-align: center;
  2765.     align-items: center;
  2766.     display: none
  2767. }
  2768.  
  2769. @media (min-width:1200px) {
  2770.     .mp-main-menu__nav {
  2771.         display: -webkit-box;
  2772.         display: -ms-flexbox;
  2773.         display: flex
  2774.     }
  2775. }
  2776.  
  2777. .mp-main-menu__link {
  2778.     margin: 0 12px;
  2779.     color: #fff;
  2780.     font-size: 15px;
  2781.     font-weight: 500;
  2782.     line-height: 24px;
  2783.     letter-spacing: -.2px;
  2784.     text-decoration: none;
  2785.     border-bottom: 1px solid transparent;
  2786.     -webkit-transition: border-bottom-color .3s ease-in-out;
  2787.     transition: border-bottom-color .3s ease-in-out
  2788. }
  2789.  
  2790. .mp-main-menu__link:after {
  2791.     content: "";
  2792.     width: 0;
  2793.     height: 0;
  2794.     margin: 0 auto;
  2795.     display: block;
  2796.     will-change: width, height;
  2797.     -webkit-transition: .13s ease-in-out;
  2798.     transition: .13s ease-in-out;
  2799.     border-radius: 50%;
  2800.     background: hsla(0, 0%, 100%, .3)
  2801. }
  2802.  
  2803. ._fixed .mp-main-menu__link:after,
  2804. ._light .mp-main-menu__link:after {
  2805.     background: #c4c4c4
  2806. }
  2807.  
  2808. @media (min-width:1200px) {
  2809.     .mp-main-menu__link:hover:after {
  2810.         width: 8px;
  2811.         height: 8px
  2812.     }
  2813.     .mp-main-menu__link._active:after,
  2814.     .mp-main-menu__link:active:after {
  2815.         background: #fff;
  2816.         width: 8px;
  2817.         height: 8px
  2818.     }
  2819.     ._fixed .mp-main-menu__link._active:after,
  2820.     ._fixed .mp-main-menu__link:active:after,
  2821.     ._light .mp-main-menu__link._active:after,
  2822.     ._light .mp-main-menu__link:active:after {
  2823.         background: #1eb34b
  2824.     }
  2825. }
  2826.  
  2827. ._fixed .mp-main-menu__link,
  2828. ._light .mp-main-menu__link {
  2829.     color: #333
  2830. }
  2831.  
  2832. .mp-main-menu__link[href="/zakazsite"] {
  2833.     color: #fff25d
  2834. }
  2835.  
  2836. .mp-main-menu__link[href="/zakazsite"]:after {
  2837.     background: #fff25d
  2838. }
  2839.  
  2840. ._fixed .mp-main-menu__link[href="/zakazsite"],
  2841. ._light .mp-main-menu__link[href="/zakazsite"] {
  2842.     color: #0169d9
  2843. }
  2844.  
  2845. ._fixed .mp-main-menu__link[href="/zakazsite"]:after,
  2846. ._light .mp-main-menu__link[href="/zakazsite"]:after {
  2847.     background: #0169d9
  2848. }
  2849.  
  2850. .mp-main-menu__btn,
  2851. .mp-main-menu__btn._iconed,
  2852. .mp-main-menu__btn._secondary {
  2853.     width: 40px;
  2854.     height: 40px;
  2855.     -webkit-box-sizing: border-box;
  2856.     box-sizing: border-box;
  2857.     margin-left: 18px;
  2858.     background: #fff;
  2859.     color: #333;
  2860.     border: none;
  2861.     -webkit-box-shadow: none;
  2862.     box-shadow: none
  2863. }
  2864.  
  2865. @media (min-width:960px) {
  2866.     .mp-main-menu__btn,
  2867.     .mp-main-menu__btn._iconed,
  2868.     .mp-main-menu__btn._secondary {
  2869.         width: auto;
  2870.         height: auto
  2871.     }
  2872. }
  2873.  
  2874. @media (min-width:1200px) {
  2875.     .mp-main-menu__btn._iconed:hover,
  2876.     .mp-main-menu__btn._secondary:hover,
  2877.     .mp-main-menu__btn:hover {
  2878.         background: #fff;
  2879.         -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
  2880.         box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
  2881.         color: #0169d9
  2882.     }
  2883.     .mp-main-menu__btn._iconed:active,
  2884.     .mp-main-menu__btn._secondary:active,
  2885.     .mp-main-menu__btn:active {
  2886.         -webkit-box-shadow: none;
  2887.         box-shadow: none;
  2888.         background: #fff;
  2889.         color: #333
  2890.     }
  2891. }
  2892.  
  2893. .mp-main-menu__btn--login,
  2894. .mp-main-menu__btn._iconed--login,
  2895. .mp-main-menu__btn._secondary--login {
  2896.     display: none
  2897. }
  2898.  
  2899. @media (min-width:960px) {
  2900.     .mp-main-menu__btn--login,
  2901.     .mp-main-menu__btn._iconed--login,
  2902.     .mp-main-menu__btn._secondary--login {
  2903.         display: -webkit-inline-box;
  2904.         display: -ms-inline-flexbox;
  2905.         display: inline-flex
  2906.     }
  2907. }
  2908.  
  2909. @media (min-width:960px) {
  2910.     .mp-main-menu__btn--phone,
  2911.     .mp-main-menu__btn._iconed--phone,
  2912.     .mp-main-menu__btn._secondary--phone {
  2913.         display: none
  2914.     }
  2915. }
  2916.  
  2917. @media (min-width:1200px) {
  2918.     .mp-main-menu__btn--burger,
  2919.     .mp-main-menu__btn._iconed--burger,
  2920.     .mp-main-menu__btn._secondary--burger {
  2921.         display: none
  2922.     }
  2923. }
  2924.  
  2925. .mp-main-menu__btn--order,
  2926. .mp-main-menu__btn._iconed--order,
  2927. .mp-main-menu__btn._secondary--order {
  2928.     display: none
  2929. }
  2930.  
  2931. @media (min-width:1200px) {
  2932.     .mp-main-menu__btn--order,
  2933.     .mp-main-menu__btn._iconed--order,
  2934.     .mp-main-menu__btn._secondary--order {
  2935.         display: -webkit-inline-box;
  2936.         display: -ms-inline-flexbox;
  2937.         display: inline-flex
  2938.     }
  2939. }
  2940.  
  2941. ._fixed .mp-main-menu__btn,
  2942. ._fixed .mp-main-menu__btn._iconed,
  2943. ._fixed .mp-main-menu__btn._secondary,
  2944. ._light .mp-main-menu__btn,
  2945. ._light .mp-main-menu__btn._iconed,
  2946. ._light .mp-main-menu__btn._secondary {
  2947.     background: #1eb34b;
  2948.     color: #fff
  2949. }
  2950.  
  2951. @media (min-width:1200px) {
  2952.     ._fixed .mp-main-menu__btn._iconed:hover:not([disabled]),
  2953.     ._fixed .mp-main-menu__btn._secondary:hover:not([disabled]),
  2954.     ._fixed .mp-main-menu__btn:hover:not([disabled]),
  2955.     ._light .mp-main-menu__btn._iconed:hover:not([disabled]),
  2956.     ._light .mp-main-menu__btn._secondary:hover:not([disabled]),
  2957.     ._light .mp-main-menu__btn:hover:not([disabled]) {
  2958.         -webkit-box-shadow: 0 2px 4px #acd6a2, inset 0 0 0 2px #3cae5e;
  2959.         box-shadow: 0 2px 4px #acd6a2, inset 0 0 0 2px #3cae5e;
  2960.         background-color: #51c568;
  2961.         color: #fff
  2962.     }
  2963.     ._fixed .mp-main-menu__btn._iconed:active:not([disabled]),
  2964.     ._fixed .mp-main-menu__btn._secondary:active:not([disabled]),
  2965.     ._fixed .mp-main-menu__btn:active:not([disabled]),
  2966.     ._light .mp-main-menu__btn._iconed:active:not([disabled]),
  2967.     ._light .mp-main-menu__btn._secondary:active:not([disabled]),
  2968.     ._light .mp-main-menu__btn:active:not([disabled]) {
  2969.         background-color: #37a458;
  2970.         -webkit-box-shadow: none;
  2971.         box-shadow: none;
  2972.         color: #fff
  2973.     }
  2974. }
  2975.  
  2976. ._fixed .mp-main-menu__btn._iconed._secondary,
  2977. ._fixed .mp-main-menu__btn._secondary,
  2978. ._fixed .mp-main-menu__btn._secondary._secondary,
  2979. ._light .mp-main-menu__btn._iconed._secondary,
  2980. ._light .mp-main-menu__btn._secondary,
  2981. ._light .mp-main-menu__btn._secondary._secondary {
  2982.     background: #fafaf9;
  2983.     -webkit-box-shadow: 0 2px 3px hsla(0, 0%, 69%, .2), inset 0 0 0 2px #ddd;
  2984.     box-shadow: 0 2px 3px hsla(0, 0%, 69%, .2), inset 0 0 0 2px #ddd;
  2985.     color: #0169d9
  2986. }
  2987.  
  2988. @media (min-width:1200px) {
  2989.     ._fixed .mp-main-menu__btn._iconed._secondary:hover,
  2990.     ._fixed .mp-main-menu__btn._secondary._secondary:hover,
  2991.     ._fixed .mp-main-menu__btn._secondary:hover,
  2992.     ._light .mp-main-menu__btn._iconed._secondary:hover,
  2993.     ._light .mp-main-menu__btn._secondary._secondary:hover,
  2994.     ._light .mp-main-menu__btn._secondary:hover {
  2995.         background: #d9e4f5;
  2996.         -webkit-box-shadow: 0 2px 3px rgba(130, 166, 233, .26), inset 0 0 0 2px #a3c0ea;
  2997.         box-shadow: 0 2px 3px rgba(130, 166, 233, .26), inset 0 0 0 2px #a3c0ea;
  2998.         color: #0169d9
  2999.     }
  3000.     ._fixed .mp-main-menu__btn._iconed._secondary:active,
  3001.     ._fixed .mp-main-menu__btn._secondary._secondary:active,
  3002.     ._fixed .mp-main-menu__btn._secondary:active,
  3003.     ._light .mp-main-menu__btn._iconed._secondary:active,
  3004.     ._light .mp-main-menu__btn._secondary._secondary:active,
  3005.     ._light .mp-main-menu__btn._secondary:active {
  3006.         background: #a4bfe9;
  3007.         -webkit-box-shadow: none;
  3008.         box-shadow: none;
  3009.         color: #0169d9
  3010.     }
  3011. }
  3012.  
  3013. .mp-main-menu__btn._iconed svg,
  3014. .mp-main-menu__btn._secondary svg,
  3015. .mp-main-menu__btn svg {
  3016.     fill: #333;
  3017.     width: 26px;
  3018.     height: 26px
  3019. }
  3020.  
  3021. ._fixed .mp-main-menu__btn._iconed svg,
  3022. ._fixed .mp-main-menu__btn._secondary svg,
  3023. ._fixed .mp-main-menu__btn svg,
  3024. ._light .mp-main-menu__btn._iconed svg,
  3025. ._light .mp-main-menu__btn._secondary svg,
  3026. ._light .mp-main-menu__btn svg {
  3027.     fill: #fff
  3028. }
  3029.  
  3030. .mp-main-menu__phone-m {
  3031.     width: 40px;
  3032.     height: 40px;
  3033.     display: -webkit-box;
  3034.     display: -ms-flexbox;
  3035.     display: flex;
  3036.     -webkit-box-pack: center;
  3037.     -ms-flex-pack: center;
  3038.     justify-content: center;
  3039.     -webkit-box-align: center;
  3040.     -ms-flex-align: center;
  3041.     align-items: center;
  3042.     background: rgba(63, 63, 63, .3);
  3043.     border-radius: 40px;
  3044.     margin-left: auto
  3045. }
  3046.  
  3047. @media (min-width:960px) {
  3048.     .mp-main-menu__phone-m {
  3049.         display: none
  3050.     }
  3051. }
  3052.  
  3053. ._fixed .mp-main-menu__phone-m {
  3054.     background: #1eb34b
  3055. }
  3056.  
  3057. .mp-main-menu__call {
  3058.     color: #fff;
  3059.     display: none
  3060. }
  3061.  
  3062. @media (min-width:600px) {
  3063.     .mp-main-menu__call {
  3064.         margin: 0 0 0 auto
  3065.     }
  3066. }
  3067.  
  3068. @media (min-width:960px) {
  3069.     .mp-main-menu__call {
  3070.         margin-left: 8px;
  3071.         display: block;
  3072.         text-align: center
  3073.     }
  3074. }
  3075.  
  3076. @media (min-width:1380px) {
  3077.     .mp-main-menu__call {
  3078.         margin-left: 8px
  3079.     }
  3080. }
  3081.  
  3082. ._light .mp-main-menu__call {
  3083.     color: #333
  3084. }
  3085.  
  3086. .mp-main-menu__phone {
  3087.     color: inherit;
  3088.     font-size: 18px;
  3089.     font-weight: 700;
  3090.     line-height: 20px;
  3091.     text-decoration: none;
  3092.     display: none;
  3093.     border-bottom: 1px dashed transparent
  3094. }
  3095.  
  3096. @media (min-width:960px) {
  3097.     .mp-main-menu__phone {
  3098.         display: block
  3099.     }
  3100. }
  3101.  
  3102. ._fixed .mp-main-menu__phone {
  3103.     color: #333
  3104. }
  3105.  
  3106. .mp-main-menu__callback {
  3107.     display: none
  3108. }
  3109.  
  3110. @media (min-width:1200px) {
  3111.     .mp-main-menu__callback {
  3112.         color: #fff;
  3113.         display: inline-block;
  3114.         border-bottom: 1px dotted #fff;
  3115.         line-height: 16px;
  3116.         font-size: 13px;
  3117.         text-decoration: none;
  3118.         outline: none;
  3119.         cursor: pointer;
  3120.         -webkit-transition: border-bottom-color .3s ease-out;
  3121.         transition: border-bottom-color .3s ease-out
  3122.     }
  3123.     .mp-main-menu__callback:hover {
  3124.         border-bottom-color: transparent
  3125.     }
  3126. }
  3127.  
  3128. ._fixed .mp-main-menu__callback,
  3129. ._light .mp-main-menu__callback {
  3130.     color: #0169d9;
  3131.     border-bottom-color: #0169d9
  3132. }
  3133.  
  3134. .mp-m-menu {
  3135.     position: fixed;
  3136.     top: 0;
  3137.     bottom: 0;
  3138.     right: 0;
  3139.     left: 0;
  3140.     -webkit-transform: translate(100%);
  3141.     transform: translate(100%);
  3142.     -webkit-transition: background .3s linear, -webkit-transform .5s cubic-bezier(.31, .33, .18, .91) .3s;
  3143.     transition: background .3s linear, -webkit-transform .5s cubic-bezier(.31, .33, .18, .91) .3s;
  3144.     transition: transform .5s cubic-bezier(.31, .33, .18, .91) .3s, background .3s linear;
  3145.     transition: transform .5s cubic-bezier(.31, .33, .18, .91) .3s, background .3s linear, -webkit-transform .5s cubic-bezier(.31, .33, .18, .91) .3s;
  3146.     z-index: 43
  3147. }
  3148.  
  3149. .mp-m-menu._opened {
  3150.     -webkit-transform: translate(0);
  3151.     transform: translate(0);
  3152.     background: rgba(0, 0, 0, .5);
  3153.     -webkit-transition: background .3s linear .5s, -webkit-transform .5s cubic-bezier(.31, .33, .18, .91);
  3154.     transition: background .3s linear .5s, -webkit-transform .5s cubic-bezier(.31, .33, .18, .91);
  3155.     transition: transform .5s cubic-bezier(.31, .33, .18, .91), background .3s linear .5s;
  3156.     transition: transform .5s cubic-bezier(.31, .33, .18, .91), background .3s linear .5s, -webkit-transform .5s cubic-bezier(.31, .33, .18, .91);
  3157.     overflow: auto
  3158. }
  3159.  
  3160. .mp-m-menu__wrap {
  3161.     position: absolute;
  3162.     top: 0;
  3163.     bottom: 0;
  3164.     right: 0;
  3165.     overflow: auto;
  3166.     width: 272px;
  3167.     -webkit-box-sizing: border-box;
  3168.     box-sizing: border-box;
  3169.     -webkit-box-shadow: 0 2px 23px rgba(0, 0, 0, .5);
  3170.     box-shadow: 0 2px 23px rgba(0, 0, 0, .5);
  3171.     background: #0aa440;
  3172.     padding: 28px 33px 28px 31px
  3173. }
  3174.  
  3175. @media (min-width:600px) {
  3176.     .mp-m-menu__wrap {
  3177.         padding: 82px 22px 10px
  3178.     }
  3179. }
  3180.  
  3181. .mp-m-menu__all {
  3182.     margin: 0 0 34px;
  3183.     display: inline-block;
  3184.     vertical-align: top;
  3185.     text-decoration: none;
  3186.     outline: none;
  3187.     font-weight: 500;
  3188.     line-height: 24px;
  3189.     font-size: 15px;
  3190.     color: #fff;
  3191.     border-bottom: 1px dashed #fff
  3192. }
  3193.  
  3194. @media (min-width:600px) {
  3195.     .mp-m-menu__all {
  3196.         display: none
  3197.     }
  3198. }
  3199.  
  3200. .mp-m-menu__btn._secondary {
  3201.     display: -webkit-box;
  3202.     display: -ms-flexbox;
  3203.     display: flex;
  3204.     padding: 0;
  3205.     -webkit-box-pack: center;
  3206.     -ms-flex-pack: center;
  3207.     justify-content: center;
  3208.     -webkit-box-align: center;
  3209.     -ms-flex-align: center;
  3210.     align-items: center;
  3211.     text-align: center;
  3212.     height: 48px;
  3213.     -webkit-box-sizing: border-box;
  3214.     box-sizing: border-box;
  3215.     margin-bottom: 18px
  3216. }
  3217.  
  3218. .mp-m-menu__btn._secondary svg {
  3219.     fill: #0169d9;
  3220.     margin-right: 8px;
  3221.     margin-left: -10px
  3222. }
  3223.  
  3224. .mp-m-aside-close {
  3225.     position: absolute;
  3226.     width: 40px;
  3227.     height: 40px;
  3228.     border-radius: 50%;
  3229.     top: 18px;
  3230.     right: 18px;
  3231.     background: rgba(63, 63, 63, .3) url(../img/oah-cancel-white.svg) 50% no-repeat;
  3232.     border: none;
  3233.     outline: 0
  3234. }
  3235.  
  3236. .mp-m-aside-close--dark {
  3237.     background-image: url(../img/oah-cancel.svg)
  3238. }
  3239.  
  3240. .mp-m-nav {
  3241.     padding: 0;
  3242.     margin-bottom: 62px
  3243. }
  3244.  
  3245. .mp-m-nav__link {
  3246.     text-decoration: none;
  3247.     font-weight: 500;
  3248.     line-height: 24px;
  3249.     font-size: 15px;
  3250.     letter-spacing: -.2px;
  3251.     margin-bottom: 14px;
  3252.     color: #fff;
  3253.     display: block;
  3254.     border-bottom: 1px solid hsla(0, 0%, 100%, .25)
  3255. }
  3256.  
  3257. .mp-m-nav__link:last-child {
  3258.     margin-bottom: 0
  3259. }
  3260.  
  3261. .mp-m-nav__link--colored {
  3262.     color: #ffe25a;
  3263.     border-bottom-color: rgba(255, 226, 90, .25)
  3264. }
  3265.  
  3266. .mp-m-filials {
  3267.     padding: 0;
  3268.     list-style: none;
  3269.     margin: 0
  3270. }
  3271.  
  3272. .mp-m-filials__item {
  3273.     margin-bottom: 24px
  3274. }
  3275.  
  3276. .mp-m-filials__item:last-child {
  3277.     margin-bottom: 0
  3278. }
  3279.  
  3280. .mp-m-filials__name {
  3281.     margin: 0 0 4px;
  3282.     outline: none;
  3283.     text-decoration: none;
  3284.     display: -webkit-box;
  3285.     display: -ms-flexbox;
  3286.     display: flex;
  3287.     -webkit-box-align: center;
  3288.     -ms-flex-align: center;
  3289.     align-items: center
  3290. }
  3291.  
  3292. .mp-m-filials__name svg {
  3293.     fill: #fff;
  3294.     margin-right: 2px
  3295. }
  3296.  
  3297. .mp-m-filials__name span {
  3298.     line-height: 20px;
  3299.     font-size: 13px;
  3300.     color: #fff
  3301. }
  3302.  
  3303. .mp-m-filials__link {
  3304.     font-weight: 600;
  3305.     margin-top: -9px;
  3306.     display: inline-block;
  3307.     text-decoration: none;
  3308.     line-height: 20px;
  3309.     font-size: 18px;
  3310.     color: #fff
  3311. }
  3312.  
  3313. .mp-popup {
  3314.     position: absolute;
  3315.     background-color: #fff;
  3316.     border-radius: 4px;
  3317.     color: #212121;
  3318.     display: none;
  3319.     padding: 30px;
  3320.     -webkit-box-sizing: border-box;
  3321.     box-sizing: border-box;
  3322.     -webkit-box-shadow: 0 2px 23px rgba(0, 0, 0, .5);
  3323.     box-shadow: 0 2px 23px rgba(0, 0, 0, .5);
  3324.     width: 320px;
  3325.     top: 68px;
  3326.     left: 50%;
  3327.     -webkit-transform: translateX(-50%);
  3328.     transform: translateX(-50%);
  3329.     z-index: 10
  3330. }
  3331.  
  3332. .mp-popup p {
  3333.     margin: 0
  3334. }
  3335.  
  3336. .mp-popup ul {
  3337.     list-style: none;
  3338.     padding-left: 0;
  3339.     margin-bottom: 0
  3340. }
  3341.  
  3342. .mp-popup--centered {
  3343.     left: 50%;
  3344.     top: 50%;
  3345.     -webkit-transform: translate(-50%, -50%);
  3346.     transform: translate(-50%, -50%)
  3347. }
  3348.  
  3349. .mp-popup--location {
  3350.     max-width: 246px;
  3351.     background: #fff url(../img/oah-location-bg.svg) -30px -30px no-repeat;
  3352.     background-size: 104px 104px;
  3353.     position: absolute
  3354. }
  3355.  
  3356. .mp-popup--login {
  3357.     max-width: 320px;
  3358.     background: #fff url(../img/oah-user-bg.svg) -30px -30px no-repeat;
  3359.     background-size: 104px 104px
  3360. }
  3361.  
  3362. .mp-popup__title {
  3363.     font-size: 15px;
  3364.     font-weight: 700;
  3365.     line-height: 20px;
  3366.     margin-bottom: 30px
  3367. }
  3368.  
  3369. .mp-popup__subtitle {
  3370.     margin-top: 10px
  3371. }
  3372.  
  3373. .mp-popup__close {
  3374.     width: 40px;
  3375.     height: 40px;
  3376.     padding: 0;
  3377.     position: absolute;
  3378.     top: 20px;
  3379.     right: 20px;
  3380.     background: rgba(0, 0, 0, .05) url(../img/oah-cancel.svg) 50% no-repeat;
  3381.     cursor: pointer;
  3382.     border-radius: 50%
  3383. }
  3384.  
  3385. .mp-popup__result {
  3386.     display: none
  3387. }
  3388.  
  3389. .mp-form__btn {
  3390.     margin-top: 24px
  3391. }
  3392.  
  3393. .mp-form__form {
  3394.     margin-top: 10px
  3395. }
  3396.  
  3397. .mp-form__field,
  3398. .mp-form__label {
  3399.     display: block;
  3400.     margin-top: 20px
  3401. }
  3402.  
  3403. .mp-form__field--required .pf-form__field-title:after,
  3404. .mp-form__label--required .pf-form__field-title:after,
  3405. .mp-form__required .pf-form__field-title:after,
  3406. .mp-form__required .pf-form__label-title:after {
  3407.     content: " *";
  3408.     color: #ff4141
  3409. }
  3410.  
  3411. .mp-form__link {
  3412.     float: right;
  3413.     color: #0169d9;
  3414.     font-family: Fira Sans, sans-serif;
  3415.     font-size: 13px;
  3416.     font-weight: 400;
  3417.     line-height: 20px;
  3418.     text-decoration: none
  3419. }
  3420.  
  3421. .mp-form__field-title,
  3422. .mp-form__label-title {
  3423.     color: #333;
  3424.     font-size: 13px;
  3425.     font-weight: 600;
  3426.     line-height: 20px
  3427. }
  3428.  
  3429. .mp-form__input {
  3430.     -webkit-appearance: none;
  3431.     -moz-appearance: none;
  3432.     appearance: none;
  3433.     display: block;
  3434.     outline: none;
  3435.     width: 100%;
  3436.     height: 40px;
  3437.     border-radius: 6px;
  3438.     border: 2px solid #c2c2c2;
  3439.     background-color: #fff;
  3440.     -webkit-box-sizing: border-box;
  3441.     box-sizing: border-box;
  3442.     padding-left: 13px;
  3443.     -webkit-box-shadow: none;
  3444.     box-shadow: none;
  3445.     color: #333;
  3446.     font-family: Fira Sans, sans-serif;
  3447.     font-size: 14px;
  3448.     font-weight: 500;
  3449.     line-height: 36px;
  3450.     -webkit-transition: .3s ease-out;
  3451.     transition: .3s ease-out
  3452. }
  3453.  
  3454. .mp-form__input:focus {
  3455.     -webkit-box-shadow: 0 1px 2px #fadca0;
  3456.     box-shadow: 0 1px 2px #fadca0;
  3457.     border: 2px solid #fbb017;
  3458.     background-color: #fffaf1
  3459. }
  3460.  
  3461. .mp-form__input--error {
  3462.     background: #fff5f4;
  3463.     border: 2px solid #f9614d;
  3464.     -webkit-box-shadow: 0 1px 2px 0 #ee899a;
  3465.     box-shadow: 0 1px 2px 0 #ee899a;
  3466.     border-radius: 6px
  3467. }
  3468.  
  3469. ._overlay {
  3470.     display: none;
  3471.     background-color: #212121;
  3472.     opacity: .43;
  3473.     position: fixed;
  3474.     top: 0;
  3475.     left: 0;
  3476.     right: 0;
  3477.     bottom: 0;
  3478.     width: 100%;
  3479.     z-index: 5
  3480. }
  3481.  
  3482. .mp-services {
  3483.     display: none;
  3484.     color: #333
  3485. }
  3486.  
  3487. @media (min-width:600px) {
  3488.     .mp-services {
  3489.         max-height: calc(100vh - 64px);
  3490.         overflow: auto;
  3491.         position: absolute;
  3492.         top: 100%;
  3493.         left: 0;
  3494.         right: 0;
  3495.         background-color: #f8f6ec
  3496.     }
  3497. }
  3498.  
  3499. .mp-services__wrapp {
  3500.     padding-top: 32px
  3501. }
  3502.  
  3503. @media (min-width:960px) {
  3504.     .mp-services__wrapp {
  3505.         padding-top: 40px
  3506.     }
  3507. }
  3508.  
  3509. @media (min-width:1200px) {
  3510.     .mp-services__wrapp {
  3511.         padding-top: 48px
  3512.     }
  3513. }
  3514.  
  3515. .mp-services__top {
  3516.     display: -webkit-box;
  3517.     display: -ms-flexbox;
  3518.     display: flex;
  3519.     -webkit-box-align: center;
  3520.     -ms-flex-align: center;
  3521.     align-items: center
  3522. }
  3523.  
  3524. .mp-services__title {
  3525.     font-weight: 700;
  3526.     line-height: 24px;
  3527.     font-size: 26px;
  3528.     margin: 0 58px 0 0
  3529. }
  3530.  
  3531. @media (min-width:960px) {
  3532.     .mp-services__title {
  3533.         margin: 0;
  3534.         font-size: 30px;
  3535.         line-height: 36px
  3536.     }
  3537. }
  3538.  
  3539. .mp-services__search {
  3540.     position: relative;
  3541.     z-index: 1;
  3542.     -webkit-box-flex: 1;
  3543.     -ms-flex: 1 0 auto;
  3544.     flex: 1 0 auto
  3545. }
  3546.  
  3547. @media (min-width:960px) {
  3548.     .mp-services__search {
  3549.         max-width: 480px;
  3550.         margin: 0 auto
  3551.     }
  3552. }
  3553.  
  3554. @media (min-width:1200px) {
  3555.     .mp-services__search {
  3556.         max-width: 562px
  3557.     }
  3558. }
  3559.  
  3560. .mp-services__search .cd-input {
  3561.     margin: 0
  3562. }
  3563.  
  3564. .mp-services__search .cd-input__field {
  3565.     height: 40px;
  3566.     border: 2px solid #ddd;
  3567.     -webkit-box-sizing: border-box;
  3568.     box-sizing: border-box;
  3569.     border-radius: 24px
  3570. }
  3571.  
  3572. @media (min-width:1200px) {
  3573.     .mp-services__search .cd-input__field {
  3574.         height: 48px
  3575.     }
  3576. }
  3577.  
  3578. .mp-services__search-btn {
  3579.     position: absolute;
  3580.     right: 0;
  3581.     top: 0;
  3582.     padding: 0;
  3583.     width: 40px;
  3584.     height: 40px
  3585. }
  3586.  
  3587. @media (min-width:960px) {
  3588.     .mp-services__search-btn {
  3589.         padding: 8px 24px;
  3590.         border-radius: 24px;
  3591.         width: auto;
  3592.         height: auto
  3593.     }
  3594. }
  3595.  
  3596. @media (min-width:1200px) {
  3597.     .mp-services__search-btn {
  3598.         height: 48px
  3599.     }
  3600. }
  3601.  
  3602. .mp-services__search-btn span {
  3603.     display: none
  3604. }
  3605.  
  3606. @media (min-width:960px) {
  3607.     .mp-services__search-btn span {
  3608.         display: block
  3609.     }
  3610. }
  3611.  
  3612. .mp-services__search-btn svg {
  3613.     fill: #0169d9!important;
  3614.     width: 26px;
  3615.     height: 26px
  3616. }
  3617.  
  3618. @media (min-width:960px) {
  3619.     .mp-services__search-btn svg {
  3620.         display: none
  3621.     }
  3622. }
  3623.  
  3624. .mp-services__close {
  3625.     display: none
  3626. }
  3627.  
  3628. @media (min-width:600px) {
  3629.     .mp-services__close {
  3630.         display: -webkit-box;
  3631.         display: -ms-flexbox;
  3632.         display: flex;
  3633.         width: 40px;
  3634.         height: 40px;
  3635.         background: rgba(63, 63, 63, .3);
  3636.         -webkit-box-pack: center;
  3637.         -ms-flex-pack: center;
  3638.         justify-content: center;
  3639.         -webkit-box-align: center;
  3640.         -ms-flex-align: center;
  3641.         align-items: center;
  3642.         border-radius: 50%;
  3643.         margin-left: 60px
  3644.     }
  3645. }
  3646.  
  3647. @media (min-width:1200px) {
  3648.     .mp-services__close {
  3649.         width: 48px;
  3650.         height: 48px;
  3651.         -webkit-transition: -webkit-box-shadow .3s ease-out;
  3652.         transition: -webkit-box-shadow .3s ease-out;
  3653.         transition: box-shadow .3s ease-out;
  3654.         transition: box-shadow .3s ease-out, -webkit-box-shadow .3s ease-out
  3655.     }
  3656.     .mp-services__close:hover {
  3657.         background: rgba(63, 63, 63, .2);
  3658.         -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .16), inset 0 0 0 2px rgba(0, 0, 0, .05);
  3659.         box-shadow: 0 2px 3px rgba(0, 0, 0, .16), inset 0 0 0 2px rgba(0, 0, 0, .05)
  3660.     }
  3661.     .mp-services__close:active {
  3662.         -webkit-box-shadow: none;
  3663.         box-shadow: none;
  3664.         background: rgba(63, 63, 63, .45)
  3665.     }
  3666. }
  3667.  
  3668. .mp-services__close svg {
  3669.     fill: #fff
  3670. }
  3671.  
  3672. @media (min-width:1200px) {
  3673.     .mp-services__close svg {
  3674.         width: 32px;
  3675.         height: 32px
  3676.     }
  3677. }
  3678.  
  3679. .mp-services__bottom {
  3680.     display: -webkit-box;
  3681.     display: -ms-flexbox;
  3682.     display: flex;
  3683.     -webkit-box-pack: justify;
  3684.     -ms-flex-pack: justify;
  3685.     justify-content: space-between;
  3686.     -ms-flex-wrap: wrap;
  3687.     flex-wrap: wrap;
  3688.     padding-top: 32px
  3689. }
  3690.  
  3691. @media (min-width:960px) {
  3692.     .mp-services__bottom {
  3693.         padding-top: 48px;
  3694.         padding-bottom: 16px
  3695.     }
  3696. }
  3697.  
  3698. @media (min-width:1200px) {
  3699.     .mp-services__bottom {
  3700.         padding-bottom: 32px
  3701.     }
  3702. }
  3703.  
  3704. .mp-services__layout {
  3705.     -webkit-box-flex: 0;
  3706.     -ms-flex: 0 0 276px;
  3707.     flex: 0 0 276px;
  3708.     margin-bottom: 32px
  3709. }
  3710.  
  3711. @media (min-width:960px) {
  3712.     .mp-services__layout {
  3713.         -webkit-box-flex: 0;
  3714.         -ms-flex: 0 0 204px;
  3715.         flex: 0 0 204px
  3716.     }
  3717. }
  3718.  
  3719. @media (min-width:1200px) {
  3720.     .mp-services__layout {
  3721.         -webkit-box-flex: 0;
  3722.         -ms-flex: 0 0 270px;
  3723.         flex: 0 0 270px
  3724.     }
  3725. }
  3726.  
  3727. @media (min-width:1380px) {
  3728.     .mp-services__layout {
  3729.         -webkit-box-flex: 0;
  3730.         -ms-flex: 0 0 298px;
  3731.         flex: 0 0 298px
  3732.     }
  3733. }
  3734.  
  3735. .mp-services__layout-title {
  3736.     font-weight: 500;
  3737.     line-height: 24px;
  3738.     font-size: 17px;
  3739.     letter-spacing: -.2px;
  3740.     margin: 0 0 16px
  3741. }
  3742.  
  3743. .mp-services__layout-title--highlighted {
  3744.     color: #009a17
  3745. }
  3746.  
  3747. .mp-services__link {
  3748.     display: block;
  3749.     outline: none;
  3750.     text-decoration: none;
  3751.     line-height: 24px;
  3752.     font-size: 15px;
  3753.     margin-bottom: 4px;
  3754.     color: inherit
  3755. }
  3756.  
  3757. .mp-services__link:visited {
  3758.     color: inherit
  3759. }
  3760.  
  3761. .mp-services__link:last-child {
  3762.     margin-bottom: 0
  3763. }
  3764.  
  3765. @media (min-width:1200px) {
  3766.     .mp-services__link:hover {
  3767.         color: #0169d9
  3768.     }
  3769. }
  3770.  
  3771. .mp-submenu {
  3772.     background-color: #fff;
  3773.     font-family: Fira Sans, sans-serif
  3774. }
  3775.  
  3776. .mp-submenu__wrapp {
  3777.     margin-left: 16px;
  3778.     height: 64px
  3779. }
  3780.  
  3781. @media (min-width:600px) {
  3782.     .mp-submenu__wrapp {
  3783.         margin-left: calc(50% - 288px)
  3784.     }
  3785. }
  3786.  
  3787. @media (min-width:960px) {
  3788.     .mp-submenu__wrapp {
  3789.         height: 80px;
  3790.         max-width: 912px;
  3791.         margin-left: calc(50% - 456px)
  3792.     }
  3793. }
  3794.  
  3795. @media (min-width:1200px) {
  3796.     .mp-submenu__wrapp {
  3797.         max-width: 1148px;
  3798.         margin-left: calc(50% - 574px)
  3799.     }
  3800. }
  3801.  
  3802. @media (min-width:1380px) {
  3803.     .mp-submenu__wrapp {
  3804.         max-width: 1288px;
  3805.         margin-left: calc(50% - 644px)
  3806.     }
  3807. }
  3808.  
  3809. .mp-submenu__inner {
  3810.     -webkit-box-pack: justify;
  3811.     -ms-flex-pack: justify;
  3812.     justify-content: space-between;
  3813.     -webkit-box-align: center;
  3814.     -ms-flex-align: center;
  3815.     align-items: center;
  3816.     border-bottom: 1px solid #dfdfdf
  3817. }
  3818.  
  3819. .mp-submenu__inner,
  3820. .mp-submenu__nav {
  3821.     display: -webkit-box;
  3822.     display: -ms-flexbox;
  3823.     display: flex;
  3824.     height: 100%
  3825. }
  3826.  
  3827. .mp-submenu__nav {
  3828.     overflow-x: auto
  3829. }
  3830.  
  3831. .mp-submenu__link {
  3832.     position: relative;
  3833.     z-index: 1;
  3834.     text-decoration: none;
  3835.     color: #212121;
  3836.     font-weight: 500;
  3837.     line-height: 32px;
  3838.     font-size: 16px;
  3839.     letter-spacing: -.2px;
  3840.     display: -webkit-box;
  3841.     display: -ms-flexbox;
  3842.     display: flex;
  3843.     height: 100%;
  3844.     -webkit-box-align: center;
  3845.     -ms-flex-align: center;
  3846.     align-items: center;
  3847.     white-space: nowrap;
  3848.     margin-right: 25px
  3849. }
  3850.  
  3851. @media (min-width:1200px) {
  3852.     .mp-submenu__link:hover:before {
  3853.         width: 100%
  3854.     }
  3855. }
  3856.  
  3857. .mp-submenu__link:last-child {
  3858.     padding-right: 16px
  3859. }
  3860.  
  3861. .mp-submenu__link:before {
  3862.     content: "";
  3863.     position: absolute;
  3864.     bottom: 0;
  3865.     left: 50%;
  3866.     -webkit-transform: translateX(-50%);
  3867.     transform: translateX(-50%);
  3868.     width: 0;
  3869.     height: 2px;
  3870.     will-change: width;
  3871.     -webkit-transition: width .3s ease-out;
  3872.     transition: width .3s ease-out;
  3873.     background-color: #0aa440
  3874. }
  3875.  
  3876. .mp-submenu__link--active {
  3877.     -webkit-box-sizing: border-box;
  3878.     box-sizing: border-box
  3879. }
  3880.  
  3881. .mp-submenu__link--active:before {
  3882.     width: 100%
  3883. }
  3884.  
  3885. .mp-submenu__link--sale {
  3886.     margin-right: 43px
  3887. }
  3888.  
  3889. .mp-submenu__link--sale:after {
  3890.     content: "%";
  3891.     position: absolute;
  3892.     top: 50%;
  3893.     -webkit-transform: translateY(-50%);
  3894.     transform: translateY(-50%);
  3895.     left: calc(100% + 4px);
  3896.     line-height: 20px;
  3897.     font-size: 18px;
  3898.     letter-spacing: -.7px;
  3899.     color: #e7433a;
  3900.     font-weight: 500
  3901. }
  3902.  
  3903. .mp-submenu__request-btn {
  3904.     display: none
  3905. }
  3906.  
  3907. @media (min-width:1200px) {
  3908.     .mp-submenu__request-btn {
  3909.         display: block
  3910.     }
  3911. }
  3912.  
  3913. .mp-footer {
  3914.     background-color: #f8f6ec
  3915. }
  3916.  
  3917. .mp-footer__wrapp {
  3918.     padding-top: 32px;
  3919.     padding-bottom: 32px
  3920. }
  3921.  
  3922. @media (min-width:960px) {
  3923.     .mp-footer__wrapp {
  3924.         padding-bottom: 0
  3925.     }
  3926. }
  3927.  
  3928. @media (min-width:1200px) {
  3929.     .mp-footer__wrapp {
  3930.         display: -webkit-box;
  3931.         display: -ms-flexbox;
  3932.         display: flex;
  3933.         padding-top: 60px
  3934.     }
  3935. }
  3936.  
  3937. .mp-footer__info {
  3938.     display: none
  3939. }
  3940.  
  3941. @media (min-width:1200px) {
  3942.     .mp-footer__info {
  3943.         display: initial;
  3944.         -webkit-box-flex: 0;
  3945.         -ms-flex: 0 0 330px;
  3946.         flex: 0 0 330px;
  3947.         margin-right: 62px
  3948.     }
  3949. }
  3950.  
  3951. @media (min-width:1200px) {
  3952.     .mp-footer__logo {
  3953.         margin-bottom: 40px
  3954.     }
  3955. }
  3956.  
  3957. @media (min-width:1200px) {
  3958.     .mp-footer__text {
  3959.         line-height: 20px;
  3960.         font-size: 13px;
  3961.         color: #686868
  3962.     }
  3963. }
  3964.  
  3965. @media (min-width:1200px) {
  3966.     .mp-footer__text p {
  3967.         margin: 0 0 16px
  3968.     }
  3969. }
  3970.  
  3971. @media (min-width:600px) {
  3972.     .mp-footer__nav {
  3973.         display: -webkit-box;
  3974.         display: -ms-flexbox;
  3975.         display: flex;
  3976.         -ms-flex-wrap: wrap;
  3977.         flex-wrap: wrap
  3978.     }
  3979. }
  3980.  
  3981. @media (min-width:1200px) {
  3982.     .mp-footer__nav {
  3983.         -webkit-box-flex: 1;
  3984.         -ms-flex: 1;
  3985.         flex: 1
  3986.     }
  3987. }
  3988.  
  3989. @media (min-width:600px) {
  3990.     .mp-footer__column {
  3991.         width: 50%
  3992.     }
  3993.     .mp-footer__column:nth-of-type(2) {
  3994.         -webkit-box-ordinal-group: 4;
  3995.         -ms-flex-order: 3;
  3996.         order: 3
  3997.     }
  3998.     .mp-footer__column:nth-of-type(4) {
  3999.         -webkit-box-ordinal-group: 5;
  4000.         -ms-flex-order: 4;
  4001.         order: 4
  4002.     }
  4003. }
  4004.  
  4005. @media (min-width:960px) {
  4006.     .mp-footer__column {
  4007.         width: 25%
  4008.     }
  4009.     .mp-footer__column:nth-of-type(3) {
  4010.         -webkit-box-ordinal-group: 4;
  4011.         -ms-flex-order: 3;
  4012.         order: 3
  4013.     }
  4014. }
  4015.  
  4016. .mp-footer__group {
  4017.     margin-bottom: 26px
  4018. }
  4019.  
  4020. @media (min-width:600px) {
  4021.     .mp-footer__group {
  4022.         margin-bottom: 40px
  4023.     }
  4024. }
  4025.  
  4026. .mp-footer__group._active {
  4027.     margin-bottom: 44px
  4028. }
  4029.  
  4030. .mp-footer__group-title {
  4031.     display: -webkit-box;
  4032.     display: -ms-flexbox;
  4033.     display: flex;
  4034.     -webkit-box-pack: justify;
  4035.     -ms-flex-pack: justify;
  4036.     justify-content: space-between;
  4037.     margin-bottom: 12px
  4038. }
  4039.  
  4040. @media (min-width:600px) {
  4041.     .mp-footer__group-title {
  4042.         margin-bottom: 16px
  4043.     }
  4044. }
  4045.  
  4046. @media (min-width:1200px) {
  4047.     .mp-footer__group-title {
  4048.         margin-bottom: 14px
  4049.     }
  4050. }
  4051.  
  4052. .mp-footer__group-title-text {
  4053.     font-weight: 700;
  4054.     line-height: 24px;
  4055.     font-size: 18px;
  4056.     -webkit-transition: color .3s ease;
  4057.     transition: color .3s ease
  4058. }
  4059.  
  4060. @media (min-width:600px) {
  4061.     .mp-footer__group-title-text {
  4062.         font-size: 14px
  4063.     }
  4064. }
  4065.  
  4066. @media (min-width:1200px) {
  4067.     .mp-footer__group-title-text {
  4068.         font-size: 14px
  4069.     }
  4070. }
  4071.  
  4072. ._active .mp-footer__group-title-text {
  4073.     color: #1eb34b
  4074. }
  4075.  
  4076. .mp-footer__group-title-arrow {
  4077.     -webkit-transition: color .3s ease, -webkit-transform .3s ease;
  4078.     transition: color .3s ease, -webkit-transform .3s ease;
  4079.     transition: color .3s ease, transform .3s ease;
  4080.     transition: color .3s ease, transform .3s ease, -webkit-transform .3s ease
  4081. }
  4082.  
  4083. @media (min-width:600px) {
  4084.     .mp-footer__group-title-arrow {
  4085.         display: none
  4086.     }
  4087. }
  4088.  
  4089. @media (min-width:1200px) {
  4090.     .mp-footer__group-title-arrow {
  4091.         display: none
  4092.     }
  4093. }
  4094.  
  4095. ._active .mp-footer__group-title-arrow {
  4096.     -webkit-transform: rotate(180deg);
  4097.     transform: rotate(180deg)
  4098. }
  4099.  
  4100. ._active .mp-footer__group-title-arrow path {
  4101.     fill: #1eb34b
  4102. }
  4103.  
  4104. .mp-footer__group-links {
  4105.     display: none
  4106. }
  4107.  
  4108. @media (min-width:600px) {
  4109.     .mp-footer__group-links {
  4110.         display: initial
  4111.     }
  4112. }
  4113.  
  4114. .mp-footer__group-links-item {
  4115.     display: block;
  4116.     line-height: 34px;
  4117.     font-size: 17px;
  4118.     color: #313131;
  4119.     padding-left: 16px;
  4120.     margin-bottom: 4px;
  4121.     text-decoration: none;
  4122.     -webkit-transition: color .1s ease;
  4123.     transition: color .1s ease
  4124. }
  4125.  
  4126. @media (min-width:600px) {
  4127.     .mp-footer__group-links-item {
  4128.         line-height: 24px;
  4129.         font-size: 13px;
  4130.         padding-left: 0
  4131.     }
  4132. }
  4133.  
  4134. @media (min-width:1200px) {
  4135.     .mp-footer__group-links-item {
  4136.         line-height: 24px;
  4137.         font-size: 13px;
  4138.         display: block
  4139.     }
  4140.     .mp-footer__group-links-item:active,
  4141.     .mp-footer__group-links-item:hover {
  4142.         color: #0169d9
  4143.     }
  4144. }
  4145.  
  4146. .mp-footer__column-logo {
  4147.     margin-top: 48px;
  4148.     margin-bottom: 22px
  4149. }
  4150.  
  4151. .mp-footer__column-logo svg {
  4152.     width: 220px;
  4153.     height: auto
  4154. }
  4155.  
  4156. @media (min-width:600px) {
  4157.     .mp-footer__column-logo svg {
  4158.         width: 171px
  4159.     }
  4160. }
  4161.  
  4162. @media (min-width:600px) {
  4163.     .mp-footer__column-logo {
  4164.         margin-top: 0;
  4165.         margin-bottom: 32px
  4166.     }
  4167. }
  4168.  
  4169. @media (min-width:1200px) {
  4170.     .mp-footer__column-logo {
  4171.         display: none
  4172.     }
  4173. }
  4174.  
  4175. .mp-footer__contact {
  4176.     margin-bottom: 24px
  4177. }
  4178.  
  4179. .mp-footer__contact:nth-of-type(2) .mp-footer__contact-phone {
  4180.     display: initial
  4181. }
  4182.  
  4183. .mp-footer__contact-office {
  4184.     display: -webkit-box;
  4185.     display: -ms-flexbox;
  4186.     display: flex;
  4187.     -webkit-box-align: center;
  4188.     -ms-flex-align: center;
  4189.     align-items: center;
  4190.     line-height: 20px;
  4191.     font-size: 15px;
  4192.     color: #313131;
  4193.     opacity: .5;
  4194.     margin-bottom: 4px;
  4195.     text-decoration: none
  4196. }
  4197.  
  4198. @media (min-width:600px) {
  4199.     .mp-footer__contact-office {
  4200.         font-size: 13px
  4201.     }
  4202. }
  4203.  
  4204. @media (min-width:1200px) {
  4205.     .mp-footer__contact-office {
  4206.         font-size: 13px
  4207.     }
  4208. }
  4209.  
  4210. .mp-footer__contact-office-icon {
  4211.     width: 20px;
  4212.     height: 20px;
  4213.     margin-right: 4px
  4214. }
  4215.  
  4216. .mp-footer__contact-phone {
  4217.     display: none;
  4218.     font-weight: 700;
  4219.     line-height: 20px;
  4220.     font-size: 22px;
  4221.     color: #313131;
  4222.     text-decoration: none
  4223. }
  4224.  
  4225. @media (min-width:600px) {
  4226.     .mp-footer__contact-phone {
  4227.         display: initial;
  4228.         font-size: 18px
  4229.     }
  4230. }
  4231.  
  4232. @media (min-width:1200px) {
  4233.     .mp-footer__contact-phone {
  4234.         font-size: 18px
  4235.     }
  4236. }
  4237.  
  4238. .mp-footer__socials {
  4239.     display: -webkit-box;
  4240.     display: -ms-flexbox;
  4241.     display: flex;
  4242.     margin-top: 36px
  4243. }
  4244.  
  4245. @media (min-width:600px) {
  4246.     .mp-footer__socials {
  4247.         margin-top: 34px
  4248.     }
  4249. }
  4250.  
  4251. @media (min-width:1200px) {
  4252.     .mp-footer__socials {
  4253.         margin-top: 40px
  4254.     }
  4255. }
  4256.  
  4257. .mp-footer__socials-item {
  4258.     width: 32px;
  4259.     height: 32px;
  4260.     -webkit-box-flex: 0;
  4261.     -ms-flex: 0 0 32px;
  4262.     flex: 0 0 32px;
  4263.     margin-right: 25px
  4264. }
  4265.  
  4266. @media (min-width:600px) {
  4267.     .mp-footer__socials-item {
  4268.         width: 25px;
  4269.         height: 25px;
  4270.         -webkit-box-flex: 0;
  4271.         -ms-flex: 0 0 25px;
  4272.         flex: 0 0 25px;
  4273.         margin-right: 18px
  4274.     }
  4275. }
  4276.  
  4277. @media (min-width:1200px) {
  4278.     .mp-footer__socials-item {
  4279.         margin-right: 10px
  4280.     }
  4281. }
  4282.  
  4283. .mp-mini-footer {
  4284.     background-color: #f8f6ec;
  4285.     padding: 32px 0 40px
  4286. }
  4287.  
  4288. @media (min-width:600px) {
  4289.     .mp-mini-footer__wrapp {
  4290.         display: -webkit-box;
  4291.         display: -ms-flexbox;
  4292.         display: flex;
  4293.         -webkit-box-pack: start;
  4294.         -ms-flex-pack: start;
  4295.         justify-content: flex-start;
  4296.         -webkit-box-align: top;
  4297.         -ms-flex-align: top;
  4298.         align-items: top
  4299.     }
  4300. }
  4301.  
  4302. @media (min-width:960px) {
  4303.     .mp-mini-footer__wrapp {
  4304.         -webkit-box-align: center;
  4305.         -ms-flex-align: center;
  4306.         align-items: center
  4307.     }
  4308. }
  4309.  
  4310. @media (min-width:600px) {
  4311.     .mp-mini-footer__layout {
  4312.         -webkit-box-flex: 0;
  4313.         -ms-flex: 0 1 auto;
  4314.         flex: 0 1 auto
  4315.     }
  4316. }
  4317.  
  4318. .mp-mini-footer__layout--left {
  4319.     margin-bottom: 16px
  4320. }
  4321.  
  4322. @media (min-width:600px) {
  4323.     .mp-mini-footer__layout--left {
  4324.         margin-bottom: 0;
  4325.         margin-right: auto
  4326.     }
  4327. }
  4328.  
  4329. @media (min-width:600px) {
  4330.     .mp-mini-footer__layout--right {
  4331.         margin-top: 10px
  4332.     }
  4333. }
  4334.  
  4335. @media (min-width:960px) {
  4336.     .mp-mini-footer__layout--right {
  4337.         margin-top: 0
  4338.     }
  4339. }
  4340.  
  4341. .mp-mini-footer__logo-link {
  4342.     outline: none;
  4343.     text-decoration: none;
  4344.     font-size: 0;
  4345.     line-height: 0;
  4346.     margin-bottom: 8px;
  4347.     display: block
  4348. }
  4349.  
  4350. @media (min-width:960px) {
  4351.     .mp-mini-footer__logo-link {
  4352.         display: inline-block;
  4353.         vertical-align: middle;
  4354.         margin: 0 24px 0 0
  4355.     }
  4356. }
  4357.  
  4358. .mp-mini-footer__logo-link img {
  4359.     max-width: 100%
  4360. }
  4361.  
  4362. .mp-mini-footer__copyright {
  4363.     font-size: 15px;
  4364.     line-height: 24px;
  4365.     letter-spacing: -.3px;
  4366.     color: #656565;
  4367.     margin: 0;
  4368.     display: inline-block;
  4369.     vertical-align: top
  4370. }
  4371.  
  4372. @media (min-width:960px) {
  4373.     .mp-mini-footer__copyright {
  4374.         vertical-align: middle;
  4375.         margin: 0 7px 0 0
  4376.     }
  4377. }
  4378.  
  4379. .mp-mini-footer__privacy-link {
  4380.     display: inline-block;
  4381.     vertical-align: top;
  4382.     margin: 0;
  4383.     text-decoration: none;
  4384.     font-size: 15px;
  4385.     line-height: 24px;
  4386.     letter-spacing: -.3px;
  4387.     color: #0169d9
  4388. }
  4389.  
  4390. @media (min-width:960px) {
  4391.     .mp-mini-footer__privacy-link {
  4392.         vertical-align: middle
  4393.     }
  4394. }
  4395.  
  4396. .mp-mini-footer__callback-title {
  4397.     font-size: 11px;
  4398.     font-weight: 500;
  4399.     line-height: 16px;
  4400.     color: #8f8f8f;
  4401.     margin: 0 0 4px
  4402. }
  4403.  
  4404. @media (min-width:960px) {
  4405.     .mp-mini-footer__callback-title {
  4406.         margin-bottom: 0
  4407.     }
  4408. }
  4409.  
  4410. .mp-mini-footer__callback-phone {
  4411.     outline: none;
  4412.     text-decoration: none;
  4413.     margin: 0;
  4414.     font-size: 32px;
  4415.     font-weight: 700;
  4416.     line-height: 32px;
  4417.     color: #333
  4418. }
  4419.  
  4420. @media (min-width:960px) {
  4421.     .mp-mini-footer__callback-phone {
  4422.         font-size: 22px;
  4423.         line-height: 32px
  4424.     }
  4425. }
  4426.  
  4427. @media (min-width:1380px) {
  4428.     .mp-mini-footer__callback-phone {
  4429.         font-size: 25px
  4430.     }
  4431. }
  4432.  
  4433. .mp-footer-bottom {
  4434.     background: #0aa440
  4435. }
  4436.  
  4437. .mp-footer-bottom__wrapp {
  4438.     padding-top: 16px;
  4439.     padding-bottom: 16px;
  4440.     display: -webkit-box;
  4441.     display: -ms-flexbox;
  4442.     display: flex;
  4443.     -ms-flex-wrap: wrap;
  4444.     flex-wrap: wrap;
  4445.     -webkit-box-pack: justify;
  4446.     -ms-flex-pack: justify;
  4447.     justify-content: space-between
  4448. }
  4449.  
  4450. .mp-footer-bottom__wrapp>:nth-child(3) {
  4451.     -webkit-box-ordinal-group: 2;
  4452.     -ms-flex-order: 1;
  4453.     order: 1
  4454. }
  4455.  
  4456. .mp-footer-bottom__wrapp>:first-child {
  4457.     -webkit-box-ordinal-group: 3;
  4458.     -ms-flex-order: 2;
  4459.     order: 2
  4460. }
  4461.  
  4462. .mp-footer-bottom__wrapp>:nth-child(2) {
  4463.     -webkit-box-ordinal-group: 4;
  4464.     -ms-flex-order: 3;
  4465.     order: 3
  4466. }
  4467.  
  4468. @media (min-width:600px) {
  4469.     .mp-footer-bottom__wrapp {
  4470.         -ms-flex-wrap: nowrap;
  4471.         flex-wrap: nowrap;
  4472.         -webkit-box-align: center;
  4473.         -ms-flex-align: center;
  4474.         align-items: center;
  4475.         padding-top: 13px;
  4476.         padding-bottom: 13px
  4477.     }
  4478.     .mp-footer-bottom__wrapp>:nth-child(n) {
  4479.         -webkit-box-ordinal-group: initial;
  4480.         -ms-flex-order: initial;
  4481.         order: 0
  4482.     }
  4483. }
  4484.  
  4485. .mp-footer-bottom__year {
  4486.     line-height: 20px;
  4487.     font-size: 13px;
  4488.     letter-spacing: -.3px;
  4489.     color: #fff
  4490. }
  4491.  
  4492. @media (min-width:960px) {
  4493.     .mp-footer-bottom__year {
  4494.         margin-right: 24px
  4495.     }
  4496. }
  4497.  
  4498. .mp-footer-bottom__privacy {
  4499.     line-height: 20px;
  4500.     font-size: 13px;
  4501.     letter-spacing: -.3px;
  4502.     color: #fff
  4503. }
  4504.  
  4505. .mp-footer-bottom__search {
  4506.     width: 100%;
  4507.     position: relative
  4508. }
  4509.  
  4510. @media (min-width:600px) {
  4511.     .mp-footer-bottom__search {
  4512.         -webkit-box-flex: 0;
  4513.         -ms-flex: 0 0 276px;
  4514.         flex: 0 0 276px
  4515.     }
  4516. }
  4517.  
  4518. @media (min-width:960px) {
  4519.     .mp-footer-bottom__search {
  4520.         margin-left: auto
  4521.     }
  4522. }
  4523.  
  4524. @media (min-width:1200px) {
  4525.     .mp-footer-bottom__search {
  4526.         -webkit-box-flex: 0;
  4527.         -ms-flex: 0 0 368px;
  4528.         flex: 0 0 368px
  4529.     }
  4530. }
  4531.  
  4532. @media (min-width:1380px) {
  4533.     .mp-footer-bottom__search {
  4534.         -webkit-box-flex: 0;
  4535.         -ms-flex: 0 0 408px;
  4536.         flex: 0 0 408px
  4537.     }
  4538. }
  4539.  
  4540. .mp-footer-bottom__search-input {
  4541.     font-family: Fira Sans, sans-serif;
  4542.     -webkit-box-sizing: border-box;
  4543.     box-sizing: border-box;
  4544.     width: 100%;
  4545.     line-height: 24px;
  4546.     font-size: 15px;
  4547.     letter-spacing: -.2px;
  4548.     color: #828282;
  4549.     padding: 6px 18px;
  4550.     border: 2px solid #ddd;
  4551.     border-radius: 24px;
  4552.     outline: none;
  4553.     margin-bottom: 16px
  4554. }
  4555.  
  4556. @media (min-width:600px) {
  4557.     .mp-footer-bottom__search-input {
  4558.         margin-bottom: 0;
  4559.         font-size: 14px;
  4560.         letter-spacing: -.2px;
  4561.         color: hsla(0, 0%, 54.1%, .6);
  4562.         padding: 2px 14px
  4563.     }
  4564. }
  4565.  
  4566. .mp-footer-bottom__search-input::-webkit-input-placeholder {
  4567.     color: #828282
  4568. }
  4569.  
  4570. .mp-footer-bottom__search-input:-ms-input-placeholder {
  4571.     color: #828282
  4572. }
  4573.  
  4574. .mp-footer-bottom__search-input::-ms-input-placeholder {
  4575.     color: #828282
  4576. }
  4577.  
  4578. .mp-footer-bottom__search-input::placeholder {
  4579.     color: #828282
  4580. }
  4581.  
  4582. @media (min-width:600px) {
  4583.     .mp-footer-bottom__search-input::-webkit-input-placeholder {
  4584.         color: hsla(0, 0%, 54.1%, .6)
  4585.     }
  4586.     .mp-footer-bottom__search-input:-ms-input-placeholder {
  4587.         color: hsla(0, 0%, 54.1%, .6)
  4588.     }
  4589.     .mp-footer-bottom__search-input::-ms-input-placeholder {
  4590.         color: hsla(0, 0%, 54.1%, .6)
  4591.     }
  4592.     .mp-footer-bottom__search-input::placeholder {
  4593.         color: hsla(0, 0%, 54.1%, .6)
  4594.     }
  4595. }
  4596.  
  4597. .mp-footer-bottom__search-sbmt {
  4598.     position: absolute;
  4599.     right: 0;
  4600.     top: 0;
  4601.     padding: 0!important;
  4602.     width: 40px;
  4603.     height: 40px;
  4604.     -webkit-box-sizing: border-box;
  4605.     box-sizing: border-box;
  4606.     line-height: 0;
  4607.     outline: none
  4608. }
  4609.  
  4610. @media (min-width:600px) {
  4611.     .mp-footer-bottom__search-sbmt {
  4612.         width: 32px;
  4613.         height: 32px
  4614.     }
  4615. }
  4616.  
  4617. @media (min-width:960px) {
  4618.     .mp-footer-bottom__search-sbmt {
  4619.         padding: 0
  4620.     }
  4621. }
  4622.  
  4623. .mp-footer-bottom__search-sbmt svg {
  4624.     width: 26px;
  4625.     height: 26px
  4626. }
  4627.  
  4628. @media (min-width:600px) {
  4629.     .mp-footer-bottom__search-sbmt svg {
  4630.         width: 24px;
  4631.         height: 24px
  4632.     }
  4633. }
  4634.  
  4635. .mp-footer-bottom__search-sbmt svg path {
  4636.     fill: #0169d9
  4637. }
  4638.  
  4639. .mp-scrolltop {
  4640.     position: fixed;
  4641.     z-index: 99999;
  4642.     right: 100%;
  4643.     bottom: 102px;
  4644.     border-radius: 50%;
  4645.     padding: 8px;
  4646.     background: rgba(63, 63, 63, .3);
  4647.     line-height: 0;
  4648.     cursor: pointer;
  4649.     opacity: 0;
  4650.     -webkit-transition: opacity .3s ease;
  4651.     transition: opacity .3s ease
  4652. }
  4653.  
  4654. @media (min-width:1200px) {
  4655.     .mp-scrolltop {
  4656.         bottom: 200px
  4657.     }
  4658. }
  4659.  
  4660. .mp-scrolltop.show {
  4661.     right: 20px;
  4662.     opacity: 1
  4663. }
  4664.  
  4665. @media (min-width:1200px) {
  4666.     .mp-scrolltop.show {
  4667.         right: 48px
  4668.     }
  4669. }
  4670.  
  4671. .mp-scrolltop.hide {
  4672.     opacity: 0;
  4673.     -webkit-transition: opacity .3s ease, right 0s ease .3s;
  4674.     transition: opacity .3s ease, right 0s ease .3s
  4675. }
  4676.  
  4677. .mp-scrolltop svg {
  4678.     width: 32px;
  4679.     height: 32px;
  4680.     -webkit-transform: rotate(45deg);
  4681.     transform: rotate(45deg)
  4682. }
  4683.  
  4684. .mp-scrolltop svg path {
  4685.     fill: #fff
  4686. }
  4687.  
  4688. @-webkit-keyframes rotate {
  4689.     0% {
  4690.         -webkit-transform: rotate(0deg);
  4691.         transform: rotate(0deg)
  4692.     }
  4693.     to {
  4694.         -webkit-transform: rotate(1turn);
  4695.         transform: rotate(1turn)
  4696.     }
  4697. }
  4698.  
  4699. @keyframes rotate {
  4700.     0% {
  4701.         -webkit-transform: rotate(0deg);
  4702.         transform: rotate(0deg)
  4703.     }
  4704.     to {
  4705.         -webkit-transform: rotate(1turn);
  4706.         transform: rotate(1turn)
  4707.     }
  4708. }
  4709.  
  4710. .mp-form__preloader-svg {
  4711.     -webkit-transition: -webkit-transform .3s;
  4712.     transition: -webkit-transform .3s;
  4713.     transition: transform .3s;
  4714.     transition: transform .3s, -webkit-transform .3s;
  4715.     -webkit-animation-name: rotate;
  4716.     animation-name: rotate;
  4717.     -webkit-animation-iteration-count: infinite;
  4718.     animation-iteration-count: infinite;
  4719.     -webkit-animation-duration: 1s;
  4720.     animation-duration: 1s;
  4721.     -webkit-animation-timing-function: linear;
  4722.     animation-timing-function: linear
  4723. }
  4724.  
  4725. .mp-form__preloader-svg circle {
  4726.     stroke-dasharray: 21
  4727. }
  4728.  
  4729. .mp-form__preloader-svg polyline {
  4730.     stroke-dasharray: 44;
  4731.     stroke-dashoffset: 44;
  4732.     stroke-linecap: butt
  4733. }
  4734.  
  4735. .cd-request-popup__tnx {
  4736.     position: absolute;
  4737.     top: 15%;
  4738.     width: 80%;
  4739.     max-width: 564px;
  4740.     z-index: 10;
  4741.     display: none;
  4742.     -webkit-box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .5);
  4743.     box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .5);
  4744.     border-radius: 10px;
  4745.     background-color: #fff;
  4746.     padding: 32px 16px;
  4747.     left: 50%;
  4748.     -webkit-transform: translateX(-50%);
  4749.     transform: translateX(-50%);
  4750.     font-family: Fira Sans, sans-serif;
  4751.     text-align: center
  4752. }
  4753.  
  4754. .tnx-icon {
  4755.     display: inline-block;
  4756.     margin-bottom: 24px
  4757. }
  4758.  
  4759. .cd-request-popup {
  4760.     position: absolute;
  4761.     top: 15%;
  4762.     width: 80%;
  4763.     max-width: 564px;
  4764.     z-index: 10;
  4765.     display: none;
  4766.     -webkit-box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .5);
  4767.     box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .5);
  4768.     border-radius: 10px;
  4769.     background-color: #fff;
  4770.     padding: 32px 16px;
  4771.     left: 50%;
  4772.     -webkit-transform: translateX(-50%);
  4773.     transform: translateX(-50%);
  4774.     font-family: Fira Sans, sans-serif
  4775. }
  4776.  
  4777. @media (min-width:600px) {
  4778.     .cd-request-popup {
  4779.         padding: 32px
  4780.     }
  4781. }
  4782.  
  4783. .cd-request-popup__title {
  4784.     font-size: 24px;
  4785.     font-weight: 700;
  4786.     letter-spacing: -.4px;
  4787.     text-align: center;
  4788.     color: #333;
  4789.     margin-top: 0;
  4790.     margin-bottom: 0
  4791. }
  4792.  
  4793. @media (min-width:600px) {
  4794.     .cd-request-popup__title {
  4795.         margin-bottom: 0;
  4796.         font-size: 28px
  4797.     }
  4798. }
  4799.  
  4800. .cd-request-popup__close {
  4801.     width: 48px;
  4802.     height: 48px;
  4803.     -webkit-box-shadow: 0 5px 3px -3px hsla(0, 0%, 69%, .27), inset 0 0 0 2px #dfdfdf;
  4804.     box-shadow: 0 5px 3px -3px hsla(0, 0%, 69%, .27), inset 0 0 0 2px #dfdfdf;
  4805.     border-radius: 50%;
  4806.     background-color: #fafaf9;
  4807.     -webkit-appearance: none;
  4808.     border: none;
  4809.     padding: 0;
  4810.     outline: 0;
  4811.     position: absolute;
  4812.     top: -18px;
  4813.     right: -14px;
  4814.     display: -webkit-box;
  4815.     display: -ms-flexbox;
  4816.     display: flex;
  4817.     -webkit-box-pack: center;
  4818.     -ms-flex-pack: center;
  4819.     justify-content: center;
  4820.     -webkit-box-align: center;
  4821.     -ms-flex-align: center;
  4822.     align-items: center;
  4823.     cursor: pointer
  4824. }
  4825.  
  4826. .cd-request-popup__close svg {
  4827.     width: 32px;
  4828.     height: 32px
  4829. }
  4830.  
  4831. .cd-request-popup__preloader {
  4832.     display: -webkit-box;
  4833.     display: -ms-flexbox;
  4834.     display: flex;
  4835.     -webkit-box-orient: vertical;
  4836.     -webkit-box-direction: normal;
  4837.     -ms-flex-direction: column;
  4838.     flex-direction: column;
  4839.     -webkit-box-align: center;
  4840.     -ms-flex-align: center;
  4841.     align-items: center;
  4842.     background: hsla(0, 0%, 100%, .3)
  4843. }
  4844.  
  4845. .cd-request-popup__preloader-svg circle {
  4846.     stroke-dasharray: 21
  4847. }
  4848.  
  4849. .cd-request-popup__preloader-svg polyline {
  4850.     stroke-dasharray: 44;
  4851.     stroke-dashoffset: 44;
  4852.     stroke-linecap: butt
  4853. }
  4854.  
  4855. .cd-request-popup h2 {
  4856.     font-size: 18px;
  4857.     font-weight: 300;
  4858.     line-height: 1.33;
  4859.     letter-spacing: -.4px;
  4860.     text-align: center;
  4861.     color: #333
  4862. }
  4863.  
  4864. @media (min-width:600px) {
  4865.     .cd-request-popup h2 {
  4866.         font-size: 20px
  4867.     }
  4868. }
  4869.  
  4870. .cd-request-popup .cd-input__field {
  4871.     height: 40px
  4872. }
  4873.  
  4874. @media (min-width:600px) {
  4875.     .cd-request-popup .cd-input__field {
  4876.         height: 48px
  4877.     }
  4878. }
  4879.  
  4880. .cd-request-popup .tpl-field {
  4881.     font-size: 15px;
  4882.     line-height: 1.47;
  4883.     color: #333
  4884. }
  4885.  
  4886. .cd-request-popup .mp-form__privacy {
  4887.     font-size: 13px;
  4888.     line-height: 1.31;
  4889.     letter-spacing: -.4px;
  4890.     color: #828282;
  4891.     text-align: center;
  4892.     margin-top: 16px
  4893. }
  4894.  
  4895. .cd-request-popup .mp-form__privacy a {
  4896.     color: #828282
  4897. }
  4898.  
  4899. @media (min-width:600px) {
  4900.     .cd-request-popup .mp-form__btn {
  4901.         text-align: center
  4902.     }
  4903. }
  4904.  
  4905. .cd-request-popup .mp-form__btn .cd-btn {
  4906.     width: 100%
  4907. }
  4908.  
  4909. @media (min-width:600px) {
  4910.     .cd-request-popup .mp-form__btn .cd-btn {
  4911.         width: auto
  4912.     }
  4913. }
  4914.  
  4915. @media (min-width:600px) {
  4916.     .cd-request-popup .cd-field__text {
  4917.         font-size: 15px
  4918.     }
  4919. }
  4920.  
  4921. .sp-force-hide.sp-form-outer~.mp-form__preloader {
  4922.     display: block
  4923. }
  4924.  
  4925. .sp-form-outer~.mp-form__preloader {
  4926.     display: none
  4927. }
  4928.  
  4929. @font-face {
  4930.     font-family: Fira Sans;
  4931.     font-weight: 300;
  4932.     font-style: normal;
  4933.     src: url(/g/fonts/fira_sans/fira_sans-l.eot);
  4934.     src: url(/g/fonts/fira_sans/fira_sans-l.eot?#iefix) format("embedded-opentype"), url(/g/fonts/fira_sans/fira_sans-l.ttf) format("truetype"), url(/g/fonts/fira_sans/fira_sans-l.woff2)
  4935. }
  4936.  
  4937. @font-face {
  4938.     font-family: Fira Sans;
  4939.     font-weight: 400;
  4940.     font-style: normal;
  4941.     src: url(/g/fonts/fira_sans/fira_sans-r.eot);
  4942.     src: url(/g/fonts/fira_sans/fira_sans-r.eot?#iefix) format("embedded-opentype"), url(/g/fonts/fira_sans/fira_sans-r.ttf) format("truetype"), url(/g/fonts/fira_sans/fira_sans-r.woff2)
  4943. }
  4944.  
  4945. @font-face {
  4946.     font-family: Fira Sans;
  4947.     font-weight: 500;
  4948.     font-style: normal;
  4949.     src: url(/g/fonts/fira_sans/fira_sans-m.eot);
  4950.     src: url(/g/fonts/fira_sans/fira_sans-m.eot?#iefix) format("embedded-opentype"), url(/g/fonts/fira_sans/fira_sans-m.ttf) format("truetype"), url(/g/fonts/fira_sans/fira_sans-m.woff2)
  4951. }
  4952.  
  4953. @font-face {
  4954.     font-family: Fira Sans;
  4955.     font-weight: 700;
  4956.     font-style: normal;
  4957.     src: url(/g/fonts/fira_sans/fira_sans-b.eot);
  4958.     src: url(/g/fonts/fira_sans/fira_sans-b.eot?#iefix) format("embedded-opentype"), url(/g/fonts/fira_sans/fira_sans-b.ttf) format("truetype"), url(/g/fonts/fira_sans/fira_sans-b.woff2)
  4959. }
  4960.  
  4961. ._hidden {
  4962.     display: none
  4963. }
  4964.  
  4965. .mp-wrapp {
  4966.     margin: 0 auto;
  4967.     max-width: 100%;
  4968.     width: 100%;
  4969.     -webkit-box-sizing: border-box;
  4970.     box-sizing: border-box;
  4971.     padding: 0 16px;
  4972.     position: relative;
  4973.     z-index: 1
  4974. }
  4975.  
  4976. @media (min-width:600px) {
  4977.     .mp-wrapp {
  4978.         max-width: 600px;
  4979.         padding: 0 12px
  4980.     }
  4981. }
  4982.  
  4983. @media (min-width:960px) {
  4984.     .mp-wrapp {
  4985.         max-width: 960px;
  4986.         padding: 0 24px
  4987.     }
  4988. }
  4989.  
  4990. @media (min-width:1200px) {
  4991.     .mp-wrapp {
  4992.         padding: 0 16px;
  4993.         max-width: 1180px
  4994.     }
  4995. }
  4996.  
  4997. @media (min-width:1380px) {
  4998.     .mp-wrapp {
  4999.         max-width: 1320px;
  5000.         padding: 0 16px
  5001.     }
  5002. }
  5003.  
  5004. .mp-footer {
  5005.     margin-top: 72px
  5006. }
  5007.  
  5008. @media (min-width:960px) {
  5009.     .mp-footer {
  5010.         margin-top: 128px
  5011.     }
  5012. }
  5013.  
  5014. .mp-img {
  5015.     font-size: 0;
  5016.     line-height: 0
  5017. }
  5018.  
  5019. ._overlay {
  5020.     display: none;
  5021.     position: fixed;
  5022.     top: 0;
  5023.     left: 0;
  5024.     width: 100%;
  5025.     height: 100%;
  5026.     background-color: rgba(0, 0, 0, .5);
  5027.     z-index: 5
  5028. }
  5029.  
  5030. .mp-showroom-btn {
  5031.     margin: 56px 0
  5032. }
  5033.  
  5034. .mp-showroom-btn__wrapp {
  5035.     text-align: center
  5036. }
  5037.  
  5038. @media (min-width:960px) {
  5039.     .mp-showroom-btn__inner {
  5040.         max-width: 699px
  5041.     }
  5042. }
  5043.  
  5044. @media (min-width:1200px) {
  5045.     .mp-showroom-btn__inner {
  5046.         max-width: none
  5047.     }
  5048. }
  5049.  
  5050. .mp-showroom-btn__title {
  5051.     text-align: center;
  5052.     font-size: 20px;
  5053.     font-weight: 300;
  5054.     line-height: 24px;
  5055.     letter-spacing: -.8px;
  5056.     color: #5a5a5a;
  5057.     margin: 0 0 24px
  5058. }
  5059.  
  5060. @media (min-width:600px) {
  5061.     .mp-showroom-btn__title {
  5062.         font-size: 22px;
  5063.         line-height: 32px
  5064.     }
  5065. }
  5066.  
  5067. @media (min-width:960px) {
  5068.     .mp-showroom-btn__title {
  5069.         margin-bottom: 16px
  5070.     }
  5071. }
  5072.  
  5073. @media (min-width:1380px) {
  5074.     .mp-showroom-btn__title {
  5075.         margin-bottom: 24px
  5076.     }
  5077. }
  5078.  
  5079. .mp-showroom-btn__layout {
  5080.     display: -webkit-box;
  5081.     display: -ms-flexbox;
  5082.     display: flex;
  5083.     -webkit-box-orient: vertical;
  5084.     -webkit-box-direction: normal;
  5085.     -ms-flex-direction: column;
  5086.     flex-direction: column;
  5087.     -webkit-box-align: center;
  5088.     -ms-flex-align: center;
  5089.     align-items: center
  5090. }
  5091.  
  5092. @media (min-width:600px) {
  5093.     .mp-showroom-btn__layout {
  5094.         -webkit-box-orient: horizontal;
  5095.         -webkit-box-direction: normal;
  5096.         -ms-flex-direction: row;
  5097.         flex-direction: row;
  5098.         -webkit-box-pack: center;
  5099.         -ms-flex-pack: center;
  5100.         justify-content: center
  5101.     }
  5102. }
  5103.  
  5104. .mp-showroom-btn__btn~.cd-btn {
  5105.     margin-top: 16px
  5106. }
  5107.  
  5108. @media (min-width:600px) {
  5109.     .mp-showroom-btn__btn~.cd-btn {
  5110.         margin-top: 0;
  5111.         margin-left: 16px
  5112.     }
  5113. }
  5114.  
  5115. .mp-showroom-popup {
  5116.     display: none;
  5117.     width: 100%;
  5118.     max-width: 288px;
  5119.     border-radius: 8px;
  5120.     position: absolute;
  5121.     top: 40px;
  5122.     left: 50%;
  5123.     -webkit-transform: translateX(-50%);
  5124.     transform: translateX(-50%);
  5125.     z-index: 6;
  5126.     -webkit-box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .5);
  5127.     box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .5);
  5128.     background-color: #fff;
  5129.     -webkit-box-sizing: border-box;
  5130.     box-sizing: border-box;
  5131.     padding: 56px 24px 48px
  5132. }
  5133.  
  5134. @media (min-width:600px) {
  5135.     .mp-showroom-popup {
  5136.         max-width: 432px;
  5137.         border-radius: 10px;
  5138.         padding: 32px 32px 48px
  5139.     }
  5140. }
  5141.  
  5142. .mp-showroom-popup__close {
  5143.     position: absolute;
  5144.     padding: 7px;
  5145.     border-radius: 50%;
  5146.     width: 40px;
  5147.     height: 40px;
  5148.     top: 16px;
  5149.     right: 16px
  5150. }
  5151.  
  5152. @media (min-width:600px) {
  5153.     .mp-showroom-popup__close {
  5154.         width: 48px;
  5155.         height: 48px
  5156.     }
  5157. }
  5158.  
  5159. .mp-showroom-popup__close svg {
  5160.     width: 26px;
  5161.     height: 26px
  5162. }
  5163.  
  5164. @media (min-width:600px) {
  5165.     .mp-showroom-popup__close svg {
  5166.         width: 32px;
  5167.         height: 32px
  5168.     }
  5169. }
  5170.  
  5171. .mp-showroom-popup__title {
  5172.     font-size: 26px;
  5173.     font-weight: 500;
  5174.     line-height: 32px;
  5175.     letter-spacing: -.2px;
  5176.     margin: 0 0 16px
  5177. }
  5178.  
  5179. @media (min-width:600px) {
  5180.     .mp-showroom-popup__title {
  5181.         font-size: 28px;
  5182.         margin-bottom: 40px
  5183.     }
  5184. }
  5185.  
  5186. .mp-showroom-popup__text {
  5187.     font-size: 16px;
  5188.     line-height: 24px;
  5189.     letter-spacing: -.4px;
  5190.     margin: 0 0 24px
  5191. }
  5192.  
  5193. @media (min-width:600px) {
  5194.     .mp-showroom-popup__text {
  5195.         margin-bottom: 32px
  5196.     }
  5197. }
  5198.  
  5199. .mp-showroom-popup__privacy {
  5200.     font-size: 14px;
  5201.     line-height: 24px;
  5202.     text-align: center;
  5203.     color: #828282;
  5204.     margin: 24px 0 0
  5205. }
  5206.  
  5207. .mp-showroom-popup__privacy a,
  5208. .mp-showroom-popup__privacy a:visited {
  5209.     outline: none;
  5210.     color: inherit;
  5211.     cursor: pointer
  5212. }
  5213.  
  5214. @media (min-width:1200px) {
  5215.     .mp-showroom-popup__privacy a:hover,
  5216.     .mp-showroom-popup__privacy a:visited:hover {
  5217.         text-decoration: none
  5218.     }
  5219. }
  5220.  
  5221. .mp-showroom-popup__btn-wr {
  5222.     text-align: center;
  5223.     padding-top: 32px
  5224. }
  5225.  
  5226. .mp-show-header__title {
  5227.     margin: 24px 0 16px;
  5228.     font-size: 24px;
  5229.     font-weight: 700;
  5230.     line-height: 32px;
  5231.     letter-spacing: -.3px;
  5232.     text-align: center
  5233. }
  5234.  
  5235. @media (min-width:600px) {
  5236.     .mp-show-header__title {
  5237.         font-size: 32px;
  5238.         line-height: 36px;
  5239.         letter-spacing: -.4px;
  5240.         margin: 40px 0 24px
  5241.     }
  5242. }
  5243.  
  5244. @media (min-width:960px) {
  5245.     .mp-show-header__title {
  5246.         text-align: left;
  5247.         font-size: 40px;
  5248.         line-height: 48px;
  5249.         letter-spacing: -.5px;
  5250.         margin: 56px 0 16px;
  5251.         padding-left: 32px;
  5252.         max-width: 570px
  5253.     }
  5254. }
  5255.  
  5256. @media (min-width:1200px) {
  5257.     .mp-show-header__title {
  5258.         text-align: center;
  5259.         padding-left: 0;
  5260.         margin-bottom: 8px;
  5261.         font-size: 34px;
  5262.         line-height: 40px;
  5263.         letter-spacing: -.4px;
  5264.         max-width: none
  5265.     }
  5266. }
  5267.  
  5268. @media (min-width:1380px) {
  5269.     .mp-show-header__title {
  5270.         font-size: 40px;
  5271.         line-height: 48px;
  5272.         margin-top: 72px
  5273.     }
  5274. }
  5275.  
  5276. .mp-show-header__subtitle {
  5277.     font-size: 20px;
  5278.     font-weight: 300;
  5279.     line-height: 24px;
  5280.     letter-spacing: -.8px;
  5281.     text-align: center;
  5282.     color: #5a5a5a;
  5283.     margin: 0 0 16px
  5284. }
  5285.  
  5286. @media (min-width:600px) {
  5287.     .mp-show-header__subtitle {
  5288.         font-size: 22px;
  5289.         line-height: 32px;
  5290.         margin-bottom: 24px
  5291.     }
  5292. }
  5293.  
  5294. @media (min-width:960px) {
  5295.     .mp-show-header__subtitle {
  5296.         font-size: 24px;
  5297.         letter-spacing: -.6px;
  5298.         margin-bottom: 16px;
  5299.         text-align: left;
  5300.         padding-left: 32px;
  5301.         max-width: 570px
  5302.     }
  5303. }
  5304.  
  5305. @media (min-width:1200px) {
  5306.     .mp-show-header__subtitle {
  5307.         font-size: 22px;
  5308.         letter-spacing: -.8px;
  5309.         text-align: center;
  5310.         padding-left: 0;
  5311.         max-width: none
  5312.     }
  5313. }
  5314.  
  5315. @media (min-width:1380px) {
  5316.     .mp-show-header__subtitle {
  5317.         margin-bottom: 32px;
  5318.         font-size: 26px;
  5319.         line-height: 24px;
  5320.         letter-spacing: -1.1px
  5321.     }
  5322. }
  5323.  
  5324. @media (min-width:1200px) {
  5325.     .mp-show-header__layout {
  5326.         display: block
  5327.     }
  5328. }
  5329.  
  5330. .mp-show-header__btn-wr {
  5331.     text-align: center;
  5332.     display: -webkit-box;
  5333.     display: -ms-flexbox;
  5334.     display: flex;
  5335.     -webkit-box-orient: vertical;
  5336.     -webkit-box-direction: normal;
  5337.     -ms-flex-direction: column;
  5338.     flex-direction: column;
  5339.     -webkit-box-align: center;
  5340.     -ms-flex-align: center;
  5341.     align-items: center
  5342. }
  5343.  
  5344. @media (min-width:600px) {
  5345.     .mp-show-header__btn-wr {
  5346.         -webkit-box-orient: horizontal;
  5347.         -webkit-box-direction: normal;
  5348.         -ms-flex-direction: row;
  5349.         flex-direction: row;
  5350.         -webkit-box-pack: center;
  5351.         -ms-flex-pack: center;
  5352.         justify-content: center
  5353.     }
  5354. }
  5355.  
  5356. @media (min-width:960px) {
  5357.     .mp-show-header__btn-wr {
  5358.         -webkit-box-orient: vertical;
  5359.         -webkit-box-direction: normal;
  5360.         -ms-flex-direction: column;
  5361.         flex-direction: column;
  5362.         -webkit-box-pack: start;
  5363.         -ms-flex-pack: start;
  5364.         justify-content: flex-start;
  5365.         -webkit-box-align: start;
  5366.         -ms-flex-align: start;
  5367.         align-items: flex-start;
  5368.         padding-left: 32px
  5369.     }
  5370. }
  5371.  
  5372. @media (min-width:1200px) {
  5373.     .mp-show-header__btn-wr {
  5374.         -webkit-box-align: center;
  5375.         -ms-flex-align: center;
  5376.         align-items: center;
  5377.         padding-left: 0
  5378.     }
  5379. }
  5380.  
  5381. .mp-show-header__btn {
  5382.     margin: 4px 0
  5383. }
  5384.  
  5385. @media (min-width:600px) {
  5386.     .mp-show-header__btn {
  5387.         margin: 0 8px
  5388.     }
  5389. }
  5390.  
  5391. @media (min-width:960px) {
  5392.     .mp-show-header__btn {
  5393.         margin: 4px 0
  5394.     }
  5395. }
  5396.  
  5397. .mp-showroom__title {
  5398.     text-align: center;
  5399.     padding: 32px 0 8px;
  5400.     margin: 0;
  5401.     font-size: 26px;
  5402.     font-weight: 300;
  5403.     line-height: 24px;
  5404.     letter-spacing: -.6px;
  5405.     color: #9c9c9c
  5406. }
  5407.  
  5408. @media (min-width:600px) {
  5409.     .mp-showroom__title {
  5410.         padding-top: 48px;
  5411.         font-size: 20px;
  5412.         letter-spacing: -.7px
  5413.     }
  5414. }
  5415.  
  5416. @media (min-width:960px) {
  5417.     .mp-showroom__title {
  5418.         text-align: left;
  5419.         padding: 56px 0 16px 32px
  5420.     }
  5421. }
  5422.  
  5423. @media (min-width:1200px) {
  5424.     .mp-showroom__title {
  5425.         padding: 56px 0 24px;
  5426.         text-align: center;
  5427.         font-size: 44px;
  5428.         line-height: 1.1;
  5429.         letter-spacing: -.8px
  5430.     }
  5431. }
  5432.  
  5433. @media (min-width:1380px) {
  5434.     .mp-showroom__title {
  5435.         padding: 72px 0 32px
  5436.     }
  5437. }
  5438.  
  5439. .mp-showroom__layout {
  5440.     display: -webkit-box;
  5441.     display: -ms-flexbox;
  5442.     display: flex;
  5443.     -webkit-box-orient: vertical;
  5444.     -webkit-box-direction: normal;
  5445.     -ms-flex-direction: column;
  5446.     flex-direction: column
  5447. }
  5448.  
  5449. @media (min-width:1200px) {
  5450.     .mp-showroom__layout {
  5451.         -webkit-box-orient: horizontal;
  5452.         -webkit-box-direction: normal;
  5453.         -ms-flex-direction: row;
  5454.         flex-direction: row;
  5455.         position: relative;
  5456.         display: block;
  5457.         text-align: center;
  5458.         max-width: 740px;
  5459.         margin: 0 auto
  5460.     }
  5461. }
  5462.  
  5463. .mp-showroom__inner {
  5464.     width: 100%;
  5465.     height: 100%;
  5466.     display: block;
  5467.     margin-bottom: 24px;
  5468.     margin-top: 40px;
  5469.     -webkit-box-ordinal-group: 3;
  5470.     -ms-flex-order: 2;
  5471.     order: 2
  5472. }
  5473.  
  5474. @media (min-width:600px) {
  5475.     .mp-showroom__inner {
  5476.         display: -webkit-box;
  5477.         display: -ms-flexbox;
  5478.         display: flex;
  5479.         -webkit-box-pack: justify;
  5480.         -ms-flex-pack: justify;
  5481.         justify-content: space-between;
  5482.         -ms-flex-wrap: wrap;
  5483.         flex-wrap: wrap;
  5484.         -webkit-box-ordinal-group: 3;
  5485.         -ms-flex-order: 2;
  5486.         order: 2;
  5487.         margin-top: 32px;
  5488.         margin-bottom: 16px;
  5489.         padding: 0 24px;
  5490.         -webkit-box-sizing: border-box;
  5491.         box-sizing: border-box
  5492.     }
  5493. }
  5494.  
  5495. @media (min-width:960px) {
  5496.     .mp-showroom__inner {
  5497.         -webkit-box-flex: 0;
  5498.         -ms-flex: 0 0 213px;
  5499.         flex: 0 0 213px;
  5500.         -webkit-box-ordinal-group: 3;
  5501.         -ms-flex-order: 2;
  5502.         order: 2;
  5503.         padding: 42px 0 0;
  5504.         margin-top: 0;
  5505.         margin-bottom: 0
  5506.     }
  5507. }
  5508.  
  5509. @media (min-width:1200px) {
  5510.     .mp-showroom__inner {
  5511.         position: absolute;
  5512.         padding: 0
  5513.     }
  5514. }
  5515.  
  5516. .mp-showroom__info-item {
  5517.     margin-bottom: 32px;
  5518.     -webkit-transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
  5519.     transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
  5520.     transition: opacity .3s ease-out, transform .3s ease-out;
  5521.     transition: opacity .3s ease-out, transform .3s ease-out, -webkit-transform .3s ease-out
  5522. }
  5523.  
  5524. @media (min-width:600px) {
  5525.     .mp-showroom__info-item {
  5526.         -webkit-box-flex: 0;
  5527.         -ms-flex: 0 0 252px;
  5528.         flex: 0 0 252px;
  5529.         margin-bottom: 40px
  5530.     }
  5531. }
  5532.  
  5533. @media (min-width:960px) {
  5534.     .mp-showroom__info-item {
  5535.         margin-bottom: 24px
  5536.     }
  5537. }
  5538.  
  5539. @media (min-width:1200px) {
  5540.     .mp-showroom__info-item {
  5541.         position: absolute;
  5542.         margin: 0;
  5543.         text-align: left;
  5544.         max-width: 213px;
  5545.         width: 213px
  5546.     }
  5547. }
  5548.  
  5549. @media (min-width:1380px) {
  5550.     .mp-showroom__info-item {
  5551.         max-width: 280px;
  5552.         width: 280px
  5553.     }
  5554. }
  5555.  
  5556. .mp-showroom__info-item:last-child {
  5557.     margin-bottom: 0
  5558. }
  5559.  
  5560. @media (min-width:1200px) {
  5561.     .mp-showroom__info-item._left {
  5562.         right: 100%
  5563.     }
  5564. }
  5565.  
  5566. @media (min-width:1200px) {
  5567.     .mp-showroom__info-item._right {
  5568.         left: 100%
  5569.     }
  5570. }
  5571.  
  5572. @media (min-width:1200px) {
  5573.     .mp-showroom__info-item._top {
  5574.         top: 50px
  5575.     }
  5576. }
  5577.  
  5578. @media (min-width:1380px) {
  5579.     .mp-showroom__info-item._top {
  5580.         top: 41px
  5581.     }
  5582. }
  5583.  
  5584. @media (min-width:1200px) {
  5585.     .mp-showroom__info-item._middle {
  5586.         top: 50%;
  5587.         -webkit-transform: translateY(-50%);
  5588.         transform: translateY(-50%)
  5589.     }
  5590. }
  5591.  
  5592. @media (min-width:1200px) {
  5593.     .mp-showroom__info-item._bottom {
  5594.         bottom: -26px
  5595.     }
  5596. }
  5597.  
  5598. .mp-showroom__line {
  5599.     display: none
  5600. }
  5601.  
  5602. @media (min-width:960px) {
  5603.     .mp-showroom__line {
  5604.         display: block;
  5605.         position: absolute;
  5606.         top: 8px;
  5607.         height: 2px;
  5608.         background-color: #3cae5e
  5609.     }
  5610. }
  5611.  
  5612. @media (min-width:1200px) {
  5613.     .mp-showroom__line {
  5614.         top: 10px
  5615.     }
  5616. }
  5617.  
  5618. @media (min-width:1380px) {
  5619.     .mp-showroom__line {
  5620.         top: 16px
  5621.     }
  5622. }
  5623.  
  5624. ._left .mp-showroom__line {
  5625.     -webkit-transition: left .3s ease-out .3s;
  5626.     transition: left .3s ease-out .3s;
  5627.     will-change: left
  5628. }
  5629.  
  5630. @media (min-width:960px) {
  5631.     ._left .mp-showroom__line {
  5632.         width: 32px;
  5633.         left: -40px
  5634.     }
  5635. }
  5636.  
  5637. @media (min-width:1200px) {
  5638.     ._left .mp-showroom__line {
  5639.         width: auto;
  5640.         left: calc(100% + 16px);
  5641.         right: calc(100% - 277px)
  5642.     }
  5643. }
  5644.  
  5645. @media (min-width:1380px) {
  5646.     ._left .mp-showroom__line {
  5647.         right: calc(100% - 334px)
  5648.     }
  5649. }
  5650.  
  5651. @media (min-width:1200px) {
  5652.     ._left._animate .mp-showroom__line {
  5653.         left: 277px;
  5654.         left: 334px
  5655.     }
  5656. }
  5657.  
  5658. ._right .mp-showroom__line {
  5659.     -webkit-transition: right .3s ease-out .3s;
  5660.     transition: right .3s ease-out .3s;
  5661.     will-change: right
  5662. }
  5663.  
  5664. @media (min-width:960px) {
  5665.     ._right .mp-showroom__line {
  5666.         width: 32px;
  5667.         left: -40px
  5668.     }
  5669. }
  5670.  
  5671. @media (min-width:1200px) {
  5672.     ._right .mp-showroom__line {
  5673.         width: auto;
  5674.         left: -48px;
  5675.         right: calc(100% + 16px)
  5676.     }
  5677. }
  5678.  
  5679. @media (min-width:1380px) {
  5680.     ._right .mp-showroom__line {
  5681.         left: -48px;
  5682.         right: calc(100% + 16px)
  5683.     }
  5684. }
  5685.  
  5686. @media (min-width:1200px) {
  5687.     ._right._animate .mp-showroom__line {
  5688.         right: calc(100% + 48px)
  5689.     }
  5690. }
  5691.  
  5692. .mp-showroom__info-title-text {
  5693.     font-size: 22px;
  5694.     line-height: 26px;
  5695.     font-weight: 500;
  5696.     margin: 0 0 8px;
  5697.     position: relative;
  5698.     display: inline-block;
  5699.     letter-spacing: -.2px
  5700. }
  5701.  
  5702. @media (min-width:1380px) {
  5703.     .mp-showroom__info-title-text {
  5704.         font-size: 26px;
  5705.         line-height: 32px
  5706.     }
  5707. }
  5708.  
  5709. .mp-showroom__info-title-text._green {
  5710.     font-size: 22px;
  5711.     line-height: 26px;
  5712.     letter-spacing: -.4px;
  5713.     font-weight: 400;
  5714.     color: #3eaf5f
  5715. }
  5716.  
  5717. @media (min-width:1380px) {
  5718.     .mp-showroom__info-title-text._green {
  5719.         font-size: 24px;
  5720.         line-height: 32px;
  5721.         letter-spacing: -.4px;
  5722.         color: #3eaf5f
  5723.     }
  5724. }
  5725.  
  5726. .mp-showroom__info-title-inner {
  5727.     -webkit-transition: opacity .2s ease-out .6s;
  5728.     transition: opacity .2s ease-out .6s;
  5729.     opacity: 1
  5730. }
  5731.  
  5732. @media (min-width:1200px) {
  5733.     ._animate .mp-showroom__info-title-inner {
  5734.         opacity: 0
  5735.     }
  5736. }
  5737.  
  5738. .mp-showroom__info-text {
  5739.     font-size: 15px;
  5740.     line-height: 24px;
  5741.     margin: 0;
  5742.     color: #818181;
  5743.     -webkit-transition: opacity .2s ease-out .6s;
  5744.     transition: opacity .2s ease-out .6s;
  5745.     opacity: 1
  5746. }
  5747.  
  5748. @media (min-width:960px) {
  5749.     .mp-showroom__info-text {
  5750.         font-size: 13px;
  5751.         line-height: 20px
  5752.     }
  5753. }
  5754.  
  5755. @media (min-width:1380px) {
  5756.     .mp-showroom__info-text {
  5757.         font-size: 14px;
  5758.         line-height: 22px
  5759.     }
  5760. }
  5761.  
  5762. @media (min-width:1200px) {
  5763.     ._animate .mp-showroom__info-text {
  5764.         opacity: 0
  5765.     }
  5766. }
  5767.  
  5768. .mp-showroom__hedge {
  5769.     display: none
  5770. }
  5771.  
  5772. @media (min-width:1200px) {
  5773.     .mp-showroom__hedge {
  5774.         position: absolute;
  5775.         display: block;
  5776.         width: 44px;
  5777.         height: 44px
  5778.     }
  5779. }
  5780.  
  5781. @media (min-width:1380px) {
  5782.     .mp-showroom__hedge {
  5783.         width: 48px;
  5784.         height: 48px
  5785.     }
  5786. }
  5787.  
  5788. .mp-showroom__hedge circle {
  5789.     -webkit-transition: opacity .3s ease-out;
  5790.     transition: opacity .3s ease-out;
  5791.     will-change: r;
  5792.     opacity: 1
  5793. }
  5794.  
  5795. @media (min-width:1200px) {
  5796.     ._animate .mp-showroom__hedge circle {
  5797.         opacity: 0
  5798.     }
  5799. }
  5800.  
  5801. .mp-showroom__hedge path {
  5802.     -webkit-transition: opacity .3s ease-out;
  5803.     transition: opacity .3s ease-out;
  5804.     opacity: 1
  5805. }
  5806.  
  5807. @media (min-width:1200px) {
  5808.     ._animate .mp-showroom__hedge path {
  5809.         opacity: 0
  5810.     }
  5811. }
  5812.  
  5813. @media (min-width:1200px) {
  5814.     ._top .mp-showroom__hedge {
  5815.         top: 10px
  5816.     }
  5817. }
  5818.  
  5819. @media (min-width:1380px) {
  5820.     ._top .mp-showroom__hedge {
  5821.         top: 16px
  5822.     }
  5823. }
  5824.  
  5825. ._top .mp-showroom__hedge ._bottom,
  5826. ._top .mp-showroom__hedge ._middle {
  5827.     display: none
  5828. }
  5829.  
  5830. @media (min-width:1200px) {
  5831.     ._middle .mp-showroom__hedge {
  5832.         top: -11px
  5833.     }
  5834. }
  5835.  
  5836. @media (min-width:1380px) {
  5837.     ._middle .mp-showroom__hedge {
  5838.         top: -7px
  5839.     }
  5840. }
  5841.  
  5842. ._middle .mp-showroom__hedge ._bottom,
  5843. ._middle .mp-showroom__hedge ._top {
  5844.     display: none
  5845. }
  5846.  
  5847. @media (min-width:1200px) {
  5848.     ._bottom .mp-showroom__hedge {
  5849.         top: -32px
  5850.     }
  5851. }
  5852.  
  5853. @media (min-width:1380px) {
  5854.     ._bottom .mp-showroom__hedge {
  5855.         top: -30px
  5856.     }
  5857. }
  5858.  
  5859. ._bottom .mp-showroom__hedge ._middle,
  5860. ._bottom .mp-showroom__hedge ._top {
  5861.     display: none
  5862. }
  5863.  
  5864. @media (min-width:1200px) {
  5865.     ._left .mp-showroom__hedge {
  5866.         left: 277px
  5867.     }
  5868. }
  5869.  
  5870. @media (min-width:1380px) {
  5871.     ._left .mp-showroom__hedge {
  5872.         left: 334px
  5873.     }
  5874. }
  5875.  
  5876. ._left .mp-showroom__hedge ._right {
  5877.     display: none
  5878. }
  5879.  
  5880. @media (min-width:1200px) {
  5881.     ._right .mp-showroom__hedge {
  5882.         left: -48px;
  5883.         -webkit-transform: translateX(-100%);
  5884.         transform: translateX(-100%)
  5885.     }
  5886. }
  5887.  
  5888. @media (min-width:1380px) {
  5889.     ._right .mp-showroom__hedge {
  5890.         left: -48px;
  5891.         -webkit-transform: translateX(-100%);
  5892.         transform: translateX(-100%)
  5893.     }
  5894. }
  5895.  
  5896. ._right .mp-showroom__hedge ._left {
  5897.     display: none
  5898. }
  5899.  
  5900. .mp-showroom__pic {
  5901.     margin: 0 -16px
  5902. }
  5903.  
  5904. @media (min-width:600px) {
  5905.     .mp-showroom__pic {
  5906.         margin: 0;
  5907.         max-width: 699px
  5908.     }
  5909. }
  5910.  
  5911. @media (min-width:1380px) {
  5912.     .mp-showroom__pic {
  5913.         display: inline-block;
  5914.         vertical-align: top
  5915.     }
  5916. }
  5917.  
  5918. .mp-showroom__pic img {
  5919.     max-width: 100%
  5920. }
  5921.  
  5922. .mp-show-others {
  5923.     display: none
  5924. }
  5925.  
  5926. @media (min-width:600px) {
  5927.     .mp-show-others {
  5928.         display: block;
  5929.         padding-top: 64px
  5930.     }
  5931. }
  5932.  
  5933. .mp-show-others__dropdown {
  5934.     border-bottom: 2px solid #e3e3e3;
  5935.     display: none;
  5936.     position: relative;
  5937.     z-index: 1
  5938. }
  5939.  
  5940. @media (min-width:600px) {
  5941.     .mp-show-others__dropdown-wrapp {
  5942.         display: -webkit-box;
  5943.         display: -ms-flexbox;
  5944.         display: flex;
  5945.         -webkit-box-pack: start;
  5946.         -ms-flex-pack: start;
  5947.         justify-content: flex-start;
  5948.         -webkit-box-align: start;
  5949.         -ms-flex-align: start;
  5950.         align-items: flex-start;
  5951.         -ms-flex-wrap: wrap;
  5952.         flex-wrap: wrap;
  5953.         padding-bottom: 48px
  5954.     }
  5955. }
  5956.  
  5957. @media (min-width:600px) {
  5958.     .mp-show-others__wrapp {
  5959.         padding-bottom: 8px;
  5960.         text-align: center;
  5961.         position: relative;
  5962.         z-index: 2
  5963.     }
  5964. }
  5965.  
  5966. .mp-show-others__link {
  5967.     line-height: 20px;
  5968.     font-size: 15px;
  5969.     color: #212121;
  5970.     text-decoration: none;
  5971.     outline: none;
  5972.     display: inline-block;
  5973.     vertical-align: top;
  5974.     margin-bottom: 8px;
  5975.     -webkit-box-flex: 0;
  5976.     -ms-flex: 0 1 276px;
  5977.     flex: 0 1 276px;
  5978.     margin-right: auto
  5979. }
  5980.  
  5981. @media (min-width:960px) {
  5982.     .mp-show-others__link {
  5983.         -webkit-box-flex: 0;
  5984.         -ms-flex: 0 1 432px;
  5985.         flex: 0 1 432px
  5986.     }
  5987. }
  5988.  
  5989. @media (min-width:1200px) {
  5990.     .mp-show-others__link {
  5991.         -webkit-box-flex: 0;
  5992.         -ms-flex: 0 1 270px;
  5993.         flex: 0 1 270px;
  5994.         margin-right: 20px
  5995.     }
  5996.     .mp-show-others__link:hover {
  5997.         -webkit-text-decoration-line: underline;
  5998.         text-decoration-line: underline;
  5999.         color: #0169d9
  6000.     }
  6001. }
  6002.  
  6003. @media (min-width:1380px) {
  6004.     .mp-show-others__link {
  6005.         -webkit-box-flex: 0;
  6006.         -ms-flex: 0 1 298px;
  6007.         flex: 0 1 298px;
  6008.         margin-right: 32px
  6009.     }
  6010. }
  6011.  
  6012. @media (min-width:600px) {
  6013.     .mp-show-others__link:nth-child(2n) {
  6014.         margin-right: 0
  6015.     }
  6016. }
  6017.  
  6018. @media (min-width:1200px) {
  6019.     .mp-show-others__link:nth-child(4n) {
  6020.         margin-right: 0
  6021.     }
  6022. }
  6023.  
  6024. .mp-show-others__link._current {
  6025.     color: #10a03b;
  6026.     font-weight: 500;
  6027.     cursor: default
  6028. }
  6029.  
  6030. @media (min-width:1200px) {
  6031.     .mp-show-others__link._current:hover {
  6032.         color: #10a03b;
  6033.         text-decoration: none
  6034.     }
  6035. }
  6036.  
  6037. .mp-show-others__btn {
  6038.     -webkit-transform: translateY(-50%);
  6039.     transform: translateY(-50%)
  6040. }
  6041.  
  6042.  
  6043. /*id1552 start*/
  6044.  
  6045. .mp-showroom__info-title-text.dark_title,
  6046. .mp-showroom__subtitle.dark_title,
  6047. .mp-showroom__title.dark_title {
  6048.     color: #000
  6049. }
  6050.  
  6051. .mp-showroom__info-title-text.light_title,
  6052. .mp-showroom__subtitle.light_title,
  6053. .mp-showroom__title.light_title {
  6054.     color: #fff
  6055. }
  6056.  
  6057. .hide-block {
  6058.     display: none
  6059. }
  6060.  
  6061. iframe,
  6062. video {
  6063.     max-width: 100%
  6064. }
  6065.  
  6066. .mp-showroom__info-text.dark_title {
  6067.     color: rgba(0, 0, 0, 0.5)
  6068. }
  6069.  
  6070. .mp-showroom__info-text.light_title {
  6071.     color: #fff
  6072. }
  6073.  
  6074. .mp-showroom__title {
  6075.     font-weight: 700;
  6076.     color: #000;
  6077.     font-family: Fira Sans, sans-serif;
  6078.     font-weight: bold
  6079. }
  6080.  
  6081. .mp-showroom__title.has_subtitle {
  6082.     padding-bottom: 0
  6083. }
  6084.  
  6085. .mp-showroom__subtitle {
  6086.     font-size: 22px;
  6087.     font-family: Fira Sans, sans-serif;
  6088.     color: #5a5a5a;
  6089.     text-align: center
  6090. }
  6091.  
  6092. .mp-showroom__subtitle.bottom_title {
  6093.     padding-top: 40px;
  6094.     padding-bottom: 50px
  6095. }
  6096.  
  6097. .mp-showroom__subtitle.top_title {
  6098.     padding-top: 10px;
  6099.     padding-bottom: 40px
  6100. }
  6101.  
  6102. .empty_title {
  6103.     font-size: 0
  6104. }
  6105.  
  6106. @media (min-width: 960px) {
  6107.     .empty_title .mp-showroom__line {
  6108.         left: -40px
  6109.     }
  6110. }
  6111.  
  6112. @media (min-width: 1200px) {
  6113.     .empty_title .mp-showroom__line {
  6114.         left: 230px
  6115.     }
  6116. }
  6117.  
  6118. @media (min-width: 1300px) {
  6119.     .empty_title .mp-showroom__line {
  6120.         left: 290px
  6121.     }
  6122. }
  6123.  
  6124. .cd-btn {
  6125.     display: -webkit-inline-box;
  6126.     display: -ms-inline-flexbox;
  6127.     display: inline-flex;
  6128.     vertical-align: top;
  6129.     -webkit-box-pack: center;
  6130.     -ms-flex-pack: center;
  6131.     justify-content: center;
  6132.     -webkit-box-align: center;
  6133.     -ms-flex-align: center;
  6134.     align-items: center;
  6135.     outline: 0;
  6136.     text-decoration: none;
  6137.     color: #fff;
  6138.     font-family: 'Fira Sans', sans-serif;
  6139.     font-size: 15px;
  6140.     font-weight: 500;
  6141.     line-height: 24px;
  6142.     letter-spacing: -.19px;
  6143.     padding: 8px 24px;
  6144.     border: none;
  6145.     -webkit-box-shadow: 0 6px 4px -4px #acd6a2, inset 0 0 0 2px #10a03b;
  6146.     box-shadow: 0 6px 4px -4px #acd6a2, inset 0 0 0 2px #10a03b;
  6147.     border-radius: 24px;
  6148.     background-color: #1eb34b;
  6149.     -webkit-transition: background-color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
  6150.     transition: background-color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
  6151.     transition: box-shadow .2s ease-in-out, background-color .2s ease-in-out;
  6152.     transition: box-shadow .2s ease-in-out, background-color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
  6153.     cursor: pointer;
  6154.     -webkit-appearance: none
  6155. }
  6156.  
  6157. .mp-showroom-btn {
  6158.     margin: 56px 0
  6159. }
  6160.  
  6161. .mp-showroom-btn__wrapp {
  6162.     text-align: center
  6163. }
  6164.  
  6165. @media (min-width: 960px) {
  6166.     .mp-showroom-btn__inner {
  6167.         max-width: 699px
  6168.     }
  6169. }
  6170.  
  6171. @media (min-width: 1200px) {
  6172.     .mp-showroom-btn__inner {
  6173.         max-width: none
  6174.     }
  6175. }
  6176.  
  6177. .mp-showroom-btn__title {
  6178.     text-align: center;
  6179.     font-size: 20px;
  6180.     font-weight: 300;
  6181.     line-height: 24px;
  6182.     letter-spacing: -.8px;
  6183.     color: #5a5a5a;
  6184.     margin: 0 0 24px
  6185. }
  6186.  
  6187. @media (min-width: 600px) {
  6188.     .mp-showroom-btn__title {
  6189.         font-size: 22px;
  6190.         line-height: 32px
  6191.     }
  6192. }
  6193.  
  6194. @media (min-width: 960px) {
  6195.     .mp-showroom-btn__title {
  6196.         margin-bottom: 16px
  6197.     }
  6198. }
  6199.  
  6200. @media (min-width: 1380px) {
  6201.     .mp-showroom-btn__title {
  6202.         margin-bottom: 24px
  6203.     }
  6204. }
  6205.  
  6206. .mp-showroom-btn__layout {
  6207.     display: flex;
  6208.     flex-direction: column;
  6209.     align-items: center
  6210. }
  6211.  
  6212. @media (min-width: 600px) {
  6213.     .mp-showroom-btn__layout {
  6214.         flex-direction: row;
  6215.         justify-content: center
  6216.     }
  6217. }
  6218.  
  6219. .mp-showroom-btn__btn~.cd-btn {
  6220.     margin-top: 16px
  6221. }
  6222.  
  6223. @media (min-width: 600px) {
  6224.     .mp-showroom-btn__btn~.cd-btn {
  6225.         margin-top: 0;
  6226.         margin-left: 16px
  6227.     }
  6228. }
  6229.  
  6230. .mp-showroom-popup {
  6231.     display: none;
  6232.     width: 100%;
  6233.     max-width: 288px;
  6234.     border-radius: 8px;
  6235.     position: absolute;
  6236.     top: 40px;
  6237.     left: 50%;
  6238.     transform: translateX(-50%);
  6239.     z-index: 6;
  6240.     box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.502);
  6241.     background-color: #fff;
  6242.     box-sizing: border-box;
  6243.     padding: 56px 24px 48px
  6244. }
  6245.  
  6246. @media (min-width: 600px) {
  6247.     .mp-showroom-popup {
  6248.         max-width: 432px;
  6249.         border-radius: 10px;
  6250.         padding: 32px 32px 48px
  6251.     }
  6252. }
  6253.  
  6254. .mp-showroom-popup__close {
  6255.     position: absolute;
  6256.     padding: 7px;
  6257.     border-radius: 50%;
  6258.     width: 40px;
  6259.     height: 40px;
  6260.     top: 16px;
  6261.     right: 16px
  6262. }
  6263.  
  6264. @media (min-width: 600px) {
  6265.     .mp-showroom-popup__close {
  6266.         width: 48px;
  6267.         height: 48px
  6268.     }
  6269. }
  6270.  
  6271. .mp-showroom-popup__close svg {
  6272.     width: 26px;
  6273.     height: 26px
  6274. }
  6275.  
  6276. @media (min-width: 600px) {
  6277.     .mp-showroom-popup__close svg {
  6278.         width: 32px;
  6279.         height: 32px
  6280.     }
  6281. }
  6282.  
  6283. .mp-showroom-popup__title {
  6284.     font-size: 26px;
  6285.     font-weight: 500;
  6286.     line-height: 32px;
  6287.     letter-spacing: -.2px;
  6288.     margin: 0 0 16px
  6289. }
  6290.  
  6291. @media (min-width: 600px) {
  6292.     .mp-showroom-popup__title {
  6293.         font-size: 28px;
  6294.         margin-bottom: 40px
  6295.     }
  6296. }
  6297.  
  6298. .mp-showroom-popup__text {
  6299.     font-size: 16px;
  6300.     line-height: 24px;
  6301.     letter-spacing: -.4px;
  6302.     margin: 0 0 24px
  6303. }
  6304.  
  6305. @media (min-width: 600px) {
  6306.     .mp-showroom-popup__text {
  6307.         margin-bottom: 32px
  6308.     }
  6309. }
  6310.  
  6311. .mp-showroom-popup__privacy {
  6312.     font-size: 14px;
  6313.     line-height: 24px;
  6314.     text-align: center;
  6315.     color: #828282;
  6316.     margin: 24px 0 0
  6317. }
  6318.  
  6319. .mp-showroom-popup__privacy a,
  6320. .mp-showroom-popup__privacy a:visited {
  6321.     outline: none;
  6322.     color: inherit;
  6323.     cursor: pointer
  6324. }
  6325.  
  6326. @media (min-width: 1200px) {
  6327.     .mp-showroom-popup__privacy a:hover,
  6328.     .mp-showroom-popup__privacy a:visited:hover {
  6329.         text-decoration: none
  6330.     }
  6331. }
  6332.  
  6333. .mp-showroom-popup__btn-wr {
  6334.     text-align: center;
  6335.     padding-top: 32px
  6336. }
  6337.  
  6338. .cd-btn._large {
  6339.     padding: 12px 23px;
  6340.     font-size: 16px;
  6341.     font-weight: 700;
  6342.     letter-spacing: -.2px
  6343. }
  6344.  
  6345. @media (min-width: 1380px) {
  6346.     .cd-btn._large {
  6347.         padding: 16px 46px;
  6348.         font-size: 20px
  6349.     }
  6350. }
  6351.  
  6352. @media (min-width: 960px) {
  6353.     .cd-btn._large {
  6354.         padding: 16px 40px;
  6355.         border-radius: 28px;
  6356.         font-size: 20px
  6357.     }
  6358. }
  6359.  
  6360. @media (min-width: 1200px) {
  6361.     .cd-btn:hover {
  6362.         -webkit-box-shadow: 0 5px 3px -3px #acd6a2, inset 0 0 0 2px #3cae5e;
  6363.         box-shadow: 0 5px 3px -3px #acd6a2, inset 0 0 0 2px #3cae5e;
  6364.         background-color: #51c568
  6365.     }
  6366. }
  6367.  
  6368. .mp-show-header__btn {
  6369.     margin: 4px 0
  6370. }
  6371.  
  6372. @media (min-width: 600px) {
  6373.     .mp-show-header__btn {
  6374.         margin: 0 8px
  6375.     }
  6376. }
  6377.  
  6378. @media (min-width: 960px) {
  6379.     .mp-show-header__btn {
  6380.         margin: 4px 0
  6381.     }
  6382. }
  6383.  
  6384. @media (min-width: 1200px) {
  6385.     .mp-show-header__btn {
  6386.         margin: 0 12px
  6387.     }
  6388. }
  6389.  
  6390. @media (min-width: 960px) {
  6391.     .cd-btn {
  6392.         font-size: 16px;
  6393.         font-weight: 700;
  6394.         letter-spacing: -.2px;
  6395.         padding: 12px 32px
  6396.     }
  6397. }
  6398.  
  6399. @media (min-width: 1380px) {
  6400.     .cd-btn {
  6401.         padding: 12px 40px
  6402.     }
  6403. }
  6404.  
  6405. .cd-btn._secondary {
  6406.     -webkit-box-shadow: 0 6px 4px -4px rgba(176, 176, 176, 0.27), inset 0 0 0 2px #dfdfdf;
  6407.     box-shadow: 0 6px 4px -4px rgba(176, 176, 176, 0.27), inset 0 0 0 2px #dfdfdf;
  6408.     background-color: #fafaf9;
  6409.     color: #0169d9;
  6410.     font-weight: 500
  6411. }
  6412.  
  6413.  
  6414. /*id1552 end*/
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!