@charset "utf-8";
@charset "utf-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: 0.2em 0.8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: "";
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}#cookie-notice{position:fixed;min-width:100%;height:auto;z-index:100000;font-size:13px;letter-spacing:0;line-height:20px;left:0;text-align:center;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif}#cookie-notice,#cookie-notice *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cookie-notice.cn-animated{-webkit-animation-duration:.5s!important;animation-duration:.5s!important;-webkit-animation-fill-mode:both;animation-fill-mode:both}#cookie-notice.cn-animated.cn-effect-none{-webkit-animation-duration:1ms!important;animation-duration:1ms!important}#cookie-notice .cookie-notice-container{display:block}#cookie-notice.cookie-notice-hidden .cookie-notice-container{display:none}#cookie-notice .cookie-revoke-container{display:block}#cookie-notice.cookie-revoke-hidden .cookie-revoke-container{display:none}.cn-position-top{top:0}.cn-position-bottom{bottom:0}.cookie-notice-container{padding:15px 30px;text-align:center;width:100%;z-index:2}.cookie-revoke-container{padding:15px 30px;width:100%;z-index:1}.cn-close-icon{position:absolute;right:15px;top:50%;margin:-10px 0 0 0;width:15px;height:15px;opacity:.5;padding:10px;border:none;outline:0;background:0 0;box-shadow:none;cursor:pointer}.cn-close-icon:focus,.cn-close-icon:focus-visible{outline:2px solid currentColor;outline-offset:3px}.cn-close-icon:hover{opacity:1}.cn-close-icon:after,.cn-close-icon:before{position:absolute;content:' ';height:15px;width:2px;top:3px;background-color:grey}.cn-close-icon:before{transform:rotate(45deg)}.cn-close-icon:after{transform:rotate(-45deg)}#cookie-notice .cn-revoke-cookie{margin:0}#cookie-notice .cn-button{margin:0 0 0 10px;display:inline-block}#cookie-notice .cn-button:not(.cn-button-custom){font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;font-weight:400;font-size:13px;letter-spacing:.25px;line-height:20px;margin:0 0 0 10px;text-align:center;text-transform:none;display:inline-block;cursor:pointer;touch-action:manipulation;white-space:nowrap;outline:0;box-shadow:none;text-shadow:none;border:none;-webkit-border-radius:2rem;-moz-border-radius:2rem;border-radius:2rem;text-decoration:none;padding:8.5px 10px;line-height:1;color:inherit}.cn-text-container{margin:0 0 6px 0}.cn-buttons-container,.cn-text-container{display:inline-block}.cn-compliance-warning{display:block;color:#f5a623!important;font-size:12px;line-height:18px;margin:4px 0 8px 0}.cn-compliance-warning .cn-warning-icon{color:#f5a623!important;margin-right:4px}.cn-compliance-warning strong{color:#f5a623!important}.cn-compliance-warning a{color:#f5a623!important;text-decoration:underline}.cn-compliance-warning a:hover{color:#ffb84d!important}#cookie-notice.cookie-notice-visible.cn-effect-none,#cookie-notice.cookie-revoke-visible.cn-effect-none{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-none{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-fade,#cookie-notice.cookie-revoke-visible.cn-effect-fade{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-fade{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-effect-slide{-webkit-animation-name:slideInUp;animation-name:slideInUp}#cookie-notice.cn-effect-slide{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide{-webkit-animation-name:slideInDown;animation-name:slideInDown}#cookie-notice.cn-position-top.cn-effect-slide{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@media all and (max-width:900px){.cookie-notice-container #cn-notice-text{display:block}.cookie-notice-container #cn-notice-buttons{display:block}#cookie-notice .cn-button{margin:0 5px 5px 5px}}@media all and (max-width:480px){.cookie-notice-container,.cookie-revoke-container{padding:15px 25px}}
 html{
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
audio, canvas, progress, video{
display: inline-block;
vertical-align: baseline
}
audio:not([controls]){
display: none;
height: 0
}
[hidden], template{
display: none
}
a{
background-color: transparent
}
a:active, a:hover{
outline: 0
}
abbr[title]{
border-bottom: 1px dotted
}
dfn{
font-style: italic
}
mark{
background: #FF0;
color: #000
}
small{
font-size: 80%
}
sub, sup{
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup{
top: -.5em
}
sub{
bottom: -.25em
}
svg:not(:root){
overflow: hidden
}
hr{
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0
}
pre, textarea{
overflow: auto
}
code, kbd, pre, samp{
font-family: monospace, monospace;
font-size: 1em
}
button, input, optgroup, select, textarea{
color: inherit;
font: inherit;
margin: 0
}
button{
overflow: visible
}
button, select{
text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit]{
-webkit-appearance: button;
cursor: pointer
}
button[disabled], html input[disabled]{
cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner{
border: 0;
padding: 0
}
input[type=checkbox], input[type=radio]{
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{
height: auto
}
input[type=search]{
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration{
-webkit-appearance: none
}
fieldset{
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend{
border: 0;
padding: 0
}
*{
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
html{
height: 100%;
overflow: auto
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, img, b, i, ol, ul, li, fieldset, form, input, dl, dt, dd{
padding: 0;
margin: 0;
border: 0;
word-wrap: break-word
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary{
display: block
}
table{
border-collapse: collapse;
border-spacing: 0
}
td, th{
padding: 0
}
ul{
list-style-type: none
} .atlas{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/i/atlas-240821-1.png); background-image: -webkit-image-set(
url(//magnerot.ru/wp-content/themes/magnerot/assets/images/i/atlas-240821-1.webp) 1x,
url(//magnerot.ru/wp-content/themes/magnerot/assets/images/i/atlas-240821-1.png) 1x
);
background-repeat: no-repeat;
background-size: 700px auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
.atlas{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/i/atlas-240821-1@2x.png); background-image: -webkit-image-set(
url(//magnerot.ru/wp-content/themes/magnerot/assets/images/i/atlas-240821-1@2x.webp) 2x,
url(//magnerot.ru/wp-content/themes/magnerot/assets/images/i/atlas-240821-1@2x.png) 2x
);
}
}
html{
font-size: 62.5%;
}
html *{
box-sizing: border-box;
}
body{
width: 100%;
min-width: 360px;
height: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-size: 1.5rem;
line-height: 19px;
line-height: 1.9rem;
color: #000;
background-color: #FFF;
}
u{
white-space: nowrap;
text-decoration: none;
}
img{
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}
::selection{
color: #000;
background: #82DCFF;
}
a, a:visited{
cursor: pointer;
color: #000;
text-decoration: none;
opacity: 1;
transition: color 200ms ease, opacity 300ms ease;
-webkit-font-smoothing: antialiased;
}
a:hover{
text-decoration: none;
}
a:active{
opacity: 1;
}
sub{
display: inline-block;
margin-right: -0.05rem;
margin-left: 0.1rem;
font-size: 72%;
vertical-align: -0.2rem;
}
sup{
display: inline-block;
margin-right: -0.2rem;
margin-left: 0.05rem;
font-size: 55%;
opacity: 0.3;
vertical-align: 0.2rem;
}
sup.solid{
opacity: 0.6;
}
.clearfix:after,
.l-3col:after,
.l-2col:after,
.l-1col:after{
content: ' ';
display: table;
clear: both;
}
.center{
text-align: center;
}
.is-hidden{
opacity: 0;
transition: opacity 300ms ease;
}
.l-wrap{
position: relative;
max-width: 1100px;
margin: 0 auto;
padding: 0;
}
.l-wrap.wide{
max-width: 1400px;
}
.l-3col{
margin: 20px 0;
}
.l-3col > .col{
float: left;
width: 33.3%;
padding: 0 20px;
flex: 1; }
.l-2col{
margin: 20px 0;
}
.l-2col.pulled{
margin-left: 20px;
margin-right: 20px;
background-color: #FFF;
}
.l-2col > .col{
float: left;
width: 50%;
padding: 0 20px;
flex: 1; }
.l-1col{
margin: 20px 0;
}
.l-1col > .col{
padding: 0 20px;
flex: 1;
} h2,
.font-h2{
font-size: 38px;
font-size: 3.8rem;
line-height: 42px;
line-height: 4.2rem;
font-weight: bold;
}
.font-xxxl{
font-size: 30px;
font-size: 3rem;
line-height: 34px;
line-height: 3.4rem;
}
.font-xxl{
font-size: 24px;
font-size: 2.4rem;
line-height: 27px;
line-height: 2.7rem;
}
h3,
.font-h3{
font-size: 22px;
font-size: 2.2rem;
line-height: 29px;
line-height: 2.9rem;
font-weight: normal;
}
h4,
.font-h4{
font-size: 20px;
font-size: 2rem;
line-height: 27px;
line-height: 2.7rem;
font-weight: normal;
}
h5,
.font-h5{
font-size: 19px;
font-size: 1.9rem;
line-height: 25px;
line-height: 2.5rem;
font-weight: normal;
}
.font-xl{
font-size: 18px;
font-size: 1.8rem;
line-height: 24px;
line-height: 2.4rem;
}
.font-l{
font-size: 17px;
font-size: 1.7rem;
line-height: 23px;
line-height: 2.3rem;
}
.font-m{
font-size: 16px;
font-size: 1.5rem;
line-height: 21px;
line-height: 2.1rem;
}
.font-n{
font-size: 15px;
font-size: 1.5rem;
line-height: 19px;
line-height: 1.9rem;
}
.font-nt{
font-size: 15px;
font-size: 1.5rem;
line-height: 21px;
line-height: 2.1rem;
}
.font-s{
font-size: 14px;
font-size: 1.4rem;
line-height: 18px;
line-height: 1.8rem;
}
.font-xs{
font-size: 13px;
font-size: 1.3rem;
line-height: 17px;
line-height: 1.7rem;
}
.font-xxs{
font-size: 12px;
font-size: 1.2rem;
line-height: 16px;
line-height: 1.6rem;
}
.font-micro{
font-size: 11px;
font-size: 1.1rem;
line-height: 15px;
line-height: 1.5rem;
} .section-common{
min-height: 300px;
text-align: center;
background: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/i/section-bg.webp) 50% 0% no-repeat;
}
.section-common .l-wrap{
text-align: left;
}
.subsection{
background: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/i/section-bg-gray.jpg) 50% 0% no-repeat;
}
h1.section-hd,
h2.section-hd{
display: inline-block;
max-width: 740px; padding: 10px 24px;
margin: -34px auto 70px auto;
color: #000;
line-height: 40px;
background-color: #FFF;
border-radius: 30px;
}
.b-large,
.b-large:visited{
position: relative;
display: inline-block;
min-width: 140px;
padding: 12px 70px 12px 20px;
margin-right: 30px;
margin-bottom: 15px;
color: #FFF;
font-size: 15px;
font-size: 1.5rem;
line-height: 16px;
line-height: 1.6rem;
font-weight: bold;
text-transform: uppercase;
text-align: left;
border-bottom-right-radius: 16px;
background: #00C0DD;
background: linear-gradient(to bottom, #63DBEC 0%, #1DBFD7 50%, #3DCFE5 100%);
}
.b-large:hover{
opacity: 0.8;
}
.b-large span{
position: absolute;
top: 50%;
right: 10px;
display: block;
width: 40px;
height: 40px;
margin-top: -20px;
}
.b-large span.arrow-white-huge{
background-position: -596px -130px;
}
.b-large span.download-big{
background-position: -636px -130px;
}
.b-large.first{
border-bottom-right-radius: 0;
border-bottom-left-radius: 16px;
}
.b-large.rounded{
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
}
.footnote{
max-width: 80%;
margin-top: 20px;
color: #9F9F9F;
}
.footnote p{
margin-bottom: 8px;
} header{
width: 100%;
height: 100px;
margin-bottom: 44px;  transition: opacity 300ms ease;
}
header a:hover{
opacity: 0.6;
}
header .logo-product{
position: absolute;
z-index: 3002; left: 20px;
top: 15px;
width: 270px;
height: 70px;
text-indent: -9999px;
background-position: 0 -508px; }
header .logo-company{
position: absolute;
z-index: 3002; right: 20px;
top: 20px;
width: 72px;
height: 60px;
text-indent: -9999px;
background-position: -56px -578px;
}
header .contact{
display: grid;
grid-template-columns: 1fr 180px; grid-template-areas:
"a p"
"a e"; position: absolute;
right: 100px;
top: 25px;
width: 550px;
justify-items: start;
align-items: center;
font-weight: bold;
}
header .contact a{
border-bottom: 1px dotted #000;
display: inline;
}
header .contact a:hover{
opacity: 1;
color: #000;
border-bottom: 1px solid #000;
}
header .contact .address{
grid-area: a;
line-height: 26px;
}
header .contact .phone{
grid-area: p;
}
header .contact .email{
grid-area: e;
}
nav{
position: absolute;
top: 100px;
width: 100%;
text-align: center;
}
nav .content-wrap{
height: 44px;
margin: 0 auto;
background-color: #FE7A11;
box-shadow: 0 4px 10px rgba(227, 80, 0, 0.4);
transition: background-color 300ms ease;
}
nav.sticky{
position: fixed;
top: 0;
z-index: 101;
}
nav .l-wrap{
padding: 0;
}
nav .b-menu{
display: none;
cursor: pointer;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 50px;
height: 44px;
overflow: hidden;
text-indent: -9999px;
background-color: #FFAD18;
background-position: -470px 0;
transform: translate(0, 0);
transition: transform 300ms ease, background-color 300ms ease;
}
nav ul{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
align-items: center;
}
nav li{
position: relative;
display: inline-block;
}
nav li .item{
display: block;
position: relative;
max-width: 280px;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 5px;
line-height: 44px;
font-weight: bold;
color: #FFF;
white-space: nowrap;
transition: color 300ms ease, background-color 300ms ease, padding 300ms ease;
}
nav li.active{
background-color: #FFA41A;
}
nav li span.item{
cursor: default;
color: #FDFF91;
}
nav li.active a.item:hover{
color: #FDFF91;
}
nav li a.item:hover{
cursor: pointer;
color: #FFF471;
}
nav li .item.nolink:hover{
cursor: default;
color: #FFF;
background-color: #E26400;
}
nav li.hot{
background-color: #FFF;
box-shadow: inset 0 -2px 4px #FFE8D0;
}
nav li.active.hot{
background-color: #FFDD70;
box-shadow: none;
}
nav li.hot a{
color: #FE7A11;
}
nav li.active.hot a{
color: #000;
}
nav li.hot a:hover,
nav li.active.hot a:hover{
color: #DA5B00;
}
nav li .item .arrow-white-down{
display: inline-block;
width: 12px;
height: 7px;
margin-left: 6px;
vertical-align: middle;
background-position: -37px 0;
}
nav li .item .cart{
display: inline-block;
width: 22px;
height: 22px;
margin-left: 6px;
vertical-align: middle;
background-position: -151px 0;
}
nav li.dropdown .list{
position: absolute;
top: 44px;
left: 0;
text-align: left;
background-color: #E26400;
opacity: 0;
visibility: hidden;
transition: visibility, opacity 300ms ease, box-shadow 300ms ease; box-shadow: none;
}
nav li.dropdown .list.right{
left: auto;
right: 0;
text-align: right;
}
nav li.dropdown .list .item{
border-top: 1px solid #FE7A11;
}
nav li.dropdown:hover .list{
opacity: 1;
visibility: visible; box-shadow: 0 5px 5px rgba(226, 100, 0, 0.25);
}
nav li.dropdown:hover .item{
background-color: #E26400;
}
nav li.hidden{
display: none;
} .b-test{
position: fixed;
z-index: 3000; top: 190px;
right: 0;
width: 113px;
height: 70px;
overflow: hidden;
text-indent: -9999px;
background-position: -140px -30px;
transition: top 200ms ease, opacity 300ms ease, width 200ms ease;
}
.b-test:hover{
cursor: pointer;
}
.b-test.sticky{
top: 44px;
background-position: -254px -30px;
}
.b-test.is-hidden{
width: 0;
} .dim{
position: fixed;
z-index: 100;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0);
transition: background-color 200ms ease-in-out;
}
.dim.clickable{
cursor: pointer;
}
.dim.frontmost{
z-index: 3002;
}
.dim.active{
left: 0;
background-color: rgba(66, 62, 60, 0.6);
} .hero{
margin: 0 auto;
}
.hero-main{
position: relative;  }
.hero-main .hero-backgrounds{
pointer-events: none;
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.hero-backgrounds div{
position: absolute;
z-index: 1;
border-radius: 30px;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%; background-size: cover; background-position: 50% 100%;
background-repeat: no-repeat;
transition: background-position 300ms ease;
}
.hero-backgrounds div.active{
z-index: 3;
} .herobg1{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/i/herobg1.jpg);
}
.herobg2{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/i/herobg2.jpg);
}
.herobg3{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/i/herobg3.jpg);
}
.herobg4{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/i/herobg4.jpg);
}
.herobg5{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/i/herobg5.jpg);
}
.herobg1020-01{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/i/herobg1020-01.jpg);
}
.herobg1020-02{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/i/herobg1020-02.jpg);
}
.herobg1020-03{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/i/herobg1020-03.jpg);
}
.herobg1020-04{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/i/herobg1020-04.jpg);
}
.hero .col.hero-wide{
float: left;
width: 60%;
flex: 1;
}
.hero .col.hero-narrow{
position: relative;
z-index: 4; float: left;
width: 40%;
flex: 1;
} .hero .feats-list{
margin-top: 15px;
margin-left: 20px;
}
.hero .feats-list li{
position: relative;
margin-bottom: 5px;
}
.hero .feats-list span{
display: block;
position: absolute;
left: -18px;
top: 8px;
width: 10px;
height: 10px;
background-position: -7px 0;
}
.hero-packs{ }
.hero-sub h2{
display: block;
padding: 20px;
font-weight: normal;
text-align: center;
}
.hero-sub h2 b{
position: relative;
}
.hero-sub sup.solid{
opacity: 0.3;
}
.hero-sub h2 span{
position: absolute;
top: 3.3rem;
left: 2px;
font-size: 13px;
line-height: 15px;
font-weight: normal;
color: #C4C4C4;
text-transform: lowercase;
}
.hero-buttons{
margin: 30px auto 30px auto;
text-align: center;
}
.hero-buttons.pulled{
min-height: 30px;
margin-top: 5px;
}
.hero-buttons .b-large{
min-width: 200px;
}
.b-large.res-wide{
display: none;
position: absolute;
z-index: 5;
top: 0;
right: 0;
margin-right: 0;
}
.hero-sub{
position: relative;
margin-bottom: 90px;
}
.hero-sub.pulled{
margin-bottom: 30px;
} .about .orotate-formula{
margin-top: -20px;
}
.about .blister{
min-height: 470px;
margin-top: 40px;
background-size: 240px auto;
background-position: 50% 0%;
background-repeat: no-repeat;
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/i/blister.jpg);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
.about .blister{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/i/blister@2x.jpg);
}
}
.about-block{
margin-top: 50px;
}
.about-block .header{
position: relative;
min-height: 60px;
}
.about-block .medal{
display: block;
position: absolute;
left: 50%;
top: -50px;
display: block;
width: 100px;
height: 100px;
margin-left: -50px;
}
.about-block .tail{
display: block;
position: absolute;
left: 50%;
bottom: -15px;
display: block;
width: 64px;
height: 16px;
margin-left: -32px;
}
.about-block h4{
margin: 30px 30px 15px 35px;
font-weight: bold;
text-transform: uppercase;
}
.about-block ul{
margin: 15px 35px;
padding-bottom: 10px;
}
.about-block li{
position: relative;
margin-bottom: 14px;
}
.about-block .bullit{
display: block;
position: absolute;
top: 5px;
left: -19px;
width: 10px;
height: 10px;
}
.about-block.orange{
margin-right: 100px;
background-color: #FFF2E8;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.about-block.orange .header{
background-color: #FF780F;
}
.about-block.orange .medal{
background-position: 0 -104px;
}
.about-block.orange .tail{
background-position: 0 -16px;
}
.about-block.orange .bullit{
background-position: -17px 0;
}
.about-block.orange ul{
padding-bottom: 40px;
}
.about-block.orange li b{
color: #FF770E;
}
.about-block.blue{
margin-left: 100px;
background-color: #EAF8FA;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.about-block.blue .header{
background-color: #00C2DF;
}
.about-block.blue .medal{
background-position: -100px -104px;
}
.about-block.blue .tail{
background-position: 0 -32px;
}
.about-block.blue .bullit{
background-position: -27px 0;
}
.about-block.blue li b{
color: #00C2DF;
}
.about-block .b-extra{
position: relative;
padding: 0 40px 0 35px;
color: #FFF;
font-weight: bold;
text-transform: uppercase;
line-height: 40px;
background-color: #00C2DF;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
transition: background-color 300ms ease, border-radius 300ms ease;
}
.about-block .b-extra:hover{
cursor: pointer;
background-color: #00D3F3;
}
.about-block .b-extra.active{
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.about-block .arrow-white-down{
display: block;
position: absolute;
top: 16px;
left: 16px;
width: 12px;
height: 8px;
background-position: -37px 0;
}
.about-block .info-white{
display: block;
position: absolute;
top: 7px;
right: 7px;
width: 25px;
height: 25px;
background-position: -126px 0;
}
.about-block .acid-extra{
display: none;
padding: 25px 35px 20px 35px;
color: #2E484E;
background-color: #ECF0F0;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
opacity: 0;
transition: opacity 400ms ease;
}
.about-block .acid-extra.active{
opacity: 1;
}
.about-block .acid-extra p{
margin-bottom: 15px;
}
.about-block .acid-extra p.shifted{
position: relative;
margin-left: 70px;
color: #4E7F8A;
}
.about-block .acid-extra .cow{
display: block;
position: absolute;
left: -70px;
top: 2px;
width: 56px;
height: 52px;
background-position: -540px -130px;
}
.about-note{
position: relative;
margin: 40px 120px 20px 60px;
padding: 18px 20px 20px 65px;
color: #FFF;
font-weight: bold;
background-color: #FF780F;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.about-note .pill{
display: block;
position: absolute;
top: -15px;
left: -17px;
width: 73px;
height: 73px;
background-position: -560px -187px;
}
.about-note .tail-orange-sharp{
display: block;
position: absolute;
top: 0;
right: -20px;
width: 22px;
height: 30px;
background-position: -64px -16px;
}
.about-rules{
min-height: 400px;
margin-top: 50px;
}
.about-rules .header{
padding: 70px 0 50px 0;
}
.about-rules .l-2col.pulled > .col.narrow{
width: 45%;
padding: 60px 30px 30px 60px;
}
.about-rules .l-2col.pulled > .col.wide{
width: 55%;
padding: 60px 60px 30px 30px;
}
.about-rules .subheader{
margin-bottom: 20px;
color: #FF780F;
font-weight: bold;
text-transform: uppercase;
}
.about-rules .symptoms{
margin-top: 25px;
margin-bottom: 35px;
}
.about-rules .symptoms li{
position: relative;
margin-bottom: 22px;
margin-left: 30px;
font-weight: bold;
text-transform: uppercase;
}
.about-rules .symptoms span{
display: block;
position: absolute;
top: -2px;
left: -30px;
width: 20px;
height: 20px;
}
.about-rules .symptoms .symptom-angry{
background-position: -195px 0;
}
.about-rules .symptoms .symptom-sleep{
background-position: -215px 0;
}
.about-rules .symptoms .symptom-tired{
background-position: -235px 0;
}
.about-rules .symptoms .symptom-cramp{
background-position: -255px 0;
}
.about-rules .note{
display: inline-block;
position: relative;
padding: 10px 15px;
margin: 20px 0 40px 0;
background-color: #ECF0F0;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.about-rules .note .tail-gray-sharp{
display: block;
position: absolute;
top: -13px;
left: 50px;
width: 18px;
height: 15px;
background-position: -86px -16px;
}
.about-rules table{
width: 100%;
margin-top: -15px;
margin-bottom: -5px;
vertical-align: middle;
font-weight: bold;
text-transform: uppercase;
}
.about-rules table tr.bordered{
border-top: 1px solid #E6E6E6;
border-bottom: 1px solid #E6E6E6;
}
.about-rules table td{
padding: 6px 10px 6px 0px;
}
.about-rules table .pill-gray{
display: inline-block;
width: 22px;
height: 22px;
background-position: -173px 0;
}
.about .video.wide{
overflow: hidden;
margin-top: 40px;
margin-left: 20px;
margin-right: 20px;
border-radius: 32px;
box-shadow: 0 10px 30px #D3D5D6;
}
.about .video.wide .vjs-default-skin .vjs-big-play-button{
font-size: 3em;
}
.about .video.wide .video-js{ overflow: hidden;
border-radius: 28px;
}
.promo{
display: block;
overflow: hidden;
margin-top: 40px;
margin-left: 20px;
margin-right: 20px;
border-radius: 32px;
opacity: 1;
box-shadow: 0 10px 30px #D3D5D6;
transition: opacity 300ms ease, box-shadow 500ms ease;
}
.promo:hover{
opacity: 0.95;
box-shadow: 0 10px 30px #A18379;
} .lack .l-2col > .col.lack-wide{
width: 58%;
}
.lack .l-2col > .col.lack-narrow{
width: 42%;
}
.why-important{
position: relative;
min-height: 90px;
overflow: hidden;
padding: 15px 20px 15px 110px;
color: #FFF;
font-weight: bold;
background-color: #00C2DF;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.why-important sup{
opacity: 0.8;
}
.why-important .importance-blueheart{
display: block;
position: absolute;
top: 6px;
left: 6px;
width: 100px;
height: 88px;
background-position: -200px -104px;
}
.why-important .b-importance{
width: 100px;
padding: 4px 3px 3px 3px;
margin-top: 10px;
color: #FFF;
text-transform: uppercase;
text-align: center;
border: 2px solid #FFF;
transition: color 200ms ease, background-color 300ms ease;
}
.why-important .b-importance:hover{
cursor: pointer;
color: #00C2DF;
background-color: #FFF;
}
.importance{
display: none;
margin: 40px auto;
background-color: #FFF2E8;
opacity: 0;
transition: opacity 400ms ease;
transition-delay: 0.4s;
}
.importance.active{
opacity: 1;
}
.importance .tail-sand{
display: block;
position: absolute;
top: -22px;
left: 72%;
width: 50px;
height: 24px;
background-position: -632px -169px;
}
.importance h3.header{
width: 90%;
max-width: 600px;
margin: 0 auto;
padding: 50px 0 80px 0;
}
.importance h3.header b{
color: #FF780F;
}
.importance-array{
position: relative;
min-height: 200px;
margin-bottom: 20px;
border: 2px solid #FF780F;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.importance-array .importance-orangeheart{
display: block;
position: absolute;
left: 50%;
top: -65px;
width: 150px;
height: 130px;
margin-left: -75px;
background-position: -550px 0;
}
.importance-array .importance-orangeheart span{
display: block;
position: absolute;
top: 30px;
right: 25px;
font-size: 10px;
line-height: 20px;
color: #FFF;
font-weight: bold;
letter-spacing: 0;
opacity: 0.8;
}
.importance-array .array-body{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 85px 10px 30px 10px;
}
.importance-array .item{
position: relative;
float: left;
width: 28%;
margin: 25px 15px 27px 15px;
padding: 50px 13px 22px 13px;
background-color: #FFF;
border-radius: 20px;
}
.importance-array .item .atlas{
display: block;
position: absolute;
top: -21px;
left: 50%;
width: 70px;
height: 56px;
margin-left: -35px;
}
.importance-array .imp-battery{
background-position: 0 -204px;
}
.importance-array .imp-muscle{
background-position: -70px -204px;
}
.importance-array .imp-bones{
background-position: -140px -204px;
}
.importance-array .imp-heart{
background-position: -210px -204px;
}
.importance-array .imp-cogs{
background-position: -280px -204px;
}
.importance-array .imp-neurons{
background-position: -350px -204px;
}
.importance-array .imp-catalyst{
background-position: -420px -204px;
}
.importance-array .imp-happy{
background-position: -490px -204px;
}
.importance-array .item b{
color: #FF780F;
}
.importance-array .array-footer{
padding: 20px 15px;
color: #FFF;
font-weight: bold;
background-color: #FF780F;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
}
.importance .b-importance{
display: block;
line-height: 50px;
color: #A69587;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.05rem;
background-color: #F5EAE1;
}
.lack .lack-gauge{
margin: 60px 20px 20px 20px;
padding: 30px 20px 20px 20px;
background-color: #FFFBF8;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.lack .lack-gauge h2{
margin-bottom: 20px;
color: #00C2DF;
}
.lack-array{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 10px;
}
.lack-array .item-wrap{
position: relative;
float: left;
width: 46%;
width: calc(50% - 20px);
margin: 10px 10px 20px 10px;
padding: 40px 20px 20px 20px;
background-color: #FFFBF8;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.lack-array .item{
position: relative;
padding-bottom: 20px;
border: 2px solid #ECF0F0;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
}
.lack-array .lack-symptom{
display: block;
position: absolute;
top: -28px;
left: 50%;
width: 70px;
height: 50px;
margin-left: -35px;
background-color: #FFFBF8;
}
.lack-array .lack-symptom.seizures{
background-position: -350px -260px;
}
.lack-array .lack-symptom.venus{
background-position: -420px -260px;
}
.lack-array .lack-symptom.stress{
background-position: -490px -260px;
}
.lack-array .lack-symptom.heart{
background-position: -560px -260px;
}
.lack-array h5{
padding: 30px 10px 20px 10px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
.lack-array .subheader-symptoms{
position: relative;
border-top: 2px solid #FF780F;
text-align: center;
}
.lack-array .subheader-symptoms span{
display: inline-block;
position: relative;
top: -11px;
padding: 0 8px;
color: #FF780F;
font-weight: bold;
text-transform: uppercase;
line-height: 20px;
background-color: #FFFBF8;
}
.lack-array .item ul{
padding: 10px 30px 15px 30px;
}
.lack-array .item li{
position: relative;
margin-bottom: 15px;
}
.lack-array .item li span.bullit-black{
display: block;
position: absolute;
top: 6px;
left: -14px;
width: 7px;
height: 7px;
background-position: 0 0;
}
.lack-array .subheader-info{
position: relative;
margin-bottom: 20px;
border-top: 2px solid #ECF0F0;
}
.lack-array .subheader-info span{
display: block;
position: absolute;
top: -16px;
left: 50%;
width: 40px;
height: 30px;
margin-left: -20px;
background-color: #FFFBF8;
}
.lack-array .subheader-info span.info-blue{
background-position: -275px 0;
}
.lack-array .subheader-info span.caution-orange{
background-position: -315px 0;
}
.lack-array p.info{
padding: 5px 30px;
}
.lack .causes-lead{
min-height: 380px;
margin-top: 70px;
padding-top: 70px;
}
.lack .causes-lead .l-1col.pulled{
margin-left: 20px;
margin-right: 20px;
background-color: #FFF;
}
.lack .causes-lead .col{
min-height: 300px;
padding: 50px 20px 70px 20px;
}
.lack .causes-lead .hr{
width: 200px;
height: 3px;
overflow: hidden;
margin: 40px auto;
background-color: #F98C2C;
}
.lack .causes-lead h3{
width: 90%;
max-width: 600px;
margin: 0 auto;
}
.lack .cause-block{
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.lack .cause-block h4{
position: relative;
padding: 25px 15px 15px 15px;
color: #FFF;
font-weight: bold;
text-transform: uppercase;
}
.lack .cause-block h4 span{
display: block;
position: absolute;
top: -66px;
left: 50%;
width: 80px;
height: 80px;
margin-left: -40px;
}
.lack .cause-block h4 span.cause-input{
background-position: -300px -104px;
}
.lack .cause-block h4 span.cause-output{
background-position: -380px -104px;
}
.lack .cause-block .array-body{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 20px 10px 20px 10px;
}
.lack .cause-block .item{
position: relative;
float: left;
width: 44%;
width: calc(50% - 20px);
margin: 20px 10px 20px 10px;
padding: 44px 10px 18px 10px;
background-color: #FFF;
border-radius: 20px;
}
.lack .cause-block .item .atlas{
display: block;
position: absolute;
top: -31px;
left: 50%;
width: 70px;
height: 64px;
margin-left: -35px;
}
.lack .cause-block .cause-plate{
background-position: 0 -260px;
}
.lack .cause-block .cause-burger{
background-position: -70px -260px;
}
.lack .cause-block .cause-stomach{
background-position: -140px -260px;
}
.lack .cause-block .cause-wave{
background-position: -490px -324px;
}
.lack .cause-block .cause-drugs{
background-position: -280px -260px;
}
.lack .cause-block .cause-stress{
background-position: 0 -324px;
}
.lack .cause-block .cause-tired{
background-position: -70px -324px;
}
.lack .cause-block .cause-sport{
background-position: -140px -324px;
}
.lack .cause-block .cause-coffee{
background-position: -210px -324px;
}
.lack .cause-block .cause-alcohol{
background-position: -280px -324px;
}
.lack .cause-block .cause-diarrhea{
background-position: -350px -324px;
}
.lack .cause-block .cause-pregnancy{
background-position: -420px -324px;
}
.lack .cause-block.blue{
background-color: #EAF8FA;
}
.lack .cause-block.blue h4{
background-color: #00C2DF;
}
.lack .cause-block.orange{
background-color: #FFF2E8;
}
.lack .cause-block.orange h4{
background-color: #FF780F;
}
.solution-lead{
margin-top: 70px;
margin-bottom: 50px;
}
.solution-lead h3{
width: 90%;
max-width: 600px;
margin: 0 auto;
}
.solution-lead .hr{
width: 200px;
height: 3px;
overflow: hidden;
margin: 40px auto;
background-color: #F98C2C;
}
.solution-blown{
overflow: hidden;
margin-top: 50px;
border-radius: 30px;
}
.lack .quality-label{
display: inline-block;
position: relative;
padding: 12px 14px 12px 42px;
margin-top: 20px;
font-weight: bold;
text-transform: uppercase;
background-color: #ECF0F0;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.lack .quality-label .flag{
display: block;
position: absolute;
top: 9px;
left: 10px;
width: 24px;
height: 24px;
background-position: -355px 0;
}
.lack .quality-label .tail-gray-right{
display: block;
position: absolute;
top: 0;
right: -20px;
width: 21px;
height: 23px;
background-position: -104px -16px;
}
.lack .packs-and-pills{
margin-top: -15px;
margin-bottom: 15px;
} .press-array{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 10px;
margin: -20px auto 20px auto;
}
.press-item{
position: relative;
float: left;
width: 46%;
width: calc(50% - 20px);
margin: 10px;
padding: 15px;
background-color: #EAF8FA;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.press-item.simple{
background-color: transparent;
}
.press-item .header{
padding: 15px;
color: #FFF;
background-color: #00C2DF;
border-bottom: 3px solid #4AE7FF;
}
.press-item .source{
position: relative;
padding: 12px 18px;
background-color: #FFF;
border-bottom-left-radius: 18px;
border-bottom-right-radius: 18px;
box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.2);
}
.press-item .source a,
.press-item .source a:visited{
color: #00C2DF;
text-decoration: underline;
}
.press-item .source a:hover{
color: #009BC2;
}
.press-item .video{
overflow: hidden;
margin: 0 auto;
background-color: #FFF;
}
.press-item.simple .video{
overflow: hidden;
border-radius: 20px;
box-shadow: 0 10px 30px #D3D5D6;
}
.video .video-js .vjs-tech{
top: -1px;
}
.video .vjs-default-skin{
color: #4C4C4C;
}
.video .vjs-default-skin .vjs-big-play-button{
font-size: 1.8em;
}
.video .vjs-default-skin .vjs-time-controls{
margin-right: -10px;
margin-left: -10px;
color: #8E8E8E;
letter-spacing: -0.05rem;
}
.video .vjs-time-divider{
color: #CECECE;
}
.video .player .vjs-control-bar{
font-size: 150%;
}
.video .vjs-default-skin .vjs-slider{
background-color: rgb(234, 248, 250);
}
.video .vjs-default-skin .vjs-control-bar{
background-color: rgb(255, 255, 255);
} .faq ul.faq-list{
max-width: 840px;
margin-bottom: 30px;
}
.faq-list .question{
cursor: pointer;
position: relative;
margin-top: 5px;
padding: 18px 22px 18px 38px;
border-radius: 20px;
color: #2A7F9B;
background-color: #FFF;
border: 2px solid #D6F0F5;
transition: color 200ms ease, border-color 200ms ease, background-color 200ms ease;
}
.faq-list .question:hover{
background-color: #D6F0F5;
}
.faq-list .question b{
color: #00BDE5;
transition: color 200ms ease;
}
.faq-list .question.active b{
color: #2A7F9B;
transition: color 200ms ease;
}
.faq-list .question.active,
.faq-list .question.active:hover{
border-color: #EAF8FA;
background-color: #EAF8FA;
}
.faq-list .question .faq-arrow{
display: block;
position: absolute;
left: 13px;
top: 21px;
width: 14px;
height: 15px;
background-position: -96px 0;
}
.faq-list .question.active .faq-arrow{
background-position: -82px 0;
}
.faq-list .question sup{
margin-right: 0;
}
.faq-list .answer{
display: none; margin: 20px 0px 10px 0px;
color: rgba(0, 0, 0, 0);
transition: color 200ms ease;
}
.faq-list li.answer ul{
padding: 5px 0 15px 0;
}
.faq-list li.answer li{
margin-left: 18px;
margin-bottom: 10px;
list-style-type: disc;
}
.faq-list .answer.active{
color: rgba(0, 0, 0, 1);
transition: color 300ms ease;
}
.faq-list .answer a{
color: #009BC2;
text-decoration: underline;
}
.faq-list .answer a:hover{
color: #00C2DF;
text-decoration: underline;
}
.faq-list .answer p{
padding-bottom: 15px;
padding-bottom: 1.5rem;
} .outro{
position: relative;
margin: 0 auto 150px auto;
background-color: #FFF2E1;
}
.outro h2{
margin-top: 50px;
margin-left: 30px;
margin-bottom: 5px;
}
.outro h2 sup.solid{
opacity: 0.3;
}
.outro h2 .accent{
font-weight: normal;
color: #FE7A11;
}
.outro h3{
max-width: 320px;
margin-left: 30px;
font-weight: bold;
color: #FE7A11;
}
.outro .age{
position: absolute;
z-index: 2;
top: 14px;
right: 14px;
width: 41px;
height: 41px;
background-position: -379px 0;
}
.outro .outro-packs{
padding-top: 25px;
}  .map-wrap{
height: 560px; overflow: hidden;
margin: 35px auto 100px auto;
background-color: #EDEEEF;
}
[class*="ymaps-2"][class*="-ground-pane"]{
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(100%);
} .promo-header{
padding: 25px 20px 6px 20px;
text-align: center;
background: #FFDD70;
background: linear-gradient(to bottom, #FFCD5B 0%, #FFDD70 100%);
}
.promo-header .font-l{
display: inline-block;
padding: 1px 8px;
font-weight: bold;
color: #FFF;
border-radius: 6px;
box-shadow: 0 2px 4px #FFA117;
background: #FE7A11;
background: linear-gradient(to bottom, #FF821E 0%, #F16B00 100%);
}
.promo-header p{
margin: 5px 0;
}
.promo-header span{
display: block;
color: #A27856;
} .scrolltop{
margin: 40px auto;
border-top: 1px solid #ECECEC;
}
.scrolltop a{
display: block;
position: relative;
top: -17px;
max-width: 200px;
padding-right: 3px;
margin: 0 auto;
color: #00BDE5;
text-transform: uppercase;
line-height: 28px;
border: 2px solid #00BDE5;
background-color: #FFF;
box-shadow: 0 0 0 4px #FFF;
transition: border-color 300ms ease;
}
.scrolltop a:hover{
border-color: #009BC2;
}
.scrolltop .arrow-small{
display: inline-block;
position: relative;
top: 11px;
margin-right: 6px;
width: 11px;
height: 6px;
background-position: -49px -6px;
}
footer .l-2col > .info{
position: relative;
padding-right: 155px;
}
footer .l-2col > .feedback{
position: relative;
padding-left: 40px;
}
footer a:hover{
color: #009BC2;
}
footer p{
margin-bottom: 10px;
}
footer p.links a{
display: inline-block;
margin-bottom: 5px;
}
footer i{
color: #888;
font-style: normal;
}
footer .feedback p{
max-width: 450px;
}
footer .feedback nav.menu{
position: static !important;
display: grid;
grid-template-columns: auto auto auto;
grid-gap: 10px;
justify-items: left;
margin-bottom: 20px;
font-weight: bold;
}
footer .feedback nav.menu a{
color: #000;
}
footer .feedback nav.menu span{
color:#009BC2;
}
footer .feedback nav.menu a:hover{
color:#009BC2;
}
footer .logo-company-big{
position: absolute;
top: 3px;
right: 20px;
width: 114px;
height: 90px;
background-position: -128px -578px;
}
footer .info-small{
position: absolute;
top: 1px;
left: 12px;
width: 16px;
height: 16px;
background-position: -110px 0;
}
.footer-spacer{
height: 90px; pointer-events: none;
} .wheretobuy .title{
margin: 0 auto;
}
.wheretobuy .title b{
display: inline-block;
padding: 4px 15px;
margin-top: 5px;
color: #FFF;
white-space: nowrap;
border-radius: 15px;
background-color: #F38529;
}
.wheretobuy .providers{
padding: 10px; }
.wheretobuy .providers a{
display: inline-block;
margin: 5px;
transform: translate(0, 0);
transition: transform 300ms ease;
}
.wheretobuy .providers a:hover{
transform: translate(0, -2px);
}
.wheretobuy .providers a img{
border-radius: 25px;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
transition: box-shadow 300ms ease;
}
.wheretobuy .providers a:hover img{
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
} .info-sources{
margin-top: -20px;
}
.info-sources .l-1col > .col{
padding-left: 155px; }
.info-sources .b-sources{
display: inline-block;
margin-bottom: 20px;
color: #00BDE5;
text-transform: uppercase;
transition: color 300ms ease;
}
.info-sources .b-sources:hover{
cursor: pointer;
color: #009BC2;
}
.info-sources .b-sources.active{
color: #888;
}
.info-sources .b-sources.active:hover{
color: #BBB;
}
.info-sources .b-sources .arrow-small{
display: inline-block;
position: relative;
top: 6px;
margin-left: 4px;
width: 11px;
height: 6px;
background-position: -71px -6px;
}
.info-sources .b-sources.active .arrow-small{
background-position: -60px 0;
}
.info-sources .sources-list{
display: none;
list-style-type: none;
width: 92%;
max-width: 800px;
}
.info-sources .sources-list li{
margin-bottom: 8px;
letter-spacing: -0.03rem;
}
.info-sources .sources-list li span{
display: inline-block;
min-width: 20px;
padding: 1px 3px 0 2px;
margin-right: 4px;
text-align: center;
background-color: #E4E4E4;
border-radius: 2px;
}
.info-sources .sources-list a{
color: #888;
text-decoration: underline;
}
.info-sources .sources-list,
.info-sources .sources-list a{
color: rgba(136, 136, 136, 0);
transition: color 200ms ease;
}
.info-sources .sources-list.active,
.info-sources .sources-list.active a{
color: rgba(136, 136, 136, 1);
transition: color 300ms ease;
} .footer-sticky{
position: fixed;
z-index: 3000;
bottom: 0;
width: 100%;
transition: opacity 300ms ease;
}
.warn{
pointer-events: none;
touch-action: none;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}
.warn .l-wrap{
padding: 0 10px;
}
.warn-wide{
display: block;
}
.warn-narrow{
display: none;
}
.cookies{
height: auto;
max-height: 0;
overflow: hidden;
color: #444;
line-height: 16px;
line-height: 1.6rem;
background-color: #EEE;
transition: max-height 300ms ease;
}
.cookies.active{
max-height: 800px;
}
.cookies .l-wrap{
padding: 8px 20px 9px 20px;
}
.cookies .b-agree{
position: absolute;
top: 11px;
left: 20px;
width: 100px;
line-height: 30px;
color: #000;
text-transform: uppercase;
text-align: center;
border: 2px solid #000;
transition: color 300ms ease, border 300ms ease;
}
.cookies .b-agree:hover{
cursor: pointer;
color: #009BC2;
border-color: #009BC2;
}
.cookies p{
padding-left: 120px;
letter-spacing: -0.03rem;
}
.cookies p a:hover{
color: #009BC2;
} .mgt-noscript{
margin: 30px 20px 15px 20px;
padding: 14px 20px;
font-weight: bold;
text-align: center;
color: #FFF;
background-color: #F3430E;
border-radius: 10px;
}
.mgt{
margin-top: 90px;
margin-bottom: 150px;
text-align: center;
}
.mgt-sup{
opacity: 0.3;
transition: opacity 300ms ease;
}
.mgt-sup.is-hidden{
opacity: 0;
}
.mgt-content{
max-height: 1px;
overflow: hidden; opacity: 0.1;
transition: max-height 600ms ease, opacity 500ms ease;
}
.mgt-content.active{
max-height: 9999px;
opacity: 1;
transition: max-height 600ms ease, opacity 500ms ease;
}
.mgt-intro{
width: 96%;
max-width: 760px;
margin: 0 auto;
padding: 18px 30px;
}
.mgt-intro.light{
margin-top: 10px;
background-color: #FFF2E8;
}
.mgt-intro.dark{
margin-bottom: 20px;
color: #FFF;
font-weight: bold;
background-color: #FF780F;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.mgt-progress{
position: relative;
margin-top: 45px;
line-height: 3px;
}
.mgt-progress .item{
position: absolute;
z-index: 2;
top: -9px;
width: 20px;
height: 20px;
background-color: #FFF;
border-radius: 10px;
}
.mgt-progress .item{
left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.mgt-progress .item + .item{
left: 33%;
border-radius: 10px;
}
.mgt-progress .item + .item + .item{
left: 66%;
border-radius: 10px;
}
.mgt-progress .item + .item + .item + .item{
left: auto;
right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.mgt-progress .item span{
display: block;
position: absolute;
z-index: 3;
top: 4px;
left: 4px;
width: 12px;
height: 12px;
background-color: #DDEDF2;
border-radius: 50%;
}
.mgt-progress .item.active span{
background-color: #FF780F;
}
.mgt-progress .item b{
display: block;
position: absolute;
z-index: 3;
top: -10px;
left: 0;
width: 20px;
height: 20px;
font-size: 12px;
line-height: 12px;
font-weight: bold;
color: #DDEDF2;
text-align: center;
}
.mgt-progress .item.active b{
color: #FF780F;
}
.mgt-progress .stripe{
position: relative;
z-index: 1;
height: 3px;
overflow: hidden;
background-color: #DDEDF2;
}
.mgt-progress .stripe span{
display: block;
height: 3px;
overflow: hidden;
background-color: #FF780F;
transition: width 300ms ease;
}
.mgt-part1 .mgt-progress .stripe span{
width: 0;
}
.mgt-part2 .mgt-progress .stripe span{
width: 33%;
}
.mgt-part3 .mgt-progress .stripe span{
width: 66%;
}
.mgt-part4 .mgt-progress .stripe span{
width: 100%;
}
.mgt-header{
padding: 30px 30px 26px 30px;
font-weight: bold;
text-transform: uppercase;
background-color: #EAF8FA;
}
.mgt-rules{
position: relative;
padding: 10px 20px 12px 20px;
color: #FFF;
background-color: #00C2DF;
}
.mgt-rules .tail{
display: block;
position: absolute;
z-index: 2;
left: 50%;
bottom: -15px;
display: block;
width: 64px;
height: 16px;
margin-left: -32px;
background-position: 0 -32px;
}
.mgt-rules .tag{
display: inline-block;
padding: 2px 6px 1px 6px;
margin: 6px 5px 1px 5px;
font-weight: bold;
color: #000;
text-transform: uppercase;
border-radius: 2px;
}
.mgt-rules .tag.freq0{
color: #FFF;
background-color: #618E96;
}
.mgt-rules .tag.freq1{
background-color: #66FFA7;
}
.mgt-rules .tag.freq2{
background-color: #FAED1F;
}
.mgt-rules .tag.freq3{
color: #FFF;
background-color: #FF9600;
}
.mgt-rules .tag.freq4{
color: #FFF;
background-color: #FF2764;
}
.mgt-questions{
position: relative;
padding: 40px 0 100px 0;
margin-bottom: 40px;
background-color: #F0F4F5;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.mgt-lock{
position: absolute;
z-index: 6;
width: 0;
height: 0;
background-color: rgba(240, 244, 245, 0);
transition: background-color 300ms ease;
}
.mgt-lock.active{
cursor: progress;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto;
height: auto;
background-color: rgba(240, 244, 245, 0.6);
} .mgt-questions label input[type="checkbox"]{
position: absolute;
display: block;
width: 1px;
height: 1px;
overflow: hidden;
opacity: 0;
}
.mgt-select{
position: relative;
display: inline-block;
width: 96%;
max-width: 820px;
padding: 15px 30px 15px 60px;
margin: 5px auto;
text-align: left;
background-color: #FFF;
border-radius: 10px;
transition: opacity 300ms ease, background-color 200ms ease, color 200ms ease;
}
.mgt-select:hover{
cursor: pointer;
background-color: #D8F3FF;
}
.mgt-select span.mgt-checkbox{
display: block;
position: absolute;
top: 15px;
left: 20px;
width: 24px;
height: 24px;
background-color: #FFF;
border: 2px solid #BCC1C2;
border-radius: 50%;
transition: border-color 500ms ease, opacity 300ms ease, background-color 200ms ease;
}
.mgt-select:hover span.mgt-checkbox{
border-color: #7FDBEA;
}
:checked + span.mgt-select span.mgt-checkbox,
:checked + span.mgt-select:hover span.mgt-checkbox{
background-color: #00D2F1;
border-color: #B9F0F8;
} .mgt-questions label input[type="radio"]{
position: absolute;
display: block;
width: 1px;
height: 1px;
overflow: hidden;
opacity: 0;
}
.mgt-radio-group{
position: relative;
display: inline-block;
width: 96%;
max-width: 820px;
padding: 15px 20px 15px 188px;
margin: 5px auto;
text-align: left;
background-color: #FFF;
border-radius: 10px;
}
span.mgt-radio{
display: block;
position: absolute;
top: 14px;
width: 26px;
height: 26px;
background-color: #FFF;
border: 3px solid #BCC1C2;
border-radius: 50%;
font-size: 1px;
line-height: 1px;
text-indent: -9999px;
transition: border-color 500ms ease, opacity 300ms ease, background-color 200ms ease;
}
span.mgt-radio:hover{
cursor: pointer;
}
span.mgt-radio.freq0{
left: 14px;
border-color: #B1D1D7;
}
span.mgt-radio.freq0:hover{
background-color: #E4F2F5;
}
:checked + span.mgt-radio.freq0,
:checked + span.mgt-radio.freq0:hover{
cursor: default;
background-color: #7FA4AB;
border-color: #DEEDF1;
}
span.mgt-radio.freq1{
left: 48px;
border-color: #70D790;
}
span.mgt-radio.freq1:hover{
background-color: #D9FFE8;
}
:checked + span.mgt-radio.freq1,
:checked + span.mgt-radio.freq1:hover{
cursor: default;
background-color: #00EAA0;
border-color: #9FFFC5;
}
span.mgt-radio.freq2{
left: 82px;
border-color: #E9DD17;
}
span.mgt-radio.freq2:hover{
background-color: #FFFCD3;
}
:checked + span.mgt-radio.freq2,
:checked + span.mgt-radio.freq2:hover{
cursor: default;
background-color: #FFE50E;
border-color: #FFF79F;
}
span.mgt-radio.freq3{
left: 116px;
border-color: #FFA517;
}
span.mgt-radio.freq3:hover{
background-color: #FFEED2;
}
:checked + span.mgt-radio.freq3,
:checked + span.mgt-radio.freq3:hover{
cursor: default;
background-color: #FFAE00;
border-color: #FFE59F;
}
span.mgt-radio.freq4{
left: 150px;
border-color: #FF376B;
}
span.mgt-radio.freq4:hover{
background-color: #FFDEE7;
}
:checked + span.mgt-radio.freq4,
:checked + span.mgt-radio.freq4:hover{
cursor: default;
background-color: #FF0012;
border-color: #FFA7AF;
}
.mgt-submit-wrap{
position: absolute;
right: 0;
bottom: 0;
min-width: 180px;
max-width: 240px;
}
.mgt-submit,
.mgt-submit[disabled]{
position: relative;
z-index: 1;
display: block;
width: 100%;
padding: 18px 70px 18px 20px;
color: #FFF;
font-weight: bold;
text-transform: uppercase;
text-align: left;
border-bottom-right-radius: 18px;
background: #FF780F;
background: linear-gradient(to bottom, #FE8C11 0%, #FE7A11 50%, #FE8C11 100%);
outline: none;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
transition: opacity 300ms ease, box-shadow 300ms ease;
opacity: 1;
text-shadow: none;
}
.mgt-submit:hover{
opacity: 0.8;
cursor: pointer;
}
.mgt-submit:active{
opacity: 1;
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
}
.mgt-submit-wrap span{
position: absolute;
z-index: 2;
top: 50%;
right: 10px;
display: block;
width: 40px;
height: 40px;
margin-top: -20px;
background-position: -596px -130px;
}
.mgt-footnote{
color: #9F9F9F;
}
.mgt-footnote a,
.mgt-footnote a:visited{
color: #9F9F9F;
text-decoration: underline;
opacity: 1;
}
.mgt-footnote a:hover{
opacity: 0.8;
}
.mgt-results{
margin-top: 10px;
position: relative;
}
.mgt-results .score{
position: relative;
z-index: 2;
width: 90%;
max-width: 320px;
overflow: hidden;
margin: 0 auto -20px auto;
border: 5px solid #FFF;
background-color: #FFF;
border-bottom-left-radius: 18px;
border-bottom-right-radius: 18px;
}
.mgt-results .score h5{
display: block;
padding: 10px 10px 8px 10px;
font-weight: bold;
text-transform: uppercase;
background-color: #FFF2E8;
}
.mgt-results .score h2{
display: block;
padding: 14px 10px 8px 10px;
font-weight: bold;
line-height: 28px;
color: #FFF;
background-color: #FF780F;
}
.mgt-results .summary{
position: relative;
z-index: 1;
width: 96%;
max-width: 540px;
margin: 0 auto 20px auto;
}
.mgt-results .summary h3{
position: relative;
display: block;
padding: 38px 20px 22px 20px;
font-weight: bold;
color: #FFF;
background-color: #00C2DF;
}
.mgt-results .summary .tail{
display: block;
position: absolute;
z-index: 2;
left: 50%;
bottom: -15px;
display: block;
width: 64px;
height: 16px;
margin-left: -32px;
background-position: 0 -32px;
}
.mgt-results .summary .info{
padding: 30px 25px 15px 25px;
background-color: #EAF8FA;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.mgt-results .summary p{
margin-bottom: 15px;
} section.articles{
margin-top: 40px;
}
section.articles h1.section-hd{
margin-bottom: 25px;
font-size: 3.8rem;
}
.l-1col.articles-block{
margin: 65px 20px;
}
.articles-header{
position: relative;
background-color: #FE7A11;
}
.articles-header > h2{
display: block;
padding: 22px 10px 14px 10px !important;
color: #FFF;
font-weight: bold;
text-align: center;
text-transform: uppercase;
font-size: 2rem !important;
line-height: 2.7rem !important;
}
.articles-header .icon{
position: absolute;
left: 50%;
top: -66px;
display: block;
width: 80px;
height: 80px;
margin-left: -40px;
background-position: -510px -508px;
}
.articles-header .icon.articles-mg{
background-position: -270px -508px;
}
.articles-header .icon.articles-nerve{
background-position: -350px -508px;
}
.articles-header .icon.articles-women{
background-position: -430px -508px;
}
.articles-header .tail{
position: absolute;
left: 50%;
bottom: -15px;
display: block;
width: 64px;
height: 16px;
margin-left: -32px;
background-position: 0 -16px;
}
.l-1col > .col.articles-list{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 20px;
padding: 30px 10px 10px 10px;
background-color: #FFF2E8;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.articles-list a{
position: relative;
float: left;
width: 20%;
width: calc(25% - 20px);
height: 190px;
overflow: hidden;
margin: 0 10px 20px 10px;
background-color: #E0F4FF;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
border-radius: 20px;
transition: box-shadow 300ms ease; background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/articles/cover_default.webp);
}
.articles-list a:hover{
box-shadow: 0 2px 20px rgba(0, 160, 190, 0.5);
}
.articles-list a:hover div{
border-color: #28E3FF;
transform: translate(0, -4px);
}
.articles-list a:hover div b{
color: #00C8E6;
}
.blur {
position: absolute;
z-index: 1;
display: block;
bottom: 0;
left: 0;
right: 0;
height: 100px;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 160, 190, 1) 100%);
}
.articles-list a span{
}
.articles-list a div{
position: absolute;
z-index: 2;
bottom: 7px;
left: 7px;
right: 7px;
padding: 7px 11px 7px 13px;
font-size: 16px;
font-size: 1.6rem;
line-height: 21px;
line-height: 2.1rem;
background-color: #FFF;
color: #000;
border-radius: 14px;
border-right: 36px solid #00C2DF;
transition: border 300ms ease, transform 300ms ease;
}
.articles-list a div b{
color: #07B4CE;
transition: color 300ms ease;
}
.articles-list a div em{
position: absolute;
top: 50%;
right: -24px;
display: block;
width: 12px;
height: 20px;
margin-top: -10px;
background-position: -125px -25px;
} section.article{
margin-top: 90px;
background-image: none;
}
.article-nav{
margin-left: 14px; font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
color: #A7B3B5;
text-align: left;
}
.article-nav a{
display: inline-block;
padding: 2px 10px;
margin-bottom: 10px;
font-size: 1.5rem;
color: #FFF;
background-color: #00C2DF;
border-radius: 10px;
transition: background-color 300ms ease;
}
.article-nav span{
display: inline-block;
padding: 2px 10px;
margin-bottom: 10px;
font-size: 1.5rem;
color: #EEE;
background-color: #00CFEA;
border-radius: 10px;
transition: background-color 300ms ease;
}
.article-nav a:hover{
background-color: #00DCFD;
}
.container-fluid > .article-nav{
margin-left: 0;
margin-bottom: 20px;
}          @media only screen and (min-width: 1400px){
.hero-backgrounds div{
background-position: 55% 100%;
}
} @media only screen and (min-width: 1600px){
nav .content-wrap{
max-width: 1550px;
border-radius: 10px;
}
nav.sticky .content-wrap{
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.b-test,
.b-test.sticky{
top: 190px;
background-position: -140px -30px;
}
.hero{
max-width: 1550px;
}
.hero-main .hero-backgrounds{
border-radius: 20px;
}
.hero-backgrounds div{
background-position: 62% 100%;
} .b-large.res-wide{
display: inline-block;
}
.b-large.res-normal{
display: none;
}
.importance{
max-width: 1550px;
border-radius: 20px;
}
.importance .b-importance{
border-bottom-left-radius: 18px;
border-bottom-right-radius: 18px;
}
.outro{
max-width: 1550px;
border-radius: 20px;
} .map-wrap{
max-width: 1550px;
border-radius: 0 0 10px 10px;
}
} @media only screen and (max-width: 1100px){
.hero-backgrounds div{
background-position: 46% 100%;
}
.hero .col.hero-wide{
width: 55%;
}
.hero .col.hero-narrow{
width: 45%;
}
.articles-list a{
width: 30%;
width: calc(33.33% - 20px);
}
} @media only screen and (max-width: 1000px){
html{
font-size: 58%;
}
.b-large, .b-large:visited{
padding: 12px 52px 12px 13px;
margin-right: 10px;
}
.b-large span{
right: 7px;
}
.footnote{
max-width: 90%;
}
nav{
position: fixed;
top: 0;
}
nav .b-menu{
display: block;
}
nav.expanded .content-wrap{
background-color: #AF7C3C;
}
nav.expanded .b-menu{
transform: translate(260px, 0);
background-color: #FF3000;
background-position: -420px 0;
transition: transform 300ms ease, background-color 300ms ease;
}
nav ul{
position: fixed;
display: block;
width: 260px;
height: 100%;
height: 100vh;
overflow-y: auto;
background-color: #F37914;
box-shadow: 0 0 20px rgba(0, 0, 0, 0);
transform: translate(-260px, 0);
transition: transform 300ms ease, box-shadow 300ms ease;
}
nav.expanded ul{
transform: translate(0, 0);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
padding-top: 55px;
}
nav li.hidden{
display: block;
}
nav li{
display: block;
}
nav li .item{
padding: 0 10px;
line-height: 37px;
text-align: left;
}
nav li .item.nolink,
nav li .item.nolink:hover{
padding-top: 4px;
line-height: 24px;
color: #FFFA4D;
background-color: transparent;
}
nav li .item .arrow-white-down,
nav li .item .cart{
display: none;
}
nav li.dropdown .list{
position: relative;
top: auto;
left: auto;
opacity: 1;
visibility: visible;
background-color: transparent;
}
nav li.dropdown .list .item{
padding-left: 25px;
line-height: 34px;
border-top: none;
}
nav li.dropdown:hover .list{
box-shadow: none;
}
nav li.dropdown:hover .item{
background-color: transparent;
}
nav li.hidden .item{
line-height: 44px;
}
header .logo-product{
position: fixed;
left: 50px;
top: 0;
width: 140px;
height: 44px;
background-position: 0 -48px;
}
header .logo-company{
position: fixed;
top: 0;
right: 10px;
width: 56px;
height: 44px;
background-position: 0 -578px;
}
header .logo-company.shifted{
position: fixed;
right: 90px;
}
header .contact{
display: none;
}
.b-test,
.b-test.sticky{
z-index: 3002;
top: 0;
right: 0;
width: 86px;
height: 44px;
background-position: -368px -44px;
}
h2.section-hd{
margin-bottom: 50px;
}
.section-common{
margin-bottom: 80px;
}
.hero-main{
margin-top: -35px;
}
.hero-backgrounds div{
background-position: 40% 100%;
}
.hero .feats-block{    }
.hero .feats-list span{
top: 6px;
}
.hero-packs{ }
.hero-buttons .b-large{
min-width: 168px;
margin-right: 8px;
margin-bottom: 15px;
}
.hero-sub{
margin-bottom: 70px;
}
.about .blister{
margin-top: 20px;
}
.about-block ul{
margin: 10px 20px 5px 30px;
}
.about-block h4{
margin: 30px 20px 10px 30px;
}
.about-block .bullit{
top: 3px;
}
.about-block.orange{
margin-right: 68px;
}
.about-block.orange ul{
padding-bottom: 20px;
}
.about-note{
padding: 15px 18px 15px 70px;
margin: 30px 86px 20px 0px;
}
.about-note .pill{
top: -22px;
left: -12px;
}
.about-block.blue{
margin-left: 68px;
}
.about-block .acid-extra{
padding: 20px 20px 10px 30px;
}
.about-block .acid-extra p.shifted{
margin-left: 0;
margin-top: 70px;
}
.about-block .acid-extra .cow{
left: 0;
top: -60px;
}
.about-rules .header{
padding: 50px 0 30px 0;
}
.about-rules .l-2col.pulled > .col.narrow,
.about-rules .l-2col.pulled > .col.wide{
padding: 30px;
}
.about .video.wide{
margin-top: 30px;
margin-bottom: 60px;
}
.promo{
margin-top: 30px;
margin-bottom: 60px;
}
.lack .l-2col > .col.lack-wide{
width: 52%;
}
.lack .l-2col > .col.lack-narrow{
width: 48%;
}
.lack .causes-lead{
margin-top: 40px;
padding-top: 40px;
}
.lack .causes-lead .hr{
margin: 30px auto;
}
.lack .causes-lead .col{
padding: 40px 20px 50px 20px;
}
.lack .lack-gauge{
margin: 40px 20px 10px 20px;
padding: 20px 20px 10px 20px;
}
.lack-array .item-wrap{
padding: 26px 10px 10px 10px;
margin: 10px 10px 10px 10px;
}
.lack-array .item li span.bullit-black{
top: 4px;
}
.solution-lead{
margin-top: 50px;
margin-bottom: 40px;
}
.solution-lead .hr{
margin: 20px auto;
}
.solution-blown{
margin-top: 30px;
}
.lack .quality-label{
padding-top: 14px;
}
.video .vjs-default-skin .vjs-big-play-button{
font-size: 1.5em;
}
.outro{
margin-bottom: 120px;
}
.scrolltop .a{
line-height: 29px;
}
.scrolltop .arrow-small{
top: 10px;
}
.info-sources .b-sources .arrow-small{
top: 4px;
}
.mgt{
margin-top: -25px;
margin-bottom: 120px;
}
.mgt-questions{
padding-top: 30px;
}
.mgt-select span.mgt-checkbox{
top: 14px;
}
span.mgt-radio{
top: 13px;
}
.mgt-results{
margin-top: 0;
}
section.articles{
margin-top: 0;
}
section.article{
margin-top: 0px;
}
.map-wrap{ height: calc(100% - 35px);
overflow: hidden;
margin: -65px auto 80px auto;
background-color: #FBF6E3;
}
} @media only screen and (max-width: 800px){
html{
font-size: 56%;
}
.hero-backgrounds div{
background-position: 38% 100%;
}
.importance-array .item{
width: 43%;
}
.lack .cause-block .item{
width: 89%;
width: calc(92% - 20px);
}
.faq-list .question{
padding: 13px 22px 14px 38px;
}
.faq-list .question .faq-arrow{
top: 15px;
}
.faq-list .answer{
margin: 18px 40px 24px 40px;
}
footer .l-2col > .info{
padding-left: 20px;
}
footer .logo-company-big{
display: none;
}
footer .l-2col > .feedback{
padding-left: 20px;
}
footer .info-small{
top: 0;
left: -3px;
}
.info-sources .l-1col > .col{
padding-left: 20px;
}
.warn-wide{
height: 6vh;
}
.mgt-results .score h5{
padding: 8px 10px 4px 10px;
}
.mgt-results .score h2{
padding: 10px 10px 6px 10px;
}
.mgt-results .summary h3{
padding: 34px 20px 18px 20px;
}
.mgt-results .summary .info{
padding: 22px 20px 8px 20px;
}
.mgt-results .summary{
margin-bottom: 10px;
}
} @media only screen and (max-width: 767px){
sup{
font-size: 60%;
}
.footnote{
width: 100%;
}
.l-2col > .col{
width: 100%;
}
h2.section-hd{
padding: 4px 14px;
}
.hero-backgrounds div{
background-position: 28% -90px;
background-size: 1700px auto;
}
.hero .col.hero-wide,
.hero .col.hero-narrow{
width: 100%;
}
.hero-main .col.hero-wide{
height: 0;
} .hero .feats-list li{
margin-bottom: 8px;
}
.hero-packs{ }
.hero-sub{
margin-bottom: 50px;
}
.hero-sub .col.hero-narrow{
display: none;
}
.hero-buttons .b-large{
min-width: 190px;
margin-right: 10px;
}
.about-lead{
text-align: center;
}
.about-lead .footnote{
margin: 20px auto 0 auto;
}
.about .orotate-formula{
margin-top: 10px;
}
.l-2col.blister{
background-image: none;
}
.l-2col.blister > .col{
width: 50%;
background-image: none;
}
.about-block.orange{
margin-right: 0;
}
.about-block.blue{
margin-left: 0;
}
.about-note{
margin-right: 0;
}
.about-note .tail-orange-sharp{
display: none;
}
.about-rules .l-2col.pulled > .col.narrow,
.about-rules .l-2col.pulled > .col.wide{
width: 100%;
float: none;
padding: 20px 20px 10px 20px;
}
.about-rules .header{
padding: 40px 0 20px 0;
}
.about-rules table{
max-width: 500px;
}
.about .video.wide .vjs-default-skin .vjs-big-play-button{
font-size: 2em;
}
.lack .l-2col > .col.lack-wide{
width: 100%;
text-align: center;
float: none;
}
.lack .l-2col > .col.lack-narrow{
width: 98%;
max-width: 380px;
margin: 0 auto;
float: none;
}
.why-important{
margin-top: 20px;
}
.importance .tail-sand{
left: 50%;
margin-left: -25px;
}
.importance-array .array-body{
padding: 70px 10px 20px 10px;
}
.importance-array .item{
width: 40%;
width: calc(50% - 20px);
margin: 20px 10px;
}
.lack .lack-gauge{
display: none;
}
.lack-array{
padding-top: 10px;
}
.lack-array p.info{
padding: 5px 15px;
}
.lack .cause-block .item{
width: 28%;
width: calc(33% - 20px);
}
.lack .cause-block.orange{
margin-top: 70px;
}
.solution-lead{
margin-bottom: 20px;
}
.lack .solution-body{
text-align: center;
}
.lack .quality-label .tail-gray-right{
display: none;
}
.lack .packs-and-pills{
margin-top: 10px;
margin-bottom: 0;
}
.press-item{
width: 90%;
width: calc(90% - 20px);
}
.video .vjs-default-skin .vjs-big-play-button{
font-size: 2em;
}
.faq-list .question{
border-radius: 10px;
}
.outro{
margin-top: -30px;
margin-bottom: 0;
}
.outro h2{
margin-top: 30px;
margin-bottom: 10px;
margin-left: 0;
text-align: center;
}
.outro h3{
max-width: 100%;
margin-left: 0;
margin-bottom: 10px;
text-align: center;
}
.outro .age{
top: auto;
right: auto;
bottom: 14px;
left: 14px;
}
.section-common.wheretobuy{
margin-top: 100px;
}
footer .l-2col > .feedback{
padding-top: 20px;
}
footer .info-small{
top: -2px;
left: 20px;
}
.mgt{
margin-bottom: 80px;
}
.mgt-intro{
padding: 15px 20px;
}
.mgt-header{
padding: 24px 20px 20px 20px;
}
.mgt-questions{
padding-top: 20px;
padding-bottom: 90px;
}
.mgt-select{
padding: 12px 20px 12px 47px;
}
.mgt-select span.mgt-checkbox{
top: 11px;
left: 13px;
}
.mgt-radio-group{
padding: 12px 20px 12px 188px;
}
span.mgt-radio{
top: 9px;
}
.articles-list a{
width: 45%;
width: calc(50% - 20px);
height: 170px;
}
} @media only screen and (max-width: 600px){
.l-3col > .col{
float: none;
width: 100%;
}
.hero-buttons .first,
.hero-buttons .second{
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
}
.hero-buttons .b-large{
min-width: 170px;
margin-right: 5px;
margin-left: 5px;
}
.l-2col.blister > .col{
width: 100%;
}
.about-block .acid-extra p.shifted{
margin-top: 0;
}
.about-block .acid-extra .cow{
display: none;
}
.about .video.wide{
border-radius: 22px;
}
.about .video.wide .vjs-default-skin .vjs-big-play-button{
font-size: 1.7em;
}
.about .video.wide .video-js{
border-radius: 18px;
}
.promo{
border-radius: 22px;
}
.importance h3.header{
width: 100%;
}
.importance-array .item{
width: 100%;
width: calc(100% - 20px);
}
.lack-array .item-wrap{
width: 100%;
width: calc(100% - 20px);
}
.lack .cause-block .item{
width: 40%;
width: calc(50% - 20px);
}
.solution-blown{
border-radius: 20px;
}
.press .l-1col > .col{
padding: 0 10px;
}
.press-array{
padding: 0;
}
.press-item{
width: 100%;
width: calc(100% - 20px);
}
.press-item .header{
padding: 10px;
}
.video .vjs-default-skin .vjs-big-play-button{
font-size: 1.8em;
}
.faq-list .question{
padding: 8px 22px 10px 38px;
}
.faq-list .question .faq-arrow{
top: 10px;
}
.faq-list .answer{
margin: 16px 20px 20px 15px;
}
.outro .row2 .outro-packs{
max-width: 100%;
right: 15px;
}
.wheretobuy .providers{
margin-bottom: 30px;
}
.wheretobuy .providers a{
max-width: 60%;
}
.wheretobuy .pack{ }
.wheretobuy .pack.tall{
margin-top: 60px;
}
.cookies .l-wrap{
padding: 55px 10px 8px 10px;
}
.cookies .b-agree{
left: 10px;
}
.cookies p{
padding-left: 0;
text-align: justify;
}
.warn .l-wrap{
padding: 0;
}
.warn-wide{
display: none;
}
.warn-narrow{
display: block;
}
.mgt .l-1col > .col{
padding: 0 10px;
}
.mgt-radio-group{
padding: 42px 12px 10px 12px;
}
span.mgt-radio{
width: 30px;
height: 30px;
}
span.mgt-radio{
top: 8px;
}
span.mgt-radio.freq0{
left: 12px;
}
span.mgt-radio.freq1{
left: 56px;
}
span.mgt-radio.freq2{
left: 102px;
}
span.mgt-radio.freq3{
left: 148px;
}
span.mgt-radio.freq4{
left: 196px;
}
.mgt-results .score{
max-width: 300px;
}
.l-1col.articles-block{
margin: 35px 10px;
}
.l-1col > .col.articles-list{
padding: 20px 5px 2px 5px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.articles-header h4{
padding: 20px 10px 10px 10px;
}
.articles-header .icon{
top: -55px;
transform: scale(0.7);
}
.articles-list a{
width: calc(50% - 12px);
margin: 0 6px 12px 6px;
border-radius: 14px;
}
.articles-list a div{
padding: 5px 10px 5px 8px;
line-height: 20px;
line-height: 2rem;
border-radius: 10px;
border-right-width: 30px;
}
.articles-list a div em{
right: -22px;
}
.promo-header{
padding: 20px 15px 4px 15px;
}
.promo-header p{
margin: 5px 0 2px 5px;
}
.wheretobuy .title b{
margin-top: 15px;
}
} @media only screen and (max-width: 450px){
html{
font-size: 52%;
}
h2, .font-h2{
font-size: 30px;
font-size: 3rem;
line-height: 34px;
line-height: 3.4rem;
}
.hero-backgrounds div{
background-position: 30% -70px;
background-size: 1300px auto;
}
.hero-main .col.hero-wide{ }
.hero .feats-block{ }
.hero-sub h2{
padding: 10px;
}
.hero-sub h2 span{
top: 2.5rem;
left: 1px;
font-size: 10px;
}
.about .video.wide{
margin-bottom: 40px;
}
.about .video.wide .vjs-default-skin .vjs-big-play-button{
font-size: 1.3em;
}
.promo{
margin-bottom: 40px;
}
.lack .cause-block .item{
width: 100%;
width: calc(100% - 20px);
}
.importance h3.header{
padding: 25px 0 65px 0;
}
.video .vjs-default-skin .vjs-big-play-button{
font-size: 1.4em;
}
.faq-list .question{
padding: 4px 16px 6px 28px;
border-radius: 10px;
}
.faq-list .question .faq-arrow{
left: 8px;
top: 6px;
transform: scale(0.7);
}
.faq-list .answer p{
padding-bottom: 1rem;
}
.faq-list li.answer ul{
padding: 5px 0;
}
footer .l-2col > .info,
footer .l-2col > .feedback,
.info-sources .l-1col > .col{
padding-left: 10px;
}
footer .info-small{
left: 10px;
}
.info-sources .sources-list{
width: 90%;
}
.warn .l-wrap{
padding: 0;
}
.mgt-header{
padding: 20px 15px 16px 15px;
}
.mgt-rules{
padding: 10px 10px 12px 10px;
}
.mgt-rules .tag{
padding: 1px 5px 1px 5px;
margin: 5px 2px 0px 2px;
}
.mgt-questions{
padding-bottom: 80px;
margin-bottom: 30px;
}
.mgt-select{
padding: 10px 20px 10px 38px;
}
.mgt-select span.mgt-checkbox{
top: 10px;
left: 10px;
width: 20px;
height: 20px;
}
.mgt-submit-wrap{
min-width: 140px;
}
.mgt-results .score{
max-width: 270px;
margin-bottom: -15px;
border-width: 3px;
}
.mgt-results .score h2{
padding: 6px 10px 5px 10px;
}
.mgt-results .summary h3{
padding: 26px 20px 14px 20px;
}
.mgt-results .summary .info{
padding: 22px 12px 4px 12px;
}
.articles-list a{
width: 100%;
height: 150px;
}
.articles-list a div{
border-radius: 8px;
}
.article-nav a{
padding-top: 3px;
}
} .press .video-js{
padding-top: 56.20% !important;
}
#malisheva1 .vjs-big-play-button,
#malisheva2 .vjs-big-play-button{
display: none;
}
.hero .feats-block{
margin: 60px 0 0 0;
color: #656565;
background-color: rgba(255, 255, 255, 0.85);
padding: 30px 30px 0 30px;
border-radius: 20px 20px 0 0;
}
.hero .feats-block h1{
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 1.2em;
color: #000;
margin-bottom: 0.6em;
}
.hero .feats-block p{
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: 400;
color: #000;
line-height: 1.2em;
}
.hero .feats-block h1 sup{
color: #000;
opacity: 0.3;
} @media screen and (max-width: 767px){  }
img.people{
display: block;
min-height: 276px;
}
.hero-backgrounds{
display: none;
}
.hero-backgrounds div{
background-position: center 0;
background-size: contain;
}
@media (min-width: 320px) and (max-width: 767px){
.hero .feats-block h1{
font-size: calc(15px + (36 - 15) * ((100vw - 320px) / (768 - 320)));
}
.hero .feats-block p{
font-size: calc(13px + (18 - 13) * ((100vw - 320px) / (768 - 320)));
}
}
@media screen and (min-width: 768px){
.hero-main{
position: relative;
height: 590px;
}
.hero .col.hero-narrow{
height: 590px;
}
.hero .feats-block{
position: absolute;
left: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.85);
box-shadow: 20px 0 12px rgba(119, 119, 119, 0.25);
border-radius: 0 30px 0 30px;
}
.hero .feats-block h1{
font-size: 20px;
}
.hero .feats-block p{
font-size: 18px;
}
.hero .hero-wide{
display: none;
}
img.people{
display: none;
}
.hero-backgrounds{
display: block;
}
.hero-backgrounds div{
background-color: #D1CDC1;
} .herobg1020-05{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/i2/herobg1020-05.webp);
}
.herobg1020-06{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/i2/herobg1020-06.webp);
}
.hero-backgrounds div{
background-position: right 0 top 0;
background-size: auto;
}
}
@media (min-width: 768px) and (max-width: 1279px){
.hero .feats-block h1{
font-size: calc(20px + (26 - 20) * ((100vw - 768px) / (1280 - 768)));
}
.hero .feats-block p{
font-size: calc(18px + (20 - 18) * ((100vw - 768px) / (1280 - 768)));
}
}
@media screen and (min-width: 1001px){
.hero-main{
margin-top: 70px;
}
}
@media screen and (min-width: 1280px){
.hero .feats-block h1{
font-size: 26px;
}
.hero .feats-block p{
font-size: 20px;
}
}
.hero-sub .banner{
position: relative;
}
.hero-sub .less{
position: absolute;
top: 0;
bottom: 0;
left: 0;
height: 100%;
width: auto;
transition: opacity 0.5s ease;
}
.hero-sub .less.opacity{
opacity: 0;
}
.outro h2{
font-family: 'Arial', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 5rem;
line-height: 1.3em;
margin: 1em 0 0 0;
}
.outro .l-2col{
margin: 0;
}
.outro .outro-packs{
padding: 0;
}
@media screen and (min-width: 768px){
.outro{
position: relative;
margin: 0 auto;
height: 687px;
padding: 93px 0;
background-color: #FFF;
}
.outro .l-wrap{
position: static;
max-width: none;
height: 501px;
background-color: #FFF2E1;
border-radius: 20px;
}
.outro .l-wrap .col{
display: grid;
align-content: center;
height: 501px;
}
.outro .l-wrap .col.text{
width: 33em;
padding-right: 0;
}
.outro .l-wrap .col.text h2{
transform: translateX(2em);
}
.outro .l-wrap .col.pic{
padding-left: 0;
width: calc(100% - 33em);
}
.outro .l-wrap .col h2{
margin: 0;
}
.outro .age{
top: 114px;
}
}
.why_magnerot{
width: 100%; display: grid;
grid-template-columns: 1fr;
grid-auto-rows: auto; grid-template-areas:
"h"
"s1"
"s2"
"f"
"small"; padding: 0 30px;
}
.why_magnerot h3{
grid-area: h;
text-transform: uppercase;
font-size: 30px;
font-weight: 700;
line-height: 50px;
}
.why_magnerot section.one{
grid-area: s1;
}
.why_magnerot section.two{
grid-area: s2;
}
.why_magnerot footer{
grid-area: f;
}
.why_magnerot small{
grid-area: small;
}
.why_magnerot section header{
position: relative;
display: grid;
align-content: center;
height: 100px;
margin: 50px 0;
}
.why_magnerot section header h4{
font-size: 22px;
font-weight: 700;
text-transform: uppercase;
}
.why_magnerot section header h5{
font-size: 18px;
font-weight: 700;
}
.why_magnerot section.one header{
border-bottom: 4px solid #4CC7D8;
}
.why_magnerot section.two header{
border-bottom: 4px solid #F15F23;
}
.why_magnerot section div{
border: 3px solid #FBE0CE;
border-radius: 30px;
height: 140px;
margin: 0 0 30px 0;
position: relative;
display: grid;
align-content: center;
text-align: center;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 24px;
}
.why_magnerot section div img{
display: none;
}
.why_magnerot section .why1 img{
position: absolute;
left: 40px;
top: -14px;
}
.why_magnerot section .why2 img{
position: absolute;
left: 40px;
top: -15px;
}
.why_magnerot section .why3 img{
position: absolute;
left: 40px;
top: 7px;
}
.why_magnerot section .why4 img{
position: absolute;
left: 40px;
top: -12px;
}
.why_magnerot section .why5 img{
position: absolute;
left: -29px;
top: 7px;
}
.why_magnerot section .why6 img{
position: absolute;
left: 28px;
top: -12px;
}
.why_magnerot footer{
position: relative;
}
.why_magnerot footer:before{
content: "";
display: block;
background: #14BFD9;
position: absolute;
left: 60px;
right: 30px;
top: 40px;
bottom: 50px;
z-index: 0;
}
.why_magnerot footer img{
display: none;
float: right;
margin-right: 10px;
position: relative;
z-index: 1;
}
.why_magnerot footer p{
background: #F15F23;
border-radius: 0 20px;
font-weight: 400;
font-size: 25px;
line-height: 30px;
color: #FFF;
text-align: left;
padding: 30px;
margin: 70px 60px 30px 30px;
position: relative;
z-index: 1;
}
.why_magnerot small{
text-align: left;
margin-left: 30px;
}
.why_magnerot .hint{
width: 30px;
height: 30px;
background-position: -280px 0;
cursor: pointer;
position: absolute;
right: 0;
top: 33px;
}
.why_magnerot .shifted{
background-color: #EDF0F0;
width: 400px;
border-radius: 8px;
padding: 15px;
text-align: left;
color: rgba(85, 128, 135, 1);
font-size: 16px;
position: absolute;
right: 0;
top: -58px;
display: none;
}
.why_magnerot .shifted .cow{
float: left;
display: block;
width: 56px;
height: 52px;
margin-right: 15px;
background-position: -540px -130px;
}
@media screen and (min-width: 490px){
.why_magnerot section div{
text-align: left;
padding-left: 240px;
font-size: 20px;
line-height: 26px;
}
.why_magnerot section div img{
display: block;
}
}
@media screen and (min-width: 768px){
.why_magnerot section div{
font-size: 22px;
line-height: 30px;
}
.why_magnerot footer img{
display: block;
}
.why_magnerot footer p{
margin: 70px 350px 30px 30px;
}
}
@media screen and (min-width: 992px){
.why_magnerot{
width: auto;
max-width: 1550px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
grid-auto-rows: auto; grid-template-areas:
"h h"
"s1 s2"
"f f"
"small small"; }
.why_magnerot section.one > *{
margin-right: 30px;
}
.why_magnerot section.two > *{
margin-left: 30px;
}
.why_magnerot section div{
font-size: 20px;
line-height: 26px;
}
}
@media screen and (min-width: 1200px){
.why_magnerot section div{
font-size: 22px;
line-height: 30px;
}
}
.lack .cause-block .item{
text-align: left; display: grid;
align-content: center;
min-height: 80px;
padding: 0 20px 0 90px;
width: calc(100% - 20px) !important;
}
.lack .cause-block .item .atlas{
left: 45px;
top: 7px;
}
@media screen and (min-width: 768px){
.lack .cause-block .item{
width: calc(50% - 20px) !important;
}
}
.footer-spacer{
height: 220px;
}
@media (min-resolution: 140dpi){
.hero-main{
height: 360px;
}
.hero .col.hero-narrow{
height: 360px;
}
.hero .feats-block{
font-size: 50%;
}
.hero .feats-block h1{
font-size: 20px;
}
.hero .feats-block p{
font-size: 14px;
}
.hero-backgrounds div{
background-size: 75%;
}
}
#myModal{
display: none;
} .modal-dialog {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 400px;
z-index: 2;
}
.modal-content {
height: 200px;
border: 1px solid #ddd; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); background-color: #fff;
padding-top: 40px;
} .close {
cursor: pointer;
padding: 5px 10px;
margin: -10px -10px 0 0;
border: none;
background-color: transparent;
color: #000; font-size: 24px; position: absolute;
top: 10px;
right: 10px;
}
.close:hover {
color: #f00; } .modal-body a, .modal-body .close_button {
display: inline-block; width: 100px; padding: 10px; text-align: center; border: none; border-radius: 5px; color: white; text-decoration: none; font-weight: bold; margin: 5px; cursor: pointer; } .modal-body a {
background-color: #28a745 !important; color: #fff !important;
text-decoration: none;
} .modal-body .close_button {
background-color: #dc3545; } .modal-body {
text-align: center; }
.modal-body a:hover,
.modal-body .close_button:hover{
box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); }.vjs-default-skin {
color: #2c2c2c;
} @font-face {
font-family: 'VideoJS';
src: url(//magnerot.ru/wp-content/themes/magnerot/assets/vendor/video-js/font/vjs.eot);
src: url(//magnerot.ru/wp-content/themes/magnerot/assets/vendor/video-js/font/vjs.eot#iefix) format('embedded-opentype'), url(//magnerot.ru/wp-content/themes/magnerot/assets/vendor/video-js/font/vjs.woff) format('woff'), url(//magnerot.ru/wp-content/themes/magnerot/assets/vendor/video-js/font/vjs.ttf) format('truetype'), url(//magnerot.ru/wp-content/themes/magnerot/assets/vendor/video-js/font/vjs.svg#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}  .vjs-default-skin .vjs-slider { outline: 0;
position: relative;
cursor: pointer;
padding: 0; background-color: #333333;
background-color: rgba(51, 51, 51, 0.9);
}
.vjs-default-skin .vjs-slider:focus { -webkit-box-shadow: 0 0 2em #ffffff;
-moz-box-shadow: 0 0 2em #ffffff;
box-shadow: 0 0 2em #ffffff;
}
.vjs-default-skin .vjs-slider-handle {
position: absolute; left: 0;
top: 0;
}
.vjs-default-skin .vjs-slider-handle:before {
content: "\e009";
font-family: VideoJS;
font-size: 1em;
line-height: 1;
text-align: center;
position: absolute;
top: 0;
left: 0;  -webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
} .vjs-default-skin .vjs-control-bar { display: none;
position: absolute; bottom: 0; left: 0;
right: 0; height: 3.0em; background-color: #fafafa;
background-color: rgba(255, 255, 255, 0.9);
} .vjs-default-skin.vjs-has-started .vjs-control-bar {
display: block; visibility: visible;
opacity: 1; -webkit-transition: visibility 0.1s, opacity 0.1s;
-moz-transition: visibility 0.1s, opacity 0.1s;
-o-transition: visibility 0.1s, opacity 0.1s;
transition: visibility 0.1s, opacity 0.1s;
} .vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
display: block;
visibility: hidden;
opacity: 0; -webkit-transition: visibility 1s, opacity 1s;
-moz-transition: visibility 1s, opacity 1s;
-o-transition: visibility 1s, opacity 1s;
transition: visibility 1s, opacity 1s;
}
.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
display: none;
}
.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
display: none;
} .vjs-default-skin.vjs-error .vjs-control-bar {
display: none;
} .vjs-audio.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
opacity: 1;
visibility: visible;
} @media \0screen {
.vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
content: "";
}
} .vjs-default-skin .vjs-control {
outline: none;
position: relative;
float: left;
text-align: center;
margin: 0;
padding: 0;
height: 3.0em;
width: 4em;
} .vjs-default-skin .vjs-control:before {
font-family: VideoJS;
font-size: 1.5em;
line-height: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
} .vjs-default-skin .vjs-control-text { border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
} .vjs-default-skin .vjs-play-control {
width: 5em;
cursor: pointer;
}
.vjs-default-skin .vjs-play-control:before {
content: "\e001";
}
.vjs-default-skin.vjs-playing .vjs-play-control:before {
content: "\e002";
} .vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
font-size: 1.5em;
line-height: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
}
.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
width: 4em;
left: -2em;
list-style: none;
} .vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
cursor: pointer;
float: right;
}
.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
content: "\e006";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
content: "\e003";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
content: "\e004";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
content: "\e005";
}
.vjs-default-skin .vjs-volume-control {
width: 5em;
float: right;
}
.vjs-default-skin .vjs-volume-bar {
width: 5em;
height: 0.5em;
margin: 1.2em auto 0;
}
.vjs-default-skin .vjs-volume-level {
position: absolute;
top: 0;
left: 0;
height: 0.5em; width: 100%;
background-color: #47c2df;
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
width: 0.5em;
height: 0.5em;
display: none; left: 4.5em;
}
.vjs-default-skin .vjs-volume-handle:before {
font-size: 0.9em;
top: -0.2em;
left: -0.2em;
width: 1em;
height: 1em;
} .vjs-default-skin .vjs-volume-menu-button .vjs-menu {
display: block;
width: 0;
height: 0;
border-top-color: transparent;
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
height: 0;
width: 0;
}
.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing {
border-top-color: rgba(7, 40, 50, 0.5); }
.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing .vjs-menu-content {
height: 2.9em;
width: 10em;
} .vjs-default-skin .vjs-progress-control {
position: absolute;
left: 0;
right: 0;
width: auto;
font-size: 0.3em;
height: 1em; top: -1em;  -webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
} .vjs-default-skin:hover .vjs-progress-control {
font-size: .9em;  -webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
} .vjs-default-skin .vjs-progress-holder {
height: 100%;
} .vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress div {
position: absolute;
display: block;
height: 100%;
margin: 0;
padding: 0; width: 0; left: 0;
top: 0;
}
.vjs-default-skin .vjs-play-progress { background-color: #47c2df;
}
.vjs-default-skin .vjs-load-progress {
background: #646464 ;
background: rgba(255, 255, 255, 0.2);
} .vjs-default-skin .vjs-load-progress div {
background: #787878 ;
background: rgba(255, 255, 255, 0.1);
}
.vjs-default-skin .vjs-seek-handle {
display: none;
width: 1.5em;
height: 100%;
}
.vjs-default-skin .vjs-seek-handle:before {
padding-top: 0.1em ;
} .vjs-default-skin.vjs-live .vjs-time-controls,
.vjs-default-skin.vjs-live .vjs-time-divider,
.vjs-default-skin.vjs-live .vjs-progress-control {
display: none;
}
.vjs-default-skin.vjs-live .vjs-live-display {
display: block;
} .vjs-default-skin .vjs-live-display {
display: none;
font-size: 1em;
line-height: 3em;
} .vjs-default-skin .vjs-time-controls {
font-size: 1em; line-height: 3em;
}
.vjs-default-skin .vjs-current-time {
float: left;
}
.vjs-default-skin .vjs-duration {
float: left;
} .vjs-default-skin .vjs-remaining-time {
display: none;
float: left;
}
.vjs-time-divider {
float: left;
line-height: 3em;
} .vjs-default-skin .vjs-fullscreen-control {
width: 3.8em;
cursor: pointer;
float: right;
}
.vjs-default-skin .vjs-fullscreen-control:before {
content: "\e000";
} .vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
content: "\e00b";
} .vjs-default-skin .vjs-big-play-button {
left: 50%;
top: 50%;
font-size: 3em;
display: block;
z-index: 2;
position: absolute;
width: 5em;
height: 5em;
margin: -2.5em 0 0 -2.5em;
text-align: center;
vertical-align: middle;
cursor: pointer;
opacity: 1;
color: #fff;
background: #26d0f7 url(//magnerot.ru/wp-content/themes/magnerot/assets/images/i/vjs-play.png) 50% 50% no-repeat;
background-size: contain;
border: none; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; -webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
} .vjs-default-skin.vjs-big-play-centered .vjs-big-play-button { left: 50%;
margin-left: -2.1em; top: 50%;
margin-top: -1.4000000000000001em;
} .vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
display: none;
} .vjs-default-skin.vjs-has-started .vjs-big-play-button {
display: none;
} .vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
display: none;
}
.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
outline: 0;
background-color: #26d0f7; -webkit-transition: all 0s;
-moz-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
}
.vjs-default-skin .vjs-big-play-button:before { content: " ";
font-family: VideoJS;
line-height: 5em;
text-align: center ;
position: absolute;
left: 0;
width: 100%;
height: 100%;
}
.vjs-error .vjs-big-play-button {
display: none;
} .vjs-error-display {
display: none;
}
.vjs-error .vjs-error-display {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.vjs-error .vjs-error-display:before {
content: 'X';
font-family: Arial;
font-size: 4em;
color: #666666; line-height: 1;
text-shadow: 0.05em 0.05em 0.1em #000;
text-align: center ;
vertical-align: middle;
position: absolute;
left: 0;
top: 50%;
margin-top: -0.5em;
width: 100%;
}
.vjs-error-display div {
position: absolute;
bottom: 1em;
right: 0;
left: 0;
font-size: 1.4em;
text-align: center;
padding: 3px;
background: #000000;
background: rgba(0, 0, 0, 0.5);
}
.vjs-error-display a,
.vjs-error-display a:visited {
color: #F4A460;
} .vjs-loading-spinner { display: none;
position: absolute;
top: 50%;
left: 50%;
color: #fff;
font-size: 8em;
line-height: 1;
width: 1em;
height: 1em;
margin-left: -0.5em;
margin-top: -0.8em;
opacity: 0.75;
} .vjs-waiting .vjs-loading-spinner,
.vjs-seeking .vjs-loading-spinner {
display: block;  -webkit-animation: spin 1.5s infinite linear;
-moz-animation: spin 1.5s infinite linear;
-o-animation: spin 1.5s infinite linear;
animation: spin 1.5s infinite linear;
} .vjs-error .vjs-loading-spinner {
display: none;  -webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none;
}
.vjs-default-skin .vjs-loading-spinner:before {
content: "\e01e";
font-family: VideoJS;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
text-align: center;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(359deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
} .vjs-default-skin .vjs-menu-button {
float: right;
cursor: pointer;
}
.vjs-default-skin .vjs-menu {
display: none;
position: absolute;
bottom: 0;
left: 0em; width: 0em;
height: 0em;
margin-bottom: 3em;
border-left: 2em solid transparent;
border-right: 2em solid transparent;
border-top: 1.55em solid #000000; border-top-color: rgba(7, 40, 50, 0.5); } .vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
display: block;
padding: 0;
margin: 0;
position: absolute;
width: 10em;
bottom: 1.5em; max-height: 15em;
overflow: auto;
left: -5em;  background-color: #07141e;
background-color: rgba(7, 20, 30, 0.7);
}
.vjs-default-skin .vjs-menu-button:hover .vjs-control-content .vjs-menu,
.vjs-default-skin .vjs-control-content .vjs-menu.vjs-lock-showing {
display: block;
} .vjs-default-skin.vjs-scrubbing .vjs-menu-button:hover .vjs-control-content .vjs-menu {
display: none;
}
.vjs-default-skin .vjs-menu-button ul li {
list-style: none;
margin: 0;
padding: 0.3em 0 0.3em 0;
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
text-transform: lowercase;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
background-color: #000;
}
.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
outline: 0;
color: #111; background-color: #ffffff;
background-color: rgba(255, 255, 255, 0.75); -webkit-box-shadow: 0 0 1em #ffffff;
-moz-box-shadow: 0 0 1em #ffffff;
box-shadow: 0 0 1em #ffffff;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
text-align: center;
text-transform: uppercase;
font-size: 1em;
line-height: 2em;
padding: 0;
margin: 0 0 0.3em 0;
font-weight: bold;
cursor: default;
} .vjs-default-skin .vjs-subtitles-button:before {
content: "\e00c";
} .vjs-default-skin .vjs-captions-button:before {
content: "\e008";
} .vjs-default-skin .vjs-chapters-button:before {
content: "\e00c";
}
.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {
width: 24em;
left: -12em;
} .vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before { -webkit-box-shadow: 0 0 1em #ffffff;
-moz-box-shadow: 0 0 1em #ffffff;
box-shadow: 0 0 1em #ffffff;
} .video-js {
background-color: #fff;
position: relative;
padding: 0; font-size: 10px; vertical-align: middle;   font-weight: normal;
font-style: normal;    -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} .video-js .vjs-tech {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .video-js:-moz-full-screen {
position: absolute;
} body.vjs-full-window {
padding: 0;
margin: 0;
height: 100%; overflow-y: auto;
}
.video-js.vjs-fullscreen {
position: fixed;
overflow: hidden;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100% !important;
height: 100% !important; _position: absolute;
}
.video-js:-webkit-full-screen {
width: 100% !important;
height: 100% !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
cursor: none;
} .vjs-poster {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
cursor: pointer;
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.vjs-poster img {
display: block;
margin: 0 auto;
max-height: 100%;
padding: 0;
width: 100%;
} .video-js.vjs-has-started .vjs-poster {
display: none;
} .video-js.vjs-audio.vjs-has-started .vjs-poster {
display: block;
} .video-js.vjs-controls-disabled .vjs-poster {
display: none;
} .video-js.vjs-using-native-controls .vjs-poster {
display: none;
}  .video-js .vjs-text-track-display {
position: absolute;
top: 0;
left: 0;
bottom: 3em;
right: 0;
pointer-events: none;
} .vjs-caption-settings {
position: relative;
top: 1em;
background-color: #000;
opacity: 0.75;
color: #FFF;
margin: 0 auto;
padding: 0.5em;
height: 15em;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width: 40em;
}
.vjs-caption-settings .vjs-tracksettings {
top: 0;
bottom: 2em;
left: 0;
right: 0;
position: absolute;
overflow: auto;
}
.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
float: left;
}
.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-font:after,
.vjs-caption-settings .vjs-tracksettings-controls:after {
clear: both;
}
.vjs-caption-settings .vjs-tracksettings-controls {
position: absolute;
bottom: 1em;
right: 1em;
}
.vjs-caption-settings .vjs-tracksetting {
margin: 5px;
padding: 3px;
min-height: 40px;
}
.vjs-caption-settings .vjs-tracksetting label {
display: block;
width: 100px;
margin-bottom: 5px;
}
.vjs-caption-settings .vjs-tracksetting span {
display: inline;
margin-left: 5px;
}
.vjs-caption-settings .vjs-tracksetting > div {
margin-bottom: 5px;
min-height: 20px;
}
.vjs-caption-settings .vjs-tracksetting > div:last-child {
margin-bottom: 0;
padding-bottom: 0;
min-height: 0;
}
.vjs-caption-settings label > input {
margin-right: 10px;
}
.vjs-caption-settings input[type="button"] {
width: 40px;
height: 40px;
} .vjs-hidden {
display: none !important;
}
.vjs-lock-showing {
display: block !important;
opacity: 1;
visibility: visible;
} .vjs-no-js {
padding: 2em;
color: #ccc;
background-color: #333;
font-size: 1.8em;
font-family: Arial, sans-serif;
text-align: center;
width: 30em;
height: 15em;
margin: 0 auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
color: #F4A460;
}

@media print{
*, ::after, ::before{
text-shadow: none !important;
box-shadow: none !important
}
a, a:visited{
text-decoration: underline
}
abbr[title]::after{
content: " (" attr(title) ")"
}
pre{
white-space: pre-wrap !important;
border: 1px solid #999;
page-break-inside: avoid
}
thead{
display: table-header-group
}
img, tr{
page-break-inside: avoid
}
p{
orphans: 3;
widows: 3
}
h2, h3{
orphans: 3;
widows: 3;
page-break-after: avoid;
}
.table{
border-collapse: collapse !important
}
.table td, .table th{
background-color: #FFF !important
}
.table-bordered td, .table-bordered th{
border: 1px solid #DDD !important
}
}
@-ms-viewport{
width: device-width
}
[tabindex="-1"]:focus{
outline: 0 !important
}
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6{
margin-top: 0;
margin-bottom: .5rem
}
.article-content h2{
padding-top: 5px;
margin-bottom: 2rem;
font-size: 2.6rem;
line-height: 3.1rem;
font-weight: normal;
scroll-margin-top: 50px;
}
@media (max-width: 1000px) {
.article-content h2{
scroll-margin-top: 100px;
}
}
.article-content h3{
margin-bottom: 1.2rem;
}
.article-content strong{
margin-bottom: 1rem;
display: block;
} .article-content p{
margin-top: 0;
margin-bottom: 2rem
}
.article-content b,
.article-content strong{
font-weight: bolder
}
.article-content small{
font-size: 80%
}
.article-content sub,
.article-content sup{
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline
}
.article-content sub{
bottom: -.25em
}
.article-content sup{
top: -.5em
}
.article-content a{
color: #007BFF;
text-decoration: underline;
background-color: transparent;
-webkit-text-decoration-skip: objects
}
.article-content a:hover{
color: #0056B3;
text-decoration: underline;
}
.article-content a:not([href]):not([tabindex]){
color: inherit;
text-decoration: none
}
.article-content a:not([href]):not([tabindex]):focus,
.article-content a:not([href]):not([tabindex]):hover{
color: inherit;
text-decoration: none
}
.article-content a:not([href]):not([tabindex]):focus{
outline: 0
}
.article-content img{
display: inline-block;
vertical-align: middle;
border-style: none
}
[role=button],
a,
area,
button{
-ms-touch-action: manipulation;
touch-action: manipulation
}
table{
border-collapse: collapse
}
th{
text-align: inherit
}
button{
border-radius: 0
}
button:focus{
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color
}
button{
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
button{
text-transform: none;
overflow: visible
}
button,
html [type=button]{
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,
button::-moz-focus-inner{
padding: 0;
border-style: none
}
[hidden]{
display: none !important
}
.small{
font-size: 80%;
font-weight: 400
}
.article-content .img-fluid{
max-width: 100%;
height: auto
}
.row{
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; margin-left: -15px
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto{
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px
}
.col{
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-auto{
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-1{
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-2{
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-3{
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-4{
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-5{
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-6{
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-7{
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-8{
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-9{
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-10{
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-11{
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-12{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-first{
-ms-flex-order: -1;
order: -1
}
.order-1{
-ms-flex-order: 1;
order: 1
}
.order-2{
-ms-flex-order: 2;
order: 2
}
.order-3{
-ms-flex-order: 3;
order: 3
}
.order-4{
-ms-flex-order: 4;
order: 4
}
.order-5{
-ms-flex-order: 5;
order: 5
}
.order-6{
-ms-flex-order: 6;
order: 6
}
.order-7{
-ms-flex-order: 7;
order: 7
}
.order-8{
-ms-flex-order: 8;
order: 8
}
.order-9{
-ms-flex-order: 9;
order: 9
}
.order-10{
-ms-flex-order: 10;
order: 10
}
.order-11{
-ms-flex-order: 11;
order: 11
}
.order-12{
-ms-flex-order: 12;
order: 12
}
.offset-1{
margin-left: 8.333333%
}
.offset-2{
margin-left: 16.666667%
}
.offset-3{
margin-left: 25%
}
.offset-4{
margin-left: 33.333333%
}
.offset-5{
margin-left: 41.666667%
}
.offset-6{
margin-left: 50%
}
.offset-7{
margin-left: 58.333333%
}
.offset-8{
margin-left: 66.666667%
}
.offset-9{
margin-left: 75%
}
.offset-10{
margin-left: 83.333333%
}
.offset-11{
margin-left: 91.666667%
}
@media (min-width: 576px){
.col-sm{
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-sm-auto{
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-sm-1{
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-sm-2{
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-sm-3{
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-sm-4{
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-sm-5{
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-sm-6{
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-sm-7{
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-sm-8{
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-sm-9{
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-sm-10{
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-sm-11{
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-sm-12{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-sm-first{
-ms-flex-order: -1;
order: -1
}
.order-sm-1{
-ms-flex-order: 1;
order: 1
}
.order-sm-2{
-ms-flex-order: 2;
order: 2
}
.order-sm-3{
-ms-flex-order: 3;
order: 3
}
.order-sm-4{
-ms-flex-order: 4;
order: 4
}
.order-sm-5{
-ms-flex-order: 5;
order: 5
}
.order-sm-6{
-ms-flex-order: 6;
order: 6
}
.order-sm-7{
-ms-flex-order: 7;
order: 7
}
.order-sm-8{
-ms-flex-order: 8;
order: 8
}
.order-sm-9{
-ms-flex-order: 9;
order: 9
}
.order-sm-10{
-ms-flex-order: 10;
order: 10
}
.order-sm-11{
-ms-flex-order: 11;
order: 11
}
.order-sm-12{
-ms-flex-order: 12;
order: 12
}
.offset-sm-0{
margin-left: 0
}
.offset-sm-1{
margin-left: 8.333333%
}
.offset-sm-2{
margin-left: 16.666667%
}
.offset-sm-3{
margin-left: 25%
}
.offset-sm-4{
margin-left: 33.333333%
}
.offset-sm-5{
margin-left: 41.666667%
}
.offset-sm-6{
margin-left: 50%
}
.offset-sm-7{
margin-left: 58.333333%
}
.offset-sm-8{
margin-left: 66.666667%
}
.offset-sm-9{
margin-left: 75%
}
.offset-sm-10{
margin-left: 83.333333%
}
.offset-sm-11{
margin-left: 91.666667%
}
}
@media (min-width: 768px){
.col-md{
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-md-auto{
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-md-1{
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-md-2{
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-md-3{
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-md-4{
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-md-5{
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-md-6{
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-md-7{
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-md-8{
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-md-9{
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-md-10{
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-md-11{
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-md-12{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-md-first{
-ms-flex-order: -1;
order: -1
}
.order-md-1{
-ms-flex-order: 1;
order: 1
}
.order-md-2{
-ms-flex-order: 2;
order: 2
}
.order-md-3{
-ms-flex-order: 3;
order: 3
}
.order-md-4{
-ms-flex-order: 4;
order: 4
}
.order-md-5{
-ms-flex-order: 5;
order: 5
}
.order-md-6{
-ms-flex-order: 6;
order: 6
}
.order-md-7{
-ms-flex-order: 7;
order: 7
}
.order-md-8{
-ms-flex-order: 8;
order: 8
}
.order-md-9{
-ms-flex-order: 9;
order: 9
}
.order-md-10{
-ms-flex-order: 10;
order: 10
}
.order-md-11{
-ms-flex-order: 11;
order: 11
}
.order-md-12{
-ms-flex-order: 12;
order: 12
}
.offset-md-0{
margin-left: 0
}
.offset-md-1{
margin-left: 8.333333%
}
.offset-md-2{
margin-left: 16.666667%
}
.offset-md-3{
margin-left: 25%
}
.offset-md-4{
margin-left: 33.333333%
}
.offset-md-5{
margin-left: 41.666667%
}
.offset-md-6{
margin-left: 50%
}
.offset-md-7{
margin-left: 58.333333%
}
.offset-md-8{
margin-left: 66.666667%
}
.offset-md-9{
margin-left: 75%
}
.offset-md-10{
margin-left: 83.333333%
}
.offset-md-11{
margin-left: 91.666667%
}
}
@media (min-width: 992px){
.col-lg{
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-lg-auto{
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-lg-1{
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-lg-2{
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-lg-3{
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-lg-4{
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-lg-5{
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-lg-6{
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-lg-7{
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-lg-8{
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-lg-9{
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-lg-10{
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-lg-11{
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-lg-12{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-lg-first{
-ms-flex-order: -1;
order: -1
}
.order-lg-1{
-ms-flex-order: 1;
order: 1
}
.order-lg-2{
-ms-flex-order: 2;
order: 2
}
.order-lg-3{
-ms-flex-order: 3;
order: 3
}
.order-lg-4{
-ms-flex-order: 4;
order: 4
}
.order-lg-5{
-ms-flex-order: 5;
order: 5
}
.order-lg-6{
-ms-flex-order: 6;
order: 6
}
.order-lg-7{
-ms-flex-order: 7;
order: 7
}
.order-lg-8{
-ms-flex-order: 8;
order: 8
}
.order-lg-9{
-ms-flex-order: 9;
order: 9
}
.order-lg-10{
-ms-flex-order: 10;
order: 10
}
.order-lg-11{
-ms-flex-order: 11;
order: 11
}
.order-lg-12{
-ms-flex-order: 12;
order: 12
}
.offset-lg-0{
margin-left: 0
}
.offset-lg-1{
margin-left: 8.333333%
}
.offset-lg-2{
margin-left: 16.666667%
}
.offset-lg-3{
margin-left: 25%
}
.offset-lg-4{
margin-left: 33.333333%
}
.offset-lg-5{
margin-left: 41.666667%
}
.offset-lg-6{
margin-left: 50%
}
.offset-lg-7{
margin-left: 58.333333%
}
.offset-lg-8{
margin-left: 66.666667%
}
.offset-lg-9{
margin-left: 75%
}
.offset-lg-10{
margin-left: 83.333333%
}
.offset-lg-11{
margin-left: 91.666667%
}
}
@media (min-width: 1200px){
.col-xl{
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-xl-auto{
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-xl-1{
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-xl-2{
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-xl-3{
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-xl-4{
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-xl-5{
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-xl-6{
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-xl-7{
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-xl-8{
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-xl-9{
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-xl-10{
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-xl-11{
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-xl-12{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-xl-first{
-ms-flex-order: -1;
order: -1
}
.order-xl-1{
-ms-flex-order: 1;
order: 1
}
.order-xl-2{
-ms-flex-order: 2;
order: 2
}
.order-xl-3{
-ms-flex-order: 3;
order: 3
}
.order-xl-4{
-ms-flex-order: 4;
order: 4
}
.order-xl-5{
-ms-flex-order: 5;
order: 5
}
.order-xl-6{
-ms-flex-order: 6;
order: 6
}
.order-xl-7{
-ms-flex-order: 7;
order: 7
}
.order-xl-8{
-ms-flex-order: 8;
order: 8
}
.order-xl-9{
-ms-flex-order: 9;
order: 9
}
.order-xl-10{
-ms-flex-order: 10;
order: 10
}
.order-xl-11{
-ms-flex-order: 11;
order: 11
}
.order-xl-12{
-ms-flex-order: 12;
order: 12
}
.offset-xl-0{
margin-left: 0
}
.offset-xl-1{
margin-left: 8.333333%
}
.offset-xl-2{
margin-left: 16.666667%
}
.offset-xl-3{
margin-left: 25%
}
.offset-xl-4{
margin-left: 33.333333%
}
.offset-xl-5{
margin-left: 41.666667%
}
.offset-xl-6{
margin-left: 50%
}
.offset-xl-7{
margin-left: 58.333333%
}
.offset-xl-8{
margin-left: 66.666667%
}
.offset-xl-9{
margin-left: 75%
}
.offset-xl-10{
margin-left: 83.333333%
}
.offset-xl-11{
margin-left: 91.666667%
}
}
.table{
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
background-color: transparent
}
.table td,
.table th{
padding: .75rem;
vertical-align: top;
border-top: 1px solid #E9ECEF
}
.table thead th{
vertical-align: bottom;
border-bottom: 2px solid #E9ECEF
}
.table tbody + tbody{
border-top: 2px solid #E9ECEF
}
.table .table{
background-color: #FFF
}
.table-sm td,
.table-sm th{
padding: .3rem
}
.table-bordered{
border: 1px solid #E9ECEF
}
.table-bordered td,
.table-bordered th{
border: 1px solid #E9ECEF
}
.table-bordered thead td,
.table-bordered thead th{
border-bottom-width: 2px
}
.table-striped tbody tr:nth-of-type(odd){
background-color: rgba(0, 0, 0, .05)
}
.table-hover tbody tr:hover{
background-color: rgba(0, 0, 0, .075)
}
.table-primary,
.table-primary > td,
.table-primary > th{
background-color: #B8DAFF
}
.table-hover .table-primary:hover{
background-color: #9FCDFF
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th{
background-color: #9FCDFF
}
.table-secondary,
.table-secondary > td,
.table-secondary > th{
background-color: #DDDFE2
}
.table-hover .table-secondary:hover{
background-color: #CFD2D6
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th{
background-color: #CFD2D6
}
.table-success,
.table-success > td,
.table-success > th{
background-color: #C3E6CB
}
.table-hover .table-success:hover{
background-color: #B1DFBB
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th{
background-color: #B1DFBB
}
.table-info,
.table-info > td,
.table-info > th{
background-color: #BEE5EB
}
.table-hover .table-info:hover{
background-color: #ABDDE5
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th{
background-color: #ABDDE5
}
.table-warning,
.table-warning > td,
.table-warning > th{
background-color: #FFEEBA
}
.table-hover .table-warning:hover{
background-color: #FFE8A1
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th{
background-color: #FFE8A1
}
.table-danger,
.table-danger > td,
.table-danger > th{
background-color: #F5C6CB
}
.table-hover .table-danger:hover{
background-color: #F1B0B7
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th{
background-color: #F1B0B7
}
.table-light,
.table-light > td,
.table-light > th{
background-color: #FDFDFE
}
.table-hover .table-light:hover{
background-color: #ECECF6
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th{
background-color: #ECECF6
}
.table-dark,
.table-dark > td,
.table-dark > th{
background-color: #C6C8CA
}
.table-hover .table-dark:hover{
background-color: #B9BBBE
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th{
background-color: #B9BBBE
}
.table .thead-dark th{
color: #FFF;
background-color: #212529;
border-color: #32383E
}
.table .thead-light th{
color: #495057;
background-color: #E9ECEF;
border-color: #E9ECEF
}
.table-dark{
color: #FFF;
background-color: #212529
}
.table-dark td,
.table-dark th,
.table-dark thead th{
border-color: #32383E
}
.table-dark.table-bordered{
border: 0
}
.table-dark.table-striped tbody tr:nth-of-type(odd){
background-color: rgba(255, 255, 255, .05)
}
.table-dark.table-hover tbody tr:hover{
background-color: rgba(255, 255, 255, .075)
}
@media (max-width: 575px){
.table-responsive-sm{
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.table-responsive-sm.table-bordered{
border: 0
}
}
@media (max-width: 767px){
.table-responsive-md{
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.table-responsive-md.table-bordered{
border: 0
}
}
@media (max-width: 991px){
.table-responsive-lg{
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.table-responsive-lg.table-bordered{
border: 0
}
}
@media (max-width: 1199px){
.table-responsive-xl{
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.table-responsive-xl.table-bordered{
border: 0
}
}
.table-responsive{
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.table-responsive.table-bordered{
border: 0
}
.card{
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #FFF;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: .25rem
}
.card > .list-group:first-child .list-group-item:first-child{
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.card > .list-group:last-child .list-group-item:last-child{
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem
}
.card-body{
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem
}
.d-none{
display: none !important
}
.d-inline{
display: inline !important
}
.d-inline-block{
display: inline-block !important
}
.d-block{
display: block !important
}
.d-table{
display: table !important
}
.d-table-row{
display: table-row !important
}
.d-table-cell{
display: table-cell !important
}
.d-flex{
display: -ms-flexbox !important;
display: flex !important
}
@media (min-width: 576px){
.d-sm-none{
display: none !important
}
.d-sm-inline{
display: inline !important
}
.d-sm-inline-block{
display: inline-block !important
}
.d-sm-block{
display: block !important
}
.d-sm-table{
display: table !important
}
.d-sm-table-row{
display: table-row !important
}
.d-sm-table-cell{
display: table-cell !important
}
.d-sm-flex{
display: -ms-flexbox !important;
display: flex !important
}
}
@media (min-width: 768px){
.d-md-none{
display: none !important
}
.d-md-inline{
display: inline !important
}
.d-md-inline-block{
display: inline-block !important
}
.d-md-block{
display: block !important
}
.d-md-table{
display: table !important
}
.d-md-table-row{
display: table-row !important
}
.d-md-table-cell{
display: table-cell !important
}
.d-md-flex{
display: -ms-flexbox !important;
display: flex !important
}
}
@media (min-width: 992px){
.d-lg-none{
display: none !important
}
.d-lg-inline{
display: inline !important
}
.d-lg-inline-block{
display: inline-block !important
}
.d-lg-block{
display: block !important
}
.d-lg-table{
display: table !important
}
.d-lg-table-row{
display: table-row !important
}
.d-lg-table-cell{
display: table-cell !important
}
.d-lg-flex{
display: -ms-flexbox !important;
display: flex !important
}
}
@media (min-width: 1200px){
.d-xl-none{
display: none !important
}
.d-xl-inline{
display: inline !important
}
.d-xl-inline-block{
display: inline-block !important
}
.d-xl-block{
display: block !important
}
.d-xl-table{
display: table !important
}
.d-xl-table-row{
display: table-row !important
}
.d-xl-table-cell{
display: table-cell !important
}
.d-xl-flex{
display: -ms-flexbox !important;
display: flex !important
}
}
.flex-column{
-ms-flex-direction: column !important;
flex-direction: column !important
}
.align-items-start{
-ms-flex-align: start !important;
align-items: flex-start !important
}
.align-items-end{
-ms-flex-align: end !important;
align-items: flex-end !important
}
.align-items-center{
-ms-flex-align: center !important;
align-items: center !important
}
.align-self-start{
-ms-flex-item-align: start !important;
align-self: flex-start !important
}
.align-self-end{
-ms-flex-item-align: end !important;
align-self: flex-end !important
}
.float-left{
float: left !important
}
.w-25{
width: 25% !important
}
.w-50{
width: 50% !important
}
.w-75{
width: 75% !important
}
.w-100{
width: 100% !important
}
.h-25{
height: 25% !important
}
.h-50{
height: 50% !important
}
.h-75{
height: 75% !important
}
.h-100{
height: 100% !important
}
.mw-100{
max-width: 100% !important
}
.mh-100{
max-height: 100% !important
}
.m-0{
margin: 0 !important
}
.mt-0,
.my-0{
margin-top: 0 !important
}
.mr-0,
.mx-0{
margin-right: 0 !important
}
.mb-0,
.my-0{
margin-bottom: 0 !important
}
.ml-0,
.mx-0{
margin-left: 0 !important
}
.m-1{
margin: .25rem !important
}
.mt-1,
.my-1{
margin-top: .25rem !important
}
.mr-1,
.mx-1{
margin-right: .25rem !important
}
.mb-1,
.my-1{
margin-bottom: .25rem !important
}
.ml-1,
.mx-1{
margin-left: .25rem !important
}
.m-2{
margin: .5rem !important
}
.mt-2,
.my-2{
margin-top: .5rem !important
}
.mr-2,
.mx-2{
margin-right: .5rem !important
}
.mb-2,
.my-2{
margin-bottom: .5rem !important
}
.ml-2,
.mx-2{
margin-left: .5rem !important
}
.m-3{
margin: 1rem !important
}
.mt-3,
.my-3{
margin-top: 1rem !important
}
.mr-3,
.mx-3{
margin-right: 1rem !important
}
.mb-3,
.my-3{
margin-bottom: 1rem !important
}
.ml-3,
.mx-3{
margin-left: 1rem !important
}
.m-4{
margin: 1.5rem !important
}
.mt-4,
.my-4{
margin-top: 1.5rem !important
}
.mr-4,
.mx-4{
margin-right: 1.5rem !important
}
.mb-4,
.my-4{
margin-bottom: 1.5rem !important
}
.ml-4,
.mx-4{
margin-left: 1.5rem !important
}
.m-5{
margin: 3rem !important
}
.mt-5,
.my-5{
margin-top: 3rem !important
}
.mr-5,
.mx-5{
margin-right: 3rem !important
}
.mb-5,
.my-5{
margin-bottom: 3rem !important
}
.ml-5,
.mx-5{
margin-left: 3rem !important
}
.p-0{
padding: 0 !important
}
.pt-0,
.py-0{
padding-top: 0 !important
}
.pr-0,
.px-0{
padding-right: 0 !important
}
.pb-0,
.py-0{
padding-bottom: 0 !important
}
.pl-0,
.px-0{
padding-left: 0 !important
}
.p-1{
padding: .25rem !important
}
.pt-1,
.py-1{
padding-top: .25rem !important
}
.pr-1,
.px-1{
padding-right: .25rem !important
}
.pb-1,
.py-1{
padding-bottom: .25rem !important
}
.pl-1,
.px-1{
padding-left: .25rem !important
}
.p-2{
padding: .5rem !important
}
.pt-2,
.py-2{
padding-top: .5rem !important
}
.pr-2,
.px-2{
padding-right: .5rem !important
}
.pb-2,
.py-2{
padding-bottom: .5rem !important
}
.pl-2,
.px-2{
padding-left: .5rem !important
}
.p-3{
padding: 1rem !important
}
.pt-3,
.py-3{
padding-top: 1rem !important
}
.pr-3,
.px-3{
padding-right: 1rem !important
}
.pb-3,
.py-3{
padding-bottom: 1rem !important
}
.pl-3,
.px-3{
padding-left: 1rem !important
}
.p-4{
padding: 1.5rem !important
}
.pt-4,
.py-4{
padding-top: 1.5rem !important
}
.pb-4,
.py-4{
padding-bottom: 1.5rem !important
}
.pl-4,
.px-4{
padding-left: 1.5rem !important
}
.p-5{
padding: 3rem !important
}
.pt-5,
.py-5{
padding-top: 3rem !important
}
.pr-5,
.px-5{
padding-right: 3rem !important
}
.pb-5,
.py-5{
padding-bottom: 3rem !important
}
.pl-5,
.px-5{
padding-left: 3rem !important
}
.m-auto{
margin: auto !important
}
.mt-auto,
.my-auto{
margin-top: auto !important
}
.mr-auto,
.mx-auto{
margin-right: auto !important
}
.mb-auto,
.my-auto{
margin-bottom: auto !important
}
.ml-auto,
.mx-auto{
margin-left: auto !important
}
@media (min-width: 576px){
.m-sm-0{
margin: 0 !important
}
.mt-sm-0,
.my-sm-0{
margin-top: 0 !important
}
.mr-sm-0,
.mx-sm-0{
margin-right: 0 !important
}
.mb-sm-0,
.my-sm-0{
margin-bottom: 0 !important
}
.ml-sm-0,
.mx-sm-0{
margin-left: 0 !important
}
.m-sm-1{
margin: .25rem !important
}
.mt-sm-1,
.my-sm-1{
margin-top: .25rem !important
}
.mr-sm-1,
.mx-sm-1{
margin-right: .25rem !important
}
.mb-sm-1,
.my-sm-1{
margin-bottom: .25rem !important
}
.ml-sm-1,
.mx-sm-1{
margin-left: .25rem !important
}
.m-sm-2{
margin: .5rem !important
}
.mt-sm-2,
.my-sm-2{
margin-top: .5rem !important
}
.mr-sm-2,
.mx-sm-2{
margin-right: .5rem !important
}
.mb-sm-2,
.my-sm-2{
margin-bottom: .5rem !important
}
.ml-sm-2,
.mx-sm-2{
margin-left: .5rem !important
}
.m-sm-3{
margin: 1rem !important
}
.mt-sm-3,
.my-sm-3{
margin-top: 1rem !important
}
.mr-sm-3,
.mx-sm-3{
margin-right: 1rem !important
}
.mb-sm-3,
.my-sm-3{
margin-bottom: 1rem !important
}
.ml-sm-3,
.mx-sm-3{
margin-left: 1rem !important
}
.m-sm-4{
margin: 1.5rem !important
}
.mt-sm-4,
.my-sm-4{
margin-top: 1.5rem !important
}
.mr-sm-4,
.mx-sm-4{
margin-right: 1.5rem !important
}
.mb-sm-4,
.my-sm-4{
margin-bottom: 1.5rem !important
}
.ml-sm-4,
.mx-sm-4{
margin-left: 1.5rem !important
}
.m-sm-5{
margin: 3rem !important
}
.mt-sm-5,
.my-sm-5{
margin-top: 3rem !important
}
.mr-sm-5,
.mx-sm-5{
margin-right: 3rem !important
}
.mb-sm-5,
.my-sm-5{
margin-bottom: 3rem !important
}
.ml-sm-5,
.mx-sm-5{
margin-left: 3rem !important
}
.p-sm-0{
padding: 0 !important
}
.pt-sm-0,
.py-sm-0{
padding-top: 0 !important
}
.pr-sm-0,
.px-sm-0{
padding-right: 0 !important
}
.pb-sm-0,
.py-sm-0{
padding-bottom: 0 !important
}
.pl-sm-0,
.px-sm-0{
padding-left: 0 !important
}
.p-sm-1{
padding: .25rem !important
}
.pt-sm-1,
.py-sm-1{
padding-top: .25rem !important
}
.pr-sm-1,
.px-sm-1{
padding-right: .25rem !important
}
.pb-sm-1,
.py-sm-1{
padding-bottom: .25rem !important
}
.pl-sm-1,
.px-sm-1{
padding-left: .25rem !important
}
.p-sm-2{
padding: .5rem !important
}
.pt-sm-2,
.py-sm-2{
padding-top: .5rem !important
}
.pr-sm-2,
.px-sm-2{
padding-right: .5rem !important
}
.pb-sm-2,
.py-sm-2{
padding-bottom: .5rem !important
}
.pl-sm-2,
.px-sm-2{
padding-left: .5rem !important
}
.p-sm-3{
padding: 1rem !important
}
.pt-sm-3,
.py-sm-3{
padding-top: 1rem !important
}
.pr-sm-3,
.px-sm-3{
padding-right: 1rem !important
}
.pb-sm-3,
.py-sm-3{
padding-bottom: 1rem !important
}
.pl-sm-3,
.px-sm-3{
padding-left: 1rem !important
}
.p-sm-4{
padding: 1.5rem !important
}
.pt-sm-4,
.py-sm-4{
padding-top: 1.5rem !important
}
.pr-sm-4,
.px-sm-4{
padding-right: 1.5rem !important
}
.pb-sm-4,
.py-sm-4{
padding-bottom: 1.5rem !important
}
.pl-sm-4,
.px-sm-4{
padding-left: 1.5rem !important
}
.p-sm-5{
padding: 3rem !important
}
.pt-sm-5,
.py-sm-5{
padding-top: 3rem !important
}
.pr-sm-5,
.px-sm-5{
padding-right: 3rem !important
}
.pb-sm-5,
.py-sm-5{
padding-bottom: 3rem !important
}
.pl-sm-5,
.px-sm-5{
padding-left: 3rem !important
}
.m-sm-auto{
margin: auto !important
}
.mt-sm-auto,
.my-sm-auto{
margin-top: auto !important
}
.mr-sm-auto,
.mx-sm-auto{
margin-right: auto !important
}
.mb-sm-auto,
.my-sm-auto{
margin-bottom: auto !important
}
.ml-sm-auto,
.mx-sm-auto{
margin-left: auto !important
}
}
@media (min-width: 768px){
.m-md-0{
margin: 0 !important
}
.mt-md-0,
.my-md-0{
margin-top: 0 !important
}
.mr-md-0,
.mx-md-0{
margin-right: 0 !important
}
.mb-md-0,
.my-md-0{
margin-bottom: 0 !important
}
.ml-md-0,
.mx-md-0{
margin-left: 0 !important
}
.m-md-1{
margin: .25rem !important
}
.mt-md-1,
.my-md-1{
margin-top: .25rem !important
}
.mr-md-1,
.mx-md-1{
margin-right: .25rem !important
}
.mb-md-1,
.my-md-1{
margin-bottom: .25rem !important
}
.ml-md-1,
.mx-md-1{
margin-left: .25rem !important
}
.m-md-2{
margin: .5rem !important
}
.mt-md-2,
.my-md-2{
margin-top: .5rem !important
}
.mr-md-2,
.mx-md-2{
margin-right: .5rem !important
}
.mb-md-2,
.my-md-2{
margin-bottom: .5rem !important
}
.ml-md-2,
.mx-md-2{
margin-left: .5rem !important
}
.m-md-3{
margin: 1rem !important
}
.mt-md-3,
.my-md-3{
margin-top: 1rem !important
}
.mr-md-3,
.mx-md-3{
margin-right: 1rem !important
}
.mb-md-3,
.my-md-3{
margin-bottom: 1rem !important
}
.ml-md-3,
.mx-md-3{
margin-left: 1rem !important
}
.m-md-4{
margin: 1.5rem !important
}
.mt-md-4,
.my-md-4{
margin-top: 1.5rem !important
}
.mr-md-4,
.mx-md-4{
margin-right: 1.5rem !important
}
.mb-md-4,
.my-md-4{
margin-bottom: 1.5rem !important
}
.ml-md-4,
.mx-md-4{
margin-left: 1.5rem !important
}
.m-md-5{
margin: 3rem !important
}
.mt-md-5,
.my-md-5{
margin-top: 3rem !important
}
.mr-md-5,
.mx-md-5{
margin-right: 3rem !important
}
.mb-md-5,
.my-md-5{
margin-bottom: 3rem !important
}
.ml-md-5,
.mx-md-5{
margin-left: 3rem !important
}
.p-md-0{
padding: 0 !important
}
.pt-md-0,
.py-md-0{
padding-top: 0 !important
}
.pr-md-0,
.px-md-0{
padding-right: 0 !important
}
.pb-md-0,
.py-md-0{
padding-bottom: 0 !important
}
.pl-md-0,
.px-md-0{
padding-left: 0 !important
}
.p-md-1{
padding: .25rem !important
}
.pt-md-1,
.py-md-1{
padding-top: .25rem !important
}
.pr-md-1,
.px-md-1{
padding-right: .25rem !important
}
.pb-md-1,
.py-md-1{
padding-bottom: .25rem !important
}
.pl-md-1,
.px-md-1{
padding-left: .25rem !important
}
.p-md-2{
padding: .5rem !important
}
.pt-md-2,
.py-md-2{
padding-top: .5rem !important
}
.pr-md-2,
.px-md-2{
padding-right: .5rem !important
}
.pb-md-2,
.py-md-2{
padding-bottom: .5rem !important
}
.pl-md-2,
.px-md-2{
padding-left: .5rem !important
}
.p-md-3{
padding: 1rem !important
}
.pt-md-3,
.py-md-3{
padding-top: 1rem !important
}
.pr-md-3,
.px-md-3{
padding-right: 1rem !important
}
.pb-md-3,
.py-md-3{
padding-bottom: 1rem !important
}
.pl-md-3,
.px-md-3{
padding-left: 1rem !important
}
.p-md-4{
padding: 1.5rem !important
}
.pt-md-4,
.py-md-4{
padding-top: 1.5rem !important
}
.pr-md-4,
.px-md-4{
padding-right: 1.5rem !important
}
.pb-md-4,
.py-md-4{
padding-bottom: 1.5rem !important
}
.pl-md-4,
.px-md-4{
padding-left: 1.5rem !important
}
.p-md-5{
padding: 3rem !important
}
.pt-md-5,
.py-md-5{
padding-top: 3rem !important
}
.pr-md-5,
.px-md-5{
padding-right: 3rem !important
}
.pb-md-5,
.py-md-5{
padding-bottom: 3rem !important
}
.pl-md-5,
.px-md-5{
padding-left: 3rem !important
}
.m-md-auto{
margin: auto !important
}
.mt-md-auto,
.my-md-auto{
margin-top: auto !important
}
.mr-md-auto,
.mx-md-auto{
margin-right: auto !important
}
.mb-md-auto,
.my-md-auto{
margin-bottom: auto !important
}
.ml-md-auto,
.mx-md-auto{
margin-left: auto !important
}
}
@media (min-width: 992px){
.m-lg-0{
margin: 0 !important
}
.mt-lg-0,
.my-lg-0{
margin-top: 0 !important
}
.mr-lg-0,
.mx-lg-0{
margin-right: 0 !important
}
.mb-lg-0,
.my-lg-0{
margin-bottom: 0 !important
}
.ml-lg-0,
.mx-lg-0{
margin-left: 0 !important
}
.m-lg-1{
margin: .25rem !important
}
.mt-lg-1,
.my-lg-1{
margin-top: .25rem !important
}
.mr-lg-1,
.mx-lg-1{
margin-right: .25rem !important
}
.mb-lg-1,
.my-lg-1{
margin-bottom: .25rem !important
}
.ml-lg-1,
.mx-lg-1{
margin-left: .25rem !important
}
.m-lg-2{
margin: .5rem !important
}
.mt-lg-2,
.my-lg-2{
margin-top: .5rem !important
}
.mr-lg-2,
.mx-lg-2{
margin-right: .5rem !important
}
.mb-lg-2,
.my-lg-2{
margin-bottom: .5rem !important
}
.ml-lg-2,
.mx-lg-2{
margin-left: .5rem !important
}
.m-lg-3{
margin: 1rem !important
}
.mt-lg-3,
.my-lg-3{
margin-top: 1rem !important
}
.mr-lg-3,
.mx-lg-3{
margin-right: 1rem !important
}
.mb-lg-3,
.my-lg-3{
margin-bottom: 1rem !important
}
.ml-lg-3,
.mx-lg-3{
margin-left: 1rem !important
}
.m-lg-4{
margin: 1.5rem !important
}
.mt-lg-4,
.my-lg-4{
margin-top: 1.5rem !important
}
.mr-lg-4,
.mx-lg-4{
margin-right: 1.5rem !important
}
.mb-lg-4,
.my-lg-4{
margin-bottom: 1.5rem !important
}
.ml-lg-4,
.mx-lg-4{
margin-left: 1.5rem !important
}
.m-lg-5{
margin: 3rem !important
}
.mt-lg-5,
.my-lg-5{
margin-top: 3rem !important
}
.mr-lg-5,
.mx-lg-5{
margin-right: 3rem !important
}
.mb-lg-5,
.my-lg-5{
margin-bottom: 3rem !important
}
.ml-lg-5,
.mx-lg-5{
margin-left: 3rem !important
}
.p-lg-0{
padding: 0 !important
}
.pt-lg-0,
.py-lg-0{
padding-top: 0 !important
}
.pr-lg-0,
.px-lg-0{
padding-right: 0 !important
}
.pb-lg-0,
.py-lg-0{
padding-bottom: 0 !important
}
.pl-lg-0,
.px-lg-0{
padding-left: 0 !important
}
.p-lg-1{
padding: .25rem !important
}
.pt-lg-1,
.py-lg-1{
padding-top: .25rem !important
}
.pr-lg-1,
.px-lg-1{
padding-right: .25rem !important
}
.pb-lg-1,
.py-lg-1{
padding-bottom: .25rem !important
}
.pl-lg-1,
.px-lg-1{
padding-left: .25rem !important
}
.p-lg-2{
padding: .5rem !important
}
.pt-lg-2,
.py-lg-2{
padding-top: .5rem !important
}
.pr-lg-2,
.px-lg-2{
padding-right: .5rem !important
}
.pb-lg-2,
.py-lg-2{
padding-bottom: .5rem !important
}
.pl-lg-2,
.px-lg-2{
padding-left: .5rem !important
}
.p-lg-3{
padding: 1rem !important
}
.pt-lg-3,
.py-lg-3{
padding-top: 1rem !important
}
.pr-lg-3,
.px-lg-3{
padding-right: 1rem !important
}
.pb-lg-3,
.py-lg-3{
padding-bottom: 1rem !important
}
.pl-lg-3,
.px-lg-3{
padding-left: 1rem !important
}
.p-lg-4{
padding: 1.5rem !important
}
.pt-lg-4,
.py-lg-4{
padding-top: 1.5rem !important
}
.pr-lg-4,
.px-lg-4{
padding-right: 1.5rem !important
}
.pb-lg-4,
.py-lg-4{
padding-bottom: 1.5rem !important
}
.pl-lg-4,
.px-lg-4{
padding-left: 1.5rem !important
}
.p-lg-5{
padding: 3rem !important
}
.pt-lg-5,
.py-lg-5{
padding-top: 3rem !important
}
.pr-lg-5,
.px-lg-5{
padding-right: 3rem !important
}
.pb-lg-5,
.py-lg-5{
padding-bottom: 3rem !important
}
.pl-lg-5,
.px-lg-5{
padding-left: 3rem !important
}
.m-lg-auto{
margin: auto !important
}
.mt-lg-auto,
.my-lg-auto{
margin-top: auto !important
}
.mr-lg-auto,
.mx-lg-auto{
margin-right: auto !important
}
.mb-lg-auto,
.my-lg-auto{
margin-bottom: auto !important
}
.ml-lg-auto,
.mx-lg-auto{
margin-left: auto !important
}
}
@media (min-width: 1200px){
.m-xl-0{
margin: 0 !important
}
.mt-xl-0,
.my-xl-0{
margin-top: 0 !important
}
.mr-xl-0,
.mx-xl-0{
margin-right: 0 !important
}
.mb-xl-0,
.my-xl-0{
margin-bottom: 0 !important
}
.ml-xl-0,
.mx-xl-0{
margin-left: 0 !important
}
.m-xl-1{
margin: .25rem !important
}
.mt-xl-1,
.my-xl-1{
margin-top: .25rem !important
}
.mr-xl-1,
.mx-xl-1{
margin-right: .25rem !important
}
.mb-xl-1,
.my-xl-1{
margin-bottom: .25rem !important
}
.ml-xl-1,
.mx-xl-1{
margin-left: .25rem !important
}
.m-xl-2{
margin: .5rem !important
}
.mt-xl-2,
.my-xl-2{
margin-top: .5rem !important
}
.mr-xl-2,
.mx-xl-2{
margin-right: .5rem !important
}
.mb-xl-2,
.my-xl-2{
margin-bottom: .5rem !important
}
.ml-xl-2,
.mx-xl-2{
margin-left: .5rem !important
}
.m-xl-3{
margin: 1rem !important
}
.mt-xl-3,
.my-xl-3{
margin-top: 1rem !important
}
.mr-xl-3,
.mx-xl-3{
margin-right: 1rem !important
}
.mb-xl-3,
.my-xl-3{
margin-bottom: 1rem !important
}
.ml-xl-3,
.mx-xl-3{
margin-left: 1rem !important
}
.m-xl-4{
margin: 1.5rem !important
}
.mt-xl-4,
.my-xl-4{
margin-top: 1.5rem !important
}
.mr-xl-4,
.mx-xl-4{
margin-right: 1.5rem !important
}
.mb-xl-4,
.my-xl-4{
margin-bottom: 1.5rem !important
}
.ml-xl-4,
.mx-xl-4{
margin-left: 1.5rem !important
}
.m-xl-5{
margin: 3rem !important
}
.mt-xl-5,
.my-xl-5{
margin-top: 3rem !important
}
.mr-xl-5,
.mx-xl-5{
margin-right: 3rem !important
}
.mb-xl-5,
.my-xl-5{
margin-bottom: 3rem !important
}
.ml-xl-5,
.mx-xl-5{
margin-left: 3rem !important
}
.p-xl-0{
padding: 0 !important
}
.pt-xl-0,
.py-xl-0{
padding-top: 0 !important
}
.pr-xl-0,
.px-xl-0{
padding-right: 0 !important
}
.pb-xl-0,
.py-xl-0{
padding-bottom: 0 !important
}
.pl-xl-0,
.px-xl-0{
padding-left: 0 !important
}
.p-xl-1{
padding: .25rem !important
}
.pt-xl-1,
.py-xl-1{
padding-top: .25rem !important
}
.pr-xl-1,
.px-xl-1{
padding-right: .25rem !important
}
.pb-xl-1,
.py-xl-1{
padding-bottom: .25rem !important
}
.pl-xl-1,
.px-xl-1{
padding-left: .25rem !important
}
.p-xl-2{
padding: .5rem !important
}
.pt-xl-2,
.py-xl-2{
padding-top: .5rem !important
}
.pr-xl-2,
.px-xl-2{
padding-right: .5rem !important
}
.pb-xl-2,
.py-xl-2{
padding-bottom: .5rem !important
}
.pl-xl-2,
.px-xl-2{
padding-left: .5rem !important
}
.p-xl-3{
padding: 1rem !important
}
.pt-xl-3,
.py-xl-3{
padding-top: 1rem !important
}
.pr-xl-3,
.px-xl-3{
padding-right: 1rem !important
}
.pb-xl-3,
.py-xl-3{
padding-bottom: 1rem !important
}
.pl-xl-3,
.px-xl-3{
padding-left: 1rem !important
}
.p-xl-4{
padding: 1.5rem !important
}
.pt-xl-4,
.py-xl-4{
padding-top: 1.5rem !important
}
.pr-xl-4,
.px-xl-4{
padding-right: 1.5rem !important
}
.pb-xl-4,
.py-xl-4{
padding-bottom: 1.5rem !important
}
.pl-xl-4,
.px-xl-4{
padding-left: 1.5rem !important
}
.p-xl-5{
padding: 3rem !important
}
.pt-xl-5,
.py-xl-5{
padding-top: 3rem !important
}
.pr-xl-5,
.px-xl-5{
padding-right: 3rem !important
}
.pb-xl-5,
.py-xl-5{
padding-bottom: 3rem !important
}
.pl-xl-5,
.px-xl-5{
padding-left: 3rem !important
}
.m-xl-auto{
margin: auto !important
}
.mt-xl-auto,
.my-xl-auto{
margin-top: auto !important
}
.mr-xl-auto,
.mx-xl-auto{
margin-right: auto !important
}
.mb-xl-auto,
.my-xl-auto{
margin-bottom: auto !important
}
.ml-xl-auto,
.mx-xl-auto{
margin-left: auto !important
}
}
.text-left{
text-align: left !important
}
.text-right{
text-align: right !important
}
.text-center{
text-align: center !important
}
@media (min-width: 1200px){
.text-xl-left{
text-align: left !important
}
.text-xl-right{
text-align: right !important
}
.text-xl-center{
text-align: center !important
}
}
.font-weight-bold{
font-weight: 700 !important
}
.text-white{
color: #FFF !important
}
.pad-left-35{
padding-left: 35px !important;
}
.text{
width: 100%;
position: relative;
padding-bottom: 40px;
}
.item2{
display: inline;
position: relative;
width: 100%;
}
.item3{
display: inline;
position: relative;
width: 100%;
}
.item4{
display: inline;
position: relative;
width: 100%;
}
.item5{
display: inline;
position: relative;
width: 100%;
}
.item6{
display: inline;
position: relative;
width: 100%;
}
.line p{
position: absolute;
right: 12%;
top: 70px;
font-size: 18px;
}
.table{
text-align: center;
border-spacing: 10px 9px;
border-collapse: separate;
}
td{
width: 100px;
}
.wheremg-1 .large_title{
font-size: 60px !important;
padding-bottom: 0px;
}
.wheremg-1 .medium_title{
font-size: 36px !important;
width: 50%;
}
.wheremg-2 p{
width: 50% !important;
}
.list_item{
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
justify-content: space-between;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
}
.list_item p{
width: auto;
}
.list_item p.p-dotet{
width: 60%;
border-bottom: dotted 1px #000;
}
img.full{
width: auto;
}
.more{
margin-top: 0;
text-align: left;
margin-left: 6%;
}
@media (max-width: 900px){
.miokard{
background-size: 70%;
}
img.full{
width: auto;
}
}
@media (max-width: 600px){
.list_item p{
width: auto;
}
.list_item p.p-dotet{
width: 40%;
}
}
.vede_pctr{
position: relative;
font-size: 18px;
}
.article-content .main-img{
margin: 5% auto;
display: block;
width: 50%;
}
.vede_pctr p{
width: 20%;
}
.vede_pctr p,
.vede_pctr div{
position: absolute;
text-align: center;
}
.vede_pctr p:nth-of-type(1){
top: -7%;
left: 15%;
}
.vede_pctr p:nth-of-type(2){
top: -7%;
right: 15%;
}
.vede_pctr p:nth-of-type(3){
top: 36%;
right: 5%;
}
.vede_pctr p:nth-of-type(4){
bottom: -7%;
right: 15%;
}
.vede_pctr p:nth-of-type(5){
bottom: -7%;
left: 15%;
}
.vede_pctr p:nth-of-type(6){
top: 36%;
left: 5%;
}
.vede_pctr div:nth-of-type(1){
top: 28%;
left: 45%;
}
.vede_pctr div:nth-of-type(2){
top: -10%;
left: 35%;
}
.vede_pctr div:nth-of-type(3){
top: -10%;
right: 33%;
}
.vede_pctr div:nth-of-type(4){
top: 32%;
right: 23%;
}
.vede_pctr div:nth-of-type(5){
bottom: -10%;
right: 33%;
}
.vede_pctr div:nth-of-type(6){
bottom: -10%;
left: 35%;
}
.vede_pctr div:nth-of-type(7){
top: 32%;
left: 23%;
}
@media (max-width: 1024px){
.article-content .main-img{
display: none;
}
.vede_pctr div,
.vede_pctr p{
position: static;
width: 50%;
margin: 3% auto;
}
}
@media (max-width: 800px) and (min-width: 200px){
.fixed{
display: none;
}
.text-{
position: absolute;
top: 80px;
font-size: 22px;
text-align: center;
margin: 0 auto;
display: block;
left: 0px;
}
}
.alignright{
float: right;
margin: 10px 0 10px 10px;
}
.whatisdeficit{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/articles/apteka-buy.jpg);
background-size: cover;
text-align: center;
}
.magniyisimportant{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/articles/apteka-buy.jpg);
background-size: cover;
}
.block-info{
box-sizing: border-box;
margin-bottom: 50px;
margin-bottom: calc(20px + 1vw);
}
img.small{
width: 30%;
}
img.middle{
width: 50%;
}
img.large{
width: 80%;
}
img.full{
width: 100%;
}
.full-image img{
width: 100%;
}
.why-pms h4{
text-align: center;
color: #FD4700;
}
.why-pms img{
width: 100%;
}
.what-is-pms{
background-color: #F3F3F3;
text-align: center;
margin-bottom: 0;
width: 100%;
}
.what-is-pms img{
width: 80%;
}
.how-lecit{
float: left;
width: 100%;
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/articles/pms.jpg);
background-repeat: no-repeat;
box-sizing: border-box;
padding: 40px 0 40px 45%;
background-size: cover;
}
.how-lecit h4{
font-size: 40px;
font-size: calc(12px + 2vw);
font-weight: bold;
color: #FD4700;
margin-bottom: 30px;
margin-bottom: calc(30px + 1vw);
}
.block-title.centered{
text-align: center;
}
.red-block{
display: inline-block;
width: 100%;
margin-bottom: 30px;
padding: 25px;
font-size: 20px;
font-size: 2rem;
line-height: 25;
line-height: 2.5rem;
border: 2px solid #F63;
box-sizing: border-box;
}
.block-apteka-short img{
width: 100%;
}
div img{
max-width: 100%;
}
.nexvatka{
background-color: #F3F3F3;
}
.impact{
background-color: #FFE8D9;
padding: 10px;
box-sizing: border-box;
border-radius: 10px;
}
.simptomy-table p{
margin-bottom: 10px;
margin-bottom: calc(5px + 1vw);
}
.simptomy p{
font-size: calc(13px + 1vw);
}
.view-simptomy{
text-align: center;
margin-bottom: 0;
}
.german-quality{
position: absolute;
bottom: 0;
left: 15px;
font-size: 17px;
}
.magnerot-is, .block-apteka-short{
float: left;
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/articles/apteka-buy.jpg);
background-size: cover;
}
.details{
color: #F30;
text-decoration: underline;
font-size: 18px;
font-size: calc(4px + 1vw);
}
.pms-grafik{
position: relative;
display: table;
width: 100%;
margin-top: 30px;
}
.article-content div .pms-grafik img{
width: 25%;
display: inline-block;
vertical-align: bottom;
}
.pms-grafik p{
display: inline-block;
width: 56%;
text-align: left;
position: absolute;
}
.pms-grafik h5{
position: absolute;
font-weight: bold;
}
.pms-grafik-block{
width: 25%;
position: relative;
display: table-cell;
vertical-align: bottom;
text-align: left;
padding-left: 5%;
padding-top: 4%;
box-sizing: border-box;
}
.pms-grafik .title_1{
left: 4%;
top: 0;
}
.pms-grafik .title_2{
left: 15%;
top: 37%;
}
.pms-grafik .title_3{
left: 13%;
top: 0;
}
.pms-grafik .title_4{
left: 14%;
top: 24%;
}
.pms-bg{
visibility: hidden;
width: 100% !important;
}
.pms-grafik .text_1{
right: 0;
top: 11%;
}
.pms-grafik .text_2{
right: 0;
top: 48%;
}
.pms-grafik .text_3{
right: 0;
top: 11%;
}
.pms-grafik .text_4{
right: 0;
top: 36%;
}
.why-pms.block-info{
margin-bottom: 0;
padding-bottom: 0;
}
.pms-grafik .hidden-img{
visibility: hidden;
}
.pms-grafik2{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/articles/pms-grafik2.png);
background-repeat: no-repeat;
background-size: 39%;
background-position: center center;
position: relative;
padding-top: 70px;
}
.pms-grafik2 img{
width: 70%;
margin-left: 15%;
visibility: hidden;
}
.pms-grafik2 h5{
margin-bottom: 2px;
}
.pms-element1{
position: absolute;
top: 10%;
left: 48%;
text-align: left;
width: 50%;
}
.pms-element2{
position: absolute;
bottom: 3%;
left: 25%;
text-align: left;
width: 50%;
}
.pms-element3{
position: absolute;
top: 46%;
right: 0;
text-align: left;
width: 29%;
}
.grafik-deficit img{
visibility: hidden;
}
.miokard{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/articles/miokard.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
position: relative;
}
.miokard img{
visibility: hidden;
}
.miokard-element{
position: absolute;
top: 69%;
left: 70%;
text-align: left;
}
.deficit-is-view img{
visibility: hidden;
width: 100%;
}
.deficit-is-view .view-element10 h5{
margin-bottom: 15px;
border-radius: 10px;
background-color: rgba(255, 255, 255, 0.8);
}
.article-content a.button_deficit{
background-color: #00C2DF;
padding: 15px 0;
position: absolute;
left: 50%;
top: 50%;
margin-left: -110px;
margin-top: -48px;
text-align: center;
width: 210px;
line-height: 18px;
color: #FFF;
transition: background-color 300ms ease;
text-decoration: none;
box-shadow: 0 2px 10px rgba(0, 145, 167, 0.9);
}
.article-content a.button_deficit:hover{
color: #FFF;
background-color: #00DCFD;
text-decoration: none;
}
.article-content a.button_deficit:active{
text-decoration: none;
}
.article-content a.button_deficit p{
margin-bottom: 0;
}
.red-bg{
padding-top: 25px;
padding-bottom: 15px;
background-color: #FD4700; color: #FFF;
text-align: center;
}
.what-et-magniy{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/articles/magniy_5.jpg);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center center;
float: left;
width: 100%;
text-align: center;
}
.what-et-magniy .products-list{
display: inline-block;
padding: 12px;
text-align: left;
background-color: rgba(255, 255, 255, 0.8);
}
@media only screen and (max-width: 600px){
.what-et-magniy{
background-image: none;
}
}
.block-info.what-et-magniy h4.block-title{
color: #333;
}
.elements-list p{
margin-bottom: 10px;
}
.elements-list .title{
font-size: 18px;
font-size: calc(5px + 1vw);
font-weight: bold;
}
.elements-list .title.alignright{
float: right;
margin: 0;
}
.elements-list .title.alignleft{
float: left;
margin: 0;
}
.elements-list-title{
display: inline-block;
width: 100%;
}
.simptomy-magniy{
position: relative;
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/articles/magniy.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
}
.simptomy-magniy img{
visibility: hidden;
}
.simptomy-magniy div{
position: absolute;
width: 18%;
line-height: normal;
}
.simptomy-magniy .text_1{
left: 10%;
top: 10%;
}
.simptomy-magniy .text_2{
left: 34%;
top: 10%;
}
.simptomy-magniy .text_3{
left: 55%;
top: 10%;
width: 20%;
}
.simptomy-magniy .text_4{
left: 76%;
top: 10%;
}
.simptomy-magniy .text_5{
left: 24%;
top: 66%;
}
.simptomy-magniy .text_6{
left: 45%;
top: 66%;
}
.simptomy-magniy .text_7{
left: 66%;
top: 66%;
}
.red-block span{
display: inline-block;
width: 70%;
}
.centered{
text-align: center;
}
.m_title{
font-size: 36px;
font-weight: 700;
line-height: 24px;
margin: 2% 0;
}
.useful{
background-color: #F3F3F3;
text-align: center;
padding-bottom: 10%;
position: relative;
}
.useful_wrap img{
width: 40%;
display: block;
margin: 0 auto;
}
.centre{
padding: 0 10%;
}
.text{
padding: 0 2%;
}
.deficite_wrap{
text-align: center;
padding-bottom: 10%;
position: relative;
}
@media only screen and (max-width: 1200px){
.deficite_wrap{
padding-bottom: 2%;
}
}
.deficite_text{
margin: 2% 0;
}
.deficite_wrap img{
width: 85%;
}
.large_title{
font-size: 60px;
font-weight: bold;
}
.daily_requirement-wrap .medium_title{
width: auto;
font-weight: 700;
}
.daily_requirement-wrap{
text-align: center;
margin-top: 3%;
}
.daily_requirement-wrap img{
padding: 4% 0 2% 0;
width: 80%;
}
.daily_requirement-text{
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
justify-content: space-between;
}
.daily_requirement-text div{
width: 27%;
}
.daily_requirement-text div:nth-child(2){
margin-left: 8%;
}
.daily_requirement-wrap .centre{
padding: 3% 0;
}
.border-bottom-grey-3{
border-bottom: 2px solid #999;
}
.m_title{
font-size: 36px;
font-weight: 700;
line-height: 24px;
margin: 2% 0;
}
.medium_title{
margin: 0 10px;
font-size: 32px !important;
font-size: 3.2rem !important;
line-height: 38px !important;
line-height: 3.8rem !important;
font-weight: 400;
}
@media only screen and (max-width: 767px){
.medium_title{
font-size: 25px !important;
font-size: 2.5rem !important;
line-height: 29px !important;
line-height: 2.9rem !important;
}
}
.spec_p{
font-size: 28px;
font-size: 2.8rem;
}
.line-block{
width: 110px;
height: 2px;
background-color: #333;
margin-bottom: 2%;
}
.small{
font-size: 18px;
font-weight: 400;
margin-top: 0;
}
.dismenoreia-isit{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/articles/apteka-buy.jpg);
margin-bottom: 0;
}
.what-do{
background-color: #F1F0F0;
}
.diss-where-do{
background-color: #F9FAFC;
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/articles/dismenoreia_3.jpg);
background-position: right center;
background-repeat: no-repeat;
background-size: contain;
margin-bottom: 0;
}
.table-simptomy{
margin-bottom: 15px;
}
.table-simptomy .table-head{
background-color: #EEE;
padding: 10px;
float: left;
width: 100%;
margin-bottom: 15px;
}
.table-simptomy .table-head h5{
margin-bottom: 0;
}
.table-simptomy .table-line{
padding: 10px;
float: left;
width: 100%;
}
.table-simptomy .column-1{
width: 40%;
float: left;
padding-right: 10px;
}
.table-simptomy .column-2{
width: 20%;
float: left;
}
.table-simptomy .column-3{
width: 20%;
float: left;
}
.table-simptomy .column-4{
width: 20%;
float: left;
}
.table-simptomy .table-line:nth-child(odd){
background-color: #EEE;
}
.table-simptomy .table-line{
margin-bottom: 0;
}
.what-do{
margin-bottom: 0;
}
.no-margin{
margin-bottom: 0;
}
.sutochnaya-norma{
background-color: #F0F0F0;
}
.prichiny-warning{
width: 100%;
padding: 50px;
text-align: center;
}
.prichiny-warning p{
color: #FFF;
font-weight: bold;
}
.prichiny-red.block-info{
margin-bottom: 0;
background-color: #E4322C;
color: #FFF;
}
.prichiny-red.block-info h4{
color: #FFF;
}
.magniy-v-ede{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/articles/prichiny_4.jpg);
background-color: #E2E9F0;
background-repeat: no-repeat;
background-size: cover;
padding: 5% 0;
}
.dismenoreia-schema{
position: relative;
float: Left;
width: 100%;
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/articles/dismenoreia.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
margin-bottom: 30px;
}
.dismenoreia-schema img{
visibility: hidden;
}
.dismenoreia-schema h5{
margin-bottom: 0;
}
.dismenoreia-schema > div{
position: absolute;
width: 35%;
text-align: left;
}
.dismenoreia-schema .text_1{
left: 7%;
top: 25%;
text-align: right;
}
.dismenoreia-schema .text_2{
left: 62%;
top: 44%;
text-align: left;
}
.dismenoreia-schema > div > div p{
margin-bottom: 0;
}
.dismenoreia-schema > div > div{
background-color: #999;
border-radius: 25px;
padding: 0 9px;
position: absolute;
color: #FFF;
}
.dismenoreia-schema > div:hover > div{
background-color: #F30;
}
.dismenoreia-schema .text_1 .number{
right: -17%;
top: 13%;
}
.dismenoreia-schema .text_2 .number{
left: -18%;
top: 13%;
}
.numeric-list li{
font-size: 18px;
font-size: calc(8px + 1vw);
margin-bottom: calc(20px + 1vw);
list-style: none;
position: static;
width: 100%;
box-sizing: border-box;
padding-left: calc(64px + 2vw);
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/articles/item.png);
background-repeat: no-repeat;
background-position: 20px top;
background-size: 25px;
}
.deficite .deficite_text p{
font-size: 15px;
}
.selecting-wrap > img.full{
width: 48%;
padding-left: 50px;
}
.selecting{
position: absolute;
right: 0;
width: 50%;
top: 22%;
text-align: left;
}
.selecting h5, .selecting h2, .block-group .selecting p{
margin-bottom: 0;
}
.selecting h5:hover, .selecting h2:hover, .block-group .selecting p:hover{
cursor: help;
color: #F30;
}
@media (max-width: 1200px){
.block-info .pms-grafik2 img{
display: none;
}
.pms-grafik2{
background: none;
padding-top: 10px;
}
.pms-grafik2 br{
display: none;
}
.pms-element1, .pms-element2, .pms-element3{
text-align: center;
}
}
@media (max-width: 1000px){
.selecting{
top: 5%;
}
}
@media (max-width: 480px){
.selecting{
top: 0;
}
}
@media (max-width: 1000px){
.pms-grafik2{
background-image: none;
position: relative;
padding-top: 0;
padding: 15px;
}
.grafik-deficit img{
display: none;
}
.grafik-deficit img, .deficit-is-view img{
display: none;
}
.daily_requirement-wrap img{
display: none;
}
.daily_requirement-text{
display: block;
}
.daily_requirement-text div{
position: static;
float: left;
width: 100%;
text-align: left;
padding-left: calc(20px + 2vw);
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/articles/item.png);
background-repeat: no-repeat;
background-position: 0 top;
background-size: 20px;
line-height: 20px;
}
.daily_requirement-text div:nth-child(2){
margin-left: 0;
}
.pms-grafik2 p{
font-size: 14px;
}
.deficit-is-view h5{
font-size: calc(4px + 1vw);
}
.district{
font-size: 20px;
}
.block-group .grafik p{
font-size: 18px;
}
}
@media (max-width: 900px){
.wheremg-1 .large_title{
font-size: 45px !important;
}
.wheremg-1 .medium_title{
font-size: 21px !important;
}
}
@media (max-width: 800px){
.opmsdd .mleft-work{
padding-left: 5px;
padding-right: 10px;
}
.block-info img{
max-width: 100%;
}
.vertical-block img{
width: auto;
}
.pms-grafik img{
width: 25%;
display: inline-block;
vertical-align: bottom;
max-width: 40px;
}
.pms-grafik-block p{
font-size: 18px;
}
.pms-grafik .title_4{
left: 6%;
}
.pms-grafik .title_3{
left: 5%;
}
.pms-grafik .title_2{
left: 9%;
}
.block-group h5{
font-size: calc(13px + 1vw);
}
.pms-grafik2{
background-position: 24% center;
}
.pms-element1{
left: 24%;
}
.pms-element2{
left: 12%;
}
.pms-element3{
top: 43%;
right: 13%;
}
}
@media (max-width: 600px){
.elements-list .title.alignright{
float: left;
margin: 0 0 0 126px;
}
.district{
font-size: 14px;
}
img.small{
width: 100%;
max-width: 100%;
}
.pms-grafik-block p, .simptomy-magniy p{
font-size: 14px;
}
.deficit-is-view h5{
font-size: calc(1px + 1vw);
}
.how-lecit h4{
text-align: center;
}
.block-group li{
padding-left: calc(12px + 4vw);
background-position: left top;
margin-bottom: calc(7px + 1vw);
padding-bottom: 6px;
}
.block-group .pms-grafik2 h5{
font-size: 18px;
margin-bottom: 0;
}
.block-group .pms-grafik2 p{
font-size: 12px;
}
.block-group h5{
margin-bottom: calc(13px + 1vw);
}
.block-group h6{
margin-bottom: calc(13px + 1vw);
}
}
@media (max-width: 650px){
img.small{
width: 100%;
}
}
@media (max-width: 400px){
.pms-grafik .pms-grafik-block .text_1, .pms-grafik .pms-grafik-block .text_2, .pms-grafik .pms-grafik-block .text_3, .pms-grafik .pms-grafik-block .text_4{
left: 28%;
}
.pms-grafik .pms-grafik-block .text_1, .pms-grafik .pms-grafik-block .text_2, .pms-grafik .pms-grafik-block .text_3, .pms-grafik .pms-grafik-block .text_4{
top: 40%;
}
.district{
font-size: 9px;
}
.pms-grafik-block p, .simptomy-magniy p{
font-size: 14px;
}
}
@media (max-width: 1200px){
.useful{
padding-bottom: 2%;
}
.article-content .pms-grafik .pms-grafik-block img{
width: 14%;
}
.pms-grafik .pms-grafik-block .text_1, .pms-grafik .pms-grafik-block .text_2, .pms-grafik .pms-grafik-block .text_3, .pms-grafik .pms-grafik-block .text_4{
right: 12%;
}
}
@media (max-width: 960px) and (min-width: 800px){
.pms-grafik-block p{
font-size: 18px;
}
}
.pad-left-35{
padding-left: 35px !important;
}
.article-content .link{
color: #000;
cursor: pointer;
}
.article-content .link:hover{
color: #0056B3;
}
.obl-pms-onimg-text{
position: absolute;
top: 40px;
left: 40px;
width: 50%;
}
.obl-pms-onimg-text span{
display: inline-block;
line-height: 24px;
line-height: 2.4rem;
border-radius: 4px;
}
@media (max-width: 767px){
.obl-pms-onimg-text{
font-size: 1.6rem;
}
}
@media (max-width: 600px){
.obl-pms-onimg-text{
top: 20px;
left: 30px;
}
}
@media (min-width: 1200px){
.deficite_text p{
font-size: 1.2rem;
padding: 2px 6px;
}
.stat-fixwidth{
width: 1100px;
}
.article-content p.ac-fix-margin-01{
margin-top: 19px;
}
.article-content p.ac-fix-margin-03,
.article-content p.ac-fix-margin-05,
.article-content p.ac-fix-margin-07,
.article-content p.ac-fix-margin-10,
.article-content p.ac-fix-margin-12{
margin-top: 13px;
}
.article-content p.ac-fix-margin-08,
.article-content p.ac-fix-margin-09,
.article-content p.ac-fix-margin-11{
margin-top: 14px;
}
.mb-xl-7r{
margin-bottom: 7rem;
}
.border-right-white-xl{
border-right: 3px solid #FFF;
}
.fa-ul li:not(:first-child){
margin-top: 1rem;
}
.offset-xl-14p{
margin-left: 14%;
}
.figure-diet-pms > div:nth-child(2){
position: absolute;
}
.figure-diet-pms > div:nth-child(3){
right: 0;
position: absolute;
}
.figure-diet-pms > div:nth-child(4){
position: absolute;
right: 0;
top: 15%;
}
.figure-diet-pms > div:nth-child(5){
position: absolute;
bottom: 8%;
left: 0;
}
.figure-diet-pms > div:nth-child(6){
position: absolute;
bottom: -8px;
right: 0;
}
.setka-magnpriklim{
position: relative;
width: 100%;
}
.setka-magnpriklim > div:nth-child(2){
position: absolute;
top: 0;
}
.setka-magnpriklim > div:nth-child(3){
position: absolute;
top: 8px;
left: 38%;
}
.setka-magnpriklim > div:nth-child(4){
position: absolute;
top: -20px;
right: -2%;
}
.setka-magnpriklim > div:nth-child(5){
position: absolute;
top: 57%;
left: 20%;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 10px;
border: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 8px;
}
.setka-magnpriklim > div:nth-child(6){
position: absolute;
top: 55%;
right: 7%;
}
.setka-magnpriklim > div:nth-child(7){
position: absolute;
top: 86%;
}
.setka-magnpriklim > div:nth-child(8){
position: absolute;
top: 86%;
left: 39%;
}
.shape-mnogoug-6{
position: relative;
width: 100%;
}
.shape-mnogoug-6 > div:nth-child(2){
position: absolute;
top: 2%;
left: 38%;
}
.shape-mnogoug-6 > div:nth-child(3){
position: absolute;
top: 29%;
left: 18%;
}
.shape-mnogoug-6 > div:nth-child(4){
position: absolute;
top: 29%;
left: 54%;
}
.shape-mnogoug-6 > div:nth-child(5){
position: absolute;
top: 63%;
left: 14%;
}
.shape-mnogoug-6 > div:nth-child(6){
position: absolute;
top: 62%;
left: 58%;
}
.shape-mnogoug-6 > div:nth-child(7){
position: absolute;
top: 87%;
left: 38%;
}
.circle-4-lines{
position: relative;
width: 100%;
}
.circle-4-lines > div:nth-child(2){
position: absolute;
top: 31%;
left: 1%;
}
.circle-4-lines > div:nth-child(3){
position: absolute;
top: 61%;
left: 8%;
}
.circle-4-lines > div:nth-child(4){
position: absolute;
top: 50%;
left: 37%;
}
.circle-4-lines > div:nth-child(5){
position: absolute;
top: 63%;
left: 68%;
}
.circle-4-lines > div:nth-child(6){
position: absolute;
top: 15%;
left: 77%;
}
.top-bord-6{
position: relative;
width: 100%;
}
.top-bord-6 > div:nth-child(2){
position: absolute;
top: 24%;
left: 6%;
}
.top-bord-6 > div:nth-child(3){
position: absolute;
top: 24%;
left: 31%;
}
.top-bord-6 > div:nth-child(4){
position: absolute;
top: 24%;
left: 55%;
}
.top-bord-6 > div:nth-child(5){
position: absolute;
top: 24%;
left: 73%;
}
.top-bord-6 > div:nth-child(6){
position: absolute;
top: 70%;
left: 20%;
}
.top-bord-6 > div:nth-child(7){
position: absolute;
top: 70%;
left: 60%;
}
.shape-mnogoug-7{
position: relative;
width: 100%;
}
.shape-mnogoug-7 > div:nth-child(2){
position: absolute;
top: 7%;
left: 34%;
}
.shape-mnogoug-7 > div:nth-child(3){
position: absolute;
top: 28%;
left: 3%;
}
.shape-mnogoug-7 > div:nth-child(4){
position: absolute;
top: 28%;
left: 62%;
}
.shape-mnogoug-7 > div:nth-child(5){
position: absolute;
top: 61%;
left: 11%;
}
.shape-mnogoug-7 > div:nth-child(6){
position: absolute;
top: 61%;
left: 59%;
}
.shape-mnogoug-7 > div:nth-child(7){
position: absolute;
top: 88%;
left: 24%;
}
.shape-mnogoug-7 > div:nth-child(8){
position: absolute;
top: 88%;
left: 47%;
}
.lines-big-5{
position: relative;
width: 100%;
}
.lines-big-5 > div:nth-child(2){
position: absolute;
top: 12%;
left: 2%;
}
.lines-big-5 > div:nth-child(3){
position: absolute;
top: 13%;
left: 60%;
}
.lines-big-5 > div:nth-child(4){
position: absolute;
top: 33%;
left: 47%;
}
.lines-big-5 > div:nth-child(5){
position: absolute;
top: 60%;
left: 7%;
}
.lines-big-5 > div:nth-child(6){
position: absolute;
top: 67%;
left: 57%;
}
.lines-big-5 > div:nth-child(2),
.lines-big-5 > div:nth-child(3),
.lines-big-5 > div:nth-child(4),
.lines-big-5 > div:nth-child(5),
.lines-big-5 > div:nth-child(6){
padding-top: 5px;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 10px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.heart-1{
position: relative;
width: 100%;
}
.heart-1 > div:nth-child(3){
position: absolute;
top: 4%;
left: 14%;
}
.heart-1 > div:nth-child(4){
position: absolute;
top: 53%;
left: 15%;
}
.heart-1 > div:nth-child(5){
position: absolute;
top: 10%;
left: 60%;
}
.heart-1 > div:nth-child(6){
position: absolute;
top: 38%;
left: 65%;
}
.heart-1 > div:nth-child(7){
position: absolute;
top: 75%;
left: 58%;
}
.pyramid-3{
position: relative;
width: 100%;
}
.pyramid-3 > div:nth-child(2){
position: absolute;
top: 17%;
left: 53%;
}
.pyramid-3 > div:nth-child(3){
position: absolute;
top: 40%;
left: 24%;
}
.pyramid-3 > div:nth-child(4){
position: absolute;
top: 63%;
left: 61%;
}
.shape-mnogoug-7-2{
position: relative;
width: 100%;
}
.shape-mnogoug-7-2 > div:nth-child(2){
position: absolute;
top: 9%;
left: 52%;
}
.shape-mnogoug-7-2 > div:nth-child(3){
position: absolute;
top: 21%;
left: 21%;
}
.shape-mnogoug-7-2 > div:nth-child(4){
position: absolute;
top: 21%;
left: 68%;
}
.shape-mnogoug-7-2 > div:nth-child(5){
position: absolute;
top: 51%;
left: 3%;
}
.shape-mnogoug-7-2 > div:nth-child(6){
position: absolute;
top: 48%;
left: 74%;
}
.shape-mnogoug-7-2 > div:nth-child(7){
position: absolute;
top: 76%;
left: 10%;
}
.shape-mnogoug-7-2 > div:nth-child(8){
position: absolute;
top: 76%;
left: 61%;
}
.lines-6-numbers{
position: relative;
width: 100%;
}
.lines-6-numbers > div:nth-child(2){
position: absolute;
top: 25%;
left: 2%;
}
.lines-6-numbers > div:nth-child(3){
position: absolute;
top: 24%;
left: 35%;
}
.lines-6-numbers > div:nth-child(4){
position: absolute;
top: 12%;
left: 72%;
}
.lines-6-numbers > div:nth-child(5){
position: absolute;
top: 44%;
left: 14%;
}
.lines-6-numbers > div:nth-child(6){
position: absolute;
top: 44%;
left: 55%;
}
.lines-6-numbers > div:nth-child(7){
position: absolute;
top: 44%;
left: 79%;
}
.sun-6{
position: relative;
width: 100%;
}
.sun-6 > div:nth-child(2){
position: absolute;
top: 7%;
left: 10%;
}
.sun-6 > div:nth-child(3){
position: absolute;
top: 7%;
left: 61%;
}
.sun-6 > div:nth-child(4){
position: absolute;
top: 36%;
left: 7%;
}
.sun-6 > div:nth-child(5){
position: absolute;
top: 44%;
left: 61%;
}
.sun-6 > div:nth-child(6){
position: absolute;
top: 82%;
left: 7%;
}
.sun-6 > div:nth-child(7){
position: absolute;
top: 71%;
left: 61%;
}
}
.article-content p + p{
margin-top: .5rem;
}
.table{
border-spacing: 0;
border-collapse: collapse;
}
.bg-grey{
color: #FFF;
background-color: #999;
}
.bg-light-grey{
background-color: #EEE;
}
.bg-dark-grey{
background-color: #333;
}
.bg-white-grey{
background-color: #F5F5F5;
}
.bg-green{
background-color: #393;
}
.bg-orange{
background-color: #FD4700;
}
.bg-orange-light{
background-color: #F63;
}
.bg-red{
background-color: #C00;
}
.bg-cyan-green{
background-color: #9CC;
}
.bg-cyan{
background-color: #3CC;
}
.bg-green-dark{
background-color: #066;
}
.bg-yellow-sand{
background-color: #C93;
}
.pad-left-0{
padding-left: 0;
}
.bg-products{
background: #E1E8EF url(//magnerot.ru/wp-content/themes/magnerot/assets/images/articles/bg-products.jpg) right bottom no-repeat;
background-size: cover;
}
.text-yellow-sand{
color: #C93;
}
.text-green-dark{
color: #066;
}
.text-yellow-sand{
color: #C93;
}
.text-orange{
color: #FD4700;
}
.bold{
font-weight: bold;
}
.border-orange{
border: 1px solid #FD4700;
}
.border-white{
border: 1px solid #FFF;
}
.border-left-orange{
border-left: 3px solid #FD4700;
}
.number-round{
width: 1.8rem;
height: 1.8rem;
padding: .2rem;
margin-right: 4px;
font-size: 1.3rem;
line-height: 1.5rem;
text-align: center;
color: #FFF;
background-color: #FD4700;
border-radius: 50%;
}
.number-round.on-orange-bg{
color: #FD4700;
background-color: #FFF;
}
.arrow-col{
padding: 0;
text-align: center;
font-size: 1.6rem;
}
.small, small{
font-size: 80%;
font-weight: 400;
}
.mb-10r{
margin-bottom: 10rem;
}
.mb-7r{
margin-bottom: 7rem;
}
.mb-15r{
margin-bottom: 15rem;
}
@media (max-width: 1199px){
.bg-products{
background: #FD4700;
color: #FFF;
}
.diss-where-do{
background: #FD4700;
color: #FFF;
}
.diss-where-do .block-title{
color: #FFF;
}
.how-lecit{
background: #FD4700;
color: #FFF;
padding: 2rem;
}
.how-lecit h4{
color: #FFF;
}
}
.arrow-on-line{
position: absolute;
right: 9%;
top: 8%;
}
@media screen and (max-width: 767px){
.article-content p{
margin-bottom: 12px;
}
.what-et-magniy .products-list p{
margin-bottom: 8px;
}
}
.block-title{
color: #FD4700;
}
.whatisdeficit{
padding-bottom: 20px;
}
@media (min-width: 1200px){
.useful_wrap{
margin-top: 6%;
}
.useful_wrap p{
position: absolute;
width: 16%;
}
.useful_wrap p:nth-of-type(1){
top: 16%;
left: 30%;
text-align: right;
}
.useful_wrap p:nth-of-type(2){
top: 31%;
left: 17%;
text-align: right;
}
.useful_wrap p:nth-of-type(3){
top: 55%;
left: 15%;
}
.useful_wrap p:nth-of-type(4){
bottom: 18%;
left: 20%;
text-align: right;
}
.useful_wrap p:nth-of-type(5){
bottom: 3%;
left: 28%;
width: 42%;
}
.useful_wrap p:nth-of-type(6){
bottom: 20%;
right: 21%;
}
.useful_wrap p:nth-of-type(7){
bottom: 40%;
right: 12%;
text-align: left;
}
.useful_wrap p:nth-of-type(8){
top: 29%;
right: 13%;
text-align: left;
width: 20%;
}
.useful_wrap p:nth-of-type(9){
top: 15%;
right: 24%;
width: 22%;
text-align: left;
}
.deficite_text p{
position: absolute;
width: 25%;
text-align: left;
}
.deficite_text p:nth-of-type(1){
top: 32%;
left: 5%;
}
.deficite_text p:nth-of-type(2){
bottom: 14%;
left: 22%;
}
.deficite_text p:nth-of-type(3){
top: 35%;
left: 41%;
}
.deficite_text p:nth-of-type(4){
bottom: 8%;
right: 16%;
}
.deficite_text p:nth-of-type(5){
top: 28%;
right: 1%;
}
.grafik-deficit{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/articles/grafik-deficit.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
position: relative;
}
.deficit-element1{
position: absolute;
top: 19%;
left: 12%;
text-align: right;
width: 26%;
}
.deficit-element2{
position: absolute;
top: 22%;
right: 0%;
text-align: left;
width: 34%;
}
.deficit-element3{
position: absolute;
top: 48%;
right: 0%;
text-align: left;
width: 34%;
}
.deficit-element4{
position: absolute;
top: 62%;
left: 6%;
text-align: left;
width: 34%;
}
.deficit-element5{
position: absolute;
top: 77%;
left: 6%;
text-align: left;
width: 56%;
}
.deficit-element6{
position: absolute;
top: 38%;
left: 49%;
font-weight: bold;
text-align: left;
color: #FFF;
}
.deficit-is-view{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/articles/star.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: relative;
}
.deficit-is-view div{
position: absolute;
}
.deficit-is-view .view-element1{
top: 2%;
left: 43%;
}
.deficit-is-view .view-element2{
top: 18%;
left: 62%;
}
.deficit-is-view .view-element3{
top: 40%;
left: 67%;
}
.deficit-is-view .view-element4{
top: 66%;
left: 65%;
}
.deficit-is-view .view-element5{
top: 83%;
left: 57%;
}
.deficit-is-view .view-element6{
top: 83%;
left: 19%;
text-align: right;
}
.deficit-is-view .view-element7{
top: 65%;
left: 13%;
text-align: right;
}
.deficit-is-view .view-element8{
top: 40%;
left: 17%;
text-align: right;
}
.deficit-is-view .view-element9{
top: 17%;
left: 21%;
text-align: right;
}
.deficit-is-view .view-element10{
top: 38%;
left: 40%;
width: 20%;
background-image: none !important;
}
}
@media (max-width: 1200px){
.pms-element1, .pms-element2, .pms-element3{
position: static;
width: 100%;
}
.deficit-is-view .view-element10{
display: none;
}
.simptomy-magniy p{
font-size: 18px;
font-size: 1.8rem;
}
.how-lecit h4{
padding-bottom: 5px;
}
.block-group p, .block-group li, .elements-list-title, .table-simptomy .table-line{
font-size: 18px;
}
.wheremg-1 .large_title{
font-size: 55px !important;
}
.wheremg-1 .medium_title{
font-size: 31px !important;
}
.simptomy-magniy div{
margin-bottom: calc(15px + 1vw);
list-style: none;
position: static;
width: 100%;
box-sizing: border-box;
padding-left: calc(25px + 2vw);
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/articles/item.png);
background-repeat: no-repeat;
background-position: 0 top;
background-size: 25px;
}
.block-info .simptomy-magniy img{
display: none;
}
.simptomy-magniy{
background-image: none;
}
.block-group p, .block-group li, .elements-list-title, .table-simptomy .table-line{
font-size: 15px;
padding-bottom: 1%
}
.pms-grafik-block p{
font-size: 1.8rem;
}
.block-group .pms-grafik-block h5{
font-size: 22px;
}
.pms-grafik-block{
width: 50%;
display: block;
float: left;
}
.pms-grafik-block:nth-child(3){
clear: left;
}
.pms-grafik-block{
margin-bottom: 30px;
}
.pms-grafik-block + .pms-grafik-block + .pms-grafik-block{
margin-bottom: 0;
}
.block-info img{
width: 90%;
margin-left: 8%;
display: block;
}
.text-{
top: 54px;
font-size: 18px;
}
.block5{
margin-bottom: 10px;
}
.block5 h2, .block4 h2{
text-align: center;
}
.grafik-deficit, .deficit-is-view{
background-image: none;
}
.grafik-deficit img, .deficit-element6, .deficit-is-view img{
display: none;
}
.deficit-is-view div, .deficit-element1, .deficit-element2,
.deficit-element3, .deficit-element4, .deficit-element5, .deficit-is-view .view-element9, .deficit-is-view .view-element8, .deficit-is-view .view-element7, .deficit-is-view .view-element6{
position: static;
width: 100%;
text-align: left;
padding-left: calc(15px + 3vw);
}
.deficit-is-view div,
.deficit-element1,
.deficit-element2,
.deficit-element3, .deficit-element4{
background-position: left top;
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/articles/item.png);
background-repeat: no-repeat;
}
.deficit-is-view p{
font-size: 15px;
}
.magnerot-is .col-xs-10{
width: 100%;
}
.simptomy-magniy .text_3{
width: 100%;
}
p.elements-list-title{
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
justify-content: space-between;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
margin-top: 5%;
}
.elements-list span.title{
font-size: 85%;
}
.what-et-magniy{
padding-left: 15px;
}
.elements-list .title.alignright{
text-align: right;
}
.block-info.dismenoreia-isit{
margin-bottom: 0;
}
.centered img{
width: 40%;
}
.medium_title{
width: 100%;
}
.more{
text-align: center;
margin-left: 0;
}
}
@media (max-width: 768px){
.pms-grafik .pms-grafik-block h5{
position: static;
top: 25%;
left: 19%;
}
.article-content .pms-grafik .pms-grafik-block img{
display: none;
}
.pms-grafik .pms-grafik-block p{
position: static;
width: 100%;
left: 20%;
top: 40%;
}
.pms-grafik-block{
float: left;
display: block;
width: 100%;
margin-bottom: 0;
padding-left: 15px;
padding-top: 0;
}
.pms-grafik .hidden-img{
display: none;
}
.pms-grafik{
margin-top: 0;
margin-bottom: 25px;
}
.block-group p, .block-group li, .elements-list-title, .table-simptomy .table-line{
font-size: 16px;
}
.pms-grafik2 p{
font-size: 12px;
}
img.small{
max-width: 100%;
width: 50%;
}
.elements-list .title.alignright{
float: left;
margin: 0 0 0 78px;
}
.dismenoreia-schema .text_1,
.dismenoreia-schema .text_2{
position: static;
width: 100%;
box-sizing: border-box;
font-size: 18px;
font-size: calc(8px + 1vw);
margin-bottom: calc(10px + 1vw);
list-style: none;
padding-left: calc(46px + 2vw);
padding-right: 15px;
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/articles/item.png);
background-repeat: no-repeat;
background-position: 20px top;
background-size: 25px;
text-align: left;
}
.dismenoreia-schema{
background-image: none;
}
.dismenoreia-schema img{
display: none;
}
.dismenoreia-schema .text_1 .number, .dismenoreia-schema .text_2 .number{
display: none;
}
}
@media (max-width: 550px){
.fa-2x{
font-size: 1em;
}
}         .article-content{
overflow: hidden; position: relative;
line-height: 2.2rem; text-align: left;
color: #333;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
}
.article-content h1{
display: block;
padding-top: 25px;
padding-right: 140px;
margin-bottom: 20px;
margin-left: -2px;
font-size: 3.6rem;
line-height: 3.8rem;
color: #FD4700;
}
.article-content ul{
list-style-type: disc;
margin-bottom: 2rem;
}
.article-content ol{
margin-top: 0;
margin-bottom: 1rem;
}
.article-content ul li,
.article-content ol li{
margin-bottom: 0.7rem;
margin-left: 16px;
}
.article-content ul ul{
margin-bottom: 0
}
.article-content .left{
margin-left: auto;
margin-right: auto;
text-align: left;
}
.article-content .b_article-expand-table{
display: inline-block;
padding: 12px;
margin-bottom: 20px;
color: #FFF;
line-height: 18px;
text-align: center;
text-decoration: none;
white-space: nowrap;
border: 1px solid transparent;
border-radius: 0;
background-color: #00C2DF;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: background-color 300ms ease, box-shadow 300ms ease;
}
.article-content .b_article-expand-table:hover{
color: #FFF;
background-color: #00DCFD;
text-decoration: none;
outline: 0;
box-shadow: none;
}
.article-content .b_article-expand-table:focus{
text-decoration: none;
outline: 0;
box-shadow: none;
}
.article-content .b_article-expand-table.article-expand-button-active{
background-color: #53B5C3;
box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.1);
}
.article-content h6{
font-size: 1.5rem;
line-height: 2rem;
font-weight: normal;
}
.ac-fix-full-width{
width: 100%;
}
.ac-fix-margin-top-big{
margin-top: 30px;
}
.ac-fix-margin-bottom-big{
margin-bottom: 30px;
}
.ac-fix-padding-top-big{
padding-top: 30px;
}
.ac-fix-padding-top-medium{
padding-top: 20px;
}
.ac-fix-padding-top-small{
padding-top: 10px;
}
.ac-fix-padding-bottom-big{
padding-bottom: 30px;
}
.ac-fix-padding-bottom-medium{
padding-bottom: 20px;
}
.ac-fix-padding-bottom-small{
padding-bottom: 10px;
}
.ac-fix-padding-top-bottom-small{
padding-top: 10px;
padding-bottom: 10px;
}
.ac-fix-padding-right-small{
padding-right: 15px;
}
.ac-fix-padding-sides-small{
padding-left: 10px;
padding-right: 10px;
}
.ac-fix-padding-sides-uneven{
padding-left: 30px;
padding-right: 20px;
}
.ac-fix-text-center{
text-align: center;
}
.ac-fix-block-center{
margin-left: auto;
margin-right: auto;
text-align: center;
}
.ac-fix-border-radius-large{
border-radius: 30px;
}
.ac-fix-border-radius-medium{
border-radius: 20px;
}
.ac-fix-border-radius-small{
border-radius: 10px;
}
.ac-fix-nopadding-top{
padding-top: 0 !important;
}
.ac-fix-width-almost-full{
width: 90%;
}
.ac-fix-pms-bordered{
padding: 10px;
margin-bottom: 30px;
border: 1px dashed #E2E2E2;
}
a.ac-fix-about-button{
float: right;
display: inline-block;
padding: 12px;
margin-top: 5px;
margin-left: 10px;
color: #FFF;
font-size: 15px;
line-height: 18px;
text-align: center;
text-decoration: none;
background-color: #00C2DF;
transition: background-color 300ms ease;
}
a.ac-fix-about-button:hover{
color: #FFF;
background-color: #00DCFD;
text-decoration: none;
}
.ac-fix-deficit-element-height{
min-height: 28px;
}
.ac-fix-view-element-height{
min-height: 32px;
}
.ac-fix-magniy-v-ede{
padding-bottom: 10px;
padding-top: 10px;
background-color: rgba(226, 233, 240, 0.8);
}
.ac-fix-setka-magnpriklim{
padding-top: 50px;
padding-bottom: 50px;
}
img.ac-fix-symptoms-img{
margin: 5px 15px 10px 0;
}
.mb-10r.ac-fix-margin-bottom-150{
margin-bottom: 200px;
}
@media only screen and (max-width: 1200px){
.article-content img.ac-fix-image-limit-medium{
max-width: 500px;
height: auto;
}
.article-content .img-fluid.ac-fix-limit-max-width{
max-width: 70%;
}
}
@media only screen and (max-width: 1000px){
.article-content h1{
padding-right: 15px;
}
}
@media only screen and (max-width: 767px){
.article-content img.ac-fix-image-limit-medium{
max-width: 360px;
}
}
@media only screen and (max-width: 600px){
.article-content h1{
padding-top: 20px;
font-size: 30px;
font-size: 3rem;
line-height: 34;
line-height: 3.4rem;
}
.article-content .table.ac-fix-table-thin td,
.article-content .table.ac-fix-table-thin th{
padding: .5rem .3rem;
}
.ac-fix-about-width.red-block span{
width: 100%;
}
a.ac-fix-about-button{
float: left;
margin-top: 15px;
margin-left: 0;
}
}
@media only screen and (max-width: 450px){
.article-content img.ac-fix-image-limit-medium{
max-width: 100%;
}
}
.button_pdf{
box-shadow: 0 5px 24px rgba(23, 24, 26, 0.2);
border-radius: 8px;
}
.instruction .where{
display: flex;
justify-content: flex-start;
align-items: baseline;
}
.instruction .faq-list{
list-style: none;
}
.instruction .faq-list .answer{
}
h2.source{
margin-top: 50px;
margin-bottom: 20px;
font-size: 22px;
color: #00BDE5;
cursor: pointer;
text-transform: uppercase;
}
h2.source:after{
content: "";
position: relative;
display: inline-block;
top: -6px;
left: 4px;
width: 11px;
height: 6px;
background-position: -71px -6px;
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/i/atlas-240821-1.png);
background-image: -webkit-image-set(url(//magnerot.ru/wp-content/themes/magnerot/assets/images/i/atlas-240821-1.webp) 1x, url(//magnerot.ru/wp-content/themes/magnerot/assets/images/i/atlas-240821-1.png) 1x);
background-repeat: no-repeat;
background-size: 700px auto;
}
h2.source.open{
color: #888;
}
h2.source.open:after{
background-position: -60px 0;
}
h2.source+ol{
display: none;
}
h2.source.open+ol{
display: block;
color: #888;
font-size: 13px;
}@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}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.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-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.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-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(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,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(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,.5),rgba(0,0,0,0))}.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-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-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(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:var(--swiper-pagination-progressbar-size,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:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-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;touch-action:none}.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{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.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-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.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-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.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-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-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.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.custom__logo {
display: none;
}
.burgerBtn {
display: none;
}
.b-test:not(.atlas).is-hidden {
width: 0;
}
.fermaMain {
padding: 0 123px;
max-width: 1796px;
margin: 100px auto 0;
}
.fermaMain__item {
container-type: inline-size;
position: relative;
width: 100%;
aspect-ratio: 1550 / 580;
font-family: Arial, Helvetica, sans-serif;
background: linear-gradient(180deg, #ebf8f9 0%, #feebde 100%);
border-radius: 30px;
overflow: hidden;
}
.fermaMain__visual {
position: absolute;
inset: 0;
}
.fermaMain__logo,
.fermaMain__characters img,
.fermaMain__benefit img,
.fermaMain__package {
display: block;
max-width: none;
}
.fermaMain__logo {
position: absolute;
z-index: 2;
top: 4.3871cqw;
left: 61.1613cqw;
width: 18.7097cqw;
height: 5.1613cqw;
}
.fermaMain__title {
position: absolute;
z-index: 2;
top: 10.6452cqw;
left: 46.0645cqw;
width: 49.0323cqw;
margin: 0;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 2.5806cqw;
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.01em;
text-align: left;
text-transform: uppercase;
white-space: nowrap;
}
.fermaMain__title sup {
top: -0.45em;
margin-left: 0.15em;
color: #aaa;
font-size: 0.6em;
font-weight: 400;
}
.fermaMain__characters {
position: absolute;
inset: 0;
}
.fermaMain__charactersShadow {
position: absolute;
top: 26.9032cqw;
left: 56.0645cqw;
width: 29.6129cqw;
height: 1.2903cqw;
background: linear-gradient(90deg, rgba(20, 191, 217, 0.15) 0%, rgba(245, 131, 34, 0.15) 100%);
border-radius: 50%;
}
.fermaMain__characters img {
position: absolute;
top: 15.3548cqw;
left: 58.2652cqw;
width: 25.6774cqw;
height: 13.7419cqw;
}
.fermaMain__benefits {
position: absolute;
z-index: 3;
top: 29.3548cqw;
left: 46.0645cqw;
display: flex;
align-items: center;
gap: 1.9355cqw;
width: 48.6452cqw;
height: 2.9032cqw;
}
.fermaMain__benefit {
display: flex;
align-items: center;
width: 23.3548cqw;
height: 2.9032cqw;
color: #fff;
font-size: 1.0968cqw;
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.01em;
text-transform: uppercase;
}
.fermaMain__benefit h3 {
flex: 1 1 auto;
margin: 0;
color: inherit;
font: inherit;
text-align: center;
text-transform: inherit;
white-space: nowrap;
}
.fermaMain__benefit img {
z-index: 1;
flex: 0 0 auto;
width: 4.1935cqw;
height: 4.1935cqw;
}
.fermaMain__benefit--magnesium {
justify-content: space-between;
padding-left: 1.2903cqw;
background: linear-gradient(90deg, #19cfea 0%, #30b3c7 100%);
border-radius: 0.9677cqw 2.5806cqw 2.5806cqw 0.9677cqw;
}
.fermaMain__benefit--magnesium img {
transform: translateX(0.6452cqw);
}
.fermaMain__benefit--orotate {
padding-right: 1.2903cqw;
background: linear-gradient(90deg, #ff7500 16.8%, #ff9236 100%);
border-radius: 2.8387cqw 0.9677cqw 0.9677cqw 3.1613cqw;
}
.fermaMain__benefit--orotate img {
transform: translateX(-0.6452cqw);
}
.fermaMain__info {
position: absolute;
z-index: 2;
top: 4.3871cqw;
left: 0;
width: 41.0323cqw;
height: 33.0323cqw;
background: #fff;
border-radius: 0 2.4516cqw 0 0;
}
.fermaMain__productTitle {
position: absolute;
top: 2.0645cqw;
left: 2.5806cqw;
width: 37.4194cqw;
color: #000;
font-size: 1.8065cqw;
font-weight: 400;
line-height: 1.1;
letter-spacing: -0.01em;
}
.fermaMain__productTitle strong {
font-size: 2.1935cqw;
font-weight: 700;
}
.fermaMain__productTitle strong sup {
top: -0.2em;
color: #aaa;
font-size: 0.8235em;
letter-spacing: -0.02em;
}
.fermaMain__productTitle span sup,
.fermaMain__description sup,
.fermaMain__claim sup {
top: -0.4em;
color: #aaa;
font-size: 0.65em;
}
.fermaMain__description {
position: absolute;
top: 8.1935cqw;
left: 2.7097cqw;
width: 32.5806cqw;
color: #000;
font-size: 1.1241cqw;
font-weight: 400;
line-height: 1.2;
letter-spacing: 0.01em;
}
.fermaMain__package {
position: absolute;
top: 11.8065cqw;
left: 0.5484cqw;
width: 29.2581cqw;
height: 17.0645cqw;
}
.fermaMain__claim {
position: absolute;
z-index: 2;
top: 11.7742cqw;
left: 28.871cqw;
display: flex;
align-items: center;
width: 14.7155cqw;
height: 5.091cqw;
padding: 1.0617cqw 1.374cqw;
color: #fff;
background: #14bfd9;
border-radius: 0.9992cqw;
font-size: 1.1241cqw;
font-weight: 700;
line-height: 1.3;
text-transform: uppercase;
}
.fermaMain__claim sup {
color: inherit;
}
@media (max-width: 1000px) {
.fermaMain__item {
aspect-ratio: 718 / 958;
border-radius: 0;
}
.fermaMain__logo {
top: 4.3175cqw;
left: 35.9331cqw;
width: 28.1337cqw;
height: 7.7604cqw;
}
.fermaMain__title {
top: 13.7883cqw;
left: 10.3064cqw;
width: 81.6156cqw;
font-size: 4.1783cqw;
text-align: center;
}
.fermaMain__charactersShadow {
top: 45.6825cqw;
left: 22.0056cqw;
width: 55.9889cqw;
height: 2.4373cqw;
}
.fermaMain__characters img {
top: 21.0306cqw;
left: 25.3482cqw;
width: 50.4178cqw;
height: 27.0195cqw;
transform: none;
}
.fermaMain__benefits {
top: 52.2284cqw;
left: 5.9889cqw;
gap: 4.1783cqw;
width: 88.1616cqw;
height: 7.6602cqw;
}
.fermaMain__benefit {
width: 41.9916cqw;
height: 7.6602cqw;
font-size: 2.4267cqw;
}
.fermaMain__benefit h3 {
line-height: 1.05;
white-space: normal;
}
.fermaMain__benefit img {
width: 9.0529cqw;
height: 9.0529cqw;
}
.fermaMain__benefit--magnesium {
padding-left: 2.7855cqw;
border-radius: 2.0891cqw 5.571cqw 5.571cqw 2.0891cqw;
}
.fermaMain__benefit--magnesium img {
transform: translateX(1.3928cqw);
}
.fermaMain__benefit--magnesium h3 {
max-width: 29.2479cqw;
}
.fermaMain__benefit--orotate {
padding-right: 2.7855cqw;
border-radius: 6.1281cqw 2.0891cqw 2.0891cqw 6.8245cqw;
}
.fermaMain__benefit--orotate img {
transform: translateX(-1.3928cqw);
}
.fermaMain__benefit--orotate h3 {
max-width: 31.337cqw;
}
.fermaMain__info {
top: 65.1114cqw;
width: 100cqw;
height: 68.3148cqw;
border-radius: 0;
}
.fermaMain__productTitle {
top: 4.3175cqw;
left: 5.571cqw;
width: 88.5794cqw;
font-size: 2.966cqw;
}
.fermaMain__productTitle strong {
font-size: 4.8535cqw;
}
.fermaMain__description {
top: 14.9025cqw;
left: 5.9192cqw;
width: 82.4513cqw;
font-size: 2.4267cqw;
}
.fermaMain__package {
top: 25.3482cqw;
left: 1.1838cqw;
width: 63.1616cqw;
height: 36.8384cqw;
}
.fermaMain__claim {
top: 27.8552cqw;
left: 62.3259cqw;
width: 31.7674cqw;
height: 10.9903cqw;
padding: 2.2919cqw 2.966cqw;
border-radius: 2.1571cqw;
font-size: 2.4267cqw;
}
}
@media (max-width: 540px) {
.fermaMain__item {
aspect-ratio: 363 / 1042;
}
.fermaMain__logo {
top: 8.5399cqw;
left: 26.7218cqw;
width: 46.5565cqw;
height: 12.8427cqw;
}
.fermaMain__title {
top: 27.2727cqw;
left: 5.7851cqw;
width: 88.4298cqw;
font-size: 7.7135cqw;
line-height: 1.1;
white-space: normal;
}
.fermaMain__title span {
display: block;
white-space: nowrap;
}
.fermaMain__charactersShadow {
top: 91.7355cqw;
left: 5.9229cqw;
width: 88.1543cqw;
height: 2.7548cqw;
}
.fermaMain__characters img {
top: 50.9642cqw;
left: 10.4683cqw;
width: 80.1653cqw;
height: 44.3526cqw;
}
.fermaMain__benefits {
top: 102.0661cqw;
left: 5.6474cqw;
gap: 4.1322cqw;
width: 88.7052cqw;
height: 13.7741cqw;
}
.fermaMain__benefit {
width: 42.2865cqw;
height: 13.7741cqw;
font-size: 3.4435cqw;
}
.fermaMain__benefit h3 {
max-width: 25.6198cqw;
line-height: 1.05;
overflow-wrap: anywhere;
}
.fermaMain__benefit img {
width: 15.427cqw;
height: 15.427cqw;
}
.fermaMain__benefit--magnesium {
padding-left: 2.2039cqw;
border-radius: 4.1322cqw 11.0193cqw 11.0193cqw 4.1322cqw;
}
.fermaMain__benefit--magnesium img {
transform: translateX(1.3774cqw);
}
.fermaMain__benefit--orotate {
padding-right: 2.2039cqw;
border-radius: 12.1212cqw 4.1322cqw 4.1322cqw 13.4986cqw;
}
.fermaMain__benefit--orotate img {
transform: translateX(-1.3774cqw);
}
.fermaMain__benefit--orotate h3 {
max-width: 23.5cqw;
}
.fermaMain__info {
top: 129.7521cqw;
width: 100cqw;
height: 157.3003cqw;
}
.fermaMain__productTitle {
top: 6.3636cqw;
left: 5.8678cqw;
width: 88.1543cqw;
font-size: 5.8667cqw;
}
.fermaMain__productTitle strong {
font-size: 9.6003cqw;
}
.fermaMain__description {
top: 38.292cqw;
left: 6.3994cqw;
width: 87.2011cqw;
font-size: 4.8cqw;
}
.fermaMain__descriptionBreak {
display: none;
}
.fermaMain__package {
top: 65.1129cqw;
left: -1.6006cqw;
width: 100.2672cqw;
height: 58.6667cqw;
}
.fermaMain__claim {
top: 125.7603cqw;
left: 6.3994cqw;
width: 87.2011cqw;
height: 21.7383cqw;
padding: 4.5333cqw 5.8667cqw;
border-radius: 4.2667cqw;
font-size: 4.8cqw;
}
}
.fermaBanner .feats-block h1 {
font-family: Arial;
font-size: 32px;
font-weight: 700;
line-height: 31px;
text-align: left;
}
.fermaBanner .feats-block h1 span {
font-size: 20px;
line-height: 24px;
text-transform: uppercase;
}
.fermaBanner .feats-block .fermaBanner__description {
font-family: Arial;
font-size: 18px;
font-weight: 400;
line-height: 22px;
text-align: left;
margin-bottom: 20px;
width: 90%;
}
.fermaBanner .feats-block .fermaBanner__quote {
font-family: Arial;
font-size: 12px;
font-weight: 400;
line-height: 14.4px;
text-align: left;
color: #000000 !important;
width: 90%;
}
.fermaBanner .feats-block {
padding: 45px 24px 12px 57px;
}
.fermaBanner__block {
position: absolute;
top: 44%;
left: calc(100% - 71px);
transform: translate(0, -50%);
display: flex;
flex-direction: column;
gap: 6px;
}
.fermaBanner__item {
width: 311px;
height: 95px;
padding: 17px 25px;
border-radius: 30px;
font-family: Arial;
font-size: 22px;
font-weight: 700;
line-height: 30px;
text-align: left;
color: #FFFFFF;
text-transform: uppercase;
}
.fermaBanner__item br {
display: none;
}
.fermaBanner__item sup {
opacity: 1;
}
.fermaBanner__item_orange {
background-color: #FF7F11;
}
.fermaBanner__item_blue {
background-color: #14BFDA;
}
.fermaAbout {
margin-top: 90px;
}
.fermaAbout .why_magnerot {
display: block;
padding: 0 50px;
}
.fermaAbout__title {
margin-top: 80px;
font-size: 32px;
font-weight: 700;
line-height: 30px;
text-align: center;
text-transform: uppercase;
}
.fermaAbout__subtitle {
margin-top: 8px;
font-family: Arial;
font-size: 26px;
font-weight: 700;
line-height: 32px;
text-align: center;
}
.fermaAbout__box {
margin-top: 35px;
display: flex;
justify-content: space-between;
}
.fermaAbout__block {
margin-top: 35px;
display: flex;
justify-content: space-between;
}
.fermaAbout__item {
width: 32%;
height: 137px;
border-radius: 30px;
overflow: hidden;
display: flex;
align-items: center;
gap: 25px;
background-color: #FFEBDD;
}
.fermaAbout__item img {
margin: 0;
}
.fermaAbout__itemTitle {
font-size: calc(12px + ((100vw - 1000px) / (1920 - 1000)) * (24 - 12));
line-height: calc(16px + ((100vw - 1000px) / (1920 - 1000)) * (30 - 16));
font-weight: 700;
text-align: left;
}
.fermaAbout__element {
padding: 26px 32px;
display: flex;
flex-direction: column;
gap: 20px;
align-items: flex-start;
border-radius: 30px;
background-color: #EAF8F9;
width: 32%;
}
.fermaAbout__elementSvg {
width: 75px;
height: 75px;
}
.fermaAbout__elementSvg svg {
width: 100%;
height: 100%;
}
.fermaAbout__elementTitle {
font-weight: 400;
font-size: calc(12px + ((100vw - 1000px) / (1920 - 1000)) * (24 - 12));
line-height: calc(16px + ((100vw - 1000px) / (1920 - 1000)) * (30 - 16));
text-align: left;
width: 70%;
}
.fermaAbout__footer { margin-top: 90px;
margin-bottom: 50px;
display: flex;
align-items: center;
padding: 0 62px;
position: relative;
}
.fermaAbout__footer::after {
content: '';
position: absolute;
top: 0;
left: 112px;
width: 85%;
height: 150px;
background-color: #14BFD9;
z-index: 0;
}
.fermaAbout__footerText {       position: relative;
padding: 23px 34px;
border-radius: 0px 20px 0px 20px;
background-color: #F15F23;
z-index: 1;
margin-top: -60px;
color: #fff;
display: flex;
gap: 5px;
justify-content: space-between;
align-items: flex-end; }
.fermaAbout__footerTitle {
font-family: Arial;
font-size: 24px;
font-weight: 400;
line-height: 30px; text-align: center;
}
.fermaAbout__footerSubtitle {
color: #C9C9C9;
margin-top: 11px;
font-family: Arial;
font-size: 12px;
font-weight: 400;
line-height: 14px;
text-align: left;
}
.fermaAbout__footerImg {
position: relative;
z-index: 1;
width: 353px;
flex: none;
margin-top: -70px;
margin-right: -20px;
}
.fermaAbout__footerImg img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
} .fermaAbout__footerTitle--lapt {
font-family: Arial;
font-size: 24px;
font-weight: 400;
line-height: 30px;
text-align: left;
display: none;
}
.fermaAbout__footerText-bgimg {
width: 100%;
max-width: 300px;
position: relative;
bottom: 0;
right: 0;
}
.fermaAbout__footerText-bgimg--lapt {
width: 100%;
position: relative;
bottom: 0;
right: 0;
display: none;
}
.fermaAbout__footerText-left {
flex: 1;
height: 100%;
min-height: 156px;
display: flex;
flex-direction: column; justify-content: center;
align-items: center;
}
@media (max-width: 1376px) {
.fermaAbout__footerTitle {
display: none;
}
.fermaAbout__footerTitle--lapt {
display: block;
}
.fermaAbout__footerText-bgimg {
display: none;
}
.fermaAbout__footerText-bgimg--lapt {
width: 30%;
display: flex;
flex: 1;
}
.fermaAbout__footerText {
flex-direction: column;
}
.fermaAbout__footerText-left {
display: flex;
flex-direction: row;
gap: 20px;
flex: 1;
}
.fermaAbout__footerText {
flex: 1.25;
}
.fermaAbout__footerSubtitle {
flex: 1;
}
}
@media (max-width: 1280px) {
.fermaAbout__footerText-left {
flex-direction: column;
align-items: flex-end;
}
.fermaAbout__footerText-bgimg--lapt {
width: 40%;
right: 0;
}
}
@media (max-width: 1024px) {
.fermaAbout__footerText-bgimg--lapt {
width: 100%;
}
.fermaAbout__footerText-left {
flex-direction: column-reverse;
}
}
.fermaAbout__download {
margin: -30px auto 0;
display: flex;
align-items: center;
justify-content: center;
width: 290px;
height: 60px;
border-radius: 100px;
background: linear-gradient(360deg, #38CDE3 0%, #1EC0D8 48.5%, #5ED9EB 100%);
font-size: 19px;
font-weight: 700;
line-height: 32px;
color: #fff;
text-transform: uppercase;
transition: 0.3s;
}
.fermaAbout__download:hover {
opacity: 0.8;
}
.fermaAbout__download:visited {
color: #fff;
}
img.people {
display: none !important;
}
.fermaLack {
padding: 0 25px;
max-width: 1600px;
margin: 0 auto;
}
.fermaLack__subtitle {
margin: -30px auto 0;
font-family: Arial;
font-size: 26px;
font-weight: 400;
line-height: 32px;
text-align: center;
max-width: 904px;
}
.fermaLack__box {
margin-top: 60px;
display: flex;
gap: 30px;
justify-content: center;
flex-wrap: wrap;
}
.fermaLack__item {
width: 360px;
height: 537px;
border: 3px solid #FBE0CE;
padding: 27px 24px;
border-radius: 30px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.fermaLack__itemSvg {
}
.fermaLack__itemTitle {
margin-top: 15px;
font-family: Arial;
font-size: 22px;
font-weight: 700;
line-height: 25px;
text-align: left;
color: #F38529;
text-transform: uppercase;
}
.fermaLack__itemTitle sup {
color: #A8A8A8;
opacity: 1;
}
.fermaLack__itemList {
margin-top: 25px;
display: flex;
flex-direction: column;
gap: 15px;
align-items: flex-start;
text-align: start;
padding-left: 15px;
}
.fermaLack__itemList li {
font-family: Arial;
font-size: 22px;
font-weight: 400;
line-height: 28px;
text-align: left;
position: relative;
}
.fermaLack__itemList li:before {
content: "";
width: 10px;
height: 10px;
background-color: #F38529;
border-radius: 50%;
position: absolute;
top: 8px;
left: -17px;
}
.fermaLack__itemDescription {
margin-top: auto;
font-family: Arial;
font-size: 22px;
font-weight: 700;
line-height: 28px;
text-align: left;
}
.fermaReason {
padding: 73px 25px 120px;
max-width: 1600px;
margin: 120px auto 0;
position: relative;
}
.fermaReason::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0);
width: calc(100vw - 25px);
height: 187px;
background: linear-gradient(360deg, rgba(232, 231, 237, 0) 0%, #E8E7ED 100%);
z-index: 0;
}
.fermaReason__title {
font-family: Arial;
font-size: 48px;
font-weight: 700;
line-height: 40px;
text-align: center;
position: relative;
z-index: 1;
}
.fermaReason__subtitle {
margin-top: 12px;
font-family: Arial;
font-size: 26px;
font-weight: 400;
line-height: 24px;
text-align: center;
padding-bottom: 46px;
position: relative;
}
.fermaReason__subtitle::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, 0);
width: 255.5px;
height: 0;
border-radius: 3px;
border: 3px solid #F38529
}
.fermaReason__description {
font-family: Arial;
font-size: 24px;
font-weight: 400;
line-height: 29px;
text-align: center;
margin-top: 45px;
max-width: 780px;
margin: 45px auto 0;
}
.fermaReason__description span {
font-weight: 700;
}
.fermaReason__block {
margin-top: 80px;
}
.fermaReason__blockTitle {
font-family: Arial;
font-size: 32px;
font-weight: 700;
line-height: 30px;
text-align: center;
text-transform: uppercase;
}
.fermaReason__box {
margin-top: 35px;
display: flex;
justify-content: center;
gap: 30px;
flex-wrap: wrap;
}
.fermaReason__item {
width: 23%;
height: 184px;
padding: 15px 15px 15px 20px;
gap: 10px;
border-radius: 30px;
background-color: #EAF8F9;
}
.fermaReason__item_orange {
background: #FFEBDD;
height: 156px;
}
.fermaReason__itemSvg {
width: 60px;
height: 60px;
}
.fermaReason__itemText {
margin-top: 10px;
font-family: Arial;
font-size: 20px;
font-weight: 400;
line-height: 24px;
text-align: left;
}
.fermaPress {
max-width: 1600px;
margin: 0 auto;
padding: 0px 25px 120px;
}
.fermaPress__block {
display: flex;
justify-content: center;
}
.fermaPress__block .swiper-wrapper {
display: flex;
gap: 30px;
justify-content: center;
flex-wrap: wrap;
}
.fermaPress__item { width: 100%;
max-width: 1280px; height: auto;
padding: 40px 10px 25px 25px;
background: radial-gradient(91.2% 896.03% at 34.88% 50%, #FF780F 0%, #FF8E13 99.08%, #FF9A15 100%) ;
border-radius: 30px;
display: flex;
flex-direction: column;
align-items: flex-start;
flex: none;
color: #FFFFFF;
}
.fermaPress__item:visited {
color: #FFFFFF;
}
#video04-081121 .video-js {
width: 100% !important;
height: 100% !important;
}
#video04-081121 .vjs-fluid {
padding-top: 56.25%; }
.fermaPress__itemVideo { width: 100%;
max-width: 1280px; height: auto;
border-radius: 30px;
overflow: hidden;
flex: none;
}
.fermaPress__itemVideo .vjs-poster {
background-size: cover;
}
.fermaPress__itemLabel {
font-family: Arial;
font-size: 15px;
font-weight: 400;
line-height: 17.25px;
letter-spacing: 0.1em;
text-align: left;
}
.fermaPress__itemPlay {
margin-top: 25px;
}
.fermaPress__itemTitle {
font-family: Arial;
font-size: 26px;
font-weight: 700;
line-height: 29.9px;
text-align: left;
margin-top: 15px;
}
.fermaPress__itemSubTitle {
margin-top: 5px;
font-family: Arial;
font-size: 14px;
font-weight: 400;
line-height: 18.2px;
text-align: left;
color: rgba(255, 255, 255, 0.7);
}
.fermaOutro {
background-color: #FFF2E1; padding: 0 120px 0 275px;
display: flex;
align-items: center;
justify-content: center;
}
.fermaOutro__left {
display: flex;
flex-direction: column;
align-items: center;
}
.fermaOutro__title { width: 380px;
font-family: Arial; font-size: 50px;
font-weight: 700; line-height: 60px;
text-align: left;
margin-bottom: 0px;
}
.fermaOutro__title-subimg {
width: 65%;
}
@media (max-width: 1000px) {
.fermaOutro__title-subimg {
width: 43%;
}
}
.fermaOutro__img {
width: 63%;
}
.fermaOutro__img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.wheretobuy {
margin-top: 120px;
}
.wheretobuy__flex {
display: flex;
align-items: flex-end;
}
.burgerBtn__close {
position: absolute;
top: 27px;
left: 28px;
z-index: 102;
display: none;
width: 61px;
height: 33px;
}
.fermaFooter {
padding-bottom: 100px;
}
@media (max-width: 540px) { }
.fermaFooter__wrapper {
max-width: 1200px;
margin: 0 auto;
padding: 0 25px;
}
.fermaFooter__block {
display: flex; gap: 20px;
}
.fermaFooter__feedback {
width: 550px !important;
flex: none !important;
}
.fermaFooter .fermaFooter__info {
padding-left: 0;
padding-right: 0 !important;
width: 341px;
flex: none;
}
.fermaFooter .fermaFooter__info .logo-company-big {
right: -220px;
}
.scrolltop {
max-width: 1600px;
margin: 120px auto 0;
padding: 0 25px;
}
.info-sources {
max-width: 1600px;
margin: 0 auto;
padding: 0 25px 0 265px;
}
.info-sources .l-1col > .col {
padding: 0;
}
.fermaTest {
display: flex;
width: 153px;
height: 95px;
}
.fermaPromo {
width: 66px;
height: 23px;
color: #FE7A11;
font-size: 15px;
font-weight: 700;
border-radius: 20px;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
align-self: center;
}
.fermaPromo .item {
color: #FE7A11;
}
.hero-main {
height: 590px !important;
}
.hero .col.hero-narrow {
height: 590px;
}
.hero-backgrounds div {
background-size: auto !important;
}
@media (min-width: 1920px) {
.fermaAbout__itemTitle {
font-size: 24px;
line-height: 30px;
}
.fermaAbout__elementTitle {
font-size: 24px;
line-height: 30px;
}
.fermaOutro__img {
width: auto
}
}
@media (max-width: 1610px) and (min-width: 1200px) {
.fermaLack__box {
gap: calc(15px + ((100vw - 1200px) / (1610 - 1200)) * (30 - 15));
}
.fermaLack__item {
width: 23%;
height: calc(400px + ((100vw - 1200px) / (1610 - 1200)) * (537 - 400));
border: 3px solid #FBE0CE;
padding: 27px 24px;
border-radius: 30px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.fermaLack__itemTitle {
font-size: calc(16px + ((100vw - 1200px) / (1610 - 1200)) * (22 - 16));
line-height: calc(21px + ((100vw - 1200px) / (1610 - 1200)) * (25 - 21));
}
.fermaLack__itemList {
margin-top: 15px;
gap: 5px;
padding-left: 10px;
}
.fermaLack__itemList li {
font-size: calc(14px + ((100vw - 1200px) / (1610 - 1200)) * (22 - 14));
line-height: calc(18px + ((100vw - 1200px) / (1610 - 1200)) * (28 - 18));
}
.fermaLack__itemList li:before {
content: "";
width: 6px;
height: 6px;
background-color: #F38529;
border-radius: 50%;
position: absolute;
top: calc(6px + ((100vw - 1200px) / (1610 - 1200)) * (8 - 6));
left: calc(-12px + ((100vw - 1200px) / (1610 - 1200)) * (-17 + 12));
}
.fermaLack__itemDescription {
font-size: calc(14px + ((100vw - 1200px) / (1610 - 1200)) * (22 - 14));
line-height: calc(18px + ((100vw - 1200px) / (1610 - 1200)) * (28 - 18));
}
}
@media (max-width: 1610px) and (min-width: 1000px) {
.fermaOutro { height: calc(400px + ((100vw - 1000px) / (1610 - 1000)) * (501 - 400));
}
.fermaOutro__title {
width: calc(400px + ((100vw - 1000px) / (1610 - 1000)) * (564 - 400));
font-size: calc(40px + ((100vw - 1000px) / (1610 - 1000)) * (60 - 40));
line-height: calc(60px + ((100vw - 1000px) / (1610 - 1000)) * (80 - 60));
}
.fermaReason__itemText {
margin-top: 10px;
font-size: calc(16px + ((100vw - 1200px) / (1610 - 1200)) * (20 - 16));
line-height: calc(18px + ((100vw - 1200px) / (1610 - 1200)) * (24 - 18));
}
.fermaPress__block .swiper-wrapper {
gap: calc(10px + ((100vw - 1000px) / (1610 - 1000)) * (30 - 10));
}
.fermaPress__item {
width: 30%;
height: calc(168px + ((100vw - 1000px) / (1610 - 1000)) * (279 - 168));
padding: 20px;
background: radial-gradient(91.2% 896.03% at 34.88% 50%, #FF780F 0%, #FF8E13 99.08%, #FF9A15 100%) ;
border-radius: 30px;
display: flex;
flex-direction: column;
align-items: flex-start;
flex: none;
color: #FFFFFF;
}
.fermaPress__itemVideo {  width: 80%;
height: auto;
border-radius: 30px;
overflow: hidden;
flex: none;
}
.fermaPress__itemLabel {
font-family: Arial;
font-size: 15px;
font-weight: 400;
line-height: 17.25px;
letter-spacing: 0.1em;
text-align: left;
}
.fermaPress__itemPlay {
margin-top: 15px;
}
.fermaPress__itemTitle {
margin-top: 10px;
font-size: calc(14px + ((100vw - 1200px) / (1610 - 1200)) * (26 - 14));
line-height: calc(18px + ((100vw - 1200px) / (1610 - 1200)) * (29 - 18));
}
.fermaPress__itemSubTitle {
margin-top: 5px;
font-family: Arial;
font-size: 14px;
font-weight: 400;
line-height: 18.2px;
text-align: left;
color: rgba(255, 255, 255, 0.7);
}
}
@media (max-width: 1300px) and (min-width: 1000px) {
.fermaPress__itemPlay {
margin-top: 0;
position: absolute;
left: 20px;
top: 60px;
width: 50px;
height: 50px;
}
.fermaPress__itemPlay svg {
width: 100% !important;
height: 100% !important;
}
.fermaPress__itemTitle {
font-family: Arial;
font-size: 18px;
font-weight: 700;
line-height: 24px;
text-align: left;
margin-top: 15px;
margin-left: 60px;
}
.fermaPress__itemSubTitle {
margin-top: 5px;
font-family: Arial;
font-size: 10px;
font-weight: 400;
line-height: 14px;
text-align: left;
color: rgba(255, 255, 255, 0.7);
margin-left: 60px;
}
}
@media (max-width: 1000px) {
.fermaMain {
padding: 0 25px;
max-width: 1716px;
margin: 30px auto 0;
}
.fermaMain__prev, .fermaMain__next {
display: none;
}
.fermaBanner {
margin-top: 60px;
height: 628px;
}
.fermaBanner .feats-block {
box-shadow: none;
margin-top: 0;
}
.fermaBanner .col.hero-narrow {
width: 100%;
height: 628px;
}
.fermaBanner .hero-backgrounds {
display: none;
}
.fermaBanner__block {
position: static;
flex-direction: row;
margin-top: 40px;
gap: 20px;
}
.fermaBanner .feats-block h1 {
font-size: 34px;
}
.fermaBanner .feats-block h1 span {
font-size: 26px;
line-height: 30px;
}
.fermaAbout {
margin-top: 20px;
}
.fermaAbout__title {
margin-top: 50px;
font-size: 22px;
line-height: 30px;
}
.fermaAbout__subtitle {
margin-top: 5px;
font-size: 20px;
line-height: 32px;
}
.fermaAbout__box {
margin-top: 20px;
flex-direction: column;
gap: 16px;
}
.fermaAbout__block {
margin-top: 20px;
}
.fermaAbout__item {
width: 100%;
height: 84px;
}
.fermaAbout__item img {
margin: 0;
object-fit: contain;
}
.fermaAbout__itemTitle {
font-size: 18px;
line-height: 23px;
}
.fermaAbout__element {
padding: 14px;
}
.fermaAbout__elementSvg {
width: 65px;
height: 65px;
}
.fermaAbout__elementTitle {
font-size: 16px;
line-height: 20px;
width: 100%;
}
.fermaAbout__footer {
margin-top: 66px;
padding: 0;
}
.fermaAbout__footer::after {
left: 30px;
width: 458px;
height: 126px;
}
.fermaAbout__footerText {
padding: 16px;
margin-top: -26px;
margin-right: -20px;
}
.fermaAbout__footerTitle {
font-size: 16px;
line-height: 20px;
}
.fermaAbout__footerSubtitle {
margin-top: 15px;
font-size: 10px;
line-height: 11px;
}
.fermaAbout__footerImg {
position: relative;
z-index: 1;
width: 353px;
flex: none;
margin-top: -110px;
margin-right: -50px;
}
.fermaLack {
padding: 0 50px;
max-width: 1600px;
}
.fermaLack__subtitle {
margin-top: -20px;
font-size: 18px;
line-height: 23px;
max-width: 605px;
}
.fermaLack__box {
margin-top: 50px;
gap: 16px;
}
.fermaLack__item {
width: calc(50% - 8px);
height: 479px;
padding: 25px 20px;
}
.fermaLack__itemSvg {
}
.fermaLack__itemTitle {
font-size: 18px;
line-height: 23px;
}
.fermaLack__itemList {
padding-left: 18px;
gap: 10px;
}
.fermaLack__itemList li {
line-height: 23px;
font-size: 18px;
}
.fermaLack__itemList li:before {
content: "";
width: 10px;
height: 10px;
background-color: #F38529;
border-radius: 50%;
position: absolute;
top: 8px;
left: -17px;
}
.fermaLack__itemDescription {
font-size: 18px;
line-height: 23px;
}
.wheretobuy {
margin-top: 80px;
}
.fermaReason {
padding: 22px 50px 80px;
max-width: 1600px;
margin: 80px auto 0;
position: relative;
}
.fermaReason::before { height: 136px;
}
.fermaReason__title {
font-size: 32px;
line-height: 40px;
}
.fermaReason__subtitle {
margin-top: 8px;
font-size: 18px;
line-height: 23px;
padding-bottom: 30px;
}
.fermaReason__subtitle::after {
}
.fermaReason__description {
font-size: 18px;
line-height: 23px;
max-width: 628px;
margin: 30px auto 0;
}
.fermaReason__block {
margin-top: 40px;
}
.fermaReason__blockTitle {
font-size: 22px;
line-height: 30px;
}
.fermaReason__box {
margin-top: 30px;
gap: 16px;
}
.fermaReason__item {
width: calc(50% - 8px);
height: 184px;
}
.fermaReason__itemText {
font-size: 18px;
line-height: 23px;
}
.fermaPress {
max-width: 1600px;
margin: 0 auto;
padding: 0px;
}
.fermaPress__block {
padding: 0 50px;
margin-bottom: 120px;
}
.fermaPress__block .swiper-wrapper {
display: flex;
gap: 0px;
justify-content: flex-start;
flex-wrap: nowrap;
padding-bottom: 80px;
}
.fermaPress__item {
width: 668px;
height: 376px;
padding: 40px 10px 25px 25px;
background: radial-gradient(91.2% 896.03% at 34.88% 50%, #FF780F 0%, #FF8E13 99.08%, #FF9A15 100%) ;
border-radius: 30px;
display: flex;
flex-direction: column;
align-items: flex-start;
flex: none;
color: #FFFFFF;
}
.fermaPress__itemVideo {
width: 668px;
height: 376px;
}
.fermaPress__itemLabel {
font-family: Arial;
font-size: 15px;
font-weight: 400;
line-height: 17.25px;
letter-spacing: 0.1em;
text-align: left;
}
.fermaPress__itemPlay {
margin-top: 25px;
}
.fermaPress__itemTitle {
font-family: Arial;
font-size: 26px;
font-weight: 700;
line-height: 29.9px;
text-align: left;
margin-top: 15px;
}
.fermaPress__itemSubTitle {
margin-top: 5px;
font-family: Arial;
font-size: 14px;
font-weight: 400;
line-height: 18.2px;
text-align: left;
color: rgba(255, 255, 255, 0.7);
}
.fermaPress__pagination {
bottom: 30px !important;
}
.fermaPress__pagination .swiper-pagination-bullet {
width: 17px;
height: 17px;
background-color: #fff;
border: 3px solid #27D0F7;
opacity: 1;
margin: 0 8px !important;
}
.fermaPress__pagination .swiper-pagination-bullet-active {
background-color: #27D0F7;
}
.fermaOutro { padding: 53px 50px 0 50px;
flex-direction: column;
}
.fermaOutro__title {
width: 100%;
font-family: Arial;
font-size: 40px;
font-weight: 700;
line-height: 50px;
text-align: center;
}
.fermaOutro__img { width: 57%;
}
.fermaOutro__img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
nav {
z-index: 101;
}
nav .mobileMenu {
z-index: 101;
}
nav .content-wrap.custom__content-wrap {
height: 90px;
}
header .logo-company {
display: none;
}
.atlas.b-test {
display: none;
}
.b-test:not(.atlas) {
display: flex;
width: 153px;
height: auto;
}
header .logo-product.custom__logo {
background-position: initial;
}
.atlas.logo-product {
display: none;
}
.custom__logo {
z-index: 102;
position: fixed;
left: 50%;
transform: translate(-50%, 0);
top: 6px;
width: 238px;
height: 73px;
display: block;
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/logo.webp);
background-repeat: no-repeat;
background-size: contain;
}
.burgerBtn {
display: flex;
cursor: pointer;
position: absolute;
z-index: 1;
top: 6px;
left: 20px;
width: 81px;
height: 78px;
overflow: hidden;
text-indent: -9999px;
}
.burgerBtn svg {
width: 100%;
height: 100%;
}
.lack .lack-gauge {
margin: 40px 0px 10px 0px;
padding: 20px 0px 10px 0px;
}
nav ul.mobileMenu {
height: 100dvh;
width: 100vw;
transform: translate(-100vw, 0);
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-bottom: 10%;
}
nav.expanded ul.mobileMenu {
transform: translate(0, 0);
padding-top: 60px;
}
nav ul.mobileMenu li .item {
padding: 0 20px;
font-family: Arial;
font-size: 38px;
font-weight: 700;
text-align: center;
max-width: 100%;
position: relative;
z-index: 100;
}
nav.expanded .burgerBtn {
display: none;
}
.atlas.b-menu {
display: none;
}
nav.expanded .b-menu {
display: block;
transform: translate(300px, 0);
}
.fermaFooter {
padding-bottom: 220px;
margin-top: 80px;
}
.fermaFooter .info-small {
top: 5px;
}
.fermaFooter__wrapper {
max-width: 1600px;
margin: 0 auto;
padding: 0 50px;
}
.fermaFooter__block {
display: flex;
flex-direction: column;
gap: 0px;
}
.fermaFooter__feedback {
width: 100% !important;
}
.fermaFooter__feedback .menu a {
font-size: 18px;
font-weight: 700;
line-height: 19px;
}
.fermaFooter__feedback .menu {
margin-top: 20px;
}
.fermaFooter__feedback p {
max-width: 100% !important;
font-size: 20px;
line-height: 28px;
}
.fermaFooter .fermaFooter__info {
margin-top: 50px;
padding-left: 155px !important;
padding-right: 0 !important;
width: 100%;
font-size: 20px;
line-height: 28px;
}
.fermaFooter .fermaFooter__info .logo-company-big {
right: unset;
left: 0;
display: block;
}
.fermaFooter .fermaFooter__info u {
font-size: 20px;
}
.scrolltop {
display: none;
}
.info-sources {
max-width: 1600px;
margin: 0 auto;
padding: 0 50px;
}
.info-sources .font-s {
font-size: 20px;
}
.info-sources .sources-list {
width: 100%;
}
.info-sources .sources-list li {
font-size: 16px;
line-height: 22px;
}
.info-sources .l-1col > .col {
padding: 0;
}
.fermaTest {
display: none !important;
}
.fermaPromo {
width: 100%;
height: 90px;
color: #FE7A11;
font-size: 38px;
font-weight: 700;
border-radius: 0;
display: flex;
align-items: center;
justify-content: center;
align-self: center;
}
}
@media (max-width: 650px) {
.fermaLack__subtitle {
display: none;
}
}
@media (max-width: 540px) {
.hero-main {
height: auto !important;
}
.fermaMain {
margin-top: 50px;
}
.fermaMain__pagination .swiper-pagination-bullet {
width: 14px;
height: 14px;
background-color: #fff;
border: 1px solid #27D0F7;
opacity: 1;
margin: 0 5px !important;
}
.fermaMain__pagination .swiper-pagination-bullet-active {
background-color: #27D0F7;
}
.fermaBanner {
margin-top: 25px;
height: 752px;
}
.fermaBanner .feats-block {
padding: 0;
}
.fermaBanner .col.hero-narrow {
width: 100%;
height: 752px;
padding: 0 24px;
}
.fermaBanner .hero-backgrounds {
display: none;
}
.fermaBanner__block {
flex-direction: column;
margin-top: 30px;
gap: 12px;
}
.fermaBanner .feats-block h1 {
width: 90%;
font-size: 34px;
}
.fermaBanner .feats-block h1 span {
font-size: 19px;
line-height: 30px;
}
.fermaBanner .feats-block .fermaBanner__description {
margin-bottom: 20px;
width: 100%;
}
.fermaBanner__block {
transform: translate(0, 0);
}
.fermaBanner__item {
width: 100%;
height: 85px;
padding: 17px 25px;
font-size: 18px;
line-height: 26px;
}
.fermaBanner__item br {
display: block;
}
.fermaBanner .feats-block .fermaBanner__quote {
margin-top: 20px;
width: 100%;
}
.fermaAbout {
margin-top: 52px;
}
.fermaAbout .why_magnerot {
padding: 0 24px;
}
.fermaAbout h3 {
font-size: 18px;
line-height: 23px;
}
.fermaAbout__title {
margin-top: 50px;
font-size: 22px;
line-height: 30px;
}
.fermaAbout__subtitle {
margin-top: 5px;
font-size: 16px;
line-height: 23px;
}
.fermaAbout__box {
gap: 12px;
}
.fermaAbout__block {
flex-direction: column;
gap: 12px;
}
.fermaAbout__item {
width: 100%;
height: 84px;
}
.fermaAbout__element {
width: 100%;
}
.fermaAbout__item img {
width: 94px;
z-index: 2;
}
.fermaAbout__footer {
overflow: hidden;
margin-top: -20px;
flex-direction: column-reverse;
}
.fermaAbout__footer::after {
display: none;
}
.fermaAbout__footerText {
padding: 37px 16px 20px;
margin-top: -56px;
margin-right: 0px;
}
.fermaAbout__footerTitle {
font-size: 16px;
line-height: 20px;
}
.fermaAbout__footerSubtitle {
margin-top: 15px;
font-size: 10px;
line-height: 11px;
}
.fermaAbout__footerImg {
position: relative;
z-index: 1;
width: 100%;
flex: none;
margin-top: 0px;
margin-left: 37px;
margin-right: 0px;
margin-bottom: -60px;
}
.fermaAbout__download {
display: none;
}
.fermaLack {
padding: 0 0 0 0px;
}
.fermaLack__box {
margin-top: 0px;
display: flex;
gap: 0;
justify-content: flex-start;
flex-wrap: nowrap;
padding-bottom: 104px;
margin-right: 24px;
}
.fermaLack__item {
height: 479px;
padding: 25px 18px;
}
.fermaLack__itemSvg {
}
.fermaLack__itemTitle {
font-size: 18px;
line-height: 23px;
}
.fermaLack__itemList {
margin-top: 25px;
display: flex;
flex-direction: column;
gap: 15px;
align-items: flex-start;
text-align: start;
padding-left: 15px;
}
.fermaLack__itemList li {
font-size: 18px;
line-height: 23px;
}
.fermaLack__itemDescription {
font-size: 18px;
line-height: 23px;
}
.fermaLack__pagination {
bottom: 60px !important;
}
.fermaLack__pagination .swiper-pagination-bullet {
width: 14px;
height: 14px;
background-color: #fff;
border: 1px solid #F38529;
opacity: 1;
}
.fermaLack__pagination .swiper-pagination-bullet-active {
background-color: #F38529;
}
.wheretobuy {
margin-top: 70px;
}
.wheretobuy__flex {
display: flex;
}
.fermaReason {
padding: 30px 24px 40px;
margin: 0px auto 0;
}
.fermaReason__title {
font-size: 24px;
line-height: 40px;
}
.fermaReason__subtitle {
margin-top: 4px;
font-size: 18px;
line-height: 23px;
padding-bottom: 30px;
}
.fermaReason__subtitle::after {
}
.fermaReason__block {
margin-top: 40px;
}
.fermaReason__blockTitle {
font-size: 18px;
line-height: 30px;
}
.fermaReason__box {
margin-top: 20px;
gap: 12px;
}
.fermaReason__item {
width: calc(50% - 6px);
height: 154px;
padding: 10px 10px 10px 10px;
}
.fermaReason__itemText {
font-size: 12px;
line-height: 14px;
}
.fermaPress {
max-width: 1600px;
margin: 0 auto;
}
.fermaPress__block {
padding: 0 25px;
}
.fermaPress__block .swiper-wrapper {
display: flex;
gap: 0;
justify-content: flex-start;
flex-wrap: nowrap;
padding-bottom: 40px;
}
.fermaPress__pagination {
bottom: 10px !important;
}
.fermaPress__pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
border: 2px solid #27D0F7;
margin: 0 5px !important;
}
.fermaPress__item {
height: 205px;
padding: 20px 10px 20px 20px;
position: relative;
}
.fermaPress__itemVideo {
width: 368px !important;
height: 205px;
flex: none;
}
.fermaPress__itemVideo .player {
height: 100%;
}
.fermaPress__itemVideo .video-js {
height: 100%;
padding-top: 0 !important;
}
.fermaPress__itemVideo .video-js video {
object-fit: cover;
}
.fermaPress__itemLabel {
font-family: Arial;
font-size: 15px;
font-weight: 400;
line-height: 17.25px;
letter-spacing: 0.1em;
text-align: left;
}
.fermaPress__itemPlay {
margin-top: 25px;
position: absolute;
left: 20px;
bottom: 50px;
}
.fermaPress__itemTitle {
font-family: Arial;
font-size: 18px;
font-weight: 700;
line-height: 24px;
text-align: left;
margin-top: 15px;
margin-left: 80px;
}
.fermaPress__itemSubTitle {
margin-top: 5px;
font-family: Arial;
font-size: 10px;
font-weight: 400;
line-height: 14px;
text-align: left;
color: rgba(255, 255, 255, 0.7);
margin-left: 80px;
}
.fermaOutro { padding: 35px 25px 0;
flex-direction: column;
}
.fermaOutro__title {
font-family: Arial;
font-size: 24px;
font-weight: 700;
line-height: 30px;
text-align: center;
}
.fermaOutro__img {
width: 100%;
}
.fermaOutro__img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} nav .content-wrap.custom__content-wrap {
height: 85px;
}
.custom__logo {
width: calc(130px + ((100vw - 320px) / (540 - 320)) * (210 - 130));
height: 53px;
top: 20px;
left: calc(38% + ((100vw - 320px) / (540 - 320)) * (42 - 38));
}
.burgerBtn__close {
width: 40px;
height: 40px;
top: 22px;
}
.burgerBtn {
width: 40px;
height: 40px;
top: 22px;
}
nav ul.mobileMenu li .item {
padding: 0 20px;
font-family: Arial;
font-size: 20px;
font-weight: 700;
text-align: center;
max-width: 100%;
}
.b-test:not(.atlas) {
display: flex;
width: 145px;
height: 85px;
}
.b-test:not(.atlas) svg {
width: 100%;
height: 100%;
}
.fermaFooter {
padding-bottom: 150px;
margin-top: 80px;
}
.fermaFooter .info-small {
top: 0px;
left: 0px;
}
.fermaFooter__wrapper {
max-width: 1600px;
margin: 0 auto;
padding: 0 25px;
}
.fermaFooter__block {
display: flex;
flex-direction: column;
gap: 0px;
}
.fermaFooter__feedback {
width: 100% !important;
padding: 0 0 0 30px !important;
}
.fermaFooter__feedback p {
max-width: 100% !important;
font-size: 14px;
line-height: 1.22;
margin-bottom: 10px !important;
}
.fermaFooter .fermaFooter__info {
margin-top: 20px;
padding-left: 90px !important;
padding-right: 0 !important;
width: 100%;
font-size: 14px;
line-height: 1.22;
}
.fermaFooter__feedback .menu {
margin-top: 30px;
grid-gap: 15px !important;
}
.fermaFooter__feedback .menu a {
font-size: 14px;
line-height: 1.22;
}
.fermaFooter .fermaFooter__info .logo-company-big {
scale: 0.7;
top: -15px;
left: -20px;
display: block;
}
.fermaFooter .fermaFooter__info u {
font-size: 12px;
}
.fermaPromo {
height: 70px;
font-size: 25px;
font-weight: 700;
}
.fermaWheretobuy {
}
.fermaWheretobuy .fermaLack__pagination {
bottom: 0 !important;
}
.fermaWheretobuy__title {
margin-bottom: 0 !important;
}
.fermaWheretobuy .col {
flex: none;
padding: 0;
}
.fermaWheretobuy__wrapper {
margin: 0;
}
.scrolltop {
display: none;
}
.info-sources {
max-width: 1600px;
margin: 0 auto;
padding: 0 25px;
}
.info-sources .font-s {
font-size: 16px;
}
.info-sources .sources-list {
width: 100%;
}
.info-sources .sources-list li {
font-size: 16px;
line-height: 22px;
}
.info-sources .l-1col > .col {
padding: 0;
}
}
.fermaHeaderWrap {
max-width: 1310px !important;
}
.fermaMenu {
gap: 24px;
}
@media (max-width: 1350px) {
.fermaHeaderWrap {
max-width: 1240px !important;
}
.fermaMenu {
gap: 10px;
}
}
@media (max-width: 1280px) {
.fermaHeaderWrap .font-m {
font-size: 1.4rem;
}
.fermaHeaderWrap {
max-width: 1130px !important;
}
.fermaMenu {
gap: 3px;
}
}@media (max-width: 1120px) {
.fermaHeaderWrap .font-m {
font-size: 1.2rem;
}
.fermaHeaderWrap {
max-width: 1054px !important;
}
}
.source {
scroll-margin-top: 100px;
}
.fermaOrigin {
z-index: 3001;
}
.info-sources {
}
@media (max-width: 540px) {
.info-sources {
padding-bottom: 56px;
}
}#promoMap {
scroll-margin-top: 80px;
}
@media (max-width: 1000px) {
#promoMap {
scroll-margin-top: 150px;
}
}
@media (max-width: 540px) {
#promoMap {
scroll-margin-top: 120px;
}
}
.fermaPromoPage__bannerImg {
border-radius: 30px;
overflow: hidden;
width: 100%;
}
.fermaPromoPage__bannerImg img{
border-radius: 30px;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.fermaArticles__breadcrumbs {
margin-top: 74px;
}
.fermaPromoPage__banner {
margin: 69px auto 0;
}
.fermaPromoPage__linkContainer {
width: 100%;
display: flex;
justify-content: center;
margin-top: 25px;
}
.fermaPromoPage__linkContainer .l-wrap.wide{
max-width: 100%;
}
.fermaPromoPage__link {
width: 400px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
font-size: 19px;
font-weight: 700;
line-height: 40px;
color: #fff;
background-color: rgba(254, 122, 17, 1);
border-radius: 100px;
text-transform: uppercase;
}
.fermaPromoPage__link:visited {
color: #fff;
}
.fermaPromoPage {
margin-top: 120px;
padding-bottom: 50px;
}
.fermaPromoPage__container {
max-width: 1680px;
margin: 0 auto;
padding: 0 65px;
}
.fermaPromoPage__block {
position: relative;
display: flex;
flex-direction: column;
gap: 30px;
}
.fermaPromoPage__info {
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: start;
gap: 10px;
color: #fff;
background-color: rgba(0, 194, 223, 1);
padding: 25px 60px;
border-radius: 30px;
}
.fermaPromoPage__infoTitle {
font-size: 40px;
font-weight: 700;
line-height: 48px;
}
.fermaPromoPage__infoSubtitle {
font-size: 26px;
font-weight: 400;
line-height: 100%;
}
.fermaPromoPage__infoSubtitle br {
display: none;
}
.fermaPromoPage__date {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
padding-left: 60px;
text-align: start;
}
.fermaPromoPage__dateTitle {
font-size: 26px;
font-weight: 400;
line-height: 40px;
color: rgba(0, 0, 0, 1);
}
.fermaPromoPage__dateTitle br{
display: none;
}
.fermaPromoPage__dateSubtitle {
font-size: 15px;
font-weight: 400;
line-height: 19px;
opacity: 0.6;
}
.fermaPromoPage__productImg {
position: absolute;
right: 140px;
top: 20px;
width: 400px;
}
.fermaPromoPage__productImg img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
@media (max-width: 1600px) {
.fermaPromoPage__block {
gap: 15px;
}
.fermaPromoPage__infoTitle {
font-size: 35px;
line-height: 45px;
}
.fermaPromoPage__infoSubtitle {
font-size: 24px;
}
.fermaPromoPage__productImg {
right: 60px;
}
}
@media (max-width: 1440px) {
.fermaPromoPage__infoTitle {
font-size: 32px;
line-height: 45px;
}
.fermaPromoPage__infoSubtitle {
font-size: 22px;
}
.fermaPromoPage__productImg {
width: 350px;
}
}
@media (max-width: 1280px) {
.fermaPromoPage__container {
padding: 0 30px;
}
.fermaPromoPage__info {
padding: 20px 30px;
}
.fermaPromoPage__infoTitle {
font-size: 30px;
line-height: 36px;
}
.fermaPromoPage__infoSubtitle {
font-size: 22px;
}
.fermaPromoPage__dateTitle {
font-size: 20px;
line-height: 30px;
}
.fermaPromoPage__dateSubtitle {
font-size: 14px;
}
.fermaPromoPage__date {
gap: 5px;
padding-left: 35px;
}
}
@media (max-width: 1130px) {
.fermaPromoPage__productImg {
width: 300px;
right: 25px;
}
}
@media (max-width: 1045px) {
.fermaPromoPage__productImg {
top: 70px;
right: 18px;
}
}
@media (max-width: 1000px) {
.fermaPromoPage.section-map {
padding-bottom: 0;
margin-top: 30px;
}
.fermaArticles__breadcrumbs .l-1col {
margin: 0 0 40px 0 ;
}
.fermaArticles__breadcrumbs {
margin-top: 0;
}
.fermaPromoPage__banner {
margin: 0;
}
.fermaPromoPage__block {
gap: 25px;
}
.fermaPromoPage__container {
padding: 0 25px;
}
.fermaPromoPage__description {
padding: 0 25px;
}
.fermaPromoPage__info {
padding: 35px 15px;
}
.fermaPromoPage__infoSubtitle br {
display: block;
}
.fermaPromoPage__infoSubtitle {
font-size: 22px;
line-height: 26.4px;
}
.fermaPromoPage__date {
gap: 10px;
padding-left: 0;
}
.fermaPromoPage__dateTitle {
font-size: 16px;
}
.fermaPromoPage__dateTitle br {
display: none;
}
.fermaPromoPage__dateSubtitle {
font-size: 10px;
line-height: 10px;
}
.fermaPromoPage__productImg {
top: 105px;
}
}
@media (max-width: 845px) {
.fermaPromoPage__productImg {
width: 228px;
}
}
@media (max-width: 768px) {
.fermaPromoPage__linkContainer {
margin-top: 30px;
}
.fermaPromoPage {
margin-top: 90px;
}
.fermaPromoPage__productImg {
top: 117px;
}
.fermaPromoPage__dateSubtitle br {
display: none;
}
.fermaPromoPage__dateSubtitle {
max-width: 400px;
}
.fermaPromoPage__infoTitle {
font-size: 25px;
line-height: 36px;
}
}
@media (max-width: 740px) {
.fermaPromoPage__dateTitle br {
display: block;
}
.fermaPromoPage__dateTitle {
line-height: 18px;
}
.fermaPromoPage__dateSubtitle {
max-width: 280px;
}
}
@media (max-width: 665px) {
.fermaPromoPage__productImg {
top: -165px;
right: auto;
left: 50%;
transform: translateX(-50%);
}
.fermaPromoPage__description {
padding: 160px 15px 0 15px;
}
.fermaPromoPage__dateTitle br {
display: none;
}
.fermaPromoPage__dateSubtitle {
max-width: 100%;
}
}
@media (max-width: 540px) {
.section-common.fermaPromoPage {
margin-top: 70px;
padding-bottom: 0;
}
.fermaPromoPage__bannerImg {
border-radius:0;
}
.fermaPromoPage__bannerImg img{
border-radius: 0;
}
.fermaPromoPage {
margin-top: 100px;
}
.fermaPromoPage__linkContainer {
margin-top: 20px;
}
.fermaPromoPage__link {
width: 250px;
height: 40px;
font-size: 12px;
line-height: 40px;
}
.fermaPromoPage__container {
padding: 0 5px;
}
.fermaPromoPage__block {
gap: 16px;
}
.fermaPromoPage__info {
padding: 25px 15px;
}
.fermaPromoPage__infoTitle {
font-size: 22px;
line-height: 26.4px;
}
.fermaPromoPage__infoSubtitle {
font-size: 18px;
line-height: 21.6px;
}
.fermaPromoPage__infoSubtitle br{
display: none;
}
.fermaPromoPage__dateTitle {
font-size: 12px;
line-height: 12px;
}
.fermaPromoPage__dateSubtitle {
font-size: 10px;
line-height: 10px;
}
.fermaPromoPage__dateSubtitle br {
display: block;
}
.fermaPromoPage__productImg {
width: 212px;
top: -153px;
}
.fermaPromoPage__description {
padding: 140px 15px 0 15px;
}
.fermaPromoPage__infoTitle br {
display: none;
}
.fermaPromoPage__infoTitle  {
font-size: 20px;
}
}.fermaArticle__inspector {
display: flex;
gap: 30px;
padding: 30px;
background-color: #FE7A11;
border-top-right-radius: 30px;
border-bottom-left-radius: 30px;
color: #FFFFFF; height: max-content;
}
.fermaArticle__inspector img {
width: 125px;
height: 125px;
object-fit: cover;
margin: 0;
border: 3px solid #FFFFFF;
border-radius: 30px;
}
.fermaArticle__inspectorInfo {
display: flex;
flex-direction: column;
gap: 5px;
}
.fermaArticle__inspectorText {
font-size: 15px;
font-weight: 400;
line-height: 22px;
}
.fermaArticle__inspectorName {
font-size: 18px;
font-weight: 700;
line-height: 19px;
}
.fermaNavigation { background-color: rgba(234, 248, 249, 1);
padding: 30px;
display: flex;
flex-direction: column;
gap: 30px;
border-radius: 30px;
}
.fermaNavigationInstructions {
max-width: 660px;
margin-bottom: 32px;
}
.fermaNavigation__title {
font-size: 26px;
font-weight: 400;
line-height: 31px;
color: rgba(51, 51, 51, 1);
}
.fermaNavigation__List {
display: flex;
flex-direction: column;
gap: 18px;
}
.fermaNavigation__List li {
list-style: none;
text-decoration: none;
font-size: 15px;
font-weight: 700;
line-height: 125%;
color: rgba(7, 180, 206, 1);
cursor: pointer;
margin: 0 !important;
}
.fermaNavigation__List li:hover {
opacity: 0.9;
}
.fermaNavigation__List a {
text-decoration: none;
color: inherit;
}
.firstBlock {
display: flex;
gap: 30px;
margin-bottom: 30px;
}
.firstBlock > div {
width: 50%;
}
.firstBlock1 {
display: flex;
flex-direction: column;
gap: 30px;
margin-bottom: 30px;
}
.firstBlock1 > div {
width: 50%;
}
.firstBlock__left {
display: flex;
flex-direction: column;
gap: 32px;
}
.fermaArticle__date {
font-size: 15px;
font-weight: 400;
line-height: 100%;
display: flex;
gap: 30px;
color: #0D081B;
align-items: center;
}
.fermaArticle {
margin-top: 40px;
padding: 0 15px;
}
.fermaArticle h1 {
margin: 0 !important;
padding: 0;
}
.fermaArticle h2 {
scroll-margin-top: 50px;
}
@media (max-width: 1000px) {
.fermaArticle h2 {
scroll-margin-top: 100px;
}
}
.fermaArticle__dateIcon {
background-repeat: no-repeat;
background-size: contain;
width: 15px;
height: 15px;
}
.fermaArticle__dateIconPublic {
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/svg/kalendar.svg);
}
.fermaArticle__dateIconUpdate {
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/svg/refresh.png);
}
.fermaArticle__dateItem {
display: flex;
gap: 8px;
}
.fermaArticle__date {
margin-top: 16px;
}
.fermaArticle__head {
margin-bottom: 32px;
margin-top: 32px;
display: flex;
gap: 70px;
}
.fermaArticle__right {
width: calc(50% - 35px);
}
.fermaArticle__right img {
height: auto;
border-radius: 20px;
}
.fermaArticle__left {
width: calc(50% - 35px);
}
.fermaArticle__leftText {
margin-top: 38px;
margin-bottom: 38px;
}
.fermaArticle__leftText.one {
margin-top: 0;
}
@media (max-width: 1000px) {
.fermaArticle__left, .fermaArticle__right {
display: contents;
}
.fermaArticle__head {
flex-direction: column;
margin-top: 24px;
gap: 0;
}
.fermaArticle__leftText {
margin-top: 24px;
margin-bottom: 32px;
}
.fermaArticle__leftText.one {
margin-top: 0;
}
.fermaNavigation {
order: 4;
margin-top: 32px;
}
.fermaArticle__right img {
}
.fermaNavigationInstructions {
max-width: 100%;
}
}
@media (max-width: 540px) {
.fermaArticle__inspector {
gap: 20px;
padding: 20px;
flex-direction: column;
}
.fermaArticle__date {
flex-direction: column;
gap: 12px;
align-items: flex-start;
}
.fermaArticle__leftText {
margin-bottom: 27px;
}
.fermaNavigation__List li {
font-size: 14px;
}
.fermaNavigation {
padding: 20px;
gap: 20px;
}
}
.fermaArticle .row.bg-orange1.px-4.py-5.text-white {
margin-right: -15px;
}
.fermaArticle__textImg {
display: flex;
margin: 10px 0;
}
@media (max-width: 1000px) {
.fermaArticle__textImg {
flex-direction: column;
}
}
.timeToRead {
font-family: Liberation Sans, sans-serif;
padding: 3px 6px;
display: flex;
gap: 8px;
align-items: center;
font-size: 15px;
font-weight: 400;
line-height: 100%;
color: #00C2DF;
background: #fff;
border-radius: 11px;
width: max-content;
position: absolute;
top: 12px;
left: 12px;
}
.timeToRead__icon {
line-height: 100%;
background-image: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/newFerma/new/timeToRead.svg);
background-repeat: no-repeat;
background-size: contain;
width: 15px;
height: 16px;
} .article-faq {
margin: 40px 0 32px;
}
.article-faq__title {
font-size: 28px;
font-weight: 700;
line-height: 1.2;
color: #FE7A11;
margin: 0 0 24px 0 !important;
padding: 0;
}
.article-faq__list {
display: flex;
flex-direction: column;
gap: 10px;
}
.article-faq__item {
background-color: #fff;
border: 2px solid rgba(234, 248, 249, 1);
border-radius: 20px;
overflow: hidden;
}
details[open].article-faq__item {
background-color: rgba(234, 248, 249, 1);
border-color: rgba(234, 248, 249, 1);
}
.article-faq__question {
font-size: 16px;
font-weight: 700;
line-height: 1.4;
color: #07B4CE;
padding: 18px 20px;
cursor: pointer;
list-style: none;
display: flex;
align-items: center;
gap: 14px;
user-select: none;
}
.article-faq__question::-webkit-details-marker {
display: none;
}
.article-faq__question::before {
content: '';
display: inline-block;
flex-shrink: 0;
width: 8px;
height: 8px;
border-right: 2px solid #07B4CE;
border-bottom: 2px solid #07B4CE;
transform: rotate(-45deg);
margin-top: 2px;
transition: transform 0.25s ease, margin-top 0.25s ease;
}
details[open] .article-faq__question::before {
transform: rotate(45deg);
margin-top: -2px;
}
.article-faq__answer {
font-size: 15px;
line-height: 1.65;
color: #333;
padding: 0 20px 18px 42px;
}
.article-faq__answer p {
margin: 0 0 12px;
}
.article-faq__answer p:last-child {
margin-bottom: 0;
}
.article-faq__answer ul,
.article-faq__answer ol {
margin: 0 0 12px 20px;
padding: 0;
}
.article-faq__answer ul {
list-style: disc;
}
.article-faq__answer ol {
list-style: decimal;
}
.article-faq__answer li {
margin-bottom: 6px;
}
.article-faq__answer a {
color: #07B4CE;
text-decoration: underline;
}
@media (max-width: 768px) {
.article-faq__title {
font-size: 22px;
}
}
@media (max-width: 540px) {
.article-faq {
padding: 32px 0 16px;
}
.article-faq__question {
font-size: 15px;
padding: 15px 16px;
}
.article-faq__answer {
padding: 0 16px 15px 38px;
}
}.fermaMain {
box-sizing: border-box;
margin: 100px auto 130px;
padding: 0px 50px;
max-width: 1650px;
}
.wheretobuy {
margin-top: 0;
margin-bottom: 130px;
}
.fermaMain__item {
display: block;
width: 100%;
} .section-hd.fermaTitleWithProduct {
display: inline-flex !important;
flex-wrap: wrap;
align-items: center;
justify-content: center;
column-gap: 0.24em;
white-space: normal;
}
.fermaTitleWithProduct__product {
display: inline-flex;
flex: none;
align-items: baseline;
white-space: nowrap;
} .fermaAbout.section-common,
.fermaWheretobuy.section-common,
.fermaPackages.section-common,
.fermaPriceFactors.section-common,
.fermaBeforeBuy.section-common,
.fermaArticleCases.section-common,
.fermaFaq.section-common {
background: linear-gradient(0deg, #fff -6.18%, #ffebdd 104.87%);
background-position: center top;
background-size: 100% var(--section-gradient-height);
background-repeat: no-repeat;
}
.fermaWheretobuy.section-common {
--section-gradient-height: 302px;
}
.fermaAbout.section-common {
--section-gradient-height: 140px;
}
.fermaWheretobuy__intro {
display: flex;
flex-direction: column;
align-items: center;
width: calc(100% - 40px);
max-width: 983px;
min-height: 150px;
padding: 0;
margin: 0 auto 50px;
gap: 20px;
box-sizing: border-box;
font-family: Inter, Arial, Helvetica, sans-serif;
}
.fermaWheretobuy__introTitle,
.fermaWheretobuy__introText {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
text-align: center;
box-sizing: border-box;
}
.fermaWheretobuy__introTitle {
width: 100%;
min-height: 92px;
color: #f15f23;
font-size: 30px;
font-weight: 700;
line-height: 46px;
text-transform: uppercase;
}
.fermaWheretobuy__introText {
width: 100%;
max-width: 894px;
min-height: 38px;
color: #000;
font-size: 14px;
font-weight: 500;
line-height: 19px;
} .fermaPackages {
--section-gradient-height: 690px;
margin-bottom: 130px;
box-sizing: border-box;
font-family: Inter, Arial, Helvetica, sans-serif;
}
.fermaPackages__title {
margin-bottom: 48px !important;
font-family: Inter, Arial, Helvetica, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 40px;
}
.fermaPackages__inner {
display: flex;
flex-direction: column;
align-items: center;
width: calc(100% - 40px);
max-width: 1550px;
margin: 0 auto;
padding: 0;
gap: 45px;
box-sizing: border-box;
}
.fermaPackages__subtitle {
margin: 0;
color: #000;
font-size: 22px;
font-weight: 500;
line-height: 32px;
text-align: center;
}
.fermaPackages__content,
.fermaPackages__cards {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.fermaPackages__content {
gap: 68px;
}
.fermaPackages__cards {
gap: 25px;
}
.fermaPackages__topRow {
display: grid;
grid-template-columns: repeat(2, minmax(0, 760px));
justify-content: space-between;
width: 100%;
gap: 25px;
}
.fermaPackages__card {
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
background: #fff;
border: 2px solid rgba(251, 224, 206, 0.35);
border-radius: 27px;
box-sizing: border-box;
}
.fermaPackages__card--course {
height: 394px;
padding: 40px 80px 77px;
gap: 20px;
}
.fermaPackages__card--therapy {
height: 394px;
padding: 40px 80px;
gap: 20px;
}
.fermaPackages__card--compact {
justify-content: space-between;
width: 700px;
height: 278px;
padding: 33px 67px;
border-width: 1.67px;
border-radius: 22.5px;
}
.fermaPackages__cardTitle {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 28px;
padding: 0;
margin: 0;
color: #f15f23;
font-family: Inter, Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 28px;
letter-spacing: -1.2px;
text-align: center;
text-transform: none;
}
.fermaPackages__cardTitle sup,
.fermaPackages__note sup {
color: inherit;
opacity: 1;
}
.fermaPackages__cardTitle sup {
margin-left: 4px;
font-size: 10px;
}
.fermaPackages__card--therapy .fermaPackages__cardTitle {
width: min(629px, calc(100% + 58px));
}
.fermaPackages__product,
.fermaPackages__therapyBody {
display: flex;
flex-direction: column;
align-items: center;
}
.fermaPackages__product {
width: 248px;
gap: 15px;
}
.fermaPackages__therapyBody {
width: 100%;
gap: 15px;
}
.fermaPackages__product--compact {
width: 100%;
}
.fermaPackages__image {
display: flex;
align-items: center;
justify-content: center;
flex: none;
font-size: 12px;
font-weight: 500;
line-height: 16px;
text-align: center;
box-sizing: border-box;
}
.fermaPackages__image--large {
width: 248px;
height: 166px;
}
.fermaPackages__image--compact {
width: 212px;
height: 142px;
}
.fermaPackages__image img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.fermaPackages__productInfo {
display: flex;
flex-direction: column;
align-items: center;
gap: 3px;
text-align: center;
}
.fermaPackages__productName {
color: #151415;
font-size: 24px;
font-weight: 700;
line-height: 28px;
letter-spacing: -1.2px;
}
.fermaPackages__productName--compact {
display: flex;
align-items: center;
min-height: 28px;
font-size: 20px;
line-height: 23px;
letter-spacing: -1px;
}
.fermaPackages__productMeta {
color: #151415;
font-size: 13px;
font-weight: 700;
line-height: 16px;
letter-spacing: 0;
}
.fermaPackages__note {
width: 100%;
max-width: 437px;
min-height: 24px;
padding: 0;
margin: 0;
color: #151415;
font-size: 12px;
font-weight: 400;
line-height: 15px;
text-align: center;
}
.fermaPackages__note sup {
margin-right: 3px;
font-size: 10px;
}
.fermaPackages__actions {
display: flex;
align-items: flex-start;
justify-content: center;
width: 100%;
gap: 10px;
}
.fermaPackages__button {
display: flex;
align-items: center;
justify-content: center;
height: 60px;
padding: 13px 30px 13px;
color: #fff;
font-size: 18px;
font-weight: 700;
line-height: 32px;
text-align: center;
text-transform: uppercase;
border-radius: 100px;
box-sizing: border-box;
transition: opacity 0.3s ease;
}
.fermaPackages__button:hover {
color: #fff;
opacity: 0.8;
}
.fermaPackages__button:visited {
color: #fff;
}
.fermaPackages__button--instruction {
width: 330px;
background: #f38529;
}
.fermaPackages__button--lack {
width: 344px;
background: #00c2df;
} .fermaPriceFactors.section-common {
--section-gradient-height: 407px;
position: relative;
min-height: 407px;
margin-top: 0;
margin-bottom: 130px;
padding: 80px max(24px, calc((100% - 1550px) / 2)) 40px;
box-sizing: border-box;
font-family: Inter, Arial, Helvetica, sans-serif;
}
.fermaPriceFactors__title {
position: absolute;
z-index: 1;
top: -30px;
left: 50%;
display: flex !important;
align-items: center;
justify-content: center;
width: 655px;
max-width: calc(100% - 32px) !important;
min-height: 60px;
padding: 10px 24px !important;
margin: 0 !important;
border-radius: 30px;
box-sizing: border-box;
font-family: Inter, Arial, Helvetica, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 40px;
text-align: center;
transform: translateX(-50%);
}
.fermaPriceFactors__title u {
text-decoration: none;
}
.fermaPriceFactors__inner {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 1550px;
margin: 0 auto;
gap: 48px;
}
.fermaPriceFactors__list {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
width: 100%;
min-height: 183px;
padding: 0;
margin: 0;
gap: 15px;
list-style: none;
}
.fermaPriceFactors__item {
display: flex;
flex-direction: column;
align-items: flex-start;
min-width: 0;
height: 183px;
padding: 30px;
gap: 20px;
overflow: hidden;
background: #fff;
border-radius: 30px;
box-sizing: border-box;
}
.fermaPriceFactors__icon {
display: flex;
flex: none;
align-items: center;
justify-content: center;
color: #ff780f;
}
.fermaPriceFactors__icon svg {
display: block;
width: 100%;
height: 100%;
}
.fermaPriceFactors__icon--package {
width: 35px;
height: 43px;
}
.fermaPriceFactors__icon--region {
width: 48px;
height: 47px;
}
.fermaPriceFactors__icon--pharmacy {
width: 45px;
height: 45px;
}
.fermaPriceFactors__icon--delivery {
width: 51px;
height: 46px;
}
.fermaPriceFactors__icon--discount {
width: 45px;
height: 46px;
}
.fermaPriceFactors__text {
display: flex;
align-items: center;
min-height: 28px;
color: #000;
font-family: Inter, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 28px;
text-align: left;
}
.fermaPriceFactors__note {
display: flex;
align-items: center;
justify-content: center;
width: 710px;
max-width: 100%;
min-height: 56px;
padding: 0;
margin: 0;
color: #f15f23;
font-family: Inter, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: 600;
line-height: 28px;
text-align: center;
} .fermaBeforeBuy.section-common {
--section-gradient-height: 379px;
position: relative;
min-height: 379px;
margin-top: 0;
margin-bottom: 130px;
padding: 80px max(24px, calc((100% - 1550px) / 2)) 40px;
box-sizing: border-box;
font-family: Inter, Arial, Helvetica, sans-serif;
}
.fermaBeforeBuy__title {
position: absolute;
z-index: 1;
top: -30px;
left: 50%;
display: flex !important;
align-items: center;
justify-content: center;
width: 543px;
max-width: calc(100% - 32px) !important;
min-height: 60px;
padding: 10px 24px !important;
margin: 0 !important;
border-radius: 30px;
box-sizing: border-box;
font-family: Inter, Arial, Helvetica, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 40px;
text-align: center;
transform: translateX(-50%);
}
.fermaBeforeBuy__inner {
width: 100%;
max-width: 1550px;
margin: 0 auto;
}
.fermaBeforeBuy__list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
justify-content: space-between;
width: 100%;
min-height: 209px;
padding: 0;
margin: 0;
gap: 15px;
list-style: none;
}
.fermaBeforeBuy__item {
display: flex;
flex-direction: column;
align-items: flex-start;
min-width: 0;
height: 209px;
padding: 30px;
gap: 20px;
overflow: hidden;
background: #fff;
border-radius: 30px;
box-sizing: border-box;
}
.fermaBeforeBuy__icon {
display: flex;
flex: none;
align-items: flex-start;
justify-content: flex-start;
color: #ff780f;
}
.fermaBeforeBuy__icon svg {
display: block;
width: 100%;
height: 100%;
}
.fermaBeforeBuy__icon--contraindications,
.fermaBeforeBuy__icon--instruction {
width: 45px;
height: 50px;
}
.fermaBeforeBuy__icon--consultation {
width: 36px;
height: 45px;
}
.fermaBeforeBuy__text {
display: flex;
align-items: center;
max-width: 100%;
min-height: 28px;
color: #000;
font-family: Inter, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 28px;
text-align: left;
} .fermaArticleCases.section-common {
--section-gradient-height: 100%;
position: relative;
min-height: 380px;
margin-top: 0;
margin-bottom: 130px;
padding: 80px max(24px, calc((100% - 1550px) / 2)) 60px;
box-sizing: border-box;
font-family: Inter, Arial, Helvetica, sans-serif;
}
.fermaArticleCases__title {
position: absolute;
z-index: 1;
top: -30px;
left: 50%;
display: flex !important;
align-items: center;
justify-content: center;
width: 720px;
max-width: calc(100% - 32px) !important;
min-height: 60px;
padding: 10px 24px !important;
margin: 0 !important;
border-radius: 30px;
box-sizing: border-box;
font-family: Inter, Arial, Helvetica, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 40px;
text-align: center;
transform: translateX(-50%);
}
.fermaArticleCases__title u {
text-decoration: none;
}
.fermaUsefulMaterials .fermaArticleCases__title {
width: 450px;
}
.fermaUsefulMaterials .fermaArticleCases__list > a {
flex-basis: 364px;
width: 364px;
max-width: 100%;
min-width: 0;
height: 238px;
padding: 5px;
background-color: #fff;
border-radius: 20px;
box-sizing: border-box;
}
.fermaUsefulMaterials .fermaArticleCases__list > a:hover {
box-shadow: 0 2px 20px rgba(254, 122, 17, 0.45);
}
.fermaUsefulMaterials .fermaArticleCases__list > a .blur {
right: auto;
bottom: -44px;
left: 50%;
width: 453px;
height: 144px;
background: linear-gradient(180deg, rgba(243, 133, 41, 0) 0%, #f38529 100%);
transform: translateX(-50%);
}
.fermaUsefulMaterials .fermaArticleCases__list > a div {
bottom: 5px;
left: 5px;
right: 7px;
min-height: 56px;
padding: 7px 11px 7px 13px;
color: #000;
border-right-color: #fe7a11;
border-radius: 14px;
box-sizing: border-box;
font-family: Inter, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 21px;
}
.fermaUsefulMaterials .fermaArticleCases__list > a div b {
color: #fe7a11;
font-weight: 700;
}
.fermaUsefulMaterials .fermaArticleCases__list > a:hover div {
color: #000;
border-color: #f38529;
}
.fermaUsefulMaterials .fermaArticleCases__list > a:hover div b {
color: #f38529;
}
.fermaUsefulMaterials .timeToRead {
color: #fe7a11;
}
.fermaUsefulMaterials .timeToRead__icon {
background-image: none;
background-color: #fe7a11;
-webkit-mask: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/newFerma/new/timeToRead.svg) center / contain no-repeat;
mask: url(//magnerot.ru/wp-content/themes/magnerot/assets/images/newFerma/new/timeToRead.svg) center / contain no-repeat;
}
.fermaArticleCases__inner {
width: 100%;
max-width: 1550px;
margin: 0 auto;
}
.fermaArticleCases__list {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
gap: 20px;
}
.fermaArticleCases__list > a {
float: none;
flex: 0 1 calc(25% - 15px);
width: auto;
max-width: 368px;
min-width: 260px;
height: 238px;
margin: 0;
box-sizing: border-box;
}
.fermaArticleCases:not(.fermaUsefulMaterials) .fermaArticleCases__list > a div {
height: 56px;
min-height: 56px;
color: #000;
font-weight: 700;
box-sizing: border-box;
}
.fermaArticleCases:not(.fermaUsefulMaterials) .fermaArticleCases__list > a div b {
font-weight: 700;
} .fermaFaq.section-common {
--section-gradient-height: 558px;
position: relative;
min-height: 558px;
margin-top: 0;
margin-bottom: 130px;
padding: 80px max(24px, calc((100% - 1550px) / 2)) 70px;
box-sizing: border-box;
font-family: Inter, Arial, Helvetica, sans-serif;
}
.fermaFaq__title {
position: absolute;
z-index: 1;
top: -30px;
left: 50%;
display: flex !important;
align-items: center;
justify-content: center;
width: 562px;
max-width: calc(100% - 32px) !important;
min-height: 60px;
padding: 10px 24px !important;
margin: 0 !important;
border-radius: 30px;
box-sizing: border-box;
font-family: Inter, Arial, Helvetica, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 40px;
text-align: center;
transform: translateX(-50%);
}
.fermaFaq__inner,
.fermaFaq__list {
width: 100%;
max-width: 1550px;
margin: 0 auto;
}
.fermaFaq__list {
display: flex;
flex-direction: column;
gap: 7px;
}
.fermaFaq__item {
overflow: hidden;
background: #fff;
border: 2px solid #d6f0f5;
border-radius: 20px;
box-sizing: border-box;
transition: background-color 200ms ease, border-color 200ms ease;
}
.fermaFaq__item:hover {
background-color: #d6f0f5;
}
.fermaFaq__item[open] {
background-color: #eaf8fa;
border-color: #eaf8fa;
}
.fermaFaq__question {
position: relative;
display: block;
min-height: 59px;
padding: 18px 22px 18px 38px;
margin: 0;
box-sizing: border-box;
color: #2a7f9b;
font-family: Inter, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 23px;
text-align: left;
list-style: none;
cursor: pointer;
user-select: none;
}
.fermaFaq__question::-webkit-details-marker,
.fermaFaq__question::marker {
display: none;
content: '';
}
.fermaFaq__question sup,
.fermaFaq__answer sup {
position: relative;
top: -0.08em;
display: inline-block;
margin: 0;
font-size: 0.58em;
line-height: 0;
vertical-align: super;
}
.fermaFaq__chevron {
position: absolute;
top: 50%;
left: 13px;
width: 9px;
height: 9px;
border-right: 2px solid #27d0f7;
border-bottom: 2px solid #27d0f7;
transform: translateY(-65%) rotate(45deg);
transform-origin: center;
transition: transform 240ms cubic-bezier(0.4, 0, 0.2, 1);
}
.fermaFaq__item[open] .fermaFaq__question {
min-height: 59px;
}
.fermaFaq__item[open] .fermaFaq__chevron {
top: 50%;
transform: translateY(-35%) rotate(225deg);
}
.fermaFaq__answer {
padding: 0 22px 18px 38px;
overflow-x: auto;
box-sizing: border-box;
color: #000;
font-family: Inter, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
}
.fermaFaq__answer p {
margin: 0 0 15px;
}
.fermaFaq__answer p:last-child,
.fermaFaq__answer ul:last-child,
.fermaFaq__answer ol:last-child,
.fermaFaq__answer table:last-child {
margin-bottom: 0;
}
.fermaFaq__answer ul,
.fermaFaq__answer ol {
padding: 0;
margin: 0 0 15px;
list-style: none;
}
.fermaFaq__answer li {
padding: 0;
margin: 0;
list-style: none;
}
.fermaFaq__answer table {
width: 547px;
min-width: 547px;
margin: 0 0 15px;
border: 1px solid #000;
border-collapse: collapse;
table-layout: fixed;
color: #000;
font-size: 16px;
line-height: 24px;
}
.fermaFaq__answer th,
.fermaFaq__answer td {
height: 30px;
padding: 3px 16px;
border: 1px solid #000;
box-sizing: border-box;
font-weight: 400;
text-align: left;
vertical-align: middle;
}
.fermaFaq__answer th {
font-weight: 600;
}
.fermaFaq__answer th:first-child,
.fermaFaq__answer td:first-child {
width: 216px;
white-space: nowrap;
}
.fermaFaq__answer a {
color: #2a7f9b;
text-decoration: underline;
} .fermaAbout {
--ferma-about-gap: 25px;
margin-top: 0;
margin-bottom: 130px;
padding: 0 50px;
font-family: Inter, Arial, Helvetica, sans-serif;
}
.fermaAbout .why_magnerot {
display: block;
width: 100%;
max-width: 1550px;
margin: 0 auto;
box-sizing: border-box;
}
.fermaAbout h3 {
margin: 0;
font-family: Inter, Arial, Helvetica, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 50px;
text-align: center;
text-transform: uppercase;
}
.fermaAbout__title {
margin-top: 72px;
font-family: Inter, Arial, Helvetica, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 30px;
text-align: center;
text-transform: uppercase;
}
.fermaAbout__subtitle {
margin-top: 20px;
font-family: Inter, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 32px;
letter-spacing: normal;
text-align: center;
}
.fermaAbout__box,
.fermaAbout__block {
display: flex;
align-items: stretch;
justify-content: space-between;
gap: var(--ferma-about-gap);
margin-top: var(--ferma-about-gap);
}
.fermaAbout__box {
width: calc(100% + 100px);
margin-left: -50px;
}
.fermaAbout__block {
width: calc(100% + 100px);
margin-left: -50px;
}
.fermaAbout__item {
display: flex;
flex: 1 1 0;
align-items: stretch;
width: auto;
min-width: 0;
height: 176px;
min-height: 176px;
gap: 0;
overflow: hidden;
border-radius: 30px;
background: #ffebdd;
box-sizing: border-box;
}
.fermaAbout__item img {
display: block;
flex: 0 0 168px;
width: 168px;
height: 100%;
margin: 0;
object-fit: cover;
}
.fermaAbout__itemBody {
display: flex;
flex: 1 1 auto;
flex-direction: column;
justify-content: flex-start;
min-width: 0;
max-width: none;
height: 100%;
padding: 20px 15px;
gap: 10px;
box-sizing: border-box;
}
.fermaAbout__itemTitle {
display: flex;
min-height: 56px;
font-family: Inter, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 28px;
text-align: left;
}
.fermaAbout__itemText {
font-family: Inter, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 21px;
letter-spacing: normal;
text-align: left;
}
.fermaAbout__element {
display: flex;
flex: 1 1 0;
flex-direction: column;
align-items: flex-start;
width: auto;
min-width: 0;
min-height: 287px;
padding: 26px 32px;
gap: 20px;
border-radius: 30px;
background: #eaf8f9;
box-sizing: border-box;
}
.fermaAbout__elementSvg {
flex: 0 0 75px;
width: 75px;
height: 75px;
}
.fermaAbout__elementSvg svg {
display: block;
width: 100%;
height: 100%;
}
.fermaAbout__elementTitle {
width: 280px;
max-width: 100%;
font-family: Inter, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 28px;
text-align: left;
}
.fermaAbout__footerTitle {
font-size: 22px;
font-weight: 700;
}
@media (min-width: 1301px) {
.fermaAbout__item,
.fermaAbout__element {
flex: 0 0 calc(33.333333% - 16.666667px);
width: calc(33.333333% - 16.666667px);
max-width: calc(33.333333% - 16.666667px);
}
}
@media (max-width: 1300px) {
.fermaFaq.section-common {
padding-right: 40px;
padding-left: 40px;
}
.fermaArticleCases.section-common {
padding-right: 40px;
padding-left: 40px;
}
.fermaBeforeBuy.section-common {
padding-right: 40px;
padding-left: 40px;
}
.fermaBeforeBuy__list {
gap: 12px;
}
.fermaBeforeBuy__item {
padding-right: 24px;
padding-left: 24px;
}
.fermaBeforeBuy__text {
font-size: 20px;
line-height: 26px;
}
.fermaPriceFactors.section-common {
padding-right: 40px;
padding-left: 40px;
}
.fermaPriceFactors__list {
gap: 12px;
}
.fermaPriceFactors__item {
padding-right: 24px;
padding-left: 24px;
}
.fermaPriceFactors__text {
font-size: 20px;
line-height: 26px;
}
.fermaPackages__inner {
width: calc(100% - 80px);
}
.fermaPackages__card--course,
.fermaPackages__card--therapy {
padding-right: 40px;
padding-left: 40px;
}
.fermaAbout {
--ferma-about-gap: 20px;
}
.fermaAbout .why_magnerot {
padding-right: 40px;
padding-left: 40px;
}
.fermaAbout__box,
.fermaAbout__block {
width: calc(100% + 80px);
margin-left: -40px;
}
.fermaAbout__item img {
flex-basis: 145px;
width: 145px;
}
.fermaAbout__itemBody {
padding: 18px 14px;
}
.fermaAbout__itemTitle,
.fermaAbout__elementTitle {
font-size: 19px;
line-height: 25px;
}
.fermaAbout__itemText {
font-size: 15px;
line-height: 20px;
}
.fermaAbout__element {
padding: 24px;
}
}
@media (max-width: 1000px) {
.fermaMain {
margin: 20px auto 80px;
padding: 0 15px;
}
.wheretobuy {
margin-bottom: 80px;
}
.fermaFaq.section-common {
--section-gradient-height: 558px;
min-height: 0;
padding: 72px 30px 48px;
}
.fermaFaq__title {
width: auto;
min-width: 510px;
font-size: 32px;
line-height: 38px;
}
.fermaFaq__question,
.fermaFaq__item[open] .fermaFaq__question {
min-height: 52px;
padding: 13px 22px 14px 38px;
}
.fermaFaq__answer {
padding: 4px 22px 18px 38px;
}
.fermaArticleCases.section-common {
min-height: 0;
padding: 72px 30px 48px;
}
.fermaArticleCases__title {
width: auto;
min-width: 660px;
font-size: 32px;
line-height: 38px;
}
.fermaUsefulMaterials .fermaArticleCases__title {
min-width: 430px;
}
.fermaArticleCases__list > a {
flex-basis: calc(50% - 8px);
width: calc(50% - 8px);
max-width: none;
min-width: 0;
}
.fermaBeforeBuy.section-common {
--section-gradient-height: 100%;
min-height: 0;
padding: 72px 30px 48px;
}
.fermaBeforeBuy__title {
width: auto;
min-width: 510px;
font-size: 32px;
line-height: 38px;
}
.fermaBeforeBuy__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
min-height: 0;
gap: 16px;
}
.fermaBeforeBuy__item {
height: auto;
min-height: 190px;
padding: 24px;
border-radius: 26px;
}
.fermaBeforeBuy__item:last-child {
grid-column: 1 / -1;
justify-self: center;
width: calc(50% - 8px);
}
.fermaBeforeBuy__text {
font-size: 19px;
line-height: 25px;
}
.fermaPriceFactors.section-common {
--section-gradient-height: 100%;
min-height: 0;
padding: 72px 30px 48px;
}
.fermaPriceFactors__title {
width: auto;
min-width: 560px;
font-size: 32px;
line-height: 38px;
}
.fermaPriceFactors__list {
grid-template-columns: repeat(6, minmax(0, 1fr));
min-height: 0;
gap: 16px;
}
.fermaPriceFactors__item {
grid-column: span 2;
height: 160px;
padding: 24px;
border-radius: 26px;
}
.fermaPriceFactors__item:nth-child(4) {
grid-column: 2 / span 2;
}
.fermaPriceFactors__text {
font-size: 19px;
line-height: 25px;
}
.fermaPackages {
margin-top: 0;
margin-bottom: 80px;
padding-bottom: 0;
}
.fermaPackages__title {
font-size: 32px;
line-height: 38px;
}
.fermaPackages__inner {
width: calc(100% - 64px);
gap: 38px;
}
.fermaPackages__content {
gap: 56px;
}
.fermaPackages__topRow {
grid-template-columns: minmax(0, 760px);
justify-content: center;
gap: 25px;
}
.fermaPackages__card--course,
.fermaPackages__card--therapy {
width: 100%;
}
.fermaPackages__card--compact {
width: 100%;
max-width: 700px;
}
.fermaWheretobuy__intro {
width: calc(100% - 64px);
min-height: 0;
margin-bottom: 40px;
}
.fermaWheretobuy__introTitle {
min-height: 0;
font-size: 26px;
line-height: 36px;
}
.fermaWheretobuy__introText {
min-height: 0;
}
.fermaAbout {
--ferma-about-gap: 16px;
margin-top: 40px;
margin-bottom: 80px;
padding: 0 15px;
}
.fermaAbout .why_magnerot {
padding-right: 15px;
padding-left: 15px;
}
.fermaAbout h3 {
font-size: 24px;
line-height: 34px;
}
.fermaAbout__title {
margin-top: 50px;
font-size: 24px;
line-height: 30px;
}
.fermaAbout__subtitle {
margin-top: 12px;
font-size: 18px;
line-height: 26px;
}
.fermaAbout__box,
.fermaAbout__block {
width: 100%;
margin-left: 0;
}
.fermaAbout__box {
flex-direction: column;
max-width: 760px;
margin-right: auto;
margin-left: auto;
}
.fermaAbout__item {
flex: none;
width: 100%;
height: auto;
min-height: 150px;
}
.fermaAbout__item img {
flex-basis: 168px;
width: 168px;
min-height: 150px;
}
.fermaAbout__itemBody {
justify-content: center;
padding: 18px 20px;
}
.fermaAbout__itemTitle {
min-height: 0;
font-size: 20px;
line-height: 26px;
}
.fermaAbout__itemText {
font-size: 15px;
line-height: 20px;
}
.fermaAbout__element {
min-height: 230px;
padding: 22px 18px;
}
.fermaAbout__elementSvg {
flex-basis: 65px;
width: 65px;
height: 65px;
}
.fermaAbout__elementTitle {
width: 100%;
font-size: 17px;
line-height: 23px;
}
}
@media (max-width: 760px) {
.fermaFaq.section-common {
padding: 70px 24px 48px;
}
.fermaFaq__title {
width: calc(100% - 32px);
min-width: 0;
font-size: 30px;
line-height: 36px;
}
.fermaFaq__question {
min-height: 45px;
padding: 10px 18px 12px 38px;
font-size: 15px;
line-height: 21px;
}
.fermaFaq__chevron {
top: 50%;
left: 13px;
}
.fermaFaq__item[open] .fermaFaq__chevron {
top: 50%;
}
.fermaFaq__answer {
padding: 4px 18px 16px 38px;
font-size: 15px;
line-height: 22px;
}
.fermaFaq__answer table {
font-size: 14px;
line-height: 20px;
}
.fermaArticleCases.section-common {
padding: 70px 24px 48px;
}
.fermaArticleCases__title {
min-width: 0;
font-size: 30px;
line-height: 36px;
}
.fermaUsefulMaterials .fermaArticleCases__title {
min-width: 0;
}
.fermaArticleCases__list {
gap: 14px;
}
.fermaArticleCases__list > a {
flex-basis: 100%;
width: 100%;
max-width: 480px;
height: 238px;
}
.fermaBeforeBuy.section-common {
padding: 70px 24px 48px;
}
.fermaBeforeBuy__title {
min-width: 0;
font-size: 30px;
line-height: 36px;
}
.fermaBeforeBuy__list {
grid-template-columns: 1fr;
gap: 14px;
}
.fermaBeforeBuy__item,
.fermaBeforeBuy__item:last-child {
grid-column: auto;
flex-direction: row;
align-items: center;
justify-self: stretch;
width: 100%;
min-height: 130px;
padding: 24px;
gap: 24px;
border-radius: 24px;
}
.fermaBeforeBuy__text {
min-height: 0;
font-size: 19px;
line-height: 25px;
}
.fermaPriceFactors.section-common {
padding-right: 24px;
padding-left: 24px;
}
.fermaPriceFactors__title {
min-width: 0;
font-size: 30px;
line-height: 36px;
}
.fermaPriceFactors__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fermaPriceFactors__item,
.fermaPriceFactors__item:nth-child(4) {
grid-column: auto;
}
.fermaPriceFactors__item:last-child {
grid-column: 1 / -1;
justify-self: center;
width: calc(50% - 8px);
}
.fermaPriceFactors__note {
font-size: 20px;
line-height: 26px;
}
.fermaPackages {
--section-gradient-height: 560px;
padding-bottom: 0;
}
.fermaPackages__title {
margin-bottom: 36px !important;
font-size: 30px;
line-height: 36px;
}
.fermaPackages__inner {
width: calc(100% - 32px);
gap: 32px;
}
.fermaPackages__subtitle {
font-size: 20px;
line-height: 28px;
}
.fermaPackages__content {
gap: 48px;
}
.fermaPackages__cards {
gap: 20px;
}
.fermaPackages__topRow {
gap: 20px;
}
.fermaPackages__card--course,
.fermaPackages__card--therapy,
.fermaPackages__card--compact {
height: auto;
min-height: 0;
padding: 30px 24px;
gap: 20px;
border-radius: 24px;
}
.fermaPackages__cardTitle {
min-height: 0;
font-size: 21px;
line-height: 27px;
letter-spacing: -0.7px;
}
.fermaPackages__card--therapy .fermaPackages__cardTitle {
width: 100%;
}
.fermaPackages__actions {
flex-direction: column;
align-items: center;
}
.fermaPackages__button {
width: 100%;
max-width: 344px;
}
.fermaAbout__block {
flex-direction: column;
max-width: 760px;
margin-right: auto;
margin-left: auto;
}
.fermaAbout__element {
flex: none;
flex-direction: row;
align-items: center;
width: 100%;
min-height: 140px;
}
.fermaAbout__elementTitle {
width: auto;
}
}
@media (max-width: 540px) {
.fermaFaq.section-common {
padding: 68px 16px 44px;
}
.fermaFaq__title {
top: -24px;
width: calc(100% - 32px);
min-height: 48px;
padding: 8px 16px !important;
font-size: 25px;
line-height: 31px;
}
.fermaFaq__list {
gap: 6px;
}
.fermaFaq__item {
border-radius: 10px;
}
.fermaFaq__question,
.fermaFaq__item[open] .fermaFaq__question {
min-height: 36px;
padding: 8px 16px 10px 32px;
font-size: 14px;
line-height: 20px;
}
.fermaFaq__chevron {
top: 50%;
left: 10px;
width: 8px;
height: 8px;
}
.fermaFaq__item[open] .fermaFaq__chevron {
top: 50%;
}
.fermaFaq__answer {
padding: 4px 16px 14px 32px;
font-size: 14px;
line-height: 21px;
}
.fermaArticleCases.section-common {
padding: 68px 16px 44px;
}
.fermaArticleCases__title {
top: -24px;
min-height: 48px;
padding: 8px 16px !important;
font-size: 25px;
line-height: 31px;
}
.fermaArticleCases__list {
gap: 12px;
}
.fermaArticleCases__list > a {
height: auto;
aspect-ratio: 364 / 238;
}
.fermaUsefulMaterials .fermaArticleCases__list > a {
flex-basis: 100%;
width: 100%;
height: auto;
aspect-ratio: 364 / 238;
}
.fermaBeforeBuy.section-common {
padding: 68px 16px 44px;
}
.fermaBeforeBuy__title {
top: -24px;
min-height: 48px;
padding: 8px 16px !important;
font-size: 25px;
line-height: 31px;
}
.fermaBeforeBuy__list {
gap: 12px;
}
.fermaBeforeBuy__item,
.fermaBeforeBuy__item:last-child {
min-height: 116px;
padding: 22px;
gap: 20px;
}
.fermaBeforeBuy__text {
font-size: 18px;
line-height: 24px;
}
.fermaPriceFactors.section-common {
padding: 70px 16px 40px;
}
.fermaPriceFactors__title {
top: -24px;
min-height: 48px;
padding: 8px 16px !important;
font-size: 25px;
line-height: 31px;
}
.fermaPriceFactors__inner {
gap: 36px;
}
.fermaPriceFactors__list {
grid-template-columns: 1fr;
gap: 12px;
}
.fermaPriceFactors__item,
.fermaPriceFactors__item:last-child {
grid-column: auto;
flex-direction: row;
align-items: center;
justify-self: stretch;
width: 100%;
height: auto;
min-height: 108px;
padding: 22px;
gap: 20px;
border-radius: 24px;
}
.fermaPriceFactors__icon {
flex-basis: 48px;
width: 48px;
height: 48px;
}
.fermaPriceFactors__text {
min-height: 0;
font-size: 18px;
line-height: 24px;
}
.fermaPriceFactors__note {
font-size: 18px;
line-height: 24px;
}
.fermaPriceFactors__noteBreak {
display: none;
}
.fermaPackages {
margin-top: 0;
padding-bottom: 0;
}
.fermaPackages__title {
margin-bottom: 32px !important;
padding-right: 18px !important;
padding-left: 18px !important;
font-size: 26px;
line-height: 32px;
}
.fermaPackages__inner {
gap: 28px;
}
.fermaPackages__subtitle {
font-size: 18px;
line-height: 26px;
}
.fermaPackages__content {
gap: 40px;
}
.fermaPackages__card--course,
.fermaPackages__card--therapy,
.fermaPackages__card--compact {
padding: 24px 16px;
border-radius: 20px;
}
.fermaPackages__cardTitle {
font-size: 20px;
line-height: 26px;
letter-spacing: -0.5px;
}
.fermaPackages__image--large {
width: min(220px, 100%);
height: auto;
aspect-ratio: 248 / 166;
}
.fermaPackages__image--compact {
width: min(200px, 100%);
height: auto;
aspect-ratio: 212 / 142;
}
.fermaPackages__product {
width: 100%;
}
.fermaPackages__productName,
.fermaPackages__productName--compact {
font-size: 20px;
line-height: 24px;
letter-spacing: -0.5px;
}
.fermaPackages__productMeta {
line-height: 18px;
}
.fermaPackages__note {
line-height: 16px;
}
.fermaPackages__button {
min-height: 54px;
height: auto;
padding: 11px 20px;
font-size: 15px;
line-height: 22px;
}
.fermaWheretobuy__title {
margin-bottom: 32px !important;
}
.fermaWheretobuy__intro {
width: calc(100% - 32px);
margin-bottom: 32px;
gap: 14px;
}
.fermaWheretobuy__introTitle {
font-size: 20px;
line-height: 27px;
}
.fermaWheretobuy__introText {
font-size: 14px;
line-height: 20px;
}
.fermaAbout {
--ferma-about-gap: 12px;
margin-top: 52px;
}
.fermaAbout .why_magnerot {
padding-right: 15px;
padding-left: 15px;
}
.fermaAbout h3 {
font-size: 18px;
line-height: 23px;
}
.fermaAbout__title {
margin-top: 50px;
font-size: 22px;
line-height: 28px;
}
.fermaAbout__subtitle {
margin-top: 8px;
font-size: 16px;
line-height: 22px;
}
.fermaAbout__item {
min-height: 132px;
border-radius: 22px;
}
.fermaAbout__item img {
flex-basis: 110px;
width: 110px;
min-height: 132px;
}
.fermaAbout__itemBody {
padding: 12px;
gap: 6px;
}
.fermaAbout__itemTitle {
font-size: 17px;
line-height: 21px;
}
.fermaAbout__itemText {
font-size: 14px;
line-height: 18px;
}
.fermaAbout__element {
min-height: 124px;
padding: 18px;
gap: 16px;
border-radius: 22px;
}
.fermaAbout__elementSvg {
flex-basis: 58px;
width: 58px;
height: 58px;
}
.fermaAbout__elementTitle {
font-size: 16px;
line-height: 21px;
}
} @media (min-width: 801px) and (max-width: 1000px) {
.fermaFaq__question,
.fermaFaq__item[open] .fermaFaq__question {
min-height: 59px;
padding: 18px 22px 18px 38px;
}
}
@media (max-width: 800px) {
.fermaFaq__question,
.fermaFaq__item[open] .fermaFaq__question {
min-height: 50px;
padding: 13px 22px 14px 38px;
}
.fermaFaq__chevron,
.fermaFaq__item[open] .fermaFaq__chevron {
top: 19px;
transform: rotate(45deg);
}
.fermaFaq__item[open] .fermaFaq__chevron {
transform: rotate(225deg);
}
}
@media (max-width: 600px) {
.fermaFaq__answer {
overflow-x: hidden;
}
.fermaFaq__answer table {
display: block;
width: 100%;
min-width: 0;
border: 0;
border-collapse: separate;
border-spacing: 0;
table-layout: auto;
font-size: 13px;
line-height: 18px;
}
.fermaFaq__answer thead,
.fermaFaq__answer tbody {
display: block;
width: 100%;
}
.fermaFaq__answer tr {
display: grid;
grid-template-columns: minmax(96px, 40%) minmax(0, 1fr);
width: 100%;
border: 1px solid #000;
border-bottom: 0;
box-sizing: border-box;
}
.fermaFaq__answer tbody tr:last-child {
border-bottom: 1px solid #000;
}
.fermaFaq__answer th,
.fermaFaq__answer td,
.fermaFaq__answer th:first-child,
.fermaFaq__answer td:first-child {
display: flex;
align-items: center;
width: auto;
min-width: 0;
height: auto;
min-height: 34px;
padding: 6px 8px;
border: 0;
white-space: normal;
overflow-wrap: anywhere;
}
.fermaFaq__answer th + th,
.fermaFaq__answer td + td {
border-left: 1px solid #000;
}
.fermaFaq__question,
.fermaFaq__item[open] .fermaFaq__question {
min-height: 37px;
padding: 8px 22px 10px 38px;
}
.fermaFaq__chevron,
.fermaFaq__item[open] .fermaFaq__chevron {
top: 13px;
}
}
@media (max-width: 450px) {
.fermaFaq__question,
.fermaFaq__item[open] .fermaFaq__question {
min-height: 30px;
padding: 4px 16px 6px 28px;
}
.fermaFaq__chevron,
.fermaFaq__item[open] .fermaFaq__chevron {
top: 10px;
left: 8px;
}
}
@media (max-width: 480px) {
.fermaAbout .why_magnerot {
padding-right: 0;
padding-left: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.fermaFaq__item,
.fermaFaq__chevron {
transition: none;
}
}
@media (max-width: 380px) {
.fermaFaq__answer table {
font-size: 12px;
line-height: 16px;
}
.fermaFaq__answer tr {
grid-template-columns: minmax(88px, 40%) minmax(0, 1fr);
}
.fermaFaq__answer th,
.fermaFaq__answer td,
.fermaFaq__answer th:first-child,
.fermaFaq__answer td:first-child {
min-height: 32px;
padding: 5px 6px;
}
.fermaArticleCases__title {
font-size: 23px;
line-height: 29px;
}
.fermaBeforeBuy__title {
font-size: 23px;
line-height: 29px;
}
.fermaPackages__title {
font-size: 24px;
line-height: 30px;
}
.fermaPackages__cardTitle {
font-size: 18px;
line-height: 24px;
}
.fermaAbout__item img {
flex-basis: 96px;
width: 96px;
}
.fermaAbout__itemBody {
padding: 10px;
}
.fermaAbout__itemTitle {
font-size: 16px;
line-height: 20px;
}
.fermaAbout__itemText {
font-size: 13px;
line-height: 17px;
}
} @media (max-width: 780px) {
.fermaAbout > .section-hd,
.fermaWheretobuy__title,
.fermaPackages__title,
.fermaPriceFactors__title,
.fermaBeforeBuy__title,
.fermaArticleCases__title,
.fermaFaq__title {
max-width: calc(100% - 30px) !important;
min-width: 0;
padding: 8px 16px !important;
font-size: clamp(22px, 3.8vw, 28px);
line-height: 1.2 !important;
white-space: normal;
overflow-wrap: normal;
word-break: normal;
text-wrap: balance;
}
.fermaPriceFactors__title,
.fermaBeforeBuy__title,
.fermaArticleCases__title {
top: -26px;
width: calc(100% - 30px);
min-height: 52px;
border-radius: 28px;
}
.fermaFaq__title {
top: -26px;
min-height: 52px;
border-radius: 28px;
}
.fermaUsefulMaterials .fermaArticleCases__title {
width: auto;
}
.section-hd.fermaTitleWithProduct > span:first-child {
flex: none;
min-width: 0;
white-space: nowrap;
}
}