@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Unbounded:wght@400;500;700&display=swap");
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-size: 16px;
overflow-x: hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
picture {
display: block;
}
picture img {
width: 100%;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 60%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
outline: none;
}
button,
select {
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: none;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}  body {
background: #f9f9f9;
color: #151515;
font-family: "Inter", sans-serif;
font-size: 1.125rem;
font-weight: 400;
padding: 0;
margin: 0;
line-height: 1;
overflow-x: hidden;
}
body._lock {
overflow: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-weight: 400;
margin: 0;
line-height: 1.1;
font-family: "Unbounded", cursive;
}
h1,
.h1 {
font-size: 3.625rem;
}
h2,
.h2 {
font-size: 2rem;
}
h3,
.h3 {
font-size: 1.5rem;
}
h4,
.h4 {
font-size: 1.125rem;
}
p {
margin: 0;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
display: block;
padding-left: 2em;
margin: 2.1875rem 0;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
hr {
background-color: #ccc;
border: 0;
height: 0.0625rem;
margin-bottom: 1.5625rem;
}
ul,
ol {
margin: 0;
padding: 0;
list-style-type: none;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
embed,
video,
iframe,
object {
max-width: 100%;
display: block;
}
img {
height: auto;
max-width: 100%;
vertical-align: top;
}
figure {
margin: 1em 0;
}
table {
margin: 0;
width: 100%;
border-collapse: collapse;
}
a {
background-color: transparent;
text-decoration: none;
color: inherit;
transition: all 0.5s ease;
}
a:focus,
a:hover,
a:active {
outline: 0;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}
.ellipsis {
display: block;
overflow: hidden;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
}
.es {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ibg {
position: relative;
}
.ibg img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
object-position: center;
}
body.ie .ibg {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
body.ie .ibg img {
width: 0;
height: 0;
opacity: 0;
visibility: hidden;
}
.content {
line-height: 1.33;
}
.content:not(:last-child) {
margin: 0 0 1rem;
}
.content ol {
counter-reset: item;
padding: 0;
}
.content ol li {
position: relative;
padding: 0px 0px 0px 1rem;
}
.content ol li:before {
counter-increment: item;
content: counter(item) ".";
position: absolute;
left: 0;
top: 0;
font-size: 1em;
}
.content ol li:not(:last-child) {
margin: 0 0 0.5rem;
}
.content ul {
padding: 0;
}
.content ul:not(:last-child) {
margin: 0 0 1rem;
}
.content ul li {
position: relative;
padding: 0 0 0 1rem;
}
.content ul li:before {
position: absolute;
left: 0;
top: 0.5125rem;
width: 0.5rem;
height: 0.5rem;
background: #151515;
content: "";
border-radius: 50%;
display: block;
}
.content ul li:not(:last-child) {
margin: 0 0 0.5rem;
}
.content p:not(:last-child) {
margin: 0 0 1rem;
}
.content p a {
text-decoration: underline;
}
.content p a:hover {
text-decoration: none;
}
.show-hide {
font-size: 0.875rem;
letter-spacing: 0.0175rem;
display: flex;
align-items: center;
cursor: pointer;
line-height: 1;
}
.show-hide::before {
content: "";
display: block;
background: url(//mosrifles.ru/wp-content/themes/mosrifles/images/show-hide-icon.svg) no-repeat center / contain;
margin-right: 0.5625rem;
width: 1.125rem;
height: 1rem;
}
.content-hidden {
display: none;
}
.button {
cursor: pointer;
line-height: 1;
transition: all 0.5s ease;
border-radius: 0.625rem;
height: 3.75rem;
padding: 0 2.5rem;
border-width: 0.125rem;
border-style: solid;
font-size: 1.125rem;
font-weight: 400;
display: flex;
align-items: center;
justify-content: center;
}
.button_red {
background: #e73324;
color: #fff;
border-color: #e73324;
}
.button_red:hover {
background: #151515;
border-color: #151515;
}
.button_border-red {
color: #151515;
border-color: #e73324;
}
.button_border-red:hover {
background: #e73324;
color: #fff;
}
.button_black {
background: #151515;
color: #fff;
border-color: #151515;
}
.button_black:hover {
background: transparent;
border-color: #151515;
}
.button_transparent {
background: transparent;
border-color: #151515;
color: #151515;
}
.button_transparent:hover {
background: #151515;
border-color: #151515;
color: #fff;
}
.page-header {
max-width: 58rem;
width: 100%;
text-align: center;
margin: 0 auto;
}
.page-header__title {
margin-top: 2.5rem;
}
.page-header__title-box {
position: relative;
}
.page-header__title-box a {
display: flex;
align-items: center;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
font-size: 1rem;
}
.page-header__title-box a img {
flex: 0 0 1.5rem;
margin-right: 0.3125rem;
}
.page-default__content {
margin-top: 10rem;
}
.page-default__content a:hover {
color: #e73324;
}
.grecaptcha-badge {
display: none !important;
} ::-webkit-input-placeholder {
color: #c0c0c0;
font-weight: 400;
}
:-moz-placeholder {
color: #c0c0c0;
font-weight: 400;
}
::-moz-placeholder {
color: #c0c0c0;
font-weight: 400;
}
:-ms-input-placeholder {
color: #c0c0c0;
font-weight: 400;
}
form {
position: relative;
}
form p {
margin: 0;
position: relative;
}
select,
textarea,
input[type="text"],
input[type="date"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"] {
color: #151515;
background: #f0f0f0;
width: 100%;
font-family: "Inter", sans-serif;
padding: 0 1.25rem;
font-size: 1.125rem;
appearance: none;
outline: none;
border: 0.125rem solid #f0f0f0;
transition: all 0.5s ease;
height: 3.75rem;
border-radius: 0.625rem;
}
textarea {
padding: 1.25rem;
}
textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus {
box-shadow: none;
outline: none;
background: #f9f9f9;
border: 0.125rem solid #727171;
}
textarea:hover,
input[type="text"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="number"]:hover,
input[type="tel"]:hover,
input[type="range"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="week"]:hover,
input[type="time"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="color"]:hover {
background: #f0f0f0;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-transition:
color 9999s ease-out,
background-color 9999s ease-out;
-webkit-transition-delay: 9999s;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} input[type="number"] {
-moz-appearance: textfield;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
background: #f0f0f0;
color: #c0c0c0;
border-color: #f0f0f0;
}
input[type="file"] {
outline: 0;
opacity: 0;
pointer-events: none;
user-select: none;
}
.agree {
font-size: 0.875rem;
line-height: 1;
color: #000;
}
.agree a:hover {
text-decoration: none;
color: #e73324;
}
input[type="checkbox"] {
display: none;
}
input[type="checkbox"] + label,
input[type="checkbox"] + span {
display: flex;
align-items: center;
position: relative;
}
input[type="checkbox"] + label::before,
label input[type="checkbox"] + span::before {
cursor: pointer;
display: block;
margin: 0 0.625rem 0 0;
content: "";
border-radius: 0.3125rem;
flex: 0 0 1.25rem;
height: 1.25rem;
border: 0.125rem solid #f0f0f0;
background: #f0f0f0;
}
input[type="checkbox"]:checked + label::before,
label input[type="checkbox"]:checked + span::before {
background: url(//mosrifles.ru/wp-content/themes/mosrifles/images/check.svg) no-repeat center/ 0.75rem;
border: 0.125rem solid #727171;
}
input[type="checkbox"]:checked + label:hover::before,
label input[type="checkbox"]:checked + span:hover::before {
background: url(//mosrifles.ru/wp-content/themes/mosrifles/images/check.svg) no-repeat center/ 0.75rem;
border: 0.125rem solid #727171;
}
div.wpcf7 .ajax-loader {
display: none;
}
div.wpcf7-mail-sent-ok {
text-align: center;
margin: 0 0 0;
border: none;
}
.wpcf7 form .wpcf7-response-output {
border: none;
font-size: 12px;
bottom: 0;
text-align: center;
width: 100%;
color: red;
display: none;
}
.wpcf7 form .wpcf7-not-valid-tip {
color: #dc3232;
font-size: 12px;
display: none;
position: absolute;
left: calc(20px + 15 * ((100vw - 320px) / 1600));
bottom: 0;
background: none;
z-index: 1;
}
.screen-reader-response {
display: none;
}
input.wpcf7-not-valid {
border: 2px solid #f00 !important;
}
.wpcf7-spinner {
display: none;
} .site-main__bottom-form {
margin-top: 10rem;
}
.bottom-form__inner {
border-radius: 0.625rem;
padding: 3.75rem 0 2.5rem;
max-width: 88.75rem;
width: 100%;
margin: 0 auto;
transition: all 0.5s ease;
border: 0.125rem solid #e2e2e2;
padding: 3.75rem 1.25rem 5rem;
}
.bottom-form__block {
display: flex;
justify-content: space-between;
align-items: center;
}
.bottom-form__text {
flex: 0 0 40.4375rem;
padding-right: 2rem;
}
.bottom-form__text > p {
font-size: 1.125rem;
line-height: 1.3;
margin-top: 3.75rem;
}
.bottom-form__contacts {
margin-top: 3.75rem;
font-size: 1rem;
line-height: 1.37;
max-width: 85%;
}
.bottom-form__contacts a:hover {
color: #e73324;
}
.bottom-form__contacts br {
display: none;
}
.bottom-form__box {
flex: 0 0 28.6875rem;
}
.bottom-form._active .bottom-form__inner {
background: #fff;
border: 0.125rem solid #fff;
box-shadow: 0 1.25rem 3.75rem 0 rgba(0, 0, 0, 0.15);
}
#fancybox-outer,
#fancybox-content {
background: none !important;
border-radius: 1.25rem;
}
#fancybox-close {
background: url(//mosrifles.ru/wp-content/themes/mosrifles/images/close-icon.svg) no-repeat 0px 0px / cover;
width: 1.5rem !important;
height: 1.5rem !important;
top: 1.875rem !important;
right: 1.875rem !important;
}
#fancybox-close span {
display: none !important;
}
.modal-rutube {
}
.modal-rutube__close {
}
.modal-rutube__inner {
border-radius: 1.25rem;
width: 50rem;
position: relative;
padding-top: 56.25%;
overflow: hidden;
}
.modal-rutube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.modal-form__inner {
padding: 1.875rem 1.875rem 2.5rem;
width: 50rem;
background: #f9f9f9;
border-radius: 1.25rem;
}
.modal-form h3 {
margin-bottom: 1em;
}
.modal-form__close {
display: none;
}
.form-modal__name {
font-size: 1rem;
line-height: 1.37;
}
.form-modal__title {
margin-top: 1.25rem;
}
.form-modal__title input[type="text"] {
background: none !important;
border: none !important;
height: auto;
padding: 0;
font-weight: 400;
margin: 0;
line-height: 1.1;
font-family: "Unbounded", cursive;
font-size: 2rem;
}
.form-modal__title textarea {
background: none !important;
border: none !important;
min-height: 1.25rem;
padding: 0;
font-weight: 400;
margin: 0;
line-height: 1.1;
font-family: "Unbounded", cursive;
font-size: 2rem;
width: 100%;
resize: none;
display: block;
height: 4.6875rem;
}
.form-modal__desc {
display: flex;
justify-content: space-between;
gap: 1.25rem;
align-items: center;
margin-top: 1.875rem;
}
.form-modal__desc p {
font-size: 1rem;
line-height: 1.37;
}
.form-modal__desc a {
display: flex;
align-items: center;
gap: 0.625rem;
}
.form-modal__desc a::after {
content: "";
display: block;
background: url(//mosrifles.ru/wp-content/themes/mosrifles/images/red-arrow.svg) no-repeat 0px 0px / contain;
width: 1.5rem;
height: 1.5rem;
}
.form-modal__input-box {
margin-top: 2.5rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.625rem;
}
.form-modal__input p:not(:last-child) {
margin-bottom: 0.625rem;
}
.form-modal__input p label {
font-size: 0.875rem;
line-height: 1.28;
letter-spacing: 0.0175rem;
margin-bottom: 0.3125rem;
display: block;
}
.form-modal__input_grid {
margin-top: 2.5rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.625rem;
}
.form-modal__textarea p:not(:last-child) {
margin-bottom: 0.625rem;
}
.form-modal__textarea p label {
font-size: 0.875rem;
line-height: 1.28;
letter-spacing: 0.0175rem;
margin-bottom: 0.3125rem;
display: block;
}
.form-modal__textarea p textarea {
height: 9.5625rem;
padding: 1.25rem;
}
.form-modal__agree {
margin-top: 1.25rem;
}
.form-modal__submit {
margin-top: 2.5rem;
}
.form__inner {
display: flex;
flex-wrap: wrap;
}
.form__input {
width: 100%;
}
.form h3 {
margin: 0 0 1.25rem;
color: #000;
}
.form__desc {
font-size: 1.125rem;
line-height: 1.3;
margin-bottom: 1.25rem;
color: #000;
}
.form__input {
margin-bottom: 1.25rem;
}
.form__input p:not(:last-child) {
margin-bottom: 1.25rem;
}
.form__input p label {
font-size: 0.875rem;
margin-bottom: 0.3125rem;
display: block;
color: #000;
}
.form__submit {
width: 100%;
margin-top: 2.5rem;
}
.form__submit p {
width: 100%;
height: 100%;
}
.site__wrapper {
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
min-height: 100vh;
padding: 0 0.625rem 0.625rem;
}
.site__header {
margin: 0 -0.625rem;
}
.site__main {
padding-top: 2.5rem;
}
.site__footer {
margin-top: 10rem;
padding: 0 1.25rem;
}
.site-main {
flex: 1 1 auto;
}
[class*="__container"] {
width: 100%;
max-width: 77.5rem;
margin: 0 auto;
}
@font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper .swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper.swiper-container-vertical .swiper-wrapper {
flex-direction: column;
}
.swiper.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
}
.swiper-container-android .swiper-slide,
.swiper-container-android .swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-button-lock {
display: none !important;
}
.swiper-button-disabled.control__arrow,
.swiper-button-disabled {
opacity: 0.3;
cursor: default;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: 100%;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px;
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height;
}
.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}
.control {
display: flex;
align-items: center;
justify-content: space-between;
}
.control__arrow {
background: url(//mosrifles.ru/wp-content/themes/mosrifles/images/slider-icon.svg) no-repeat 0px 0px / contain;
width: 3rem;
height: 3rem;
cursor: pointer;
}
.control__arrow_prev {
transform: rotate(180deg);
}
.pagination {
display: flex;
gap: 0.625rem;
}
.pagination span {
display: block;
background: #e2e2e2;
height: 0.625rem;
width: 0.625rem;
border-radius: 50%;
}
.pagination span.swiper-pagination-bullet-active {
background: #e43c2f;
}
.site-header {
height: 5.875rem;
}
.site-header__inner {
padding: 0 0.625rem;
width: 100%;
z-index: 99;
position: fixed;
transition: all 0.5s ease;
background: #f9f9f9;
}
.site-header__inner.nav-up {
top: -5.875rem;
z-index: -1;
}
.site-header__container {
display: grid;
grid-template-columns: repeat(3, auto);
gap: 6.25rem;
padding: 1.25rem 0;
align-items: center;
}
.site-header__logo {
display: block;
}
.site-header__logo img {
display: block;
max-width: 13.4375rem;
width: 100%;
}
.site-header__desc {
letter-spacing: 0.0175rem;
font-size: 0.875rem;
line-height: 1.28;
}
.site-header__nav {
display: flex;
gap: 2.75rem;
align-items: center;
justify-content: space-between;
}
.site-header__nav > ul {
display: flex;
gap: 0;
align-items: center;
}
.site-header__nav > ul > li > a {
font-size: 1.125rem;
padding: 0.9375rem 1.25rem;
border-radius: 0.625rem;
display: block;
}
.site-header__nav > ul > li > a:hover {
background: #f0f0f0;
}
.site-header__nav > ul > li.menu-item-has-children:hover > a {
background: #fff;
border-radius: 0.625rem 0.625rem 0 0;
box-shadow: 0 0.625rem 2.5rem -0.625rem rgba(0, 0, 0, 0.15);
}
.site-header__nav > ul > li:hover .sub-menu {
z-index: 1;
opacity: 1;
height: auto;
}
.site-header__nav > ul .sub-menu {
position: absolute;
border-radius: 0 0.625rem 0.625rem;
background: #fff;
padding: 0.3125rem;
box-shadow: 0 1.25rem 2.5rem -1.25rem rgba(0, 0, 0, 0.15);
z-index: -1;
opacity: 0;
transition: all 0.5s ease;
height: 0;
overflow: hidden;
min-width: 11.25rem;
}
.site-header__nav > ul .sub-menu li a {
display: block;
padding: 0.9375rem 1.5625rem 0.9375rem 0.9375rem;
border-radius: 0.625rem;
font-size: 1rem;
}
.site-header__nav > ul .sub-menu li a:hover {
background: #f0f0f0;
}
.site-header__search {
position: relative;
}
.site-header__search form {
width: 0;
position: absolute;
margin: 0;
padding: 0;
display: block;
top: -0.1875rem;
right: 1.5rem;
transition: all 0.5s ease;
overflow: hidden;
}
.site-header__search form input[type="text"] {
width: 100%;
border: none;
font-size: 0.75rem;
height: 1.875rem;
padding: 0 3.4375rem 0 0.625rem;
box-shadow: none;
}
.site-header__search form input[type="submit"] {
border: none;
position: absolute;
right: 0;
height: 1.875rem;
font-size: 0.75rem;
cursor: pointer;
z-index: 1;
}
.site-header__search button {
width: 1.5rem;
height: 1.5rem;
display: block;
background: url(//mosrifles.ru/wp-content/themes/mosrifles/images/search-icon.svg) no-repeat center / contain;
transition: all 0.5s ease;
}
.site-header__search.active form {
width: 18.75rem;
}
.site-header__search.active > button {
background: url(//mosrifles.ru/wp-content/themes/mosrifles/images/close-icon.svg) no-repeat center / 1.125rem;
}
.site-header button {
border: none;
box-shadow: none;
background-color: transparent;
padding: 0;
margin: 0;
cursor: pointer;
}
.site-header__hidden {
background: #fff;
padding: 1.25rem 1.25rem 2.5rem;
position: absolute;
width: 100%;
z-index: 1;
box-shadow: 0 1.25rem 1.25rem 0 rgba(0, 0, 0, 0.1);
top: -1200%;
left: 0;
transition: all 0.5s ease;
border-radius: 0px 0px 1.25rem 1.25rem;
}
.site-header._scroll .site-header__inner {
background: #fff;
}
.site-header._scroll .site-header__inner.nav-down {
top: 0;
}
.menu-toggle {
width: 1.875rem;
height: 1.5rem;
position: relative;
display: none;
}
.menu-toggle span {
display: block;
background: #000;
height: 0.25rem;
width: 100%;
position: absolute;
left: 0;
transition: all 0.5s ease;
}
.menu-toggle span:nth-child(1) {
top: 0;
}
.menu-toggle span:nth-child(2) {
top: calc(50% - 0.125rem);
}
.menu-toggle span:nth-child(3) {
bottom: 0;
}
.header-hidden__menu > ul > li {
position: relative;
}
.header-hidden__menu > ul > li.menu-item-has-children::before {
content: "";
display: block;
position: absolute;
top: 0.9375rem;
right: 0;
background: url(//mosrifles.ru/wp-content/themes/mosrifles/images/hidden-menu-arrow.svg) no-repeat center / contain;
width: 1.5rem;
height: 1.5rem;
transition: all 0.5s ease;
}
.header-hidden__menu > ul > li.active::before {
transform: rotate(180deg);
}
.header-hidden__menu > ul > li > a {
display: inline-block;
padding: 0.9375rem 0;
line-height: 1.33;
font-size: 1.125rem;
}
.header-hidden__menu > ul .sub-menu {
display: none;
}
.header-hidden__menu > ul .sub-menu li a {
display: inline-block;
padding: 0.9375rem 1.25rem;
line-height: 1.33;
font-size: 1.125rem;
}
.header-hidden__search {
position: relative;
height: 3.375rem;
}
.header-hidden__search p {
display: flex;
height: 3.375rem;
font-size: 1.125rem;
align-items: center;
justify-content: space-between;
}
.header-hidden__search form {
width: 100%;
position: absolute;
margin: 0;
padding: 0;
display: block;
top: 0;
left: 0;
transition: all 0.5s ease;
overflow: hidden;
height: 3.375rem;
font-size: 1.125rem;
border-radius: 0.625rem;
background: #f0f0f0;
opacity: 0;
z-index: -1;
}
.header-hidden__search form input[type="text"] {
width: 100%;
border: none;
height: 100%;
padding: 0 3.4375rem 0 1.25rem;
box-shadow: none;
font-size: 1.125rem;
}
.header-hidden__search form input[type="submit"] {
border: none;
position: absolute;
right: 1.25rem;
height: 100%;
width: 1.5rem;
font-size: 0;
cursor: pointer;
z-index: 1;
background: url(//mosrifles.ru/wp-content/themes/mosrifles/images/search-icon.svg) no-repeat center / contain;
padding: 0;
}
.header-hidden__search.active > p {
display: block;
height: 100%;
font-size: 0;
width: 1rem;
position: absolute;
z-index: 2;
top: 0;
right: 3.5rem;
background: url(//mosrifles.ru/wp-content/themes/mosrifles/images/close-icon.svg) no-repeat center / contain;
}
.header-hidden__search.active form {
opacity: 1;
z-index: 1;
}
.header-hidden__contacts {
overflow: hidden;
margin-top: 1.875rem;
}
.header-hidden__contacts > * {
height: 2.5rem;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.header-hidden__phone {
font-size: 0.875rem;
border: 0.125rem solid #f0f0f0;
border-radius: 0.625rem 0.625rem 0 0;
}
.header-hidden__phone::before {
content: "";
display: block;
background: url(//mosrifles.ru/wp-content/themes/mosrifles/images/hidden-phone.svg) no-repeat 0 0 / contain;
width: 1.5rem;
height: 1.5rem;
}
.header-hidden__mail {
border-left: 0.125rem solid #f0f0f0;
border-right: 0.125rem solid #f0f0f0;
font-size: 0.875rem;
}
.header-hidden__mail::before {
content: "";
display: block;
background: url(//mosrifles.ru/wp-content/themes/mosrifles/images/hidden-mail.svg) no-repeat 0 0 / contain;
width: 1.5rem;
height: 1.5rem;
}
.header-hidden__order {
font-size: 1rem;
background: #e73324;
color: #fff;
border: 0.125rem solid #e73324;
border-radius: 0 0 0.625rem 0.625rem;
}
.site-header.active .menu-toggle span:nth-child(1) {
top: 0.625rem;
transform: rotate(45deg);
}
.site-header.active .menu-toggle span:nth-child(2) {
display: none;
}
.site-header.active .menu-toggle span:nth-child(3) {
bottom: 0.625rem;
transform: rotate(-45deg);
}
.site-header.active .site-header__container {
background: #f9f9f9;
}
.site-header.active .site-header__hidden {
top: 3.75rem;
}
.site-header.active .nav-up .site-header__hidden {
top: -1200%;
}
.page-id-458 .site-header__inner {
position: absolute;
}
.site-footer {
background: #f0f0f0;
border-radius: 0.625rem;
color: #000;
}
.site-footer__container {
padding: 2.5rem 0px;
}
.site-footer__bottom {
margin-top: 3.75rem;
padding-top: 3.75rem;
border-top: 0.125rem solid #e2e2e2;
}
.footer-top {
display: flex;
justify-content: space-between;
}
.footer-top__contacts p:not(:last-child) {
margin-bottom: 0.625rem;
}
.footer-top__contacts p:first-child a {
font-size: 2rem;
}
.footer-top__contacts a {
font-size: 1.125rem;
color: #000;
font-family: "Unbounded", cursive;
line-height: 1.1;
}
.footer-top__contacts a:hover {
color: #e73324;
}
.footer-top__address p {
font-size: 1rem;
line-height: 1.3;
margin-bottom: 0.625rem;
}
.footer-top__address p:last-child {
margin: 0;
}
.footer-top__ya-link {
display: flex;
align-items: center;
}
.footer-top__ya-link::before {
content: "";
display: block;
flex: 0 0 1.5rem;
height: 1.5rem;
background: url(//mosrifles.ru/wp-content/themes/mosrifles/images/map-icon.svg) no-repeat 0px 0px / contain;
margin-right: 0.25rem;
}
.footer-top__ya-link:hover {
color: #e73324;
}
.footer-top__connect a {
border-radius: 0.625rem;
border: 0.125rem solid #e73324;
padding: 0.625rem 1.25rem;
font-size: 1rem;
display: block;
}
.footer-top__connect a:hover {
color: #fff;
background: #e73324;
}
.footer-bottom {
display: flex;
justify-content: space-between;
column-gap: 3.75rem;
}
.footer-bottom__info {
font-size: 1rem;
line-height: 1.3;
flex: 1 0 auto;
}
.footer-bottom__info a {
position: relative;
overflow: hidden;
}
.footer-bottom__info a::before {
height: 0.0625rem;
background: #e73324;
content: "";
position: absolute;
left: 0;
bottom: 0px;
width: 0;
transition: width 0.5s ease;
display: block;
}
.footer-bottom__info a:hover {
color: #e73324;
}
.footer-bottom__info a:hover::before {
width: 100%;
}
.footer-bottom__menu {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2.5rem;
}
.footer-bottom__menu ul li {
margin-bottom: 0.3125rem;
}
.footer-bottom__menu ul li a {
font-size: 1rem;
line-height: 1.4;
position: relative;
overflow: hidden;
}
.footer-bottom__menu ul li a::before {
height: 0.0625rem;
background: #e73324;
content: "";
position: absolute;
left: 0;
bottom: 0px;
width: 0;
transition: width 0.5s ease;
display: block;
}
.footer-bottom__menu ul li a:hover {
color: #e73324;
}
.footer-bottom__menu ul li a:hover::before {
width: 100%;
}
.footer-bottom__menu ul li:first-child {
margin-bottom: 0.625rem;
}
.footer-bottom__menu ul li:first-child a {
font-weight: 700;
}
.footer-bottom__menu ul li:last-child {
margin: 0;
}
.footer-bottom__menu3 {
grid-column: span 2;
display: grid;
grid-template-columns: repeat(2, auto);
gap: 0 2.5rem;
}
.footer-bottom__menu3 li {
margin: 0;
}
.footer-bottom__menu3 li:first-child {
grid-column: span 2;
}
.footer-bottom__development {
flex: 1 0 auto;
}
.footer-bottom__development a {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
gap: 0.3125rem;
height: 100%;
}
.footer-bottom__development a span {
display: block;
font-size: 0.875rem;
letter-spacing: 0.0175rem;
line-height: 1.2;
}
.footer-bottom__development a img {
max-width: 7.5rem;
width: 100%;
}
.footer-bottom .made-in {
display: flex;
align-items: center;
margin-top: 0.625rem;
line-height: 1;
}
.footer-bottom .made-in::before {
content: "";
display: block;
flex: 0 0 1.5rem;
height: 1.125rem;
background: url(//mosrifles.ru/wp-content/themes/mosrifles/images/ru.svg) no-repeat 0px 0px / contain;
margin-right: 0.625rem;
}
.page-header__breadcrumbs {
display: flex;
align-items: center;
justify-content: center;
}
.page-header__breadcrumbs .back-link {
width: 1.5rem;
display: block;
transform: rotate(180deg);
}
.page-header__breadcrumbs a {
font-size: 0.875rem;
margin-left: 0.625rem;
}
.page-header__breadcrumbs a:hover {
color: #e73324;
}
.page-header__breadcrumbs_lvl2 img {
margin: 0 0.9375rem;
width: 0.75rem;
}
.page-header__breadcrumbs_lvl2 a {
margin: 0;
}
.post-header__breadcrumbs {
display: flex;
align-items: center;
justify-content: center;
}
.post-header__breadcrumbs a {
font-size: 0.875rem;
}
.post-header__breadcrumbs a:hover {
color: #e73324;
}
.post-header__breadcrumbs img {
margin: 0 0.9375rem;
width: 0.75rem;
}
.page-home__other,
.page-home__rifle-list,
.page-home__calculator {
margin-top: 10rem;
}
.home .other-post__slider {
margin-top: 0;
overflow: visible;
}
.home .post-item {
width: calc(25% - 0.4375rem);
}
.home .post-item_big {
width: 50%;
}
.other-post .fancybox-youtube {
}
.video-link::before,
.other-post .fancybox-youtube::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: calc(45px + 20 * ((100vw - 320px) / 1600));
height: calc(45px + 20 * ((100vw - 320px) / 1600));
transform: translate(-50%, -50%);
background: url(//mosrifles.ru/wp-content/themes/mosrifles/images/play-icon.svg) no-repeat 0px 0px / contain;
}
.home .rifle-list__header {
display: block;
text-align: center;
position: relative;
}
.home .rifle-list__header a {
position: absolute;
top: 50%;
right: 0;
display: flex;
align-items: center;
gap: 0.625rem;
transform: translateY(-50%);
font-weight: 700;
}
.home .rifle-list__header a img {
width: 3rem;
}
.page-home__services {
margin-top: 10rem;
}
.home-hero__img { display: flex;
justify-content: center;
}
.home-hero__img img {
object-fit: contain;
}
.home-hero__container {
position: relative;
z-index: 2;
}
.home-hero__mobile-slider {
display: none;
}
.home-hero__desc {
display: flex;
justify-content: space-between;
align-items: center; gap: 0.625rem;
}
.home-hero__desc-item {
font-size: 0.875rem;
line-height: 1.28;
}
.components-services__container {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.components-services__item {
position: relative;
height: 22.3125rem;
}
.components-services__info {
padding: 2.5rem 0 3.75rem;
display: flex;
flex-direction: column;
height: 100%;
}
.components-services__info a {
margin-top: auto;
font-size: 1.125rem;
display: flex;
align-items: center;
gap: 0.625rem;
}
.components-services__info a img {
width: 1.5rem;
}
.components-services__desc {
margin-top: 2.5rem;
line-height: 1.33;
}
.components-services__img {
position: absolute;
top: 0;
right: 0;
width: 18.875rem;
height: 100%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.components-animation {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0000.png);
animation-direction: normal;
animation-name: bullet-out;
animation-duration: 1s;
animation-timing-function: linear;
animation-fill-mode: forwards;
transition: all 0.5s ease;
}
._webp .components-animation {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0000.webp);
animation-name: webp-bullet-out;
}
.components-animation:hover {
animation-direction: normal;
animation-name: bullet-in;
animation-duration: 1s;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
._webp .components-animation:hover {
animation-name: webp-bullet-in;
}
.services-animation::before,
.components-animation::before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3.75rem;
background: linear-gradient(0deg, #f9f9f9 0%, rgba(249, 249, 249, 0) 100%);
}
.services-animation {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0000.png);
animation-direction: normal;
animation-name: dtk-out;
animation-duration: 1s;
animation-timing-function: linear;
animation-fill-mode: forwards;
transition: all 0.5s ease;
}
._webp .services-animation {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0000.webp);
animation-name: webp-dtk-out;
}
.services-animation:hover {
animation-direction: normal;
animation-name: dtk-in;
animation-duration: 1s;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
._webp .services-animation:hover {
animation-name: webp-dtk-in;
}
.components-services__item1:hover .components-animation {
animation-direction: normal;
animation-name: bullet-in;
animation-duration: 1s;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
.components-services__item2:hover .services-animation {
animation-direction: normal;
animation-name: dtk-in;
animation-duration: 1s;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
@keyframes bullet-in {
0% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0000.png);
}
5% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0001.png);
}
10% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0002.png);
}
15% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0003.png);
}
20% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0004.png);
}
25% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0005.png);
}
30% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0006.png);
}
35% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0007.png);
}
40% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0008.png);
}
45% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0009.png);
}
50% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0010.png);
}
55% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0011.png);
}
60% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0012.png);
}
65% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0013.png);
}
70% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0014.png);
}
75% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0015.png);
}
80% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0016.png);
}
85% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0017.png);
}
90% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0018.png);
}
95% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0019.png);
}
100% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0020.png);
}
}
@keyframes bullet-out {
0% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0020.png);
}
5% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0019.png);
}
10% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0018.png);
}
15% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0017.png);
}
20% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0016.png);
}
25% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0015.png);
}
30% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0014.png);
}
35% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0013.png);
}
40% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0012.png);
}
45% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0011.png);
}
50% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0010.png);
}
55% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0009.png);
}
60% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0008.png);
}
65% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0007.png);
}
70% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0006.png);
}
75% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0005.png);
}
80% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0004.png);
}
85% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0003.png);
}
90% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0002.png);
}
95% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0001.png);
}
100% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0000.png);
}
}
@keyframes webp-bullet-in {
0% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0000.webp);
}
5% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0001.webp);
}
10% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0002.webp);
}
15% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0003.webp);
}
20% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0004.webp);
}
25% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0005.webp);
}
30% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0006.webp);
}
35% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0007.webp);
}
40% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0008.webp);
}
45% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0009.webp);
}
50% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0010.webp);
}
55% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0011.webp);
}
60% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0012.webp);
}
65% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0013.webp);
}
70% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0014.webp);
}
75% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0015.webp);
}
80% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0016.webp);
}
85% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0017.webp);
}
90% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0018.webp);
}
95% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0019.webp);
}
100% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0020.webp);
}
}
@keyframes webp-bullet-out {
0% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0020.webp);
}
5% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0019.webp);
}
10% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0018.webp);
}
15% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0017.webp);
}
20% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0016.webp);
}
25% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0015.webp);
}
30% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0014.webp);
}
35% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0013.webp);
}
40% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0012.webp);
}
45% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0011.webp);
}
50% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0010.webp);
}
55% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0009.webp);
}
60% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0008.webp);
}
65% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0007.webp);
}
70% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0006.webp);
}
75% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0005.webp);
}
80% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0004.webp);
}
85% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0003.webp);
}
90% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0002.webp);
}
95% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0001.webp);
}
100% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/bullet/bullet0000.webp);
}
}
@keyframes dtk-in {
0% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0000.png);
}
5% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0001.png);
}
10% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0002.png);
}
15% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0003.png);
}
20% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0004.png);
}
25% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0005.png);
}
30% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0006.png);
}
35% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0007.png);
}
40% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0008.png);
}
45% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0009.png);
}
50% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0010.png);
}
55% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0011.png);
}
60% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0012.png);
}
65% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0013.png);
}
70% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0014.png);
}
75% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0015.png);
}
80% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0016.png);
}
85% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0017.png);
}
90% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0018.png);
}
95% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0019.png);
}
100% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0020.png);
}
}
@keyframes dtk-out {
0% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0020.png);
}
5% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0019.png);
}
10% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0018.png);
}
15% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0017.png);
}
20% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0016.png);
}
25% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0015.png);
}
30% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0014.png);
}
35% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0013.png);
}
40% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0012.png);
}
45% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0011.png);
}
50% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0010.png);
}
55% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0009.png);
}
60% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0008.png);
}
65% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0007.png);
}
70% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0006.png);
}
75% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0005.png);
}
80% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0004.png);
}
85% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0003.png);
}
90% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0002.png);
}
95% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0001.png);
}
100% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0000.png);
}
}
@keyframes webp-dtk-in {
0% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0000.webp);
}
5% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0001.webp);
}
10% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0002.webp);
}
15% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0003.webp);
}
20% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0004.webp);
}
25% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0005.webp);
}
30% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0006.webp);
}
35% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0007.webp);
}
40% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0008.webp);
}
45% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0009.webp);
}
50% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0010.webp);
}
55% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0011.webp);
}
60% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0012.webp);
}
65% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0013.webp);
}
70% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0014.webp);
}
75% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0015.webp);
}
80% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0016.webp);
}
85% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0017.webp);
}
90% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0018.webp);
}
95% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0019.webp);
}
100% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0020.webp);
}
}
@keyframes webp-dtk-out {
0% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0020.webp);
}
5% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0019.webp);
}
10% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0018.webp);
}
15% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0017.webp);
}
20% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0016.webp);
}
25% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0015.webp);
}
30% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0014.webp);
}
35% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0013.webp);
}
40% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0012.webp);
}
45% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0011.webp);
}
50% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0010.webp);
}
55% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0009.webp);
}
60% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0008.webp);
}
65% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0007.webp);
}
70% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0006.webp);
}
75% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0005.webp);
}
80% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0004.webp);
}
85% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0003.webp);
}
90% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0002.webp);
}
95% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0001.webp);
}
100% {
background-image: url(//mosrifles.ru/wp-content/themes/mosrifles/images/dtk/dtk0000.webp);
}
}
.page-about__top {
margin: 5rem auto 0;
border-radius: 0.625rem;
overflow: hidden;
width: 100%;
max-width: 88.75rem;
}
.page-about__top-mobile {
display: none;
}
.page-about__text-grid,
.page-about__utp,
.page-about__reviews {
margin-top: 10rem;
}
.page-about__text-blocks {
border-top: 1px solid #e2e2e2;
margin-top: 10rem;
padding-top: 10rem;
}
.page-about__order {
border: 2px solid #e2e2e2;
margin: 10rem auto 0;
padding: 0 5.625rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.625rem;
border-radius: 0.625rem;
width: 100%;
max-width: 88.75rem;
}
.page-about__reviews-title {
text-align: center;
}
.page-about__reviews-list {
max-width: 58rem;
width: 100%;
margin: 3.75rem auto 0;
}
.text-grid__item {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.625rem;
}
.text-grid__item:nth-child(even) {
margin-top: -20rem;
}
.text-grid__item:nth-child(even) .text-grid__item-text {
order: 2;
align-self: flex-end;
padding: 0 0 2.5rem 2.5rem;
}
.text-grid__item-text {
line-height: 1.33;
padding: 0 2.5rem 2.5rem 0;
}
.text-grid__item-text strong {
color: #e43c2f;
font-size: 2.625rem;
font-weight: 700;
line-height: normal;
margin-top: 2.5rem;
display: block;
}
.text-grid__item-img {
height: 48.375rem;
border-radius: 0.625rem;
overflow: hidden;
}
.about-utp .rifle-gallery360__box > div > div::before {
display: none;
}
.about-utp__img .rifle-gallery360__box > div {
max-width: none !important;
}
.about-utp__img .rifle-gallery360__box > div > div {
height: 20.75rem;
margin: 0 auto !important;
}
.about-utp__list {
margin-top: 5rem;
display: flex;
justify-content: space-between;
}
.about-utp__item-number {
font-size: 4.5rem;
color: #e43c2f;
margin-bottom: 0.625rem;
font-weight: 700;
}
.about-utp__item-desc {
line-height: 1.33;
}
.text-blocks {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 3.125rem;
}
.about-order__content {
padding: 5rem 2.5rem 5rem 0;
}
.about-order__content p {
line-height: 1.33;
margin-top: 3.75rem;
}
.about-order__content p:first-child {
font-size: 1.5rem;
line-height: 1.2;
margin: 0;
}
.about-order__content a {
margin-top: 3.75rem;
display: inline-flex;
}
.about-order__img {
position: relative;
height: 35.125rem;
margin: -2.8125rem 0 0;
}
.page-services__top-block {
width: 100%;
max-width: 88.75rem;
margin: 5rem auto 0;
}
.page-services__list {
width: 100%;
max-width: 88.75rem;
margin: 10rem auto 0;
}
.page-services__slider,
.page-services__about {
margin-top: 10rem;
}
.page-services__utp {
margin-top: 10rem;
padding-top: 10rem;
border-top: 2px solid #e2e2e2;
}
.services-top {
border-radius: 0.625rem;
border: 2px solid #e2e2e2;
}
.services-top__container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2.5rem;
padding-top: 2.5rem;
}
.services-top__content {
padding-bottom: 3.75rem;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.services-top__name {
font-family: "Unbounded", cursive;
font-size: 2rem;
line-height: 1.2;
}
.services-top__desc {
margin-top: 3.75rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 3.75rem;
row-gap: 1.25rem;
}
.services-top__desc-item {
font-size: 1rem;
line-height: 1.37;
}
.services-top__desc-item:last-child {
grid-column: span 2;
}
.services-top__img {
position: relative;
}
.services-top__img::before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
background: linear-gradient(0deg, #f9f9f9 0%, rgba(249, 249, 249, 0) 100%);
height: 7.5rem;
width: 100%;
}
.services-top__img img {
display: block;
margin: 0 auto;
max-width: 26.625rem;
}
.services-top a {
margin-top: auto;
}
.services-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.625rem;
}
.services-list__item {
padding-top: 1.875rem;
padding-right: 2.5rem;
padding-bottom: 2.5rem;
padding-left: 5.625rem;
}
.services-list__item:nth-child(even) {
padding-right: 2.5rem;
padding-left: 5.625rem;
}
.services-item {
border-radius: 0.625rem;
background: #f0f0f0;
}
.services-item__top {
border-bottom: 2px solid #e2e2e2;
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 1.25rem;
margin-bottom: 1.25rem;
}
.services-item__name {
font-family: "Unbounded", cursive;
font-weight: 500;
line-height: 1.1;
letter-spacing: 0.0225rem;
}
.services-item__price {
font-size: 1rem;
font-weight: 700;
}
.services-item__info {
display: flex;
}
.services-item__desc {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
flex: 1 1 auto;
padding-right: 2.875rem;
}
.services-item__desc p {
font-size: 1rem;
line-height: 1.37;
color: #000;
}
.services-item__desc a {
height: 2.5rem;
padding: 0 1.25rem;
font-size: 1rem;
}
.services-item__img {
width: 14.125rem;
height: 14.125rem;
flex: 0 0 14.125rem;
}
.services-item__img img {
object-fit: cover;
}
.services-gallery__box {
width: 100%;
max-width: 88.75rem;
margin: 0 auto;
}
.services-gallery__control {
display: none;
}
.services-gallery__pagination {
display: none;
}
.services-gallery .swiper-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
height: auto;
box-sizing: border-box;
transform: none;
}
.services-gallery-item {
position: relative;
padding-top: 75%;
border-radius: 0.625rem;
overflow: hidden;
}
.services-gallery-item a {
display: flex;
align-items: center;
position: absolute;
right: 1.25rem;
top: 1.25rem;
z-index: 1;
opacity: 0;
}
.services-gallery-item a span {
font-size: 0.875rem;
color: #f9f9f9;
letter-spacing: 0.0175rem;
margin-right: 0.3125rem;
}
.services-gallery-item a svg {
display: block;
height: 1.5rem;
width: 1.5rem;
}
.services-gallery-item:hover a {
opacity: 1;
}
.services-about {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2.5rem;
}
.services-about__content {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.services-about__title {
font-family: "Unbounded", cursive;
font-size: 2.625rem;
line-height: 1.1;
}
.services-about__text {
line-height: 1.33;
width: 60%;
}
.services-about__img-text {
margin-top: 2.5rem;
line-height: 1.33;
}
.services-utp {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 5rem;
}
.services-utp__item {
font-size: 1.5rem;
line-height: 1.16;
}
.services-utp__item:last-child {
grid-column: span 3;
}
.page-contacts__content {
display: flex;
justify-content: space-between;
margin-top: 5em;
}
.page-contacts__contact p:not(:last-child) {
margin-bottom: 0.625rem;
}
.page-contacts__contact a {
font-size: 2rem;
color: #000;
font-family: "Unbounded", cursive;
line-height: 1.1;
}
.page-contacts__contact a:hover {
color: #e73324;
}
.page-contacts__address p {
font-size: 1rem;
line-height: 1.3;
margin-bottom: 0.625rem;
}
.page-contacts__address p:last-child {
margin: 0;
}
.page-contacts__ya-link {
display: flex;
align-items: center;
}
.page-contacts__ya-link::before {
content: "";
display: block;
flex: 0 0 1.5rem;
height: 1.5rem;
background: url(//mosrifles.ru/wp-content/themes/mosrifles/images/map-icon.svg) no-repeat 0px 0px / contain;
margin-right: 0.25rem;
}
.page-contacts__ya-link:hover {
color: #e73324;
}
.page-contacts__connect a {
border-radius: 0.625rem;
border: 0.125rem solid #e73324;
padding: 0.625rem 1.25rem;
font-size: 1rem;
display: block;
background: #e73324;
color: #fff;
}
.page-contacts__connect a:hover {
color: #fff;
background: #151515;
border: 0.125rem solid #151515;
}
.page-contacts__requisites {
margin-top: 10rem;
border-radius: 10px;
border: 1px solid #e2e2e2;
padding: 2.5rem 2.5rem 3.75rem;
}
.contacts-requisites__top {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.contacts-requisites__top a {
font-size: 1rem;
display: flex;
align-items: center;
}
.contacts-requisites__top a svg {
height: 1rem;
width: 1.5rem;
margin-right: 0.3125rem;
}
.contacts-requisites__top a:hover {
color: #e73324;
}
.contacts-requisites__content {
margin-top: 2.5rem;
font-size: 1rem;
line-height: 1.37;
}
.page-catalog__rifle-list {
margin-top: 5rem;
}
.page-catalog__category-list {
margin-top: 10rem;
}
.rifle-list__header {
display: flex;
align-items: center;
justify-content: space-between;
}
.page-id-18 .rifle-list__header {
justify-content: center;
}
.rifle-list__filter {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 0.625rem;
}
.rifle-list__filter li {
font-size: 1rem;
padding: 0 0.625rem;
border-radius: 0.625rem;
border: 2px solid #e2e2e2;
cursor: pointer;
height: 2rem;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
transition: all 0.5s ease;
white-space: nowrap;
}
.rifle-list__filter li:hover,
.rifle-list__filter li.active {
background: #0c2e26;
border: 2px solid #0c2e26;
color: #fff;
}
.rifle-list__filter li.active {
cursor: default;
}
.rifle-list__grid {
max-width: 88.75rem;
width: 100%;
margin: 2.5rem auto 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.625rem;
}
.rifle-list__grid_all .rifle-item {
display: block;
}
.rifle-list__grid_hunter .rifle-item {
display: none;
}
.rifle-list__grid_hunter .rifle-item.rifle-item_hunter {
display: block;
}
.rifle-list__grid_sport .rifle-item {
display: none;
}
.rifle-list__grid_sport .rifle-item.rifle-item_sport {
display: block;
}
.rifle-list__grid_universal .rifle-item {
display: none;
}
.rifle-list__grid_universal .rifle-item.rifle-item_universal {
display: block;
}
.rifle-list__item {
background: #f0f0f0;
padding-top: 1.25rem;
padding-bottom: 3.75rem;
border-radius: 0.625rem;
transition: all 0.5s ease;
position: relative;
}
.rifle-list__item:nth-child(odd) {
padding-left: 5.625rem;
padding-right: 2.5rem;
}
.rifle-list__item:nth-child(even) {
padding-right: 5.625rem;
padding-left: 2.5rem;
}
.rifle-list__item:hover {
background: #fff;
box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.15);
}
.trade-in-item__header,
.rifle-item__header {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 1.25rem;
border-bottom: 2px solid #e43c2f;
}
.trade-in-item__title,
.rifle-item__title {
font-size: 1.125rem;
font-family: "Unbounded", cursive;
font-weight: 500;
letter-spacing: 0.0225rem;
}
.trade-in-item__link,
.rifle-item__link {
display: flex;
align-items: center;
}
.trade-in-item__link span,
.rifle-item__link span {
font-size: 1rem;
margin-right: 0.625rem;
}
.trade-in-item__link img,
.rifle-item__link img {
width: 1.5rem;
}
.rifle-item__img {
height: 10.25rem;
margin-top: 2.5rem;
}
.rifle-item__img img {
object-position: center;
object-fit: contain;
mix-blend-mode: darken;
}
.rifle-item__characteristic {
margin-top: 2.5rem;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0.625rem;
justify-content: space-between;
}
.rifle-item__characteristic p {
font-size: 0.875rem;
line-height: 1.28;
letter-spacing: 0.0175rem;
}
.rifle-item__characteristic p span {
display: block;
}
.rifle-item a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 1;
}
.category-list__title {
text-align: center;
}
.category-list__grid {
margin-top: 3.75rem;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0.625rem;
}
.category-item {
border-radius: 0.625rem;
overflow: hidden;
display: flex;
flex-direction: column;
transition: all 0.5s ease;
}
.category-item__img {
height: 13.75rem;
}
.category-item__title {
font-size: 1.125rem;
font-family: "Unbounded", cursive;
font-weight: 500;
letter-spacing: 0.0225rem;
padding-bottom: 1.25rem;
border-bottom: 2px solid #e2e2e2;
width: 100%;
line-height: 1.2;
}
.category-item__info {
min-height: 16.375rem;
background: #f0f0f0;
padding: 1.875rem 1.25rem 2.5rem;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.25rem;
flex: 1 1 auto;
transition: all 0.5s ease;
}
.category-item__excerpt {
font-size: 1rem;
line-height: 1.37;
}
.category-item__link {
margin-top: auto;
font-size: 1.125rem;
display: flex;
align-items: center;
}
.category-item__link span {
margin-right: 0.625rem;
}
.category-item__link img {
width: 1.5rem;
}
.category-item:hover {
box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.15);
}
.category-item:hover .category-item__info {
background: #fff;
}
.page-dopstvoly__img {
height: 32.625rem;
margin-top: 3.75em;
}
.page-dopstvoly__img img {
border-radius: 0.625rem;
object-position: center;
}
.page-dopstvoly__content {
max-width: 58rem;
width: 100%;
margin: 3.75em auto 0;
}
.page-dopstvoly__order {
text-align: center;
margin-top: 3.75em;
}
.page-dopstvoly__order a {
display: inline-flex;
}
.page-rifle__hero-block {
margin-top: 2.5rem;
}
.trade-in__data-block,
.page-rifle__data-block,
.page-rifle__slider,
.page-rifle__utp {
margin-top: 10rem;
}
.page-rifle__gallery360 {
margin-top: 10rem;
padding-top: 5rem;
border-top: 0.125rem solid #e2e2e2;
}
.page-rifle__reviews,
.page-rifle__faq {
margin-top: 10rem;
}
.page-rifle__reviews h2,
.page-rifle__faq h2 {
text-align: center;
}
.page-rifle__reviews-list,
.page-rifle__faq-list {
max-width: 58rem;
width: 100%;
margin: 3.75rem auto 0;
}
.page-rifle__other {
margin-top: 10rem;
}
.page-rifle__other h2 {
text-align: center;
}
.page-rifle__other .other-post__slider {
margin-top: 3.75rem;
}
.page-rifle__reviews .button {
width: 11.5625rem;
margin: 3.75rem auto 0;
padding: 0;
}
.rifle-hero__img {
padding-top: 42.0967%;
}
.rifle-hero__img img {
object-fit: contain;
}
.rifle-hero__img svg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
object-position: center;
z-index: -1;
}
.rifle-hero__desc {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 2.5rem;
gap: 0.625rem;
}
.rifle-hero__desc-item {
font-size: 0.875rem;
}
.rifle-hero__desc-link {
display: flex;
gap: 0.625rem;
}
.rifle-data__tab-link {
display: flex;
align-items: center;
justify-content: space-between;
gap: 2.5rem;
}
.rifle-data__tab-link ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2.5rem;
flex: 1 1 auto;
}
.rifle-data__tab-link ul li {
font-size: 1.125rem;
font-family: "Unbounded", cursive;
font-weight: 500;
color: #606060;
letter-spacing: 0.0225rem;
padding-bottom: 1.25rem;
border-bottom: 0.125rem solid #e2e2e2;
cursor: pointer;
transition: all 0.5s ease;
}
.rifle-data__tab-link ul li._active {
color: #151515;
border-bottom: 0.125rem solid #e73324;
}
.rifle-data__tab-link ul li:hover {
color: #151515;
}
.rifle-data__tab-link a {
display: flex;
align-items: center;
font-size: 1rem;
}
.rifle-data__tab-link a span {
margin-right: 0.625rem;
}
.rifle-data__tab-link a img {
width: 1.5rem;
}
.rifle-data__content {
display: none;
margin-top: 3.75rem;
}
.rifle-characteristics._active {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 2.5rem;
}
.rifle-characteristics__item {
font-size: 0.875rem;
letter-spacing: 0.0175rem;
line-height: 1.3;
}
.rifle-characteristics__item p:first-child {
font-weight: 700;
}
.rifle-equipment._active {
display: block;
}
.rifle-equipment__item {
display: flex;
gap: 0.625rem;
flex-wrap: wrap;
align-items: center;
color: #000;
}
.rifle-equipment__item:not(:last-child) {
margin-bottom: 2.5rem;
}
.rifle-equipment__item p:first-child {
font-size: 1.125rem;
font-weight: 700;
}
.rifle-equipment__item p:not(:first-child) {
border-radius: 0.625rem;
border: 0.125rem solid #e2e2e2;
font-size: 0.875rem;
letter-spacing: 0.0175rem;
display: flex;
height: 1.5rem;
align-items: center;
padding: 0 0.625rem;
}
.rifle-gallery360 {
display: flex;
gap: 2.5rem;
}
.rifle-gallery360__text {
flex: 0 0 19.0625rem;
color: #000;
font-size: 1rem;
line-height: 1.37;
}
.gallery360-optionally p:not(:last-child),
.rifle-gallery360__text p:not(:last-child) {
margin-bottom: 1.25rem;
}
.rifle-gallery360__box {
flex: 1 1 auto;
}
.rifle-gallery360__box > div > div {
height: 24.5rem;
position: relative;
}
.rifle-gallery360__box > div > div canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
object-fit: contain;
object-position: center;
}
.rifle-gallery360__box > div > div::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0);
background: url(//mosrifles.ru/wp-content/themes/mosrifles/images/360.svg) no-repeat 0px 0px / contain;
width: 4.3125rem;
height: 1.8125rem;
z-index: 2;
}
.Magic360-container::after,
.m360-loader {
display: none !important;
}
.gallery360-optionally {
color: #000;
font-size: 1rem;
line-height: 1.37;
margin-top: 1.25rem;
}
.home-hero__img .Magic360,
.home-hero__img .Magic360-container {
box-sizing: border-box !important;
}
.m360-hint .m360-hint-message {
color: #606060;
font-size: 0.75rem;
display: block;
background: none;
line-height: 1;
padding: 0;
font-family: "Inter", sans-serif;
}
.m360-hint .m360-hint-message::before {
display: none;
}
.rifle-gallery {
display: flex;
gap: 0.625rem;
}
.rifle-gallery__box {
min-width: 0;
flex: 1 1 auto;
position: relative;
}
.rifle-gallery__thumbs {
min-width: 0;
flex: 0 0 6.5rem;
}
.rifle-gallery_new .rifle-gallery-thumbs {
height: 38.0625rem;
}
.rifle-gallery__control .control__arrow {
position: absolute;
z-index: 1;
top: calc(50% - 1.5rem);
}
.rifle-gallery__control .control__arrow_prev {
left: 1.25rem;
}
.rifle-gallery__control .control__arrow_next {
right: 1.25rem;
}
.rifle-gallery__pagination {
display: none;
}
.rifle-gallery-item {
height: 38.0625rem;
position: relative; border-radius: 0.625rem;
overflow: hidden;
}
.rifle-gallery-item a {
display: flex;
align-items: center;
position: absolute;
right: 1.25rem;
top: 1.25rem;
z-index: 1;
}
.rifle-gallery-item a span {
font-size: 0.875rem;
color: #f9f9f9;
letter-spacing: 0.0175rem;
margin-right: 0.3125rem;
}
.rifle-gallery-item a svg {
display: block;
height: 1.5rem;
width: 1.5rem;
}
.rifle-gallery-item img {
border-radius: 0.625rem;
mix-blend-mode: darken;
}
.rifle-gallery_new .rifle-gallery-item {
background: #eeeeee;
}
.page-id-2628 .rifle-gallery__box .ibg img {
width: 95%;
height: 92%;
top: 3%;
left: 3%;
} .rifle-gallery_new .rifle-gallery-item a span {
color: #000;
}
.rifle-gallery_new .rifle-gallery-item iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.rifle-gallery-thumbs .swiper-wrapper {
flex-direction: column;
gap: 0.625rem;
}
.rifle-gallery-thumbs .swiper-slide {
height: 4.8125rem !important;
width: 100% !important;
cursor: pointer;
opacity: 0.8;
background: #eeeeee;
border-radius: 0.625rem;
overflow: hidden;
}
.rifle-gallery-thumbs .swiper-slide img {
border-radius: 0.625rem;
mix-blend-mode: darken;
}
.rifle-gallery-thumbs .swiper-slide-thumb-active {
opacity: 1;
}
.rifle-utp {
position: relative;
}
.rifle-utp__img {
height: 36.625rem;
}
.rifle-utp__info {
display: grid;
grid-template-columns: 6fr 2fr;
gap: 0.625rem;
align-items: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.rifle-utp__title {
font-size: 7.8125rem;
font-weight: 700;
}
.rifle-utp__text {
font-size: 1.5rem;
}
.calculator-section__title {
text-align: center;
}
.calculator-section .calculator-block {
display: none;
}
.calculator-section .calculator-block._active {
display: block;
}
.calculator-section .calculator-block__inner {
margin: 0 auto;
border-radius: 0 0 0.625rem 0.625rem;
}
.calculator-section._active .calculator-tab__link ul {
background: #fff;
}
.calculator-section._active .calculator-block__inner {
box-shadow: 0 1.25rem 3.75rem 0 rgba(0, 0, 0, 0.15);
background: #fff;
}
.calculator-tab__link {
position: relative;
}
.calculator-tab__link ul {
border-radius: 0.625rem 0.625rem 0 0;
background: #f0f0f0;
padding: 1.875rem 5.625rem 0;
max-width: 88.75rem;
width: 100%;
margin: 3.75rem auto 0;
display: grid;
gap: 2.5rem;
grid-template-columns: repeat(3, 1fr);
transition: all 0.5s ease;
}
.calculator-tab__link ul li {
color: #727171;
font-family: "Unbounded", cursive;
font-size: 1.125rem;
font-weight: 500;
line-height: 1.1;
letter-spacing: 0.0225rem;
border-bottom: 0.125rem solid #727171;
padding-bottom: 1.25rem;
cursor: pointer;
}
.calculator-tab__link ul li._active {
color: #151515;
border-bottom: 0.125rem solid #e43c2f;
}
.calculator-tab__link ul li:hover {
color: #151515;
border-bottom: 0.125rem solid #151515;
} .page-rifle__calculator {
margin-top: 10rem;
}
.calculator-block__title {
text-align: center;
}
.calculator-block__inner {
border-radius: 0.625rem;
background: #f0f0f0;
padding: 3.75rem 5.625rem 2.5rem;
max-width: 88.75rem;
width: 100%;
margin: 2.5rem auto 0;
transition: all 0.5s ease;
}
.calculator-block__button {
border-top: 0.125rem solid #e2e2e2;
margin-top: 3.75rem;
padding-top: 1.25rem;
}
.calculator__rifle {
position: relative;
height: 11.5rem;
margin: 0;
}
.calculator__rifle.rotate img:not(.img_base) {
transform: rotate3d(0, 1, 0, 180deg);
-webkit-transform: rotate3d(0, 1, 0, 180deg);
}
.calculator__rifle.rotate .base_back {
display: block;
}
.calculator__rifle.rotate .base_front {
display: none;
}
.calculator__filter {
margin-top: 5rem;
}
.calculator-rifle__img {
opacity: 0;
z-index: -100;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.5s ease;
}
.calculator-rifle__img img {
position: absolute;
}
.calculator-rifle__img img.rotate {
transform: rotate3d(0, 1, 0, 180deg);
-webkit-transform: rotate3d(0, 1, 0, 180deg);
}
.calculator-rifle__img .img_base {
left: 0;
top: 0;
z-index: 2;
max-width: none;
width: 100%;
} .calculator-rifle__img .img_rifle {
left: 0;
top: 0;
z-index: 1;
max-width: none;
width: 100%;
}
.calculator-rifle__img .img_rifle_2 {
left: 0;
top: 0;
z-index: 3;
max-width: none;
width: 100%;
}
.calculator-rifle__img .img_rifle_2[dlinna="30"] {
left: 35px;
}
.rotate .calculator-rifle__img .img_rifle_2[dlinna="30"] {
left: -35px;
}
@media (max-width: 599px) {
.calculator-rifle__img .img_rifle_2[dlinna="30"] {
left: 10px;
}
.rotate .calculator-rifle__img .img_rifle_2[dlinna="30"] {
left: -10px;
}  }
.calculator-rifle__img .img_utag {
left: 0;
top: 0;
z-index: 8;
max-width: none;
width: 100%;
}
.calculator-rifle__img .img_ruk {
left: 0;
top: 0;
z-index: 5;
max-width: none;
width: 100%;
}
.calculator-rifle__img .img_kronshtein {
left: 0;
top: 0;
z-index: 6;
max-width: none;
width: 100%;
}
.calculator-rifle__img .img_soshka {
left: 0;
top: 0;
z-index: 7;
max-width: none;
width: 100%;
}
.calculator-rifle__img.active {
opacity: 1;
z-index: 1;
}
.base_back {
display: none;
}
.calculator-filter__constant {
display: flex;
justify-content: space-between;
align-items: center;
gap: 0.625rem;
}
.calculator-filter__select {
border-top: 0.125rem solid #e2e2e2;
margin-top: 1.25rem;
padding-top: 1.25rem;
display: flex;
flex-wrap: wrap;
gap: 1.25rem 2.5rem;
}
.filter-constant__list {
display: flex;
gap: 1.25rem;
}
.filter-constant__item {
color: #000;
font-size: 0.875rem;
}
.reverse {
display: flex;
align-items: center;
flex: 0 0 10.8125rem;
}
.reverse label {
font-size: 0.875rem;
color: #000;
line-height: 1;
display: block;
letter-spacing: 0.0175rem;
margin-right: 0.3125rem;
}
.reverse__button {
background: none;
border-radius: 1.625rem;
border: 0.125rem solid #e2e2e2;
height: 1.5rem;
width: 2.5rem;
position: relative;
cursor: pointer;
}
.reverse__button span {
display: block;
position: absolute;
top: 50%;
transform: translate(0.125rem, -50%);
width: 1rem;
height: 1rem;
background: #606060;
border-radius: 50%;
transition: all 0.5s ease;
}
.reverse__button.active span {
transform: translate(1.125rem, -50%);
}
.filter-select__item {
position: relative;
}
.filter-select__item select {
display: none;
}
.filter-select__item-name {
font-size: 0.875rem;
font-weight: 700;
letter-spacing: 0.0175rem;
margin-bottom: 0.3125rem;
display: block;
}
.filter-select__item-radio {
display: flex;
gap: 0.3125rem;
}
.filter-select__item-radio input[type="radio"] {
display: none;
}
.filter-select__item-radio input[type="radio"] + span {
border-radius: 0.625rem;
border: 0.125rem solid #e2e2e2;
font-size: 1rem;
line-height: 1.37;
padding: 0.1875rem 0.625rem;
display: block;
cursor: pointer;
}
.filter-select__item-radio input[type="radio"]:checked + span {
background: #0c2e26;
color: #fff;
border: 0.125rem solid #0c2e26;
}
.filter-select__item-radio span:hover {
color: #666;
}
.filter-select__item-radio input[type="radio"]:disabled + span {
background: #efefef;
color: #666;
opacity: 0.5;
}
.button-block {
display: flex;
align-items: center;
justify-content: space-between;
}
.button-block__price {
font-family: "Unbounded", cursive;
font-size: 2.5rem;
font-weight: 700;
color: #000;
}
.button-block p {
font-size: 0.875rem;
color: #000;
max-width: 25.625rem;
line-height: 1.3;
letter-spacing: 0.0175rem;
}
.button-block a {
padding: 0;
}
.button-block a span {
display: flex;
align-items: center;
justify-content: center;
padding: 0 2.5rem;
height: 100%;
}
.page-category__nav {
margin-top: 5rem;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0.625rem;
}
.page-category__tag-list {
grid-column: span 3;
display: flex;
align-items: center;
gap: 0.625rem;
}
.page-category__tag-list a {
border-radius: 0.625rem;
border: 0.125rem solid #e2e2e2;
padding: 0 0.625rem;
height: 1.75rem;
display: flex;
font-size: 1rem;
align-items: center;
white-space: nowrap;
}
.page-category__tag-list a:hover {
border: 0.125rem solid #e73324;
}
.page-category__tag-list .current-menu-item a {
background: #0c2e26;
color: #f9f9f9;
border: 0.125rem solid #0c2e26;
}
.page-category__post-list {
margin-top: 2.5rem;
}
.page-category__faq-link {
font-weight: 700;
font-size: 1rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.page-category__faq-link span {
margin-right: 0.625rem;
}
.post-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0.625rem;
}
.post-list_load {
margin-top: 0.625rem;
}
.post-item {
position: relative;
display: flex;
flex-direction: column;
border-radius: 0.625rem;
transition: all 0.5s ease;
}
.post-item:hover {
box-shadow: 0px 0.625rem 2.5rem 0px rgba(0, 0, 0, 0.15);
}
.post-item a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
.post-item__thumbnail {
height: 12.5rem;
border-radius: 0.625rem 0.625rem 0px 0px;
overflow: hidden;
}
.post-item__thumbnail img {
object-position: center top;
}
.post-item__info {
display: flex;
flex-direction: column;
min-height: 13rem;
padding: 1.875rem 1.25rem 2.5rem;
}
.post-item__info_white {
background: #fff;
border-radius: 0 0 0.625rem 0.625rem;
}
.post-item__info_big {
background: #fff;
border-radius: 0.625rem;
height: 100%;
}
.post-item__info_transparent {
color: #fff;
display: flex;
flex-direction: column;
min-height: 11rem;
padding: 1.875rem 1.25rem 2.5rem;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
margin: auto 0 0;
border-radius: 0 0 0.625rem 0.625rem;
}
.post-item__info_transparent .post-item__tag {
color: #fff;
}
.post-item__info-date {
font-size: 0.875rem;
letter-spacing: 0.0175rem;
}
.post-item__info-title {
font-size: 1.125rem;
font-weight: 700;
line-height: 1.3;
margin: 0.625rem 0 1.25rem;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-ms-line-clamp: 3;
-webkit-line-clamp: 3;
line-clamp: 3;
display: -webkit-box;
display: box;
word-wrap: break-word;
-webkit-box-orient: vertical;
box-orient: vertical;
}
.post-item__tag {
font-size: 0.875rem;
letter-spacing: 0.0175rem;
margin-top: auto;
color: #606060;
}
.post-item__img {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
overflow: hidden;
border-radius: 0.625rem;
z-index: -1;
}
.post-item__info-excerpt {
font-size: 1rem;
line-height: 1.3;
}
.category-poleznaya-informacziya .page-category__tag-list a.all-post-link {
background: #606060;
color: #f9f9f9;
border: 0.125rem solid #606060;
}
.page-category__load-more {
margin: 10rem auto 0;
width: 13.125rem;
} .site-main__post-single {
color: #000;
}
.post-single__thumbnail {
height: 32.625rem;
margin-top: 3.75em;
}
.post-single__thumbnail img {
border-radius: 0.625rem;
object-position: center top;
}
.post-single__intro {
margin-bottom: 6.25rem;
}
.single-intro {
display: flex;
gap: 2.5rem;
}
.single-intro__text {
font-size: 1.5rem;
line-height: 1.16;
}
.single-intro a.button {
text-decoration: none;
}
.post-single__content {
max-width: 58rem;
width: 100%;
margin: 3.75em auto 0;
}
.post-single__content .content p {
margin-bottom: 3.75rem;
font-size: 1.25rem;
line-height: 1.3;
}
.post-single__content > *:last-child {
margin: 0;
}
.post-single__content .content a {
text-decoration: underline;
}
.post-single__content .content a:hover {
text-decoration: none;
}
.post-single__content .content .image {
display: block;
position: relative;
height: 32.625rem;
}
.post-single__content .content .image img {
border-radius: 0.625rem;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.post-single__content .content figure {
margin: 0 0 3.75rem;
max-width: 100%;
width: 100% !important;
}
.post-single__content .content figcaption {
font-size: 0.875rem;
line-height: 1.28;
letter-spacing: 0.0175rem;
margin-top: 0.625rem;
color: #000;
}
.post-single__content h2,
.post-single__content .h2,
.post-single__content h3,
.post-single__content .h3 {
font-family: "Inter", sans-serif;
font-weight: 700;
margin-bottom: 1.25rem;
}
.post-single__content h2,
.post-single__content .h2 {
font-size: 1.5rem;
}
.post-single__content h3,
.post-single__content .h3 {
font-size: 1.25rem;
}
.post-single__content .content ul,
.post-single__content .content ol {
margin-bottom: 3.75rem;
}
.post-single__slider {
margin-bottom: 3.75rem;
}
.post-gallery {
}
.post-gallery__box {
position: relative;
}
.post-gallery__slider {
}
.post-gallery-item {
height: 33.75rem;
position: relative;
background: #f0f0f0;
border-radius: 0.625rem;
overflow: hidden;
}
.post-gallery-item a {
display: flex;
align-items: center;
position: absolute;
right: 1.25rem;
top: 1.25rem;
z-index: 1;
}
.post-gallery-item a span {
font-size: 0.875rem;
color: #727171;
letter-spacing: 0.0175rem;
margin-right: 0.3125rem;
}
.post-gallery__control .control__arrow {
position: absolute;
z-index: 1;
top: calc(50% - 1.5rem);
}
.post-gallery__control .control__arrow_prev {
left: 1.25rem;
}
.post-gallery__control .control__arrow_next {
right: 1.25rem;
}
.post-gallery__pagination {
position: absolute;
left: 0;
width: 100%;
justify-content: center;
bottom: 30px;
z-index: 1;
}
.post-header {
max-width: 58rem;
width: 100%;
text-align: center;
margin: 0 auto;
}
.post-header__title {
font-size: 2rem;
margin-top: 1.25rem;
}
.post-header__meta {
margin-top: 3.75rem;
display: flex;
align-items: center;
justify-content: center;
}
.post-header__date {
font-size: 0.875rem;
margin-right: 2.5rem;
}
.post-header__tag {
display: flex;
align-items: center;
gap: 0.625rem;
}
.post-header__tag a {
border-radius: 0.625rem;
border: 0.125rem solid #e2e2e2;
padding: 0 0.625rem;
height: 1.75rem;
display: flex;
font-size: 1rem;
align-items: center;
}
.post-header__tag a:hover {
border: 0.125rem solid #e73324;
}
.table-content p {
margin-bottom: 0.625rem;
}
.table-content table {
margin-bottom: 3.75rem;
}
.table-content table tr:first-child td {
font-weight: 700;
}
.table-content table tr td {
border: 0.0625rem solid #e2e2e2;
font-size: 0.875rem;
padding: 0.625rem;
}
.post-single__other {
margin-top: 10rem;
}
.post-single__other h2 {
text-align: center;
}
.other-post {
position: relative;
}
.other-post__container {
position: relative;
}
.other-post__slider {
margin-top: 2.5rem;
margin-right: -0.625rem;
margin-left: -0.625rem;
margin-bottom: -1.5rem;
padding: 0 0.625rem 1.5rem;
}
.other-post__slider .post-item:hover {
box-shadow: 0px 0.625rem 2.5rem -2rem rgba(0, 0, 0, 0.55);
}
.other-post__slider .post-item {
height: auto !important;
}
.other-post .control__arrow {
position: absolute;
z-index: 1;
top: calc(50% - 1.5rem);
filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.25));
}
.other-post .control__arrow_prev {
transform: translateX(-50%) rotate(180deg);
left: 0%;
}
.other-post .control__arrow_next {
right: 0;
transform: translateX(50%);
}
.page-faq__list {
max-width: 58rem;
width: 100%;
margin: 0 auto;
}
.faq-list__link {
display: flex;
align-items: center;
gap: 0.625rem;
justify-content: center;
margin-top: 5rem;
}
.faq-list__link li {
border-radius: 0.625rem;
border: 0.125rem solid #e2e2e2;
padding: 0 0.625rem;
height: 1.75rem;
display: flex;
font-size: 1rem;
align-items: center;
cursor: pointer;
}
.faq-list__link li:hover {
border: 0.125rem solid #e73324;
}
.faq-list__link li._active {
background: #606060;
color: #f9f9f9;
border: 0.125rem solid #606060;
}
.faq-list__content {
margin-top: 5rem;
display: none;
}
.faq-list__content._active {
display: block;
}
.faq-list__item {
border-bottom: 0.125rem solid #f0f0f0;
}
.faq-list__question {
font-size: 1.125rem;
padding: 1.875rem 0;
display: flex;
justify-content: space-between;
align-items: center;
line-height: 1.37;
cursor: pointer;
}
.faq-list__question span {
padding-right: 2rem;
}
.faq-list__question svg {
transition: all 0.5s ease;
}
.faq-list__question._active .faq-list__question-ico svg {
transform: rotate(45deg);
}
.faq-list__answer {
font-size: 1rem;
line-height: 1.37;
padding-bottom: 3.75rem;
}
.page-reviews__list {
max-width: 58rem;
width: 100%;
margin: 5rem auto 0;
}
.reviews-list__item {
padding: 1.875rem 1.875rem 2.5rem;
background: #fff;
border-radius: 0.625rem;
overflow: hidden;
margin-bottom: 2.5rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 0.625rem;
}
.reviews-list__item:last-child {
margin-bottom: 0;
}
.reviews-item_video .reviews-item__img a::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
background: url(//mosrifles.ru/wp-content/themes/mosrifles/images/play-icon.svg) no-repeat center;
width: 4.0625rem;
height: 4.0625rem;
z-index: 1;
}
.reviews-item_text {
grid-template-columns: 1fr;
}
.reviews-item_text .reviews-item__info {
grid-column: auto;
}
.reviews-item__info {
grid-column: span 2;
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 0.625rem;
margin-bottom: 1.875rem;
position: relative;
}
.reviews-item__info-name {
color: #000;
font-family: "Unbounded", cursive;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.1;
letter-spacing: 0.03rem;
}
.reviews-item__info-desc {
font-size: 0.875rem;
line-height: 1.3;
letter-spacing: 0.0175rem;
padding-right: 4rem;
}
.reviews-item__info svg {
display: block;
position: absolute;
top: 0;
right: 0;
width: 2.875rem;
}
.reviews-item__content {
padding-right: 1.25rem;
font-size: 1rem;
line-height: 1.37;
display: flex;
flex-direction: column;
}
.reviews-item__content p:not(:last-child) {
margin-bottom: 0.625rem;
}
.reviews-item__content .show-hide {
margin-top: auto;
}
.reviews-item__content-hidden {
margin-bottom: 2.5rem;
}
.reviews-item__img {
position: relative;
}
.reviews-item__img a {
display: block;
height: 15rem;
}
.reviews-item__img a img {
border-radius: 0.3125rem;
overflow: hidden;
}
.reviews-item__img-other a {
display: none;
}
.reviews-item__img-count {
border-radius: 50%;
background: #606060;
width: 1.5rem;
height: 1.5rem;
color: #f9f9f9;
font-size: 1rem;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
position: absolute;
top: 0;
right: 0;
transform: translate(50%, -50%);
}
.page-compare__header {
max-width: 100%;
}
.page-compare__table {
margin: 3.75rem -0.625rem 0;
}
.page-compare__table .lb-v-dummy {
width: 100%;
display: block;
height: 1px;
}
.page-compare__table .lb-h-dummy {
height: 100%;
display: block;
width: 1px;
}
.page-compare__table .lb-clear {
clear: both;
}
.page-compare__table .lb-wrap {
z-index: 0;
overflow: auto;
position: relative;
}
.page-compare__table .lb-v-scrollbar {
z-index: 1;
position: absolute;
right: 2px;
top: 2px;
width: 7px;
height: 100%;
background: #cfcfcf;
opacity: 0.3;
border-radius: 7px;
}
.page-compare__table .lb-h-scrollbar {
z-index: 1;
position: absolute;
bottom: 2px;
left: 2px;
width: 100%;
height: 7px;
background: #cfcfcf;
opacity: 0.3;
border-radius: 7px;
}
.page-compare__table .lb-v-scrollbar-slider {
position: absolute;
width: 7px;
height: 50px;
left: 0;
top: 0;
background: #000;
border-radius: 7px;
}
.page-compare__table .lb-h-scrollbar-slider {
position: absolute;
height: 7px;
width: 50px;
left: 0;
top: 0;
background: #000;
border-radius: 7px;
}
.compare-table .sticky {
position: fixed;
z-index: 101;
}
.compare-table .stop {
position: relative;
z-index: 101;
}
.compare-table.active-taktika .compare-header__item_1 {
box-shadow: 0px 0.625rem 0.625rem -5px rgba(0, 0, 0, 0.1);
z-index: 2 !important;
}
.compare-table.active-taktika .compare-body__item_1,
.compare-table.active-taktika .compare-header__item_1 {
background: #f0f0f0;
order: -1;
border-right: none;
}
.compare-table.active-taktika .compare-body__item_1 p:first-child,
.compare-table.active-taktika .compare-header__item_1 p:first-child {
display: block;
}
.compare-table.active-ohota .compare-header__item_2 {
box-shadow: 0px 0.625rem 0.625rem -5px rgba(0, 0, 0, 0.1);
z-index: 2 !important;
}
.compare-table.active-ohota .compare-body__item_2,
.compare-table.active-ohota .compare-header__item_2 {
background: #f0f0f0;
order: -1;
border-right: none;
}
.compare-table.active-ohota .compare-body__item_2 p:first-child,
.compare-table.active-ohota .compare-header__item_2 p:first-child {
display: block;
}
.compare-table.active-ohota .compare-body__item_1 p:first-child {
display: none;
}
.compare-table.active-sport .compare-header__item_3 {
box-shadow: 0px 0.625rem 0.625rem -5px rgba(0, 0, 0, 0.1);
z-index: 2 !important;
}
.compare-table.active-sport .compare-body__item_3,
.compare-table.active-sport .compare-header__item_3 {
background: #f0f0f0;
order: -1;
border-right: none;
}
.compare-table.active-sport .compare-body__item_3 p:first-child,
.compare-table.active-sport .compare-header__item_3 p:first-child {
display: block;
}
.compare-table.active-sport .compare-body__item_1 p:first-child {
display: none;
}
.compare-table.active-afar .compare-header__item_4 {
box-shadow: 0px 0.625rem 0.625rem -5px rgba(0, 0, 0, 0.1);
z-index: 2 !important;
}
.compare-table.active-afar .compare-body__item_4,
.compare-table.active-afar .compare-header__item_4 {
background: #f0f0f0;
order: -1;
border-right: none;
}
.compare-table.active-afar .compare-body__item_4 p:first-child,
.compare-table.active-afar .compare-header__item_4 p:first-child {
display: block;
}
.compare-table.active-afar .compare-body__item_1 p:first-child {
display: none;
}
.compare-table.active-ct .compare-header__item_5 {
box-shadow: 0px 0.625rem 0.625rem -5px rgba(0, 0, 0, 0.1);
z-index: 2 !important;
}
.compare-table.active-ct .compare-body__item_5,
.compare-table.active-ct .compare-header__item_5 {
background: #f0f0f0;
order: -1;
border-right: none;
}
.compare-table.active-ct .compare-body__item_5 p:first-child,
.compare-table.active-ct .compare-header__item_5 p:first-child {
display: block;
}
.compare-table.active-ct .compare-body__item_1 p:first-child {
display: none;
}
.compare-table.active-dzhoker .compare-header__item_6 {
box-shadow: 0px 0.625rem 0.625rem -5px rgba(0, 0, 0, 0.1);
z-index: 2 !important;
}
.compare-table.active-dzhoker .compare-body__item_6,
.compare-table.active-dzhoker .compare-header__item_6 {
background: #f0f0f0;
order: -1;
border-right: none;
}
.compare-table.active-dzhoker .compare-body__item_6 p:first-child,
.compare-table.active-dzhoker .compare-header__item_6 p:first-child {
display: block;
}
.compare-table.active-dzhoker .compare-body__item_1 p:first-child {
display: none;
}
.compare-header {
background: #f9f9f9;
z-index: 1;
}
.compare-header__row {
display: grid;
grid-template-columns: repeat(6, minmax(18.9375rem, 1fr));
box-shadow: 0px 0.625rem 0.625rem -5px rgba(0, 0, 0, 0.1);
background: #f9f9f9;
}
.compare-header__item {
padding: 1.875rem 0.625rem 1.25rem 1.875rem;
}
.compare-header__item-img {
height: 5rem;
}
.compare-header__item-img img {
object-fit: contain;
mix-blend-mode: darken;
}
.compare-header__item-name {
margin-top: 1.25rem;
font-family: "Unbounded", cursive;
font-size: 1rem;
font-weight: 500;
line-height: 1.1;
letter-spacing: 0.02rem;
}
.compare-body__row {
display: grid;
grid-template-columns: repeat(6, minmax(18.9375rem, 1fr));
transition: all 0.5s ease;
}
.compare-body__row:hover .compare-body__item {
background: #f0f0f0 !important;
}
.compare-body__item {
display: flex;
padding: 0.9375rem 0.625rem 0.9375rem 1.875rem;
flex-direction: column;
justify-content: flex-end;
border-bottom: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
min-height: 4.5rem;
}
.compare-body__item p {
font-size: 0.875rem;
line-height: 1.28;
letter-spacing: 0.0175rem;
display: block;
}
.compare-body__item p:first-child {
font-weight: 700;
display: none;
}
.compare-body__item_1 p:first-child {
display: block;
}
.compare-body__item_6 {
border-right: none;
}
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div {
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
}
.scrollbar-outer > .scroll-element {
background-color: #ffffff;
}
.scrollbar-outer > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.scrollbar-outer > .scroll-element.scroll-x {
bottom: 0;
height: 12px;
left: 0;
width: 100%;
}
.scrollbar-outer > .scroll-element.scroll-y {
height: 100%;
right: 0;
top: 0;
width: 12px;
display: none !important;
}
.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
height: 8px;
top: 2px;
}
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
left: 2px;
width: 8px;
}
.scrollbar-outer > .scroll-element .scroll-element_outer {
overflow: hidden;
}
.scrollbar-outer > .scroll-element .scroll-element_track {
background-color: #eeeeee;
}
.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.scrollbar-outer > .scroll-element .scroll-bar {
background-color: #d9d9d9;
}
.scrollbar-outer > .scroll-element .scroll-bar:hover {
background-color: #c2c2c2;
}
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
background-color: #919191;
} .scrollbar-outer > .scroll-content.scroll-scrolly_visible {
left: -12px;
margin-left: 12px;
}
.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
top: -12px;
margin-top: 12px;
}
.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
min-width: 10px;
}
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
min-height: 10px;
} .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
left: -14px;
}
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
top: -14px;
}
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
left: -14px;
}
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
top: -14px;
}
.error-404__container {
text-align: center;
}
.error-404 h1 {
font-size: 17rem;
}
.error-404 p {
margin-top: 2.5rem;
line-height: 1.33;
}
.page-thanks__content {
margin-top: 2.5rem;
text-align: center;
line-height: 1.33;
}
.page-thanks__other {
margin-top: 10rem;
}
.page-thanks__other h2 {
text-align: center;
}
.page-licenses__list {
max-width: 58rem;
width: 100%;
margin: 5rem auto 0;
}
.licenses-list__text {
}
.licenses-list__item {
padding: 1.875rem 1.875rem 2.5rem;
background: #fff;
border-radius: 0.625rem;
overflow: hidden;
margin-top: 2.5rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 0.625rem;
}
.license-item {
}
.license-item__content {
padding-right: 1.25rem;
font-size: 1rem;
line-height: 1.37;
display: flex;
flex-direction: column;
}
.license-item__content a {
margin-top: auto;
font-size: 0.875rem;
letter-spacing: 0.0175rem;
display: flex;
align-items: center;
cursor: pointer;
line-height: 1;
}
.license-item__content a::before {
content: "";
display: block;
background: url(//mosrifles.ru/wp-content/themes/mosrifles/images/show-hide-icon.svg) no-repeat center / contain;
margin-right: 0.5625rem;
width: 1.125rem;
height: 1rem;
}
.license-item__img {
}
.license-item__img a {
display: block;
height: 15rem;
}
.license-item__img a::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 2.5rem;
height: 2.5rem;
background: rgba(255, 255, 255, 0.7) url(//mosrifles.ru/wp-content/themes/mosrifles/images/search-icon.svg) no-repeat center / 70%;
z-index: 2;
border-radius: 50%;
}
.license-item__img a img {
border-radius: 0.3125rem;
overflow: hidden;
object-position: center top;
}
.trade-in__hero {
margin-top: 2.5rem;
position: relative;
}
.trade-in__hero a {
display: block;
padding-top: 56.25%;
border-radius: 0.625rem;
overflow: hidden;
}
.trade-in__hero-control > div {
position: absolute;
top: calc(50% - 1.5rem);
z-index: 1;
}
.trade-in__hero-control .control__arrow_prev {
left: 1.25rem;
transform: rotate(180deg);
}
.trade-in__hero-control .control__arrow_next {
right: 1.25rem;
}
.page-catalog__intro,
.page-catalog__text,
.rifle-history {
font-size: 1.25rem;
}
.rifle-history._active {
display: block;
}
.page-catalog__text > *:not(:last-child),
.page-catalog__intro > *:not(:last-child),
.rifle-history.content > *:not(:last-child) {
margin-bottom: 2em;
}
.rifle-history .image {
display: block;
position: relative;
padding-top: 56.25%;
}
.rifle-history .image img {
border-radius: 0.625rem;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.rifle-history .button {
display: inline-flex;
}
.trade-in__other {
margin-top: 10rem;
}
.trade-other__slider {
margin-top: 2.5rem;
margin-right: -0.625rem;
margin-left: -0.625rem;
margin-bottom: -1.5rem;
padding: 0 0.625rem 1.5rem;
}
.trade-item {
height: auto !important;
transition: all 0.5s ease;
position: relative;
}
.trade-item:hover {
box-shadow: 0px 0.625rem 2.5rem -2rem rgba(0, 0, 0, 0.55);
}
.trade-item__img {
padding-top: 56.25%;
border-radius: 0.625rem 0.625rem 0px 0px;
overflow: hidden;
}
.trade-item__info {
background: #fff;
border-radius: 0 0 0.625rem 0.625rem;
padding: 1.875rem 1.25rem 2.5rem;
display: flex;
flex-direction: column;
gap: 1.25rem;
}
.trade-item__info-title {
font-family: "Unbounded", cursive;
line-height: 1.2;
}
.trade-item__info-price {
margin-top: auto;
}
.trade-item a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
.trade-in-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.625rem;
max-width: 88.75rem;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.trade-in-list__item {
background: #f0f0f0;
border-radius: 0.625rem;
transition: all 0.5s ease;
position: relative;
overflow: hidden;
}
.trade-in-item__img {
padding-top: 56.25%;
}
.trade-in-item__achievements {
position: absolute;
top: 1.25rem;
left: 1.25rem;
display: flex;
gap: 0.625rem;
z-index: 1;
}
.trade-in-item__achievements span {
display: block;
width: 3.125rem;
height: 3.125rem;
background: #d3dec5;
border-radius: 50%;
padding: 0.625rem;
}
.trade-in-item__achievements span img {
position: relative;
}
.trade-in-item__info {
padding: 2.5rem 1.25rem;
}
.trade-in-item__characteristic {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0.625rem;
justify-content: space-between;
margin-top: 2.5rem;
}
.trade-in-item__characteristic p {
font-size: 0.875rem;
line-height: 1.28;
letter-spacing: 0.0175rem;
}
.trade-in-item__characteristic p span {
display: block;
}
.trade-in-item__characteristic p span:first-child {
font-weight: 600;
}
.trade-in-item__links { padding: 0 1.25rem 1.25rem;
}
.trade-in-item__links a.button_red:hover {
background: transparent;
color: #e73324;
border-color: #e73324;
}
.trade-in-item__links a.button_black:hover {
background: transparent;
color: #000;
}
.page-catalog__intro,
.page-catalog__text {
margin-top: 5rem;
}
.age-gate__wrapper {
z-index: 9999999;
}
.age-gate {
font-family: "Inter", sans-serif;
padding: 0;
}
.age-gate__form {
gap: 1.25rem;
padding: 1.875rem 1.25rem;
}
.age-gate__heading {
position: relative;
width: 100%;
height: 2.1875rem;
margin: 0;
}
.age-gate__heading-title {
}
.age-gate__heading-title--logo {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
object-fit: contain;
margin: 0;
}
.age-gate__headline {
margin: 0;
color: #e73324;
}
.age-gate__subheadline {
margin: 0;
}
.age-gate__fields {
margin: 0;
display: flex;
flex-direction: column;
gap: 0.9375rem;
}
.age-gate__challenge {
}
.age-gate__buttons {
}
.age-gate__submit {
}
.age-gate__submit--no {
display: none !important;
}
button.age-gate__submit--yes {
cursor: pointer;
line-height: 1;
transition: all 0.5s ease;
border-radius: 0.625rem;
height: 3.3333em;
padding: 0 2.5rem;
font-size: 1.125rem;
font-weight: 400;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
background: #e73324;
}
button.age-gate__submit--yes:hover {
background: #000;
}
.age-gate__remember-wrapper {
margin: 0;
}
.age-gate__remember {
}
.age-gate__remember-field {
}
.age-gate__remember-text {
}
.age-gate__errors {
display: none;
}
.age-gate__additional-information {
}
.cky-btn-accept {
background: #e73324 !important;
border: 2px solid #e73324 !important;
border-radius: 0.375rem !important;
}
.cky-btn-accept:hover {
background: transparent !important;
color: #000 !important;
}
.cky-notice-des a {
color: #000 !important;
text-decoration: underline #000 !important;
}
.cky-notice-des a:hover {
text-decoration: none !important;
} @media (max-width: 1899px) {
.compare-table {
padding-bottom: 1.5625rem;
}
.compare-table__header {
width: calc(18.9375rem * 6);
}
.compare-table__body {
width: calc(18.9375rem * 6);
}
.compare-table.active-taktika .compare-body__item_1,
.compare-table.active-taktika .compare-header__item_1 {
background: #f0f0f0;
order: -1;
position: sticky;
position: -webkit-sticky;
left: 0;
}
.compare-table.active-ohota .compare-body__item_2,
.compare-table.active-ohota .compare-header__item_2 {
background: #f0f0f0;
order: -1;
position: sticky;
position: -webkit-sticky;
left: 0;
}
.compare-table.active-sport .compare-body__item_3,
.compare-table.active-sport .compare-header__item_3 {
background: #f0f0f0;
order: -1;
position: sticky;
position: -webkit-sticky;
left: 0;
}
.compare-table.active-afar .compare-body__item_4,
.compare-table.active-afar .compare-header__item_4 {
background: #f0f0f0;
order: -1;
position: sticky;
position: -webkit-sticky;
left: 0;
}
.compare-table.active-ct .compare-body__item_5,
.compare-table.active-ct .compare-header__item_5 {
background: #f0f0f0;
order: -1;
position: sticky;
position: -webkit-sticky;
left: 0;
}
.compare-table.active-dzhoker .compare-body__item_6,
.compare-table.active-dzhoker .compare-header__item_6 {
background: #f0f0f0;
order: -1;
position: sticky;
position: -webkit-sticky;
left: 0;
}
.scrollbar-outer {
overflow-x: auto;
}
} @media (max-width: 1260px) {
html {
font-size: calc(9px + 3 * ((100vw - 768px) / 492));
}
}
@media (max-width: 767px) {
html {
font-size: calc(5px + 4 * ((100vw - 426px) / 341));
}
}
@media (max-width: 599px) {
.site-header__desc,
.site-header__nav {
display: none;
}
.site__header {
margin: 0 -0.625rem;
height: 3.75rem;
}
.site-header__inner {
padding: 0;
}
.site-header__container {
padding: 0.9375rem 1.25rem;
display: flex;
justify-content: space-between;
align-items: center;
gap: 0;
background: #fff;
height: 3.75rem;
z-index: 2;
position: relative;
}
.site-header__logo img {
max-width: 9.625rem;
}
.menu-toggle {
display: block;
}
.post-list {
grid-template-columns: repeat(2, 1fr);
}
.sub-menu {
border-radius: 10px;
background: #f0f0f0;
}
}
@media (max-width: 425px) {
html {
font-size: 16px;
}
.site__footer,
.site-main__bottom-form,
.page-rifle__other,
.page-rifle__faq,
.page-rifle__reviews,
.trade-in__data-block,
.trade-in__other,
.page-rifle__data-block,
.page-rifle__gallery360,
.page-rifle__slider,
.page-rifle__utp,
.page-catalog__category-list,
.page-thanks__other,
.page-rifle__calculator,
.page-home__other,
.page-home__rifle-list,
.page-home__calculator,
.page-home__services,
.page-category__load-more {
margin-top: 5rem;
}
.footer-top,
.footer-bottom {
flex-direction: column;
row-gap: 2.5rem;
align-items: flex-start;
}
.footer-top__contacts p:first-child a {
font-size: 1.5rem;
}
.site-footer__bottom {
margin-top: 2.5rem;
padding-top: 2.5rem;
}
.footer-bottom__menu {
grid-template-columns: 1fr;
gap: 0.625rem;
}
.footer-bottom__menu3 {
grid-column: auto;
display: block;
}
.footer-top__address p br {
display: none;
}
.table-content {
overflow-x: scroll;
}
.site-main__post-single {
margin-top: 1.25rem;
}
.post-header__title {
font-size: 1.125rem;
}
.post-header__meta {
margin-top: 1.25rem;
}
.post-single__thumbnail {
height: auto;
padding-top: 100%;
margin-top: 2.5rem;
}
.post-single__content {
margin-top: 2.5rem;
}
.post-single__content .content p:not(:last-child) {
margin-bottom: 0.7142rem;
}
.post-single__content .content p {
font-size: 0.875rem;
}
.post-single__content .content {
margin-bottom: 2.5rem;
font-size: 0.875rem;
}
.table-content table {
margin-bottom: 2.5rem;
}
.post-single__content .content .image {
height: auto;
padding-top: 56.47%;
}
.post-single__other {
margin-top: 5rem;
}
.post-list {
grid-template-columns: 1fr;
}
.post-item {
min-height: 25.5rem;
}
h1,
.h1 {
font-size: 2rem;
}
h2,
.h2 {
font-size: 1.5rem;
}
.page-category__nav {
display: block;
}
.page-category__faq-link {
justify-content: center;
font-size: 0.875rem;
margin-top: 1.7857rem;
}
.page-category__faq-link span {
margin-right: 0;
}
.page-category__faq-link svg rect {
transform: translateX(1rem);
}
.page-category__nav {
margin-top: 2.5rem;
margin-right: -0.625rem;
position: relative;
}
.page-category__nav::before {
content: "";
display: block;
position: absolute;
top: 0;
right: -0.625rem;
height: 2rem;
width: 2.5rem;
background: linear-gradient(-90deg, #f9f9f9 0%, rgba(241, 241, 241, 0) 100%);
z-index: 2;
}
.page-category__tag-list {
overflow-x: scroll;
padding-bottom: 0;
}
.faq-list__link {
margin-top: 2.5rem;
overflow-x: scroll;
justify-content: flex-start;
padding-bottom: 1rem;
}
.faq-list__link li {
white-space: nowrap;
}
.faq-list__content {
margin-top: 1.5rem;
}
.other-post__slider {
margin-top: 1.25rem;
overflow: visible;
}
.reviews-list__item {
grid-template-columns: 1fr;
gap: 1.25rem;
padding: 1.25rem 1.25rem 1.875rem;
}
.reviews-item__info {
grid-column: auto;
grid-template-columns: 1fr;
gap: 1.25rem;
margin: 0;
}
.reviews-item__info svg {
width: 1.5625rem;
height: auto;
}
.reviews-item__info-name {
font-size: 1.125rem;
letter-spacing: 0.0225rem;
padding-right: 2rem;
}
.reviews-item__info-desc {
font-size: 0.75rem;
letter-spacing: 0.015rem;
padding: 0;
}
.reviews-item__content {
padding: 0;
font-size: 0.875rem;
}
.reviews-item__content .show-hide {
margin-top: 1.25rem;
}
.reviews-item__img a {
height: 10.5625rem;
}
.page-reviews__list {
margin-top: 2.5rem;
}
.page-header__title {
margin-top: 1.25rem;
}
.bottom-form__block {
display: block;
}
.bottom-form__text {
padding-right: 0;
}
.bottom-form__text > p {
font-size: 0.875rem;
margin-top: 1.875rem;
letter-spacing: 0.0175rem;
}
.bottom-form__title {
text-align: center;
}
.bottom-form__contacts {
margin-top: 1.875rem;
font-size: 0.875rem;
letter-spacing: 0.0175rem;
line-height: 1.3;
}
.bottom-form__box {
margin-top: 1.875rem;
}
select,
textarea,
input[type="text"],
input[type="date"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"] {
height: 2.5rem;
font-size: 1rem;
padding: 0 0.9375rem;
}
.form__input p label,
.agree {
flex: 0.75rem;
}
.page-rifle__other .other-post__slider,
.page-rifle__reviews-list,
.page-rifle__faq-list {
margin-top: 1.25rem;
}
.page-rifle__hero-block {
margin-top: 1.25rem;
}
.rifle-hero__desc {
margin-top: 1.25rem;
overflow-x: scroll;
padding-bottom: 1.25rem;
gap: 1.25rem;
}
.rifle-hero__desc-item {
flex: 0 0 auto;
font-size: 0.75rem;
}
.rifle-hero__desc-link {
display: grid;
grid-template-columns: repeat(2, 1fr);
margin-top: 1.25rem;
}
.button {
height: 2.5rem;
padding: 0 1.5625rem;
font-size: 1rem;
}
.rifle-characteristics._active {
grid-template-columns: repeat(2, 1fr);
gap: 1.25rem;
}
.rifle-data__content {
margin-top: 1.25rem;
}
.rifle-data__tab-link {
display: block;
}
.rifle-data__tab-link ul {
gap: 0.625rem;
}
.rifle-data__tab-link ul li {
font-size: 0.875rem;
padding-bottom: 0.875rem;
}
.rifle-data__tab-link a {
font-size: 0.875rem;
margin-top: 1.25rem;
}
.rifle-equipment__item {
display: block;
}
.rifle-equipment__item:not(:last-child) {
margin-bottom: 1.25rem;
}
.rifle-equipment__item p:first-child {
font-size: 0.75rem;
line-height: 1.33;
letter-spacing: 0.015rem;
}
.rifle-equipment__item p:not(:first-child) {
border: none;
padding: 0 0 0 0.625rem;
margin-top: 0.3125rem;
font-size: 0.75rem;
line-height: 1.33;
letter-spacing: 0.015rem;
height: auto;
position: relative;
}
.rifle-equipment__item p:not(:first-child)::before {
position: absolute;
left: 0;
top: 0.3125rem;
width: 0.25rem;
height: 0.25rem;
background: #151515;
content: "";
border-radius: 50%;
display: block;
}
.rifle-characteristics__item {
font-size: 0.75rem;
line-height: 1.33;
letter-spacing: 0.015rem;
}
.compare-link {
margin-top: 2.5rem;
font-size: 0.875rem;
display: flex;
align-items: center;
gap: 0.625rem;
}
.page-rifle__gallery360 {
padding-top: 2.5rem;
flex-wrap: wrap;
flex-direction: column-reverse;
}
.rifle-gallery360__box > div > div,
.about-utp__img .rifle-gallery360__box > div > div {
height: auto;
padding: 40px 0 !important;
}
.rifle-gallery360__box > div > div canvas,
.about-utp__img .rifle-gallery360__box > div > div canvas {
height: 4.9999rem !important;
top: 40px !important;
object-fit: unset;
}
.rifle-gallery360__text {
flex: 0 0 auto;
color: #151515;
font-size: 0.875rem;
line-height: 1.28;
letter-spacing: 0.0175rem;
}
.gallery360-optionally {
color: #151515;
font-size: 0.875rem;
line-height: 1.28;
letter-spacing: 0.0175rem;
margin-top: 0.625rem;
}
.gallery360-optionally p:not(:last-child),
.rifle-gallery360__text p:not(:last-child) {
margin-bottom: 0.625rem;
}
.rifle-gallery {
display: block;
}
.rifle-gallery__thumbs {
display: none;
}
.rifle-gallery-item {
height: 20rem;
}
.control__arrow {
width: 2rem;
height: 2rem;
}
.rifle-gallery__control .control__arrow_prev {
left: 0.625rem;
}
.rifle-gallery__control .control__arrow_next {
right: 0.625rem;
}
.rifle-gallery__control .control__arrow {
top: calc(50% - 1.3125rem);
}
.rifle-gallery__pagination {
display: flex;
margin-top: 1.25rem;
}
.rifle-utp__img {
height: 10rem;
}
.rifle-utp__img img {
object-fit: contain;
}
.rifle-utp__info {
grid-template-columns: 71% 25%;
gap: 0.5rem;
}
.rifle-utp__title {
font-size: 2.125rem;
}
.rifle-utp__text {
font-size: 0.5625rem;
font-weight: 700;
}
.calculator-tab__link::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 2.5rem;
background: linear-gradient(-90deg, #f0f0f0 0%, rgba(240, 240, 240, 0) 100%);
z-index: 2;
}
.calculator-tab__link ul {
padding: 1.25rem;
overflow-x: scroll;
gap: 1.875rem;
margin-top: 1.875rem;
position: relative;
}
.page-category__tag-list::-webkit-scrollbar,
.rifle-list__filter::-webkit-scrollbar,
.home-hero__desc::-webkit-scrollbar,
.calculator-tab__link ul::-webkit-scrollbar {
width: 0;
height: 0;
}
.calculator-tab__link ul li {
font-size: 1rem;
padding-bottom: 1.125rem;
white-space: nowrap;
font-family: "Inter", sans-serif;
font-weight: 700;
color: #151515;
border-bottom: 0.125rem solid #e2e2e2;
}
.calculator-tab__link ul li:hover {
border-bottom: 0.125rem solid #e43c2f;
}
.page-rifle__calculator,
.page-home__calculator {
margin-left: -0.625rem;
margin-right: -0.625rem;
}
.calculator-block__title {
padding: 0 0.625rem;
}
.calculator-block__inner {
margin: 1.875rem 0px 0;
padding: 1.25rem 1.25rem 3.75rem;
}
.calculator-filter__constant {
align-items: flex-start;
gap: 2.5rem;
flex-direction: column-reverse;
}
.reverse {
flex: 1 1 auto;
}
.reverse label {
font-size: 0.75rem;
}
.calculator__rifle {
height: 3.125rem;
}
.calculator__filter {
margin-top: 2.5rem;
}
.filter-constant__list {
display: block;
margin-top: 1.25rem;
}
.filter-constant__item {
line-height: 1.28;
}
.rifle-list__header {
display: block;
text-align: center;
position: relative;
}
.rifle-list__header::before {
content: "";
display: block;
position: absolute;
bottom: 0;
right: -0.625rem;
height: 2rem;
width: 2.5rem;
background: linear-gradient(-90deg, #f9f9f9 0%, rgba(241, 241, 241, 0) 100%);
z-index: 2;
}
.rifle-list__filter {
justify-content: flex-start;
overflow-x: auto;
padding-bottom: 0;
margin-top: 1.25rem;
margin-right: -0.625rem;
}
.page-catalog__rifle-list {
margin-top: 2.5rem;
}
.calculator-filter__select {
border-top: none;
margin-top: 2.5rem;
padding-top: 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.25rem 0.3125rem;
}
.filter-select__item select {
display: block;
border-radius: 0.625rem;
background: #e2e2e2 url(//mosrifles.ru/wp-content/themes/mosrifles/images/hidden-menu-arrow.svg) no-repeat right 0.625rem center / 1.5rem;
padding: 0 2.75rem 0 0.625rem;
color: #000;
height: 2.125rem;
border: none;
margin: 0;
overflow: hidden !important;
text-overflow: ellipsis;
white-space: nowrap;
}
.filter-select__item select option {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.filter-select__item-radio {
display: none;
}
.button-block {
display: block;
border: none;
padding: 0;
margin-top: 2.5rem;
}
.button-block__price {
font-size: 2rem;
}
.button-block p {
margin-top: 1.875rem;
}
.button-block a {
width: 12.125rem;
margin-top: 1.875rem;
}
.button-block a span {
padding: 0;
width: 100%;
}
.rifle-list__grid {
margin-top: 1.25rem;
grid-template-columns: 1fr;
}
.rifle-list__item:nth-child(odd),
.rifle-list__item:nth-child(even) {
padding: 1.25rem 1.25rem 5.875rem;
}
.rifle-item__img {
height: 6.25rem;
}
.trade-in-item__characteristic,
.rifle-item__characteristic {
grid-template-columns: repeat(2, 1fr);
}
.rifle-item__characteristic p {
font-size: 0.75rem;
}
.rifle-item__link {
position: absolute;
bottom: 1.875rem;
right: 1.25rem;
}
.rifle-item__link span {
font-size: 0.875rem;
}
.category-list__grid {
margin-top: 2.5rem;
grid-template-columns: 1fr;
}
.error-404 h1 {
font-size: 7.75rem;
}
.error-404 p,
.page-thanks__content {
font-size: 1rem;
}
.page-contacts__content {
margin-top: 3.75rem;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
gap: 2.5rem;
}
.page-contacts__contact a {
font-size: 1.5rem;
}
.page-contacts__requisites {
margin-top: 5rem;
}
.page-contacts__ya-link {
text-align: center;
justify-content: center;
}
.page-contacts__address {
width: 100%;
max-width: 20rem;
}
.page-contacts__address br {
display: none;
}
.contacts-requisites__top {
display: block;
}
.contacts-requisites__top a {
margin-top: 1.25rem;
}
.page-contacts__requisites {
padding: 1.875rem 1.25rem 2.5rem;
}
.contacts-requisites__content {
font-size: 0.875rem;
line-height: 1.28;
letter-spacing: 0.0175rem;
}
.modal-form__inner {
width: 100%;
padding: 1.25rem 1.25rem 1.875rem;
border-radius: 0;
}
#fancybox-close {
top: 1.25rem !important;
right: 1.25rem !important;
}
#fancybox-wrap,
#fancybox-content > * {
height: auto !important;
}
.form-modal__name {
font-size: 0.875rem;
line-height: 1.28;
}
.form-modal__title {
margin-top: 1rem;
}
.form-modal__title input[type="text"] {
font-size: 1.5rem;
}
.form-modal__desc {
display: block;
margin-top: 1.25rem;
}
.form-modal__desc p {
font-size: 0.875rem;
line-height: 1.28;
}
.form-modal__desc p:not(:first-child) {
margin-top: 1.25rem;
}
.form-modal__desc p br {
display: none;
}
.form-modal__input-box {
margin-top: 1.25rem;
grid-template-columns: 1fr;
}
.form-modal__input_grid {
margin-top: 1.25rem;
grid-template-columns: 1fr;
}
.form-modal__textarea p textarea {
height: 5rem;
padding: 0.625rem 0.9375rem;
}
.fancybox-hidden.modal-box:not(.page-home__other .fancybox-hidden.modal-box) {
display: block;
}
.fancybox-hidden.modal-box .modal-form {
position: fixed;
left: 0;
bottom: 0;
z-index: 99;
transform: translateY(100%);
overflow: hidden;
transition: all 0.5s;
}
.fancybox-hidden.modal-box .modal-form.active {
transform: translateY(0);
box-shadow: 0 -1.25rem 1.25rem 0 rgba(0, 0, 0, 0.1);
}
.fancybox-hidden.modal-box .modal-form__close {
position: absolute;
top: 1.25rem;
right: 1.25rem;
z-index: 1;
display: block;
}
.home-hero__desc {
margin-top: 1.875rem;
margin-right: 0;
overflow-x: scroll;
padding-bottom: 0;
gap: 2.5rem;
}
.home-hero__desc-item {
flex: 0 0 auto;
font-size: 0.875rem;
}
.home-hero__desc-link {
display: block;
margin-top: 1.875rem;
text-align: center;
}
.home-hero__desc-link a {
display: inline-flex;
background: #e73324;
color: #fff;
height: 3.75rem;
font-size: 1.125rem;
padding: 0 2.5rem;
}
.home-hero__img {
display: none;
}
.mobile-slider {
display: block;
position: relative;
}
.mobile-slider .mobile-slider-item {
height: 25rem;
border-radius: 0.625rem;
overflow: hidden;
}
.mobile-slider__pagination {
position: absolute;
left: 0;
bottom: 1.25rem;
z-index: 2;
justify-content: center;
width: 100%;
}
.home .rifle-list__header a {
position: relative;
top: auto;
right: auto;
transform: none;
display: inline-flex;
margin-top: 1.25rem;
font-size: 0.875rem;
}
.home .rifle-list__grid {
margin-top: 1.875rem;
}
.bottom-form__inner {
padding: 1.875rem 1.25rem 2.5rem;
}
.compare-table__header {
width: calc(11.25rem * 6);
}
.compare-table__body {
width: calc(11.25rem * 6);
}
.compare-header__row,
.compare-body__row {
grid-template-columns: repeat(6, minmax(11.25rem, 1fr));
}
.compare-header__item {
padding: 1.25rem 0.625rem 1.5625rem;
}
.compare-header__item-img {
height: 3.125rem;
}
.compare-header__item-name {
font-size: 0.875rem;
}
.compare-body__item p {
font-size: 0.75rem;
}
.compare-body__item {
padding: 0.625rem;
}
.page-header__title-box a {
position: relative;
justify-content: center;
margin-top: 1.25rem;
}
.page-compare__table {
margin: 2.5rem -0.625rem 0;
}
.page-about__top {
margin-top: 2.5rem;
}
.page-about__top-comp {
display: none;
}
.page-about__top-mobile {
display: block;
}
.page-about__text-grid,
.page-about__utp,
.page-about__reviews {
margin-top: 5rem;
}
.text-grid__item {
grid-template-columns: 1fr;
gap: 2.5rem;
}
.text-grid__item-text {
padding: 0;
font-size: 1rem;
}
.text-grid__item-img {
height: auto;
padding-top: 125%;
}
.text-grid__item:nth-child(even) {
margin-top: 2.5rem;
}
.text-grid__item:nth-child(even) .text-grid__item-text {
order: 0;
align-self: flex-start;
padding: 0;
}
.about-utp__list {
margin-top: 0;
display: grid;
grid-template-columns: 1fr;
padding: 0 2.5rem;
}
.about-utp__item-desc {
font-size: 0.875rem;
}
.about-utp__item:not(:first-child) {
margin-top: -1.5625rem;
}
.about-utp__item:nth-child(even) {
margin-left: auto;
}
.page-about__text-blocks {
margin-top: 5rem;
padding-top: 5rem;
}
.text-blocks {
display: grid;
grid-template-columns: 1fr;
gap: 2.5rem;
font-size: 1rem;
}
.page-about__order {
margin-top: 5rem;
display: block;
padding: 1.25rem 1.25rem 1.875rem;
}
.about-order__content {
padding: 0;
}
.about-order__content p:first-child {
font-size: 1.125rem;
line-height: 1.33;
}
.about-order__img {
height: auto;
padding-top: 83%;
margin: 2.5rem -1.25rem 0;
}
.about-order__img img {
object-position: center top;
}
.about-order__img::before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 5rem;
background: linear-gradient(0deg, #f9f9f9 0%, rgba(249, 249, 249, 0) 100%);
z-index: 1;
}
.about-order__content p {
margin-top: 2.5rem;
font-size: 0.875rem;
}
.about-order__content a {
margin: 2.5rem auto 0;
max-width: 15.0625rem;
display: flex;
}
.page-about__reviews-list {
margin-top: 2.5rem;
}
.services-top__container {
display: block;
padding: 1.25rem 1.25rem 1.875rem;
}
.services-top__content {
padding-bottom: 0;
}
.services-top__name {
font-size: 1.125rem;
font-weight: 500;
}
.services-top__img {
margin-top: 2.5rem;
}
.services-top__img img {
max-width: 15.3125rem;
}
.services-top__desc {
margin-top: 2.5rem;
grid-template-columns: 1fr;
gap: 0.625rem;
}
.services-top__desc-item {
font-size: 0.875rem;
line-height: 1.28;
}
.services-top__desc-item:last-child {
grid-column: auto;
}
.services-top a {
margin: 2.5rem auto 0;
display: flex;
width: 11.5625rem;
}
.page-services__list {
margin-top: 5rem;
grid-template-columns: 1fr;
}
.services-list__item {
padding: 1.25rem 1.25rem 1.875rem !important;
position: relative;
}
.services-item__top {
padding-right: 6rem;
flex-direction: column;
justify-content: center;
align-items: flex-start;
min-height: 5.75rem;
gap: 0.625rem;
}
.services-item__img {
width: 4.5rem;
height: 4.5rem;
position: absolute;
top: 1.25rem;
right: 1.25rem;
}
.services-item__desc {
padding: 0;
}
.services-item__desc a {
margin-top: 3.75rem;
}
.page-services__slider,
.page-services__about {
margin-top: 5rem;
}
.services-gallery .swiper-wrapper {
display: flex;
gap: 0;
height: 100%;
box-sizing: content-box;
transform: translate3d(0px, 0, 0);
}
.services-gallery__box {
position: relative;
}
.services-gallery__control {
display: block;
}
.services-gallery__control .control__arrow {
position: absolute;
top: calc(50% - 1.625rem);
z-index: 1;
}
.services-gallery__control .control__arrow_prev {
left: 0.625rem;
}
.services-gallery__control .control__arrow_next {
right: 0.625rem;
}
.services-gallery__pagination {
display: flex;
margin-top: 1.25rem;
}
.services-gallery-item {
padding-top: 100%;
}
.services-gallery-item a {
opacity: 1;
}
.form-modal__title textarea {
font-size: 1.5rem;
height: 4rem;
}
.services-about {
display: block;
}
.services-about__title {
font-size: 1.5rem;
}
.services-about__text {
font-size: 1rem;
line-height: 1.37;
width: 100%;
margin-top: 2.5rem;
}
.services-about__content {
padding: 0 0.625rem;
}
.services-about__img-text {
padding: 0 0.625rem;
font-size: 1rem;
}
.services-about__img {
margin: 2.5rem -1.875rem 0;
}
.page-services__utp {
margin-top: 5rem;
padding-top: 5rem;
grid-template-columns: 1fr;
gap: 2.5rem;
}
.page-services__utp br {
display: none;
}
.services-utp__item:last-child {
grid-column: auto;
}
.components-services__container {
grid-template-columns: 1fr;
}
.components-services__img {
height: 21.75rem;
width: 100%;
position: relative;
top: auto;
right: auto;
background-position: center top;
}
.components-services__img a {
position: absolute;
bottom: 1.25rem;
left: 0;
width: 100%;
height: 1.5rem;
font-weight: 700;
display: inline-flex;
align-items: center;
}
.components-services__img a::after {
content: "";
display: block;
background: url(//mosrifles.ru/wp-content/themes/mosrifles/images/red-arrow-long.svg) no-repeat 0px 0px;
width: 3rem;
height: 1.5rem;
margin-left: 0.625rem;
}
.components-services__img a img {
display: none;
}
.components-services__info {
height: auto;
display: block;
padding: 0 0 2.5rem;
}
.components-services__info a {
margin-top: 2.5rem;
}
.components-services__desc {
margin-top: 1.25rem;
font-size: 1rem;
}
.components-services__desc br {
display: none;
}
.components-services__item {
height: auto;
border-bottom: 2px solid #e2e2e2;
}
.components-services__item2 {
margin-top: 2.5rem;
}
.services-animation::before,
.components-animation::before {
background: linear-gradient(0deg, #f9f9f9 73.98%, rgba(249, 249, 249, 0) 100%);
height: 5rem;
}
.page-dopstvoly__img {
height: auto;
padding-top: 100%;
margin-top: 2.5rem;
}
.page-dopstvoly__content,
.page-dopstvoly__order {
margin-top: 2.5rem;
}
.post-single__intro {
flex-direction: column;
align-items: center;
margin-bottom: 3.75rem;
}
.single-intro__text {
font-size: 1.125rem;
line-height: 1.33;
}
.post-gallery-item {
height: auto;
padding-top: 100%;
}
.post-gallery-item img {
object-fit: contain;
}
.post-gallery__control .control__arrow {
top: calc(50% - 1.3125rem);
}
.post-gallery__control .control__arrow_next {
right: 0.625rem;
}
.post-gallery__control .control__arrow_prev {
left: 0.625rem;
}
.post-gallery__pagination {
position: relative;
bottom: auto;
margin-top: 1.25rem;
}
.other-post__control {
display: none;
}
.rifle-gallery_new .rifle-gallery-item a {
display: none;
}
.license-item__content a {
margin-top: 1.25rem;
}
.licenses-list__item {
grid-template-columns: 1fr;
gap: 1.25rem;
padding: 1.25rem 1.25rem 1.875rem;
}
.license-item__img a {
height: 10.5625rem;
}
.license-item__content {
padding: 0;
font-size: 0.875rem;
order: 2;
}
.page-catalog__intro,
.page-catalog__text,
.rifle-history {
font-size: 0.875rem;
}
.trade-in__data-block .rifle-data__tab-link ul li {
font-size: 0.8125rem;
}
.trade-in-list {
grid-template-columns: 1fr;
}
.trade-in-item__links {
grid-template-columns: 1fr;
gap: 0.625rem;
}
.page-catalog__intro,
.page-catalog__text {
margin-top: 2.5rem;
}
.age-gate__subheadline {
font-size: 0.875rem;
}
button.age-gate__submit--yes {
font-size: 1rem;
}
}
@media (max-width: 359px) {
html {
font-size: calc(12px + 4 * ((100vw - 320px) / 1600));
}
}