/******** COLOR CONFIG *********/
:root {
    --color-white:  #ffffff;
    --color-magenta:  #F20065;
    --color-darkmagenta:  #db0a5b;
    --color-light:  #F7F6F2;
    --color-lightblue:  #4CC9F0;
    --color-blue:  #2FA0CC;
    --color-lyellow:  #FFDC2E;
    --color-yellow:  #FEBD00;
    --color-lightgray:  #ECF1F4;
    --color-gray:  #666666;
    --color-darkgray:  #444;
    --color-orange:  #ff8c40;
    --color-darkblue: #2FA0CC;


    --color-magentaO:rgba(242,0,101,.8);
    --color-lightblueO:rgba(76,201,240,.9);
    --color-lightblue2O:rgba(76,201,240,.3);
    --color-yellowO:rgba(250,190,0,.9);
    --color-blueO:rgba(47,160,204,.9);
    --color-O:rgba(100,100,100,0);

    --width-ico:6em;
    --height-benefit:160px;
    --border-rad:.7em;		
    --height-slider:50vh;
    --minheight-slider:680px;
}

.cWhite {color:var(--color-white);}
.cMagenta {color:var(--color-magenta);}
.cLight {color:var(--color-light);}
.cLightblue {color:var(--color-lightblue);}
.cBlue {color:var(--color-blue);}
.cYellow {color:var(--color-yellow);}
.cLightgray {color:var(--color-lightgray);}
.cGray {color:var(--color-gray);}
.cDarkgray {color:var(--color-darkgray);}
.cDarkblue {color:var(--color-darkblue);}
.cDarmagenta{color:var(--color-magentaO);}
.cDarkyellow{color:var(--color-orange);}




.bWhite {background:var(--color-white);}
.bMagenta {background:var(--color-magenta);}
.bDarkmagenta {background:var(--color-darkmagenta);}
.bLight {background:var(--color-light);}
.bLightblue {background:var(--color-lightblue);}
.bBlue {background:var(--color-blue);}
.bYellow {background:var(--color-yellow);}
.bLightgray {background:var(--color-lightgray);}
.bGray {background:var(--color-gray);}
.bDarkgray {background:var(--color-darkgray);}

.bYellowO {background:var(--color-yellowO);}
.bLightblueO {background:var(--color-lightblueO);}
.bMagentaO {background:var(--color-magentaO);}
.bBlueO {background:var(--color-blueO);}
.bO {background:var(--color-O);}
.bLightblue2O {background:var(--color-lightblue2O);}


/******** /COLOR CONFIG *********/

.section {clear: both; padding: 0px; margin: 0px auto; box-sizing:border-box; -moz-box-sizing:border-box; max-width:1004px;}
.col {display: block;float:left;margin: 1% 0 1% 0%; box-sizing:border-box; -moz-box-sizing:border-box;}
.col:first-child { margin-left: 0; }
.w100 {width:100%;}

.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

.span_12_of_12 {width: 100%;}
.span_11_of_12 {width: 91.66%;}
.span_10_of_12 {width: 83.33%;}
.span_9_of_12  {width: 75%;}
.span_8_of_12  {width: 66.66%;}
.span_7_of_12  {width: 58.33%;}
.span_6_of_12  {width: 50%;}
.span_5_of_12  {width: 41.66%;}
.span_4_of_12  {width: 33.33%;}
.span_3_of_12  {width: 25%;}
.span_2_of_12  {width: 16.66%;}
.span_1_of_12  {width: 8.333%;}

.otstup .col {display: block;float:left;margin: 1% 0 1% 3%;}
.otstup .col:first-child { margin-left: 0; }
.otstup .span_12_of_12 {width: 100%;}
.otstup .span_11_of_12 {width: 91.41%;}
.otstup .span_10_of_12 {width: 82.83%;}
.otstup .span_9_of_12 {width: 74.25%;}
.otstup .span_8_of_12 {width: 65.66%;}
.otstup .span_7_of_12 {width: 57.08%;}
.otstup .span_6_of_12 {width: 48.4%;}
.otstup .span_5_of_12 {width: 39.91%;}
.otstup .span_4_of_12 {width: 31.33%;}
.otstup .span_3_of_12 {width: 22.75%;}
.otstup .span_2_of_12 {width: 14.16%;}
.otstup .span_1_of_12 {width: 5.583%;}


#menumob {position: fixed;top: 0; z-index: 999;}

p {margin-block-start: .5em; margin-block-end: .5em;}

.w100.bWhite#menumob {border-bottom:1px solid rgba(150, 150, 150, .3); 
-webkit-box-shadow: 0 .3em .5em 0 rgba(150, 150, 150, .2);
-moz-box-shadow:    0 .3em .5em 0 rgba(150, 150, 150, .2);
box-shadow:         0 .3em .5em 0 rgba(150, 150, 150, .2);
}


div.scroll-hide {opacity:0; transition:opacity ease 1s;}
div.scroll-freeze {background-color:var(--color-magenta);opacity:1;}
div.scroll-up {background-color:var(--color-magenta);opacity:1; transition:opacity ease .5s;}

div.bWhite.scroll-freeze {background-color:var(--color-white);}
div.bWhite.scroll-up {background-color:var(--color-white);}

.currentpage {color:var(--color-magenta);}

.closemenu {background:transparent;}
            
.section.menumob ul,
.section.menumob li,
.section.menumob a {box-sizing:border-box; -moz-box-sizing:border-box;}
.section.menumob ul {display:flex; margin:0; align-items:stretch;}
.section.menumob ul li {flex-grow: 1; text-align:center; transition:all ease .75s; display:flex; align-items:stretch;}
.section.menumob ul li a {color:white; text-decoration:none; display:flex; align-items:center; text-transform:uppercase; font-size:.9em; transition:all ease .75s; font-weight:700;}
.section.menumob ul li.currentpage {}
.section.menumob ul li a.currentpage {}
.section.menumob ul li:hover {transition:all ease .75s;}
.section.menumob ul li:hover a {transition:all ease .75s;}
.section.menumob ul li:nth-child(1) {flex-grow: 1.5;}
.section.menumob ul li:nth-child(1) img {display:block; width:73%;}
.section.menumob ul li:nth-child(2) {display:none;}
.section.menumob ul li a:hover {color:var(--color-lightblue);}

/* white menu */

.bWhite .section.menumob ul li a {color:var(--color-magenta); text-decoration:none; display:flex; align-items:center; text-transform:uppercase; font-size:.9em; font-weight:700;}
.bWhite .section.menumob ul li.menuactive a,
.bWhite .section.menumob ul li a:hover {color:var(--color-blue);}
 
.cntContent {padding:0 0;}

.autor {position:relative; border-top:1px solid #ccc; border-bottom:1px solid #ccc;  margin:2em 0; padding:1em; color:var(--color-gray); font-size:.7em; overflow:hidden; height:auto; max-height:40px; transition:all ease 1.5s; padding:1em;}
.autor:hover {max-height:300px; transition:all ease .75s;}
.autor li {margin-bottom:.6em; list-style:decimal}

.autor::before {content:"Источники"; display:block; font-weight:700; margin-bottom:.6em; font-size:1.1em; margin-left:-.9em; transition:all ease 2s; cursor:pointer;}
.autor::after  {content:url(../img/arrow-down-gray.svg); width:1.5em; height:1.5em; display:block; cursor:pointer; cursor:pointer; position:absolute; top:.75em; right:1.2em;}

.redwarn {border-radius:var(--border-rad); margin:0;}
.redwarning * {color:white; transition:all ease .75s;}
.redwarning {position:relative; margin:1em; padding:0; color:var(--color-gray); font-size:1em; overflow:hidden; height:auto; max-height:40px; transition:all ease .75s;}
.redwarning li:nth-child(1) {margin-top:1em;}
.redwarning li {margin-bottom:.6em; list-style:disk;}
.redwarning::before {color:white; content:"Циклоферон при COVID-19. Временные рекомендации Минздрава"; display:block; font-weight:500; font-size:1.3em; margin-top:.2em; transition:all ease 2s; cursor:pointer;}
.redwarning::after {color:white; content:url(../img/arrow-down-white.svg); width:1.5em; height:1.5em;  display:block; transition:all ease 2s; cursor:pointer; position:absolute; top:.5em; right:1.2em;}
.redwarning.openPlanka::after  {color:white; content:url(../img/arrow-up-white.svg); width:1.5em; height:1.5em;  display:block; transition:all ease 2s; cursor:pointer; position:absolute; top:.5em; right:1.2em;}
.openPlanka {max-height:100vh; transition:all ease .75s;}
.closePlanka {transition:all ease .75s;}

.plankaSources{overflow:hidden; transition:all ease 1s; height:3em; max-height:3em;  border-top:1px solid #ccc; margin:1em 0; }
.plankaSources::before {color:#aaa; content:"Источники \2B07"; display:block; font-weight:500; font-size:1.3em; margin-top:.2em; margin-bottom:.6em; transition:all ease 2s; cursor:pointer; }
/*.plankaSources {border:1px solid red; content:url(/../img/arrow-down.svg); width:1.5em; height:1.5em;  display:block; transition:all ease 2s; cursor:pointer; position:absolute; top:.5em; right:1.2em;}               */

.cms-guestbook-div-insert {overflow:hidden; height:3em; max-height:3em; border-top:1px solid #ссс; margin:1em 0;}
.cms-guestbook-div-insert::before {color:var(--color-magenta); content:"Задать свой вопрос"; width:100%; text-align:center; display:block; font-weight:500; font-size:2em; margin-top:-.8em; margin-bottom:.6em; transition:all ease 2s; cursor:pointer; }

.openPlanka {max-height:100vh; transition:all ease .75s; height:auto;}
.openPlanka::after {content:url(https://www.cycloferon.ru/404.htm); width:1.5em; height:1.5em;  display:block; transition:all ease 2s; cursor:pointer; position:absolute; top:.5em; right:1.2em;}
.closePlanka {transition:all ease .75s; max-height:40px;}

ol.plankaSources {padding-left:2em; }
ol.plankaSources li {list-style:decimal; font-size:80%; margin-bottom:.5em;}
.plankaSources * {color:#aaa;}


/* списки в текстах с иконками */

.LineBlue {border-top:2px solid var(--color-lightblue); border-bottom:2px solid var(--color-lightblue); padding-top:1em; padding-bottom:1em; margin-top:1em; margin-bottom:1em;}
.LineMagenta {border-top:2px solid var(--color-magenta); border-bottom:2px solid var(--color-magenta); padding-top:1em; padding-bottom:1em; margin-top:1em; margin-bottom:1em;}
.LineYellow {border-top:2px solid var(--color-yellow); border-bottom:2px solid var(--color-yellow); padding-top:1em; padding-bottom:1em; margin-top:1em; margin-bottom:1em;}

.blockColor {padding:1.5em 1.5em 1em 1em;}
.blockColor h3,
.blockColor h2 {color:var(--color-darckgray); margin:.5em; line-height:1.1; font-size:1.6em;}
.blockColor > h3:nth-child(1) {margin-top:0;}
.blockColor > h2:nth-child(1) {margin-top:0;}

.blockColor ol {padding-left:2.5em;}
.blockColor ol li {margin:.5em 0;}
.blockColor ol li::marker {font-size:1.5em;}



.col1 {}
.col1 li::before {content:url(../img/ico-01.svg); width:5em; height:5em; display:block; position:absolute; top:30%; top:calc(50% - 2.5em); left:0;}
.col1 li {margin-bottom:1em; padding-left:6em; position:relative; min-height:6.2em; display:flex; align-items: center;align-content: stretch;}

.colicons,
.col2icons,
.colcheck,
.col2check {margin:1em 0;}

.col2icons,
.col2check {display:flex; flex-wrap:wrap; padding-top:.8em;}

.col2icons > li,
.col2check > li {width:49.9%;}

.colicons a,
.col2icons a,
.colcheck a,
.col2check a {color:var(--color-blue); text-decoration:none;}

.colicons p,
.colcheck p {margin:0;}


/*.colicons::before {content:attr(class);  background:red; color:white;}*/
.colicons li {margin-bottom:.6em; position:relative; min-height:4.5em; display:flex; align-items: center; align-content: stretch;}
.colicons li > img {width:3.5em; height:3.5em; margin-right:1em;}

.col2icons li {margin-bottom:.6em; position:relative; min-height:4.5em; display:flex; align-items: center; align-content: stretch; padding-right:1em;}
.col2icons li > img {width:3.5em; height:3.5em; margin-right:1em;}

/*.colcheck::before {content:attr(class);  background:green; color:white;}*/
.colcheck li::before {content:url(../img/ico-check.svg); width:2em; height:2em; display:block; position:absolute; top:30%; top:calc(50% - 1em); left:0; padding:0; margin:0;}
.colcheck li {padding-left:3.5em; position:relative; display:flex; align-items: center; margin-bottom:1em; margin-top:.3em;}
.colcheck li:last-child {margin-bottom:0;}

/*orange.colcheck2::before {content:attr(class);  background:green; color:white;}*/
.colcheck2 li::before {content:url(../img/ico-check2.svg); width:2em; height:2em; display:block; position:absolute; top:30%; top:calc(50% - 1em); left:0; padding:0; margin:0;}
.colcheck2 li {padding-left:3.5em; position:relative; display:flex; align-items: center; margin-bottom:1em; margin-top:.3em;}
.colcheck2 li:last-child {margin-bottom:0;}


.col2check li::before {content:url(../img/ico-check.svg); width:2em; height:2em; display:block; position:absolute; top:30%; top:calc(50% - 1em); left:0;}
.col2check li {margin-bottom:0; padding-left:4em; position:relative; min-height:3em; display:flex; align-items: center; align-content: stretch; padding-right:1em;}

.cntFormv > .span_9_of_12 > .section > .textright {margin:0;padding:0;}

/*.col1.icons li[icourl]::before {content:attr(icourl url);}*/

body {color: var(--color-darkgray);}
a {color:var(--color-magenta);}
a:hover {color:var(--color-blue);}

h1 {font-size: 2.2em; font-weight:normal; color:var(--color-magenta); }
h2 {font-size: 2em;   font-weight:500;    color:var(--color-magenta);}
h3 {font-size: 2em;   font-weight:500;    color:var(--color-orange);}
h4 {font-size: 1.8em; font-weight:500;}
h5 {font-size: 1.8em; font-weight:normal;}
h6 {font-size: 1.8em; font-weight:normal;}

.aCenter {text-align: center;}
.span_12_of_12.aCenter {text-align: center;}

h2.grad {background: linear-gradient(45deg, var(--color-yellow) 0%, var(--color-magenta) 70%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}

.headerI .span_12_of_12 > h2 {text-align:left; width:72%;}
.headerI h2 {margin-top:2em; border-bottom:1px solid #f2f2f2; padding-bottom:.5em; margin-bottom:0;}

.span_12_of_12 > h2 {text-align: center; line-height: 1.2;}
.span_12_of_12 {}

/** Calc ***/
/*
.popup.calc * {font-size:1em;}
.popup.calc .answer {height:2; margin-bottom:.6em; font-size:1.2em;}

.popup.calc .answer input[type="radio"] { display: none;}
.popup.calc .answer input[type="radio"] + label {display: block; position: relative; padding-left: 35px; margin-bottom: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.popup.calc .answer input[type="radio"] + label:last-child { margin-bottom: 0; }
.popup.calc .answer input[type="radio"] + label:before { content: ''; display: block; width: 20px; height: 20px; border: 2px solid  var(--color-magenta); position: absolute; left: 0; top: 0; opacity: 1; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s;}
.popup.calc .answer input[type="radio"]:checked + label:before {border: 2px solid var(--color-magenta); width: 10px; top: -5px;  left: 5px;  border-radius: 0;  opacity: 1;  border-top-color: transparent;  border-left-color: transparent;  -webkit-transform: rotate(45deg);  transform: rotate(45deg);}

.popup.calc {border-radius:var(--border-rad); width:900px;}
.popup.calc h1 {font-size:1.6em; font-weight:700;}
.popup.calc h2 {color:var(--color-gray); font-size:1.6em; font-weight:500; line-height:1.2; margin-bottom:.6em;}

.popup.calc .vopbut {font-weight: 700; font-size:1.3em;  transition: all ease .5s;  position: relative; display: inline-block; color: var(--color-white); text-transform: uppercase; border-radius: 2em; border: 2px solid var(--color-magenta); padding: .8em 2.4em; text-decoration: none; background: var(--color-magenta); margin-top:1em;}
.popup.calc input[type="text"] {font-size:1.6em; height:auto; border-radius: 2em; border: 2px solid var(--color-lightblue); padding: .6em 1.2em; text-decoration: none; background: transparent; font-family:Montserrat, Arial; width:200px;}

.popup.calc .ico-for {display:flex; align-items:center; margin:0 2em;}
.popup.calc .ico-for img {width:3em; height:3em; margin-right:1em;}

.popup.calc #imgShema {margin-top:.5em;}
.popup.calc #imgShema img {width:100%; border-radius:var(--border-rad);}

.popup.calc .pac_info {border:3px solid var(--color-blue);  border-radius:var(--border-rad); padding:1em;}
.popup.calc .pac_info div.lineres {line-height:1.2;}
.popup.calc #texthead1 {background:var(--color-magenta);border-radius:var(--border-rad); padding:1em; margin-bottom:.5em;}
.popup.calc #texthead1 h3 {color:var(--color-white); margin:0; padding:0; text-align:center; font-size:1.6em;}
.popup.calc .warningres { padding:1em; color:var(--color-gray);}
.popup.calc .warningres div {font-size:.7em; line-height:1.1;}
.popup.calc .lineflex {display:flex; align-items:center;}

*/

.overlay:target+.popup.calc {max-width:360px; max-height:600px; padding-bottom:50px;}

.popup.calc {max-width:360px; max-height:auto;  box-sizing:border-box; padding:0;margin:0;}
.popup.calc * {box-sizing:border-box;}

.popup.calc input[type="radio"] {display: none;}
.popup.calc input[type="radio"] + label {cursor: pointer; padding-left: 50px; position: relative; font-family: tahoma, sans-serif, arial; line-height: 36px;}
.popup.calc input[type="radio"] + label::before {content: "";  display: inline-block;  position: absolute; top: 0; left: 0;  vertical-align: middle;
    padding: 0; height: 20px; width: 36px; margin: 0 5px 0 0; border: 1px solid #dadada; border-radius: 10px; background: #dddddd;}
.popup.calc input[type="radio"] + label::before, 
.popup.calc input[type="radio"] + label::after { -webkit-transition: all .2s ease-out; transition: all .2s ease-out;}
.popup.calc input[type="radio"] + label::after { content: ""; display: block; position: absolute; top: 1px; left: 1px; width: 18px; height: 18px; border-radius: 18px; background: #fff;
  border: 1px solid #dadada; box-shadow: 0 3px 3px rgba(140, 140, 140, .1);}
.popup.calc input[type="radio"]:checked + label::before {background: var(--color-magenta);  border-color: var(--color-magenta);}
.popup.calc input[type="radio"]:checked + label::after {left: 17px;}

.popup.calc .head {color:white; padding:16px 16px 8px 16px; font-weight:500; line-height:1.2; font-size:18px;}
.popup.calc .close:before {content: url(../img/closew.svg);}
.popup.calc .close {height: 24px; width: 24px;line-height: 24px; top: .75em; right: .75em;}
.popup.calc .radio {align-items: center; width:100%; padding:0 50px;}
.popup.calc .radio label {font-size:16px;}
.popup.calc .inputV {width:100%; padding:8px 50px 0 50px;}
.popup.calc .inputV label {display:block; font-weight:700; color:var(--color-magenta); font-size:11px;}
.popup.calc .inputV input {border:2px solid var(--color-lightblue); border-radius:var(--border-rad); font-size:16px; line-height:16px; padding:.5em; margin:.3em 0; font-family:Montserrat;}
.popup.calc .warref {padding:0 50px;} 
.popup.calc .warref p {font-size:12px;}
.popup.calc .textcenter {padding:0 50px;}
/*.popup.calc .textcenter.calc {padding-bottom:60px;}*/
.popup.calc .vopbut {font-weight:500; color:white; border-radius:3em; background:var(--color-magenta); text-align:center; padding:.7em 2em;display:block; font-size:14px;
text-decoration:none; text-transform:uppercase;}
.popup.calc .pachka {text-align:center;}
.popup.calc .pachka img {width:70%;}
.popup.calc .graywarning {position:absolute;background:rgba(196,196,196,.5); font-size:8px; bottom:0; left:0; width:100%; padding:8px 16px;}

.popup.calc .inputV input::-moz-placeholder { color: #ccc; /* Цвет подсказывающего текста */ ;  font-size: 12px; }
.popup.calc .inputV input::-webkit-input-placeholder { color: #ccc; font-size: 12px;}
.popup.calc .inputV input:-ms-input-placeholder { color: #ccc; font-size: 12px;}
.popup.calc .inputV input::-ms-input-placeholder { color: #ccc; font-size: 12px;}
.popup.calc .inputV input::placeholder { color: #ccc; font-size: 12px;} 
.popup.calc .head p,
.popup.calc .head div {font-size: 18px;}
.popup.calc .head p.vozves {display:block; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center;	align-content: stretch; font-weight:300;}
.popup.calc .head p.vozves span {display:block;}
.popup.calc #texthead1 h3,
.popup.calc #texthead1 {color:var(--color-magenta); font-size:18px; font-weight:700; }
.popup.calc #texthead1 h3 {margin:.6em 0 .3em 0;}
.popup.calc #coltab,
.popup.calc #texthead1 {padding:0 16px;}
.popup.calc #coltab p {font-size:14px;}
.popup.calc #coltab p b {color:var(--color-magenta); font-size:24px; font-weight:700;}
.popup.calc #coltab p span {color:var(--color-magenta);}
.popup.calc #warnres h3 {color:var(--color-lightblue); font-size:18px; font-weight:700; margin:.3em 0;}
.popup.calc #warnres {padding:0 16px;}
.popup.calc #warnres p {font-size:13px; line-height:1.2;}
.popup.calc #warnres img {border-radius:8px; border:2px solid var(--color-lightblue); padding:8px; box-sizing:border-box; width:100%;}
.popup.calc #warnres .pachka img {border-radius:0; border:0; padding:0; width:70%;}
.Seller {padding-bottom:2em;}
.Seller h2 {margin-bottom: 0em;}

.popup.calc .error {font-size:16px; color:var(--color-magenta); border-radius:8px; border:2px solid var(--color-lightblue); padding:16px 10px; box-sizing:border-box; width:100%;}

/**Slider***/
.cntSliderIndex {margin-top:2.4em; background: #f7f7f7 url(../img/SliderIndexAll.jpg) 65% center no-repeat; background-size: contain; }
/*.cntSliderIndex2 {margin-top:3em; background: #efebe5 url(../img/back-oboi.jpg) center top no-repeat; background-size: contain; overflow:hidden; height:var(--height-slider); min-height:var(--minheight-slider);}*/
.cntSliderIndex2 {margin-top:-1em; background: #efebe5 url(../img/back-oboi.jpg) center top no-repeat; background-size: contain; overflow:hidden; height:var(--height-slider); min-height:var(--minheight-slider);}
.cntSliderIndex2 .section {max-width:1240px}
.cntSliderIndex2 .span_12_of_12 {position:relative;height:var(--height-slider); min-height:var(--minheight-slider);}
.cntSliderIndex2 .woman {position:absolute; height:var(--height-slider); min-height:var(--minheight-slider); left:calc(35% - 50vh); bottom:0; height:100%;}
.cntSliderIndex2 .woman-bottom {position:absolute; height:var(--height-slider); min-height:var(--minheight-slider); left:calc(42% - 50vh); bottom:0; height:100%;}
.cntSliderIndex2 .pachka2 {position:absolute; bottom:0; height:var(--height-slider); min-height:var(--minheight-slider); left:37%; } 

.cntSliderIndex2Mob {height:90vh; box-sizing:border-box; overflow:hidden;}
.cntSliderIndex2Mob {background: #efebe5 url(../img/back-oboi.jpg) 10% 0% no-repeat; background-size: cover; position:relative;}
.cntSliderIndex2Mob .woman {width:65%;  position:absolute; top:27vh; margin:0 17.5%;}
.cntSliderIndex2Mob .pachka2 {width:74%; position:absolute; bottom:11vh; margin:0 13%;}
.cntSliderIndex2Mob .knopka {display:block; width:90%; margin:1em 5%; background:var(--color-lightblue); position:absolute; left:0; bottom:4vh; padding:.8em; font-size:3.5vmin; color:white; font-weight:700; text-align:center; border-radius:3em; text-decoration:none; letter-spacing:.5px;}
.cntSliderIndex2Mob .woman-bottom-mob {position:absolute; bottom:0; height:100%; width:140%; left:-4vh;}
.cntSliderIndex2Mob h3 {color:var(--color-magenta); text-align:center; margin-top: 11vh; line-height:1.1; font-size:5.5vmin; font-weight:bold;}
.cntSliderIndex2Mob h3 b {color:var(--color-blue);}

/*
.cntSliderIndex > .section {position:relative;}
.cntSliderIndex > .section img {height:48vh; max-height:520px; display:block; position:absolute; top:0; left:-15%;}
*/

.pageHeader {margin-top:4.2em; margin-bottom:0; text-align:center;}
.pageHeader > .span_12_of_12 {border-radius:var(--border-rad);}
.pageHeader h1 {color:white; font-weight:500; font-size:1.8em; margin:1em 0;}

.cntSlider.w100 {background: #f7f7f7 url(../img/banner.jpg) center center no-repeat; background-size: contain; max-height: 620px; margin-top:54px;}
.cntSlider.w100 img {width: 100%;}
.cntSliderI.w100 img {width: 100%;}

.cntContent > .span_3_of_12 ul {margin:0 0 2em 0; padding:0; list-style:none;}
.cntContent > .span_3_of_12 ul li {margin:0; padding:0; list-style:none; border-bottom:1px solid var(--color-lightblue); padding: .6em 0;}
.cntContent > .span_3_of_12 ul li:last-child {border-bottom:3px solid var(--color-lightblue);}
.cntContent > .span_3_of_12 ul li a {color:black; text-decoration:none; font-size:.9em; line-height:1.1;}
.cntContent > .span_3_of_12 ul li a.currentpage {color:var(--color-magenta); font-weight:700;}
.cntContent > .span_3_of_12 ul li a:hover {color:var(--color-lightblue);}

.img100 {width:100%;}

.cntContent .span_9_of_12,
.cntFormv .span_9_of_12 {padding-right:2em;}
.cntContent .span_9_of_12 > h2,
.cntFormv .span_9_of_12 > h2 {font-size:1.5em; line-height:1.2; margin-top:1em; margin-bottom:.5em;}

.cntContent .span_9_of_12 > h3,
.cntFormv .span_9_of_12 > h3 {font-size:1.5em; line-height:1.2; margin-top:1em; margin-bottom:.5em;}

.cntContent .span_9_of_12 .quote {font-size:1.1em; color:var(--color-gray); border:none; border-top:2px solid var(--color-lightblue); border-bottom:2px solid var(--color-lightblue);
display:flex;flex-wrap: nowrap;align-items: center;align-content: stretch; margin:1.5em 0; font-weight:500;}


.cntContent .span_9_of_12 .quote > * {padding:.5em;}
.cntContent .span_9_of_12 .quote img {width:4.5em;}

.warn {text-transform:uppercase; text-align:center;}
.warn p {text-transform:uppercase; text-align:center; color:rgba(255,255,255,.9); font-size:28px;}
.warn p a {color:rgba(255,255,255,.5);}


.linkspage {display:flex; border:3px solid #ccc; padding:.25em 1.5em .25em 1.5em; border-radius:var(--border-rad); justify-content: space-between;}
.linkspage > div {width:48%;}
.linkspage > div a {display:block; font-size:.9em; color:black; padding:1em; border-bottom:1px solid var(--color-magenta); text-decoration:none;}
.linkspage > div a:hover {color:var(--color-magenta);}
.linkspage > div a:last-child {border-bottom:1px solid var(--color-white);}

/*****Benefit*****/

.cntBenefit .pachka {background: url(../img/pachka.png) center 39% no-repeat;}
.cntBenefit * {box-sizing:border-box;}
.cntBenefit {padding-bottom: 0;}
.cntBenefit .section {display: flex;flex-wrap: wrap;}

.cntBenefit .span_6_of_12 {display: flex; align-items: center; width:49.9%; padding:0; transition:all ease 1s;}
.cntBenefit .span_6_of_12:nth-child(2n+1) {text-align: right;}
.cntBenefit .span_6_of_12:nth-child(2n) {flex-direction: row-reverse;}

.cntBenefit .span_6_of_12:nth-child(2n+1) .ico {margin-left: 1em;}
.cntBenefit .span_6_of_12:nth-child(2n) .ico {margin-right: 1em;}

.cntBenefit .span_6_of_12 * {transition:all ease .6s;}
.cntBenefit .span_6_of_12 > div {flex-grow: 1;}

.cntBenefit div.ico {width: var(--width-ico); max-width: var(--width-ico); cursor:pointer;}
.cntBenefit div img {width: var(--width-ico); height: var(--width-ico);}
.cntBenefit div.descr {width: 40%; max-width: 40%; position:relative; overflow:hidden; cursor:pointer;}

.descr ul {color:white;}

.cntBenefit .span_6_of_12 > div.descr div.name {opacity:1; height: var(--height-benefit); display:flex; box-sizing: border-box; width:100%; font-weight:700; font-size: 16px;}   
.cntBenefit .span_6_of_12 > div.descr div.dtext {opacity:0; height: 0px; display:flex; font-size:.75em; box-sizing: border-box; width:100%; }
.cntBenefit .span_6_of_12 > div.descr div p {margin:auto 0; width:100%;}
.cntBenefit .span_6_of_12 > div img {transform: scale(1, 1);}
.cntBenefit .span_6_of_12:hover > div.descr div.name {opacity:0; height: 0;}
.cntBenefit .span_6_of_12:hover > div.descr div.dtext {opacity:1; height: var(--height-benefit);}
.cntBenefit .span_6_of_12:hover > div img {transform: scale(1.2, 1.2);}

.cntBenefit .span_12_of_12 h2 {margin-bottom:0;}

/*
.cntBenefit .span_6_of_12 > div {flex-grow: 1;}
.cntBenefit .span_6_of_12 > div.grow2 {flex-grow: 8;}
.cntBenefit .span_6_of_12 div.name {color: var(--color-gray); font-size: 1.3em; line-height: 1.2; font-weight:500; display: block; box-sizing: border-box;}
.cntBenefit .span_6_of_12 div.name span {display: block; text-transform: uppercase; line-height: 1.2;}
*/

.cntIcons div {text-align:center;}
.cntIcons div h3 {font-weight:700; line-height:1.1; font-size:1.2em; color:var(--color-gray);}
.cntIcons div img {width:30%; margin:15%; margin-bottom:5%;}



.abutton { font-weight:700; transition:all ease .5s; position:relative; display:inline-block; color: white; text-transform: uppercase; border-radius: 2em; border: 2px solid white; padding: 0.8em 2.4em; text-decoration: none; background:transparent;}
.abutton:hover { transition:all ease .5s; color: white; background:var(--color-magenta);}

.abutton.inline,
.abutton.cMagenta {border:2px solid var(--color-white); color:var(--color-magenta);}
.abutton.inline:hover,
.abutton.cMagenta:hover {color:var(--color-white);}



.bBlue .abutton.ico-tab {border:active2px solid var(--color-white); color:var(--color-white);}
.bBlue .abutton.ico-lin {border:2px solid var(--color-white); color:var(--color-white);}
.bBlue .abutton.ico-amp {border:2px solid var(--color-white); color:var(--color-white);}


.ico-tab {padding-left:4.6em; }
.ico-tab:before {content:url(../img/ico-tab.svg); position:absolute; top:.4em; left:1.6em; height:2.2em; width:2.2em;}

.ico-lin {padding-left:4.6em; }
.ico-lin:before {content:url(../img/ico-lin.svg); position:absolute; top:.4em; left:1.6em; height:2.2em; width:2.2em;}

.ico-amp {padding-left:4.6em; }
.ico-amp:before {content:url(../img/ico-amp.svg); position:absolute; top:.4em; left:1.6em; height:2.2em; width:2.2em;}


.ico-rastvor {padding-left:4.6em;}
.ico-rastvor:before {content:url(https://www.cycloferon.ru/404.htm); position:absolute; top:.4em; left:1.6em; height:2.2em; width:2.2em;}

.ico-liniment {padding-left:4.6em;}
.ico-liniment:before {content:url(https://www.cycloferon.ru/404.htm); position:absolute; top:.4em; left:1.6em; height:2.2em; width:2.2em;}

.icotab {
    border-radius: 3em;
    border: 2px solid #fff;
    color: #fff;
    background: #4CC9F0;
    color: #fff;
    active: color:var(--color-magenta); text-decoration:none; 
    background: #4CC9F0;
    background: #4cc9f0;
    font-weight: 500;
    font-size: 1.2em;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 1em;
    min-width: 116px;
    text-decoration: none;
    position: relative;
    white-space: nowrap;
    letter-spacing: 2px;
    margin-right: 15px;
    text-align: center;
    transition: all ease .6s;
}


a.icotab:hover {color: #F20065;}

.index {text-align: center;}
.index2 {text-align: center; padding: 0 3.7em;}
.index3{
    display: block;
    margin: auto;
    text-align: center;
    margin-bottom: 0.85em;
  }
  .index3 h2{
    font-size: 1.3em!important;
    font-weight: 700;
    margin-bottom: 0.45em;
  }
  .index3 a{
    border-radius: 3em;
    border: 2px solid #fff;
    color: #fff;
    background: #4CC9F0;
    font-weight: 500;
    font-size: 1em;
    text-transform: uppercase;
    display: inline-block;
    padding: 8px 1em;
    text-decoration: none;
    position: relative;
    white-space: nowrap;
    letter-spacing: 2px;
    text-align: center;
    margin-left: 7px;
    margin-right: 7px;
    min-width: 85px;
    transition: all ease .6s;
  }
  .index3 a:hover{
    background-color: var(--color-darkmagenta)!important;
  }

.index4 {background: url(../img/ico-tab.svg) no-repeat; height:2.2em; width:16.2em; padding:0.2em 2.8em 1.1em; margin-bottom: 1.2em; border: 0; vertical-align: top;}

/***.index4 {background: url(../img/ico-tab.svg) no-repeat; height:2.2em; width:2.2em; padding:0.2em 2.8em 1.1em; margin-weight: 0.45em; margin-bottom: 1.2em; border: 0; outline: 10; vertical-align: top;}***/




/***********sheme***********/
.cntSheme.otstup {display:flex; flex-wrap:wrap;}
.cntSheme .span_12_of_12 h2 {text-align: center;}
.cntSheme .bLightblue {align-items: stretch;}
.cntSheme .bLightblue, .cntSheme .bBlue {padding: 2.5em; border-radius: var(--border-rad);}
.cntSheme .bBlue {overflow:hidden;}

.cntSheme .bBlue h3,
.FormVipusk h3,
.cntSheme .bBlue h3,
.cntSheme .bLightblue h3 {text-transform: uppercase; color: white; font-size: 1.4em;  padding: 0; margin: 0;}
.cntSheme .bLightblue h3 span {color: var(--color-darkgray); font-size:.5em; text-transform:lowercase;}
.cntSheme .bBlue p {font-size: 1.4em; color: white; font-weight: normal; padding-bottom: 1em;}
.cntSheme .bMagenta {border-radius:3em;}
.cntSheme .raschet {color: white; font-weight:500; font-size: 1.2em; text-transform: uppercase; display:block; margin-top: 1em; padding: 1em 2em 1em 5em; text-decoration: none; position:relative; white-space:nowrap;}

.cntSheme .raschet:before {content:url(../img/ico-calc.svg); display:block; position:absolute; width:2em; height:2em; top:.75em; left:2em;}

.inline.abutton.white { color: white; text-transform: uppercase; border-radius: 2em; border-width: 2px;border-style: solid; border-color: white; border-image: initial; padding: 0.8em 2.4em;
text-decoration: none;}

.descr .inline.abutton.white {background:transparent;}


div.flex {display: flex;}
div.flex div {flex-grow: 1; text-align: center;}
div.flex div > img[src="/../img/day.svg"] {transform: scale(1, 1); transition: all 0.5s ease 0s; width: 38px;}
div.flex div > img[src="/../img/day.svg"]:hover { transform: scale(1.5, 1.5); transition: all 0.5s ease 0s; cursor:pointer;}
div.flex div > img[src="/../img/dayno.svg"] {width:26px; margin-top:7px;}
div.flex p, div.flex span {display: block; font-size: 0.65em; color: var(--color-darkgray); white-space: nowrap; padding: 0; line-height:1; margin:0; font-weight:700;}
.span_9_of_12 div.flex p, .span_9_of_12  div.flex span {font-size: 0.85em;}
div.flex.header {margin: 2em 0;}
div.flex.header h3 {padding-right: 1em;}
div.flex.line {background:url(../img/arrow.svg) top center no-repeat; padding-top:1.8em;}

.cntSheme.otstup {margin-bottom:2em;}


.page-internal div.flex div > img[src="/../img/day.svg"] {width: 32px;}
.page-internal div.flex div > img[src="/../img/dayno.svg"] {width:14px; margin-top:7px;}
.page-internal div.flex p, .page-internal div.flex span {display: block; font-size: 0.55em; color: var(--color-darkgray); white-space: nowrap; padding: 0; line-height:1; margin:0; font-weight:700;}
.page-internal .cntSheme .bLightblue, 
.page-internal .cntSheme .bBlue {padding: 2em;}
.page-internal div.flex.header p {display:block;}
.page-internal div.flex.header {display:block;}
.page-internal .cntSheme .raschet {white-space: pre-wrap; line-height:1; font-size: 1.2em;}
.page-internal .cntSheme .bBlue p {font-size: 1.1em;}
.page-internal .cntSheme .raschet:before {top: 1em; left: 2em;}

/**FAQ**/

.faq p {font-size:1.2em; color:var(--color-gray); line-height:1.2; transition:all ease .5s;}
.faq p a {color:var(--color-gray); text-decoration:none;}
.faq p:hover a {color:var(--color-magenta); text-decoration:none;}
.faq p:active a {color:var(--color-magenta); text-decoration:none;}

.faqlist {display:flex; flex-wrap:wrap;}
.faqlist .span_4_of_12 {padding:0 1em 0 4em; position:relative; transition:all ease .5s; cursor:pointer;}
.faqlist .span_4_of_12:before {transition:all ease .5s; content:"?"; position:absolute; display:block; width:1.5em; height:1.5em; background:var(--color-lightblue); border-radius:2em; left:0; top:.5em; text-align:center; line-height:1.5em; color:white; font-size:2em;}
.faqlist .span_4_of_12:hover:before {transition:all ease .5s; background:var(--color-magenta);}
.faqlist .span_4_of_12:hover a {color:var(--color-magenta);}
.span_4_of_12:hover p {color:var(--color-magenta);transition:all ease .5s;}

.popup.faq {}


.articles * {box-sizing:border-box;}
.articles .span_6_of_12 {position:relative; overflow:hidden; border-radius:var(--border-rad);}
/*.articles .span_6_of_12:nth-child(2n+1) {padding-right:1%;} */

.articles .span_6_of_12 > img {display:block; width:100%;}
.articles .span_6_of_12 div.descr {position:absolute; width:100%; height:100%; top:75%; left:0; transition:all ease .7s; padding:0; margin:0;}
.articles .span_6_of_12:hover div.descr {top:0;}
.articles .span_6_of_12 div.descr h2 {line-height:1.2; color:white; font-size:1.3em; font-weight:500; margin:0; height:25%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.articles .span_6_of_12 div.descr div.text {margin:0; height:55%; font-weight:300;}
.articles .span_6_of_12 div.descr h2 {padding:3vmin 4vmin 3vmin 4vmin;}
.articles .span_6_of_12 div.descr div.text {padding:0 4vmin 3vmin 4vmin;}
.articles .span_6_of_12 div.descr p {font-size:1.2em; font-weight:300; color:white;}
.articles div.descr .inline.abutton.white {position:absolute; bottom:3vmin; left:4vmin;}




/****************modal*****************/

.overlay {background-color: rgba(0,0,0,.4); bottom: 0;  cursor: default;  left: 0; opacity: 0; position: fixed; right: 0;  top: 0; visibility: hidden; z-index: 1001; -webkit-transition: opacity .5s; -moz-transition: opacity .5s;-ms-transition: opacity .5s;    -o-transition: opacity .5s;   transition: opacity .5s;}
.overlay:target {visibility: visible;opacity: 1; margin:0; padding:0;}


.popup {display: inline-block; left: 50%; opacity: 0; padding: 4vmin; position: fixed; text-align: left; top: 40%; visibility: hidden; z-index: 9999; 
-webkit-transform: translate(-50%, -50%);   
   -moz-transform: translate(-50%, -50%); 
    -ms-transform: translate(-50%, -50%); 
     -o-transform: translate(-50%, -50%); 
        transform: translate(-50%, -50%);
 -webkit-transition: opacity .75s, top .75s; 
    -moz-transition: opacity .75s, top .75s; 
     -ms-transition: opacity .75s, top .75s; 
      -o-transition: opacity .75s, top .75s; 
         transition: opacity .75s, top .75s;
            overflow-x:auto;overflow-y:auto;
}

.overlay:target+.popup {top: 50%; opacity: 1; visibility: visible; max-height:85vh; overflow-x:auto; background:white;}
.popup.faq {top:50%; border-radius:var(--border-rad);}
.overlay:target+.popup.faq {}
.popup h3 {line-height:1.2; font-size:1.4em;}

.awarning {box-sizing:border-box; display:block; right: 0; top:10%; position:fixed; height:200px; background:#999; }
.awarning img {height:200px; width:auto;}

.warning {display: block; position: fixed; box-sizing:border-box; right: 0; top: 10%; z-index: 9998; opacity: 0; visibility: hidden; width:0%; transition: all ease .75s; background:white; max-height:85vh; padding:1.5em 3em; box-shadow:0 0 3em rgba(0,0,0,0.2); border-radius:var(--border-rad) 0 0 var(--border-rad); min-height:160px; height:200px;}
.warning .close {width:1.5em; height:1.5em; overflow:hidden; position:absolute; top:-1.6em; left:-1.6em; background:url(../img/close-black.svg) center center no-repeat; z-index: 9999; }
.warning .leftclose {}
.warning p {font-size:1.2em;}

.overwarning:target+.warning {opacity: .85; visibility: visible; width:600px; max-width:600px;}
.overwarning {background-color: rgba(255,255,255,0); bottom: 0;  cursor: default;  left: 0; opacity: 0; position: fixed; right: 0;  top: 0; visibility: hidden; z-index: 1001; -webkit-transition: opacity .5s; -moz-transition: opacity .5s;-ms-transition: opacity .5s;    -o-transition: opacity .5s;   transition: opacity .5s;}
.overwarning:target {visibility: visible; opacity: 1; margin:0; padding:0;}

/*Checkboxes styles*/
.popup p {font-size:1.2em; text-align:left;}
.popup div {font-size:1.2em; text-align:left;}
.popup .close {height: 30px; width: 30px;line-height: 30px;position: absolute; text-align: center; text-decoration: none; top: 1em; right: 1em;}
.popup.bwhite .close {right: 1em;}
.popup .close:before {content:url(../img/close.svg);}
.popup.bwhite {background: #fff;}
.popup.bwhite p {font-size: 0.95em}

/***** footer *****/
.footer * {color:white;}
.footer .span_6_of_12,
.footer .span_3_of_12 {padding:3em 10px; font-size:.8em;}
.footer .span_6_of_12 *,
.footer .span_3_of_12 * {color:rgba(255,255,255,.8);}

.footer.bDarkmagenta div {text-align:center;font-size:.8em;}

.bx-wrapper {position: relative; padding: 0; *zoom: 1;  -ms-touch-action: pan-y; touch-action: pan-y;}
.bx-wrapper img { max-width: 100%; display: block;}
.bxslider { margin: 0; padding: 0;}
ul.bxslider { list-style: none;}
.bx-viewport {-webkit-transform: translatez(0); padding-bottom:2em; box-sizing:border-box;}

ul.bxslider3 li a {display:block; z-index:100; position:relative;}
ul.bxslider3 li a:hover {}
ul.bxslider3 .bx-controls {display:none;}

/** THEME ===================================*/
.sliderarrow .bx-wrapper {padding:0 3em;}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%;}
.bx-wrapper .bx-pager {}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline;}
.bx-wrapper .bx-pager-item { font-size: 0; line-height: 0;}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left: -1.5em; background: url('../img/arrow-left.svg') no-repeat; border:2px solid #ccc; transition:all ease 1s;}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {border:2px solid var(--color-magenta);}
.bx-wrapper .bx-next {right: -1.5em; background: url('../img/arrow-right.svg') no-repeat; border:2px solid #ccc;  transition:all ease 1s;}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {border:2px solid var(--color-magenta);}

.bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: -1.5em; outline: 0; width: 3em; height: 3em;  text-indent: -9999px; z-index: 99; border-radius:50%;}
.bx-wrapper .bx-controls-direction a.disabled { display: none;}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {  right: 0;  width: 35px;}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {  position: absolute;  bottom: 0;  left: 0;  background: #666;  background: rgba(80, 80, 80, 0.75);  width: 100%;}
.bx-wrapper .bx-caption span {  color: #fff;  font-family: Arial;  display: block;  font-size: .85em;  padding: 10px;}

.bxslider3 {box-sizing:border-box; padding:1em 0;}
.bxslider3 li  {box-sizing:border-box; text-align:center; padding:.6em; }
.bxslider3 li > div {
-webkit-box-shadow: 7px 7px .5em 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    7px 7px .5em 0px rgba(50, 50, 50, 0.2);
box-shadow:         7px 7px .5em 0px rgba(50, 50, 50, 0.2);
}

.bxslider2 {box-sizing:border-box; padding:1em 0;}
.bxslider2 li  {box-sizing:border-box; text-align:center; padding:1em;}


.cntSliderI {position:relative;}
.lineheader {text-align:center; color:white; position:absolute; bottom:0; width:100%; left:0;}
.lineheader h1 {text-align:center; color:white; padding:.3em;}

.sliderarrow .bxslider3 li {text-align:center;}
.sliderarrow .bxslider3 li div {background:white; border-radius:var(--border-rad); padding:.6em 1.2em;}
.sliderarrow .bxslider3 li div img {display:block; margin:0 auto; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:.75; transition:all ease 1s;}
.sliderarrow .bxslider3 li div:hover img {filter: grayscale(0); opacity:1; transition:all ease 1s;}

.sliderarrow .bxslider2 li {text-align:center;}
.sliderarrow .bxslider2 li div {background:white; padding:0; width:100%; overflow:hidden; border-radius:var(--border-rad);}
.sliderarrow .bxslider2 li div img {display:block; width:100%;}
.bx-wrapper .bxslider2 img  {width:100%; max-width:auto; }
.bx-wrapper .bxslider2 li img  {opacity:.8; transition:opacity ease .5s;  border-radius:var(--border-rad);}
.bx-wrapper .bxslider2 li:hover img  {opacity:1;  transition:opacity ease 1s;  border-radius:var(--border-rad);}
.bx-wrapper .bxslider2 li {transform: scale(1, 1); transition:all ease 1s;}
.bx-wrapper .bxslider2 li:hover {transform: scale(1.1, 1.1); transition:all ease 1s;}

.gbook_website { position: absolute; left: -600em; }

.phone {white-space:nowrap;}



/*****gb*******/

.cms-guestbook-div-insert {padding: 2em; border:none; margin: 1em 0;  overflow: hidden; position:relative;}
.cms-guestbook-div-insert .arrow-open {position:absolute; top:.6em;right:0; width:3em; height:3em; border:2px solid #ED1066; border-radius:3em; transform: rotate(180deg); cursor:pointer; transition:all ease .5s;}
.cms-guestbook-div-insert .arrow-open:hover {border:2px solid var(--color-magenta); border-radius:3em; transform: rotate(-180deg); cursor:pointer; transition:all ease .5s;}
.cms-guestbook-div-insert.openPlanka .arrow-open {transform: rotate(0);}
.cms-guestbook-div-insert .gbook_field,
.cms-guestbook-div-insert .line {display:flex; margin-bottom:.4em; flex-grow:1; align-items: center;align-content: space-between;}

.cms-guestbook-div-insert .err textarea {border:2px solid red; color:red;}
.cms-guestbook-div-insert .err input[type="text"] {border:2px solid red; color:red;}
.cms-guestbook-div-insert .err label {color:red;}
.cms-guestbook-div-insert form > div:nth-child(7) {flex-direction: row-reverse; padding:.6em 0;}
.cms-guestbook-div-insert form > div:nth-child(7) input {margin-right:1em;}
.cms-guestbook-div-insert form > div:nth-child(7) label {width:100%; flex-grow:1;}
.cms-guestbook-div-insert textarea,
.cms-guestbook-div-insert input[type="text"], 
.cms-guestbook-div-insert select
{border-radius: var(--border-rad); border: 2px solid var(--color-lightgray); float: left; padding: .6em .6em; font-family: Montserrat, sans-serif, arial; font-size:1.2em; width:99%;}
.cms-guestbook-div-insert label {width:30%;}
.cms-guestbook-div-insert form > div:nth-child(8) {display:block; margin-bottom:1em;}
.cms-guestbook-div-insert form > div:nth-child(8) a {color:var(--color-darkgray);}
.cms-guestbook-div-insert form .cms_submit {border: 2px solid var(--color-magenta);color: var(--color-magenta); font-weight: 700;
    transition: all ease .5s; position: relative; display: inline-block; text-transform: uppercase; border-radius: 2em; padding: 0.8em 2.4em;
    text-decoration: none;  background: transparent; font-family: Montserrat, sans-serif, arial; font-size:1em; float:right; margin-top:1em; cursor:pointer;}

.line input:invalid {color:red;}


.cms-guestbook-div-insert form  .line.check  label {width:80%;}

.gbItem{padding:20px;border-bottom:2px solid var(--color-lightgray); margin:5px 0;}
.gbItem .gbName{text-align:left;font-weight:bold;}
.gbItem .gbCity{text-align:left;font-weight:bold;font-size:90%;}
.gbItem .gbName:first-letter{text-transform:uppercase;}
.gbItem .itemQ{font-weight:bold;}
.gbItem .gbData {position:relative;}

#accordion ul {margin:0;padding:0;}
#accordion .accordion > li:first-child{}
#accordion .accordion li {cursor:pointer;list-style-image:none;list-style-position:outside;list-style-type:none;list-style:none;}
#accordion .accordion li.active {}
#accordion .accordion li ul {list-style:none; padding-left:45px;}
#accordion .accordion li.active li {}
#accordion .accordion li li {border:0;}

.gbItem .gbook_entry_message  ul {border-left:2px solid var(--color-lightblue)}

.gbItem .gbData {position:relative;}
.gbItem .gbData::after {position: absolute; top: 0; right: 0;
    content: "СМОТРЕТЬ ОТВЕТ"; display: block; width: auto; color: white; background: var(--color-lightblue);
    padding: 0.8em 2.4em;
    border-radius: var(--border-rad);
}

/****gb****/
div.quot {font-size:1.1em; color:var(--color-gray); border:none; border-top:2px solid var(--color-lightblue); border-bottom:2px solid var(--color-lightblue);
display:flex;flex-wrap: nowrap;align-items: center;align-content: stretch; margin:1.5em 0; font-weight:500; padding:1em 0; margin:1em 0; text-align:center;}


/* form lek */
.cntSliderForm {text-align:center;}
.cntSliderForm img {width:80%; margin:4rem auto 0 auto; max-height:400px;}
.cntSliderForm2 .bLightblue {background:white;}
.cntSliderForm2 .bLightblue .span_4_of_12 {background:var(--color-lightblue); padding:var(--border-rad);}
.cntSliderForm2 .bLightblue .span_4_of_12:nth-child(1) {border-radius:var(--border-rad) 0 0 var(--border-rad);}
.cntSliderForm2 .bLightblue .span_4_of_12:nth-child(3) {border-radius:0 var(--border-rad) var(--border-rad) 0;}
.cntSliderForm2 .bLightblue {border-radius:var(--border-rad);}
.cntSliderForm2 .bLightblue .span_4_of_12 {display:flex; text-decoration:none;}
.cntSliderForm2 .bLightblue .span_4_of_12 a {text-decoration:none; color:white; transition:all ease .7s;}
.cntSliderForm2 .bLightblue .span_4_of_12:hover a {color:var(--color-magenta);  transition:all ease .7s;}
.cntSliderForm2 .bLightblue .span_4_of_12 p:nth-child(1) {margin:0; padding:0 1em 0 0 ; width:40%; }
.cntSliderForm2 .bLightblue .span_4_of_12 p:nth-child(1) b {font-size:4em; display:block; margin:0;padding:0; position:relative; line-height:1; text-align:center;}
.cntSliderForm2 .bLightblue .span_4_of_12 p:nth-child(1) span {font-size:.9em; display:block; margin:0;padding:0; position:relative; top:0; text-align:center;}
.cntSliderForm2 .bLightblue .span_4_of_12 p:nth-child(2) {font-size:1.4em; margin:0;padding:0; width:60%; display: flex; line-height:1.2; flex-direction: column; justify-content: center;}

.FormVipusk .span_6_of_12 img {width:100%;}
.FormVipusk .span_6_of_12 {padding:3em;}
.FormVipusk .span_6_of_12 {position:relative;}
.FormVipusk .span_6_of_12 h3 {position:absolute; top:3em; left:3em;}
.FormVipusk .abutton {position:absolute; bottom:3em; left:3em; color:white; display:block;}

.border-circle {border-radius:var(--border-rad);}

.img100 {width:100%}
.img50  {width:50%}
.aLeft {float:left; margin:1em;}
.aRight {float:right; margin:1em;}


.textcenter {text-align:center; padding:2em 0;}
.textright {text-align:right; padding:2em 0;}

.span_9_of_12 a[id*="head"] {display:block; height:0;}
.span_9_of_12 a[id*="head"] + h2 {padding-right:3em;}
.span_9_of_12 a.toplink {display:block; color:white; width:3em; height:3em; box-sizing:border-box; border:2px solid #ccc; border-radius:3em; position:relative; float:right; 
background:url(../img/arrow-top.svg) center center no-repeat; transition:all ease .7s;}
.span_9_of_12 a.toplink:hover {transition:all ease .7s; border:2px solid var(--color-magenta); background:url(../img/arrow-top-magenta.svg) center center no-repeat;}

.textcenter {padding: .5em 0;}
.textcenter a[href="#top"] {border:none;}

.abutton.faq  {border:none;}

@media only screen and (max-width: 1900px) and (max-height: 1080px) {
.cntSliderIndex2 .woman {left:calc(25% - 50vh); }
.cntSliderIndex2 .woman-bottom {left:calc(30% - 50vh); }
.cntSliderIndex2 .pachka2 {left:42%;} 
}

@media only screen and (max-width: 1540px) {
.cntSliderIndex2 {background: #efebe5 url(../img/back-oboi.jpg) center top no-repeat; background-size: cover;}
}


@media only screen and (max-height: 960px) {
.cntSliderIndex2 .woman {left:-10%;}
.cntSliderIndex2 .woman-bottom {left:calc(30% - 50vh); }
.cntSliderIndex2 .pachka2 {left:40%;} 
}



@media only screen and (max-width: 1340px) {

.section {padding: 0px 4vmin;}
.overlay:target+.popup {width:80%; box-sizing:border-box; height:100vh;}
.overlay:target+.popup.calc {max-width:360px; max-height:auto;  box-sizing:border-box; padding:0;margin:0;}

.overlay:target+.popup.faq {height: auto;}
.cntSlider.w100 {margin-top:52px;}
.page-internal .section {padding: 0;}

div.flex div > img[src="/../img/day.svg"] {width: 33px;}
div.flex div > img[src="/../img/day.svg"]:hover {}
div.flex div > img[src="/../img/dayno.svg"] {width:21px;}

}


}

@media only screen and (max-width: 1240px) {

.cntBenefit .span_12_of_12 h2 {margin-bottom:0;}

/*
.cntBenefit .span_6_of_12 p {font-size: 1.7vmin;}
.cntBenefit .span_6_of_12 > div.ico { width: 8vmin; max-width: 8vmin;}
.cntBenefit .span_6_of_12 > div img { width: 8vmin; height: 8vmin;}
.cntBenefit .span_6_of_12:nth-child(2n+1) .ico {padding-left: 1.5vmin;}
.cntBenefit .span_6_of_12:nth-child(2n) .ico {padding-right: 1.5vmin;}
.cntBenefit .pachka {background: url(/../img/pachka.png) center center no-repeat; background-size:60%;}
*/


.cntSheme .bLightblue, .cntSheme .bBlue {padding: 4vmin;}
.section.menumob ul li:nth-child(1) img {display:block; width:75%;}
.FormVipusk .span_6_of_12 { padding: 4vmin;}
.FormVipusk .span_6_of_12 h3 {top: 4vmin; left: 4vmin;}
.FormVipusk .abutton {bottom: 4vmin; left: 4vmin;}

}

@media only screen and (max-width: 1120px) {

.cntSlider.w100 {background-size: cover;} 
.cntSliderIndex {margin-top:2.4em; background: #f7f7f7 url(../img/SliderIndexAll.jpg) 65% center no-repeat; background-size: cover; }
.cntSliderIndex > .section img {height: 45vh; max-height: 420px; display: block; position: absolute; top: 0; left: -7%;}
.cntBenefit .pachka {background: url(../img/pachka.png) center center no-repeat; background-size:50%;}

.page-internal div.flex div > img[src="/../img/day.svg"] {width: 26px;}
.page-internal div.flex div > img[src="/../img/dayno.svg"] {width: 12px;margin-top: 7px;}
.page-internal div.flex p, .page-internal div.flex span {font-size: 0.50em;}
}

@media only screen and (max-width: 1024px) {

.cntSliderIndex > .section img {height: 45vh; max-height: 420px; display: block; position: absolute; top: 0; left: -7%;}
.cntSliderIndex > .section {height: 50vh; max-height: 550px; position: relative;}
.overlay:target+.popup {width:100%; box-sizing:border-box; height:100vh;}

/***********
.articles .span_6_of_12 div.descr h2 {font-size:2.2vmin;}
.articles .span_6_of_12 div.descr div.text p {font-size:1.9vmin;}
div.flex div > img {min-width: 2vmin;  width: 100%;  max-width: 3vmin;}
div.flex p, div.flex span {font-size:1vmin;}
.cntSheme .bBlue h3, .cntSheme .bLightblue h3 {font-size: 3.5vmin;}
.cntSheme .bBlue p {font-size: 3.2vmin;}
***************/

.flex.header {flex-wrap:wrap;}
.flex.header h3 {width:100%}
.flex.header p {width:100%}

.footer .span_6_of_12,
.footer .span_3_of_12 {padding:2em; font-size:.7em;}

div.flex div > img[src="/../img/day.svg"] {width: 30px;}
div.flex div > img[src="/../img/day.svg"]:hover {}
div.flex div > img[src="/../img/dayno.svg"] {width:17px;}
.cntSheme .raschet {color: white; font-size: 1.2em; font-weight:bold;}
}


@media only screen and (max-width: 960px) {
.page-internal > .section > .span_6_of_12 {width:100%; margin: 1% 0;}
.page-internal div.flex div > img[src="/../img/day.svg"] {width: 40px;}
.page-internal div.flex div > img[src="/../img/dayno.svg"] {width: 26px;margin-top: 7px;}
}

@media only screen and (max-width: 768px) {
:root {
    --minheight-slider:600px;
}
@media only screen and (max-width: 680px) {
:root {
    --height-benefit:120px;
}

.col {margin: 1% 0 1% 0%;}
.otstup .col {display: block;float:left;margin: 1% 0 1% 0%;}
.span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {width: 100%;}
.otstup .span_1_of_12, .otstup .span_2_of_12, .otstup .span_3_of_12, .otstup .span_4_of_12, .otstup .span_5_of_12, .otstup .span_6_of_12, .otstup .span_7_of_12, .otstup .span_8_of_12, .otstup .span_9_of_12, .otstup .span_10_of_12, .otstup .span_11_of_12, .otstup .span_12_of_12 {width: 100%;}

.section.menumob {background:var(--color-white);}
.section.menumob span.icomenu {display:none;}
.section.menumob:nth-child(1) {border-bottom:1px solid rgba(255,255,255,.2)}
.section.menumob ul {display:flex; margin:0; background:var(--color-magenta);}
.section.menumob ul li {display:block;}
.section.menumob ul li a {color:white;}
.section.menumob ul li a.currentpage {}
.section.menumob ul li a:hover {border:1px solid rgba(255,255,255,.6); transition:all ease .7s;}

.section.menumob ul li:nth-child(1) {display: none;}
.section.menumob ul li:nth-child(2) {display: block;}
.section.menumob ul li.sub-li{ display: block!important;}

.bWhite .section.menumob ul li a {color: var(--color-white);}
.bWhite .section.menumob ul li.menuactive a, .bWhite .section.menumob ul li a:hover {color: var(--color-white);}

/*****mob menu ввести уникальный класс для верх меню, пример .menumob *****/

.section.menumob * {box-sizing:border-box; -moz-box-sizing:border-box;}
.section.menumob {overflow:hidden;}
.section.menumob:hover {height:auto;}
.section.menumob ul {position:relative; margin-top:13vmin; height:auto;overflow:hidden; transition:max-height ease .5s; display:block;}
.section.menumob {position:fixed; z-index:999; top:0; left:0; overflow:hidden; width:100%; min-height:14vmin; padding:0; margin:0;}
.section.menumob span.icomenu {display:block; cursor:pointer; position:absolute; top:3vmin; right:2vmin; width:100%; color:white; z-index:1001;}
.section.menumob span.icomenu:before {content:url(../img/menu.svg); display:block; position:absolute; top:0; right:0; width:auto; min-width:70vw;}
.section.menumob li {display:block; overflow:hidden; border-bottom:0.5vmin solid rgba(255,255,255,.3);box-sizing:border-box; -moz-box-sizing:border-box; width:100%; }
.section.menumob li a {display:block; height:14vmin; border:none; line-height:14vmin; text-decoration:none; text-align:left; text-transform:uppercase; width:100%; padding:0 3vmin; font-size:5vmin; text-align:left;}
.openmenu {max-height:90vh;}
.closemenu {max-height:0vh;}

.articles .span_6_of_12 div.descr h2 {font-size: 4.5vmin; padding: 6vmin;}
.articles .span_6_of_12 div.descr div.text {font-size: 4vmin;  padding: 0 6vmin 6vmin 6vmin;}
.articles .span_6_of_12 div.descr div.text p {font-size: 4vmin;}
.articles div.descr .inline.abutton.white {bottom: 6vmin; left: 6vmin;}

.bx-wrapper .bx-next {right: 0;}
.bx-wrapper .bx-prev {left: 0;}

.awarning {display:none;}

.headerI .span_12_of_12 > h2 {width:100%;}

.cntSliderIndexMob {background: #f7f7f7 url(../img/SliderIndexAllMob.jpg) center top no-repeat; background-size: cover; display:block; height:100vh; text-align:center;}
.cntSliderIndexMob h3 {padding:0 1em 1em 1em; font-size:1.3em; line-height:1.1; color:white; font-weight:700;}
.cntSliderForm2 .bLightblue .span_4_of_12:nth-child(n) {border-radius: var(--border-rad);}


.w100.cntSliderI {height:60vh; margin-top:8vh;}

.cms-guestbook-div-insert {padding: 2em 1em;}
.cms-guestbook-div-insert  label {font-size:1.2em; margin-top:.3em; margin-bottom:.3em;}
.cms-guestbook-div-insert .line {flex-wrap:wrap;}
.cms-guestbook-div-insert .line label {width:100%;}
.cms-guestbook-div-insert .line select {width:100%; border-radius:.6em;}
.cms-guestbook-div-insert .line input {width:100%; border-radius:.6em;}
.cms-guestbook-div-insert .gbook_field {flex-wrap:wrap;}
.cms-guestbook-div-insert .gbook_field label {width:100%;}
.cms-guestbook-div-insert .gbook_field textarea {width:100%;  border-radius:.6em;}
.cms-guestbook-div-insert .line input[type="checkbox"] {width:2em; height:2em;}

.gbItem .gbData::after {content: "ОТВЕТ";}

.overlay:target+.popup.faq {height: 100vh;}

div.flex.linepriem {align-items:center;}
div.flex div > img {min-width: 18px;width: 100%; max-width: 36px; }
.cntSheme .raschet {font-size: 1.15em;}

.section.group.headerI {margin-top:12vmin;}

h2 {font-size: 6vmin;}

.FormVipusk .span_6_of_12 h3 {top: 8vmin;  left: 8vmin;}
.FormVipusk .abutton {bottom: 8vmin;  left: 8vmin;}
.FormVipusk .span_6_of_12,
.cntSheme .bLightblue, .cntSheme .bBlue {padding: 8vmin;}

.cntSheme .bBlue p {font-size: 1.1em;}
.page-internal div.flex div > img[src="/../img/day.svg"] {width: 24px;}
.page-internal div.flex div > img[src="/../img/dayno.svg"] {width: 14px;margin-top: 0;}

div.flex div > img[src="/../img/day.svg"] {width: 24px;}
div.flex div > img[src="/../img/dayno.svg"] {width: 14px; margin-top: 0;}
div.flex p, div.flex span {font-size: 0.5em;}

.cntSheme .raschet {color: white; font-size: 1.2em; padding:1em; text-decoration: none; position:relative; white-space:nowrap; text-align:center;}
.cntSheme .raschet:before {content:""; display:block; position:absolute; width:0; height:0; top:0; left:0;}

.cntContent .span_9_of_12, .cntFormv .span_9_of_12 {padding-right: 0;}
.colcheck li::before {width: 1.5em; height: 1.5em; top: 30%; top: calc(50% - .75em);}
.colcheck li {padding-left: 2.2em;}
.colcheck2 li::before {width: 1.5em; height: 1.5em; top: 30%; top: calc(50% - .75em);}
.colcheck2 li {padding-left: 2.2em;}


.cntContent .span_9_of_12 > h1, .cntFormv .span_9_of_12 > h1 {font-size: 5.5vmin;}
.cntContent .span_9_of_12 > h2, .cntFormv .span_9_of_12 > h2 {font-size: 5vmin;}
.headerI h2 {font-size: 5.5vmin;}

.overwarning:target+.warning {visibility: none; display:none;}

.cms-guestbook-div-insert::before {font-size: 1.4em; line-height:1.2}
.cms-guestbook-div-insert.openPlanka {height:auto;max-height: 200vh;}
#accordion .accordion li ul {list-style: none;  padding-left: 25px;}
.openPlanka {}

.cntBenefit .span_6_of_12 {}
.cntBenefit .span_6_of_12:nth-child(2n+1), 
.cntBenefit .span_6_of_12:nth-child(2n) {flex-direction: row-reverse; text-align: left; margin-left: 0; margin-right: 0;}
.cntBenefit .span_6_of_12 > div {flex-grow: 0; width:100%;}
.cntBenefit .span_6_of_12 {width:100%; flex-wrap:wrap;}
/*.cntBenefit .span_6_of_12 > div {border:1px solid red;} */
.cntBenefit .span_6_of_12 > div {display:none;}
.cntBenefit .span_6_of_12 > div.descr,
.cntBenefit .span_6_of_12 > div.ico {display:block;}
.cntBenefit .span_6_of_12 > div.descr {max-width:65%;}
.cntBenefit .span_6_of_12 > div.descr div.name {}
.cntBenefit .span_6_of_12:nth-child(2n+1) .ico {margin-left: 0;}
.cntBenefit .span_6_of_12:nth-child(n) .ico {margin-right: 4%;}
.cntBenefit .pachka {background: transparent; background-size: 50%;}

.linkspage {display:block; padding: 4vmin;}
.linkspage > div {width: 100%;}
.linkspage > div a {padding: 4vmin 1vmin;}
.linkspage > div + div {border-top: 1px solid var(--color-magenta);}

.cntContent .span_9_of_12 .quote { font-size: 4vmin; display: block; flex-wrap: nowrap; font-weight: 700; text-align:center;}
.cntContent .span_9_of_12 .quote img {margin:0 auto; display:block; width:33%;}
.col2icons > li, .col2check > li {width: 100%;}
p {font-size:4vmin;}
}



@media only screen and (max-width: 480px) {
div.flex div > img[src="/../img/day.svg"] {width: 20px;}
div.flex div > img[src="/../img/dayno.svg"] {width: 12px; margin-top: 0;  min-width: 12px;}
div.flex p, div.flex span {font-size: 0.5em;}
div.flex div {line-height:1;}
.cntSheme .raschet {color: white; font-size: 1.1em;}
.cms-guestbook-div-insert.openPlanka {height:auto; max-height:500vh;}

.cms-guestbook-div-insert form > div:nth-child(8),
.line #join_pop2,
.line.check label,
.accordion li,
.note,
.line label,
.line b,
.line a {font-size:4vmin; line-height:1.2;}

form#md75c0moduleform_1 {margin-top:10vmin;} 

.cms-guestbook-div-insert textarea, .cms-guestbook-div-insert input[type="text"], .cms-guestbook-div-insert select {padding:.3em; border:none; border-bottom:2px solid #ccc; border-radius:0 !important;}
.cms-guestbook-div-insert .gbook_field textarea {width: 100%;  border-radius: 0; border:2px solid #ccc;}
.cms-guestbook-div-insert .line select {  border-radius: 0;}
}