Advertisement
Konark

Untitled

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