@charset "utf-8";
@charset "utf-8";

 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/new/i/atlas-240821-1.png); background-image: -webkit-image-set(
url(//magnerot.ru/wp-content/themes/magnerot/new/i/atlas-240821-1.webp) 1x,
url(//magnerot.ru/wp-content/themes/magnerot/new/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/new/i/atlas-240821-1@2x.png); background-image: -webkit-image-set(
url(//magnerot.ru/wp-content/themes/magnerot/new/i/atlas-240821-1@2x.webp) 2x,
url(//magnerot.ru/wp-content/themes/magnerot/new/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/new/i/section-bg.jpg) 50% 0% no-repeat;
}
.section-common .l-wrap{
text-align: left;
}
.subsection{
background: url(//magnerot.ru/wp-content/themes/magnerot/new/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/new/i/herobg1.jpg);
}
.herobg2{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/new/i/herobg2.jpg);
}
.herobg3{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/new/i/herobg3.jpg);
}
.herobg4{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/new/i/herobg4.jpg);
}
.herobg5{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/new/i/herobg5.jpg);
}
.herobg1020-01{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/new/i/herobg1020-01.jpg);
}
.herobg1020-02{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/new/i/herobg1020-02.jpg);
}
.herobg1020-03{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/new/i/herobg1020-03.jpg);
}
.herobg1020-04{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/new/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/new/i/blister.jpg);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
.about .blister{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/new/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/new/articles/cover_default.png);
}
.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/new/i2/herobg1020-05.webp);
}
.herobg1020-06{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/new/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(/wp-content/themes/magnerot/new/video-js/font/vjs.eot);
src: url(/wp-content/themes/magnerot/new/video-js/font/vjs.eot?#iefix) format('embedded-opentype'), url(/wp-content/themes/magnerot/new/video-js/font/vjs.woff) format('woff'), url(/wp-content/themes/magnerot/new/video-js/font/vjs.ttf) format('truetype'), url(/wp-content/themes/magnerot/new/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/new/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/new/articles/apteka-buy.jpg);
background-size: cover;
text-align: center;
}
.magniyisimportant{
background-image: url(//magnerot.ru/wp-content/themes/magnerot/new/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/new/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/new/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/new/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/new/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/new/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/new/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/new/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/new/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/new/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/new/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/new/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/new/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/new/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/new/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/new/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/new/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/new/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/new/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/new/i/atlas-240821-1.png);
background-image: -webkit-image-set(url(//magnerot.ru/wp-content/themes/magnerot/new/i/atlas-240821-1.webp) 1x, url(//magnerot.ru/wp-content/themes/magnerot/new/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;
}