Advertisement
Guest User

Untitled

a guest
Apr 29th, 2022
171
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 204.48 KB | None | 0 0
  1. @keyframes a {
  2.   0% {
  3.     transform: rotate(0deg);
  4.   }
  5.   to {
  6.     transform: rotate(1turn);
  7.   }
  8. }
  9. body,
  10. html {
  11.   height: 100%;
  12. }
  13. body {
  14.   font-family: Roboto, "sans-serif";
  15.   font-size: 16px;
  16.   font-weight: 400;
  17.   line-height: 1.5;
  18.   background: #fff;
  19.   color: #3d464d;
  20.   text-align: left;
  21.   -webkit-backface-visibility: hidden;
  22.   backface-visibility: hidden;
  23.   overflow-y: scroll;
  24. }
  25. a,
  26. a:hover {
  27.   color: #1a66ff;
  28. }
  29. a:hover {
  30.   text-decoration: none;
  31. }
  32. label {
  33.   margin-bottom: 0.25rem;
  34. }
  35. h1 {
  36.   font-size: 36px;
  37. }
  38. h1,
  39. h2 {
  40.   font-weight: 700;
  41. }
  42. h2 {
  43.   font-size: 32px;
  44. }
  45. h3 {
  46.   font-size: 28px;
  47. }
  48. h3,
  49. h4 {
  50.   font-weight: 700;
  51. }
  52. h4 {
  53.   font-size: 24px;
  54. }
  55. h5 {
  56.   font-size: 20px;
  57. }
  58. h5,
  59. h6 {
  60.   font-weight: 700;
  61. }
  62. h6 {
  63.   font-size: 16px;
  64. }
  65. .document {
  66.   border: 2px solid #f0f0f0;
  67.   border-radius: 2px;
  68.   padding: 85px 200px 120px;
  69. }
  70. .document__header {
  71.   text-align: center;
  72.   margin-bottom: 80px;
  73. }
  74. .document__subtitle {
  75.   margin-top: 12px;
  76.   font-size: 14px;
  77.   line-height: 22px;
  78.   color: #999;
  79. }
  80. @media (max-width: 1199px) {
  81.   .document {
  82.     padding: 75px 110px 110px;
  83.   }
  84.   .document__header {
  85.     margin-bottom: 60px;
  86.   }
  87. }
  88. @media (max-width: 991px) {
  89.   .document {
  90.     padding: 45px 35px 90px;
  91.   }
  92.   .document__header {
  93.     margin-bottom: 40px;
  94.   }
  95. }
  96. @media (max-width: 767px) {
  97.   .document {
  98.     padding: 35px 30px 80px;
  99.   }
  100.   .document__header {
  101.     margin-bottom: 30px;
  102.   }
  103.   .document__subtitle {
  104.     margin-top: 6px;
  105.   }
  106. }
  107. @media (max-width: 575px) {
  108.   .document {
  109.     padding: 26px 20px 40px;
  110.   }
  111.   .document__header {
  112.     text-align: left;
  113.   }
  114. }
  115. .fake-svg-icon {
  116.   font-family: stroyka !important;
  117.   speak: none;
  118.   font-style: normal;
  119.   font-weight: 400;
  120.   font-variant: normal;
  121.   text-transform: none;
  122.   line-height: 1;
  123.   -webkit-font-smoothing: antialiased;
  124.   -moz-osx-font-smoothing: grayscale;
  125.   display: none;
  126.   vertical-align: top;
  127. }
  128. .fake-svg-icon--wishlist-16 {
  129.   width: 16px;
  130.   height: 16px;
  131.   font-size: 16px;
  132. }
  133. .fake-svg-icon--wishlist-16:before {
  134.   content: "\e904";
  135. }
  136. .fake-svg-icon--compare-16 {
  137.   width: 16px;
  138.   height: 16px;
  139.   font-size: 16px;
  140. }
  141. .fake-svg-icon--compare-16:before {
  142.   content: "\e901";
  143. }
  144. .page-header__container {
  145.   padding-bottom: 32px;
  146. }
  147. .page-header__breadcrumb {
  148.   padding-top: 16px;
  149. }
  150. .page-header__title {
  151.   padding-top: 12px;
  152. }
  153. .site {
  154.   min-height: 100%;
  155.   display: -ms-flexbox;
  156.   display: flex;
  157.   -ms-flex-direction: column;
  158.   flex-direction: column;
  159. }
  160. .site__header {
  161.   -ms-flex-negative: 0;
  162.   flex-shrink: 0;
  163. }
  164. .site__body {
  165.   -ms-flex-positive: 1;
  166.   flex-grow: 1;
  167. }
  168. .site__footer {
  169.   -ms-flex-negative: 0;
  170.   flex-shrink: 0;
  171. }
  172. .alert {
  173.   border: none;
  174.   border-radius: 2px;
  175.   font-size: 15px;
  176.   line-height: 20px;
  177.   padding: 0.75rem 1rem;
  178. }
  179. .alert a {
  180.   box-decoration-break: clone;
  181.   -webkit-box-decoration-break: clone;
  182.   color: currentColor;
  183.   background: hsla(0, 0%, 100%, 0.5);
  184.   border-radius: 1.5px;
  185.   padding: 0 3px;
  186. }
  187. .alert a:hover {
  188.   background: hsla(0, 0%, 100%, 0.85);
  189. }
  190. .alert a:active {
  191.   background: hsla(0, 0%, 100%, 0.5);
  192. }
  193. .alert-primary {
  194.   background: #b2d9ff;
  195.   color: #36414d;
  196. }
  197. .alert-secondary {
  198.   background: #d9d9d9;
  199.   color: #4d4d4d;
  200. }
  201. .alert-info {
  202.   background: #b8e2e5;
  203.   color: #2d3e40;
  204. }
  205. .alert-success {
  206.   background: #bde5a1;
  207.   color: #34402d;
  208. }
  209. .alert-danger {
  210.   background: #ffb8b8;
  211.   color: #473333;
  212. }
  213. .alert-warning {
  214.   background: #f2e291;
  215.   color: #4d472e;
  216. }
  217. .alert-lg {
  218.   font-size: 16px;
  219.   padding: 1.125rem 1.375rem;
  220. }
  221. .alert-dismissible {
  222.   padding-right: 3rem;
  223. }
  224. .alert-dismissible .close {
  225.   opacity: 1;
  226.   display: -ms-flexbox;
  227.   display: flex;
  228.   -ms-flex-align: center;
  229.   align-items: center;
  230.   -ms-flex-pack: center;
  231.   justify-content: center;
  232.   padding: 0 1rem;
  233.   height: 100%;
  234.   transition: all 0.2s;
  235.   fill: rgba(0, 0, 0, 0.3);
  236.   border-radius: 0 1.5px 1.5px 0;
  237.   background: transparent;
  238. }
  239. .alert-dismissible .close:focus {
  240.   outline: none;
  241. }
  242. .alert-dismissible .close:not(:disabled):not(.disabled):focus,
  243. .alert-dismissible .close:not(:disabled):not(.disabled):hover {
  244.   background: rgba(0, 0, 0, 0.08);
  245.   fill: rgba(0, 0, 0, 0.5);
  246.   opacity: 1;
  247. }
  248. .badge {
  249.   border-radius: 1.5px;
  250.   font-weight: 500;
  251.   padding: 0.25em 0.5em;
  252. }
  253. .block-header {
  254.   display: -ms-flexbox;
  255.   display: flex;
  256.   -ms-flex-align: center;
  257.   align-items: center;
  258.   margin-bottom: 24px;
  259. }
  260. .block-header__title {
  261.   margin-bottom: 0;
  262.   font-size: 20px;
  263. }
  264. .block-header__divider {
  265.   -ms-flex-positive: 1;
  266.   flex-grow: 1;
  267.   height: 2px;
  268.   background: #ebebeb;
  269. }
  270. .block-header__groups-list {
  271.   display: -ms-flexbox;
  272.   display: flex;
  273.   list-style: none;
  274.   margin: 0;
  275.   padding: 0;
  276.   font-size: 14px;
  277.   font-weight: 500;
  278.   white-space: nowrap;
  279. }
  280. .block-header__groups-list li + li {
  281.   margin-left: 3px;
  282. }
  283. .block-header__group {
  284.   background: transparent;
  285.   border: none;
  286.   font-family: inherit;
  287.   font-size: inherit;
  288.   font-weight: inherit;
  289.   cursor: pointer;
  290.   display: block;
  291.   color: inherit;
  292.   padding: 2px 11px 1px;
  293.   border-radius: 12px;
  294.   box-shadow: none;
  295. }
  296. .block-header__group:focus {
  297.   outline: none;
  298. }
  299. .block-header__group:focus,
  300. .block-header__group:hover {
  301.   box-shadow: inset 0 0 0 2px #ebebeb;
  302.   color: inherit;
  303. }
  304. .block-header__group--active,
  305. .block-header__group--active:focus,
  306. .block-header__group--active:hover {
  307.   cursor: default;
  308.   box-shadow: inset 0 0 0 2px #ffd333;
  309. }
  310. .block-header__arrow,
  311. .block-header__arrows-list {
  312.   display: -ms-flexbox;
  313.   display: flex;
  314. }
  315. .block-header__arrow {
  316.   width: 27px;
  317.   height: 29px;
  318.   padding: 0;
  319.   margin: 0;
  320.   border: none;
  321.   -ms-flex-align: center;
  322.   align-items: center;
  323.   -ms-flex-pack: center;
  324.   justify-content: center;
  325.   cursor: pointer;
  326.   fill: #999;
  327.   border-radius: 1.5px;
  328.   background: #f2f2f2;
  329.   transition: all 0.15s;
  330. }
  331. .block-header__arrow:focus {
  332.   outline: none;
  333. }
  334. .block-header__arrow:focus,
  335. .block-header__arrow:hover {
  336.   background: #ffd333;
  337.   fill: #3d464d;
  338. }
  339. .block-header__arrow:active {
  340.   transition-duration: 0s;
  341.   background: #ffdc5c;
  342.   fill: #3d464d;
  343. }
  344. .block-header__arrow + .block-header__arrow {
  345.   margin-left: 3px;
  346. }
  347. .block-header__arrow--left svg {
  348.   position: relative;
  349.   left: -1px;
  350. }
  351. .block-header__arrow--right svg {
  352.   position: relative;
  353.   left: 1px;
  354. }
  355. .block-header__title + .block-header__divider {
  356.   margin-left: 16px;
  357. }
  358. .block-header__divider + .block-header__groups-list {
  359.   margin-left: 12px;
  360. }
  361. .block-header__groups-list + .block-header__arrows-list {
  362.   margin-left: 10px;
  363. }
  364. .block-header__divider + .block-header__arrows-list {
  365.   margin-left: 16px;
  366. }
  367. @media (max-width: 767px) {
  368.   .block-header {
  369.     display: -ms-flexbox;
  370.     display: flex;
  371.     -ms-flex-wrap: wrap;
  372.     flex-wrap: wrap;
  373.   }
  374.   .block-header__groups-list {
  375.     padding: 8px 0;
  376.     margin-top: 8px;
  377.     margin-bottom: -8px;
  378.     -ms-flex-order: 100;
  379.     order: 100;
  380.     overflow-x: auto;
  381.     -webkit-overflow-scrolling: touch;
  382.   }
  383.   .block-header__divider + .block-header__groups-list {
  384.     margin-left: auto;
  385.     margin-right: auto;
  386.   }
  387.   .block-header__divider
  388.     + .block-header__groups-list
  389.     + .block-header__arrows-list {
  390.     margin-left: 16px;
  391.   }
  392. }
  393. .breadcrumb {
  394.   background: transparent;
  395.   padding: 0;
  396.   font-size: 14px;
  397.   line-height: 20px;
  398.   margin-bottom: 0;
  399. }
  400. .breadcrumb-item {
  401.   position: relative;
  402.   padding-right: 30px;
  403. }
  404. .breadcrumb-item a {
  405.   color: inherit;
  406.   transition: color 0.15s;
  407. }
  408. .breadcrumb-item a:hover {
  409.   color: #1a66ff;
  410. }
  411. .breadcrumb-item + .breadcrumb-item {
  412.   padding-left: 0;
  413. }
  414. .breadcrumb-item + .breadcrumb-item:before {
  415.   display: none;
  416. }
  417. .breadcrumb-item.active {
  418.   color: #999;
  419. }
  420. .breadcrumb-arrow {
  421.   fill: #d1d1d1;
  422.   position: absolute;
  423.   right: 11px;
  424.   top: 5px;
  425. }
  426. .btn {
  427.   border-radius: 2px;
  428.   transition: all 0.1s ease-in-out;
  429.   font-size: 1rem;
  430.   height: calc(2.25rem + 2px);
  431.   line-height: 1.5;
  432.   padding: 0.375rem 1.25rem;
  433.   font-weight: 500;
  434. }
  435. .btn.btn-svg-icon {
  436.   width: calc(2.25rem + 2px);
  437. }
  438. .btn-lg {
  439.   font-size: 1.125rem;
  440.   height: calc(2.75rem + 2px);
  441.   padding: 0.8125rem 2rem;
  442.   line-height: 1;
  443.   font-weight: 500;
  444. }
  445. .btn-lg.btn-svg-icon {
  446.   width: calc(2.75rem + 2px);
  447. }
  448. .btn-xl {
  449.   font-size: 1.375rem;
  450.   height: calc(3.625rem + 2px);
  451.   padding: 1.125rem 3rem;
  452.   line-height: 1;
  453.   font-weight: 500;
  454. }
  455. .btn-xl.btn-svg-icon {
  456.   width: calc(3.625rem + 2px);
  457. }
  458. .btn-sm {
  459.   font-size: 0.875rem;
  460.   height: calc(1.875rem + 2px);
  461.   line-height: 1.25;
  462.   padding: 0.375rem 1rem;
  463.   font-weight: 500;
  464. }
  465. .btn-sm.btn-svg-icon {
  466.   width: calc(1.875rem + 2px);
  467. }
  468. .btn-xs {
  469.   font-size: 0.8125rem;
  470.   height: calc(1.5rem + 2px);
  471.   line-height: 1.25;
  472.   padding: 0.25rem 0.5625rem;
  473.   font-weight: 500;
  474. }
  475. .btn-xs.btn-svg-icon {
  476.   width: calc(1.5rem + 2px);
  477. }
  478. .btn-svg-icon {
  479.   padding: 0;
  480.   position: relative;
  481. }
  482. .btn-svg-icon svg {
  483.   position: absolute;
  484.   left: 50%;
  485.   top: 50%;
  486.   transform: translate(-50%, -50%);
  487. }
  488. .btn-svg-icon--fake-svg .fake-svg-icon {
  489.   transition: all 0.1s ease-in-out;
  490.   display: none;
  491. }
  492. @supports (-ms-ime-align: auto) {
  493.   .btn-svg-icon--fake-svg svg {
  494.     display: none;
  495.   }
  496.   .btn-svg-icon--fake-svg .fake-svg-icon {
  497.     position: absolute;
  498.     left: 50%;
  499.     top: 50%;
  500.     transform: translate(-50%, -50%);
  501.     display: block;
  502.     -ms-flex-align: center;
  503.     align-items: center;
  504.     -ms-flex-pack: center;
  505.     justify-content: center;
  506.   }
  507. }
  508. .btn-primary.focus,
  509. .btn-primary:focus,
  510. .btn-primary:hover {
  511.   border-color: #3d464d;
  512.   background: #3d464d;
  513.   color: #fff;
  514.   fill: #fff;
  515. }
  516. .btn-primary.focus .fake-svg-icon,
  517. .btn-primary:focus .fake-svg-icon,
  518. .btn-primary:hover .fake-svg-icon {
  519.   color: #fff;
  520. }
  521. .btn-primary.focus,
  522. .btn-primary:focus {
  523.   box-shadow: none;
  524. }
  525. .btn-primary:not(:disabled):not(.disabled).active,
  526. .btn-primary:not(:disabled):not(.disabled):active {
  527.   border-color: #546069;
  528.   background: #546069;
  529.   color: #fff;
  530.   fill: #fff;
  531. }
  532. .btn-primary:not(:disabled):not(.disabled).active .fake-svg-icon,
  533. .btn-primary:not(:disabled):not(.disabled):active .fake-svg-icon {
  534.   color: #fff;
  535. }
  536. .btn-primary:not(:disabled):not(.disabled).active:focus,
  537. .btn-primary:not(:disabled):not(.disabled):active:focus {
  538.   box-shadow: none;
  539. }
  540. .btn-primary,
  541. .btn-primary.disabled,
  542. .btn-primary:disabled {
  543.   border-color: #ffd333;
  544.   background: #ffd333;
  545.   color: #3d464d;
  546.   fill: #3d464d;
  547. }
  548. .btn-primary.disabled .fake-svg-icon,
  549. .btn-primary .fake-svg-icon,
  550. .btn-primary:disabled .fake-svg-icon {
  551.   color: #3d464d;
  552. }
  553. .btn-primary.btn-loading:not(:disabled):not(.disabled),
  554. .btn-primary.btn-loading:not(:disabled):not(.disabled).active,
  555. .btn-primary.btn-loading:not(:disabled):not(.disabled):active {
  556.   cursor: default;
  557.   border-color: #ffd333;
  558.   background: #ffd333;
  559. }
  560. .btn-secondary.focus,
  561. .btn-secondary:focus,
  562. .btn-secondary:hover {
  563.   border-color: #3d464d;
  564.   background: #3d464d;
  565.   color: #fff;
  566.   fill: #fff;
  567. }
  568. .btn-secondary.focus .fake-svg-icon,
  569. .btn-secondary:focus .fake-svg-icon,
  570. .btn-secondary:hover .fake-svg-icon {
  571.   color: #fff;
  572. }
  573. .btn-secondary.focus,
  574. .btn-secondary:focus {
  575.   box-shadow: none;
  576. }
  577. .btn-secondary:not(:disabled):not(.disabled).active,
  578. .btn-secondary:not(:disabled):not(.disabled):active {
  579.   border-color: #546069;
  580.   background: #546069;
  581.   color: #fff;
  582.   fill: #fff;
  583. }
  584. .btn-secondary:not(:disabled):not(.disabled).active .fake-svg-icon,
  585. .btn-secondary:not(:disabled):not(.disabled):active .fake-svg-icon {
  586.   color: #fff;
  587. }
  588. .btn-secondary:not(:disabled):not(.disabled).active:focus,
  589. .btn-secondary:not(:disabled):not(.disabled):active:focus {
  590.   box-shadow: none;
  591. }
  592. .btn-secondary,
  593. .btn-secondary.disabled,
  594. .btn-secondary:disabled {
  595.   border-color: #f0f0f0;
  596.   background: #f0f0f0;
  597.   color: #3d464d;
  598.   fill: #3d464d;
  599. }
  600. .btn-secondary.disabled .fake-svg-icon,
  601. .btn-secondary .fake-svg-icon,
  602. .btn-secondary:disabled .fake-svg-icon {
  603.   color: #3d464d;
  604. }
  605. .btn-secondary.btn-loading:not(:disabled):not(.disabled),
  606. .btn-secondary.btn-loading:not(:disabled):not(.disabled).active,
  607. .btn-secondary.btn-loading:not(:disabled):not(.disabled):active {
  608.   cursor: default;
  609.   border-color: #f0f0f0;
  610.   background: #f0f0f0;
  611. }
  612. .btn-light.focus,
  613. .btn-light:focus,
  614. .btn-light:hover {
  615.   border-color: #f0f0f0;
  616.   background: #f0f0f0;
  617.   color: #3d464d;
  618.   fill: #3d464d;
  619. }
  620. .btn-light.focus .fake-svg-icon,
  621. .btn-light:focus .fake-svg-icon,
  622. .btn-light:hover .fake-svg-icon {
  623.   color: #3d464d;
  624. }
  625. .btn-light.focus,
  626. .btn-light:focus {
  627.   box-shadow: none;
  628. }
  629. .btn-light:not(:disabled):not(.disabled).active,
  630. .btn-light:not(:disabled):not(.disabled):active {
  631.   border-color: #e5e5e5;
  632.   background: #e5e5e5;
  633.   color: #3d464d;
  634.   fill: #3d464d;
  635. }
  636. .btn-light:not(:disabled):not(.disabled).active .fake-svg-icon,
  637. .btn-light:not(:disabled):not(.disabled):active .fake-svg-icon {
  638.   color: #3d464d;
  639. }
  640. .btn-light:not(:disabled):not(.disabled).active:focus,
  641. .btn-light:not(:disabled):not(.disabled):active:focus {
  642.   box-shadow: none;
  643. }
  644. .btn-light,
  645. .btn-light.disabled,
  646. .btn-light:disabled {
  647.   border-color: transparent;
  648.   background: transparent;
  649.   color: #3d464d;
  650.   fill: #ccc;
  651. }
  652. .btn-light.disabled .fake-svg-icon,
  653. .btn-light .fake-svg-icon,
  654. .btn-light:disabled .fake-svg-icon {
  655.   color: #ccc;
  656. }
  657. .btn-light.btn-loading:not(:disabled):not(.disabled),
  658. .btn-light.btn-loading:not(:disabled):not(.disabled).active,
  659. .btn-light.btn-loading:not(:disabled):not(.disabled):active {
  660.   cursor: default;
  661.   border-color: transparent;
  662.   background: transparent;
  663. }
  664. .btn-loading {
  665.   position: relative;
  666. }
  667. .btn-loading,
  668. .btn-loading.disabled,
  669. .btn-loading.focus,
  670. .btn-loading:disabled,
  671. .btn-loading:focus,
  672. .btn-loading:hover,
  673. .btn-loading:not(:disabled):not(.disabled).active,
  674. .btn-loading:not(:disabled):not(.disabled):active {
  675.   color: transparent;
  676.   fill: transparent;
  677. }
  678. .btn-loading:after {
  679.   display: block;
  680.   content: "";
  681.   position: absolute;
  682.   border: 2px solid rgba(0, 0, 0, 0.1);
  683.   border-top-color: rgba(0, 0, 0, 0.5);
  684.   transition: border-color 0.1s;
  685.   animation-name: a;
  686.   animation-duration: 0.5s;
  687.   animation-timing-function: linear;
  688.   animation-iteration-count: infinite;
  689.   left: calc(50% - 11px);
  690.   top: calc(50% - 11px);
  691.   width: 22px;
  692.   height: 22px;
  693.   border-radius: 11px;
  694. }
  695. .btn-loading.btn-xl:after {
  696.   left: calc(50% - 21px);
  697.   top: calc(50% - 21px);
  698.   width: 42px;
  699.   height: 42px;
  700.   border-radius: 21px;
  701. }
  702. .btn-loading.btn-lg:after {
  703.   left: calc(50% - 14px);
  704.   top: calc(50% - 14px);
  705.   width: 28px;
  706.   height: 28px;
  707.   border-radius: 14px;
  708. }
  709. .btn-loading.btn-sm:after {
  710.   left: calc(50% - 8px);
  711.   top: calc(50% - 8px);
  712.   width: 16px;
  713.   height: 16px;
  714.   border-radius: 8px;
  715. }
  716. .btn-loading.btn-xs:after {
  717.   left: calc(50% - 7px);
  718.   top: calc(50% - 7px);
  719.   width: 14px;
  720.   height: 14px;
  721.   border-radius: 7px;
  722. }
  723. .card {
  724.   border: 2px solid #f0f0f0;
  725.   border-radius: 2px;
  726. }
  727. .card-body {
  728.   padding: 2rem;
  729. }
  730. .card-title {
  731.   margin-bottom: 1.75rem;
  732. }
  733. .card-divider {
  734.   height: 2px;
  735.   background: #f0f0f0;
  736. }
  737. .form-group {
  738.   margin-bottom: 1.5rem;
  739. }
  740. .form-check {
  741.   padding-left: 1.5rem;
  742. }
  743. .form-check-input {
  744.   position: absolute;
  745.   margin-top: 0.1875rem;
  746.   margin-left: -1.5rem;
  747. }
  748. .form-control {
  749.   border-radius: 2px;
  750.   line-height: 1.25;
  751. }
  752. .form-control-sm {
  753.   height: calc(1.875rem + 2px);
  754.   line-height: 1.25;
  755.   padding: 0.3125rem 0.5rem;
  756. }
  757. .form-control-lg {
  758.   height: calc(2.75rem + 2px);
  759.   line-height: 1.25;
  760. }
  761. .form-control.is-invalid,
  762. .form-control.is-valid,
  763. .form-control:invalid,
  764. .form-control:valid {
  765.   background-image: none;
  766. }
  767. select.form-control {
  768.   -webkit-appearance: none;
  769.   -moz-appearance: none;
  770. }
  771. select.form-control::-ms-expand {
  772.   display: none;
  773. }
  774. select.form-control,
  775. select.form-control.is-invalid,
  776. select.form-control.is-valid,
  777. select.form-control:invalid,
  778. select.form-control:valid {
  779.   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 10'%3E%3Cpath fill='%234d4d4d' d='M4.503 4H.497c-.403 0-.639-.508-.408-.878L2.095.233a.469.469 0 0 1 .816 0l2 2.889c.231.37-.005.878-.408.878zM.497 6h4.006c.403 0 .639.504.408.871L2.905 9.737a.47.47 0 0 1-.816 0l-2-2.866C-.142 6.504.094 6 .497 6z'/%3E%3C/svg%3E");
  780.   background-repeat: no-repeat;
  781.   background-size: 5px 10px;
  782.   background-position: right 0.75rem center;
  783.   padding-right: calc(0.75rem * 2 + 5px);
  784. }
  785. select.form-control-sm,
  786. select.form-control-sm.is-invalid,
  787. select.form-control-sm.is-valid,
  788. select.form-control-sm:invalid,
  789. select.form-control-sm:valid {
  790.   background-position: right 0.5rem center;
  791.   padding-right: calc(0.5rem * 2 + 5px);
  792. }
  793. select.form-control-lg,
  794. select.form-control-lg.is-invalid,
  795. select.form-control-lg.is-valid,
  796. select.form-control-lg:invalid,
  797. select.form-control-lg:valid {
  798.   background-position: right 1rem center;
  799.   padding-right: calc(1rem * 2 + 5px);
  800. }
  801. .input-check {
  802.   display: inline-block;
  803. }
  804. .input-check__body {
  805.   display: block;
  806.   position: relative;
  807.   width: 16px;
  808.   height: 16px;
  809. }
  810. .input-check__input {
  811.   opacity: 0;
  812.   position: absolute;
  813.   width: 100%;
  814.   height: 100%;
  815.   left: 0;
  816.   top: 0;
  817.   cursor: inherit;
  818. }
  819. .input-check__box {
  820.   display: block;
  821.   width: 16px;
  822.   height: 16px;
  823.   border-radius: 1.2px;
  824.   background: #fff;
  825.   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
  826.   transition: background 0.15s, box-shadow 0.15s;
  827. }
  828. .input-check__icon {
  829.   position: absolute;
  830.   left: 4px;
  831.   top: 5px;
  832.   fill: #fff;
  833.   transform: scale(0);
  834.   transition: fill 0.15s, transform 0.15s, visibility 0s 0.15s;
  835. }
  836. .input-check__input:checked ~ .input-check__box {
  837.   background: #ffd333;
  838.   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
  839. }
  840. .input-check__input:checked ~ .input-check__icon {
  841.   fill: #3d464d;
  842.   transition-delay: 0s, 0s, 0s;
  843.   transform: scale(1);
  844. }
  845. .input-check__input:disabled ~ .input-check__box {
  846.   background: #f2f2f2;
  847.   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  848. }
  849. .input-check__input:disabled ~ .input-check__icon {
  850.   fill: rgba(0, 0, 0, 0.2);
  851. }
  852. .input-check-color {
  853.   display: inline-block;
  854. }
  855. .input-check-color__body {
  856.   display: block;
  857.   position: relative;
  858.   width: 22px;
  859.   height: 22px;
  860.   border-radius: 1.2px;
  861.   overflow: hidden;
  862.   cursor: inherit;
  863.   margin: 0;
  864. }
  865. .input-check-color__input {
  866.   position: absolute;
  867.   visibility: hidden;
  868. }
  869. .input-check-color__box {
  870.   display: block;
  871.   width: 22px;
  872.   height: 22px;
  873.   border-radius: 1.2px;
  874.   background: currentColor;
  875.   cursor: inherit;
  876. }
  877. .input-check-color__icon {
  878.   position: absolute;
  879.   left: 5px;
  880.   top: 6px;
  881.   fill: #fff;
  882.   transform: scale(0);
  883.   transition: transform 0.15s;
  884. }
  885. .input-check-color__input:checked ~ .input-check-color__icon {
  886.   transform: scale(1);
  887. }
  888. .input-check-color__input:disabled {
  889.   cursor: default;
  890. }
  891. .input-check-color__input:disabled ~ .input-check-color__box {
  892.   position: relative;
  893.   left: 0;
  894.   top: 0;
  895.   width: 22px;
  896.   height: 22px;
  897.   opacity: 0.5;
  898.   cursor: default;
  899. }
  900. .input-check-color__input:disabled ~ .input-check-color__stick {
  901.   pointer-events: none;
  902.   display: block;
  903.   position: absolute;
  904.   width: 2px;
  905.   border-radius: 1px;
  906.   height: 34px;
  907.   left: calc(50% - 1px);
  908.   top: -6px;
  909.   background: hsla(0, 0%, 40%, 0.9);
  910.   transform: rotate(45deg);
  911.   transform-origin: center center;
  912. }
  913. .input-check-color--light .input-check-color__icon {
  914.   fill: #3d464d;
  915. }
  916. .input-check-color--white .input-check-color__box {
  917.   box-shadow: inset 0 0 0 2px #d9d9d9;
  918. }
  919. .input-check-color--white .input-check-color__icon {
  920.   fill: #bfbfbf;
  921. }
  922. .input-number {
  923.   display: block;
  924.   width: 100%;
  925.   position: relative;
  926. }
  927. .input-number__input {
  928.   -moz-appearance: textfield;
  929.   display: block;
  930.   width: 100%;
  931.   min-width: 88px;
  932.   padding: 0 24px 1px;
  933.   text-align: center;
  934. }
  935. .input-number__input::-webkit-inner-spin-button,
  936. .input-number__input::-webkit-outer-spin-button {
  937.   -webkit-appearance: none;
  938. }
  939. .input-number__add,
  940. .input-number__sub {
  941.   position: absolute;
  942.   height: 100%;
  943.   width: 24px;
  944.   top: 0;
  945.   cursor: pointer;
  946.   -webkit-user-select: none;
  947.   -moz-user-select: none;
  948.   -ms-user-select: none;
  949.   user-select: none;
  950.   opacity: 0.3;
  951.   transition: opacity 0.18s;
  952. }
  953. .input-number__add:after,
  954. .input-number__add:before,
  955. .input-number__sub:after,
  956. .input-number__sub:before {
  957.   display: block;
  958.   content: "";
  959.   position: absolute;
  960.   top: 50%;
  961.   left: 50%;
  962.   transform: translateX(-50%) translateY(-50%);
  963.   background: currentColor;
  964. }
  965. .input-number__add:before,
  966. .input-number__sub:before {
  967.   width: 8px;
  968.   height: 2px;
  969. }
  970. .input-number__add:hover,
  971. .input-number__sub:hover {
  972.   opacity: 1;
  973. }
  974. .input-number__sub {
  975.   left: 1px;
  976. }
  977. .input-number__add {
  978.   right: 1px;
  979. }
  980. .input-number__add:after {
  981.   width: 2px;
  982.   height: 8px;
  983. }
  984. .input-radio {
  985.   display: inline-block;
  986. }
  987. .input-radio__body {
  988.   display: block;
  989.   position: relative;
  990.   width: 16px;
  991.   height: 16px;
  992. }
  993. .input-radio__input {
  994.   opacity: 0;
  995.   position: absolute;
  996.   width: 100%;
  997.   height: 100%;
  998.   left: 0;
  999.   top: 0;
  1000.   cursor: inherit;
  1001. }
  1002. .input-radio__circle {
  1003.   display: block;
  1004.   width: 16px;
  1005.   height: 16px;
  1006.   border-radius: 8px;
  1007.   background: #fff;
  1008.   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.17);
  1009.   transition: background 0.2s, box-shadow 0.2s;
  1010. }
  1011. .input-radio__circle:after {
  1012.   display: block;
  1013.   content: "";
  1014.   position: absolute;
  1015.   left: 5px;
  1016.   top: 5px;
  1017.   width: 6px;
  1018.   height: 6px;
  1019.   border-radius: 3px;
  1020.   background: #fff;
  1021.   transform: scale(0);
  1022.   transition: background 0.2s, transform 0.2s, visibility 0s 0.2s;
  1023.   visibility: hidden;
  1024. }
  1025. .input-radio__input:checked ~ .input-radio__circle {
  1026.   background: #ffd333;
  1027.   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
  1028. }
  1029. .input-radio__input:checked ~ .input-radio__circle:after {
  1030.   background: #3d464d;
  1031.   visibility: visible;
  1032.   transition-delay: 0s, 0s, 0s;
  1033.   transform: scale(1);
  1034. }
  1035. .input-radio__input:disabled ~ .input-radio__circle {
  1036.   background: #f2f2f2;
  1037.   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
  1038. }
  1039. .input-radio__input:disabled ~ .input-radio__circle:after {
  1040.   background: rgba(0, 0, 0, 0.2);
  1041. }
  1042. .input-radio-color {
  1043.   display: block;
  1044. }
  1045. .input-radio-color__list {
  1046.   padding: 1px 0;
  1047.   display: -ms-flexbox;
  1048.   display: flex;
  1049.   margin: -2px;
  1050. }
  1051. .input-radio-color__item {
  1052.   width: 30px;
  1053.   height: 30px;
  1054.   display: block;
  1055.   margin: 2px;
  1056.   cursor: pointer;
  1057. }
  1058. .input-radio-color__item input {
  1059.   pointer-events: none;
  1060.   opacity: 0;
  1061.   position: absolute;
  1062. }
  1063. .input-radio-color__item span {
  1064.   position: relative;
  1065.   width: 30px;
  1066.   height: 30px;
  1067.   display: block;
  1068.   border-radius: 15px;
  1069.   background: currentColor;
  1070.   transform: scale(0.73333);
  1071.   transition: transform 0.2s;
  1072. }
  1073. .input-radio-color__item span:after,
  1074. .input-radio-color__item span:before {
  1075.   display: block;
  1076.   position: absolute;
  1077.   content: "";
  1078.   border-radius: 1000px;
  1079. }
  1080. .input-radio-color__item span:before {
  1081.   left: 3px;
  1082.   top: 3px;
  1083.   width: 24px;
  1084.   height: 24px;
  1085.   background: #fff;
  1086.   transform: scale(0);
  1087.   transition: transform 0.2s;
  1088. }
  1089. .input-radio-color__item span:after {
  1090.   left: 8px;
  1091.   top: 8px;
  1092.   width: 14px;
  1093.   height: 14px;
  1094.   background: currentColor;
  1095.   transform: scale(0);
  1096.   transition: transform 0.2s;
  1097. }
  1098. .input-radio-color__item:hover input:enabled ~ span {
  1099.   transform: scale(0.86667);
  1100. }
  1101. .input-radio-color__item input:enabled:checked ~ span,
  1102. .input-radio-color__item input:enabled:checked ~ span:after,
  1103. .input-radio-color__item input:enabled:checked ~ span:before {
  1104.   transform: scale(1);
  1105. }
  1106. .input-radio-color__item--disabled {
  1107.   cursor: default;
  1108. }
  1109. .input-radio-color__item--disabled span {
  1110.   transform: scale(0.75);
  1111. }
  1112. .input-radio-color__item--disabled span:before {
  1113.   transform: scale(1.33) rotate(45deg);
  1114.   left: 14px;
  1115.   top: -1px;
  1116.   width: 2px;
  1117.   height: calc(100% + 2px);
  1118.   background: rgba(0, 0, 0, 0.3);
  1119. }
  1120. .input-radio-color__item--white span,
  1121. .input-radio-color__item--white span:after {
  1122.   box-shadow: inset 0 0 0 2px #ccc;
  1123. }
  1124. .input-radio-label {
  1125.   display: block;
  1126.   font-size: 14px;
  1127.   font-weight: 500;
  1128. }
  1129. .input-radio-label__list {
  1130.   display: -ms-flexbox;
  1131.   display: flex;
  1132.   -ms-flex-wrap: wrap;
  1133.   flex-wrap: wrap;
  1134.   margin: -3px;
  1135. }
  1136. .input-radio-label__list input {
  1137.   position: absolute;
  1138.   pointer-events: none;
  1139.   opacity: 0;
  1140. }
  1141. .input-radio-label__list label {
  1142.   display: -ms-flexbox;
  1143.   display: flex;
  1144.   margin: 3px;
  1145.   -webkit-user-select: none;
  1146.   -moz-user-select: none;
  1147.   -ms-user-select: none;
  1148.   user-select: none;
  1149. }
  1150. .input-radio-label__list span {
  1151.   cursor: pointer;
  1152.   display: block;
  1153.   height: 32px;
  1154.   padding: 0.3125rem 1rem;
  1155.   border-radius: 2px;
  1156.   background: #f0f0f0;
  1157.   color: #3d464d;
  1158.   transition: background-color 0.2s, color 0.2s;
  1159. }
  1160. .input-radio-label__list input:not(:checked):not(:disabled) ~ span:hover {
  1161.   background: #e0e0e0;
  1162.   color: #3d464d;
  1163. }
  1164. .input-radio-label__list input:checked ~ span {
  1165.   cursor: default;
  1166.   background: #ffd333;
  1167.   color: #3d464d;
  1168.   transition-duration: 0.08s, 0.08s;
  1169. }
  1170. .input-radio-label__list input:disabled ~ span {
  1171.   cursor: default;
  1172.   opacity: 0.5;
  1173. }
  1174. .layout-switcher__button,
  1175. .layout-switcher__list {
  1176.   display: -ms-flexbox;
  1177.   display: flex;
  1178. }
  1179. .layout-switcher__button {
  1180.   border: 1px solid #e5e5e5;
  1181.   cursor: pointer;
  1182.   -ms-flex-align: center;
  1183.   align-items: center;
  1184.   -ms-flex-pack: center;
  1185.   justify-content: center;
  1186.   padding: 0 9px;
  1187.   height: 32px;
  1188.   border-radius: 0;
  1189.   background: #fff;
  1190.   fill: #a1abb3;
  1191. }
  1192. .layout-switcher__button:focus {
  1193.   outline: none;
  1194. }
  1195. .layout-switcher__button:hover {
  1196.   border-color: #e5e5e5;
  1197.   background: #f2f2f2;
  1198.   fill: #3d464d;
  1199. }
  1200. .layout-switcher__button:first-child {
  1201.   border-top-left-radius: 2px;
  1202.   border-bottom-left-radius: 2px;
  1203. }
  1204. .layout-switcher__button:last-child {
  1205.   border-top-right-radius: 2px;
  1206.   border-bottom-right-radius: 2px;
  1207. }
  1208. .layout-switcher__button + .layout-switcher__button {
  1209.   margin-left: -1px;
  1210. }
  1211. .layout-switcher__button--active,
  1212. .layout-switcher__button--active:hover {
  1213.   cursor: default;
  1214.   border-color: #ffd333;
  1215.   background: #ffd333;
  1216.   fill: #3d464d;
  1217.   z-index: 1;
  1218. }
  1219. .modal {
  1220.   -webkit-overflow-scrolling: touch;
  1221. }
  1222. .modal-content {
  1223.   border: none;
  1224.   border-radius: 2px;
  1225.   box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.15);
  1226. }
  1227. .noUi-target,
  1228. .noUi-target * {
  1229.   -webkit-touch-callout: none;
  1230.   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1231.   -webkit-user-select: none;
  1232.   -ms-touch-action: none;
  1233.   touch-action: none;
  1234.   -ms-user-select: none;
  1235.   -moz-user-select: none;
  1236.   user-select: none;
  1237.   box-sizing: border-box;
  1238. }
  1239. .noUi-target {
  1240.   position: relative;
  1241.   direction: ltr;
  1242. }
  1243. .noUi-base,
  1244. .noUi-connects {
  1245.   width: 100%;
  1246.   height: 100%;
  1247.   position: relative;
  1248.   z-index: 1;
  1249. }
  1250. .noUi-connects {
  1251.   overflow: hidden;
  1252.   z-index: 0;
  1253. }
  1254. .noUi-connect,
  1255. .noUi-origin {
  1256.   will-change: transform;
  1257.   position: absolute;
  1258.   z-index: 1;
  1259.   top: 0;
  1260.   left: 0;
  1261.   height: 100%;
  1262.   width: 100%;
  1263.   transform-origin: 0 0;
  1264. }
  1265. html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
  1266.   left: auto;
  1267.   right: 0;
  1268. }
  1269. .noUi-vertical .noUi-origin {
  1270.   width: 0;
  1271. }
  1272. .noUi-horizontal .noUi-origin {
  1273.   height: 0;
  1274. }
  1275. .noUi-handle {
  1276.   position: absolute;
  1277. }
  1278. .noUi-state-tap .noUi-connect,
  1279. .noUi-state-tap .noUi-origin {
  1280.   transition: transform 0.3s;
  1281. }
  1282. .noUi-state-drag * {
  1283.   cursor: inherit !important;
  1284. }
  1285. .noUi-horizontal {
  1286.   height: 18px;
  1287. }
  1288. .noUi-horizontal .noUi-handle {
  1289.   width: 34px;
  1290.   height: 28px;
  1291.   left: -17px;
  1292.   top: -6px;
  1293. }
  1294. .noUi-vertical {
  1295.   width: 18px;
  1296. }
  1297. .noUi-vertical .noUi-handle {
  1298.   width: 28px;
  1299.   height: 34px;
  1300.   left: -6px;
  1301.   top: -17px;
  1302. }
  1303. html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  1304.   right: -17px;
  1305.   left: auto;
  1306. }
  1307. .noUi-target {
  1308.   height: 16px;
  1309. }
  1310. .noUi-base {
  1311.   padding-top: 5px;
  1312. }
  1313. .noUi-connects {
  1314.   background: #e0e0e0;
  1315.   border-radius: 3px;
  1316.   height: 6px;
  1317. }
  1318. .noUi-connect {
  1319.   border-radius: 2px;
  1320.   background: #ffd333;
  1321. }
  1322. .noUi-horizontal .noUi-handle {
  1323.   cursor: ew-resize;
  1324.   width: 16px;
  1325.   height: 16px;
  1326.   border-radius: 8px;
  1327.   background: #3d464d;
  1328.   box-shadow: 0 0 0 0 rgba(61, 70, 77, 0);
  1329.   transition: box-shadow 0.2s;
  1330. }
  1331. .noUi-horizontal .noUi-handle:after {
  1332.   display: block;
  1333.   content: "";
  1334.   position: absolute;
  1335.   width: 6px;
  1336.   height: 6px;
  1337.   margin: 5px;
  1338.   border-radius: 3px;
  1339.   background: #ffd333;
  1340.   transition: transform 0.2s;
  1341. }
  1342. .noUi-horizontal .noUi-handle:focus {
  1343.   outline: none;
  1344.   box-shadow: 0 0 0 3px rgba(61, 70, 77, 0.3);
  1345. }
  1346. .noUi-horizontal .noUi-handle:focus:after {
  1347.   transform: scale(0);
  1348. }
  1349. .noUi-horizontal .noUi-handle {
  1350.   top: 0;
  1351. }
  1352. html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  1353.   right: -8px;
  1354. }
  1355. .page-link {
  1356.   font-weight: 500;
  1357.   border-radius: 2px;
  1358.   border: none;
  1359.   line-height: 1;
  1360.   margin: 0 2px;
  1361.   padding: 9px 10px 8px;
  1362.   height: 33px;
  1363.   background: transparent;
  1364.   color: #3d464d;
  1365. }
  1366. .page-link:focus,
  1367. .page-link:hover {
  1368.   box-shadow: none;
  1369.   background: #ebebeb;
  1370.   color: #3d464d;
  1371. }
  1372. .page-link--with-arrow {
  1373.   width: 29px;
  1374.   position: relative;
  1375. }
  1376. .page-link--with-arrow .page-link__arrow {
  1377.   position: absolute;
  1378.   fill: currentColor;
  1379.   top: 10px;
  1380. }
  1381. .page-link--with-arrow .page-link__arrow--left {
  1382.   left: 9px;
  1383. }
  1384. .page-link--with-arrow .page-link__arrow--right {
  1385.   left: 11px;
  1386. }
  1387. .page-item:first-child .page-link {
  1388.   border-top-left-radius: 2px;
  1389.   border-bottom-left-radius: 2px;
  1390. }
  1391. .page-item:last-child .page-link {
  1392.   margin-right: 0;
  1393.   border-top-right-radius: 2px;
  1394.   border-bottom-right-radius: 2px;
  1395. }
  1396. .page-item.active {
  1397.   margin: 0 3px;
  1398. }
  1399. .page-item.active .page-link {
  1400.   background: #ffd333;
  1401.   color: #3d464d;
  1402. }
  1403. .page-item.disabled .page-link {
  1404.   background: transparent;
  1405.   color: #b3b3b3;
  1406. }
  1407. .post-card__image {
  1408.   position: relative;
  1409.   overflow: hidden;
  1410.   border-radius: 1.5px;
  1411. }
  1412. .post-card__image img {
  1413.   max-width: 100%;
  1414. }
  1415. .post-card__image :before {
  1416.   content: "";
  1417.   display: block;
  1418.   position: absolute;
  1419.   left: 0;
  1420.   right: 0;
  1421.   width: 100%;
  1422.   height: 100%;
  1423.   background: rgba(0, 0, 0, 0.2);
  1424.   opacity: 0;
  1425.   transition: opacity 0.6s;
  1426.   z-index: 1;
  1427. }
  1428. .post-card__image:hover :before {
  1429.   opacity: 1;
  1430. }
  1431. .post-card__category {
  1432.   font-size: 14px;
  1433.   color: #adadad;
  1434. }
  1435. .post-card__category a {
  1436.   color: inherit;
  1437.   transition: 0.15s;
  1438. }
  1439. .post-card__category a:hover {
  1440.   color: #1a66ff;
  1441. }
  1442. .post-card__date {
  1443.   font-size: 14px;
  1444.   color: #adadad;
  1445. }
  1446. .post-card__name {
  1447.   font-size: 20px;
  1448.   line-height: 1.125;
  1449.   font-weight: 500;
  1450. }
  1451. .post-card__name a {
  1452.   color: inherit;
  1453.   transition: 0.15s;
  1454. }
  1455. .post-card__name a:hover {
  1456.   color: #1a66ff;
  1457. }
  1458. .post-card__content {
  1459.   font-size: 15px;
  1460.   line-height: 24px;
  1461. }
  1462. .post-card--layout--related .post-card__name {
  1463.   width: 100%;
  1464.   font-size: 17px;
  1465.   margin-top: 16px;
  1466.   line-height: 24px;
  1467. }
  1468. .post-card--layout--related .post-card__name a {
  1469.   transition: all 0.2s;
  1470. }
  1471. .post-card--layout--related .post-card__name a:hover {
  1472.   color: #1a66ff;
  1473. }
  1474. .post-card--layout--related .post-card__date {
  1475.   margin-top: 8px;
  1476.   font-size: 15px;
  1477. }
  1478. @media (max-width: 767px) {
  1479.   .post-card--layout--related .post-card__name {
  1480.     margin-top: 12px;
  1481.     font-size: 15px;
  1482.     line-height: 20px;
  1483.   }
  1484.   .post-card--layout--related .post-card__date {
  1485.     margin-top: 4px;
  1486.     font-size: 14px;
  1487.   }
  1488. }
  1489. .post-card--layout--grid .post-card__info {
  1490.   display: -ms-flexbox;
  1491.   display: flex;
  1492.   -ms-flex-wrap: wrap;
  1493.   flex-wrap: wrap;
  1494. }
  1495. .post-card--layout--grid .post-card__image {
  1496.   margin-bottom: 14px;
  1497. }
  1498. .post-card--layout--grid .post-card__category {
  1499.   display: none;
  1500. }
  1501. .post-card--layout--grid .post-card__date {
  1502.   -ms-flex-order: -1;
  1503.   order: -1;
  1504. }
  1505. .post-card--layout--grid .post-card__name {
  1506.   width: 100%;
  1507.   font-size: 18px;
  1508.   margin-top: 4px;
  1509.   line-height: 22px;
  1510. }
  1511. .post-card--layout--grid .post-card__content {
  1512.   width: 100%;
  1513.   margin-top: 12px;
  1514. }
  1515. .post-card--layout--grid .post-card__read-more {
  1516.   width: 100%;
  1517.   display: none;
  1518. }
  1519. .post-card--layout--grid.post-card--size--lg .post-card__image {
  1520.   margin-bottom: 0;
  1521.   border-radius: 3px;
  1522. }
  1523. .post-card--layout--grid.post-card--size--lg .post-card__info {
  1524.   padding: 28px 36px 12px;
  1525. }
  1526. .post-card--layout--grid.post-card--size--lg .post-card__category {
  1527.   font-size: 15px;
  1528.   -ms-flex-order: -2;
  1529.   order: -2;
  1530.   display: block;
  1531. }
  1532. .post-card--layout--grid.post-card--size--lg .post-card__date {
  1533.   padding-left: 22px;
  1534.   font-size: 15px;
  1535.   position: relative;
  1536. }
  1537. .post-card--layout--grid.post-card--size--lg .post-card__date:before {
  1538.   top: 9px;
  1539.   left: 9px;
  1540.   content: "";
  1541.   display: block;
  1542.   position: absolute;
  1543.   width: 4px;
  1544.   height: 4px;
  1545.   border-radius: 2px;
  1546.   background: currentColor;
  1547. }
  1548. .post-card--layout--grid.post-card--size--lg .post-card__name {
  1549.   margin-top: 8px;
  1550.   font-size: 24px;
  1551.   line-height: 32px;
  1552. }
  1553. .post-card--layout--grid.post-card--size--lg .post-card__content {
  1554.   margin-top: 20px;
  1555.   font-size: 16px;
  1556. }
  1557. .post-card--layout--grid.post-card--size--lg .post-card__read-more {
  1558.   display: block;
  1559.   margin-top: 18px;
  1560. }
  1561. @media (max-width: 767px) {
  1562.   .post-card--layout--grid.post-card--size--lg .post-card__info {
  1563.     padding: 20px 20px 12px;
  1564.   }
  1565.   .post-card--layout--grid.post-card--size--lg .post-card__name {
  1566.     font-size: 22px;
  1567.     line-height: 26px;
  1568.   }
  1569.   .post-card--layout--grid.post-card--size--lg .post-card__content {
  1570.     margin-top: 12px;
  1571.   }
  1572. }
  1573. @media (max-width: 479px) {
  1574.   .post-card--layout--grid.post-card--size--lg .post-card__info {
  1575.     padding: 12px;
  1576.   }
  1577.   .post-card--layout--grid.post-card--size--lg .post-card__name {
  1578.     font-size: 20px;
  1579.     line-height: 22px;
  1580.   }
  1581.   .post-card--layout--grid.post-card--size--lg .post-card__content {
  1582.     margin-top: 10px;
  1583.     font-size: 15px;
  1584.   }
  1585. }
  1586. @media (max-width: 379px) {
  1587.   .post-card--layout--grid.post-card--size--lg .post-card__name {
  1588.     margin-top: 4px;
  1589.   }
  1590.   .post-card--layout--grid.post-card--size--lg .post-card__info {
  1591.     padding: 10px 0;
  1592.   }
  1593. }
  1594. .post-card--layout--list {
  1595.   display: -ms-flexbox;
  1596.   display: flex;
  1597.   -ms-flex-direction: row;
  1598.   flex-direction: row;
  1599.   -ms-flex-align: start;
  1600.   align-items: flex-start;
  1601. }
  1602. .post-card--layout--list.post-card--size--nl .post-card__info {
  1603.   display: -ms-flexbox;
  1604.   display: flex;
  1605.   -ms-flex-wrap: wrap;
  1606.   flex-wrap: wrap;
  1607.   padding-top: 10px;
  1608. }
  1609. .post-card--layout--list.post-card--size--nl .post-card__image {
  1610.   width: 350px;
  1611.   -ms-flex-negative: 0;
  1612.   flex-shrink: 0;
  1613.   margin-right: 30px;
  1614. }
  1615. .post-card--layout--list.post-card--size--nl .post-card__category {
  1616.   font-size: 15px;
  1617.   -ms-flex-order: -2;
  1618.   order: -2;
  1619.   display: block;
  1620. }
  1621. .post-card--layout--list.post-card--size--nl .post-card__date {
  1622.   -ms-flex-order: -1;
  1623.   order: -1;
  1624.   padding-left: 22px;
  1625.   font-size: 15px;
  1626.   position: relative;
  1627. }
  1628. .post-card--layout--list.post-card--size--nl .post-card__date:before {
  1629.   top: 9px;
  1630.   left: 9px;
  1631.   content: "";
  1632.   display: block;
  1633.   position: absolute;
  1634.   width: 4px;
  1635.   height: 4px;
  1636.   border-radius: 2px;
  1637.   background: currentColor;
  1638. }
  1639. .post-card--layout--list.post-card--size--nl .post-card__name {
  1640.   margin-top: 6px;
  1641.   font-size: 18px;
  1642.   line-height: 24px;
  1643. }
  1644. .post-card--layout--list.post-card--size--nl .post-card__content {
  1645.   margin-top: 20px;
  1646.   font-size: 16px;
  1647. }
  1648. .post-card--layout--list.post-card--size--nl .post-card__read-more {
  1649.   display: block;
  1650.   margin-top: 14px;
  1651. }
  1652. @media (min-width: 768px) and (max-width: 1199px) {
  1653.   .post-card--layout--list.post-card--size--nl .post-card__info {
  1654.     padding-top: 0;
  1655.   }
  1656.   .post-card--layout--list.post-card--size--nl .post-card__image {
  1657.     width: 260px;
  1658.     -ms-flex-negative: 0;
  1659.     flex-shrink: 0;
  1660.     margin-right: 22px;
  1661.   }
  1662.   .post-card--layout--list.post-card--size--nl .post-card__content {
  1663.     margin-top: 8px;
  1664.     font-size: 16px;
  1665.     overflow: hidden;
  1666.     height: 48px;
  1667.   }
  1668.   .post-card--layout--list.post-card--size--nl .post-card__read-more {
  1669.     margin-top: 10px;
  1670.   }
  1671. }
  1672. @media (max-width: 767px) {
  1673.   .post-card--layout--list.post-card--size--nl {
  1674.     -ms-flex-direction: column;
  1675.     flex-direction: column;
  1676.   }
  1677.   .post-card--layout--list.post-card--size--nl .post-card__image {
  1678.     width: auto;
  1679.     margin-right: 0;
  1680.   }
  1681.   .post-card--layout--list.post-card--size--nl .post-card__content {
  1682.     margin-top: 10px;
  1683.   }
  1684. }
  1685. .post-card--layout--list.post-card--size--sm .post-card__image {
  1686.   width: 240px;
  1687.   -ms-flex-negative: 0;
  1688.   flex-shrink: 0;
  1689.   margin-right: 22px;
  1690. }
  1691. .post-card--layout--list.post-card--size--sm .post-card__name {
  1692.   margin-top: 10px;
  1693.   font-size: 16px;
  1694.   line-height: 20px;
  1695.   -ms-flex-order: -1;
  1696.   order: -1;
  1697.   height: 40px;
  1698.   overflow: hidden;
  1699. }
  1700. .post-card--layout--list.post-card--size--sm .post-card__date {
  1701.   margin-top: 6px;
  1702. }
  1703. .post-card--layout--list.post-card--size--sm .post-card__category {
  1704.   display: none;
  1705. }
  1706. .post-card--layout--list.post-card--size--sm .post-card__content {
  1707.   margin-top: 10px;
  1708.   font-size: 15px;
  1709.   line-height: 22px;
  1710.   height: 66px;
  1711.   overflow: hidden;
  1712. }
  1713. .post-card--layout--list.post-card--size--sm .post-card__read-more {
  1714.   display: none;
  1715. }
  1716. .product-card {
  1717.   position: relative;
  1718.   padding: 1px;
  1719.   display: -ms-flexbox;
  1720.   display: flex;
  1721.   -ms-flex-direction: column;
  1722.   flex-direction: column;
  1723.   background: #fff;
  1724.   align-items: stretch;
  1725. }
  1726. .product-card:before {
  1727.   content: "";
  1728.   display: block;
  1729.   position: absolute;
  1730.   left: 0;
  1731.   top: 0;
  1732.   width: 100%;
  1733.   height: 100%;
  1734.   z-index: 1;
  1735.   pointer-events: none;
  1736.   border-radius: 2px;
  1737.   box-shadow: inset 0 0 0 1px #ededed;
  1738.   transition: box-shadow 0.2s;
  1739. }
  1740. .product-card:hover:before {
  1741.   transition-duration: 0s;
  1742.   box-shadow: inset 0 0 0 2px rgba(255, 211, 51, 0.7);
  1743. }
  1744. .product-card:hover .product-card__quickview {
  1745.   transition-duration: 0s, 0s;
  1746.   background: #ffd333;
  1747. }
  1748. .product-card:hover
  1749.   .product-card__quickview:not(.product-card__quickview--preload) {
  1750.   color: #3d464d;
  1751. }
  1752. .product-card:hover
  1753.   .product-card__quickview:not(.product-card__quickview--preload):hover {
  1754.   transition-duration: 0.2s, 0.2s;
  1755.   background: #3d464d;
  1756.   color: #fff;
  1757. }
  1758. .product-card__image {
  1759.   padding: 18px;
  1760.   -ms-flex-negative: 0;
  1761.   flex-shrink: 0;
  1762. }
  1763. .product-card__image a {
  1764.   display: block;
  1765.   padding-bottom: 100%;
  1766.   position: relative;
  1767. }
  1768. .product-card__image img {
  1769.   max-width: 100%;
  1770.   display: block;
  1771.   position: absolute;
  1772. }
  1773. .product-card__quickview {
  1774.   z-index: 2;
  1775.   position: absolute;
  1776.   border: none;
  1777.   border-radius: 0 2px 0 2px;
  1778.   font-size: 10px;
  1779.   text-transform: uppercase;
  1780.   fill: currentColor;
  1781.   padding: 7px;
  1782.   cursor: pointer;
  1783.   right: 0;
  1784.   top: 0;
  1785.   background: transparent;
  1786.   color: #ccc;
  1787.   transition: background-color 0.2s, color 0.2s;
  1788. }
  1789. .product-card__quickview .fake-svg-icon {
  1790.   display: none;
  1791. }
  1792. @supports (-ms-ime-align: auto) {
  1793.   .product-card__quickview svg {
  1794.     display: none;
  1795.   }
  1796.   .product-card__quickview .fake-svg-icon {
  1797.     display: block;
  1798.     -ms-flex-align: center;
  1799.     align-items: center;
  1800.     -ms-flex-pack: center;
  1801.     justify-content: center;
  1802.     width: 16px;
  1803.     height: 16px;
  1804.     font-size: 16px;
  1805.   }
  1806.   .product-card__quickview .fake-svg-icon:before {
  1807.     content: "\e900";
  1808.   }
  1809. }
  1810. .product-card__quickview:focus {
  1811.   outline: none;
  1812. }
  1813. .product-card__quickview--preload {
  1814.   color: transparent;
  1815. }
  1816. .product-card__quickview--preload:after {
  1817.   display: block;
  1818.   content: "";
  1819.   position: absolute;
  1820.   border: 2px solid rgba(0, 0, 0, 0.1);
  1821.   border-top-color: rgba(0, 0, 0, 0.5);
  1822.   transition: border-color 0.1s;
  1823.   animation-name: a;
  1824.   animation-duration: 0.5s;
  1825.   animation-timing-function: linear;
  1826.   animation-iteration-count: infinite;
  1827.   left: calc(50% - 8px);
  1828.   top: calc(50% - 8px);
  1829.   width: 16px;
  1830.   height: 16px;
  1831.   border-radius: 8px;
  1832. }
  1833. .product-card__info {
  1834.   padding: 2px 22px 24px;
  1835.   -ms-flex-positive: 1;
  1836.   flex-grow: 1;
  1837.   display: -ms-flexbox;
  1838.   display: flex;
  1839.   -ms-flex-direction: column;
  1840.   flex-direction: column;
  1841. }
  1842. .product-card__name {
  1843.   font-size: 15px;
  1844.   line-height: 19px;
  1845.   -ms-flex-positive: 1;
  1846.   flex-grow: 1;
  1847. }
  1848. .product-card__name a {
  1849.   color: inherit;
  1850.   transition: 0.15s;
  1851. }
  1852. .product-card__name a:hover {
  1853.   color: #1a66ff;
  1854. }
  1855. .product-card__rating {
  1856.   margin-top: 6px;
  1857.   display: -ms-flexbox;
  1858.   display: flex;
  1859. }
  1860. .product-card__rating-legend {
  1861.   font-size: 13px;
  1862.   line-height: 1;
  1863.   color: #b3b3b3;
  1864.   margin-left: 9px;
  1865.   padding-top: 1px;
  1866. }
  1867. .product-card__prices {
  1868.   margin-top: 14px;
  1869.   line-height: 1;
  1870.   font-weight: 700;
  1871.   color: #3d464d;
  1872. }
  1873. .product-card__new-price {
  1874.   color: #ff2626;
  1875. }
  1876. .product-card__old-price {
  1877.   color: #b3b3b3;
  1878.   font-weight: 400;
  1879.   font-size: 13px;
  1880.   text-decoration: line-through;
  1881. }
  1882. .product-card__buttons {
  1883.   display: -ms-flexbox;
  1884.   display: flex;
  1885.   margin-top: 24px;
  1886. }
  1887. .product-card__buttons > :first-child {
  1888.   margin-right: auto;
  1889. }
  1890. .product-card__buttons > * + * {
  1891.   margin-left: 4px;
  1892. }
  1893. .product-card__addtocart--list {
  1894.   display: none;
  1895. }
  1896. .product-card__features-list {
  1897.   list-style: none;
  1898.   margin: 10px 0 6px;
  1899.   padding: 0;
  1900.   color: #6c757d;
  1901.   font-size: 13px;
  1902.   line-height: 15px;
  1903. }
  1904. .product-card__features-list li {
  1905.   padding: 3px 0 3px 12px;
  1906.   position: relative;
  1907. }
  1908. .product-card__features-list li:before {
  1909.   content: "";
  1910.   display: block;
  1911.   position: absolute;
  1912.   left: 0;
  1913.   top: 9px;
  1914.   width: 5px;
  1915.   height: 5px;
  1916.   border-radius: 2.5px;
  1917.   border: 1px solid currentColor;
  1918. }
  1919. .product-card__badges-list {
  1920.   left: 18px;
  1921.   top: 18px;
  1922.   position: absolute;
  1923.   display: -ms-flexbox;
  1924.   display: flex;
  1925.   -ms-flex-direction: column;
  1926.   flex-direction: column;
  1927.   -ms-flex-align: start;
  1928.   align-items: flex-start;
  1929.   z-index: 1;
  1930. }
  1931. .product-card__badge {
  1932.   font-size: 11px;
  1933.   border-radius: 1.5px;
  1934.   letter-spacing: 0.02em;
  1935.   line-height: 1;
  1936.   padding: 5px 8px 4px;
  1937.   font-weight: 500;
  1938.   text-transform: uppercase;
  1939.   margin-bottom: 4px;
  1940.   margin-right: 4px;
  1941. }
  1942. .product-card__badge--sale {
  1943.   background: #f33;
  1944.   color: #fff;
  1945. }
  1946. .product-card__badge--new {
  1947.   background: #37f;
  1948.   color: #fff;
  1949. }
  1950. .product-card__badge--hot {
  1951.   background: #614ba6;
  1952.   color: #fff;
  1953. }
  1954. .product-card--layout--horizontal {
  1955.   -ms-flex-direction: row;
  1956.   flex-direction: row;
  1957. }
  1958. .product-card--layout--horizontal .product-card__image {
  1959.   width: 120px;
  1960.   padding: 16px;
  1961. }
  1962. .product-card--layout--horizontal .product-card__badges-list {
  1963.   left: 10px;
  1964.   top: 10px;
  1965. }
  1966. .product-card--layout--horizontal .product-card__badge {
  1967.   padding: 3px 5px 2px;
  1968. }
  1969. .product-card--layout--horizontal .product-card__info {
  1970.   padding: 14px 30px 42px 0;
  1971.   width: 100%;
  1972. }
  1973. .product-card--layout--horizontal .product-card__availability,
  1974. .product-card--layout--horizontal .product-card__buttons,
  1975. .product-card--layout--horizontal .product-card__description {
  1976.   display: none;
  1977. }
  1978. .product-card--layout--horizontal .product-card__actions {
  1979.   position: absolute;
  1980.   left: 120px;
  1981.   bottom: 18px;
  1982. }
  1983. .product-card--layout--horizontal .product-card__features-list {
  1984.   display: none;
  1985. }
  1986. .product-card--layout--grid .product-card__image {
  1987.   padding: 18px 18px 20px;
  1988. }
  1989. .product-card--layout--grid .product-card__info {
  1990.   padding: 0 24px;
  1991. }
  1992. .product-card--layout--grid .product-card__actions {
  1993.   padding: 0 24px 24px;
  1994. }
  1995. .product-card--layout--grid .product-card__availability,
  1996. .product-card--layout--grid .product-card__description,
  1997. .product-card--layout--grid .product-card__features-list {
  1998.   display: none;
  1999. }
  2000. .product-card--layout--grid.product-card--size--sm .product-card__image {
  2001.   padding: 15px;
  2002. }
  2003. .product-card--layout--grid.product-card--size--sm .product-card__badges-list {
  2004.   left: 16px;
  2005.   top: 16px;
  2006. }
  2007. .product-card--layout--grid.product-card--size--sm .product-card__info {
  2008.   padding: 0 15px;
  2009. }
  2010. .product-card--layout--grid.product-card--size--sm .product-card__actions {
  2011.   padding: 0 15px 15px;
  2012. }
  2013. .product-card--layout--grid.product-card--size--sm .product-card__buttons .btn {
  2014.   font-size: 0.8125rem;
  2015.   height: calc(1.5rem + 2px);
  2016.   line-height: 1.25;
  2017.   padding: 0.25rem 0.5625rem;
  2018.   font-weight: 500;
  2019. }
  2020. .product-card--layout--grid.product-card--size--sm
  2021.   .product-card__buttons
  2022.   .btn.btn-svg-icon {
  2023.   width: calc(1.5rem + 2px);
  2024. }
  2025. @media (hover: hover) {
  2026.   .product-card--layout--grid.product-card--size--sm .product-card__buttons {
  2027.     display: none;
  2028.   }
  2029.   .product-card--layout--grid.product-card--size--sm:hover {
  2030.     position: relative;
  2031.     z-index: 3;
  2032.     margin-bottom: -50px;
  2033.   }
  2034.   .product-card--layout--grid.product-card--size--sm:hover
  2035.     .product-card__buttons {
  2036.     display: -ms-flexbox;
  2037.     display: flex;
  2038.   }
  2039. }
  2040. @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  2041.   .product-card--layout--grid.product-card--size--sm .product-card__buttons {
  2042.     display: none;
  2043.   }
  2044.   .product-card--layout--grid.product-card--size--sm:hover {
  2045.     position: relative;
  2046.     z-index: 3;
  2047.     margin-bottom: -50px;
  2048.   }
  2049.   .product-card--layout--grid.product-card--size--sm:hover
  2050.     .product-card__buttons {
  2051.     display: -ms-flexbox;
  2052.     display: flex;
  2053.   }
  2054. }
  2055. .product-card--layout--grid.product-card--size--nl .product-card__buttons .btn {
  2056.   font-size: 0.875rem;
  2057.   height: calc(1.875rem + 2px);
  2058.   line-height: 1.25;
  2059.   padding: 0.375rem 1rem;
  2060.   font-weight: 500;
  2061. }
  2062. .product-card--layout--grid.product-card--size--nl
  2063.   .product-card__buttons
  2064.   .btn.btn-svg-icon {
  2065.   width: calc(1.875rem + 2px);
  2066. }
  2067. @media (hover: hover) {
  2068.   .product-card--layout--grid.product-card--size--nl .product-card__buttons {
  2069.     display: none;
  2070.   }
  2071.   .product-card--layout--grid.product-card--size--nl:hover {
  2072.     position: relative;
  2073.     z-index: 3;
  2074.     margin-bottom: -56px;
  2075.   }
  2076.   .product-card--layout--grid.product-card--size--nl:hover
  2077.     .product-card__buttons {
  2078.     display: -ms-flexbox;
  2079.     display: flex;
  2080.   }
  2081. }
  2082. @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  2083.   .product-card--layout--grid.product-card--size--nl .product-card__buttons {
  2084.     display: none;
  2085.   }
  2086.   .product-card--layout--grid.product-card--size--nl:hover {
  2087.     position: relative;
  2088.     z-index: 3;
  2089.     margin-bottom: -56px;
  2090.   }
  2091.   .product-card--layout--grid.product-card--size--nl:hover
  2092.     .product-card__buttons {
  2093.     display: -ms-flexbox;
  2094.     display: flex;
  2095.   }
  2096. }
  2097. .product-card--layout--grid.product-card--size--lg .product-card__image {
  2098.   padding: 25px;
  2099. }
  2100. .product-card--layout--grid.product-card--size--lg .product-card__info {
  2101.   padding: 0 30px;
  2102.   -ms-flex-positive: 0;
  2103.   flex-grow: 0;
  2104. }
  2105. .product-card--layout--grid.product-card--size--lg .product-card__name {
  2106.   font-size: 17px;
  2107.   line-height: 23px;
  2108. }
  2109. .product-card--layout--grid.product-card--size--lg .product-card__actions {
  2110.   padding: 0 30px 30px;
  2111.   -ms-flex-positive: 1;
  2112.   flex-grow: 1;
  2113.   display: -ms-flexbox;
  2114.   display: flex;
  2115.   -ms-flex-direction: column;
  2116.   flex-direction: column;
  2117. }
  2118. .product-card--layout--grid.product-card--size--lg .product-card__rating {
  2119.   margin-top: 10px;
  2120. }
  2121. .product-card--layout--grid.product-card--size--lg .product-card__prices {
  2122.   margin-bottom: auto;
  2123.   font-size: 20px;
  2124. }
  2125. .product-card--layout--list {
  2126.   -ms-flex-direction: row;
  2127.   flex-direction: row;
  2128. }
  2129. .product-card--layout--list .product-card__image {
  2130.   -ms-flex-negative: 0;
  2131.   flex-shrink: 0;
  2132.   padding: 24px;
  2133.   width: 210px;
  2134. }
  2135. .product-card--layout--list .product-card__info {
  2136.   padding: 20px 24px 20px 4px;
  2137. }
  2138. .product-card--layout--list .product-card__name {
  2139.   font-size: 16px;
  2140.   line-height: 20px;
  2141.   -ms-flex-positive: 0;
  2142.   flex-grow: 0;
  2143. }
  2144. .product-card--layout--list .product-card__rating {
  2145.   margin-top: 7px;
  2146. }
  2147. .product-card--layout--list .product-card__description {
  2148.   color: #6c757d;
  2149.   font-size: 15px;
  2150.   line-height: 22px;
  2151.   margin-top: 12px;
  2152. }
  2153. .product-card--layout--list .product-card__actions {
  2154.   -ms-flex-negative: 0;
  2155.   flex-shrink: 0;
  2156.   width: 190px;
  2157.   padding: 16px 20px;
  2158.   border-left: 1px solid #ebebeb;
  2159. }
  2160. .product-card--layout--list .product-card__prices {
  2161.   margin-top: 16px;
  2162.   font-size: 18px;
  2163. }
  2164. .product-card--layout--list .product-card__old-price {
  2165.   font-size: 14px;
  2166. }
  2167. .product-card--layout--list .product-card__buttons {
  2168.   -ms-flex-wrap: wrap;
  2169.   flex-wrap: wrap;
  2170. }
  2171. .product-card--layout--list .product-card__addtocart {
  2172.   display: none;
  2173. }
  2174. .product-card--layout--list .product-card__addtocart--list {
  2175.   display: block;
  2176. }
  2177. .product-card--layout--list .product-card__addtocart {
  2178.   width: 100%;
  2179. }
  2180. .product-card--layout--list .product-card__addtocart + * {
  2181.   margin-left: 0;
  2182. }
  2183. .product-card--layout--list .product-card__addtocart ~ * {
  2184.   margin-top: 8px;
  2185. }
  2186. .product-card--layout--list .product-card__addtocart,
  2187. .product-card--layout--list .product-card__compare,
  2188. .product-card--layout--list .product-card__wishlist {
  2189.   font-size: 0.875rem;
  2190.   height: calc(1.875rem + 2px);
  2191.   line-height: 1.25;
  2192.   padding: 0.375rem 1rem;
  2193.   font-weight: 500;
  2194. }
  2195. .product-card--layout--list .product-card__addtocart.btn-svg-icon,
  2196. .product-card--layout--list .product-card__compare.btn-svg-icon,
  2197. .product-card--layout--list .product-card__wishlist.btn-svg-icon {
  2198.   width: calc(1.875rem + 2px);
  2199. }
  2200. .product-card--layout--list .product-card__availability {
  2201.   color: #999;
  2202.   font-size: 14px;
  2203.   padding-right: 10px;
  2204. }
  2205. .product-card--layout--list .product-card__features-list {
  2206.   font-size: 14px;
  2207.   line-height: 16px;
  2208.   margin-bottom: 0;
  2209. }
  2210. .product-card--layout--list .product-card__features-list li {
  2211.   padding: 3px 0 3px 12px;
  2212. }
  2213. .product-card--layout--list .product-card__features-list li:before {
  2214.   top: 8px;
  2215. }
  2216. @media (min-width: 992px) and (max-width: 1199px) {
  2217.   .product-card--layout--list .product-card__image {
  2218.     width: 180px;
  2219.     padding-left: 20px;
  2220.     padding-right: 20px;
  2221.   }
  2222.   .product-card--layout--list .product-card__info {
  2223.     padding-right: 20px;
  2224.     padding-left: 0;
  2225.   }
  2226. }
  2227. @media (max-width: 767px) {
  2228.   .product-card--layout--list {
  2229.     -ms-flex-direction: column;
  2230.     flex-direction: column;
  2231.   }
  2232.   .product-card--layout--list .product-card__image {
  2233.     width: 250px;
  2234.     padding: 20px;
  2235.     margin: 0 auto;
  2236.   }
  2237.   .product-card--layout--list .product-card__info {
  2238.     border-top: 1px solid #ebebeb;
  2239.     padding: 20px;
  2240.   }
  2241.   .product-card--layout--list .product-card__actions {
  2242.     width: auto;
  2243.     border-left: none;
  2244.     border-top: 1px solid #ebebeb;
  2245.     padding: 20px;
  2246.   }
  2247.   .product-card--layout--list .product-card__buttons {
  2248.     -ms-flex-wrap: nowrap;
  2249.     flex-wrap: nowrap;
  2250.   }
  2251.   .product-card--layout--list .product-card__buttons .btn {
  2252.     font-size: 1rem;
  2253.     height: calc(2.25rem + 2px);
  2254.     line-height: 1.5;
  2255.     padding: 0.375rem 1.25rem;
  2256.     font-weight: 500;
  2257.   }
  2258.   .product-card--layout--list .product-card__buttons .btn.btn-svg-icon {
  2259.     width: calc(2.25rem + 2px);
  2260.   }
  2261.   .product-card--layout--list .product-card__addtocart--list {
  2262.     width: auto;
  2263.     margin-right: auto;
  2264.   }
  2265. }
  2266. .rating__body {
  2267.   display: -ms-flexbox;
  2268.   display: flex;
  2269. }
  2270. .rating__star + .rating__star {
  2271.   margin-left: 3px;
  2272. }
  2273. .rating__star:first-child + .rating__star--only-edge {
  2274.   margin-left: 0;
  2275. }
  2276. .rating__fill {
  2277.   color: #ccc;
  2278.   fill: currentColor;
  2279. }
  2280. .rating__stroke {
  2281.   color: rgba(0, 0, 0, 0.08);
  2282.   fill: currentColor;
  2283. }
  2284. .rating__star--active .rating__fill {
  2285.   color: #ffd333;
  2286. }
  2287. .rating__star--active .rating__stroke {
  2288.   color: rgba(0, 0, 0, 0.08);
  2289. }
  2290. .rating__star--only-edge {
  2291.   position: relative;
  2292.   display: none;
  2293. }
  2294. @supports (-ms-ime-align: auto) {
  2295.   svg.rating__star {
  2296.     display: none;
  2297.   }
  2298.   .rating__star--only-edge {
  2299.     display: block;
  2300.   }
  2301.   .rating__fill .fake-svg-icon,
  2302.   .rating__stroke .fake-svg-icon {
  2303.     display: block;
  2304.     -ms-flex-align: center;
  2305.     align-items: center;
  2306.     -ms-flex-pack: center;
  2307.     justify-content: center;
  2308.     width: 13px;
  2309.     height: 12px;
  2310.     font-size: 12px;
  2311.   }
  2312.   .rating__fill .fake-svg-icon:before {
  2313.     content: "\e902";
  2314.   }
  2315.   .rating__stroke {
  2316.     position: absolute;
  2317.     left: 0;
  2318.     top: 0;
  2319.   }
  2320.   .rating__stroke .fake-svg-icon:before {
  2321.     content: "\e903";
  2322.   }
  2323. }
  2324. .share-links__list {
  2325.   display: -ms-flexbox;
  2326.   display: flex;
  2327.   list-style: none;
  2328.   padding: 0;
  2329.   margin: 0;
  2330.   font-size: 11px;
  2331.   line-height: 18px;
  2332.   font-weight: 500;
  2333.   color: #fff;
  2334.   white-space: nowrap;
  2335. }
  2336. .share-links__item + .share-links__item {
  2337.   margin-left: 4px;
  2338. }
  2339. .share-links__item a {
  2340.   border-radius: 1.5px;
  2341.   display: block;
  2342.   padding: 2px 6px 1px;
  2343. }
  2344. .share-links__item a,
  2345. .share-links__item a:hover {
  2346.   color: inherit;
  2347.   text-decoration: none;
  2348. }
  2349. .share-links__item--type--like a {
  2350.   background: #4267b2;
  2351. }
  2352. .share-links__item--type--like a:hover {
  2353.   background: #3b5c9f;
  2354. }
  2355. .share-links__item--type--tweet a {
  2356.   background: #1b95e0;
  2357. }
  2358. .share-links__item--type--tweet a:hover {
  2359.   background: #1886c9;
  2360. }
  2361. .share-links__item--type--pin a {
  2362.   background: #e63939;
  2363. }
  2364. .share-links__item--type--pin a:hover {
  2365.   background: #e32222;
  2366. }
  2367. .share-links__item--type--counter a {
  2368.   color: #737373;
  2369.   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  2370. }
  2371. .share-links__item--type--counter a:hover {
  2372.   color: #666;
  2373. }
  2374. .tags__list {
  2375.   display: -ms-flexbox;
  2376.   display: flex;
  2377.   -ms-flex-wrap: wrap;
  2378.   flex-wrap: wrap;
  2379.   font-size: 13px;
  2380.   font-weight: 500;
  2381.   line-height: 18px;
  2382.   margin: -2px;
  2383. }
  2384. .tags__list a {
  2385.   display: block;
  2386.   background: transparent;
  2387.   border: 1px solid #e5e5e5;
  2388.   color: #3d464d;
  2389.   border-radius: 1.5px;
  2390.   padding: 3px 8px 2px;
  2391.   margin: 2px;
  2392.   transition: all 0.15s;
  2393. }
  2394. .tags__list a:focus,
  2395. .tags__list a:hover {
  2396.   background: #ffd333;
  2397.   border: 1px solid #ffd333;
  2398.   color: #3d464d;
  2399. }
  2400. .tags--lg .tags__list {
  2401.   margin: -3px;
  2402. }
  2403. .tags--lg .tags__list a {
  2404.   padding: 6px 10px 5px;
  2405.   margin: 3px;
  2406. }
  2407. .tooltip {
  2408.   pointer-events: none;
  2409.   transition-duration: 0s;
  2410.   font-family: inherit;
  2411. }
  2412. .tooltip.show {
  2413.   opacity: 1;
  2414. }
  2415. .tooltip-inner {
  2416.   background: #3d464d;
  2417.   color: #fff;
  2418.   border-radius: 1.5px;
  2419.   position: relative;
  2420.   padding: 0.1875rem 0.625rem 0.125rem;
  2421. }
  2422. .tooltip .arrow {
  2423.   width: 8px;
  2424.   height: 8px;
  2425. }
  2426. .tooltip .arrow:before {
  2427.   width: 8px;
  2428.   height: 8px;
  2429.   border-radius: 1px;
  2430.   border: none;
  2431.   background: #3d464d;
  2432.   transform: rotate(45deg) scale(0.7619);
  2433. }
  2434. .bs-tooltip-auto[x-placement^="top"],
  2435. .bs-tooltip-top {
  2436.   padding: 4px 0;
  2437. }
  2438. .bs-tooltip-auto[x-placement^="top"] .arrow,
  2439. .bs-tooltip-auto[x-placement^="top"] .tooltip-inner,
  2440. .bs-tooltip-top .arrow,
  2441. .bs-tooltip-top .tooltip-inner {
  2442.   bottom: 3px;
  2443. }
  2444. .bs-tooltip-auto[x-placement^="bottom"],
  2445. .bs-tooltip-bottom {
  2446.   padding: 4px 0;
  2447. }
  2448. .bs-tooltip-auto[x-placement^="bottom"] .arrow,
  2449. .bs-tooltip-auto[x-placement^="bottom"] .tooltip-inner,
  2450. .bs-tooltip-bottom .arrow,
  2451. .bs-tooltip-bottom .tooltip-inner {
  2452.   top: 3px;
  2453. }
  2454. .bs-tooltip-auto[x-placement^="right"],
  2455. .bs-tooltip-right {
  2456.   padding: 0 4px;
  2457. }
  2458. .bs-tooltip-auto[x-placement^="right"] .arrow,
  2459. .bs-tooltip-auto[x-placement^="right"] .tooltip-inner,
  2460. .bs-tooltip-right .arrow,
  2461. .bs-tooltip-right .tooltip-inner {
  2462.   left: 3px;
  2463. }
  2464. .bs-tooltip-auto[x-placement^="left"],
  2465. .bs-tooltip-left {
  2466.   padding: 0 4px;
  2467. }
  2468. .bs-tooltip-auto[x-placement^="left"] .arrow,
  2469. .bs-tooltip-auto[x-placement^="left"] .tooltip-inner,
  2470. .bs-tooltip-left .arrow,
  2471. .bs-tooltip-left .tooltip-inner {
  2472.   right: 3px;
  2473. }
  2474. .typography {
  2475.   line-height: 1.625;
  2476. }
  2477. .typography a:hover {
  2478.   text-decoration: underline;
  2479. }
  2480. .typography h1,
  2481. .typography h2,
  2482. .typography h3,
  2483. .typography h4,
  2484. .typography h5,
  2485. .typography h6 {
  2486.   margin-top: 1.75em;
  2487.   margin-bottom: 0.75em;
  2488. }
  2489. .typography p {
  2490.   margin-bottom: 1.5em;
  2491. }
  2492. .typography ol,
  2493. .typography ul {
  2494.   margin: 1.7em 0;
  2495. }
  2496. .typography li {
  2497.   margin-bottom: 0.7em;
  2498. }
  2499. .typography > :first-child {
  2500.   margin-top: 0;
  2501. }
  2502. .typography > :last-child {
  2503.   margin-bottom: 0;
  2504. }
  2505. .typography a > img {
  2506.   transition: opacity 0.2s;
  2507. }
  2508. .typography a:hover > img {
  2509.   opacity: 0.8;
  2510. }
  2511. .typography img {
  2512.   max-width: 100%;
  2513. }
  2514. .typography figure {
  2515.   margin: 2.5em 0;
  2516. }
  2517. .typography figcaption {
  2518.   margin-top: 20px;
  2519.   text-align: center;
  2520.   font-size: 14px;
  2521.   color: #999;
  2522. }
  2523. .typography hr {
  2524.   position: relative;
  2525.   width: 4px;
  2526.   height: 4px;
  2527.   border-radius: 2px;
  2528.   border: none;
  2529.   background: #ccc;
  2530.   margin: 2.5em auto;
  2531. }
  2532. .typography hr:after,
  2533. .typography hr:before {
  2534.   position: absolute;
  2535.   content: "";
  2536.   display: block;
  2537.   width: inherit;
  2538.   height: inherit;
  2539.   border-radius: inherit;
  2540.   background: inherit;
  2541. }
  2542. .typography hr:after {
  2543.   left: -30px;
  2544. }
  2545. .typography hr:before {
  2546.   right: -30px;
  2547. }
  2548. .typography blockquote {
  2549.   margin: 3em 2.5em 2.5em;
  2550.   text-align: center;
  2551.   font-size: 18px;
  2552.   font-style: italic;
  2553. }
  2554. .typography blockquote cite {
  2555.   margin-top: -0.5em;
  2556.   color: #999;
  2557.   display: block;
  2558.   font-size: 15px;
  2559.   font-style: normal;
  2560. }
  2561. .typography blockquote p {
  2562.   margin-bottom: 1.25em;
  2563. }
  2564. .typography blockquote > :first-child {
  2565.   margin-top: 0;
  2566. }
  2567. .typography blockquote > :last-child {
  2568.   margin-bottom: 0;
  2569. }
  2570. @media (min-width: 576px) and (max-width: 767px) {
  2571.   .typography blockquote {
  2572.     margin: 2.5em 1.5em 2em;
  2573.   }
  2574. }
  2575. @media (max-width: 575px) {
  2576.   .typography blockquote {
  2577.     font-size: 16px;
  2578.     text-align: left;
  2579.     margin: 2.75em 0 2.5em;
  2580.   }
  2581. }
  2582. @media (min-width: 992px) {
  2583.   .typography--expanded figure {
  2584.     text-align: center;
  2585.     position: relative;
  2586.     left: -95px;
  2587.     width: calc(100% + 190px);
  2588.     margin: 3em 0;
  2589.   }
  2590.   .typography--expanded figure img {
  2591.     overflow: hidden;
  2592.     border-radius: 3px;
  2593.   }
  2594. }
  2595. .filter__title {
  2596.   display: block;
  2597.   border: none;
  2598.   padding: 6px 10px;
  2599.   cursor: pointer;
  2600.   width: calc(100% + 20px);
  2601.   position: relative;
  2602.   text-align: left;
  2603.   color: inherit;
  2604.   font-weight: 700;
  2605.   font-size: 15px;
  2606.   line-height: 18px;
  2607.   border-radius: 2px;
  2608.   margin: 0 -10px;
  2609.   transition: background-color 0.2s, fill 0.2s;
  2610.   background: transparent;
  2611.   fill: #ccc;
  2612. }
  2613. .filter__title:focus,
  2614. .filter__title:hover {
  2615.   transition-duration: 0.1s, 0.1s;
  2616.   background: #f2f2f2;
  2617.   fill: #b3b3b3;
  2618. }
  2619. .filter__title:focus {
  2620.   outline: none;
  2621. }
  2622. .filter__arrow {
  2623.   position: absolute;
  2624.   top: 11px;
  2625.   right: 10px;
  2626.   transition: transform 0.2s;
  2627. }
  2628. .filter__body {
  2629.   margin: 0 -20px;
  2630.   overflow: hidden;
  2631.   visibility: hidden;
  2632.   height: 0;
  2633.   opacity: 0;
  2634.   transition: height 0.2s, opacity 0.2s, visibility 0s 0.2s;
  2635. }
  2636. .filter__container {
  2637.   padding: 10px 20px 16px;
  2638. }
  2639. .filter--opened .filter__body {
  2640.   transition-delay: 0s, 0s;
  2641.   visibility: visible;
  2642.   height: auto;
  2643.   opacity: 1;
  2644. }
  2645. .filter--opened .filter__arrow {
  2646.   transform: rotate(180deg);
  2647. }
  2648. .filter-categories__list {
  2649.   list-style: none;
  2650.   padding: 0;
  2651.   margin: 0;
  2652.   font-size: 15px;
  2653.   line-height: 18px;
  2654. }
  2655. .filter-categories__list a {
  2656.   color: inherit;
  2657.   transition: color 0.15s;
  2658. }
  2659. .filter-categories__list a:hover {
  2660.   color: #1a66ff;
  2661. }
  2662. .filter-categories__item {
  2663.   padding: 6px 0;
  2664.   display: -ms-flexbox;
  2665.   display: flex;
  2666. }
  2667. .filter-categories__item > a {
  2668.   padding-right: 10px;
  2669.   -ms-flex-positive: 1;
  2670.   flex-grow: 1;
  2671. }
  2672. .filter-categories__item--parent {
  2673.   position: relative;
  2674.   padding-left: 14px;
  2675. }
  2676. .filter-categories__item--current {
  2677.   font-weight: 700;
  2678. }
  2679. .filter-categories__item--child {
  2680.   position: relative;
  2681.   padding-left: 14px;
  2682.   font-size: 15px;
  2683. }
  2684. .filter-categories__arrow {
  2685.   fill: #ccc;
  2686.   position: absolute;
  2687.   left: 0;
  2688.   top: 10px;
  2689. }
  2690. .filter-categories__counter {
  2691.   font-size: 12px;
  2692.   line-height: 12px;
  2693.   padding-top: 4px;
  2694.   font-weight: 400;
  2695.   color: #999;
  2696. }
  2697. .filter-color__list {
  2698.   padding: 2px 0;
  2699.   display: -ms-flexbox;
  2700.   display: flex;
  2701.   -ms-flex-wrap: wrap;
  2702.   flex-wrap: wrap;
  2703.   margin: -4px;
  2704. }
  2705. .filter-color__item {
  2706.   cursor: pointer;
  2707.   margin: 4px;
  2708. }
  2709. .filter-color__check {
  2710.   display: block;
  2711. }
  2712. .filter-list__list {
  2713.   margin: -8px 0;
  2714. }
  2715. .filter-list__item {
  2716.   padding: 1px 0;
  2717.   cursor: pointer;
  2718.   display: -ms-flexbox;
  2719.   display: flex;
  2720.   margin: 8px 0;
  2721. }
  2722. .filter-list__input {
  2723.   -ms-flex-negative: 0;
  2724.   flex-shrink: 0;
  2725.   margin-right: 7px;
  2726. }
  2727. .filter-list__title {
  2728.   padding: 1px 0;
  2729.   font-size: 14px;
  2730.   line-height: 16px;
  2731.   -ms-flex-positive: 1;
  2732.   flex-grow: 1;
  2733. }
  2734. .filter-list__counter {
  2735.   margin-left: 12px;
  2736.   padding-top: 3px;
  2737.   font-size: 12px;
  2738.   line-height: 12px;
  2739.   color: #999;
  2740. }
  2741. .filter-list__item--disabled {
  2742.   cursor: default;
  2743. }
  2744. .filter-list__item--disabled .filter-list__title {
  2745.   color: #999;
  2746. }
  2747. .filter-price__slider {
  2748.   margin-top: 6px;
  2749. }
  2750. .filter-price__title {
  2751.   margin-top: 16px;
  2752.   font-size: 14px;
  2753.   color: #999;
  2754. }
  2755. .departments {
  2756.   width: 255px;
  2757.   height: 42px;
  2758.   color: #fff;
  2759.   position: relative;
  2760. }
  2761. .departments__button {
  2762.   text-align: left;
  2763.   border: none;
  2764.   background: transparent;
  2765.   color: inherit;
  2766.   font-size: 15px;
  2767.   position: relative;
  2768.   z-index: 1;
  2769.   width: 100%;
  2770.   height: 100%;
  2771.   cursor: default;
  2772.   font-weight: 500;
  2773.   padding: 0 32px 0 47px;
  2774. }
  2775. .departments__button:focus {
  2776.   outline: none;
  2777. }
  2778. .departments__button-icon {
  2779.   position: absolute;
  2780.   left: 16px;
  2781.   top: calc(50% - 7px);
  2782.   fill: #859ba6;
  2783.   transition: fill 0.2s;
  2784. }
  2785. .departments__button-arrow {
  2786.   position: absolute;
  2787.   right: 13px;
  2788.   top: calc(50% - 3px);
  2789.   fill: #859ba6;
  2790.   transition: fill 0.2s, transform 0.2s;
  2791. }
  2792. .departments__body {
  2793.   width: 100%;
  2794.   padding-top: 42px;
  2795.   position: absolute;
  2796.   background: #3d464d;
  2797.   box-shadow: none;
  2798.   border-radius: 2px;
  2799. }
  2800. .departments__links {
  2801.   position: relative;
  2802.   list-style: none;
  2803.   padding: 0 0 14px;
  2804.   margin: 6px 0 0;
  2805. }
  2806. .departments__links > li:hover .departments__megamenu,
  2807. .departments__links > li:hover .departments__menu {
  2808.   visibility: visible;
  2809. }
  2810. .departments__links > li:hover > a {
  2811.   background: #525d66;
  2812. }
  2813. .departments__links > li > a {
  2814.   font-weight: 400;
  2815.   position: relative;
  2816.   display: block;
  2817.   padding: 10px 16px;
  2818.   color: inherit;
  2819.   font-size: 14px;
  2820.   line-height: 16px;
  2821.   letter-spacing: 0.02em;
  2822. }
  2823. .departments__item--menu {
  2824.   position: relative;
  2825. }
  2826. .departments__link-arrow {
  2827.   right: 14px;
  2828.   top: calc(50% - 5px);
  2829.   position: absolute;
  2830.   fill: #98aab3;
  2831. }
  2832. .departments__megamenu,
  2833. .departments__menu {
  2834.   position: absolute;
  2835.   left: 100%;
  2836.   top: 0;
  2837.   height: 100%;
  2838.   visibility: hidden;
  2839. }
  2840. .departments__megamenu--sm {
  2841.   width: 237px;
  2842. }
  2843. .departments__megamenu--nl {
  2844.   width: 443px;
  2845. }
  2846. .departments__megamenu--lg {
  2847.   width: 649px;
  2848. }
  2849. .departments__megamenu--xl {
  2850.   width: 855px;
  2851. }
  2852. .departments__links-wrapper {
  2853.   overflow: hidden;
  2854.   height: 0;
  2855.   opacity: 0;
  2856.   transition: height 0.25s ease-in-out, opacity 0.25s ease-in-out;
  2857. }
  2858. .departments:not(.departments--fixed) .departments__button {
  2859.   cursor: pointer;
  2860. }
  2861. .departments:not(.departments--fixed)
  2862.   .departments__button:hover
  2863.   .departments__button-arrow,
  2864. .departments:not(.departments--fixed)
  2865.   .departments__button:hover
  2866.   .departments__button-icon {
  2867.   fill: currentColor;
  2868. }
  2869. .departments--opened .departments__links-wrapper {
  2870.   overflow: visible;
  2871.   height: auto;
  2872.   opacity: 1;
  2873. }
  2874. .departments--opened .departments__button-arrow {
  2875.   transform: rotate(180deg);
  2876. }
  2877. .departments--transition .departments__links-wrapper {
  2878.   overflow: hidden;
  2879. }
  2880. @media (min-width: 992px) and (max-width: 1199px) {
  2881.   .departments {
  2882.     width: 210px;
  2883.   }
  2884.   .departments__megamenu--sm {
  2885.     width: 204px;
  2886.   }
  2887.   .departments__megamenu--nl {
  2888.     width: 376px;
  2889.   }
  2890.   .departments__megamenu--lg {
  2891.     width: 548px;
  2892.   }
  2893.   .departments__megamenu--xl {
  2894.     width: 720px;
  2895.   }
  2896. }
  2897. .drop-search {
  2898.   color: #3d464d;
  2899.   background: #fff;
  2900.   box-shadow: 0 1px 15px rgba(0, 0, 0, 0.25);
  2901. }
  2902. .drop-search__form {
  2903.   display: -ms-flexbox;
  2904.   display: flex;
  2905.   height: 50px;
  2906.   width: 320px;
  2907. }
  2908. .drop-search__button,
  2909. .drop-search__input {
  2910.   border: none;
  2911.   padding: 0;
  2912.   background: transparent;
  2913. }
  2914. .drop-search__button:focus,
  2915. .drop-search__input:focus {
  2916.   outline: none;
  2917. }
  2918. .drop-search__input {
  2919.   padding: 0 0 0 18px;
  2920.   -ms-flex-positive: 1;
  2921.   flex-grow: 1;
  2922.   -ms-flex-preferred-size: 0;
  2923.   flex-basis: 0;
  2924.   width: 0;
  2925. }
  2926. .drop-search__button {
  2927.   -ms-flex-negative: 0;
  2928.   flex-shrink: 0;
  2929.   cursor: pointer;
  2930.   display: -ms-flexbox;
  2931.   display: flex;
  2932.   -ms-flex-align: center;
  2933.   align-items: center;
  2934.   -ms-flex-pack: center;
  2935.   justify-content: center;
  2936.   width: 52px;
  2937.   fill: #bfbfbf;
  2938.   transition: fill 0.2s;
  2939. }
  2940. .drop-search__button:hover {
  2941.   fill: #3d464d;
  2942. }
  2943. .dropcart {
  2944.   font-size: 15px;
  2945.   width: 320px;
  2946.   font-weight: 400;
  2947.   color: #3d464d;
  2948.   background: #fff;
  2949.   box-shadow: 0 1px 15px rgba(0, 0, 0, 0.25);
  2950. }
  2951. @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  2952.   .dropcart {
  2953.     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
  2954.   }
  2955. }
  2956. .dropcart__products-list {
  2957.   padding: 20px 16px;
  2958. }
  2959. .dropcart__product {
  2960.   display: -ms-flexbox;
  2961.   display: flex;
  2962. }
  2963. .dropcart__product + .dropcart__product {
  2964.   margin-top: 24px;
  2965. }
  2966. .dropcart__product-image {
  2967.   width: 70px;
  2968.   -ms-flex-negative: 0;
  2969.   flex-shrink: 0;
  2970. }
  2971. .dropcart__product-image img {
  2972.   max-width: 100%;
  2973. }
  2974. .dropcart__product-name {
  2975.   margin-top: -2px;
  2976.   line-height: 18px;
  2977.   font-size: 15px;
  2978. }
  2979. .dropcart__product-name a {
  2980.   color: inherit;
  2981.   transition: 0.15s;
  2982. }
  2983. .dropcart__product-name a:hover {
  2984.   color: #1a66ff;
  2985. }
  2986. .dropcart__product-info {
  2987.   margin: 0 10px 0 16px;
  2988.   -ms-flex-positive: 1;
  2989.   flex-grow: 1;
  2990. }
  2991. .dropcart__product-options {
  2992.   list-style: none;
  2993.   margin: 3px 0 0;
  2994.   padding: 0;
  2995.   font-size: 13px;
  2996.   line-height: 16px;
  2997.   color: #999;
  2998. }
  2999. .dropcart__product-meta {
  3000.   margin-top: 5px;
  3001.   font-size: 13px;
  3002. }
  3003. .dropcart__product-price {
  3004.   font-size: 14px;
  3005.   font-weight: 700;
  3006. }
  3007. .dropcart__product-remove {
  3008.   margin-right: -6px;
  3009.   margin-top: -6px;
  3010.   -ms-flex-negative: 0;
  3011.   flex-shrink: 0;
  3012. }
  3013. .dropcart__totals {
  3014.   border-top: 1px solid #ebebeb;
  3015.   line-height: 24px;
  3016.   padding: 16px 20px 0;
  3017. }
  3018. .dropcart__totals th {
  3019.   padding-right: 16px;
  3020. }
  3021. .dropcart__totals td {
  3022.   text-align: right;
  3023. }
  3024. .dropcart__totals table {
  3025.   width: 100%;
  3026. }
  3027. .dropcart__buttons {
  3028.   display: -ms-flexbox;
  3029.   display: flex;
  3030.   margin-top: 4px;
  3031.   padding: 20px;
  3032. }
  3033. .dropcart__buttons > * {
  3034.   -ms-flex-positive: 1;
  3035.   flex-grow: 1;
  3036. }
  3037. .dropcart__buttons > :first-child {
  3038.   margin-right: 8px;
  3039. }
  3040. .indicator {
  3041.   color: none;
  3042. }
  3043. .indicator,
  3044. .indicator__button {
  3045.   display: -ms-flexbox;
  3046.   display: flex;
  3047. }
  3048. .indicator__button {
  3049.   -ms-flex-align: center;
  3050.   align-items: center;
  3051.   border: none;
  3052.   background: transparent;
  3053.   cursor: pointer;
  3054.   padding: 0;
  3055.   color: inherit;
  3056.   fill: currentColor;
  3057. }
  3058. .indicator__button:focus {
  3059.   outline: none;
  3060. }
  3061. .indicator__button:hover {
  3062.   color: inherit;
  3063. }
  3064. .indicator__area {
  3065.   background: transparent;
  3066.   transition: background-color 0.2s;
  3067.   border-radius: 2px;
  3068.   height: 42px;
  3069.   padding: 0 14px;
  3070.   display: -ms-flexbox;
  3071.   display: flex;
  3072.   -ms-flex-align: center;
  3073.   align-items: center;
  3074. }
  3075. .indicator__value {
  3076.   height: 15px;
  3077.   font-size: 10px;
  3078.   padding: 0 5px;
  3079.   border-radius: 1000px;
  3080.   position: relative;
  3081.   top: -11px;
  3082.   margin-left: -5px;
  3083.   margin-right: -8px;
  3084.   background: #fff;
  3085.   color: #3d464d;
  3086.   font-weight: 700;
  3087. }
  3088. .indicator__dropdown {
  3089.   top: 100%;
  3090.   right: 0;
  3091.   position: absolute;
  3092.   visibility: hidden;
  3093.   transform-origin: top;
  3094.   transform: rotateX(60deg);
  3095.   opacity: 0;
  3096.   transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
  3097. }
  3098. .indicator--trigger--click.indicator--opened .indicator__button,
  3099. .indicator:hover .indicator__button {
  3100.   color: none;
  3101. }
  3102. .indicator--trigger--click.indicator--opened .indicator__area,
  3103. .indicator:hover .indicator__area {
  3104.   background: hsla(0, 0%, 100%, 0.5);
  3105.   transition-duration: 0.1s;
  3106. }
  3107. .indicator--trigger--click.indicator--opened .indicator__value,
  3108. .indicator:hover .indicator__value {
  3109.   background: #fff;
  3110.   color: #3d464d;
  3111. }
  3112. .indicator--trigger--click.indicator--opened .indicator__dropdown,
  3113. .indicator--trigger--hover:hover .indicator__dropdown {
  3114.   z-index: 1;
  3115.   transition-delay: 0s, 0s, 0s;
  3116.   opacity: 1;
  3117.   visibility: visible;
  3118.   transform: rotateX(0deg);
  3119. }
  3120. .indicator__icon {
  3121.   transition: transform 0.2s, opacity 0.2s;
  3122. }
  3123. .indicator__icon--open {
  3124.   position: absolute;
  3125. }
  3126. .indicator--trigger--click.indicator--opened
  3127.   .indicator__icon:not(.indicator__icon--open),
  3128. .indicator--trigger--click:not(.indicator--opened) .indicator__icon--open {
  3129.   transform: scale(0);
  3130.   opacity: 0;
  3131. }
  3132. .indicator--mobile .indicator__area {
  3133.   height: 36px;
  3134.   padding: 0 10px;
  3135. }
  3136. @media (min-width: 992px) and (max-width: 1199px) {
  3137.   .indicator__area {
  3138.     padding: 0 12px;
  3139.   }
  3140. }
  3141. .megamenu {
  3142.   background: #fff;
  3143.   color: #3d464d;
  3144.   box-shadow: 0 1px 15px rgba(0, 0, 0, 0.25);
  3145.   min-height: 100%;
  3146.   width: 100%;
  3147.   padding: 26px 30px;
  3148.   line-height: 1.5;
  3149.   letter-spacing: 0.01em;
  3150.   background-position: 100% 100%;
  3151.   background-repeat: no-repeat;
  3152. }
  3153. @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  3154.   .megamenu {
  3155.     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
  3156.   }
  3157. }
  3158. .megamenu--departments {
  3159.   padding-right: 31px;
  3160. }
  3161. @media (min-width: 992px) and (max-width: 1199px) {
  3162.   .megamenu--departments {
  3163.     padding-right: 32px;
  3164.   }
  3165. }
  3166. .megamenu__links {
  3167.   list-style: none;
  3168.   margin: 0;
  3169.   padding: 0;
  3170. }
  3171. .megamenu__links a {
  3172.   color: inherit;
  3173.   transition: color 0.15s;
  3174. }
  3175. .megamenu__links a:hover {
  3176.   color: #1a66ff;
  3177. }
  3178. .megamenu__links--level--0 > .megamenu__item + .megamenu__item--with-submenu,
  3179. .megamenu__links--level--0 > .megamenu__item--with-submenu + .megamenu__item {
  3180.   margin-top: 20px;
  3181. }
  3182. .megamenu__links--level--0 > .megamenu__item {
  3183.   padding: 1px 0;
  3184. }
  3185. .megamenu__links--level--0 > .megamenu__item > a {
  3186.   font-weight: 500;
  3187. }
  3188. .megamenu__links--level--0 > .megamenu__item > a + .megamenu__links {
  3189.   padding-top: 10px;
  3190.   margin-top: 3px;
  3191.   border-top: 1px solid #e5e5e5;
  3192. }
  3193. .megamenu__links--level--1 > .megamenu__item > a {
  3194.   font-size: 14px;
  3195.   color: #5c6b73;
  3196.   transition: color 0.15s;
  3197. }
  3198. .megamenu__links--level--1 > .megamenu__item > a:hover {
  3199.   color: #1a66ff;
  3200. }
  3201. .menu {
  3202.   color: #3d464d;
  3203.   background: #fff;
  3204.   box-shadow: 0 1px 15px rgba(0, 0, 0, 0.25);
  3205.   list-style: none;
  3206.   width: 190px;
  3207.   padding: 10px 0;
  3208.   font-size: 14px;
  3209.   line-height: 16px;
  3210.   letter-spacing: 0.02em;
  3211.   font-weight: 500;
  3212. }
  3213. @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  3214.   .menu {
  3215.     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
  3216.   }
  3217. }
  3218. .menu > li {
  3219.   position: relative;
  3220. }
  3221. .menu > li > a {
  3222.   display: block;
  3223.   padding: 8px 24px 6px 16px;
  3224.   color: inherit;
  3225. }
  3226. .menu > li:hover > a {
  3227.   background: #f2f2f2;
  3228. }
  3229. .menu > li:hover .menu__submenu {
  3230.   opacity: 1;
  3231.   visibility: visible;
  3232.   transform: rotateY(0deg);
  3233. }
  3234. .menu__icon {
  3235.   position: absolute;
  3236.   top: 3px;
  3237.   left: 15px;
  3238. }
  3239. .menu__arrow {
  3240.   position: absolute;
  3241.   right: 12px;
  3242.   top: calc(50% - 5px);
  3243.   fill: #b3b3b3;
  3244. }
  3245. .menu__submenu {
  3246.   top: -10px;
  3247.   left: 100%;
  3248.   position: absolute;
  3249.   visibility: hidden;
  3250.   transform-origin: left;
  3251.   transform: rotateY(45deg);
  3252.   opacity: 0;
  3253.   transition: transform 0.2s, opacity 0.2s;
  3254. }
  3255. .menu--with-icons > li > a {
  3256.   padding-left: 50px;
  3257. }
  3258. .menu--layout--topbar {
  3259.   padding: 6px 0;
  3260.   width: 150px;
  3261.   box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25);
  3262. }
  3263. @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  3264.   .menu--layout--topbar {
  3265.     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
  3266.   }
  3267. }
  3268. .menu--layout--topbar > li > a {
  3269.   display: block;
  3270.   padding: 8px 21px 6px 13px;
  3271.   color: inherit;
  3272. }
  3273. .menu--layout--topbar.menu--with-icons .menu__icon {
  3274.   position: absolute;
  3275.   top: 3px;
  3276.   left: 12px;
  3277. }
  3278. .menu--layout--topbar.menu--with-icons > li > a {
  3279.   padding-left: 45px;
  3280. }
  3281. .mobile-header {
  3282.   height: 54px;
  3283. }
  3284. .mobile-header__panel {
  3285.   background: #ffd333;
  3286.   box-shadow: 0 1px rgba(0, 0, 0, 0.04), inset 0 -1px rgba(0, 0, 0, 0.04);
  3287.   color: #3d464d;
  3288.   position: relative;
  3289. }
  3290. .mobile-header__body {
  3291.   height: 54px;
  3292. }
  3293. .mobile-header__body,
  3294. .mobile-header__menu-button {
  3295.   display: -ms-flexbox;
  3296.   display: flex;
  3297.   -ms-flex-align: center;
  3298.   align-items: center;
  3299. }
  3300. .mobile-header__menu-button {
  3301.   -ms-flex-negative: 0;
  3302.   flex-shrink: 0;
  3303.   width: 36px;
  3304.   height: 36px;
  3305.   border-radius: 2px;
  3306.   background: transparent;
  3307.   fill: #3d464d;
  3308.   border: none;
  3309.   padding: 0;
  3310.   margin: 0;
  3311.   cursor: pointer;
  3312.   transition: fill 0.2s, background 0.2s;
  3313.   -ms-flex-pack: center;
  3314.   justify-content: center;
  3315. }
  3316. .mobile-header__menu-button:focus {
  3317.   outline: none;
  3318. }
  3319. .mobile-header__menu-button:focus,
  3320. .mobile-header__menu-button:hover {
  3321.   background: hsla(0, 0%, 100%, 0.5);
  3322.   fill: #3d464d;
  3323. }
  3324. .mobile-header__indicators {
  3325.   display: -ms-flexbox;
  3326.   display: flex;
  3327.   margin-left: auto;
  3328. }
  3329. .mobile-header__logo {
  3330.   margin: 0 16px 0 12px;
  3331.   color: inherit;
  3332.   fill: currentColor;
  3333. }
  3334. .mobile-header__logo:hover {
  3335.   color: inherit;
  3336. }
  3337. .mobile-header__logo svg {
  3338.   display: block;
  3339. }
  3340. @media (min-width: 576px) and (max-width: 991px) {
  3341.   .mobile-header__search {
  3342.     -ms-flex-positive: 1;
  3343.     flex-grow: 1;
  3344.     margin-right: 8px;
  3345.     height: 36px;
  3346.     position: relative;
  3347.   }
  3348.   .mobile-header__search input {
  3349.     position: relative;
  3350.     z-index: 1;
  3351.     -ms-flex-preferred-size: 0;
  3352.     flex-basis: 0;
  3353.     width: 0;
  3354.     -ms-flex-positive: 1;
  3355.     flex-grow: 1;
  3356.     background: transparent;
  3357.     border: none;
  3358.     padding: 0 12px;
  3359.     margin: 0;
  3360.     font-family: inherit;
  3361.     font-size: 15px;
  3362.     color: inherit;
  3363.   }
  3364.   .mobile-header__search input::-webkit-input-placeholder {
  3365.     color: rgba(0, 0, 0, 0.7);
  3366.   }
  3367.   .mobile-header__search input:-ms-input-placeholder,
  3368.   .mobile-header__search input::-ms-input-placeholder {
  3369.     color: rgba(0, 0, 0, 0.7);
  3370.   }
  3371.   .mobile-header__search input::placeholder {
  3372.     color: rgba(0, 0, 0, 0.7);
  3373.   }
  3374.   .mobile-header__search input:hover {
  3375.     color: inherit;
  3376.   }
  3377.   .mobile-header__search input:hover::-webkit-input-placeholder {
  3378.     color: rgba(0, 0, 0, 0.7);
  3379.   }
  3380.   .mobile-header__search input:hover:-ms-input-placeholder,
  3381.   .mobile-header__search input:hover::-ms-input-placeholder {
  3382.     color: rgba(0, 0, 0, 0.7);
  3383.   }
  3384.   .mobile-header__search input:hover::placeholder {
  3385.     color: rgba(0, 0, 0, 0.7);
  3386.   }
  3387.   .mobile-header__search input:focus {
  3388.     color: inherit;
  3389.     outline: none;
  3390.   }
  3391.   .mobile-header__search input:focus::-webkit-input-placeholder {
  3392.     color: #999;
  3393.   }
  3394.   .mobile-header__search input:focus:-ms-input-placeholder,
  3395.   .mobile-header__search input:focus::-ms-input-placeholder {
  3396.     color: #999;
  3397.   }
  3398.   .mobile-header__search input:focus::placeholder {
  3399.     color: #999;
  3400.   }
  3401.   .mobile-header__search input:hover ~ .mobile-header__search-button {
  3402.     fill: rgba(0, 0, 0, 0.3);
  3403.   }
  3404.   .mobile-header__search input:hover ~ .mobile-header__search-button:focus,
  3405.   .mobile-header__search input:hover ~ .mobile-header__search-button:hover {
  3406.     fill: #3d464d;
  3407.   }
  3408.   .mobile-header__search input:hover ~ div {
  3409.     background: hsla(0, 0%, 100%, 0.8);
  3410.     box-shadow: none;
  3411.   }
  3412.   .mobile-header__search input:focus ~ .mobile-header__search-button {
  3413.     fill: rgba(0, 0, 0, 0.3);
  3414.   }
  3415.   .mobile-header__search input:focus ~ .mobile-header__search-button:focus,
  3416.   .mobile-header__search input:focus ~ .mobile-header__search-button:hover {
  3417.     fill: #3d464d;
  3418.   }
  3419.   .mobile-header__search input:focus ~ div {
  3420.     background: #fff;
  3421.     box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  3422.   }
  3423.   .mobile-header__search div {
  3424.     pointer-events: none;
  3425.     position: absolute;
  3426.     top: 0;
  3427.     left: 0;
  3428.     width: 100%;
  3429.     height: 100%;
  3430.     background: hsla(0, 0%, 100%, 0.5);
  3431.     box-shadow: none;
  3432.     transition: all 0.2s;
  3433.     border-radius: 2px;
  3434.   }
  3435.   .mobile-header__search-form {
  3436.     height: 100%;
  3437.     display: -ms-flexbox;
  3438.     display: flex;
  3439.   }
  3440.   .mobile-header__search-button {
  3441.     position: relative;
  3442.     z-index: 1;
  3443.     background: transparent;
  3444.     border: none;
  3445.     padding: 0;
  3446.     margin: 0;
  3447.     width: 36px;
  3448.     -ms-flex-negative: 0;
  3449.     flex-shrink: 0;
  3450.     display: -ms-flexbox;
  3451.     display: flex;
  3452.     -ms-flex-align: center;
  3453.     align-items: center;
  3454.     -ms-flex-pack: center;
  3455.     justify-content: center;
  3456.     cursor: pointer;
  3457.     fill: rgba(0, 0, 0, 0.3);
  3458.     transition: fill 0.2s;
  3459.   }
  3460.   .mobile-header__search-button:focus {
  3461.     outline: none;
  3462.   }
  3463.   .mobile-header__search-button:focus,
  3464.   .mobile-header__search-button:hover {
  3465.     fill: #3d464d;
  3466.   }
  3467.   .mobile-header__search-button--close {
  3468.     display: none;
  3469.   }
  3470. }
  3471. @media (max-width: 575px) {
  3472.   .mobile-header__search {
  3473.     left: 0;
  3474.     top: 0;
  3475.     width: 100%;
  3476.     position: absolute;
  3477.     background: #fff;
  3478.     box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25);
  3479.     z-index: 1;
  3480.     transform: translateY(-100%);
  3481.     visibility: hidden;
  3482.     opacity: 0;
  3483.     transition: transform 0.3s, visibility 0s 0.3s, opacity 0.3s;
  3484.   }
  3485.   .mobile-header__search form {
  3486.     height: 54px;
  3487.     display: -ms-flexbox;
  3488.     display: flex;
  3489.   }
  3490.   .mobile-header__search input {
  3491.     -ms-flex-positive: 1;
  3492.     flex-grow: 1;
  3493.     -ms-flex-preferred-size: 0;
  3494.     flex-basis: 0;
  3495.     width: 0;
  3496.     background: transparent;
  3497.     border: none;
  3498.     padding: 0 0 0 15px;
  3499.   }
  3500.   .mobile-header__search input:focus {
  3501.     outline: none;
  3502.   }
  3503.   .mobile-header__search input::-webkit-input-placeholder {
  3504.     color: #999;
  3505.   }
  3506.   .mobile-header__search input:-ms-input-placeholder,
  3507.   .mobile-header__search input::-ms-input-placeholder {
  3508.     color: #999;
  3509.   }
  3510.   .mobile-header__search input::placeholder {
  3511.     color: #999;
  3512.   }
  3513.   .mobile-header__search--opened {
  3514.     transition-delay: 0s, 0s;
  3515.     transform: translateY(0);
  3516.     visibility: visible;
  3517.     opacity: 1;
  3518.   }
  3519.   .mobile-header__search-button {
  3520.     -ms-flex-negative: 0;
  3521.     flex-shrink: 0;
  3522.     background: transparent;
  3523.     border: none;
  3524.     display: -ms-flexbox;
  3525.     display: flex;
  3526.     -ms-flex-align: center;
  3527.     align-items: center;
  3528.     -ms-flex-pack: center;
  3529.     justify-content: center;
  3530.     width: 54px;
  3531.     cursor: pointer;
  3532.     fill: #b3b3b3;
  3533.   }
  3534.   .mobile-header__search-button:focus {
  3535.     outline: none;
  3536.   }
  3537.   .mobile-header__search-button:focus,
  3538.   .mobile-header__search-button:hover {
  3539.     fill: #3d464d;
  3540.   }
  3541.   .mobile-header__search-button--close {
  3542.     border-left: 1px solid #ebebeb;
  3543.   }
  3544. }
  3545. .mobile-links {
  3546.   list-style: none;
  3547.   padding: 0;
  3548.   margin: 0;
  3549. }
  3550. .mobile-links__item {
  3551.   border-bottom: 1px solid #ebebeb;
  3552. }
  3553. .mobile-links__item-title {
  3554.   display: -ms-flexbox;
  3555.   display: flex;
  3556.   -ms-flex-align: stretch;
  3557.   align-items: stretch;
  3558.   cursor: pointer;
  3559. }
  3560. .mobile-links__item-link {
  3561.   -ms-flex-positive: 1;
  3562.   flex-grow: 1;
  3563.   color: #3d464d;
  3564. }
  3565. .mobile-links__item-link,
  3566. .mobile-links__item-link:hover {
  3567.   color: inherit;
  3568. }
  3569. .mobile-links__item-toggle {
  3570.   border: none;
  3571.   border-left: 1px solid #ebebeb;
  3572.   background: transparent;
  3573.   padding: 0;
  3574.   width: 54px;
  3575.   -ms-flex-negative: 0;
  3576.   flex-shrink: 0;
  3577.   cursor: inherit;
  3578.   fill: #999;
  3579.   transition: fill 0.2s;
  3580. }
  3581. .mobile-links__item-toggle:focus {
  3582.   outline: none;
  3583. }
  3584. .mobile-links__item-toggle:focus,
  3585. .mobile-links__item-toggle:hover {
  3586.   cursor: inherit;
  3587. }
  3588. .mobile-links__item-arrow {
  3589.   transition: transform 0.3s;
  3590. }
  3591. .mobile-links__item-sub-links {
  3592.   visibility: hidden;
  3593.   overflow: hidden;
  3594.   height: 0;
  3595.   opacity: 0;
  3596.   transition: height 0.3s, opacity 0.3s, visibility 0s 0.3s;
  3597. }
  3598. .mobile-links__item--open > .mobile-links__item-sub-links {
  3599.   visibility: visible;
  3600.   height: auto;
  3601.   opacity: 1;
  3602.   transition-delay: 0s, 0s, 0s;
  3603. }
  3604. .mobile-links__item--open
  3605.   > .mobile-links__item-title
  3606.   .mobile-links__item-arrow {
  3607.   transform: rotate(180deg) translateY(1px);
  3608. }
  3609. .mobile-links--level--0 > .mobile-links__item {
  3610.   border-bottom: 1px solid #ebebeb;
  3611. }
  3612. .mobile-links--level--0 > .mobile-links__item > .mobile-links__item-title {
  3613.   height: 48px;
  3614. }
  3615. .mobile-links--level--0
  3616.   > .mobile-links__item
  3617.   > .mobile-links__item-title
  3618.   .mobile-links__item-link {
  3619.   padding: 12px 20px;
  3620. }
  3621. .mobile-links:not(.mobile-links--level--0) {
  3622.   border-top: 1px solid #ebebeb;
  3623. }
  3624. .mobile-links--level--1 {
  3625.   background: #f7f7f7;
  3626.   font-size: 14px;
  3627.   line-height: 14px;
  3628. }
  3629. .mobile-links--level--1 .mobile-links__item .mobile-links__item-link {
  3630.   padding: 13px 20px;
  3631. }
  3632. .mobile-links--level--1 .mobile-links {
  3633.   padding-left: 20px;
  3634.   background: #fff;
  3635. }
  3636. .mobile-links--level--1 .mobile-links > li {
  3637.   background: #f7f7f7;
  3638.   border-left: 1px solid #ebebeb;
  3639. }
  3640. .mobile-links--level--1 .mobile-links__item:last-child {
  3641.   border-bottom: none;
  3642. }
  3643. .mobilemenu {
  3644.   visibility: hidden;
  3645.   position: fixed;
  3646.   z-index: 1000;
  3647.   transition: visibility 0s 0.3s;
  3648. }
  3649. .mobilemenu,
  3650. .mobilemenu__backdrop {
  3651.   left: 0;
  3652.   top: 0;
  3653.   width: 100%;
  3654.   height: 100%;
  3655. }
  3656. .mobilemenu__backdrop {
  3657.   position: absolute;
  3658.   background: #3d464d;
  3659.   opacity: 0;
  3660.   transition: opacity 0.3s;
  3661. }
  3662. .mobilemenu__body {
  3663.   position: absolute;
  3664.   left: 0;
  3665.   top: 0;
  3666.   width: 290px;
  3667.   height: 100%;
  3668.   background: #fff;
  3669.   box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  3670.   transform: translateX(calc(-100% - 30px));
  3671.   transition: transform 0.3s;
  3672.   display: -ms-flexbox;
  3673.   display: flex;
  3674.   -ms-flex-direction: column;
  3675.   flex-direction: column;
  3676. }
  3677. .mobilemenu__header {
  3678.   height: 55px;
  3679.   display: -ms-flexbox;
  3680.   display: flex;
  3681.   -ms-flex-negative: 0;
  3682.   flex-shrink: 0;
  3683.   -ms-flex-align: center;
  3684.   align-items: center;
  3685.   border-bottom: 1px solid #ebebeb;
  3686. }
  3687. .mobilemenu__title {
  3688.   padding: 0 20px;
  3689.   font-weight: 700;
  3690.   -ms-flex-positive: 1;
  3691.   flex-grow: 1;
  3692. }
  3693. .mobilemenu__close {
  3694.   border: none;
  3695.   border-left: 1px solid #ebebeb;
  3696.   background: transparent;
  3697.   height: 54px;
  3698.   width: 54px;
  3699.   -ms-flex-negative: 0;
  3700.   flex-shrink: 0;
  3701.   cursor: pointer;
  3702.   fill: #999;
  3703.   transition: fill 0.2s;
  3704. }
  3705. .mobilemenu__close:focus {
  3706.   outline: none;
  3707. }
  3708. .mobilemenu__close:focus,
  3709. .mobilemenu__close:hover {
  3710.   fill: #3d464d;
  3711. }
  3712. .mobilemenu__content {
  3713.   -ms-flex-positive: 1;
  3714.   flex-grow: 1;
  3715.   overflow-y: scroll;
  3716.   -webkit-overflow-scrolling: touch;
  3717. }
  3718. .mobilemenu--open {
  3719.   visibility: visible;
  3720.   transition-delay: 0s;
  3721. }
  3722. .mobilemenu--open .mobilemenu__backdrop {
  3723.   opacity: 0.9;
  3724. }
  3725. .mobilemenu--open .mobilemenu__body {
  3726.   transform: translateX(0);
  3727. }
  3728. .nav-links {
  3729.   height: 100%;
  3730. }
  3731. .nav-links__list {
  3732.   height: inherit;
  3733.   z-index: 10;
  3734.   display: -ms-flexbox;
  3735.   display: flex;
  3736.   list-style: none;
  3737.   padding: 0;
  3738.   margin: 0;
  3739. }
  3740. .nav-links__item {
  3741.   height: 100%;
  3742. }
  3743. .nav-links__item > a {
  3744.   display: -ms-flexbox;
  3745.   display: flex;
  3746.   -ms-flex-align: center;
  3747.   align-items: center;
  3748.   height: 100%;
  3749.   font-size: 15px;
  3750.   line-height: 1;
  3751.   letter-spacing: 0.02em;
  3752.   font-weight: 700;
  3753.   color: inherit;
  3754. }
  3755. .nav-links__item > a span {
  3756.   background: transparent;
  3757.   box-shadow: none;
  3758. }
  3759. .nav-links__item > a svg {
  3760.   fill: rgba(0, 0, 0, 0.3);
  3761. }
  3762. .nav-links__item > a > span {
  3763.   display: -ms-flexbox;
  3764.   display: flex;
  3765.   -ms-flex-align: center;
  3766.   align-items: center;
  3767.   background: transparent;
  3768.   transition: background-color 0.2s;
  3769.   padding: 0 14px;
  3770.   height: 42px;
  3771.   border-radius: 2px;
  3772. }
  3773. .nav-links__item:hover > a {
  3774.   color: inherit;
  3775. }
  3776. .nav-links__item:hover > a span {
  3777.   background: hsla(0, 0%, 100%, 0.5);
  3778.   box-shadow: none;
  3779. }
  3780. .nav-links__item:hover > a svg {
  3781.   fill: rgba(0, 0, 0, 0.3);
  3782. }
  3783. .nav-links__item:hover > a > span {
  3784.   transition-duration: 0.1s;
  3785. }
  3786. .nav-links__item:hover .nav-links__megamenu,
  3787. .nav-links__item:hover .nav-links__menu {
  3788.   opacity: 1;
  3789.   visibility: visible;
  3790.   transform: rotateX(0deg);
  3791. }
  3792. .nav-links__item--menu {
  3793.   position: relative;
  3794. }
  3795. .nav-links__item--with-submenu > a span {
  3796.   position: relative;
  3797.   padding-right: 27px;
  3798. }
  3799. .nav-links__item--with-submenu > a svg {
  3800.   right: 12px;
  3801.   top: calc(50% - 3px);
  3802.   position: absolute;
  3803. }
  3804. .nav-links__megamenu,
  3805. .nav-links__menu {
  3806.   top: 100%;
  3807.   position: absolute;
  3808.   visibility: hidden;
  3809.   transform-origin: top;
  3810.   transform: rotateX(45deg);
  3811.   opacity: 0;
  3812.   transition: transform 0.2s, opacity 0.2s;
  3813. }
  3814. .nav-links__megamenu {
  3815.   left: 0;
  3816. }
  3817. .nav-links__megamenu--size--xs {
  3818.   width: 16.66667%;
  3819. }
  3820. .nav-links__megamenu--size--sm {
  3821.   width: 33.33333%;
  3822. }
  3823. .nav-links__megamenu--size--nl {
  3824.   width: 50%;
  3825. }
  3826. .nav-links__megamenu--size--md {
  3827.   width: 66.66667%;
  3828. }
  3829. .nav-links__megamenu--size--lg {
  3830.   width: 83.33333%;
  3831. }
  3832. .nav-links__megamenu--size--xl {
  3833.   width: 100%;
  3834. }
  3835. @media (min-width: 992px) and (max-width: 1199px) {
  3836.   .nav-links__item > a > span {
  3837.     padding: 0 10px;
  3838.   }
  3839.   .nav-links__item--with-submenu > a > span {
  3840.     padding-right: 23px;
  3841.   }
  3842.   .nav-links__item--with-submenu > a svg {
  3843.     right: 8px;
  3844.   }
  3845. }
  3846. .nav-panel {
  3847.   height: 54px;
  3848.   background: #ffd333;
  3849.   box-shadow: 0 1px rgba(0, 0, 0, 0.04), inset 0 -1px rgba(0, 0, 0, 0.04);
  3850.   color: #3d464d;
  3851. }
  3852. .nav-panel--stuck {
  3853.   z-index: 10;
  3854.   width: 100%;
  3855.   position: fixed;
  3856.   top: 0;
  3857.   box-shadow: 0 1px rgba(0, 0, 0, 0.04), inset 0 -1px rgba(0, 0, 0, 0.04),
  3858.     0 1px 20px rgba(0, 0, 0, 0.15);
  3859. }
  3860. .nav-panel__container {
  3861.   height: 100%;
  3862. }
  3863. .nav-panel__row {
  3864.   display: -ms-flexbox;
  3865.   display: flex;
  3866.   -ms-flex-align: center;
  3867.   align-items: center;
  3868.   position: relative;
  3869.   height: 100%;
  3870. }
  3871. .nav-panel__logo svg {
  3872.   display: block;
  3873.   fill: #3d464d;
  3874. }
  3875. .nav-panel__departments {
  3876.   -ms-flex-negative: 0;
  3877.   flex-shrink: 0;
  3878. }
  3879. .nav-panel__departments + .nav-panel__nav-links,
  3880. .nav-panel__logo + .nav-panel__nav-links {
  3881.   margin-left: 18px;
  3882. }
  3883. .nav-panel__nav-links {
  3884.   margin-right: 18px;
  3885. }
  3886. .nav-panel__indicators {
  3887.   display: -ms-flexbox;
  3888.   display: flex;
  3889.   height: 100%;
  3890.   margin-left: auto;
  3891. }
  3892. @media (min-width: 992px) and (max-width: 1199px) {
  3893.   .nav-panel__nav-links {
  3894.     margin-left: 14px;
  3895.     margin-right: 14px;
  3896.   }
  3897. }
  3898. .search__form {
  3899.   position: relative;
  3900.   height: 42px;
  3901.   display: -ms-flexbox;
  3902.   display: flex;
  3903. }
  3904. .search__border {
  3905.   z-index: -1;
  3906.   position: absolute;
  3907.   pointer-events: none;
  3908.   left: 0;
  3909.   top: 0;
  3910.   width: 100%;
  3911.   height: 100%;
  3912.   border-radius: 3px;
  3913.   transition: box-shadow 0.15s, background 0.15s;
  3914. }
  3915. .search__input {
  3916.   border: none;
  3917.   padding: 0 17px;
  3918.   background: transparent;
  3919.   width: 1px;
  3920.   -ms-flex-positive: 1;
  3921.   flex-grow: 1;
  3922.   font-size: 15px;
  3923.   transition: color 0.15s;
  3924.   color: inherit;
  3925. }
  3926. .search__input::-webkit-input-placeholder {
  3927.   color: #999;
  3928. }
  3929. .search__input:-ms-input-placeholder,
  3930. .search__input::-ms-input-placeholder {
  3931.   color: #999;
  3932. }
  3933. .search__input::placeholder {
  3934.   color: #999;
  3935. }
  3936. .search__input ~ .search__border {
  3937.   background: transparent;
  3938.   box-shadow: inset 0 0 0 2px #e5e5e5;
  3939. }
  3940. .search__input:hover {
  3941.   color: inherit;
  3942. }
  3943. .search__input:hover::-webkit-input-placeholder {
  3944.   color: #999;
  3945. }
  3946. .search__input:hover:-ms-input-placeholder,
  3947. .search__input:hover::-ms-input-placeholder {
  3948.   color: #999;
  3949. }
  3950. .search__input:hover::placeholder {
  3951.   color: #999;
  3952. }
  3953. .search__input:hover ~ .search__border {
  3954.   background: transparent;
  3955.   box-shadow: inset 0 0 0 2px #d4d4d4;
  3956. }
  3957. .search__input:hover ~ .search__button {
  3958.   fill: #bfbfbf;
  3959. }
  3960. .search__input:hover ~ .search__button:hover {
  3961.   fill: #ffd333;
  3962. }
  3963. .search__input:focus {
  3964.   outline: none;
  3965.   color: inherit;
  3966. }
  3967. .search__input:focus::-webkit-input-placeholder {
  3968.   color: #999;
  3969. }
  3970. .search__input:focus:-ms-input-placeholder,
  3971. .search__input:focus::-ms-input-placeholder {
  3972.   color: #999;
  3973. }
  3974. .search__input:focus::placeholder {
  3975.   color: #999;
  3976. }
  3977. .search__input:focus ~ .search__border {
  3978.   background: transparent;
  3979.   box-shadow: inset 0 0 0 2px #ffd333;
  3980. }
  3981. .search__input:focus ~ .search__button {
  3982.   fill: #bfbfbf;
  3983. }
  3984. .search__input:focus ~ .search__button:hover {
  3985.   fill: #ffd333;
  3986. }
  3987. .search__button {
  3988.   border: none;
  3989.   padding: 0;
  3990.   background: transparent;
  3991.   -ms-flex-positive: 0;
  3992.   flex-grow: 0;
  3993.   width: 42px;
  3994.   cursor: pointer;
  3995.   display: -ms-flexbox;
  3996.   display: flex;
  3997.   -ms-flex-align: center;
  3998.   align-items: center;
  3999.   -ms-flex-pack: center;
  4000.   justify-content: center;
  4001.   fill: #bfbfbf;
  4002.   transition: fill 0.15s;
  4003. }
  4004. .search__button:focus,
  4005. .search__button:hover {
  4006.   outline: none;
  4007.   fill: #ffd333;
  4008. }
  4009. .site-header {
  4010.   position: relative;
  4011.   z-index: 100;
  4012.   background: transparent;
  4013.   color: inherit;
  4014. }
  4015. .site-header__middle {
  4016.   height: 104px;
  4017. }
  4018. .site-header__logo,
  4019. .site-header__middle {
  4020.   display: -ms-flexbox;
  4021.   display: flex;
  4022.   -ms-flex-align: center;
  4023.   align-items: center;
  4024. }
  4025. .site-header__logo {
  4026.   width: 255px;
  4027.   margin-right: 30px;
  4028.   -ms-flex-pack: center;
  4029.   justify-content: center;
  4030.   color: inherit;
  4031. }
  4032. .site-header__logo a {
  4033.   color: inherit;
  4034. }
  4035. .site-header__logo svg {
  4036.   fill: currentColor;
  4037. }
  4038. .site-header__search {
  4039.   -ms-flex-positive: 1;
  4040.   flex-grow: 1;
  4041. }
  4042. .site-header__phone {
  4043.   line-height: 1;
  4044.   text-align: right;
  4045.   margin-left: 80px;
  4046. }
  4047. .site-header__phone-title {
  4048.   font-size: 14px;
  4049.   color: #999;
  4050.   margin-bottom: 6px;
  4051. }
  4052. .site-header__phone-number {
  4053.   font-size: 20px;
  4054.   font-weight: 700;
  4055. }
  4056. .site-header__nav-panel {
  4057.   height: 54px;
  4058. }
  4059. @media (min-width: 992px) and (max-width: 1199px) {
  4060.   .site-header__logo {
  4061.     width: 210px;
  4062.     margin-right: 24px;
  4063.     -ms-flex-pack: start;
  4064.     justify-content: flex-start;
  4065.   }
  4066. }
  4067. .topbar {
  4068.   height: 32px;
  4069.   background: #f7f7f7;
  4070.   box-shadow: none;
  4071.   border-bottom: none;
  4072.   font-size: 14px;
  4073.   line-height: 14px;
  4074.   color: #737373;
  4075.   position: relative;
  4076.   z-index: 20;
  4077. }
  4078. .topbar__container {
  4079.   height: 100%;
  4080. }
  4081. .topbar__item,
  4082. .topbar__row {
  4083.   height: 100%;
  4084.   display: -ms-flexbox;
  4085.   display: flex;
  4086.   -ms-flex-align: center;
  4087.   align-items: center;
  4088.   margin: 0;
  4089. }
  4090. .topbar__item-value {
  4091.   color: #1a66ff;
  4092.   transition: all 0.1s;
  4093. }
  4094. .topbar__spring {
  4095.   -ms-flex-positive: 1;
  4096.   flex-grow: 1;
  4097. }
  4098. .topbar__item--link + .topbar__item--link {
  4099.   margin-left: 16px;
  4100. }
  4101. .topbar-dropdown,
  4102. .topbar-dropdown__btn {
  4103.   position: relative;
  4104.   height: 100%;
  4105. }
  4106. .topbar-dropdown__btn {
  4107.   border: none;
  4108.   padding: 0 20px 0 10px;
  4109.   cursor: pointer;
  4110.   transition: all 0.1s;
  4111.   background: transparent;
  4112.   color: inherit;
  4113.   fill: #bfbfbf;
  4114. }
  4115. .topbar-dropdown__btn:focus {
  4116.   outline: none;
  4117. }
  4118. .topbar-dropdown__btn svg {
  4119.   position: absolute;
  4120.   right: 7px;
  4121.   top: calc(50% - 4px);
  4122. }
  4123. .topbar-dropdown__body {
  4124.   position: absolute;
  4125.   right: 0;
  4126.   top: 100%;
  4127.   visibility: hidden;
  4128.   transform-origin: top;
  4129.   transform: rotateX(60deg);
  4130.   opacity: 0;
  4131.   transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
  4132. }
  4133. .topbar-dropdown--opened .topbar-dropdown__btn,
  4134. .topbar-dropdown__btn:focus,
  4135. .topbar-dropdown__btn:hover {
  4136.   background: #ebebeb;
  4137.   color: #3d464d;
  4138.   fill: #999;
  4139. }
  4140. .topbar-dropdown--opened .topbar-dropdown__btn .topbar__item-value,
  4141. .topbar-dropdown__btn:focus .topbar__item-value,
  4142. .topbar-dropdown__btn:hover .topbar__item-value {
  4143.   color: #1a66ff;
  4144. }
  4145. .topbar-dropdown--opened .topbar-dropdown__body {
  4146.   z-index: 1;
  4147.   transition-delay: 0s, 0s, 0s;
  4148.   opacity: 1;
  4149.   visibility: visible;
  4150.   transform: rotateX(0deg);
  4151. }
  4152. .topbar-link {
  4153.   color: inherit;
  4154.   transition: color 0.3s;
  4155. }
  4156. .topbar-link:hover {
  4157.   color: #1a66ff;
  4158. }
  4159. .footer-contacts__title {
  4160.   margin-bottom: 25px;
  4161. }
  4162. .footer-contacts__text {
  4163.   font-size: 15px;
  4164.   line-height: 22px;
  4165.   list-style: none;
  4166.   margin: 0;
  4167.   padding: 0 20px 0 0;
  4168. }
  4169. .footer-contacts__text a {
  4170.   color: inherit;
  4171. }
  4172. .footer-contacts__contacts {
  4173.   font-size: 15px;
  4174.   line-height: 20px;
  4175.   list-style: none;
  4176.   padding: 0;
  4177.   margin: 16px 0 0;
  4178. }
  4179. .footer-contacts__contacts a {
  4180.   color: inherit;
  4181. }
  4182. .footer-contacts__contacts li {
  4183.   padding: 4px 0;
  4184.   position: relative;
  4185. }
  4186. .footer-contacts__icon {
  4187.   display: inline-block;
  4188.   text-align: center;
  4189.   width: 22px;
  4190.   margin-right: 2px;
  4191. }
  4192. @media (max-width: 767px) {
  4193.   .footer-contacts {
  4194.     text-align: center;
  4195.   }
  4196.   .footer-contacts__title {
  4197.     font-size: 28px;
  4198.     margin-bottom: 16px;
  4199.   }
  4200.   .footer-contacts__text {
  4201.     padding: 0;
  4202.   }
  4203. }
  4204. .footer-links__title {
  4205.   margin-bottom: 22px;
  4206. }
  4207. .footer-links__list {
  4208.   font-size: 15px;
  4209.   line-height: 28px;
  4210.   list-style: none;
  4211.   padding: 0;
  4212.   margin: 0;
  4213. }
  4214. .footer-links__list a {
  4215.   color: inherit;
  4216.   transition: 0.15s;
  4217. }
  4218. .footer-links__list a:hover {
  4219.   color: #1a66ff;
  4220. }
  4221. @media (max-width: 767px) {
  4222.   .footer-links__title {
  4223.     margin-bottom: 12px;
  4224.   }
  4225.   .footer-links {
  4226.     margin-top: 42px;
  4227.     text-align: center;
  4228.   }
  4229. }
  4230. .footer-newsletter__title {
  4231.   margin-bottom: 25px;
  4232. }
  4233. .footer-newsletter__text {
  4234.   font-size: 15px;
  4235.   line-height: 22px;
  4236.   margin-bottom: 14px;
  4237. }
  4238. .footer-newsletter__text--social {
  4239.   margin-top: 20px;
  4240.   margin-bottom: 0;
  4241. }
  4242. .footer-newsletter__social-links {
  4243.   display: -ms-flexbox;
  4244.   display: flex;
  4245.   margin: 8px 0 0;
  4246.   padding: 0;
  4247.   list-style: none;
  4248. }
  4249. .footer-newsletter__social-link + .footer-newsletter__social-link {
  4250.   margin-left: 7px;
  4251. }
  4252. .footer-newsletter__social-link a {
  4253.   font-size: 16px;
  4254.   display: -ms-flexbox;
  4255.   display: flex;
  4256.   -ms-flex-align: center;
  4257.   align-items: center;
  4258.   -ms-flex-pack: center;
  4259.   justify-content: center;
  4260.   color: inherit;
  4261.   width: 34px;
  4262.   height: 34px;
  4263.   border-radius: 17px;
  4264.   transition: all 0.2s;
  4265. }
  4266. .footer-newsletter__social-link a:hover {
  4267.   opacity: 0.8;
  4268. }
  4269. .footer-newsletter__social-link a {
  4270.   color: #fff;
  4271. }
  4272. .footer-newsletter__social-link--facebook a {
  4273.   background: #3c5a99;
  4274. }
  4275. .footer-newsletter__social-link--twitter a {
  4276.   background: #00a2e8;
  4277. }
  4278. .footer-newsletter__social-link--youtube a {
  4279.   background: #e52e2e;
  4280. }
  4281. .footer-newsletter__social-link--instagram a {
  4282.   background: #815dc7;
  4283. }
  4284. .footer-newsletter__social-link--rss a {
  4285.   background: #ffc338;
  4286. }
  4287. .footer-newsletter__form {
  4288.   display: -ms-flexbox;
  4289.   display: flex;
  4290.   max-width: 380px;
  4291. }
  4292. .footer-newsletter__form-button {
  4293.   margin-left: 6px;
  4294. }
  4295. @media (max-width: 991px) {
  4296.   .footer-newsletter {
  4297.     margin-top: 42px;
  4298.     max-width: 420px;
  4299.   }
  4300.   .footer-newsletter__title {
  4301.     margin-bottom: 16px;
  4302.   }
  4303. }
  4304. @media (max-width: 767px) {
  4305.   .footer-newsletter {
  4306.     text-align: center;
  4307.     margin-left: auto;
  4308.     margin-right: auto;
  4309.   }
  4310.   .footer-newsletter__title {
  4311.     font-size: 28px;
  4312.   }
  4313.   .footer-newsletter__form {
  4314.     margin: 0 auto;
  4315.   }
  4316.   .footer-newsletter__social-links {
  4317.     margin-top: 16px;
  4318.     -ms-flex-pack: center;
  4319.     justify-content: center;
  4320.   }
  4321. }
  4322. .site-footer {
  4323.   background: transparent;
  4324.   border-top: 1px solid #ebebeb;
  4325. }
  4326. .site-footer__widgets {
  4327.   padding: 48px 0 54px;
  4328. }
  4329. .site-footer__bottom {
  4330.   height: 54px;
  4331.   border-top: 1px solid #ebebeb;
  4332.   display: -ms-flexbox;
  4333.   display: flex;
  4334.   -ms-flex-align: center;
  4335.   align-items: center;
  4336.   -ms-flex-pack: justify;
  4337.   justify-content: space-between;
  4338. }
  4339. .site-footer__copyright {
  4340.   font-size: 14px;
  4341. }
  4342. .site-footer__copyright a:hover {
  4343.   text-decoration: underline;
  4344. }
  4345. .site-footer__payments img {
  4346.   max-width: 100%;
  4347. }
  4348. .site-footer__widget + .site-footer__widget {
  4349.   margin-top: 24px;
  4350. }
  4351. @media (max-width: 767px) {
  4352.   .site-footer__bottom {
  4353.     padding: 20px 0 24px;
  4354.     -ms-flex-wrap: wrap;
  4355.     flex-wrap: wrap;
  4356.     height: auto;
  4357.   }
  4358.   .site-footer__payments {
  4359.     -ms-flex-order: -1;
  4360.     order: -1;
  4361.   }
  4362.   .site-footer__copyright + .site-footer__payments {
  4363.     margin-bottom: 30px;
  4364.   }
  4365.   .site-footer__copyright,
  4366.   .site-footer__payments {
  4367.     width: 100%;
  4368.     text-align: center;
  4369.   }
  4370. }
  4371. .about-us__image {
  4372.   background-image: url(../images/aboutus.jpg);
  4373.   background-size: cover;
  4374.   background-position: bottom;
  4375.   height: 500px;
  4376. }
  4377. .about-us__body {
  4378.   background: #fff;
  4379.   min-height: 380px;
  4380.   margin-top: -380px;
  4381.   border-radius: 4px 4px 0 0;
  4382.   padding: 75px 92px;
  4383. }
  4384. .about-us__title {
  4385.   margin-bottom: 50px;
  4386. }
  4387. .about-us__team,
  4388. .about-us__text,
  4389. .about-us__title {
  4390.   text-align: center;
  4391. }
  4392. .about-us__team {
  4393.   margin-top: 75px;
  4394. }
  4395. .about-us__team-subtitle {
  4396.   margin-top: 24px;
  4397. }
  4398. .about-us__teammates {
  4399.   margin-top: 42px;
  4400. }
  4401. .teammates .owl-carousel .owl-dots {
  4402.   margin-top: 20px;
  4403.   display: -ms-flexbox;
  4404.   display: flex;
  4405.   -ms-flex-pack: center;
  4406.   justify-content: center;
  4407. }
  4408. .teammates .owl-carousel .owl-dots.disabled {
  4409.   display: none;
  4410. }
  4411. .teammates .owl-carousel button.owl-dot {
  4412.   display: block;
  4413.   color: #e5e5e5;
  4414.   transition: color 0.2s;
  4415. }
  4416. .teammates .owl-carousel button.owl-dot:before {
  4417.   display: block;
  4418.   content: "";
  4419.   width: 12px;
  4420.   height: 12px;
  4421.   border-radius: 6px;
  4422.   background: currentColor;
  4423.   margin: 6px;
  4424. }
  4425. .teammates .owl-carousel button.owl-dot:focus {
  4426.   outline: none;
  4427. }
  4428. .teammates .owl-carousel button.owl-dot:hover {
  4429.   color: #ccc;
  4430. }
  4431. .teammates .owl-carousel button.owl-dot.active {
  4432.   color: #ffd333;
  4433. }
  4434. .teammate__avatar img {
  4435.   max-width: 100%;
  4436.   border-radius: 2px;
  4437. }
  4438. .teammate__name {
  4439.   font-size: 18px;
  4440.   font-weight: 500;
  4441.   margin-top: 16px;
  4442. }
  4443. .teammate__position {
  4444.   font-size: 14px;
  4445. }
  4446. @media (max-width: 991px) and (min-width: 768px) {
  4447.   .about-us__image {
  4448.     height: 460px;
  4449.   }
  4450.   .about-us__title {
  4451.     margin-bottom: 36px;
  4452.   }
  4453.   .about-us__body {
  4454.     padding: 50px;
  4455.   }
  4456.   .about-us__team {
  4457.     margin-top: 75px;
  4458.   }
  4459. }
  4460. @media (max-width: 767px) and (min-width: 576px) {
  4461.   .about-us__image {
  4462.     height: 360px;
  4463.   }
  4464.   .about-us__title {
  4465.     margin-bottom: 24px;
  4466.   }
  4467.   .about-us__body {
  4468.     min-height: 290px;
  4469.     margin-top: -290px;
  4470.     padding: 40px;
  4471.   }
  4472.   .about-us__team {
  4473.     margin-top: 50px;
  4474.   }
  4475. }
  4476. @media (max-width: 767px) {
  4477.   .about-us__image {
  4478.     height: 330px;
  4479.   }
  4480.   .about-us__body {
  4481.     min-height: 290px;
  4482.     margin-top: -290px;
  4483.     padding: 30px 24px;
  4484.   }
  4485.   .about-us__title {
  4486.     margin-bottom: 20px;
  4487.   }
  4488.   .about-us__team {
  4489.     margin-top: 50px;
  4490.   }
  4491. }
  4492. .checkout__totals {
  4493.   font-size: 15px;
  4494.   line-height: 19px;
  4495.   width: 100%;
  4496.   margin-bottom: 40px;
  4497. }
  4498. .checkout__totals td,
  4499. .checkout__totals th {
  4500.   padding: 4px 0;
  4501. }
  4502. .checkout__totals th {
  4503.   font-weight: 700;
  4504. }
  4505. .checkout__totals tr > :first-child {
  4506.   padding-right: 20px;
  4507. }
  4508. .checkout__totals tr > :last-child {
  4509.   text-align: right;
  4510. }
  4511. .checkout__totals-header tr:last-child > * {
  4512.   padding-bottom: 10px;
  4513. }
  4514. .checkout__totals-products tr:first-child > * {
  4515.   padding-top: 20px;
  4516.   border-top: 1px solid #ebebeb;
  4517. }
  4518. .checkout__totals-products tr:last-child > * {
  4519.   padding-bottom: 20px;
  4520.   border-bottom: 1px solid #ebebeb;
  4521. }
  4522. .checkout__totals-subtotals tr:first-child > * {
  4523.   padding-top: 20px;
  4524. }
  4525. .checkout__totals-subtotals tr:last-child > * {
  4526.   padding-bottom: 20px;
  4527.   border-bottom: 1px solid #ebebeb;
  4528. }
  4529. .checkout__totals-footer {
  4530.   font-size: 24px;
  4531. }
  4532. .checkout__totals-footer th {
  4533.   font-weight: 500;
  4534. }
  4535. .checkout__totals-footer tr:first-child > * {
  4536.   padding-top: 20px;
  4537. }
  4538. .payment-methods {
  4539.   margin-bottom: 30px;
  4540. }
  4541. .payment-methods__list {
  4542.   list-style: none;
  4543.   padding: 0;
  4544.   margin: 0;
  4545. }
  4546. .payment-methods__item {
  4547.   border-radius: 2px;
  4548.   background: transparent;
  4549.   border: 1px solid #e5e5e5;
  4550. }
  4551. .payment-methods__item:hover {
  4552.   background: #f7f7f7;
  4553.   border: 1px solid #e5e5e5;
  4554. }
  4555. .payment-methods__item + .payment-methods__item {
  4556.   margin-top: 6px;
  4557. }
  4558. .payment-methods__item-header {
  4559.   display: -ms-flexbox;
  4560.   display: flex;
  4561.   -ms-flex-align: center;
  4562.   align-items: center;
  4563.   padding: 8px 14px;
  4564.   font-size: 15px;
  4565.   font-weight: 500;
  4566.   letter-spacing: 0.01em;
  4567.   cursor: pointer;
  4568.   margin-bottom: 0;
  4569. }
  4570. .payment-methods__item-radio {
  4571.   margin-right: 10px;
  4572. }
  4573. .payment-methods__item-container {
  4574.   overflow: hidden;
  4575.   height: 0;
  4576.   transition: height 0.2s;
  4577. }
  4578. .payment-methods__item-description {
  4579.   font-size: 15px;
  4580.   line-height: 20px;
  4581.   padding: 2px 16px 13px;
  4582. }
  4583. .payment-methods__item--active,
  4584. .payment-methods__item--active:hover {
  4585.   background: #f7f7f7;
  4586.   border: 1px solid #e5e5e5;
  4587. }
  4588. .payment-methods__item--active .payment-methods__item-container {
  4589.   height: auto;
  4590. }
  4591. .checkout__agree {
  4592.   margin-bottom: 36px;
  4593. }
  4594. .checkout__agree a:hover {
  4595.   text-decoration: underline;
  4596. }
  4597. .contact-us__map {
  4598.   position: relative;
  4599.   height: 440px;
  4600.   margin: -2px;
  4601.   margin-bottom: 6px;
  4602.   overflow: hidden;
  4603.   border-radius: 2px 2px 0 0;
  4604. }
  4605. .contact-us__map iframe {
  4606.   top: 0;
  4607.   left: 0;
  4608.   width: 100%;
  4609.   height: 100%;
  4610.   position: absolute;
  4611. }
  4612. @media (max-width: 1199px) {
  4613.   .contact-us__map {
  4614.     height: 400px;
  4615.   }
  4616. }
  4617. @media (max-width: 991px) {
  4618.   .contact-us__map {
  4619.     height: 380px;
  4620.   }
  4621. }
  4622. @media (max-width: 767px) {
  4623.   .contact-us__map {
  4624.     height: 360px;
  4625.   }
  4626. }
  4627. @media (max-width: 575px) {
  4628.   .contact-us__map {
  4629.     height: 320px;
  4630.   }
  4631. }
  4632. .faq__section + .faq__section {
  4633.   margin-top: 70px;
  4634. }
  4635. .faq__section-title {
  4636.   margin-bottom: 20px;
  4637. }
  4638. .faq__section-title h3 {
  4639.   font-size: 22px;
  4640.   font-weight: 500;
  4641. }
  4642. .faq__section-body {
  4643.   border: 2px solid #f0f0f0;
  4644.   border-radius: 2px;
  4645.   padding: 48px 44px;
  4646. }
  4647. @media (max-width: 991px) {
  4648.   .faq__section + .faq__section {
  4649.     margin-top: 40px;
  4650.   }
  4651.   .faq__section-body {
  4652.     padding: 28px 24px;
  4653.   }
  4654.   .faq__section-column + .faq__section-column {
  4655.     margin-top: 1.5em;
  4656.   }
  4657. }
  4658. .not-found {
  4659.   text-align: center;
  4660. }
  4661. .not-found__404 {
  4662.   font-size: 80px;
  4663.   font-weight: 700;
  4664.   color: #ebebeb;
  4665.   padding: 40px 0 20px;
  4666. }
  4667. .not-found__content {
  4668.   width: 480px;
  4669.   max-width: 100%;
  4670.   margin: 0 auto;
  4671. }
  4672. .not-found__title {
  4673.   margin-bottom: 30px;
  4674. }
  4675. .not-found__text {
  4676.   margin-bottom: 20px;
  4677. }
  4678. .not-found__search {
  4679.   display: -ms-flexbox;
  4680.   display: flex;
  4681.   margin-bottom: 30px;
  4682. }
  4683. .not-found__search-input {
  4684.   width: 1px;
  4685.   -ms-flex-positive: 1;
  4686.   flex-grow: 1;
  4687.   margin-right: 10px;
  4688. }
  4689. @media (max-width: 991px) {
  4690.   .not-found__404 {
  4691.     font-size: 60px;
  4692.   }
  4693. }
  4694. @media (max-width: 767px) {
  4695.   .not-found__404 {
  4696.     font-size: 50px;
  4697.     line-height: 54px;
  4698.     padding: 40px 0 32px;
  4699.   }
  4700. }
  4701. .cart__actions {
  4702.   margin-top: 2rem;
  4703.   display: -ms-flexbox;
  4704.   display: flex;
  4705.   -ms-flex-pack: justify;
  4706.   justify-content: space-between;
  4707. }
  4708. .cart__coupon-form {
  4709.   width: calc(50% - 15px);
  4710.   display: -ms-flexbox;
  4711.   display: flex;
  4712. }
  4713. .cart__coupon-form .btn {
  4714.   margin-left: 0.5rem;
  4715.   -ms-flex-negative: 0;
  4716.   flex-shrink: 0;
  4717. }
  4718. .cart__buttons {
  4719.   width: calc(50% - 15px);
  4720.   display: -ms-flexbox;
  4721.   display: flex;
  4722.   -ms-flex-pack: end;
  4723.   justify-content: flex-end;
  4724. }
  4725. .cart__update-button {
  4726.   margin-left: 0.5rem;
  4727. }
  4728. .cart__totals {
  4729.   font-size: 16px;
  4730.   line-height: 20px;
  4731.   width: 100%;
  4732.   margin-bottom: 40px;
  4733. }
  4734. .cart__totals a:hover {
  4735.   text-decoration: underline;
  4736. }
  4737. .cart__totals td,
  4738. .cart__totals th {
  4739.   vertical-align: top;
  4740.   padding: 6px 0;
  4741. }
  4742. .cart__totals th {
  4743.   font-weight: 700;
  4744. }
  4745. .cart__totals tr > :first-child {
  4746.   padding-right: 20px;
  4747. }
  4748. .cart__totals tr > :last-child {
  4749.   text-align: right;
  4750. }
  4751. .cart__totals-header tr:last-child > * {
  4752.   padding-bottom: 10px;
  4753. }
  4754. .cart__totals-body tr:first-child > * {
  4755.   padding-top: 20px;
  4756.   border-top: 1px solid #ebebeb;
  4757. }
  4758. .cart__totals-body tr:last-child > * {
  4759.   padding-bottom: 20px;
  4760.   border-bottom: 1px solid #ebebeb;
  4761. }
  4762. .cart__totals-footer {
  4763.   font-size: 24px;
  4764. }
  4765. .cart__totals-footer th {
  4766.   font-weight: 500;
  4767. }
  4768. .cart__totals-footer tr:first-child > * {
  4769.   padding-top: 20px;
  4770. }
  4771. .cart__calc-shipping {
  4772.   margin-top: 2px;
  4773.   font-size: 15px;
  4774. }
  4775. @media (max-width: 767px) {
  4776.   .cart__actions {
  4777.     margin-top: 1.5rem;
  4778.     display: block;
  4779.   }
  4780.   .cart__coupon-form {
  4781.     width: 100%;
  4782.   }
  4783.   .cart__buttons {
  4784.     -ms-flex-direction: column;
  4785.     flex-direction: column;
  4786.     margin-top: 2.5rem;
  4787.     width: 100%;
  4788.   }
  4789.   .cart__update-button {
  4790.     margin-left: 0;
  4791.     -ms-flex-order: -1;
  4792.     order: -1;
  4793.     margin-bottom: 0.75rem;
  4794.   }
  4795. }
  4796. @media (max-width: 479px) {
  4797.   .cart__checkout-button {
  4798.     font-size: 1.125rem;
  4799.     height: calc(2.75rem + 2px);
  4800.     padding: 0.8125rem 2rem;
  4801.     line-height: 1;
  4802.     font-weight: 500;
  4803.   }
  4804.   .cart__checkout-button.btn-svg-icon {
  4805.     width: calc(2.75rem + 2px);
  4806.   }
  4807. }
  4808. @media (max-width: 379px) {
  4809.   .cart__checkout-button {
  4810.     font-size: 1rem;
  4811.     height: calc(2.25rem + 2px);
  4812.     line-height: 1.5;
  4813.     padding: 0.375rem 1.25rem;
  4814.     font-weight: 500;
  4815.   }
  4816.   .cart__checkout-button.btn-svg-icon {
  4817.     width: calc(2.25rem + 2px);
  4818.   }
  4819. }
  4820. .cart-table {
  4821.   width: 100%;
  4822.   border-collapse: separate;
  4823.   border-spacing: 0;
  4824. }
  4825. .cart-table__product-name {
  4826.   color: inherit;
  4827. }
  4828. .cart-table__options {
  4829.   list-style: none;
  4830.   padding: 0;
  4831.   margin: 4px 0 0;
  4832.   font-size: 14px;
  4833.   color: #999;
  4834.   line-height: 19px;
  4835. }
  4836. .cart-table__options li {
  4837.   padding-left: 12px;
  4838.   position: relative;
  4839. }
  4840. .cart-table__options li:before {
  4841.   content: "";
  4842.   display: block;
  4843.   position: absolute;
  4844.   left: 1px;
  4845.   top: 7px;
  4846.   width: 4px;
  4847.   height: 4px;
  4848.   border-radius: 2px;
  4849.   background: currentColor;
  4850. }
  4851. @media (min-width: 768px) {
  4852.   .cart-table__column {
  4853.     padding: 12px 18px;
  4854.     border-top: 1px solid #ebebeb;
  4855.   }
  4856.   .cart-table__column:first-child {
  4857.     border-left: 1px solid #ebebeb;
  4858.   }
  4859.   .cart-table__column:last-child {
  4860.     border-right: 1px solid #ebebeb;
  4861.   }
  4862.   .cart-table__head {
  4863.     background: #f7f7f7;
  4864.     font-size: 15px;
  4865.   }
  4866.   .cart-table__head .cart-table__column {
  4867.     font-weight: 500;
  4868.   }
  4869.   .cart-table__head .cart-table__column:first-child {
  4870.     border-top-left-radius: 2.5px;
  4871.   }
  4872.   .cart-table__head .cart-table__column:last-child {
  4873.     border-top-right-radius: 2.5px;
  4874.   }
  4875.   .cart-table__body .cart-table__column {
  4876.     padding-top: 18px;
  4877.     padding-bottom: 18px;
  4878.   }
  4879.   .cart-table__body .cart-table__row:last-child .cart-table__column {
  4880.     border-bottom: 1px solid #ebebeb;
  4881.   }
  4882.   .cart-table__body
  4883.     .cart-table__row:last-child
  4884.     .cart-table__column:first-child {
  4885.     border-bottom-left-radius: 2.5px;
  4886.   }
  4887.   .cart-table__body .cart-table__row:last-child .cart-table__column:last-child {
  4888.     border-bottom-right-radius: 2.5px;
  4889.   }
  4890.   .cart-table__column--image {
  4891.     width: 1px;
  4892.     text-align: center;
  4893.   }
  4894.   .cart-table__column--image img {
  4895.     width: 80px;
  4896.   }
  4897.   .cart-table__column--price {
  4898.     text-align: right;
  4899.     width: 170px;
  4900.   }
  4901.   .cart-table__column--quantity {
  4902.     padding-left: 90px;
  4903.     text-align: center;
  4904.     width: 1px;
  4905.   }
  4906.   .cart-table__column--total {
  4907.     text-align: right;
  4908.     width: 170px;
  4909.   }
  4910.   .cart-table__column--remove {
  4911.     width: 1px;
  4912.   }
  4913. }
  4914. @media (min-width: 992px) and (max-width: 1199px) {
  4915.   .cart-table__column--quantity {
  4916.     padding-left: 40px;
  4917.   }
  4918.   .cart-table__column--price,
  4919.   .cart-table__column--total {
  4920.     width: 130px;
  4921.   }
  4922. }
  4923. @media (min-width: 768px) and (max-width: 991px) {
  4924.   .cart-table__column--quantity {
  4925.     padding-left: 0;
  4926.     padding-right: 0;
  4927.   }
  4928.   .cart-table__column--price,
  4929.   .cart-table__column--total {
  4930.     width: 1px;
  4931.   }
  4932.   .cart-table__column--remove {
  4933.     padding-left: 0;
  4934.   }
  4935. }
  4936. @media (max-width: 767px) {
  4937.   .cart-table {
  4938.     display: block;
  4939.   }
  4940.   .cart-table__head {
  4941.     display: none;
  4942.   }
  4943.   .cart-table__body {
  4944.     display: -ms-flexbox;
  4945.     display: flex;
  4946.     -ms-flex-wrap: wrap;
  4947.     flex-wrap: wrap;
  4948.   }
  4949.   .cart-table__row {
  4950.     position: relative;
  4951.     width: 100%;
  4952.     display: block;
  4953.     border: 1px solid #ebebeb;
  4954.     border-radius: 2px;
  4955.   }
  4956.   .cart-table__row + .cart-table__row {
  4957.     margin-top: 15px;
  4958.   }
  4959.   .cart-table__column {
  4960.     display: block;
  4961.     padding: 0;
  4962.   }
  4963.   .cart-table__column--image {
  4964.     padding: 20px 20px 10px;
  4965.     text-align: center;
  4966.   }
  4967.   .cart-table__column--image img {
  4968.     width: 100%;
  4969.     max-width: 160px;
  4970.   }
  4971.   .cart-table__column--product {
  4972.     text-align: center;
  4973.     border-bottom: 1px solid #ebebeb;
  4974.     padding: 0 20px 18px;
  4975.   }
  4976.   .cart-table__column--price,
  4977.   .cart-table__column--quantity,
  4978.   .cart-table__column--total {
  4979.     display: -ms-flexbox;
  4980.     display: flex;
  4981.     -ms-flex-align: center;
  4982.     align-items: center;
  4983.     -ms-flex-pack: justify;
  4984.     justify-content: space-between;
  4985.     padding: 8px 20px;
  4986.   }
  4987.   .cart-table__column--price:before,
  4988.   .cart-table__column--quantity:before,
  4989.   .cart-table__column--total:before {
  4990.     text-align: left;
  4991.     font-weight: 500;
  4992.     width: 55%;
  4993.     -ms-flex-negative: 0;
  4994.     flex-shrink: 0;
  4995.     content: attr(data-title) ": ";
  4996.   }
  4997.   .cart-table__column--quantity .input-number {
  4998.     width: 110px;
  4999.   }
  5000.   .cart-table__column--price {
  5001.     padding-top: 18px;
  5002.   }
  5003.   .cart-table__column--total {
  5004.     padding-bottom: 18px;
  5005.   }
  5006.   .cart-table__column--remove {
  5007.     position: absolute;
  5008.     top: 5px;
  5009.     right: 5px;
  5010.   }
  5011.   .cart-table__options li:before {
  5012.     display: none;
  5013.   }
  5014. }
  5015. .category-card,
  5016. .category-card__body {
  5017.   display: -ms-flexbox;
  5018.   display: flex;
  5019. }
  5020. .category-card__body {
  5021.   border-radius: 2px;
  5022.   background: #fff;
  5023.   box-shadow: 0 1px 16px rgba(0, 0, 0, 0.04);
  5024.   padding: 24px 20px;
  5025.   -ms-flex-positive: 1;
  5026.   flex-grow: 1;
  5027. }
  5028. .category-card__image {
  5029.   width: 130px;
  5030.   margin-right: 24px;
  5031. }
  5032. .category-card__image img {
  5033.   max-width: 100%;
  5034. }
  5035. .category-card__content {
  5036.   display: -ms-flexbox;
  5037.   display: flex;
  5038.   -ms-flex-direction: column;
  5039.   flex-direction: column;
  5040. }
  5041. .category-card__name {
  5042.   margin-top: -2px;
  5043.   font-weight: 500;
  5044.   font-size: 17px;
  5045.   line-height: 19px;
  5046. }
  5047. .category-card__name a {
  5048.   color: inherit;
  5049.   transition: 0.15s;
  5050. }
  5051. .category-card__name a:hover {
  5052.   color: #1a66ff;
  5053. }
  5054. .category-card__links {
  5055.   list-style: none;
  5056.   margin: 14px 0 0;
  5057.   padding: 0;
  5058.   font-size: 14px;
  5059.   line-height: 22px;
  5060.   -ms-flex-positive: 1;
  5061.   flex-grow: 1;
  5062. }
  5063. .category-card__links a {
  5064.   color: #6c757d;
  5065.   transition: 0.15s;
  5066. }
  5067. .category-card__links a:hover {
  5068.   color: #1a66ff;
  5069. }
  5070. .category-card__all {
  5071.   margin-top: 14px;
  5072.   font-size: 14px;
  5073. }
  5074. .category-card__all a:hover {
  5075.   text-decoration: underline;
  5076. }
  5077. .category-card__products {
  5078.   display: none;
  5079. }
  5080. @media (min-width: 992px) and (max-width: 1199px) {
  5081.   .category-card--layout--classic .category-card__image {
  5082.     width: 90px;
  5083.   }
  5084. }
  5085. @media (min-width: 480px) and (max-width: 991px) {
  5086.   .category-card--layout--classic .category-card__body {
  5087.     -ms-flex-direction: column;
  5088.     flex-direction: column;
  5089.     padding: 24px 28px;
  5090.   }
  5091.   .category-card--layout--classic .category-card__image {
  5092.     width: auto;
  5093.     margin: 0 0 18px;
  5094.   }
  5095. }
  5096. @media (min-width: 400px) and (max-width: 479px) {
  5097.   .category-card--layout--classic .category-card__image {
  5098.     width: 40%;
  5099.   }
  5100. }
  5101. @media (max-width: 399px) {
  5102.   .category-card--layout--classic .category-card__body {
  5103.     -ms-flex-direction: column;
  5104.     flex-direction: column;
  5105.     padding: 24px 28px;
  5106.     text-align: center;
  5107.   }
  5108.   .category-card--layout--classic .category-card__image {
  5109.     width: 120px;
  5110.     margin: 0 auto 18px;
  5111.   }
  5112. }
  5113. .category-card--layout--compact .category-card__body {
  5114.   padding: 16px 30px;
  5115.   -ms-flex-align: center;
  5116.   align-items: center;
  5117. }
  5118. .category-card--layout--compact .category-card__image {
  5119.   width: 74px;
  5120.   margin-right: 30px;
  5121. }
  5122. .category-card--layout--compact .category-card__all,
  5123. .category-card--layout--compact .category-card__links {
  5124.   display: none;
  5125. }
  5126. .category-card--layout--compact .category-card__name {
  5127.   margin-top: 0;
  5128.   font-size: 17px;
  5129.   line-height: 19px;
  5130. }
  5131. .category-card--layout--compact .category-card__products {
  5132.   display: block;
  5133.   font-size: 15px;
  5134.   color: #999;
  5135.   margin-top: 5px;
  5136. }
  5137. .compare-table {
  5138.   width: 100%;
  5139.   border-collapse: separate;
  5140.   border-spacing: 0;
  5141.   font-size: 15px;
  5142.   line-height: 18px;
  5143. }
  5144. .compare-table tr > * {
  5145.   border-top: 1px solid #ebebeb;
  5146.   border-left: 1px solid #ebebeb;
  5147. }
  5148. .compare-table tr > :last-child {
  5149.   border-right: 1px solid #ebebeb;
  5150. }
  5151. .compare-table > :first-child > tr:first-child > :first-child {
  5152.   border-top-left-radius: 2.5px;
  5153. }
  5154. .compare-table > :first-child > tr:first-child > :last-child {
  5155.   border-top-right-radius: 2.5px;
  5156. }
  5157. .compare-table > :last-child > tr:last-child > :first-child {
  5158.   border-bottom-left-radius: 2.5px;
  5159. }
  5160. .compare-table > :last-child > tr:last-child > :last-child {
  5161.   border-bottom-right-radius: 2.5px;
  5162. }
  5163. .compare-table > :last-child > tr:last-child > * {
  5164.   border-bottom: 1px solid #ebebeb;
  5165. }
  5166. .compare-table th {
  5167.   min-width: 200px;
  5168.   text-align: right;
  5169.   background: #f7f7f7;
  5170.   font-weight: 500;
  5171. }
  5172. .compare-table td {
  5173.   min-width: 180px;
  5174.   max-width: 180px;
  5175.   text-align: center;
  5176.   vertical-align: top;
  5177. }
  5178. .compare-table td,
  5179. .compare-table th {
  5180.   padding: 14px 16px;
  5181. }
  5182. .compare-table__product-link {
  5183.   display: block;
  5184.   padding: 8px 8px 0;
  5185.   color: inherit;
  5186. }
  5187. .compare-table__product-image {
  5188.   margin-bottom: 14px;
  5189.   width: 100%;
  5190. }
  5191. .compare-table__product-image img {
  5192.   width: 140px;
  5193.   max-width: 100%;
  5194. }
  5195. .compare-table__product-name {
  5196.   line-height: 20px;
  5197. }
  5198. .compare-table__product-rating {
  5199.   padding-top: 3px;
  5200.   display: -ms-flexbox;
  5201.   display: flex;
  5202.   -ms-flex-pack: center;
  5203.   justify-content: center;
  5204. }
  5205. .compare-table__product-rating-legend {
  5206.   margin-top: 8px;
  5207.   font-size: 13px;
  5208.   line-height: 1;
  5209.   color: #b3b3b3;
  5210. }
  5211. .compare-table__product-badge {
  5212.   font-size: 12px;
  5213. }
  5214. .product__content {
  5215.   display: -ms-grid;
  5216.   display: grid;
  5217.   -ms-grid-columns: 50% 50%;
  5218.   grid-template-columns: [gallery] calc(50% - 20px) [info] calc(50% - 20px);
  5219.   grid-template-rows: auto auto auto auto auto;
  5220.   grid-column-gap: 40px;
  5221. }
  5222. .product__gallery {
  5223.   -ms-grid-row: 1;
  5224.   -ms-grid-row-span: 6;
  5225.   -ms-grid-column: 1;
  5226.   grid-row-start: 1;
  5227.   grid-row-end: 6;
  5228.   min-height: 0;
  5229. }
  5230. @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  5231.   .product__gallery {
  5232.     margin-right: 40px;
  5233.   }
  5234. }
  5235. .product__info {
  5236.   -ms-grid-row: 1;
  5237.   -ms-grid-column: 2;
  5238.   position: relative;
  5239.   min-height: 0;
  5240. }
  5241. .product__sidebar {
  5242.   -ms-grid-row: 2;
  5243.   -ms-grid-column: 2;
  5244. }
  5245. .product__footer {
  5246.   -ms-grid-row: 3;
  5247.   -ms-grid-column: 2;
  5248. }
  5249. .product__wishlist-compare {
  5250.   display: none;
  5251. }
  5252. .product__name {
  5253.   margin-bottom: 22px;
  5254. }
  5255. .product__rating {
  5256.   display: -ms-flexbox;
  5257.   display: flex;
  5258.   margin-bottom: 5px;
  5259. }
  5260. .product__rating-stars {
  5261.   padding-top: 2px;
  5262.   margin-right: 12px;
  5263. }
  5264. .product__rating-legend {
  5265.   font-size: 14px;
  5266.   line-height: 20px;
  5267.   color: #b3b3b3;
  5268. }
  5269. .product__rating-legend a {
  5270.   color: inherit;
  5271.   transition: color 0.2s;
  5272. }
  5273. .product__rating-legend a:hover {
  5274.   color: #1a66ff;
  5275. }
  5276. .product__rating-legend span {
  5277.   content: "/";
  5278.   padding: 0 7px;
  5279. }
  5280. .product__description {
  5281.   font-size: 16px;
  5282. }
  5283. .product__features {
  5284.   display: none;
  5285.   list-style: none;
  5286.   padding: 0;
  5287.   margin: 0;
  5288.   font-size: 14px;
  5289. }
  5290. .product__features li {
  5291.   padding: 1px 0 1px 13px;
  5292.   position: relative;
  5293. }
  5294. .product__features li:before {
  5295.   content: "";
  5296.   display: block;
  5297.   position: absolute;
  5298.   left: 0;
  5299.   top: 9px;
  5300.   width: 5px;
  5301.   height: 5px;
  5302.   border-radius: 2.5px;
  5303.   border: 1px solid currentColor;
  5304. }
  5305. .product__meta {
  5306.   list-style: none;
  5307.   margin: 12px 0 0;
  5308.   padding: 12px 0 0;
  5309.   display: -ms-flexbox;
  5310.   display: flex;
  5311.   -ms-flex-wrap: wrap;
  5312.   flex-wrap: wrap;
  5313.   color: #999;
  5314.   font-size: 14px;
  5315.   border-top: 1px solid #ebebeb;
  5316. }
  5317. .product__meta li {
  5318.   margin-right: 18px;
  5319. }
  5320. .product__meta a {
  5321.   color: inherit;
  5322.   transition: color 0.2s;
  5323. }
  5324. .product__meta a:hover {
  5325.   color: #1a66ff;
  5326. }
  5327. .product__availability {
  5328.   display: none;
  5329. }
  5330. .product__prices {
  5331.   margin-top: 18px;
  5332.   margin-bottom: 14px;
  5333.   font-size: 28px;
  5334.   font-weight: 700;
  5335.   letter-spacing: -0.03em;
  5336.   color: #3d464d;
  5337. }
  5338. .product__new-price {
  5339.   color: #ff2626;
  5340. }
  5341. .product__old-price {
  5342.   color: #b3b3b3;
  5343.   font-weight: 400;
  5344.   font-size: 20px;
  5345.   text-decoration: line-through;
  5346. }
  5347. .product__option {
  5348.   margin-bottom: 18px;
  5349. }
  5350. .product__option:last-child {
  5351.   margin-bottom: 0;
  5352. }
  5353. .product__option-label {
  5354.   font-size: 13px;
  5355.   text-transform: uppercase;
  5356.   font-weight: 500;
  5357.   color: #6c757d;
  5358.   padding-bottom: 2px;
  5359. }
  5360. .product__actions {
  5361.   display: -ms-flexbox;
  5362.   display: flex;
  5363.   -ms-flex-wrap: wrap;
  5364.   flex-wrap: wrap;
  5365.   margin: -4px;
  5366. }
  5367. .product__actions-item {
  5368.   margin: 4px;
  5369. }
  5370. .product__quantity {
  5371.   width: 120px;
  5372. }
  5373. .product__footer {
  5374.   margin-top: 32px;
  5375.   display: -ms-flexbox;
  5376.   display: flex;
  5377.   -ms-flex-pack: justify;
  5378.   justify-content: space-between;
  5379. }
  5380. .product__share-links {
  5381.   margin: 2px 0 2px 24px;
  5382. }
  5383. @media (min-width: 992px) and (max-width: 1199px) {
  5384.   .product__name {
  5385.     font-size: 24px;
  5386.     margin-bottom: 18px;
  5387.   }
  5388. }
  5389. @media (min-width: 768px) and (max-width: 991px) {
  5390.   .product__content {
  5391.     -ms-grid-columns: 44% 56%;
  5392.     grid-template-columns: [gallery] calc(44% - 15px) [info] calc(56% - 15px);
  5393.     grid-column-gap: 30px;
  5394.   }
  5395. }
  5396. @media (min-width: 768px) and (max-width: 991px) and (-ms-high-contrast: none),
  5397.   screen and (min-width: 768px) and (max-width: 991px) and (-ms-high-contrast: active) {
  5398.   .product__gallery {
  5399.     margin-right: 30px;
  5400.   }
  5401. }
  5402. @media (min-width: 768px) and (max-width: 991px) {
  5403.   .product__name {
  5404.     font-size: 24px;
  5405.     margin-bottom: 18px;
  5406.   }
  5407.   .product__footer {
  5408.     display: block;
  5409.     margin-top: 18px;
  5410.   }
  5411.   .product__share-links {
  5412.     margin: 12px 0 0;
  5413.   }
  5414. }
  5415. @media (max-width: 767px) {
  5416.   .product__content {
  5417.     display: block;
  5418.   }
  5419.   .product__gallery {
  5420.     margin-bottom: 24px;
  5421.   }
  5422.   .product__name {
  5423.     font-size: 24px;
  5424.     margin-bottom: 18px;
  5425.   }
  5426. }
  5427. @media (max-width: 559px) {
  5428.   .product__footer {
  5429.     display: block;
  5430.     margin-top: 24px;
  5431.   }
  5432.   .product__share-links {
  5433.     margin: 12px 0 0;
  5434.   }
  5435. }
  5436. @media (min-width: 992px) {
  5437.   .product--layout--columnar .product__content {
  5438.     -ms-grid-columns: 380px auto 260px;
  5439.     grid-template-columns: [gallery] 380px [info] auto [sidebar] 260px;
  5440.     grid-template-rows: auto auto auto auto;
  5441.     grid-column-gap: 0;
  5442.   }
  5443.   .product--layout--columnar .product__gallery {
  5444.     grid-row-start: 1;
  5445.     grid-row-end: 4;
  5446.     min-height: 0;
  5447.   }
  5448. }
  5449. @media (min-width: 992px) and (-ms-high-contrast: none),
  5450.   screen and (min-width: 992px) and (-ms-high-contrast: active) {
  5451.   .product--layout--columnar .product__gallery {
  5452.     margin-right: 0;
  5453.   }
  5454. }
  5455. @media (min-width: 992px) {
  5456.   .product--layout--columnar .product__info {
  5457.     -ms-grid-row: 1;
  5458.     -ms-grid-column: 2;
  5459.     grid-row: 1;
  5460.     grid-column: info;
  5461.     padding: 0 30px;
  5462.     min-height: 0;
  5463.   }
  5464.   .product--layout--columnar .product__sidebar {
  5465.     -ms-grid-row: 1;
  5466.     -ms-grid-row-span: 4;
  5467.     -ms-grid-column: 3;
  5468.     grid-column: sidebar;
  5469.     grid-row-start: 1;
  5470.     grid-row-end: 4;
  5471.     min-height: 0;
  5472.     border-left: 2px solid #f0f0f0;
  5473.     padding-top: 10px;
  5474.     padding-left: 30px;
  5475.     padding-bottom: 20px;
  5476.   }
  5477.   .product--layout--columnar .product__footer {
  5478.     -ms-grid-row: 2;
  5479.     -ms-grid-column: 2;
  5480.     grid-row: 2;
  5481.     grid-column: info;
  5482.     padding: 0 30px;
  5483.     min-height: 0;
  5484.   }
  5485.   .product--layout--columnar .product__wishlist-compare {
  5486.     position: absolute;
  5487.     display: -ms-flexbox;
  5488.     display: flex;
  5489.     -ms-flex-direction: column;
  5490.     flex-direction: column;
  5491.     right: 8px;
  5492.   }
  5493.   .product--layout--columnar .product__wishlist-compare > * + * {
  5494.     margin-top: 2px;
  5495.   }
  5496.   .product--layout--columnar .product__name {
  5497.     font-size: 24px;
  5498.     margin-bottom: 12px;
  5499.     padding-right: 16px;
  5500.   }
  5501.   .product--layout--columnar .product__description {
  5502.     margin: 10px 0 12px;
  5503.     font-size: 15px;
  5504.   }
  5505.   .product--layout--columnar .product__features {
  5506.     display: block;
  5507.   }
  5508.   .product--layout--columnar .product__meta {
  5509.     margin: 12px 0 0;
  5510.     padding: 0;
  5511.     border-top: none;
  5512.   }
  5513.   .product--layout--columnar .product__meta-availability {
  5514.     display: none;
  5515.   }
  5516.   .product--layout--columnar .product__footer {
  5517.     -ms-flex-direction: column;
  5518.     flex-direction: column;
  5519.   }
  5520.   .product--layout--columnar .product__share-links {
  5521.     margin: 12px 0 0 1px;
  5522.   }
  5523.   .product--layout--columnar .product__prices {
  5524.     margin-top: 20px;
  5525.     margin-bottom: 24px;
  5526.     line-height: 28px;
  5527.   }
  5528.   .product--layout--columnar .product__new-price {
  5529.     display: block;
  5530.   }
  5531.   .product--layout--columnar .product__quantity {
  5532.     width: 88px;
  5533.   }
  5534.   .product--layout--columnar .product__actions {
  5535.     -ms-flex-wrap: nowrap;
  5536.     flex-wrap: nowrap;
  5537.   }
  5538.   .product--layout--columnar .product__actions-item--addtocart {
  5539.     -ms-flex-positive: 1;
  5540.     flex-grow: 1;
  5541.   }
  5542.   .product--layout--columnar .product__actions-item--addtocart .btn {
  5543.     width: 100%;
  5544.     padding-left: 0.5rem;
  5545.     padding-right: 0.5rem;
  5546.   }
  5547.   .product--layout--columnar .product__actions-item--compare,
  5548.   .product--layout--columnar .product__actions-item--wishlist {
  5549.     display: none;
  5550.   }
  5551.   .product--layout--columnar .product__availability {
  5552.     display: block;
  5553.     font-size: 14px;
  5554.   }
  5555. }
  5556. @media (min-width: 992px) and (max-width: 1199px) {
  5557.   .product--layout--columnar .product__content {
  5558.     -ms-grid-columns: 320px auto 200px;
  5559.     grid-template-columns: [gallery] 320px [info] auto [sidebar] 200px;
  5560.   }
  5561.   .product--layout--columnar .product__sidebar {
  5562.     padding-left: 24px;
  5563.   }
  5564.   .product--layout--columnar .product__option {
  5565.     margin-bottom: 12px;
  5566.   }
  5567.   .product--layout--columnar .product__actions {
  5568.     -ms-flex-wrap: wrap;
  5569.     flex-wrap: wrap;
  5570.     margin: 0;
  5571.   }
  5572.   .product--layout--columnar .product__quantity {
  5573.     width: 100px;
  5574.   }
  5575.   .product--layout--columnar .product__actions-item {
  5576.     margin: 0;
  5577.   }
  5578.   .product--layout--columnar .product__actions-item--addtocart {
  5579.     margin-top: 16px;
  5580.   }
  5581. }
  5582. @media (min-width: 992px) {
  5583.   .product--layout--sidebar .product__content {
  5584.     -ms-grid-columns: 50% 50%;
  5585.     grid-template-columns: [gallery] calc(50% - 16px) [info] calc(50% - 16px);
  5586.     grid-column-gap: 32px;
  5587.   }
  5588. }
  5589. @media (min-width: 992px) and (-ms-high-contrast: none),
  5590.   screen and (min-width: 992px) and (-ms-high-contrast: active) {
  5591.   .product--layout--sidebar .product__gallery {
  5592.     margin-right: 32px;
  5593.   }
  5594. }
  5595. @media (min-width: 992px) {
  5596.   .product--layout--sidebar .product__name {
  5597.     font-size: 24px;
  5598.     margin-bottom: 12px;
  5599.   }
  5600.   .product--layout--sidebar .product__footer {
  5601.     display: block;
  5602.     margin-top: 18px;
  5603.   }
  5604.   .product--layout--sidebar .product__share-links {
  5605.     margin: 12px 0 0;
  5606.   }
  5607. }
  5608. @media (min-width: 992px) and (max-width: 1199px) {
  5609.   .product--layout--quickview .product__content {
  5610.     grid-template-columns: [gallery] calc(50% - 16px) [info] calc(50% - 16px);
  5611.     grid-column-gap: 32px;
  5612.   }
  5613.   .product--layout--quickview .product__name {
  5614.     margin-bottom: 12px;
  5615.   }
  5616.   .product--layout--quickview .product__footer {
  5617.     display: block;
  5618.     margin-top: 18px;
  5619.   }
  5620.   .product--layout--quickview .product__share-links {
  5621.     margin: 12px 0 0;
  5622.   }
  5623. }
  5624. @media (min-width: 768px) and (max-width: 991px) {
  5625.   .product--layout--quickview .product__content {
  5626.     display: block;
  5627.   }
  5628.   .product--layout--quickview .product__gallery {
  5629.     margin-bottom: 24px;
  5630.   }
  5631.   .product--layout--quickview .product__name {
  5632.     font-size: 24px;
  5633.     margin-bottom: 18px;
  5634.   }
  5635. }
  5636. .product-gallery__featured {
  5637.   box-shadow: inset 0 0 0 2px #f2f2f2;
  5638.   padding: 2px;
  5639.   border-radius: 2px;
  5640. }
  5641. .product-gallery__featured a {
  5642.   display: block;
  5643.   padding: 20px;
  5644. }
  5645. .product-gallery__carousel {
  5646.   margin-top: 16px;
  5647. }
  5648. .product-gallery__carousel-item {
  5649.   display: block;
  5650.   box-shadow: inset 0 0 0 2px #f2f2f2;
  5651.   padding: 12px;
  5652.   border-radius: 2px;
  5653. }
  5654. .product-gallery__carousel-item--active {
  5655.   box-shadow: inset 0 0 0 2px #ffd333;
  5656. }
  5657. .product-tabs {
  5658.   margin-top: 50px;
  5659. }
  5660. .product-tabs__list {
  5661.   display: -ms-flexbox;
  5662.   display: flex;
  5663.   overflow-x: auto;
  5664.   -webkit-overflow-scrolling: touch;
  5665.   margin-bottom: -2px;
  5666. }
  5667. .product-tabs__list:after,
  5668. .product-tabs__list:before {
  5669.   content: "";
  5670.   display: block;
  5671.   width: 8px;
  5672.   -ms-flex-negative: 0;
  5673.   flex-shrink: 0;
  5674. }
  5675. .product-tabs__item {
  5676.   font-size: 20px;
  5677.   padding: 18px 48px;
  5678.   border-bottom: 2px solid transparent;
  5679.   color: inherit;
  5680.   font-weight: 500;
  5681.   border-radius: 3px 3px 0 0;
  5682.   transition: all 0.15s;
  5683. }
  5684. .product-tabs__item:hover {
  5685.   color: inherit;
  5686.   background: #f7f7f7;
  5687.   border-bottom-color: #d9d9d9;
  5688. }
  5689. .product-tabs__item:first-child {
  5690.   margin-left: auto;
  5691. }
  5692. .product-tabs__item:last-child {
  5693.   margin-right: auto;
  5694. }
  5695. .product-tabs__item--active {
  5696.   transition-duration: 0s;
  5697. }
  5698. .product-tabs__item--active,
  5699. .product-tabs__item--active:hover {
  5700.   cursor: default;
  5701.   border-bottom-color: #ffd333;
  5702.   background: transparent;
  5703. }
  5704. .product-tabs__content {
  5705.   border: 2px solid #f0f0f0;
  5706.   border-radius: 2px;
  5707.   padding: 80px 90px;
  5708. }
  5709. .product-tabs__pane {
  5710.   overflow: hidden;
  5711.   height: 0;
  5712.   opacity: 0;
  5713.   transition: opacity 0.5s;
  5714. }
  5715. .product-tabs__pane--active {
  5716.   overflow: visible;
  5717.   height: auto;
  5718.   opacity: 1;
  5719. }
  5720. .product-tabs--layout--sidebar .product-tabs__item {
  5721.   padding: 14px 30px;
  5722. }
  5723. .product-tabs--layout--sidebar .product-tabs__content {
  5724.   padding: 48px 50px;
  5725. }
  5726. @media (min-width: 992px) and (max-width: 1199px) {
  5727.   .product-tabs__content {
  5728.     padding: 60px 70px;
  5729.   }
  5730. }
  5731. @media (min-width: 768px) and (max-width: 991px) {
  5732.   .product-tabs .product-tabs__item {
  5733.     padding: 14px 30px;
  5734.   }
  5735.   .product-tabs .product-tabs__content {
  5736.     padding: 40px 50px;
  5737.   }
  5738. }
  5739. @media (max-width: 767px) {
  5740.   .product-tabs .product-tabs__item {
  5741.     padding: 14px 30px;
  5742.   }
  5743.   .product-tabs .product-tabs__content {
  5744.     padding: 24px;
  5745.   }
  5746. }
  5747. .products-list__body {
  5748.   -ms-flex-wrap: wrap;
  5749.   flex-wrap: wrap;
  5750. }
  5751. .products-list__body,
  5752. .products-list__item {
  5753.   display: -ms-flexbox;
  5754.   display: flex;
  5755. }
  5756. .products-list__item .product-card {
  5757.   width: 100%;
  5758.   -ms-flex-negative: 0;
  5759.   flex-shrink: 0;
  5760. }
  5761. .products-list[data-layout^="grid-"] .product-card .product-card__image {
  5762.   padding: 18px 18px 20px;
  5763. }
  5764. .products-list[data-layout^="grid-"] .product-card .product-card__info {
  5765.   padding: 0 24px;
  5766. }
  5767. .products-list[data-layout^="grid-"] .product-card .product-card__actions {
  5768.   padding: 0 24px 24px;
  5769. }
  5770. .products-list[data-layout^="grid-"] .product-card .product-card__availability,
  5771. .products-list[data-layout^="grid-"] .product-card .product-card__description,
  5772. .products-list[data-layout^="grid-"]
  5773.   .product-card
  5774.   .product-card__features-list {
  5775.   display: none;
  5776. }
  5777. .products-list[data-layout^="grid-"][data-with-features="true"]
  5778.   .product-card
  5779.   .product-card__features-list {
  5780.   display: block;
  5781. }
  5782. .products-list[data-layout="grid-3-sidebar"] .products-list__body {
  5783.   margin: -8px -6px;
  5784. }
  5785. .products-list[data-layout="grid-3-sidebar"] .products-list__item {
  5786.   width: calc(33.33333% - 12px);
  5787.   margin: 8px 6px;
  5788. }
  5789. .products-list[data-layout="grid-3-sidebar"]
  5790.   .product-card
  5791.   .product-card__buttons
  5792.   .btn {
  5793.   font-size: 0.875rem;
  5794.   height: calc(1.875rem + 2px);
  5795.   line-height: 1.25;
  5796.   padding: 0.375rem 1rem;
  5797.   font-weight: 500;
  5798. }
  5799. .products-list[data-layout="grid-3-sidebar"]
  5800.   .product-card
  5801.   .product-card__buttons
  5802.   .btn.btn-svg-icon {
  5803.   width: calc(1.875rem + 2px);
  5804. }
  5805. @media (hover: hover) {
  5806.   .products-list[data-layout="grid-3-sidebar"]
  5807.     .product-card
  5808.     .product-card__buttons {
  5809.     display: none;
  5810.   }
  5811.   .products-list[data-layout="grid-3-sidebar"] .product-card:hover {
  5812.     position: relative;
  5813.     z-index: 3;
  5814.     margin-bottom: -56px;
  5815.   }
  5816.   .products-list[data-layout="grid-3-sidebar"]
  5817.     .product-card:hover
  5818.     .product-card__buttons {
  5819.     display: -ms-flexbox;
  5820.     display: flex;
  5821.   }
  5822. }
  5823. @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  5824.   .products-list[data-layout="grid-3-sidebar"]
  5825.     .product-card
  5826.     .product-card__buttons {
  5827.     display: none;
  5828.   }
  5829.   .products-list[data-layout="grid-3-sidebar"] .product-card:hover {
  5830.     position: relative;
  5831.     z-index: 3;
  5832.     margin-bottom: -56px;
  5833.   }
  5834.   .products-list[data-layout="grid-3-sidebar"]
  5835.     .product-card:hover
  5836.     .product-card__buttons {
  5837.     display: -ms-flexbox;
  5838.     display: flex;
  5839.   }
  5840. }
  5841. @media (max-width: 1199px) and (min-width: 480px) {
  5842.   .products-list[data-layout="grid-3-sidebar"]
  5843.     .product-card
  5844.     .product-card__image {
  5845.     padding: 15px;
  5846.   }
  5847.   .products-list[data-layout="grid-3-sidebar"]
  5848.     .product-card
  5849.     .product-card__badges-list {
  5850.     left: 16px;
  5851.     top: 16px;
  5852.   }
  5853.   .products-list[data-layout="grid-3-sidebar"]
  5854.     .product-card
  5855.     .product-card__info {
  5856.     padding: 0 15px;
  5857.   }
  5858.   .products-list[data-layout="grid-3-sidebar"]
  5859.     .product-card
  5860.     .product-card__actions {
  5861.     padding: 0 15px 15px;
  5862.   }
  5863.   .products-list[data-layout="grid-3-sidebar"]
  5864.     .product-card
  5865.     .product-card__buttons
  5866.     .btn {
  5867.     font-size: 0.8125rem;
  5868.     height: calc(1.5rem + 2px);
  5869.     line-height: 1.25;
  5870.     padding: 0.25rem 0.5625rem;
  5871.     font-weight: 500;
  5872.   }
  5873.   .products-list[data-layout="grid-3-sidebar"]
  5874.     .product-card
  5875.     .product-card__buttons
  5876.     .btn.btn-svg-icon {
  5877.     width: calc(1.5rem + 2px);
  5878.   }
  5879. }
  5880. @media (max-width: 1199px) and (min-width: 480px) and (hover: hover) {
  5881.   .products-list[data-layout="grid-3-sidebar"]
  5882.     .product-card
  5883.     .product-card__buttons {
  5884.     display: none;
  5885.   }
  5886.   .products-list[data-layout="grid-3-sidebar"] .product-card:hover {
  5887.     position: relative;
  5888.     z-index: 3;
  5889.     margin-bottom: -50px;
  5890.   }
  5891.   .products-list[data-layout="grid-3-sidebar"]
  5892.     .product-card:hover
  5893.     .product-card__buttons {
  5894.     display: -ms-flexbox;
  5895.     display: flex;
  5896.   }
  5897. }
  5898. @media (max-width: 1199px) and (min-width: 480px) and (-ms-high-contrast: none),
  5899.   screen and (max-width: 1199px) and (min-width: 480px) and (-ms-high-contrast: active) {
  5900.   .products-list[data-layout="grid-3-sidebar"]
  5901.     .product-card
  5902.     .product-card__buttons {
  5903.     display: none;
  5904.   }
  5905.   .products-list[data-layout="grid-3-sidebar"] .product-card:hover {
  5906.     position: relative;
  5907.     z-index: 3;
  5908.     margin-bottom: -50px;
  5909.   }
  5910.   .products-list[data-layout="grid-3-sidebar"]
  5911.     .product-card:hover
  5912.     .product-card__buttons {
  5913.     display: -ms-flexbox;
  5914.     display: flex;
  5915.   }
  5916. }
  5917. @media (max-width: 991px) and (min-width: 768px) {
  5918.   .products-list[data-layout="grid-3-sidebar"] .products-list__body {
  5919.     margin: -8px -6px;
  5920.   }
  5921.   .products-list[data-layout="grid-3-sidebar"] .products-list__item {
  5922.     width: calc(33.33333% - 12px);
  5923.     margin: 8px 6px;
  5924.   }
  5925. }
  5926. @media (max-width: 767px) and (min-width: 480px) {
  5927.   .products-list[data-layout="grid-3-sidebar"] .products-list__body {
  5928.     margin: -8px -6px;
  5929.   }
  5930.   .products-list[data-layout="grid-3-sidebar"] .products-list__item {
  5931.     width: calc(50% - 12px);
  5932.     margin: 8px 6px;
  5933.   }
  5934. }
  5935. @media (max-width: 479px) {
  5936.   .products-list[data-layout="grid-3-sidebar"] .products-list__body {
  5937.     margin: -8px -6px;
  5938.   }
  5939.   .products-list[data-layout="grid-3-sidebar"] .products-list__item {
  5940.     width: 100%;
  5941.     margin: 8px 6px;
  5942.   }
  5943. }
  5944. .products-list[data-layout="grid-4-full"] .products-list__body {
  5945.   margin: -8px -6px;
  5946. }
  5947. .products-list[data-layout="grid-4-full"] .products-list__item {
  5948.   width: calc(25% - 12px);
  5949.   margin: 8px 6px;
  5950. }
  5951. .products-list[data-layout="grid-4-full"]
  5952.   .product-card
  5953.   .product-card__buttons
  5954.   .btn {
  5955.   font-size: 0.875rem;
  5956.   height: calc(1.875rem + 2px);
  5957.   line-height: 1.25;
  5958.   padding: 0.375rem 1rem;
  5959.   font-weight: 500;
  5960. }
  5961. .products-list[data-layout="grid-4-full"]
  5962.   .product-card
  5963.   .product-card__buttons
  5964.   .btn.btn-svg-icon {
  5965.   width: calc(1.875rem + 2px);
  5966. }
  5967. @media (hover: hover) {
  5968.   .products-list[data-layout="grid-4-full"]
  5969.     .product-card
  5970.     .product-card__buttons {
  5971.     display: none;
  5972.   }
  5973.   .products-list[data-layout="grid-4-full"] .product-card:hover {
  5974.     position: relative;
  5975.     z-index: 3;
  5976.     margin-bottom: -56px;
  5977.   }
  5978.   .products-list[data-layout="grid-4-full"]
  5979.     .product-card:hover
  5980.     .product-card__buttons {
  5981.     display: -ms-flexbox;
  5982.     display: flex;
  5983.   }
  5984. }
  5985. @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  5986.   .products-list[data-layout="grid-4-full"]
  5987.     .product-card
  5988.     .product-card__buttons {
  5989.     display: none;
  5990.   }
  5991.   .products-list[data-layout="grid-4-full"] .product-card:hover {
  5992.     position: relative;
  5993.     z-index: 3;
  5994.     margin-bottom: -56px;
  5995.   }
  5996.   .products-list[data-layout="grid-4-full"]
  5997.     .product-card:hover
  5998.     .product-card__buttons {
  5999.     display: -ms-flexbox;
  6000.     display: flex;
  6001.   }
  6002. }
  6003. @media (max-width: 1199px) and (min-width: 480px) {
  6004.   .products-list[data-layout="grid-4-full"] .product-card .product-card__image {
  6005.     padding: 15px;
  6006.   }
  6007.   .products-list[data-layout="grid-4-full"]
  6008.     .product-card
  6009.     .product-card__badges-list {
  6010.     left: 16px;
  6011.     top: 16px;
  6012.   }
  6013.   .products-list[data-layout="grid-4-full"] .product-card .product-card__info {
  6014.     padding: 0 15px;
  6015.   }
  6016.   .products-list[data-layout="grid-4-full"]
  6017.     .product-card
  6018.     .product-card__actions {
  6019.     padding: 0 15px 15px;
  6020.   }
  6021.   .products-list[data-layout="grid-4-full"]
  6022.     .product-card
  6023.     .product-card__buttons
  6024.     .btn {
  6025.     font-size: 0.8125rem;
  6026.     height: calc(1.5rem + 2px);
  6027.     line-height: 1.25;
  6028.     padding: 0.25rem 0.5625rem;
  6029.     font-weight: 500;
  6030.   }
  6031.   .products-list[data-layout="grid-4-full"]
  6032.     .product-card
  6033.     .product-card__buttons
  6034.     .btn.btn-svg-icon {
  6035.     width: calc(1.5rem + 2px);
  6036.   }
  6037. }
  6038. @media (max-width: 1199px) and (min-width: 480px) and (hover: hover) {
  6039.   .products-list[data-layout="grid-4-full"]
  6040.     .product-card
  6041.     .product-card__buttons {
  6042.     display: none;
  6043.   }
  6044.   .products-list[data-layout="grid-4-full"] .product-card:hover {
  6045.     position: relative;
  6046.     z-index: 3;
  6047.     margin-bottom: -50px;
  6048.   }
  6049.   .products-list[data-layout="grid-4-full"]
  6050.     .product-card:hover
  6051.     .product-card__buttons {
  6052.     display: -ms-flexbox;
  6053.     display: flex;
  6054.   }
  6055. }
  6056. @media (max-width: 1199px) and (min-width: 480px) and (-ms-high-contrast: none),
  6057.   screen and (max-width: 1199px) and (min-width: 480px) and (-ms-high-contrast: active) {
  6058.   .products-list[data-layout="grid-4-full"]
  6059.     .product-card
  6060.     .product-card__buttons {
  6061.     display: none;
  6062.   }
  6063.   .products-list[data-layout="grid-4-full"] .product-card:hover {
  6064.     position: relative;
  6065.     z-index: 3;
  6066.     margin-bottom: -50px;
  6067.   }
  6068.   .products-list[data-layout="grid-4-full"]
  6069.     .product-card:hover
  6070.     .product-card__buttons {
  6071.     display: -ms-flexbox;
  6072.     display: flex;
  6073.   }
  6074. }
  6075. @media (max-width: 991px) and (min-width: 768px) {
  6076.   .products-list[data-layout="grid-4-full"] .products-list__body {
  6077.     margin: -8px -6px;
  6078.   }
  6079.   .products-list[data-layout="grid-4-full"] .products-list__item {
  6080.     width: calc(33.33333% - 12px);
  6081.     margin: 8px 6px;
  6082.   }
  6083. }
  6084. @media (max-width: 767px) and (min-width: 480px) {
  6085.   .products-list[data-layout="grid-4-full"] .products-list__body {
  6086.     margin: -8px -6px;
  6087.   }
  6088.   .products-list[data-layout="grid-4-full"] .products-list__item {
  6089.     width: calc(50% - 12px);
  6090.     margin: 8px 6px;
  6091.   }
  6092. }
  6093. @media (max-width: 479px) {
  6094.   .products-list[data-layout="grid-4-full"] .products-list__body {
  6095.     margin: -8px -6px;
  6096.   }
  6097.   .products-list[data-layout="grid-4-full"] .products-list__item {
  6098.     width: 100%;
  6099.     margin: 8px 6px;
  6100.   }
  6101. }
  6102. .products-list[data-layout="grid-5-full"] .products-list__body {
  6103.   margin: -8px -6px;
  6104. }
  6105. .products-list[data-layout="grid-5-full"] .products-list__item {
  6106.   width: calc(20% - 12px);
  6107.   margin: 8px 6px;
  6108. }
  6109. @media (min-width: 480px) {
  6110.   .products-list[data-layout="grid-5-full"] .product-card .product-card__image {
  6111.     padding: 15px;
  6112.   }
  6113.   .products-list[data-layout="grid-5-full"]
  6114.     .product-card
  6115.     .product-card__badges-list {
  6116.     left: 16px;
  6117.     top: 16px;
  6118.   }
  6119.   .products-list[data-layout="grid-5-full"] .product-card .product-card__info {
  6120.     padding: 0 15px;
  6121.   }
  6122.   .products-list[data-layout="grid-5-full"]
  6123.     .product-card
  6124.     .product-card__actions {
  6125.     padding: 0 15px 15px;
  6126.   }
  6127.   .products-list[data-layout="grid-5-full"]
  6128.     .product-card
  6129.     .product-card__buttons
  6130.     .btn {
  6131.     font-size: 0.8125rem;
  6132.     height: calc(1.5rem + 2px);
  6133.     line-height: 1.25;
  6134.     padding: 0.25rem 0.5625rem;
  6135.     font-weight: 500;
  6136.   }
  6137.   .products-list[data-layout="grid-5-full"]
  6138.     .product-card
  6139.     .product-card__buttons
  6140.     .btn.btn-svg-icon {
  6141.     width: calc(1.5rem + 2px);
  6142.   }
  6143. }
  6144. @media (min-width: 480px) and (hover: hover) {
  6145.   .products-list[data-layout="grid-5-full"]
  6146.     .product-card
  6147.     .product-card__buttons {
  6148.     display: none;
  6149.   }
  6150.   .products-list[data-layout="grid-5-full"] .product-card:hover {
  6151.     position: relative;
  6152.     z-index: 3;
  6153.     margin-bottom: -50px;
  6154.   }
  6155.   .products-list[data-layout="grid-5-full"]
  6156.     .product-card:hover
  6157.     .product-card__buttons {
  6158.     display: -ms-flexbox;
  6159.     display: flex;
  6160.   }
  6161. }
  6162. @media (min-width: 480px) and (-ms-high-contrast: none),
  6163.   screen and (min-width: 480px) and (-ms-high-contrast: active) {
  6164.   .products-list[data-layout="grid-5-full"]
  6165.     .product-card
  6166.     .product-card__buttons {
  6167.     display: none;
  6168.   }
  6169.   .products-list[data-layout="grid-5-full"] .product-card:hover {
  6170.     position: relative;
  6171.     z-index: 3;
  6172.     margin-bottom: -50px;
  6173.   }
  6174.   .products-list[data-layout="grid-5-full"]
  6175.     .product-card:hover
  6176.     .product-card__buttons {
  6177.     display: -ms-flexbox;
  6178.     display: flex;
  6179.   }
  6180. }
  6181. @media (max-width: 1199px) and (min-width: 992px) {
  6182.   .products-list[data-layout="grid-5-full"] .products-list__body {
  6183.     margin: -8px -6px;
  6184.   }
  6185.   .products-list[data-layout="grid-5-full"] .products-list__item {
  6186.     width: calc(25% - 12px);
  6187.     margin: 8px 6px;
  6188.   }
  6189. }
  6190. @media (max-width: 991px) and (min-width: 768px) {
  6191.   .products-list[data-layout="grid-5-full"] .products-list__body {
  6192.     margin: -8px -6px;
  6193.   }
  6194.   .products-list[data-layout="grid-5-full"] .products-list__item {
  6195.     width: calc(33.33333% - 12px);
  6196.     margin: 8px 6px;
  6197.   }
  6198. }
  6199. @media (max-width: 767px) and (min-width: 480px) {
  6200.   .products-list[data-layout="grid-5-full"] .products-list__body {
  6201.     margin: -8px -6px;
  6202.   }
  6203.   .products-list[data-layout="grid-5-full"] .products-list__item {
  6204.     width: calc(50% - 12px);
  6205.     margin: 8px 6px;
  6206.   }
  6207. }
  6208. @media (max-width: 479px) {
  6209.   .products-list[data-layout="grid-5-full"] .products-list__body {
  6210.     margin: -8px -6px;
  6211.   }
  6212.   .products-list[data-layout="grid-5-full"] .products-list__item {
  6213.     width: 100%;
  6214.     margin: 8px 6px;
  6215.   }
  6216. }
  6217. .products-list[data-layout="list"] .products-list__body {
  6218.   margin: -8px 0;
  6219. }
  6220. .products-list[data-layout="list"] .products-list__item {
  6221.   width: 100%;
  6222.   margin: 8px 0;
  6223.   display: block;
  6224. }
  6225. .products-list[data-layout="list"] .product-card {
  6226.   -ms-flex-direction: row;
  6227.   flex-direction: row;
  6228. }
  6229. .products-list[data-layout="list"] .product-card .product-card__image {
  6230.   -ms-flex-negative: 0;
  6231.   flex-shrink: 0;
  6232.   padding: 24px;
  6233.   width: 210px;
  6234. }
  6235. .products-list[data-layout="list"] .product-card .product-card__info {
  6236.   padding: 20px 24px 20px 4px;
  6237. }
  6238. .products-list[data-layout="list"] .product-card .product-card__name {
  6239.   font-size: 16px;
  6240.   line-height: 20px;
  6241.   -ms-flex-positive: 0;
  6242.   flex-grow: 0;
  6243. }
  6244. .products-list[data-layout="list"] .product-card .product-card__rating {
  6245.   margin-top: 7px;
  6246. }
  6247. .products-list[data-layout="list"] .product-card .product-card__description {
  6248.   color: #6c757d;
  6249.   font-size: 15px;
  6250.   line-height: 22px;
  6251.   margin-top: 12px;
  6252. }
  6253. .products-list[data-layout="list"] .product-card .product-card__actions {
  6254.   -ms-flex-negative: 0;
  6255.   flex-shrink: 0;
  6256.   width: 190px;
  6257.   padding: 16px 20px;
  6258.   border-left: 1px solid #ebebeb;
  6259. }
  6260. .products-list[data-layout="list"] .product-card .product-card__prices {
  6261.   margin-top: 16px;
  6262.   font-size: 18px;
  6263. }
  6264. .products-list[data-layout="list"] .product-card .product-card__old-price {
  6265.   font-size: 14px;
  6266. }
  6267. .products-list[data-layout="list"] .product-card .product-card__buttons {
  6268.   -ms-flex-wrap: wrap;
  6269.   flex-wrap: wrap;
  6270. }
  6271. .products-list[data-layout="list"] .product-card .product-card__addtocart {
  6272.   display: none;
  6273. }
  6274. .products-list[data-layout="list"]
  6275.   .product-card
  6276.   .product-card__addtocart--list {
  6277.   display: block;
  6278. }
  6279. .products-list[data-layout="list"] .product-card .product-card__addtocart {
  6280.   width: 100%;
  6281. }
  6282. .products-list[data-layout="list"] .product-card .product-card__addtocart + * {
  6283.   margin-left: 0;
  6284. }
  6285. .products-list[data-layout="list"] .product-card .product-card__addtocart ~ * {
  6286.   margin-top: 8px;
  6287. }
  6288. .products-list[data-layout="list"] .product-card .product-card__addtocart,
  6289. .products-list[data-layout="list"] .product-card .product-card__compare,
  6290. .products-list[data-layout="list"] .product-card .product-card__wishlist {
  6291.   font-size: 0.875rem;
  6292.   height: calc(1.875rem + 2px);
  6293.   line-height: 1.25;
  6294.   padding: 0.375rem 1rem;
  6295.   font-weight: 500;
  6296. }
  6297. .products-list[data-layout="list"]
  6298.   .product-card
  6299.   .product-card__addtocart.btn-svg-icon,
  6300. .products-list[data-layout="list"]
  6301.   .product-card
  6302.   .product-card__compare.btn-svg-icon,
  6303. .products-list[data-layout="list"]
  6304.   .product-card
  6305.   .product-card__wishlist.btn-svg-icon {
  6306.   width: calc(1.875rem + 2px);
  6307. }
  6308. .products-list[data-layout="list"] .product-card .product-card__availability {
  6309.   color: #999;
  6310.   font-size: 14px;
  6311.   padding-right: 10px;
  6312. }
  6313. .products-list[data-layout="list"] .product-card .product-card__features-list {
  6314.   font-size: 14px;
  6315.   line-height: 16px;
  6316.   margin-bottom: 0;
  6317. }
  6318. .products-list[data-layout="list"]
  6319.   .product-card
  6320.   .product-card__features-list
  6321.   li {
  6322.   padding: 3px 0 3px 12px;
  6323. }
  6324. .products-list[data-layout="list"]
  6325.   .product-card
  6326.   .product-card__features-list
  6327.   li:before {
  6328.   top: 8px;
  6329. }
  6330. @media (min-width: 992px) and (max-width: 1199px) {
  6331.   .products-list[data-layout="list"] .product-card .product-card__image {
  6332.     width: 180px;
  6333.     padding-left: 20px;
  6334.     padding-right: 20px;
  6335.   }
  6336.   .products-list[data-layout="list"] .product-card .product-card__info {
  6337.     padding-right: 20px;
  6338.     padding-left: 0;
  6339.   }
  6340. }
  6341. @media (max-width: 767px) {
  6342.   .products-list[data-layout="list"] .product-card {
  6343.     -ms-flex-direction: column;
  6344.     flex-direction: column;
  6345.   }
  6346.   .products-list[data-layout="list"] .product-card .product-card__image {
  6347.     width: 250px;
  6348.     padding: 20px;
  6349.     margin: 0 auto;
  6350.   }
  6351.   .products-list[data-layout="list"] .product-card .product-card__info {
  6352.     border-top: 1px solid #ebebeb;
  6353.     padding: 20px;
  6354.   }
  6355.   .products-list[data-layout="list"] .product-card .product-card__actions {
  6356.     width: auto;
  6357.     border-left: none;
  6358.     border-top: 1px solid #ebebeb;
  6359.     padding: 20px;
  6360.   }
  6361.   .products-list[data-layout="list"] .product-card .product-card__buttons {
  6362.     -ms-flex-wrap: nowrap;
  6363.     flex-wrap: nowrap;
  6364.   }
  6365.   .products-list[data-layout="list"] .product-card .product-card__buttons .btn {
  6366.     font-size: 1rem;
  6367.     height: calc(2.25rem + 2px);
  6368.     line-height: 1.5;
  6369.     padding: 0.375rem 1.25rem;
  6370.     font-weight: 500;
  6371.   }
  6372.   .products-list[data-layout="list"]
  6373.     .product-card
  6374.     .product-card__buttons
  6375.     .btn.btn-svg-icon {
  6376.     width: calc(2.25rem + 2px);
  6377.   }
  6378.   .products-list[data-layout="list"]
  6379.     .product-card
  6380.     .product-card__addtocart--list {
  6381.     width: auto;
  6382.     margin-right: auto;
  6383.   }
  6384. }
  6385. .products-view__options {
  6386.   padding-bottom: 20px;
  6387. }
  6388. .products-view__pagination {
  6389.   padding-top: 32px;
  6390. }
  6391. .quickview {
  6392.   padding: 60px;
  6393.   position: relative;
  6394. }
  6395. .quickview__close {
  6396.   position: absolute;
  6397.   right: 0;
  6398.   top: 0;
  6399.   width: 50px;
  6400.   height: 50px;
  6401.   display: -ms-flexbox;
  6402.   display: flex;
  6403.   -ms-flex-align: center;
  6404.   align-items: center;
  6405.   -ms-flex-pack: center;
  6406.   justify-content: center;
  6407.   cursor: pointer;
  6408.   background: #fff;
  6409.   border-radius: 3px;
  6410.   border: none;
  6411.   fill: #bfbfbf;
  6412.   transition: all 0.2s;
  6413.   z-index: 2;
  6414. }
  6415. .quickview__close:focus,
  6416. .quickview__close:hover {
  6417.   fill: gray;
  6418. }
  6419. .quickview__close:focus {
  6420.   outline: none;
  6421. }
  6422. @media (min-width: 576px) and (max-width: 1199px) {
  6423.   .quickview {
  6424.     padding: 30px;
  6425.   }
  6426. }
  6427. @media (max-width: 575px) {
  6428.   .quickview {
  6429.     padding: 20px;
  6430.   }
  6431. }
  6432. .review {
  6433.   display: -ms-flexbox;
  6434.   display: flex;
  6435. }
  6436. .review__avatar {
  6437.   -ms-flex-negative: 0;
  6438.   flex-shrink: 0;
  6439.   margin-left: 16px;
  6440.   margin-right: 24px;
  6441. }
  6442. .review__avatar img {
  6443.   width: 70px;
  6444.   border-radius: 1000px;
  6445. }
  6446. .review__author {
  6447.   margin-top: -4px;
  6448.   font-size: 16px;
  6449.   font-weight: 500;
  6450. }
  6451. .review__rating {
  6452.   margin-top: 2px;
  6453. }
  6454. .review__text {
  6455.   font-size: 16px;
  6456.   margin-top: 12px;
  6457. }
  6458. .review__date {
  6459.   margin-top: 10px;
  6460.   color: #999;
  6461.   font-size: 14px;
  6462. }
  6463. @media (min-width: 576px) and (max-width: 767px) {
  6464.   .review__avatar {
  6465.     margin-right: 18px;
  6466.   }
  6467.   .review__avatar img {
  6468.     width: 60px;
  6469.   }
  6470. }
  6471. @media (max-width: 575px) {
  6472.   .review__avatar {
  6473.     display: none;
  6474.   }
  6475. }
  6476. .reviews-list__content {
  6477.   list-style: none;
  6478.   padding: 0;
  6479.   margin: 0;
  6480. }
  6481. .reviews-list__item {
  6482.   border-bottom: 1px solid #ebebeb;
  6483.   padding-top: 28px;
  6484.   padding-bottom: 24px;
  6485. }
  6486. .reviews-list__item:first-child {
  6487.   padding-top: 0;
  6488. }
  6489. .reviews-list__pagination {
  6490.   margin-top: 36px;
  6491. }
  6492. .reviews-view__header {
  6493.   margin-bottom: 50px;
  6494. }
  6495. .reviews-view__form {
  6496.   margin-top: 40px;
  6497.   border-top: 1px solid #ebebeb;
  6498.   padding-top: 60px;
  6499. }
  6500. @media (max-width: 575px) {
  6501.   .reviews-view__header {
  6502.     margin-bottom: 40px;
  6503.   }
  6504.   .reviews-view__form {
  6505.     margin-top: 30px;
  6506.     padding-top: 50px;
  6507.   }
  6508. }
  6509. .shop-layout {
  6510.   display: -ms-flexbox;
  6511.   display: flex;
  6512. }
  6513. @media (min-width: 992px) {
  6514.   .shop-layout__sidebar {
  6515.     width: 255px;
  6516.     -ms-flex-negative: 0;
  6517.     flex-shrink: 0;
  6518.   }
  6519.   .shop-layout__content {
  6520.     width: calc(100% - 285px);
  6521.   }
  6522.   .shop-layout--sidebar--start .shop-layout__sidebar {
  6523.     margin-right: 30px;
  6524.   }
  6525.   .shop-layout--sidebar--end .shop-layout__sidebar {
  6526.     margin-left: 30px;
  6527.   }
  6528. }
  6529. @media (max-width: 991px) {
  6530.   .shop-layout {
  6531.     -ms-flex-wrap: wrap;
  6532.     flex-wrap: wrap;
  6533.   }
  6534.   .shop-layout__content,
  6535.   .shop-layout__sidebar {
  6536.     width: 100%;
  6537.   }
  6538.   .shop-layout__sidebar {
  6539.     -ms-flex-order: 1;
  6540.     order: 1;
  6541.   }
  6542.   .shop-layout--sidebar--end .shop-layout__sidebar,
  6543.   .shop-layout--sidebar--start .shop-layout__sidebar {
  6544.     margin-left: 0;
  6545.     margin-right: 0;
  6546.   }
  6547. }
  6548. .spec {
  6549.   font-size: 15px;
  6550.   line-height: 18px;
  6551. }
  6552. .spec__header {
  6553.   margin-bottom: 50px;
  6554. }
  6555. .spec__section + .spec__section {
  6556.   margin-top: 40px;
  6557. }
  6558. .spec__section-title {
  6559.   font-weight: 500;
  6560.   font-size: 18px;
  6561.   letter-spacing: -0.03em;
  6562.   line-height: 20px;
  6563.   margin: 0 0 12px;
  6564. }
  6565. .spec__row {
  6566.   padding: 8px 12px;
  6567.   display: -ms-flexbox;
  6568.   display: flex;
  6569.   border-bottom: 1px solid #ebebeb;
  6570. }
  6571. .spec__row:first-of-type {
  6572.   border-top: 1px solid #ebebeb;
  6573. }
  6574. .spec__name {
  6575.   width: 230px;
  6576.   -ms-flex-negative: 0;
  6577.   flex-shrink: 0;
  6578.   padding-right: 30px;
  6579.   color: #999;
  6580. }
  6581. .spec__disclaimer {
  6582.   margin-top: 40px;
  6583.   font-size: 14px;
  6584.   line-height: 22px;
  6585.   color: #999;
  6586. }
  6587. @media (min-width: 576px) and (max-width: 767px) {
  6588.   .spec__name {
  6589.     width: 170px;
  6590.   }
  6591. }
  6592. @media (max-width: 575px) {
  6593.   .spec__row {
  6594.     display: block;
  6595.     padding: 12px 0;
  6596.   }
  6597.   .spec__name {
  6598.     width: auto;
  6599.     margin-bottom: 6px;
  6600.   }
  6601. }
  6602. .view-options {
  6603.   display: -ms-flexbox;
  6604.   display: flex;
  6605.   -ms-flex-align: center;
  6606.   align-items: center;
  6607.   font-size: 15px;
  6608. }
  6609. .view-options__legend {
  6610.   margin-left: 20px;
  6611. }
  6612. .view-options__divider {
  6613.   -ms-flex-positive: 1;
  6614.   flex-grow: 1;
  6615. }
  6616. .view-options__control {
  6617.   margin-left: 24px;
  6618.   display: -ms-flexbox;
  6619.   display: flex;
  6620.   -ms-flex-align: center;
  6621.   align-items: center;
  6622. }
  6623. .view-options__control label {
  6624.   margin-bottom: 0;
  6625.   margin-right: 8px;
  6626. }
  6627. @media (max-width: 767px) {
  6628.   .view-options {
  6629.     -ms-flex-wrap: wrap;
  6630.     flex-wrap: wrap;
  6631.   }
  6632.   .view-options__legend {
  6633.     margin-left: auto;
  6634.   }
  6635.   .view-options__divider {
  6636.     width: 100%;
  6637.     height: 12px;
  6638.   }
  6639.   .view-options__control {
  6640.     margin-left: auto;
  6641.   }
  6642.   .view-options__control + .view-options__control {
  6643.     margin-left: 24px;
  6644.   }
  6645. }
  6646. @media (max-width: 419px) {
  6647.   .view-options__legend {
  6648.     width: 100%;
  6649.     padding-top: 12px;
  6650.   }
  6651.   .view-options__divider {
  6652.     height: 8px;
  6653.   }
  6654.   .view-options__control {
  6655.     display: block;
  6656.     margin-left: 0;
  6657.     margin-right: 24px;
  6658.   }
  6659.   .view-options__control + .view-options__control {
  6660.     margin-left: 0;
  6661.   }
  6662. }
  6663. .wishlist__product-name {
  6664.   color: inherit;
  6665. }
  6666. .wishlist__product-rating {
  6667.   margin-top: 6px;
  6668.   display: -ms-flexbox;
  6669.   display: flex;
  6670. }
  6671. .wishlist__product-rating-legend {
  6672.   font-size: 13px;
  6673.   line-height: 1;
  6674.   color: #b3b3b3;
  6675.   margin-left: 9px;
  6676.   padding-top: 1px;
  6677. }
  6678. @media (min-width: 768px) {
  6679.   .wishlist {
  6680.     width: 100%;
  6681.     border-collapse: separate;
  6682.     border-spacing: 0;
  6683.   }
  6684.   .wishlist__column {
  6685.     padding: 12px 18px;
  6686.     border-top: 1px solid #ebebeb;
  6687.   }
  6688.   .wishlist__column:first-child {
  6689.     border-left: 1px solid #ebebeb;
  6690.   }
  6691.   .wishlist__column:last-child {
  6692.     border-right: 1px solid #ebebeb;
  6693.   }
  6694.   .wishlist__head {
  6695.     background: #f7f7f7;
  6696.     font-size: 15px;
  6697.   }
  6698.   .wishlist__head .wishlist__column {
  6699.     font-weight: 500;
  6700.   }
  6701.   .wishlist__head .wishlist__column:first-child {
  6702.     border-top-left-radius: 2.5px;
  6703.   }
  6704.   .wishlist__head .wishlist__column:last-child {
  6705.     border-top-right-radius: 2.5px;
  6706.   }
  6707.   .wishlist__body .wishlist__column {
  6708.     padding-top: 18px;
  6709.     padding-bottom: 18px;
  6710.   }
  6711.   .wishlist__body .wishlist__row:last-child .wishlist__column {
  6712.     border-bottom: 1px solid #ebebeb;
  6713.   }
  6714.   .wishlist__body .wishlist__row:last-child .wishlist__column:first-child {
  6715.     border-bottom-left-radius: 2.5px;
  6716.   }
  6717.   .wishlist__body .wishlist__row:last-child .wishlist__column:last-child {
  6718.     border-bottom-right-radius: 2.5px;
  6719.   }
  6720.   .wishlist__column--image {
  6721.     width: 1px;
  6722.     text-align: center;
  6723.   }
  6724.   .wishlist__column--image img {
  6725.     width: 80px;
  6726.   }
  6727.   .wishlist__column--stock {
  6728.     white-space: nowrap;
  6729.     text-align: center;
  6730.     width: 1px;
  6731.   }
  6732.   .wishlist__column--price {
  6733.     text-align: right;
  6734.     width: 170px;
  6735.     padding-left: 90px;
  6736.   }
  6737.   .wishlist__column--tocart {
  6738.     white-space: nowrap;
  6739.     width: 1px;
  6740.     padding-left: 90px;
  6741.     padding-right: 0;
  6742.   }
  6743.   .wishlist__column--remove {
  6744.     width: 1px;
  6745.   }
  6746. }
  6747. @media (min-width: 992px) and (max-width: 1199px) {
  6748.   .wishlist__column--price {
  6749.     width: 140px;
  6750.   }
  6751.   .wishlist__column--price,
  6752.   .wishlist__column--tocart {
  6753.     padding-left: 30px;
  6754.   }
  6755. }
  6756. @media (min-width: 768px) and (max-width: 991px) {
  6757.   .wishlist__column--price {
  6758.     width: 1px;
  6759.   }
  6760.   .wishlist__column--price,
  6761.   .wishlist__column--product,
  6762.   .wishlist__column--stock,
  6763.   .wishlist__column--tocart {
  6764.     padding-left: 0;
  6765.   }
  6766.   .wishlist__column--remove {
  6767.     padding-left: 8px;
  6768.     padding-right: 12px;
  6769.   }
  6770. }
  6771. @media (max-width: 767px) {
  6772.   .wishlist {
  6773.     display: block;
  6774.   }
  6775.   .wishlist__head {
  6776.     display: none;
  6777.   }
  6778.   .wishlist__body {
  6779.     display: block;
  6780.   }
  6781.   .wishlist__row {
  6782.     position: relative;
  6783.     width: 100%;
  6784.     display: block;
  6785.     border: 1px solid #ebebeb;
  6786.     border-radius: 2px;
  6787.     padding: 20px 20px 24px;
  6788.   }
  6789.   .wishlist__row + .wishlist__row {
  6790.     margin-top: 15px;
  6791.   }
  6792.   .wishlist__column {
  6793.     display: block;
  6794.     padding: 0;
  6795.   }
  6796.   .wishlist__column--image {
  6797.     padding: 20px 20px 10px;
  6798.     text-align: center;
  6799.   }
  6800.   .wishlist__column--image img {
  6801.     width: 100%;
  6802.     max-width: 160px;
  6803.   }
  6804.   .wishlist__column--price,
  6805.   .wishlist__column--product,
  6806.   .wishlist__column--stock,
  6807.   .wishlist__column--tocart {
  6808.     text-align: center;
  6809.   }
  6810.   .wishlist__column--stock {
  6811.     margin-top: 8px;
  6812.   }
  6813.   .wishlist__column--price {
  6814.     margin-top: 12px;
  6815.     font-size: 16px;
  6816.     font-weight: 700;
  6817.   }
  6818.   .wishlist__column--tocart {
  6819.     margin-top: 24px;
  6820.   }
  6821.   .wishlist__column--remove {
  6822.     position: absolute;
  6823.     top: 5px;
  6824.     right: 5px;
  6825.   }
  6826.   .wishlist__product-rating {
  6827.     -ms-flex-pack: center;
  6828.     justify-content: center;
  6829.   }
  6830. }
  6831. .comment {
  6832.   display: -ms-flexbox;
  6833.   display: flex;
  6834. }
  6835. .comment__avatar {
  6836.   width: 70px;
  6837.   -ms-flex-negative: 0;
  6838.   flex-shrink: 0;
  6839.   margin-left: 20px;
  6840.   margin-right: 24px;
  6841. }
  6842. .comment__avatar img {
  6843.   max-width: 100%;
  6844.   border-radius: 222px;
  6845. }
  6846. .comment__content {
  6847.   -ms-flex-positive: 1;
  6848.   flex-grow: 1;
  6849. }
  6850. .comment__header {
  6851.   margin-top: -4px;
  6852.   display: -ms-flexbox;
  6853.   display: flex;
  6854.   -ms-flex-pack: justify;
  6855.   justify-content: space-between;
  6856.   -ms-flex-align: center;
  6857.   align-items: center;
  6858. }
  6859. .comment__author {
  6860.   font-size: 16px;
  6861.   font-weight: 500;
  6862. }
  6863. .comment__author a {
  6864.   color: inherit;
  6865.   transition: color 0.2s;
  6866. }
  6867. .comment__author a:hover {
  6868.   color: #1a66ff;
  6869. }
  6870. .comment__reply .btn {
  6871.   height: 22px;
  6872.   padding: 0.125rem 0.375rem;
  6873.   display: block;
  6874. }
  6875. .comment__text {
  6876.   font-size: 16px;
  6877.   margin-top: 6px;
  6878. }
  6879. .comment__date {
  6880.   margin-top: 10px;
  6881.   color: #999;
  6882.   font-size: 14px;
  6883. }
  6884. @media (max-width: 767px) {
  6885.   .comment__avatar {
  6886.     margin-left: 0;
  6887.   }
  6888. }
  6889. @media (max-width: 575px) and (max-width: 575px) {
  6890.   .comment__avatar {
  6891.     display: none;
  6892.   }
  6893. }
  6894. .comments-list {
  6895.   list-style: none;
  6896.   margin: 0;
  6897.   padding: 0;
  6898. }
  6899. .comments-list__item + .comments-list__item {
  6900.   border-top: 1px solid #ebebeb;
  6901.   margin-top: 24px;
  6902.   padding-top: 28px;
  6903. }
  6904. .comments-list--level--0 > .comments-list__item:last-child {
  6905.   padding-bottom: 28px;
  6906.   border-bottom: 1px solid #ebebeb;
  6907. }
  6908. .comments-list--level--1 {
  6909.   border-top: 1px solid #ebebeb;
  6910.   margin-top: 24px;
  6911.   padding-top: 28px;
  6912. }
  6913. .comments-list--level--1 > .comments-list__item {
  6914.   margin-left: 46px;
  6915. }
  6916. @media (max-width: 767px) {
  6917.   .comments-list--level--1,
  6918.   .comments-list__item + .comments-list__item {
  6919.     margin-top: 20px;
  6920.     padding-top: 24px;
  6921.   }
  6922. }
  6923. .post__featured {
  6924.   text-align: center;
  6925.   position: relative;
  6926.   overflow: hidden;
  6927.   border-radius: 2px;
  6928.   margin-bottom: 40px;
  6929. }
  6930. .post__featured img {
  6931.   transition: opacity 0.2s;
  6932.   max-width: 100%;
  6933. }
  6934. .post__featured:hover img {
  6935.   opacity: 0.8;
  6936. }
  6937. .post__footer {
  6938.   margin-top: 60px;
  6939. }
  6940. .post__tags-share-links {
  6941.   margin-bottom: 30px;
  6942.   display: -ms-flexbox;
  6943.   display: flex;
  6944.   -ms-flex-pack: justify;
  6945.   justify-content: space-between;
  6946. }
  6947. .post__tags {
  6948.   margin-right: 30px;
  6949. }
  6950. .post__share-links {
  6951.   padding-top: 2px;
  6952. }
  6953. .post__section {
  6954.   margin-top: 70px;
  6955. }
  6956. .post__section-title {
  6957.   display: -ms-flexbox;
  6958.   display: flex;
  6959.   -ms-flex-align: center;
  6960.   align-items: center;
  6961.   margin-bottom: 28px;
  6962.   font-size: 22px;
  6963. }
  6964. .post__section-title:after {
  6965.   margin-left: 16px;
  6966.   margin-top: 1px;
  6967.   content: "";
  6968.   display: block;
  6969.   height: 2px;
  6970.   -ms-flex-positive: 1;
  6971.   flex-grow: 1;
  6972.   background: #ebebeb;
  6973. }
  6974. @media (max-width: 1199px) {
  6975.   .post__section {
  6976.     margin-top: 50px;
  6977.   }
  6978. }
  6979. @media (min-width: 768px) and (max-width: 991px) {
  6980.   .post__featured {
  6981.     margin-bottom: 30px;
  6982.   }
  6983. }
  6984. @media (max-width: 767px) {
  6985.   .post__featured {
  6986.     margin-bottom: 24px;
  6987.   }
  6988.   .post__footer {
  6989.     margin-top: 40px;
  6990.   }
  6991.   .post__tags-share-links {
  6992.     -ms-flex-direction: column;
  6993.     flex-direction: column;
  6994.     -ms-flex-align: center;
  6995.     align-items: center;
  6996.   }
  6997.   .post__tags {
  6998.     margin-right: 0;
  6999.   }
  7000.   .post__tags .tags__list {
  7001.     -ms-flex-pack: center;
  7002.     justify-content: center;
  7003.   }
  7004.   .post__share-links {
  7005.     padding: 20px 0 0;
  7006.   }
  7007. }
  7008. @media (min-width: 992px) {
  7009.   .post--layout--full .post__featured {
  7010.     margin-bottom: 50px;
  7011.   }
  7012. }
  7013. @media (min-width: 1200px) {
  7014.   .post--layout--full .post__featured {
  7015.     left: -190px;
  7016.     width: calc(100% + 380px);
  7017.   }
  7018. }
  7019. @media (min-width: 992px) and (max-width: 1199px) {
  7020.   .post--layout--full .post__featured {
  7021.     left: -120px;
  7022.     width: calc(100% + 240px);
  7023.   }
  7024. }
  7025. .post-author {
  7026.   border: 2px solid #f0f0f0;
  7027.   border-radius: 2px;
  7028.   padding: 22px;
  7029.   display: -ms-flexbox;
  7030.   display: flex;
  7031. }
  7032. .post-author__avatar {
  7033.   width: 70px;
  7034.   -ms-flex-negative: 0;
  7035.   flex-shrink: 0;
  7036.   overflow: hidden;
  7037.   border-radius: 2px;
  7038.   margin-right: 18px;
  7039. }
  7040. .post-author__avatar img {
  7041.   max-width: 100%;
  7042. }
  7043. .post-author__name {
  7044.   margin-top: 1px;
  7045.   font-size: 15px;
  7046.   font-weight: 500;
  7047. }
  7048. .post-author__name a {
  7049.   color: inherit;
  7050. }
  7051. .post-author__about {
  7052.   margin-top: 4px;
  7053.   font-size: 14px;
  7054. }
  7055. .post__related-posts {
  7056.   margin-top: 50px;
  7057. }
  7058. @media (max-width: 575px) {
  7059.   .post-author {
  7060.     -ms-flex-direction: column;
  7061.     flex-direction: column;
  7062.     -ms-flex-align: center;
  7063.     align-items: center;
  7064.     text-align: center;
  7065.   }
  7066.   .post-author__avatar {
  7067.     margin-right: 0;
  7068.     width: 90px;
  7069.   }
  7070.   .post-author__info {
  7071.     margin-top: 16px;
  7072.   }
  7073.   .post-author__about {
  7074.     margin-top: 8px;
  7075.   }
  7076. }
  7077. .post-header__categories {
  7078.   display: -ms-flexbox;
  7079.   display: flex;
  7080. }
  7081. .post-header__categories a {
  7082.   padding: 5px 7px 4px;
  7083.   display: block;
  7084.   font-size: 11px;
  7085.   line-height: 1;
  7086.   font-weight: 500;
  7087.   text-transform: uppercase;
  7088.   color: gray;
  7089.   background: #ebebeb;
  7090.   border-radius: 1.5px;
  7091. }
  7092. .post-header__meta {
  7093.   font-size: 14px;
  7094.   letter-spacing: 0.02em;
  7095.   color: #b2b2b2;
  7096.   display: -ms-flexbox;
  7097.   display: flex;
  7098.   -ms-flex-wrap: wrap;
  7099.   flex-wrap: wrap;
  7100. }
  7101. .post-header__meta a {
  7102.   color: inherit;
  7103.   transition: color 0.2s;
  7104. }
  7105. .post-header__meta a:hover {
  7106.   color: #1a66ff;
  7107. }
  7108. .post-header__meta-item {
  7109.   position: relative;
  7110.   margin-right: 20px;
  7111. }
  7112. .post-header__meta-item:after {
  7113.   position: absolute;
  7114.   display: block;
  7115.   content: "";
  7116.   background: currentColor;
  7117.   width: 4px;
  7118.   height: 4px;
  7119.   border-radius: 2px;
  7120.   right: -12px;
  7121.   top: 8px;
  7122. }
  7123. .post-header__meta-item:last-child {
  7124.   margin-right: 0;
  7125. }
  7126. .post-header__meta-item:last-child:after {
  7127.   display: none;
  7128. }
  7129. .post-header--layout--classic .post-header__categories {
  7130.   margin-bottom: 12px;
  7131. }
  7132. .post-header--layout--classic .post-header__title {
  7133.   line-height: 38px;
  7134.   margin-bottom: 8px;
  7135. }
  7136. .post-header--layout--classic .post-header__meta {
  7137.   margin-bottom: 30px;
  7138. }
  7139. @media (max-width: 1199px) {
  7140.   .post-header--layout--classic .post-header__title {
  7141.     margin-bottom: 6px;
  7142.   }
  7143. }
  7144. @media (min-width: 768px) and (max-width: 1199px) {
  7145.   .post-header--layout--classic .post-header__meta {
  7146.     margin-bottom: 24px;
  7147.   }
  7148. }
  7149. @media (max-width: 767px) {
  7150.   .post-header--layout--classic .post-header__meta {
  7151.     margin-bottom: 20px;
  7152.   }
  7153. }
  7154. @media (min-width: 480px) and (max-width: 767px) {
  7155.   .post-header--layout--classic .post-header__title {
  7156.     font-size: 30px;
  7157.     line-height: 32px;
  7158.   }
  7159. }
  7160. @media (max-width: 479px) {
  7161.   .post-header--layout--classic .post-header__title {
  7162.     font-size: 28px;
  7163.     line-height: 30px;
  7164.   }
  7165. }
  7166. .post-header--layout--full {
  7167.   width: 640px;
  7168.   max-width: 100%;
  7169.   margin: 0 auto;
  7170.   text-align: center;
  7171.   padding: 20px 0 50px;
  7172. }
  7173. .post-header--layout--full .post-header__categories {
  7174.   -ms-flex-pack: center;
  7175.   justify-content: center;
  7176.   margin-bottom: 24px;
  7177. }
  7178. .post-header--layout--full .post-header__title {
  7179.   line-height: 42px;
  7180. }
  7181. .post-header--layout--full .post-header__meta {
  7182.   margin-top: 24px;
  7183.   -ms-flex-pack: center;
  7184.   justify-content: center;
  7185. }
  7186. @media (max-width: 767px) {
  7187.   .post-header--layout--full {
  7188.     padding: 10px 0 24px;
  7189.   }
  7190.   .post-header--layout--full .post-header__categories {
  7191.     margin-bottom: 16px;
  7192.   }
  7193.   .post-header--layout--full .post-header__title {
  7194.     font-size: 30px;
  7195.     line-height: 32px;
  7196.   }
  7197.   .post-header--layout--full .post-header__meta {
  7198.     margin-top: 12px;
  7199.   }
  7200. }
  7201. @media (max-width: 575px) {
  7202.   .post-header--layout--full {
  7203.     padding-top: 0;
  7204.     text-align: left;
  7205.   }
  7206.   .post-header--layout--full .post-header__categories,
  7207.   .post-header--layout--full .post-header__meta {
  7208.     -ms-flex-pack: start;
  7209.     justify-content: flex-start;
  7210.   }
  7211.   .post-header--layout--full .post-header__meta {
  7212.     margin-top: 8px;
  7213.   }
  7214. }
  7215. .posts-list__body {
  7216.   display: -ms-flexbox;
  7217.   display: flex;
  7218.   -ms-flex-wrap: wrap;
  7219.   flex-wrap: wrap;
  7220.   margin: -32px -15px;
  7221. }
  7222. .posts-list__item {
  7223.   margin: 32px 15px;
  7224. }
  7225. .posts-list--layout--classic .posts-list__item {
  7226.   width: 100%;
  7227. }
  7228. @media (max-width: 767px) {
  7229.   .posts-list--layout--classic .posts-list__body,
  7230.   .posts-list--layout--classic .posts-list__item {
  7231.     margin: 0;
  7232.   }
  7233.   .posts-list--layout--classic .posts-list__item + .posts-list__item {
  7234.     margin-top: 36px;
  7235.   }
  7236. }
  7237. @media (max-width: 479px) {
  7238.   .posts-list--layout--classic .posts-list__item + .posts-list__item {
  7239.     margin-top: 30px;
  7240.   }
  7241. }
  7242. .posts-list--layout--list .posts-list__body {
  7243.   margin: -20px 0;
  7244. }
  7245. .posts-list--layout--list .posts-list__item {
  7246.   width: 100%;
  7247.   margin: 20px 0;
  7248. }
  7249. .posts-list--layout--grid2 .posts-list__item {
  7250.   width: calc(50% - 30px);
  7251. }
  7252. @media (max-width: 767px) {
  7253.   .posts-list--layout--grid2 .posts-list__body {
  7254.     margin: 0;
  7255.   }
  7256.   .posts-list--layout--grid2 .posts-list__item {
  7257.     margin: 0;
  7258.     width: 100%;
  7259.   }
  7260.   .posts-list--layout--grid2 .posts-list__item + .posts-list__item {
  7261.     margin-top: 36px;
  7262.   }
  7263. }
  7264. .posts-view__pagination {
  7265.   padding-top: 52px;
  7266. }
  7267. .related-posts__list {
  7268.   display: -ms-flexbox;
  7269.   display: flex;
  7270.   -ms-flex-wrap: wrap;
  7271.   flex-wrap: wrap;
  7272.   margin: -15px;
  7273. }
  7274. .related-posts__item {
  7275.   width: calc(50% - 30px);
  7276.   margin: 15px;
  7277. }
  7278. @media (max-width: 479px) {
  7279.   .related-posts__item {
  7280.     width: calc(100% - 30px);
  7281.   }
  7282. }
  7283. .block {
  7284.   margin-bottom: 70px;
  7285. }
  7286. .block--highlighted {
  7287.   padding: 50px 0 60px;
  7288.   background: #f9f9f9;
  7289. }
  7290. @media (max-width: 991px) {
  7291.   .block {
  7292.     margin-bottom: 40px;
  7293.   }
  7294. }
  7295. .block-banner__body {
  7296.   position: relative;
  7297.   display: block;
  7298.   height: 170px;
  7299.   text-align: center;
  7300.   color: inherit;
  7301. }
  7302. .block-banner__body:hover {
  7303.   color: inherit;
  7304. }
  7305. .block-banner__image {
  7306.   position: absolute;
  7307.   left: 0;
  7308.   right: 0;
  7309.   width: 100%;
  7310.   height: 100%;
  7311.   background-repeat: no-repeat;
  7312.   background-position: 50%;
  7313.   z-index: -1;
  7314. }
  7315. .block-banner__image--mobile {
  7316.   display: none;
  7317. }
  7318. .block-banner__title {
  7319.   padding-top: 28px;
  7320.   font-size: 30px;
  7321.   line-height: 1;
  7322.   font-weight: 700;
  7323. }
  7324. .block-banner__text {
  7325.   padding-top: 8px;
  7326. }
  7327. .block-banner__button {
  7328.   padding-top: 20px;
  7329. }
  7330. .block-banner__mobile-br {
  7331.   display: none;
  7332. }
  7333. @media (max-width: 767px) {
  7334.   .block-banner__body {
  7335.     height: 390px;
  7336.   }
  7337.   .block-banner__image--desktop {
  7338.     display: none;
  7339.   }
  7340.   .block-banner__image--mobile {
  7341.     display: block;
  7342.   }
  7343.   .block-banner__button,
  7344.   .block-banner__text,
  7345.   .block-banner__title {
  7346.     width: 220px;
  7347.     margin-left: auto;
  7348.     margin-right: auto;
  7349.   }
  7350.   .block-banner__title {
  7351.     padding-top: 48px;
  7352.     line-height: 1.1;
  7353.   }
  7354.   .block-banner__text {
  7355.     padding-top: 12px;
  7356.   }
  7357.   .block-banner__button {
  7358.     padding-top: 28px;
  7359.   }
  7360.   .block-banner__mobile-br {
  7361.     display: block;
  7362.   }
  7363. }
  7364. .block-brands__slider {
  7365.   border: 2px solid #f0f0f0;
  7366.   border-radius: 2px;
  7367. }
  7368. .block-brands__item {
  7369.   padding: 36px 24px;
  7370. }
  7371. .block-categories__list {
  7372.   display: -ms-flexbox;
  7373.   display: flex;
  7374.   -ms-flex-wrap: wrap;
  7375.   flex-wrap: wrap;
  7376.   margin: -6px;
  7377. }
  7378. .block-categories__item {
  7379.   margin: 6px;
  7380.   width: calc(33.3333% - 12px);
  7381. }
  7382. @media (min-width: 480px) and (max-width: 767px) {
  7383.   .block-categories--layout--classic .block-categories__item {
  7384.     width: calc(50% - 12px);
  7385.   }
  7386. }
  7387. @media (max-width: 479px) {
  7388.   .block-categories--layout--classic .block-categories__item {
  7389.     width: calc(100% - 12px);
  7390.   }
  7391. }
  7392. @media (min-width: 768px) and (max-width: 991px) {
  7393.   .block-categories--layout--compact .block-categories__item {
  7394.     width: calc(50% - 12px);
  7395.   }
  7396. }
  7397. @media (max-width: 767px) {
  7398.   .block-categories--layout--compact .block-categories__item {
  7399.     width: calc(100% - 12px);
  7400.   }
  7401. }
  7402. .block-features__list {
  7403.   border: 2px solid #f0f0f0;
  7404.   border-radius: 2px;
  7405.   display: -ms-flexbox;
  7406.   display: flex;
  7407. }
  7408. .block-features__item {
  7409.   -ms-flex-preferred-size: 0;
  7410.   flex-basis: 0;
  7411.   -ms-flex-positive: 1;
  7412.   flex-grow: 1;
  7413.   padding: 16px 24px;
  7414.   display: -ms-flexbox;
  7415.   display: flex;
  7416. }
  7417. .block-features__divider,
  7418. .block-features__icon {
  7419.   -ms-flex-negative: 0;
  7420.   flex-shrink: 0;
  7421. }
  7422. .block-features__icon {
  7423.   width: 48px;
  7424.   height: 48px;
  7425.   margin-right: 20px;
  7426.   fill: #ffd333;
  7427. }
  7428. .block-features__icon svg {
  7429.   display: block;
  7430. }
  7431. .block-features__content {
  7432.   padding-top: 2px;
  7433. }
  7434. .block-features__title {
  7435.   font-size: 17px;
  7436.   line-height: 24px;
  7437.   font-weight: 700;
  7438. }
  7439. .block-features__subtitle {
  7440.   font-size: 14px;
  7441. }
  7442. .block-features--layout--boxed {
  7443.   margin-top: -56px;
  7444. }
  7445. .block-features--layout--boxed .block-features__list {
  7446.   border: none;
  7447. }
  7448. .block-features--layout--boxed .block-features__item {
  7449.   -ms-flex-direction: column;
  7450.   flex-direction: column;
  7451.   background: #f7f7f7;
  7452.   border-radius: 3px;
  7453.   text-align: center;
  7454.   -ms-flex-align: center;
  7455.   align-items: center;
  7456.   padding: 30px 28px 28px;
  7457. }
  7458. .block-features--layout--boxed .block-features__divider {
  7459.   width: 14px;
  7460. }
  7461. .block-features--layout--boxed .block-features__icon {
  7462.   margin-right: 0;
  7463.   margin-bottom: 12px;
  7464. }
  7465. @media (min-width: 480px) and (max-width: 991px) {
  7466.   .block-features--layout--boxed .block-features__list {
  7467.     -ms-flex-wrap: wrap;
  7468.     flex-wrap: wrap;
  7469.   }
  7470.   .block-features--layout--boxed .block-features__item {
  7471.     width: 50%;
  7472.   }
  7473.   .block-features--layout--boxed .block-features__divider:nth-child(4n) {
  7474.     width: 100%;
  7475.     height: 14px;
  7476.   }
  7477. }
  7478. @media (max-width: 479px) {
  7479.   .block-features--layout--boxed .block-features__list {
  7480.     -ms-flex-wrap: wrap;
  7481.     flex-wrap: wrap;
  7482.   }
  7483.   .block-features--layout--boxed .block-features__item {
  7484.     width: 100%;
  7485.   }
  7486.   .block-features--layout--boxed .block-features__divider {
  7487.     width: 100%;
  7488.     height: 14px;
  7489.   }
  7490. }
  7491. .block-features--layout--classic {
  7492.   margin-top: -40px;
  7493. }
  7494. .block-features--layout--classic .block-features__divider {
  7495.   -ms-flex-negative: 0;
  7496.   flex-shrink: 0;
  7497.   width: 2px;
  7498.   background: #f0f0f0;
  7499. }
  7500. @media (max-width: 767px) and (min-width: 576px),
  7501.   (max-width: 1199px) and (min-width: 992px) {
  7502.   .block-features--layout--classic .block-features__item {
  7503.     padding: 12px;
  7504.   }
  7505.   .block-features--layout--classic .block-features__icon {
  7506.     margin-right: 16px;
  7507.   }
  7508.   .block-features--layout--classic .block-features__content {
  7509.     padding-top: 0;
  7510.   }
  7511. }
  7512. @media (max-width: 991px) and (min-width: 420px) {
  7513.   .block-features--layout--classic .block-features__list {
  7514.     -ms-flex-wrap: wrap;
  7515.     flex-wrap: wrap;
  7516.   }
  7517.   .block-features--layout--classic .block-features__item {
  7518.     -ms-flex-preferred-size: auto;
  7519.     flex-basis: auto;
  7520.     width: calc(50% - 1px);
  7521.     -ms-flex-negative: 0;
  7522.     flex-shrink: 0;
  7523.   }
  7524.   .block-features--layout--classic .block-features__divider:nth-child(4n) {
  7525.     width: 100%;
  7526.     height: 2px;
  7527.   }
  7528. }
  7529. @media (max-width: 575px) and (min-width: 420px) {
  7530.   .block-features--layout--classic .block-features__item {
  7531.     text-align: center;
  7532.     -ms-flex-direction: column;
  7533.     flex-direction: column;
  7534.   }
  7535.   .block-features--layout--classic .block-features__icon {
  7536.     margin-right: 0;
  7537.     margin-bottom: 20px;
  7538.     width: 100%;
  7539.     display: -ms-flexbox;
  7540.     display: flex;
  7541.     -ms-flex-pack: center;
  7542.     justify-content: center;
  7543.   }
  7544. }
  7545. @media (max-width: 419px) {
  7546.   .block-features--layout--classic .block-features__list {
  7547.     -ms-flex-wrap: wrap;
  7548.     flex-wrap: wrap;
  7549.   }
  7550.   .block-features--layout--classic .block-features__item {
  7551.     -ms-flex-preferred-size: auto;
  7552.     flex-basis: auto;
  7553.     width: 100%;
  7554.     -ms-flex-negative: 0;
  7555.     flex-shrink: 0;
  7556.   }
  7557.   .block-features--layout--classic .block-features__icon {
  7558.     margin-right: 24px;
  7559.   }
  7560.   .block-features--layout--classic .block-features__divider {
  7561.     width: 100%;
  7562.     height: 2px;
  7563.   }
  7564. }
  7565. .block-map {
  7566.   margin-bottom: 10px;
  7567. }
  7568. .block-map__body {
  7569.   height: 540px;
  7570.   position: relative;
  7571. }
  7572. .block-map__body:before {
  7573.   top: 0;
  7574.   background: linear-gradient(180deg, rgba(0, 0, 0, 0.15), transparent);
  7575. }
  7576. .block-map__body:after,
  7577. .block-map__body:before {
  7578.   position: absolute;
  7579.   content: "";
  7580.   display: block;
  7581.   left: 0;
  7582.   width: 100%;
  7583.   height: 3px;
  7584.   z-index: 1;
  7585.   pointer-events: none;
  7586. }
  7587. .block-map__body:after {
  7588.   bottom: 0;
  7589.   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.05), transparent);
  7590. }
  7591. .block-map__body iframe {
  7592.   position: absolute;
  7593.   left: 0;
  7594.   top: 0;
  7595.   width: 100%;
  7596.   height: 100%;
  7597. }
  7598. @media (max-width: 1199px) {
  7599.   .block-map__body {
  7600.     height: 500px;
  7601.   }
  7602. }
  7603. @media (max-width: 991px) {
  7604.   .block-map__body {
  7605.     height: 440px;
  7606.   }
  7607. }
  7608. @media (max-width: 767px) {
  7609.   .block-map__body {
  7610.     height: 380px;
  7611.   }
  7612. }
  7613. @media (max-width: 575px) {
  7614.   .block-map__body {
  7615.     height: 300px;
  7616.   }
  7617. }
  7618. @media (min-width: 576px) {
  7619.   .block-posts--layout--list-sm .post-card {
  7620.     display: -ms-flexbox;
  7621.     display: flex;
  7622.     -ms-flex-direction: row;
  7623.     flex-direction: row;
  7624.     -ms-flex-align: start;
  7625.     align-items: flex-start;
  7626.   }
  7627.   .block-posts--layout--list-sm .post-card .post-card__image {
  7628.     width: 240px;
  7629.     -ms-flex-negative: 0;
  7630.     flex-shrink: 0;
  7631.     margin-right: 22px;
  7632.   }
  7633.   .block-posts--layout--list-sm .post-card .post-card__name {
  7634.     margin-top: 10px;
  7635.     font-size: 16px;
  7636.     line-height: 20px;
  7637.     -ms-flex-order: -1;
  7638.     order: -1;
  7639.     height: 40px;
  7640.     overflow: hidden;
  7641.   }
  7642.   .block-posts--layout--list-sm .post-card .post-card__date {
  7643.     margin-top: 6px;
  7644.   }
  7645.   .block-posts--layout--list-sm .post-card .post-card__category {
  7646.     display: none;
  7647.   }
  7648.   .block-posts--layout--list-sm .post-card .post-card__content {
  7649.     margin-top: 10px;
  7650.     font-size: 15px;
  7651.     line-height: 22px;
  7652.     height: 66px;
  7653.     overflow: hidden;
  7654.   }
  7655.   .block-posts--layout--list-sm .post-card .post-card__read-more {
  7656.     display: none;
  7657.   }
  7658. }
  7659. @media (min-width: 992px) and (max-width: 1199px) {
  7660.   .block-posts--layout--list-sm .post-card .post-card__image {
  7661.     width: 210px;
  7662.     -ms-flex-negative: 0;
  7663.     flex-shrink: 0;
  7664.     margin-right: 18px;
  7665.   }
  7666.   .block-posts--layout--list-sm .post-card .post-card__name {
  7667.     margin-top: 5px;
  7668.     font-size: 15px;
  7669.     line-height: 19px;
  7670.     -ms-flex-order: -1;
  7671.     order: -1;
  7672.   }
  7673.   .block-posts--layout--list-sm .post-card .post-card__date {
  7674.     margin-top: 4px;
  7675.   }
  7676.   .block-posts--layout--list-sm .post-card .post-card__category {
  7677.     display: none;
  7678.   }
  7679.   .block-posts--layout--list-sm .post-card .post-card__content {
  7680.     margin-top: 10px;
  7681.     font-size: 15px;
  7682.     line-height: 20px;
  7683.     height: 60px;
  7684.     overflow: hidden;
  7685.   }
  7686.   .block-posts--layout--list-sm .post-card .post-card__read-more {
  7687.     display: none;
  7688.   }
  7689. }
  7690. @media (max-width: 575px) {
  7691.   .block-posts--layout--list-sm .post-card .post-card__info {
  7692.     display: -ms-flexbox;
  7693.     display: flex;
  7694.     -ms-flex-wrap: wrap;
  7695.     flex-wrap: wrap;
  7696.   }
  7697.   .block-posts--layout--list-sm .post-card .post-card__image {
  7698.     margin-bottom: 14px;
  7699.   }
  7700.   .block-posts--layout--list-sm .post-card .post-card__category {
  7701.     display: none;
  7702.   }
  7703.   .block-posts--layout--list-sm .post-card .post-card__date {
  7704.     -ms-flex-order: -1;
  7705.     order: -1;
  7706.   }
  7707.   .block-posts--layout--list-sm .post-card .post-card__name {
  7708.     width: 100%;
  7709.     font-size: 18px;
  7710.     margin-top: 4px;
  7711.     line-height: 22px;
  7712.   }
  7713.   .block-posts--layout--list-sm .post-card .post-card__content {
  7714.     width: 100%;
  7715.     margin-top: 12px;
  7716.   }
  7717.   .block-posts--layout--list-sm .post-card .post-card__read-more {
  7718.     width: 100%;
  7719.     display: none;
  7720.   }
  7721. }
  7722. .block-posts--layout--grid-nl .post-card .post-card__info {
  7723.   display: -ms-flexbox;
  7724.   display: flex;
  7725.   -ms-flex-wrap: wrap;
  7726.   flex-wrap: wrap;
  7727. }
  7728. .block-posts--layout--grid-nl .post-card .post-card__image {
  7729.   margin-bottom: 14px;
  7730. }
  7731. .block-posts--layout--grid-nl .post-card .post-card__category {
  7732.   display: none;
  7733. }
  7734. .block-posts--layout--grid-nl .post-card .post-card__date {
  7735.   -ms-flex-order: -1;
  7736.   order: -1;
  7737. }
  7738. .block-posts--layout--grid-nl .post-card .post-card__name {
  7739.   width: 100%;
  7740.   font-size: 18px;
  7741.   margin-top: 4px;
  7742.   line-height: 22px;
  7743. }
  7744. .block-posts--layout--grid-nl .post-card .post-card__content {
  7745.   width: 100%;
  7746.   margin-top: 12px;
  7747. }
  7748. .block-posts--layout--grid-nl .post-card .post-card__read-more {
  7749.   width: 100%;
  7750.   display: none;
  7751. }
  7752. .block-product-columns__item {
  7753.   position: relative;
  7754. }
  7755. .block-product-columns__item + .block-product-columns__item {
  7756.   margin-top: -1px;
  7757. }
  7758. .block-product-columns__item:hover {
  7759.   z-index: 2;
  7760. }
  7761. @media (min-width: 992px) and (max-width: 1199px) {
  7762.   .block-product-columns .product-card .product-card__image {
  7763.     width: 110px;
  7764.   }
  7765.   .block-product-columns .product-card .product-card__rating {
  7766.     display: none;
  7767.   }
  7768.   .block-product-columns .product-card .product-card__actions {
  7769.     left: 110px;
  7770.   }
  7771. }
  7772. .block-products__body,
  7773. .block-products__featured {
  7774.   display: -ms-flexbox;
  7775.   display: flex;
  7776. }
  7777. .block-products__featured {
  7778.   -ms-flex-direction: column;
  7779.   flex-direction: column;
  7780.   width: 36%;
  7781.   -ms-flex-negative: 0;
  7782.   flex-shrink: 0;
  7783. }
  7784. .block-products__featured-item {
  7785.   display: -ms-flexbox;
  7786.   display: flex;
  7787.   -ms-flex-positive: 1;
  7788.   flex-grow: 1;
  7789. }
  7790. .block-products__featured-item .product-card {
  7791.   width: 100%;
  7792.   -ms-flex-negative: 0;
  7793.   flex-shrink: 0;
  7794. }
  7795. .block-products__list {
  7796.   display: -ms-flexbox;
  7797.   display: flex;
  7798.   -ms-flex-wrap: wrap;
  7799.   flex-wrap: wrap;
  7800.   margin: -6px;
  7801. }
  7802. .block-products__list-item {
  7803.   display: -ms-flexbox;
  7804.   display: flex;
  7805.   width: calc(33.3333% - 12px);
  7806.   margin: 6px;
  7807. }
  7808. .block-products__list-item .product-card {
  7809.   width: 100%;
  7810.   -ms-flex-negative: 0;
  7811.   flex-shrink: 0;
  7812. }
  7813. .block-products__list-item .product-card .product-card__image {
  7814.   padding: 18px 18px 20px;
  7815. }
  7816. .block-products__list-item .product-card .product-card__info {
  7817.   padding: 0 24px;
  7818. }
  7819. .block-products__list-item .product-card .product-card__actions {
  7820.   padding: 0 24px 24px;
  7821. }
  7822. .block-products__list-item .product-card .product-card__availability,
  7823. .block-products__list-item .product-card .product-card__description,
  7824. .block-products__list-item .product-card .product-card__features-list {
  7825.   display: none;
  7826. }
  7827. .block-products__list-item .product-card .product-card__image {
  7828.   padding: 15px;
  7829. }
  7830. .block-products__list-item .product-card .product-card__badges-list {
  7831.   left: 16px;
  7832.   top: 16px;
  7833. }
  7834. .block-products__list-item .product-card .product-card__info {
  7835.   padding: 0 15px;
  7836. }
  7837. .block-products__list-item .product-card .product-card__actions {
  7838.   padding: 0 15px 15px;
  7839. }
  7840. .block-products__list-item .product-card .product-card__buttons .btn {
  7841.   font-size: 0.8125rem;
  7842.   height: calc(1.5rem + 2px);
  7843.   line-height: 1.25;
  7844.   padding: 0.25rem 0.5625rem;
  7845.   font-weight: 500;
  7846. }
  7847. .block-products__list-item
  7848.   .product-card
  7849.   .product-card__buttons
  7850.   .btn.btn-svg-icon {
  7851.   width: calc(1.5rem + 2px);
  7852. }
  7853. @media (hover: hover) {
  7854.   .block-products__list-item .product-card .product-card__buttons {
  7855.     display: none;
  7856.   }
  7857.   .block-products__list-item .product-card:hover {
  7858.     position: relative;
  7859.     z-index: 3;
  7860.     margin-bottom: -50px;
  7861.   }
  7862.   .block-products__list-item .product-card:hover .product-card__buttons {
  7863.     display: -ms-flexbox;
  7864.     display: flex;
  7865.   }
  7866. }
  7867. @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  7868.   .block-products__list-item .product-card .product-card__buttons {
  7869.     display: none;
  7870.   }
  7871.   .block-products__list-item .product-card:hover {
  7872.     position: relative;
  7873.     z-index: 3;
  7874.     margin-bottom: -50px;
  7875.   }
  7876.   .block-products__list-item .product-card:hover .product-card__buttons {
  7877.     display: -ms-flexbox;
  7878.     display: flex;
  7879.   }
  7880. }
  7881. @media (min-width: 992px) {
  7882.   .block-products__featured-item .product-card .product-card__image {
  7883.     padding: 18px 18px 20px;
  7884.   }
  7885.   .block-products__featured-item .product-card .product-card__info {
  7886.     padding: 0 24px;
  7887.   }
  7888.   .block-products__featured-item .product-card .product-card__actions {
  7889.     padding: 0 24px 24px;
  7890.   }
  7891.   .block-products__featured-item .product-card .product-card__availability,
  7892.   .block-products__featured-item .product-card .product-card__description,
  7893.   .block-products__featured-item .product-card .product-card__features-list {
  7894.     display: none;
  7895.   }
  7896.   .block-products__featured-item .product-card .product-card__image {
  7897.     padding: 25px;
  7898.   }
  7899.   .block-products__featured-item .product-card .product-card__info {
  7900.     padding: 0 30px;
  7901.     -ms-flex-positive: 0;
  7902.     flex-grow: 0;
  7903.   }
  7904.   .block-products__featured-item .product-card .product-card__name {
  7905.     font-size: 17px;
  7906.     line-height: 23px;
  7907.   }
  7908.   .block-products__featured-item .product-card .product-card__actions {
  7909.     padding: 0 30px 30px;
  7910.     -ms-flex-positive: 1;
  7911.     flex-grow: 1;
  7912.     display: -ms-flexbox;
  7913.     display: flex;
  7914.     -ms-flex-direction: column;
  7915.     flex-direction: column;
  7916.   }
  7917.   .block-products__featured-item .product-card .product-card__rating {
  7918.     margin-top: 10px;
  7919.   }
  7920.   .block-products__featured-item .product-card .product-card__prices {
  7921.     margin-bottom: auto;
  7922.     font-size: 20px;
  7923.   }
  7924.   .block-products__featured + .block-products__list {
  7925.     margin-left: 6px;
  7926.   }
  7927.   .block-products__list + .block-products__featured {
  7928.     margin-left: 12px;
  7929.   }
  7930. }
  7931. @media (min-width: 576px) and (max-width: 991px) {
  7932.   .block-products__featured-item {
  7933.     display: block;
  7934.   }
  7935.   .block-products__featured-item .product-card {
  7936.     -ms-flex-direction: row;
  7937.     flex-direction: row;
  7938.   }
  7939.   .block-products__featured-item .product-card .product-card__image {
  7940.     width: 120px;
  7941.     padding: 16px;
  7942.   }
  7943.   .block-products__featured-item .product-card .product-card__badges-list {
  7944.     left: 10px;
  7945.     top: 10px;
  7946.   }
  7947.   .block-products__featured-item .product-card .product-card__badge {
  7948.     padding: 3px 5px 2px;
  7949.   }
  7950.   .block-products__featured-item .product-card .product-card__info {
  7951.     padding: 14px 30px 42px 0;
  7952.     width: 100%;
  7953.   }
  7954.   .block-products__featured-item .product-card .product-card__availability,
  7955.   .block-products__featured-item .product-card .product-card__buttons,
  7956.   .block-products__featured-item .product-card .product-card__description {
  7957.     display: none;
  7958.   }
  7959.   .block-products__featured-item .product-card .product-card__actions {
  7960.     position: absolute;
  7961.     left: 120px;
  7962.     bottom: 18px;
  7963.   }
  7964.   .block-products__featured-item .product-card .product-card__features-list {
  7965.     display: none;
  7966.   }
  7967.   .block-products__featured-item .product-card .product-card__image {
  7968.     width: 216px;
  7969.     padding-left: 24px;
  7970.     padding-right: 24px;
  7971.     margin-right: 16px;
  7972.   }
  7973.   .block-products__featured-item .product-card .product-card__info {
  7974.     padding-top: 20px;
  7975.     padding-bottom: 120px;
  7976.   }
  7977.   .block-products__featured-item .product-card .product-card__name {
  7978.     font-size: 17px;
  7979.     margin-bottom: 2px;
  7980.     -ms-flex-positive: 0;
  7981.     flex-grow: 0;
  7982.   }
  7983.   .block-products__featured-item .product-card .product-card__actions {
  7984.     -ms-flex-align: center;
  7985.     align-items: center;
  7986.     left: 232px;
  7987.     bottom: 26px;
  7988.   }
  7989.   .block-products__featured-item .product-card .product-card__prices {
  7990.     margin-top: 0;
  7991.     margin-right: 24px;
  7992.     font-size: 20px;
  7993.   }
  7994.   .block-products__featured-item .product-card .product-card__buttons {
  7995.     display: block;
  7996.   }
  7997. }
  7998. @media (max-width: 991px) {
  7999.   .block-products__body {
  8000.     display: block;
  8001.   }
  8002.   .block-products__featured {
  8003.     width: 100%;
  8004.   }
  8005.   .block-products__featured + .block-products__list {
  8006.     margin-top: 6px;
  8007.   }
  8008.   .block-products__list + .block-products__featured {
  8009.     margin-top: 12px;
  8010.   }
  8011. }
  8012. @media (max-width: 767px) {
  8013.   .block-products__list-item {
  8014.     width: calc(50% - 12px);
  8015.   }
  8016. }
  8017. @media (max-width: 575px) {
  8018.   .block-products__featured-item .product-card .product-card__image {
  8019.     padding: 18px 18px 20px;
  8020.   }
  8021.   .block-products__featured-item .product-card .product-card__info {
  8022.     padding: 0 24px;
  8023.   }
  8024.   .block-products__featured-item .product-card .product-card__actions {
  8025.     padding: 0 24px 24px;
  8026.   }
  8027.   .block-products__featured-item .product-card .product-card__availability,
  8028.   .block-products__featured-item .product-card .product-card__description,
  8029.   .block-products__featured-item .product-card .product-card__features-list {
  8030.     display: none;
  8031.   }
  8032.   .block-products__featured-item .product-card .product-card__buttons .btn {
  8033.     font-size: 0.875rem;
  8034.     height: calc(1.875rem + 2px);
  8035.     line-height: 1.25;
  8036.     padding: 0.375rem 1rem;
  8037.     font-weight: 500;
  8038.   }
  8039.   .block-products__featured-item
  8040.     .product-card
  8041.     .product-card__buttons
  8042.     .btn.btn-svg-icon {
  8043.     width: calc(1.875rem + 2px);
  8044.   }
  8045. }
  8046. @media (max-width: 575px) and (hover: hover) {
  8047.   .block-products__featured-item .product-card .product-card__buttons {
  8048.     display: none;
  8049.   }
  8050.   .block-products__featured-item .product-card:hover {
  8051.     position: relative;
  8052.     z-index: 3;
  8053.     margin-bottom: -56px;
  8054.   }
  8055.   .block-products__featured-item .product-card:hover .product-card__buttons {
  8056.     display: -ms-flexbox;
  8057.     display: flex;
  8058.   }
  8059. }
  8060. @media (max-width: 575px) and (-ms-high-contrast: none),
  8061.   screen and (max-width: 575px) and (-ms-high-contrast: active) {
  8062.   .block-products__featured-item .product-card .product-card__buttons {
  8063.     display: none;
  8064.   }
  8065.   .block-products__featured-item .product-card:hover {
  8066.     position: relative;
  8067.     z-index: 3;
  8068.     margin-bottom: -56px;
  8069.   }
  8070.   .block-products__featured-item .product-card:hover .product-card__buttons {
  8071.     display: -ms-flexbox;
  8072.     display: flex;
  8073.   }
  8074. }
  8075. @media (max-width: 479px) {
  8076.   .block-products__list-item {
  8077.     width: calc(100% - 12px);
  8078.   }
  8079. }
  8080. .block-products-carousel .owl-stage {
  8081.   padding-bottom: 56px;
  8082. }
  8083. .block-products-carousel .owl-stage-outer {
  8084.   margin-bottom: -56px;
  8085. }
  8086. .block-products-carousel__slider {
  8087.   position: relative;
  8088. }
  8089. .block-products-carousel__preloader {
  8090.   position: absolute;
  8091.   z-index: 2;
  8092.   left: 0;
  8093.   top: 0;
  8094.   right: 0;
  8095.   bottom: 56px;
  8096.   background: hsla(0, 0%, 100%, 0.9);
  8097.   opacity: 0;
  8098.   visibility: hidden;
  8099.   transition: opacity 0.3s, visibility 0s 0.3s;
  8100. }
  8101. .block-products-carousel__preloader:after {
  8102.   display: block;
  8103.   content: "";
  8104.   position: absolute;
  8105.   border: 2px solid rgba(0, 0, 0, 0.1);
  8106.   border-top-color: rgba(0, 0, 0, 0.5);
  8107.   transition: border-color 0.1s;
  8108.   animation-name: a;
  8109.   animation-duration: 0.5s;
  8110.   animation-timing-function: linear;
  8111.   animation-iteration-count: infinite;
  8112.   left: calc(50% - 50px);
  8113.   top: calc(50% - 50px);
  8114.   width: 100px;
  8115.   height: 100px;
  8116.   border-radius: 50px;
  8117. }
  8118. .block-products-carousel--loading .block-products-carousel__preloader {
  8119.   transition-delay: 0s, 0s;
  8120.   opacity: 1;
  8121.   visibility: visible;
  8122. }
  8123. .block-products-carousel__cell + .block-products-carousel__cell {
  8124.   margin-top: 14px;
  8125. }
  8126. .block-products-carousel[data-layout^="grid-"]
  8127.   .product-card
  8128.   .product-card__image {
  8129.   padding: 18px 18px 20px;
  8130. }
  8131. .block-products-carousel[data-layout^="grid-"]
  8132.   .product-card
  8133.   .product-card__info {
  8134.   padding: 0 24px;
  8135. }
  8136. .block-products-carousel[data-layout^="grid-"]
  8137.   .product-card
  8138.   .product-card__actions {
  8139.   padding: 0 24px 24px;
  8140. }
  8141. .block-products-carousel[data-layout^="grid-"]
  8142.   .product-card
  8143.   .product-card__availability,
  8144. .block-products-carousel[data-layout^="grid-"]
  8145.   .product-card
  8146.   .product-card__description,
  8147. .block-products-carousel[data-layout^="grid-"]
  8148.   .product-card
  8149.   .product-card__features-list {
  8150.   display: none;
  8151. }
  8152. .block-products-carousel[data-layout="grid-4"]
  8153.   .product-card
  8154.   .product-card__buttons
  8155.   .btn {
  8156.   font-size: 0.875rem;
  8157.   height: calc(1.875rem + 2px);
  8158.   line-height: 1.25;
  8159.   padding: 0.375rem 1rem;
  8160.   font-weight: 500;
  8161. }
  8162. .block-products-carousel[data-layout="grid-4"]
  8163.   .product-card
  8164.   .product-card__buttons
  8165.   .btn.btn-svg-icon {
  8166.   width: calc(1.875rem + 2px);
  8167. }
  8168. @media (hover: hover) {
  8169.   .block-products-carousel[data-layout="grid-4"]
  8170.     .product-card
  8171.     .product-card__buttons {
  8172.     display: none;
  8173.   }
  8174.   .block-products-carousel[data-layout="grid-4"] .product-card:hover {
  8175.     position: relative;
  8176.     z-index: 3;
  8177.     margin-bottom: -56px;
  8178.   }
  8179.   .block-products-carousel[data-layout="grid-4"]
  8180.     .product-card:hover
  8181.     .product-card__buttons {
  8182.     display: -ms-flexbox;
  8183.     display: flex;
  8184.   }
  8185. }
  8186. @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  8187.   .block-products-carousel[data-layout="grid-4"]
  8188.     .product-card
  8189.     .product-card__buttons {
  8190.     display: none;
  8191.   }
  8192.   .block-products-carousel[data-layout="grid-4"] .product-card:hover {
  8193.     position: relative;
  8194.     z-index: 3;
  8195.     margin-bottom: -56px;
  8196.   }
  8197.   .block-products-carousel[data-layout="grid-4"]
  8198.     .product-card:hover
  8199.     .product-card__buttons {
  8200.     display: -ms-flexbox;
  8201.     display: flex;
  8202.   }
  8203. }
  8204. @media (min-width: 768px) and (max-width: 1199px) {
  8205.   .block-products-carousel[data-layout="grid-4"]
  8206.     .product-card
  8207.     .product-card__image {
  8208.     padding: 15px;
  8209.   }
  8210.   .block-products-carousel[data-layout="grid-4"]
  8211.     .product-card
  8212.     .product-card__badges-list {
  8213.     left: 16px;
  8214.     top: 16px;
  8215.   }
  8216.   .block-products-carousel[data-layout="grid-4"]
  8217.     .product-card
  8218.     .product-card__info {
  8219.     padding: 0 15px;
  8220.   }
  8221.   .block-products-carousel[data-layout="grid-4"]
  8222.     .product-card
  8223.     .product-card__actions {
  8224.     padding: 0 15px 15px;
  8225.   }
  8226.   .block-products-carousel[data-layout="grid-4"]
  8227.     .product-card
  8228.     .product-card__buttons
  8229.     .btn {
  8230.     font-size: 0.8125rem;
  8231.     height: calc(1.5rem + 2px);
  8232.     line-height: 1.25;
  8233.     padding: 0.25rem 0.5625rem;
  8234.     font-weight: 500;
  8235.   }
  8236.   .block-products-carousel[data-layout="grid-4"]
  8237.     .product-card
  8238.     .product-card__buttons
  8239.     .btn.btn-svg-icon {
  8240.     width: calc(1.5rem + 2px);
  8241.   }
  8242. }
  8243. @media (min-width: 768px) and (max-width: 1199px) and (hover: hover) {
  8244.   .block-products-carousel[data-layout="grid-4"]
  8245.     .product-card
  8246.     .product-card__buttons {
  8247.     display: none;
  8248.   }
  8249.   .block-products-carousel[data-layout="grid-4"] .product-card:hover {
  8250.     position: relative;
  8251.     z-index: 3;
  8252.     margin-bottom: -50px;
  8253.   }
  8254.   .block-products-carousel[data-layout="grid-4"]
  8255.     .product-card:hover
  8256.     .product-card__buttons {
  8257.     display: -ms-flexbox;
  8258.     display: flex;
  8259.   }
  8260. }
  8261. @media (min-width: 768px) and (max-width: 1199px) and (-ms-high-contrast: none),
  8262.   screen and (min-width: 768px) and (max-width: 1199px) and (-ms-high-contrast: active) {
  8263.   .block-products-carousel[data-layout="grid-4"]
  8264.     .product-card
  8265.     .product-card__buttons {
  8266.     display: none;
  8267.   }
  8268.   .block-products-carousel[data-layout="grid-4"] .product-card:hover {
  8269.     position: relative;
  8270.     z-index: 3;
  8271.     margin-bottom: -50px;
  8272.   }
  8273.   .block-products-carousel[data-layout="grid-4"]
  8274.     .product-card:hover
  8275.     .product-card__buttons {
  8276.     display: -ms-flexbox;
  8277.     display: flex;
  8278.   }
  8279. }
  8280. @media (max-width: 575px) {
  8281.   .block-products-carousel[data-layout="grid-4"]
  8282.     .product-card
  8283.     .product-card__image {
  8284.     padding: 15px;
  8285.   }
  8286.   .block-products-carousel[data-layout="grid-4"]
  8287.     .product-card
  8288.     .product-card__badges-list {
  8289.     left: 16px;
  8290.     top: 16px;
  8291.   }
  8292.   .block-products-carousel[data-layout="grid-4"]
  8293.     .product-card
  8294.     .product-card__info {
  8295.     padding: 0 15px;
  8296.   }
  8297.   .block-products-carousel[data-layout="grid-4"]
  8298.     .product-card
  8299.     .product-card__actions {
  8300.     padding: 0 15px 15px;
  8301.   }
  8302.   .block-products-carousel[data-layout="grid-4"]
  8303.     .product-card
  8304.     .product-card__buttons
  8305.     .btn {
  8306.     font-size: 0.8125rem;
  8307.     height: calc(1.5rem + 2px);
  8308.     line-height: 1.25;
  8309.     padding: 0.25rem 0.5625rem;
  8310.     font-weight: 500;
  8311.   }
  8312.   .block-products-carousel[data-layout="grid-4"]
  8313.     .product-card
  8314.     .product-card__buttons
  8315.     .btn.btn-svg-icon {
  8316.     width: calc(1.5rem + 2px);
  8317.   }
  8318. }
  8319. @media (max-width: 575px) and (hover: hover) {
  8320.   .block-products-carousel[data-layout="grid-4"]
  8321.     .product-card
  8322.     .product-card__buttons {
  8323.     display: none;
  8324.   }
  8325.   .block-products-carousel[data-layout="grid-4"] .product-card:hover {
  8326.     position: relative;
  8327.     z-index: 3;
  8328.     margin-bottom: -50px;
  8329.   }
  8330.   .block-products-carousel[data-layout="grid-4"]
  8331.     .product-card:hover
  8332.     .product-card__buttons {
  8333.     display: -ms-flexbox;
  8334.     display: flex;
  8335.   }
  8336. }
  8337. @media (max-width: 575px) and (-ms-high-contrast: none),
  8338.   screen and (max-width: 575px) and (-ms-high-contrast: active) {
  8339.   .block-products-carousel[data-layout="grid-4"]
  8340.     .product-card
  8341.     .product-card__buttons {
  8342.     display: none;
  8343.   }
  8344.   .block-products-carousel[data-layout="grid-4"] .product-card:hover {
  8345.     position: relative;
  8346.     z-index: 3;
  8347.     margin-bottom: -50px;
  8348.   }
  8349.   .block-products-carousel[data-layout="grid-4"]
  8350.     .product-card:hover
  8351.     .product-card__buttons {
  8352.     display: -ms-flexbox;
  8353.     display: flex;
  8354.   }
  8355. }
  8356. .block-products-carousel[data-layout="grid-4-sm"]
  8357.   .product-card
  8358.   .product-card__image {
  8359.   padding: 15px;
  8360. }
  8361. .block-products-carousel[data-layout="grid-4-sm"]
  8362.   .product-card
  8363.   .product-card__badges-list {
  8364.   left: 16px;
  8365.   top: 16px;
  8366. }
  8367. .block-products-carousel[data-layout="grid-4-sm"]
  8368.   .product-card
  8369.   .product-card__info {
  8370.   padding: 0 15px;
  8371. }
  8372. .block-products-carousel[data-layout="grid-4-sm"]
  8373.   .product-card
  8374.   .product-card__actions {
  8375.   padding: 0 15px 15px;
  8376. }
  8377. .block-products-carousel[data-layout="grid-4-sm"]
  8378.   .product-card
  8379.   .product-card__buttons
  8380.   .btn {
  8381.   font-size: 0.8125rem;
  8382.   height: calc(1.5rem + 2px);
  8383.   line-height: 1.25;
  8384.   padding: 0.25rem 0.5625rem;
  8385.   font-weight: 500;
  8386. }
  8387. .block-products-carousel[data-layout="grid-4-sm"]
  8388.   .product-card
  8389.   .product-card__buttons
  8390.   .btn.btn-svg-icon {
  8391.   width: calc(1.5rem + 2px);
  8392. }
  8393. @media (hover: hover) {
  8394.   .block-products-carousel[data-layout="grid-4-sm"]
  8395.     .product-card
  8396.     .product-card__buttons {
  8397.     display: none;
  8398.   }
  8399.   .block-products-carousel[data-layout="grid-4-sm"] .product-card:hover {
  8400.     position: relative;
  8401.     z-index: 3;
  8402.     margin-bottom: -50px;
  8403.   }
  8404.   .block-products-carousel[data-layout="grid-4-sm"]
  8405.     .product-card:hover
  8406.     .product-card__buttons {
  8407.     display: -ms-flexbox;
  8408.     display: flex;
  8409.   }
  8410. }
  8411. @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  8412.   .block-products-carousel[data-layout="grid-4-sm"]
  8413.     .product-card
  8414.     .product-card__buttons {
  8415.     display: none;
  8416.   }
  8417.   .block-products-carousel[data-layout="grid-4-sm"] .product-card:hover {
  8418.     position: relative;
  8419.     z-index: 3;
  8420.     margin-bottom: -50px;
  8421.   }
  8422.   .block-products-carousel[data-layout="grid-4-sm"]
  8423.     .product-card:hover
  8424.     .product-card__buttons {
  8425.     display: -ms-flexbox;
  8426.     display: flex;
  8427.   }
  8428. }
  8429. .block-products-carousel[data-layout="grid-5"]
  8430.   .product-card
  8431.   .product-card__image {
  8432.   padding: 15px;
  8433. }
  8434. .block-products-carousel[data-layout="grid-5"]
  8435.   .product-card
  8436.   .product-card__badges-list {
  8437.   left: 16px;
  8438.   top: 16px;
  8439. }
  8440. .block-products-carousel[data-layout="grid-5"]
  8441.   .product-card
  8442.   .product-card__info {
  8443.   padding: 0 15px;
  8444. }
  8445. .block-products-carousel[data-layout="grid-5"]
  8446.   .product-card
  8447.   .product-card__actions {
  8448.   padding: 0 15px 15px;
  8449. }
  8450. .block-products-carousel[data-layout="grid-5"]
  8451.   .product-card
  8452.   .product-card__buttons
  8453.   .btn {
  8454.   font-size: 0.8125rem;
  8455.   height: calc(1.5rem + 2px);
  8456.   line-height: 1.25;
  8457.   padding: 0.25rem 0.5625rem;
  8458.   font-weight: 500;
  8459. }
  8460. .block-products-carousel[data-layout="grid-5"]
  8461.   .product-card
  8462.   .product-card__buttons
  8463.   .btn.btn-svg-icon {
  8464.   width: calc(1.5rem + 2px);
  8465. }
  8466. @media (hover: hover) {
  8467.   .block-products-carousel[data-layout="grid-5"]
  8468.     .product-card
  8469.     .product-card__buttons {
  8470.     display: none;
  8471.   }
  8472.   .block-products-carousel[data-layout="grid-5"] .product-card:hover {
  8473.     position: relative;
  8474.     z-index: 3;
  8475.     margin-bottom: -50px;
  8476.   }
  8477.   .block-products-carousel[data-layout="grid-5"]
  8478.     .product-card:hover
  8479.     .product-card__buttons {
  8480.     display: -ms-flexbox;
  8481.     display: flex;
  8482.   }
  8483. }
  8484. @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  8485.   .block-products-carousel[data-layout="grid-5"]
  8486.     .product-card
  8487.     .product-card__buttons {
  8488.     display: none;
  8489.   }
  8490.   .block-products-carousel[data-layout="grid-5"] .product-card:hover {
  8491.     position: relative;
  8492.     z-index: 3;
  8493.     margin-bottom: -50px;
  8494.   }
  8495.   .block-products-carousel[data-layout="grid-5"]
  8496.     .product-card:hover
  8497.     .product-card__buttons {
  8498.     display: -ms-flexbox;
  8499.     display: flex;
  8500.   }
  8501. }
  8502. .block-products-carousel[data-layout="horizontal"] .product-card {
  8503.   -ms-flex-direction: row;
  8504.   flex-direction: row;
  8505. }
  8506. .block-products-carousel[data-layout="horizontal"]
  8507.   .product-card
  8508.   .product-card__image {
  8509.   width: 120px;
  8510.   padding: 16px;
  8511. }
  8512. .block-products-carousel[data-layout="horizontal"]
  8513.   .product-card
  8514.   .product-card__badges-list {
  8515.   left: 10px;
  8516.   top: 10px;
  8517. }
  8518. .block-products-carousel[data-layout="horizontal"]
  8519.   .product-card
  8520.   .product-card__badge {
  8521.   padding: 3px 5px 2px;
  8522. }
  8523. .block-products-carousel[data-layout="horizontal"]
  8524.   .product-card
  8525.   .product-card__info {
  8526.   padding: 14px 30px 42px 0;
  8527.   width: 100%;
  8528. }
  8529. .block-products-carousel[data-layout="horizontal"]
  8530.   .product-card
  8531.   .product-card__availability,
  8532. .block-products-carousel[data-layout="horizontal"]
  8533.   .product-card
  8534.   .product-card__buttons,
  8535. .block-products-carousel[data-layout="horizontal"]
  8536.   .product-card
  8537.   .product-card__description {
  8538.   display: none;
  8539. }
  8540. .block-products-carousel[data-layout="horizontal"]
  8541.   .product-card
  8542.   .product-card__actions {
  8543.   position: absolute;
  8544.   left: 120px;
  8545.   bottom: 18px;
  8546. }
  8547. .block-products-carousel[data-layout="horizontal"]
  8548.   .product-card
  8549.   .product-card__features-list {
  8550.   display: none;
  8551. }
  8552. .block-sidebar__item + .block-sidebar__item {
  8553.   margin-top: 30px;
  8554. }
  8555. .block-sidebar--position--start {
  8556.   padding-right: 20px;
  8557. }
  8558. @media (max-width: 1199px) {
  8559.   .block-sidebar--position--start {
  8560.     padding-right: 6px;
  8561.   }
  8562. }
  8563. @media (max-width: 991px) {
  8564.   .block-sidebar--position--start {
  8565.     padding-right: 0;
  8566.   }
  8567. }
  8568. .block-sidebar--position--end {
  8569.   padding-left: 20px;
  8570. }
  8571. @media (max-width: 1199px) {
  8572.   .block-sidebar--position--end {
  8573.     padding-left: 6px;
  8574.   }
  8575. }
  8576. @media (max-width: 991px) {
  8577.   .block-sidebar--position--end {
  8578.     padding-left: 0;
  8579.   }
  8580. }
  8581. .block-slideshow {
  8582.   margin-bottom: 70px;
  8583.   position: relative;
  8584. }
  8585. .block-slideshow .owl-carousel .owl-dots {
  8586.   left: 50%;
  8587.   transform: translateX(-50%);
  8588.   bottom: 16px;
  8589.   position: absolute;
  8590.   background: #fff;
  8591.   display: -ms-flexbox;
  8592.   display: flex;
  8593.   padding: 4px;
  8594.   border-radius: 9px;
  8595. }
  8596. .block-slideshow .owl-carousel .owl-dot {
  8597.   width: 10px;
  8598.   height: 10px;
  8599.   border-radius: 5px;
  8600.   background: #e0e0e0;
  8601. }
  8602. .block-slideshow .owl-carousel .owl-dot:focus {
  8603.   outline: none;
  8604. }
  8605. .block-slideshow .owl-carousel .owl-dot:hover {
  8606.   background: #d1d1d1;
  8607. }
  8608. .block-slideshow .owl-carousel .owl-dot.active {
  8609.   background: #ffd333;
  8610. }
  8611. .block-slideshow .owl-carousel .owl-dot + .owl-dot {
  8612.   margin-left: 6px;
  8613. }
  8614. .block-slideshow__slide {
  8615.   position: relative;
  8616.   display: block;
  8617.   color: inherit;
  8618. }
  8619. .block-slideshow__slide:hover {
  8620.   color: inherit;
  8621. }
  8622. .block-slideshow__slide-image {
  8623.   position: absolute;
  8624.   left: 0;
  8625.   right: 0;
  8626.   width: 100%;
  8627.   height: 100%;
  8628.   background-repeat: no-repeat;
  8629. }
  8630. .block-slideshow__slide-image--mobile {
  8631.   display: none;
  8632. }
  8633. .block-slideshow__slide-content {
  8634.   position: absolute;
  8635.   left: 46px;
  8636.   bottom: 46px;
  8637. }
  8638. .block-slideshow__slide-title {
  8639.   font-size: 30px;
  8640.   line-height: 34px;
  8641.   font-weight: 700;
  8642.   margin-bottom: 12px;
  8643.   opacity: 0;
  8644.   transition: all 1s 0.2s;
  8645. }
  8646. .block-slideshow__slide-text {
  8647.   line-height: 1.625;
  8648.   opacity: 0;
  8649.   transform: translateY(15px);
  8650.   transition: all 0.8s 0.5s;
  8651. }
  8652. .block-slideshow__slide-button {
  8653.   margin-top: 40px;
  8654.   opacity: 0;
  8655.   transition: all 1s 0.4s;
  8656. }
  8657. .block-slideshow .active .block-slideshow__slide-button,
  8658. .block-slideshow .active .block-slideshow__slide-text,
  8659. .block-slideshow .active .block-slideshow__slide-title {
  8660.   opacity: 1;
  8661.   transform: none;
  8662. }
  8663. .block-slideshow--layout--full {
  8664.   margin-top: 20px;
  8665. }
  8666. @media (min-width: 768px) {
  8667.   .block-slideshow--layout--full .block-slideshow__body,
  8668.   .block-slideshow--layout--full .block-slideshow__slide {
  8669.     height: 440px;
  8670.   }
  8671.   .block-slideshow--layout--full .block-slideshow__slide-content {
  8672.     left: 72px;
  8673.     bottom: 54px;
  8674.   }
  8675.   .block-slideshow--layout--full .block-slideshow__slide-title {
  8676.     margin-bottom: 16px;
  8677.     line-height: 36px;
  8678.   }
  8679.   .block-slideshow--layout--full .block-slideshow__slide-button {
  8680.     margin-top: 48px;
  8681.   }
  8682. }
  8683. @media (min-width: 992px) and (max-width: 1199px) {
  8684.   .block-slideshow--layout--full .block-slideshow__slide-image--desktop {
  8685.     background-position: -70px top;
  8686.   }
  8687.   .block-slideshow--layout--full .block-slideshow__slide-content {
  8688.     left: 56px;
  8689.   }
  8690. }
  8691. @media (min-width: 768px) and (max-width: 991px) {
  8692.   .block-slideshow--layout--full .block-slideshow__slide-image--desktop {
  8693.     background-position: -190px top;
  8694.   }
  8695.   .block-slideshow--layout--full .block-slideshow__slide-content {
  8696.     left: 48px;
  8697.     bottom: 56px;
  8698.   }
  8699.   .block-slideshow--layout--full .block-slideshow__slide-title {
  8700.     margin-bottom: 8px;
  8701.   }
  8702.   .block-slideshow--layout--full .block-slideshow__slide-button {
  8703.     margin-top: 40px;
  8704.   }
  8705. }
  8706. .block-slideshow--layout--with-departments .block-slideshow__body {
  8707.   margin-top: 15px;
  8708.   height: 395px;
  8709. }
  8710. .block-slideshow--layout--with-departments .block-slideshow__slide {
  8711.   height: 395px;
  8712. }
  8713. @media (min-width: 992px) {
  8714.   .block-slideshow--layout--with-departments .block-slideshow__body {
  8715.     margin-left: -15px;
  8716.   }
  8717. }
  8718. @media (max-width: 991px) {
  8719.   .block-slideshow--layout--with-departments
  8720.     .block-slideshow__slide-button
  8721.     .btn {
  8722.     font-size: 0.875rem;
  8723.     height: calc(1.875rem + 2px);
  8724.     line-height: 1.25;
  8725.     padding: 0.375rem 1rem;
  8726.     font-weight: 500;
  8727.   }
  8728.   .block-slideshow--layout--with-departments
  8729.     .block-slideshow__slide-button
  8730.     .btn.btn-svg-icon {
  8731.     width: calc(1.875rem + 2px);
  8732.   }
  8733. }
  8734. @media (max-width: 767px) {
  8735.   .block-slideshow__body,
  8736.   .block-slideshow__slide {
  8737.     height: 395px;
  8738.   }
  8739.   .block-slideshow__slide-image--mobile {
  8740.     background-position: top;
  8741.     display: block;
  8742.   }
  8743.   .block-slideshow__slide-content {
  8744.     left: 5%;
  8745.     right: 5%;
  8746.     top: 30px;
  8747.     text-align: center;
  8748.   }
  8749.   .block-slideshow__slide-title {
  8750.     font-size: 26px;
  8751.     line-height: 32px;
  8752.   }
  8753.   .block-slideshow__slide-text {
  8754.     display: none;
  8755.   }
  8756.   .block-slideshow__slide-button {
  8757.     margin-top: 24px;
  8758.   }
  8759.   .block-slideshow__slide-button .btn {
  8760.     font-size: 0.875rem;
  8761.     height: calc(1.875rem + 2px);
  8762.     line-height: 1.25;
  8763.     padding: 0.375rem 1rem;
  8764.     font-weight: 500;
  8765.   }
  8766.   .block-slideshow__slide-button .btn.btn-svg-icon {
  8767.     width: calc(1.875rem + 2px);
  8768.   }
  8769. }
  8770. .widget__title {
  8771.   margin-bottom: 20px;
  8772.   font-size: 20px;
  8773. }
  8774. .widget-aboutus {
  8775.   border: 2px solid #f0f0f0;
  8776.   border-radius: 2px;
  8777.   padding: 28px;
  8778. }
  8779. .widget-aboutus__socials {
  8780.   margin-top: 20px;
  8781.   font-size: 16px;
  8782. }
  8783. .widget-aboutus__socials ul {
  8784.   list-style: none;
  8785.   padding: 0;
  8786.   margin: -4px;
  8787.   display: -ms-flexbox;
  8788.   display: flex;
  8789. }
  8790. .widget-aboutus__socials li {
  8791.   margin: 4px;
  8792. }
  8793. .widget-aboutus__link {
  8794.   display: -ms-flexbox;
  8795.   display: flex;
  8796.   -ms-flex-align: center;
  8797.   align-items: center;
  8798.   -ms-flex-pack: center;
  8799.   justify-content: center;
  8800.   width: 34px;
  8801.   height: 34px;
  8802.   border-radius: 2px;
  8803.   transition: all 0.2s;
  8804.   color: #fff;
  8805. }
  8806. .widget-aboutus__link:hover {
  8807.   color: #fff;
  8808.   opacity: 0.8;
  8809. }
  8810. .widget-aboutus__link--facebook {
  8811.   background: #3c5a99;
  8812. }
  8813. .widget-aboutus__link--twitter {
  8814.   background: #00a2e8;
  8815. }
  8816. .widget-aboutus__link--youtube {
  8817.   background: #e52e2e;
  8818. }
  8819. .widget-aboutus__link--instagram {
  8820.   background: #815dc7;
  8821. }
  8822. .widget-aboutus__link--rss {
  8823.   background: #ffc338;
  8824. }
  8825. .widget-categories {
  8826.   border: 2px solid #f0f0f0;
  8827.   border-radius: 2px;
  8828.   padding: 28px;
  8829. }
  8830. .widget-categories__list {
  8831.   list-style: none;
  8832.   padding: 0;
  8833.   margin: 0;
  8834.   line-height: 18px;
  8835.   font-size: 16px;
  8836. }
  8837. .widget-categories__row {
  8838.   display: -ms-flexbox;
  8839.   display: flex;
  8840. }
  8841. .widget-categories__row a {
  8842.   position: relative;
  8843.   display: block;
  8844.   color: inherit;
  8845.   padding: 7px 10px 7px 16px;
  8846.   fill: #ccc;
  8847.   transition: color 0.15s;
  8848.   -ms-flex-positive: 1;
  8849.   flex-grow: 1;
  8850. }
  8851. .widget-categories__row a:hover {
  8852.   color: #1a66ff;
  8853. }
  8854. .widget-categories__arrow {
  8855.   position: absolute;
  8856.   left: 0;
  8857.   top: calc(50% - 5px);
  8858. }
  8859. .widget-categories__expander {
  8860.   margin-top: 1px;
  8861.   width: 28px;
  8862.   height: 28px;
  8863.   position: relative;
  8864.   border: none;
  8865.   border-radius: 1.5px;
  8866.   cursor: pointer;
  8867.   padding: 0;
  8868.   margin-right: -10px;
  8869.   background: transparent;
  8870.   color: #ccc;
  8871.   transition: all 0.2s;
  8872. }
  8873. .widget-categories__expander:focus,
  8874. .widget-categories__expander:hover {
  8875.   background: #f2f2f2;
  8876.   color: #a6a6a6;
  8877. }
  8878. .widget-categories__expander:focus {
  8879.   outline: none;
  8880. }
  8881. .widget-categories__expander:after,
  8882. .widget-categories__expander:before {
  8883.   display: block;
  8884.   position: absolute;
  8885.   content: "";
  8886.   background: currentColor;
  8887. }
  8888. .widget-categories__expander:before {
  8889.   width: 8px;
  8890.   height: 2px;
  8891.   left: calc(50% - 4px);
  8892.   top: calc(50% - 1px);
  8893. }
  8894. .widget-categories__expander:after {
  8895.   width: 2px;
  8896.   height: 8px;
  8897.   left: calc(50% - 1px);
  8898.   top: calc(50% - 4px);
  8899.   transition: transform 0.2s;
  8900. }
  8901. .widget-categories__subs {
  8902.   overflow: hidden;
  8903.   height: 0;
  8904.   opacity: 0;
  8905.   visibility: hidden;
  8906.   font-size: 15px;
  8907.   line-height: 26px;
  8908.   transition: height 0.2s, opacity 0.2s, visibility 0s 0.2s;
  8909. }
  8910. .widget-categories__subs ul {
  8911.   list-style: none;
  8912.   padding: 6px 0 8px;
  8913.   margin: 0;
  8914. }
  8915. .widget-categories__subs li {
  8916.   position: relative;
  8917.   padding-left: 32px;
  8918. }
  8919. .widget-categories__subs li:before {
  8920.   content: "";
  8921.   display: block;
  8922.   position: absolute;
  8923.   left: 16px;
  8924.   top: 10px;
  8925.   width: 6px;
  8926.   height: 6px;
  8927.   border: 1px solid #ccc;
  8928.   border-radius: 3px;
  8929. }
  8930. .widget-categories__subs a {
  8931.   color: inherit;
  8932.   transition: color 0.15s;
  8933. }
  8934. .widget-categories__subs a:hover {
  8935.   color: #1a66ff;
  8936. }
  8937. .widget-categories__item--open .widget-categories__expander:after {
  8938.   transform: rotate(90deg);
  8939. }
  8940. .widget-categories__item--open .widget-categories__subs {
  8941.   height: auto;
  8942.   opacity: 1;
  8943.   visibility: visible;
  8944.   transition-delay: 0s, 0s, 0s;
  8945. }
  8946. .widget-categories--location--shop {
  8947.   padding: 20px;
  8948. }
  8949. .widget-comments {
  8950.   border: 2px solid #f0f0f0;
  8951.   border-radius: 2px;
  8952.   padding: 28px;
  8953. }
  8954. .widget-comments a {
  8955.   color: inherit;
  8956.   transition: color 0.2s;
  8957. }
  8958. .widget-comments a:hover {
  8959.   color: #1a66ff;
  8960. }
  8961. .widget-comments__list {
  8962.   list-style: none;
  8963.   margin: 0;
  8964.   padding: 8px 0 4px;
  8965. }
  8966. .widget-comments__item + .widget-comments__item {
  8967.   margin-top: 26px;
  8968. }
  8969. .widget-comments__author {
  8970.   font-size: 15px;
  8971.   line-height: 18px;
  8972. }
  8973. .widget-comments__author a {
  8974.   border-bottom: 2px solid #ebebeb;
  8975.   transition: border 0.2s;
  8976. }
  8977. .widget-comments__author a:hover {
  8978.   border-color: rgba(26, 102, 255, 0.8);
  8979. }
  8980. .widget-comments__content {
  8981.   margin-top: 12px;
  8982.   font-size: 15px;
  8983.   line-height: 20px;
  8984. }
  8985. .widget-comments__meta {
  8986.   margin-top: 4px;
  8987.   font-size: 13px;
  8988.   color: #999;
  8989.   display: -ms-flexbox;
  8990.   display: flex;
  8991.   white-space: nowrap;
  8992. }
  8993. .widget-comments__date {
  8994.   -ms-flex-negative: 0;
  8995.   flex-shrink: 0;
  8996. }
  8997. .widget-comments__name {
  8998.   overflow: hidden;
  8999.   text-overflow: ellipsis;
  9000.   position: relative;
  9001.   padding-left: 20px;
  9002. }
  9003. .widget-comments__name:before {
  9004.   position: absolute;
  9005.   content: "";
  9006.   display: block;
  9007.   width: 4px;
  9008.   height: 4px;
  9009.   background: currentColor;
  9010.   border-radius: 2px;
  9011.   left: 8px;
  9012.   top: 8px;
  9013. }
  9014. .widget-filters {
  9015.   border: 2px solid #f0f0f0;
  9016.   border-radius: 2px;
  9017.   padding: 20px;
  9018. }
  9019. .widget-filters__item {
  9020.   padding: 8px 20px;
  9021.   margin: 0 -20px;
  9022.   border-bottom: 2px solid #f0f0f0;
  9023. }
  9024. .widget-filters__item:first-child {
  9025.   border-top: 2px solid #f0f0f0;
  9026. }
  9027. .widget-filters__actions {
  9028.   padding-top: 24px;
  9029.   padding-bottom: 16px;
  9030. }
  9031. .widget-newsletter {
  9032.   background: #f5f5f5;
  9033.   border-radius: 2px;
  9034.   padding: 32px 30px 36px;
  9035.   text-align: center;
  9036.   font-size: 15px;
  9037.   line-height: 24px;
  9038. }
  9039. .widget-newsletter__title {
  9040.   font-size: 24px;
  9041.   padding-top: 6px;
  9042.   margin-bottom: 24px;
  9043. }
  9044. .widget-newsletter__text {
  9045.   margin-bottom: 22px;
  9046. }
  9047. .widget-newsletter__form {
  9048.   display: -ms-flexbox;
  9049.   display: flex;
  9050.   -ms-flex-direction: column;
  9051.   flex-direction: column;
  9052. }
  9053. .widget-posts {
  9054.   border: 2px solid #f0f0f0;
  9055.   border-radius: 2px;
  9056.   padding: 28px;
  9057. }
  9058. .widget-posts__list {
  9059.   padding-top: 10px;
  9060. }
  9061. .widget-posts__item {
  9062.   display: -ms-flexbox;
  9063.   display: flex;
  9064. }
  9065. .widget-posts__item + .widget-posts__item {
  9066.   margin-top: 22px;
  9067. }
  9068. .widget-posts__image {
  9069.   width: 90px;
  9070.   -ms-flex-negative: 0;
  9071.   flex-shrink: 0;
  9072.   border-radius: 1.5px;
  9073.   overflow: hidden;
  9074.   -ms-flex-item-align: self-start;
  9075.   align-self: self-start;
  9076.   margin-right: 16px;
  9077.   position: relative;
  9078. }
  9079. .widget-posts__image :before {
  9080.   content: "";
  9081.   display: block;
  9082.   position: absolute;
  9083.   left: 0;
  9084.   right: 0;
  9085.   width: 100%;
  9086.   height: 100%;
  9087.   background: rgba(0, 0, 0, 0.2);
  9088.   opacity: 0;
  9089.   transition: opacity 0.6s;
  9090.   z-index: 1;
  9091. }
  9092. .widget-posts__image img {
  9093.   max-width: 100%;
  9094.   display: block;
  9095. }
  9096. .widget-posts__image:hover :before {
  9097.   opacity: 1;
  9098. }
  9099. .widget-posts__info {
  9100.   margin-top: -2px;
  9101. }
  9102. .widget-posts__name {
  9103.   font-size: 15px;
  9104.   line-height: 18px;
  9105. }
  9106. .widget-posts__name a {
  9107.   color: inherit;
  9108.   transition: color 0.2s;
  9109. }
  9110. .widget-posts__name a:hover {
  9111.   color: #1a66ff;
  9112. }
  9113. .widget-posts__date {
  9114.   margin-top: 2px;
  9115.   font-size: 13px;
  9116.   color: #999;
  9117. }
  9118. .widget-products {
  9119.   border: 2px solid #f0f0f0;
  9120.   border-radius: 2px;
  9121.   padding: 20px;
  9122. }
  9123. .widget-products__list {
  9124.   padding-top: 8px;
  9125. }
  9126. .widget-products__item {
  9127.   display: -ms-flexbox;
  9128.   display: flex;
  9129. }
  9130. .widget-products__item + .widget-products__item {
  9131.   margin-top: 18px;
  9132. }
  9133. .widget-products__image {
  9134.   width: 50px;
  9135.   margin-right: 12px;
  9136.   -ms-flex-negative: 0;
  9137.   flex-shrink: 0;
  9138. }
  9139. .widget-products__image img {
  9140.   max-width: 100%;
  9141. }
  9142. .widget-products__name {
  9143.   margin-top: -2px;
  9144.   font-size: 14px;
  9145.   line-height: 17px;
  9146. }
  9147. .widget-products__name a {
  9148.   color: inherit;
  9149.   transition: 0.15s;
  9150. }
  9151. .widget-products__name a:hover {
  9152.   color: #1a66ff;
  9153. }
  9154. .widget-products__prices {
  9155.   padding-top: 2px;
  9156.   font-size: 14px;
  9157.   font-weight: 700;
  9158.   color: #3d464d;
  9159. }
  9160. .widget-products__new-price {
  9161.   color: #ff2626;
  9162. }
  9163. .widget-products__old-price {
  9164.   color: #b3b3b3;
  9165.   font-weight: 400;
  9166.   font-size: 12px;
  9167.   text-decoration: line-through;
  9168. }
  9169. .widget-search {
  9170.   height: 48px;
  9171. }
  9172. .widget-search__body {
  9173.   position: relative;
  9174.   height: 100%;
  9175. }
  9176. .widget-search__input {
  9177.   box-shadow: inset 0 0 0 2px #ededed;
  9178.   transition: box-shadow 0.2s;
  9179.   border-radius: 2px;
  9180.   height: 100%;
  9181.   width: 100%;
  9182.   background: transparent;
  9183.   border: none;
  9184.   padding: 10px 48px 10px 18px;
  9185.   color: inherit;
  9186.   -webkit-appearance: none;
  9187.   -moz-appearance: none;
  9188.   appearance: none;
  9189. }
  9190. .widget-search__input:hover {
  9191.   box-shadow: inset 0 0 0 2px #d9d9d9;
  9192. }
  9193. .widget-search__input:focus {
  9194.   outline: none;
  9195.   box-shadow: inset 0 0 0 2px #ffd333;
  9196. }
  9197. .widget-search__input::-webkit-input-placeholder {
  9198.   color: #999;
  9199. }
  9200. .widget-search__input:-ms-input-placeholder,
  9201. .widget-search__input::-ms-input-placeholder {
  9202.   color: #999;
  9203. }
  9204. .widget-search__input::placeholder {
  9205.   color: #999;
  9206. }
  9207. .widget-search__button {
  9208.   height: 48px;
  9209.   width: 48px;
  9210.   cursor: pointer;
  9211.   position: absolute;
  9212.   right: 0;
  9213.   top: 0;
  9214.   background: transparent;
  9215.   border: none;
  9216.   padding: 0;
  9217.   fill: #ccc;
  9218.   transition: fill 0.2s;
  9219. }
  9220. .widget-search__button svg {
  9221.   position: absolute;
  9222.   left: calc(50% - 10px);
  9223.   top: calc(50% - 10px);
  9224. }
  9225. .widget-search__button:focus {
  9226.   outline: none;
  9227. }
  9228. .widget-search__button:focus,
  9229. .widget-search__button:hover {
  9230.   fill: #ffd333;
  9231. }
  9232. .widget-tags {
  9233.   border: 2px solid #f0f0f0;
  9234.   border-radius: 2px;
  9235.   padding: 28px;
  9236. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement