@import url('https://fonts.googleapis.com/css2?family=Lora&family=Roboto:wght@400;700&display=block');

@media (max-width: 781px) {
.cm-no-mobile {display: none}
.cm-no-mobile-gap {gap: 0 !important}
}

@media (max-width: 949px) {.cm-flex {flex-direction: column}}
@media (min-width: 782px) {.cm-no-desktop {display: none}}
@media (min-width: 1200px) {body {background: linear-gradient(to right, transparent, #FFF calc(50% - 620px) calc(50% + 620px), transparent), url(print.png) 50vw / 100% auto}}

* {-webkit-tap-highlight-color: transparent; box-sizing: border-box; margin: 0; outline: none; padding: 0}
.cm-flex {display: flex}
a {color: #777; text-decoration: none}
body {display: flex; flex-direction: column; min-height: 100%}
html {background: #FFF; color: #000; font: 400 16px / 1.5 'roboto', 'helvetica', 'trebuchet ms', sans-serif; height: 100%}
ins {text-decoration: none}

/* nav */

@media (max-width: 949px) {
#cm-menu-flag:checked + * .menu-main-container {display: block}
#cm-menu-bar .menu a {border-top: 1px solid rgb(255 255 255 / .1); line-height: 2.5; text-transform: uppercase}
.menu-item-has-children > a {display: none !important}
.menu-main-container {background: rgb(0 0 0 / .9); display: none; left: 0; padding-bottom: 1px; position: absolute; right: 0; top: 100%}
}

@media (min-width: 950px) {
:hover > .sub-menu {opacity: 1; visibility: visible}
#cm-menu-switch {display: none}
#cm-menu-bar .menu {display: flex; justify-content: space-between}
#cm-menu-bar .menu .menu-item-has-children {cursor: default}
#cm-menu-bar .menu > li {transform-origin: 50% 0}
#cm-menu-bar .menu li {margin: 0 1em; position: relative; transition: transform .2s}
#cm-menu-bar .menu li:hover {transform: scale(1.1)}
.sub-menu {background: rgb(255 255 255 / .9); border: 1px solid rgb(0 0 0 / .6); border-radius: 0 0 4px 4px; border-top-width: 4px; left: 50%; opacity: 0; padding-bottom: 4px; position: absolute; top: 100%; transform: translatex(-50%); transition: opacity .2s, visibility .2s; visibility: hidden}
.sub-menu a {color: #000; font-size: 90%; padding: 2px}
}

@media (min-width: 1200px) {#cm-menu-phone:before {content: '\2706'; font-size: 120%; margin-right: .3em; vertical-align: top}}

#cm-menu-bar {align-items: center; display: flex; justify-content: space-between; line-height: 0; margin: auto; max-width: 1200px; padding: 0 20px; white-space: nowrap}
#cm-menu-flag {position: absolute; visibility: hidden}
#cm-menu-flag:checked + * #cm-menu-switch:after {transform: scale(1)}
#cm-menu-flag:checked + * #cm-menu-switch:before {transform: scale(0)}
#cm-menu-logo {height: 62px; margin: 15px 0; width: 67px}
#cm-menu-phone {font-size: 150%}
#cm-menu-switch {cursor: pointer; height: 2em; position: relative; width: 2em}
#cm-menu-switch:after {content: url(collapse.svg); transform: scale(0)}
#cm-menu-switch:after, #cm-menu-switch:before {height: 100%; left: 0; position: absolute; top: 0; transition: transform .2s; transform-origin: 50%; width: 100%}
#cm-menu-switch:before {content: url(expand.svg)}
#cm-menu-bar .menu {font-weight: 700}
#cm-menu-bar .menu a {display: block}
#cm-menu-bar .menu li {line-height: 2}
#cm-menu-bar .menu .wpml-ls-flag {height: .75em; width: 1.125em}
.current-menu-item {opacity: .5; pointer-events: none}
.home #cm-home-link {pointer-events: none}
nav {background: rgb(0 0 0 / .9); color: #FFF; left: 0; position: fixed; right: 0; top: 0; z-index: 999;}
nav a {color: #FFF}
nav ul {list-style: none; text-align: center; margin-top: 1rem;}

/* header */

@media (max-width: 949px) {
.home header object {display: none}
.home main {display: flex; flex-direction: column}
h1 {font-size: 2em}
}

@media (min-width: 950px) {
.home header * {display: none}
.home header object {display: inline}
h1 {font-size: 4em}
}

h1 {font-family: 'lora', 'georgia', serif; font-weight: 400; padding: 0 20px}
header {color: #FFF; padding-top: 120px; position: relative; text-align: center}
header:after {background: url(head.png) 0 / 100% auto; content: ''; display: block; margin-top: 40px; padding-top: 15%}
header:after, header > * {position: relative}
header:before {background: url(print.png) 0 100% / 100% auto, radial-gradient(farthest-corner at top, #352234 25%, #141721); bottom: 0; clip-path: polygon(0 0, 0 calc(100% - 9vw), 32% calc(100% - 2.4vw),  73% calc(100% - 10.6vw), 77% calc(100% - 9.8vw), 85% calc(100% - 2vw), 100% calc(100% - 4vw), 100% 0); content: ''; left: 0; position: absolute; right: 0; top: 0}
header li {margin-top: .5em;}
header object {max-width: 1200px}
header ul {margin: 2em auto; max-width: 450px; padding: 0 20px; text-align: left}

body:not(.home) h1 {margin: auto; opacity: .16; transform: rotate(-2deg); width: 90%}
body:not(.home) header:after {background-image: url(page.png); padding-top: 11%}
body:not(.home) header:before {clip-path: polygon(0 0, 0 calc(100% - 2.3vw), 3% calc(100% - 2.2vw), 9% calc(100% - 4vw), 23% calc(100% - 1.5vw), 33% calc(100% - 6.5vw), 42% calc(100% - 4vw), 58% calc(100% - 7.1vw), 66% calc(100% - 6.3vw), 70.7% calc(100% - 9vw), 75% calc(100% - 6vw), 84% calc(100% - 6.4vw), 98% calc(100% - 3vw), 100% calc(100% - 3vw), 100% 0)}

/* main */

@media (max-width: 781px) {
.cm-about-certificate {max-width: 90%}
.cm-home-cat {grid-column: auto !important; grid-row: auto !important}
.cm-home-cat-row {gap: 0 !important}
.cm-home-cats .is-layout-grid {grid-template-columns: auto}
}

@media (max-width: 949px) {
.cm-reviews {padding: 150px 0}
h2 {font-size: 2.5em}
}

@media (max-width: 1239px) {
main > * {margin: 80px 20px 40px}
main > .cm-no-indent {margin: 40px 20px}
}

@media (min-width: 782px) {
.cm-cat-aerial {height: 428px}
.cm-cat-aerial a {padding-top: 338px !important}
.cm-home-cat-row {margin-bottom: 0}
.cm-reviews figcaption span:first-child {font-size: 150%}
}

@media (min-width: 950px) {
.cm-justify {text-align: justify}
.cm-reviews {padding: 200px 0 150px}
h2 {font-size: 4em}
}

@media (min-width: 1240px) {main > * {margin: 80px auto 40px}}

.cm-about-certificate {margin: 0 auto 1.7em}
.cm-about-image-1 {background: url(/wp-content/uploads/2022/09/about1.jpg) 50% 0 / cover}
.cm-about-image-1, .cm-about-image-2 {border-radius: 6px; box-shadow: 0 0 15px -3px; height: calc(100% - 1em); padding-top: 40%}
.cm-about-image-2 {background: url(/wp-content/uploads/2022/09/about2.jpg) 50% / cover}
.cm-cat-aerial {background-image: url(/wp-content/uploads/2022/07/aerial.jpg); grid-row: 1 / 3}
.cm-cat-protection {background-image: url(/wp-content/uploads/2022/07/protection.jpg); grid-column: 2; grid-row: 2}
.cm-cat-pulley {background-image: url(/wp-content/uploads/2022/07/pulley.jpg); grid-row: 3}
.cm-cat-rigging {background-image: url(/wp-content/uploads/2022/07/rigging.jpg); grid-row: 2}
.cm-cat-swivel {background-image: url(/wp-content/uploads/2022/07/swivel.jpg); grid-column: 2 / 4; grid-row: 3}
.cm-cat-winch {background-image: url(/wp-content/uploads/2022/07/winch.jpg); grid-column: 1 / 3}
.cm-delivery {background: url(/wp-content/uploads/2022/09/delivery.jpg) 0 / contain no-repeat; padding-top: 40%}
.cm-home-cat {background-size: cover; background-position: 50%; border: 1px solid #000; border-radius: 6px; box-shadow: 0 0 15px -2px #000; min-height: 200px; overflow: hidden; position: relative; transition: transform .3s}
.cm-home-cat:hover {transform: scale(1.03)}
.cm-home-cat a {background: linear-gradient(to top, #000, transparent 180px); border-radius: 0; color: #FFF; bottom: 0; font: 400 30px 'lora', 'georgia', serif; left: 0; padding: 110px 0 0 1em; position: absolute; right: 0; text-align: left; top: 0}
.cm-home-cat-row {margin-top: 0}
.cm-home-cats .is-layout-grid {gap: 2em}
.cm-howtowork {counter-increment: h3-counter; display: inline-flex !important; height: 95px; margin-bottom: 5em; position: relative; width: 350px}
.cm-howtowork .wp-block-column {background: rgb(255 255 255 / .85); border: 1px solid #EEE; border-radius: 4px; box-shadow: 0 4px 5px #CCC; margin-left: 90px; padding: 4px 8px; z-index: 1}
.cm-howtowork h3 {font-size: 16px; margin-bottom: 0; margin-top: 0}
.cm-howtowork p {font-size: 14px; margin-bottom: 0}
.cm-howtowork:before {color: #A7C; content: "0" counter(h3-counter); font-size: 135px; font-weight: 700; position: absolute; top: -100px}
.cm-phases {display: flex; flex-wrap: wrap; justify-content: space-around}
.cm-product img {border: 1px solid; border-radius: 8px !important; box-shadow: 2px 2px 8px; color: #555}
.cm-reviews {color: #FFF; margin-left: 0; margin-right: 0; max-width: 100%; position: relative}
.cm-reviews:after {background: url(top.png) 0 0 / 100% auto no-repeat, url(bottom.png) 0 100% / 100% auto no-repeat}
.cm-reviews:after, .cm-reviews:before {bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0}
.cm-reviews:before {background: url(print.png) 0 50% / 100% auto, radial-gradient(farthest-corner, #352234 25%, #141721); clip-path: polygon(0 2.3vw, 0 calc(100% - 1.1vw), 8% calc(100% - 2.6vw), 40.5% calc(100% - 3.6vw), 47% calc(100% - 0.9vw), 55% calc(100% - .8vw), 61% calc(100% - 1.9vw), 68% calc(100% - .8vw), 81% calc(100% - 2vw), 98% calc(100% - 4.5vw), 100% calc(100% - 4.5vw), 100% 3vw, 98% 3vw, 84% 6.4vw, 75% 6vw, 70.7% 9vw, 66% 6.3vw, 58% 7.1vw, 42% 4vw, 33% 6.5vw, 23% 1.5vw, 9% 4vw, 3% 2.2vw)}
.cm-reviews > div {margin: auto; max-width: 1200px; padding: 5%; position: relative}
.cm-reviews figure img {height: 150px; width: 150px}
.cm-reviews figcaption span {display: block; margin-bottom: 1em}
.cm-reviews figcaption span:first-child {text-transform: uppercase}
.cm-reviews figure cite {display: block; padding-top: 1em}
.cm-reviews figure img {border: 1px solid #444; border-radius: 50%; float: left; margin: 0 1.5em 1em 0}
.cm-reviews h2 {padding: 0 5% .25em; position: relative}
.pswp__caption {display: none}
.woocommerce .cm-data {background: rgb(0 0 0 / .5); bottom: 0; color: #FFF; font-size: 14px; left: 0; line-height: 1.2; opacity: 0; padding: 1em; position: absolute; right: 0; top: 0; transform: translatey(-1em); transition: opacity .3s, transform .3s;}
.woocommerce .cm-details {border: 1px solid #FFF; border-radius: 6px; color: #FFF; display: block; line-height: 1; margin: 1em auto 0; padding: .75em; text-align: center; transition: background .2s, color .2s; width: 150px}
.woocommerce .cm-details:hover {background: #FFF; color: #000}
.woocommerce .cm-sku {right: 10px}
.woocommerce .cm-sku:before {content: 'арт.:\A0'}
.woocommerce .cm-sku, .woocommerce ul.products li.product .price {bottom: 0; font-size: 14px; line-height: 1; margin-bottom: .5em; position: absolute; z-index: 1}
.woocommerce .cm-thumb {display: block; line-height: 0; position: relative}
.woocommerce .product:hover .cm-data {opacity: 1; transform: translatey(0)}
.woocommerce .product_meta > span {display: block; margin-top: 1em}
.woocommerce .sale-icon {background: url(sale.png); bottom: .5em; height: 50px; position: absolute; right: .5em; width: 50px}
.woocommerce .single-product .price {margin-bottom: 1em}
.woocommerce .single-product .sale-icon {display: none}
.woocommerce img, .woocommerce-page img {width: 100%}
.woocommerce ul.products {display: flex; flex-wrap: wrap; justify-content: center}
.woocommerce ul.products li.last, .woocommerce-page ul.products li.last, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {margin: 1em}
.woocommerce ul.products li.product {border: 1px solid #CCC; border-radius: 6px; box-shadow: 0 0 5px -1px #BBB; min-width: 250px; overflow: hidden; padding-bottom: 2em}
.woocommerce ul.products li.product:after {background: #EEE; border-top: 1px solid #DDD; content: ''; bottom: 0; height: 28px; left: 0; position: absolute; right: 0}
.woocommerce ul.products li.product .price {color: #000; left: 10px}
.woocommerce ul.products li.product .price ins {color: #F30}
.woocommerce ul.products li.product .woocommerce-loop-product__title {padding: .5em; text-align: center}
.wp-block-image {margin: auto}
h2 {font-family: 'lora', 'georgia', serif; font-weight: 400; padding: 0}
h3 {counter-reset: h3-counter; margin-bottom: 1em; margin-top: 2em}
main {padding-bottom: 80px}
main > * {max-width: 1200px}
main p {margin-bottom: 1em}
main .no-space {margin-top: 0}
main ul li {margin-left: 2em}

/* footer */

@media (max-width: 949px) {footer p {text-align: center}}
@media (max-width: 1199px) {footer .cm-flex {justify-content: space-around}}
@media (min-width: 950px) {footer p:last-child {text-align: right}}
@media (min-width: 1200px) {footer .cm-flex {justify-content: space-between}}

.cm-copyright {background: #000; border-top: 1px solid #000; opacity: .5; padding: .5em; text-align: center}
footer {font-size: 14px; position: relative}
footer * {color: #FFF}
footer:after {background: url(print.png) 0 0 / 100% auto, radial-gradient(farthest-corner at bottom, #352234 25%, #141721); bottom: 0; clip-path: polygon(0 100%, 0 1.1vw, 2.2% 2.5vw, 5% 1.4vw, 9.5% 2.8vw, 20.5% 2.7vw, 22.7% 3.6vw, 26.5% 2.4vw, 48% 5.1vw, 83% 1.4vw, 87% 2.9vw, 100% .7vw, 100% 100%); content: ''; left: 0; position: absolute; right: 0; top: 0}
footer:before {background: url(foot.png) 0 / 100% auto; content: ''; display: block; margin-bottom: 40px; padding-top: 9%}
footer:before, footer > * {position: relative; z-index: 1}
footer .cm-flex {margin: auto; max-width: 1200px; padding: 0 20px 2em}
footer p {padding-bottom: 2em}
nav {
    background: rgb(0 0 0 / .9);
    color: #FFF;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
}

:root {
    --woocommerce: #720eec;
    --wc-green: #7ad03a;
    --wc-red: #a00;
    --wc-orange: #ffba00;
    --wc-blue: #2ea2cc;
    --wc-primary: #720eec;
    --wc-primary-text: #fcfbfe;
    --wc-secondary: #e9e6ed;
    --wc-secondary-text: #515151;
    --wc-highlight: #958e09;
    --wc-highligh-text: white;
    --wc-content-bg: #fff;
    --wc-subtext: #767676;
    --wc-form-border-color: rgba(32, 7, 7, 0.8);
    --wc-form-border-radius: 4px;
    --wc-form-border-width: 1px;
}
#cm-menu-bar {
    align-items: center;
    display: flex
;
    justify-content: space-between;
    line-height: 0;
    margin: auto;
    max-width: 1200px;
    padding: 0 20px;
    white-space: nowrap;
}
@media (min-width: 950px) {
    #cm-menu-bar .menu {
        display: flex
;
        justify-content: space-between;
    }
}
nav ul {
    list-style: none;
    text-align: center;
    margin-top: 1rem;
}







@media (max-width: 781px) {
.cm-no-mobile {display: none}
.cm-no-mobile-gap {gap: 0 !important}
}

@media (max-width: 949px) {.cm-flex {flex-direction: column}}
@media (min-width: 782px) {.cm-no-desktop {display: none}}
@media (min-width: 1200px) {body {background: linear-gradient(to right, transparent, #FFF calc(50% - 620px) calc(50% + 620px), transparent), url(print.png) 50vw / 100% auto}}

* {-webkit-tap-highlight-color: transparent; box-sizing: border-box; margin: 0; outline: none; padding: 0}
.cm-flex {display: flex}
a {color: #777; text-decoration: none}
body {display: flex; flex-direction: column; min-height: 100%}
html {background: #FFF; color: #000; font: 400 16px / 1.5 'roboto', 'helvetica', 'trebuchet ms', sans-serif; height: 100%}
ins {text-decoration: none}

/* nav */

@media (max-width: 949px) {
#cm-menu-flag:checked + * .menu-main-container {display: block}
#cm-menu-bar .menu a {border-top: 1px solid rgb(255 255 255 / .1); line-height: 2.5; text-transform: uppercase}
.menu-item-has-children > a {display: none !important}
.menu-main-container {background: rgb(0 0 0 / .9); display: none; left: 0; padding-bottom: 1px; position: absolute; right: 0; top: 100%}
}

@media (min-width: 950px) {
:hover > .sub-menu {opacity: 1; visibility: visible}
#cm-menu-switch {display: none}
#cm-menu-bar .menu {display: flex; justify-content: space-between}
#cm-menu-bar .menu .menu-item-has-children {cursor: default}
#cm-menu-bar .menu > li {transform-origin: 50% 0}
#cm-menu-bar .menu li {margin: 0 1em; position: relative; transition: transform .2s}
#cm-menu-bar .menu li:hover {transform: scale(1.1)}
.sub-menu {background: rgb(255 255 255 / .9); border: 1px solid rgb(0 0 0 / .6); border-radius: 0 0 4px 4px; border-top-width: 4px; left: 50%; opacity: 0; padding-bottom: 4px; position: absolute; top: 100%; transform: translatex(-50%); transition: opacity .2s, visibility .2s; visibility: hidden}
.sub-menu a {color: #000; font-size: 90%; padding: 2px}
}

@media (min-width: 1200px) {#cm-menu-phone:before {content: '\2706'; font-size: 120%; margin-right: .3em; vertical-align: top}}

#cm-menu-bar {align-items: center; display: flex; justify-content: space-between; line-height: 0; margin: auto; max-width: 1200px; padding: 0 20px; white-space: nowrap}
#cm-menu-flag {position: absolute; visibility: hidden}
#cm-menu-flag:checked + * #cm-menu-switch:after {transform: scale(1)}
#cm-menu-flag:checked + * #cm-menu-switch:before {transform: scale(0)}
#cm-menu-logo {height: 62px; margin: 15px 0; width: 67px}
#cm-menu-phone {font-size: 150%}
#cm-menu-switch {cursor: pointer; height: 2em; position: relative; width: 2em}
#cm-menu-switch:after {content: url(collapse.svg); transform: scale(0)}
#cm-menu-switch:after, #cm-menu-switch:before {height: 100%; left: 0; position: absolute; top: 0; transition: transform .2s; transform-origin: 50%; width: 100%}
#cm-menu-switch:before {content: url(expand.svg)}
#cm-menu-bar .menu {font-weight: 700}
#cm-menu-bar .menu a {display: block}
#cm-menu-bar .menu li {line-height: 2}
#cm-menu-bar .menu .wpml-ls-flag {height: .75em; width: 1.125em}
.current-menu-item {opacity: .5; pointer-events: none}
.home #cm-home-link {pointer-events: none}
nav {background: rgb(0 0 0 / .9); color: #FFF; left: 0; position: fixed; right: 0; top: 0; z-index: 999;}
nav a {color: #FFF}
nav ul {list-style: none; text-align: center; margin-top: 1rem;}

/* header */

@media (max-width: 949px) {
.home header object {display: none}
.home main {display: flex; flex-direction: column}
h1 {font-size: 2em}
}

@media (min-width: 950px) {
.home header * {display: none}
.home header object {display: inline}
h1 {font-size: 4em}
}

h1 {font-family: 'lora', 'georgia', serif; font-weight: 400; padding: 0 20px}
header {color: #FFF; padding-top: 120px; position: relative; text-align: center}
header:after {background: url(head.png) 0 / 100% auto; content: ''; display: block; margin-top: 40px; padding-top: 15%}
header:after, header > * {position: relative}
header:before {background: url(print.png) 0 100% / 100% auto, radial-gradient(farthest-corner at top, #352234 25%, #141721); bottom: 0; clip-path: polygon(0 0, 0 calc(100% - 9vw), 32% calc(100% - 2.4vw),  73% calc(100% - 10.6vw), 77% calc(100% - 9.8vw), 85% calc(100% - 2vw), 100% calc(100% - 4vw), 100% 0); content: ''; left: 0; position: absolute; right: 0; top: 0}
header li {margin-top: .5em;}
header object {max-width: 1200px}
header ul {margin: 2em auto; max-width: 450px; padding: 0 20px; text-align: left}

body:not(.home) h1 {margin: auto; opacity: .16; transform: rotate(-2deg); width: 90%}
body:not(.home) header:after {background-image: url(page.png); padding-top: 11%}
body:not(.home) header:before {clip-path: polygon(0 0, 0 calc(100% - 2.3vw), 3% calc(100% - 2.2vw), 9% calc(100% - 4vw), 23% calc(100% - 1.5vw), 33% calc(100% - 6.5vw), 42% calc(100% - 4vw), 58% calc(100% - 7.1vw), 66% calc(100% - 6.3vw), 70.7% calc(100% - 9vw), 75% calc(100% - 6vw), 84% calc(100% - 6.4vw), 98% calc(100% - 3vw), 100% calc(100% - 3vw), 100% 0)}

/* main */

@media (max-width: 781px) {
.cm-about-certificate {max-width: 90%}
.cm-home-cat {grid-column: auto !important; grid-row: auto !important}
.cm-home-cat-row {gap: 0 !important}
.cm-home-cats .is-layout-grid {grid-template-columns: auto}
}

@media (max-width: 949px) {
.cm-reviews {padding: 150px 0}
h2 {font-size: 2.5em}
}

@media (max-width: 1239px) {
main > * {margin: 80px 20px 40px}
main > .cm-no-indent {margin: 40px 20px}
}

@media (min-width: 782px) {
.cm-cat-aerial {height: 428px}
.cm-cat-aerial a {padding-top: 338px !important}
.cm-home-cat-row {margin-bottom: 0}
.cm-reviews figcaption span:first-child {font-size: 150%}
}

@media (min-width: 950px) {
.cm-justify {text-align: justify}
.cm-reviews {padding: 200px 0 150px}
h2 {font-size: 4em}
}

@media (min-width: 1240px) {main > * {margin: 80px auto 40px}}

.cm-about-certificate {margin: 0 auto 1.7em}
.cm-about-image-1 {background: url(/wp-content/uploads/2022/09/about1.jpg) 50% 0 / cover}
.cm-about-image-1, .cm-about-image-2 {border-radius: 6px; box-shadow: 0 0 15px -3px; height: calc(100% - 1em); padding-top: 40%}
.cm-about-image-2 {background: url(/wp-content/uploads/2022/09/about2.jpg) 50% / cover}
.cm-cat-aerial {background-image: url(/wp-content/uploads/2022/07/aerial.jpg); grid-row: 1 / 3}
.cm-cat-protection {background-image: url(/wp-content/uploads/2022/07/protection.jpg); grid-column: 2; grid-row: 2}
.cm-cat-pulley {background-image: url(/wp-content/uploads/2022/07/pulley.jpg); grid-row: 3}
.cm-cat-rigging {background-image: url(/wp-content/uploads/2022/07/rigging.jpg); grid-row: 2}
.cm-cat-swivel {background-image: url(/wp-content/uploads/2022/07/swivel.jpg); grid-column: 2 / 4; grid-row: 3}
.cm-cat-winch {background-image: url(/wp-content/uploads/2022/07/winch.jpg); grid-column: 1 / 3}
.cm-delivery {background: url(/wp-content/uploads/2022/09/delivery.jpg) 0 / contain no-repeat; padding-top: 40%}
.cm-home-cat {background-size: cover; background-position: 50%; border: 1px solid #000; border-radius: 6px; box-shadow: 0 0 15px -2px #000; min-height: 200px; overflow: hidden; position: relative; transition: transform .3s}
.cm-home-cat:hover {transform: scale(1.03)}
.cm-home-cat a {background: linear-gradient(to top, #000, transparent 180px); border-radius: 0; color: #FFF; bottom: 0; font: 400 30px 'lora', 'georgia', serif; left: 0; padding: 110px 0 0 1em; position: absolute; right: 0; text-align: left; top: 0}
.cm-home-cat-row {margin-top: 0}
.cm-home-cats .is-layout-grid {gap: 2em}
.cm-howtowork {counter-increment: h3-counter; display: inline-flex !important; height: 95px; margin-bottom: 5em; position: relative; width: 350px}
.cm-howtowork .wp-block-column {background: rgb(255 255 255 / .85); border: 1px solid #EEE; border-radius: 4px; box-shadow: 0 4px 5px #CCC; margin-left: 90px; padding: 4px 8px; z-index: 1}
.cm-howtowork h3 {font-size: 16px; margin-bottom: 0; margin-top: 0}
.cm-howtowork p {font-size: 14px; margin-bottom: 0}
.cm-howtowork:before {color: #A7C; content: "0" counter(h3-counter); font-size: 135px; font-weight: 700; position: absolute; top: -100px}
.cm-phases {display: flex; flex-wrap: wrap; justify-content: space-around}
.cm-product img {border: 1px solid; border-radius: 8px !important; box-shadow: 2px 2px 8px; color: #555}
.cm-reviews {color: #FFF; margin-left: 0; margin-right: 0; max-width: 100%; position: relative}
.cm-reviews:after {background: url(top.png) 0 0 / 100% auto no-repeat, url(bottom.png) 0 100% / 100% auto no-repeat}
.cm-reviews:after, .cm-reviews:before {bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0}
.cm-reviews:before {background: url(print.png) 0 50% / 100% auto, radial-gradient(farthest-corner, #352234 25%, #141721); clip-path: polygon(0 2.3vw, 0 calc(100% - 1.1vw), 8% calc(100% - 2.6vw), 40.5% calc(100% - 3.6vw), 47% calc(100% - 0.9vw), 55% calc(100% - .8vw), 61% calc(100% - 1.9vw), 68% calc(100% - .8vw), 81% calc(100% - 2vw), 98% calc(100% - 4.5vw), 100% calc(100% - 4.5vw), 100% 3vw, 98% 3vw, 84% 6.4vw, 75% 6vw, 70.7% 9vw, 66% 6.3vw, 58% 7.1vw, 42% 4vw, 33% 6.5vw, 23% 1.5vw, 9% 4vw, 3% 2.2vw)}
.cm-reviews > div {margin: auto; max-width: 1200px; padding: 5%; position: relative}
.cm-reviews figure img {height: 150px; width: 150px}
.cm-reviews figcaption span {display: block; margin-bottom: 1em}
.cm-reviews figcaption span:first-child {text-transform: uppercase}
.cm-reviews figure cite {display: block; padding-top: 1em}
.cm-reviews figure img {border: 1px solid #444; border-radius: 50%; float: left; margin: 0 1.5em 1em 0}
.cm-reviews h2 {padding: 0 5% .25em; position: relative}
.pswp__caption {display: none}
.woocommerce .cm-data {background: rgb(0 0 0 / .5); bottom: 0; color: #FFF; font-size: 14px; left: 0; line-height: 1.2; opacity: 0; padding: 1em; position: absolute; right: 0; top: 0; transform: translatey(-1em); transition: opacity .3s, transform .3s;}
.woocommerce .cm-details {border: 1px solid #FFF; border-radius: 6px; color: #FFF; display: block; line-height: 1; margin: 1em auto 0; padding: .75em; text-align: center; transition: background .2s, color .2s; width: 150px}
.woocommerce .cm-details:hover {background: #FFF; color: #000}
.woocommerce .cm-sku {right: 10px}
.woocommerce .cm-sku:before {content: 'арт.:\A0'}
.woocommerce .cm-sku, .woocommerce ul.products li.product .price {bottom: 0; font-size: 14px; line-height: 1; margin-bottom: .5em; position: absolute; z-index: 1}
.woocommerce .cm-thumb {display: block; line-height: 0; position: relative}
.woocommerce .product:hover .cm-data {opacity: 1; transform: translatey(0)}
.woocommerce .product_meta > span {display: block; margin-top: 1em}
.woocommerce .sale-icon {background: url(sale.png); bottom: .5em; height: 50px; position: absolute; right: .5em; width: 50px}
.woocommerce .single-product .price {margin-bottom: 1em}
.woocommerce .single-product .sale-icon {display: none}
.woocommerce img, .woocommerce-page img {width: 100%}
.woocommerce ul.products {display: flex; flex-wrap: wrap; justify-content: center}
.woocommerce ul.products li.last, .woocommerce-page ul.products li.last, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {margin: 1em}
.woocommerce ul.products li.product {border: 1px solid #CCC; border-radius: 6px; box-shadow: 0 0 5px -1px #BBB; min-width: 250px; overflow: hidden; padding-bottom: 2em}
.woocommerce ul.products li.product:after {background: #EEE; border-top: 1px solid #DDD; content: ''; bottom: 0; height: 28px; left: 0; position: absolute; right: 0}
.woocommerce ul.products li.product .price {color: #000; left: 10px}
.woocommerce ul.products li.product .price ins {color: #F30}
.woocommerce ul.products li.product .woocommerce-loop-product__title {padding: .5em; text-align: center}
.wp-block-image {margin: auto}
h2 {font-family: 'lora', 'georgia', serif; font-weight: 400; padding: 0}
h3 {counter-reset: h3-counter; margin-bottom: 1em; margin-top: 2em}
main {padding-bottom: 80px}
main > * {max-width: 1200px}
main p {margin-bottom: 1em}
main .no-space {margin-top: 0}
main ul li {margin-left: 2em}

/* footer */

@media (max-width: 949px) {footer p {text-align: center}}
@media (max-width: 1199px) {footer .cm-flex {justify-content: space-around}}
@media (min-width: 950px) {footer p:last-child {text-align: right}}
@media (min-width: 1200px) {footer .cm-flex {justify-content: space-between}}

.cm-copyright {background: #000; border-top: 1px solid #000; opacity: .5; padding: .5em; text-align: center}
footer {font-size: 14px; position: relative}
footer * {color: #FFF}
footer:after {background: url(print.png) 0 0 / 100% auto, radial-gradient(farthest-corner at bottom, #352234 25%, #141721); bottom: 0; clip-path: polygon(0 100%, 0 1.1vw, 2.2% 2.5vw, 5% 1.4vw, 9.5% 2.8vw, 20.5% 2.7vw, 22.7% 3.6vw, 26.5% 2.4vw, 48% 5.1vw, 83% 1.4vw, 87% 2.9vw, 100% .7vw, 100% 100%); content: ''; left: 0; position: absolute; right: 0; top: 0}
footer:before {background: url(foot.png) 0 / 100% auto; content: ''; display: block; margin-bottom: 40px; padding-top: 9%}
footer:before, footer > * {position: relative; z-index: 1}
footer .cm-flex {margin: auto; max-width: 1200px; padding: 0 20px 2em}
footer p {padding-bottom: 2em}

header object {height: 0}
.btn-primary {--bs-btn-bg: #3b2d3b; --bs-btn-border-color: #3b2d3b; --bs-btn-hover-bg: #4d384d; --bs-btn-hover-border-color: #4d384d; --bs-btn-active-bg: #3b2d3b; --bs-btn-active-border-color: #3b2d3b}
.nav-pills {--bs-nav-pills-link-active-bg: #3b2d3b}
.menu-main-container ul {margin: 0; padding: 0}
.card-header {--bs-success-rgb: 59,45,59; --bs-primary-rgb: 59,45,59; --bs-dark-rgb: 59,45,59}
.btn-outline-primary {--bs-btn-bg: #3b2d3b; --bs-btn-border-color: #3b2d3b; --bs-btn-hover-bg: #4d384d; --bs-btn-hover-border-color: #4d384d; --bs-btn-active-bg: #3b2d3b; --bs-btn-active-border-color: #3b2d3b; --bs-btn-color: #fff}
.btn-outline-secondary {--bs-btn-border-color: #3b2d3b; --bs-btn-color: #3b2d3b}