*,:after,:before {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,summary,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline
}
sup {
vertical-align: top
}
li,ul {
list-style-type: none;
margin: 0;
padding: 0
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: 400
}
:focus {
outline: 0
}
audio,img,video {
max-width: 100%;
height: auto
}
audio,canvas,iframe,img,svg,video {
vertical-align: middle
}
iframe {
border: 0
}
textarea {
resize: none;
overflow: auto;
vertical-align: top;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none
}
button,input,select,textarea {
outline: none;
border: none;
font-size: 100%;
margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0
}
select {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/arrow-down.png);
background-position: 100% 50%;
background-repeat: no-repeat
}
.select-css::-ms-expand {
display: none
}
button,input {
line-height: normal
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,th {
padding: 0;
text-align: left
}
@font-face {
font-display: swap;
font-family: slick;
src: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/fonts/slick/slick.eot);
src: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/fonts/slick/slick.woff) format("woff"),url(//cytovir-deti.ru/wp-content/themes/citovir/assets/fonts/slick/slick.ttf) format("truetype"),url(//cytovir-deti.ru/wp-content/themes/citovir/assets/fonts/slick/slick.svg) format("svg")
}
html {
font-family: Alegreya Sans,sans-serif;
background-color: #fff;
font-size: 18px;
font-weight: 400;
line-height: 1.2;
font-display: swap;
}
a,html {
color: #585858
}
a {
text-decoration: none
}
a:active,a:hover {
outline: 0;
color: #585858
}
.oversize {
width: 104%;
margin-left: -2%
}
footer.footer.oversize {
margin-left: -4%;
}
.oversize .container {
padding: 0 20px
}
.wrapper {
min-height: 100vh;
padding-top: 60px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.wrapper,.wrapper.wrapper__page {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.wrapper.wrapper__page {
background-color: #fff;
padding-top: 140px
}
.wrapper.no-scroll {
height: 100vh
}
.container {
padding: 0 10px;
width: 100%;
max-width: 1200px;
margin: 0 auto
}
main.main .container {
max-width: 1440px;
padding: 0 20px;
box-sizing: border-box;
}
.content {
background-color: #fff
}
main.main p {
color: #585858
}
h1.title {
font-size: 24px
}
h1.title,h2.title {
color: #201e21;
font-weight: 800
}
h2.title {
font-size: 30px;
margin-bottom: 30px
}
.button {
padding: 14px 34px;
font-size: 9px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 10px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
background-color: #fff;
cursor: pointer;
color: #bb9775
}
.button:hover {
color: #fff;
background-color: #bb9775
}
.visible__md,.visible__sm {
display: none
}
.quote {
text-align: center;
}
.how + .quote,
.buy + .quote {
z-index: 4 !important;
}
.buy + .quote {
margin-top: -80px;
height: 370px;
}
.how + .quote {
margin-top: -140px;
height: 300px;
}
.quote,.quote .cloud {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.quote .cloud {
background-color: #32cfbc;
border-radius: 50%;
width: 180px;
height: 180px;
padding: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
.quote .cloud p {
font-size: 16px;
color: #fff;
font-weight: 700;
margin-bottom: 10px
}
.quote .cloud a.btn {
background-color: #fff;
color: #283c80;
border-radius: 25px;
-ms-flex-item-align: center;
align-self: center;
padding: 10px 40px;
font-weight: 700;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.quote .cloud a.btn:hover {
background-color: #283c80;
color: #fff
}
.quote.orange .cloud {
background-color: #f4a912
}
.quote.orange .cloud a.btn:hover {
background-color: #ff0039
}
.scrolltop {
display: none;
width: 100%;
margin: 0 auto;
position: fixed;
bottom: 30px;
right: 10px;
z-index: 2
}
.scrollIcon {
position: absolute;
right: 20px;
bottom: 30px;
background-color: rgba(99,111,218,.6);
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/up-arrow.svg);
background-size: 50%;
background-repeat: no-repeat;
background-position: 50% 40%;
width: 60px;
height: 60px;
border-radius: 50%;
text-align: center;
margin: 0;
cursor: pointer
}
.scrollIcon,.scrollIcon:hover {
transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s
}
.scrollIcon:hover {
background-color: #636fda
}
.feedback {
position: relative;
z-index: 2;
background-color: #fff
}
.feedback .container {
max-width: 1070px
}
.feedback .picture {
overflow: hidden; background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/feedback/feedback-bg2.jpg);
background-position: 50% 99%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
height: 270px
}
.feedback .content {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/recommend-pattern.png);
background-color: #f5f5f5;
background-position: 0 0;
background-size: contain;
padding: 50px 0 0;
position: relative;
z-index: 1;
border-top-left-radius: 100% 30px;
border-top-right-radius: 100% 30px;
margin-top: -14px
}
.feedback .content .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.feedback .content .container h1.title {
font-size: 30px;
text-align: center;
color: #283c80;
margin-bottom: 40px
}
.feedback .content .container>* {
max-width: 700px;
width: 100%
}
.feedback .content .container ul.list {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative
}
.feedback .content .container ul.list,.feedback .content .container ul.list li.item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.feedback .content .container ul.list li.item {
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.15);
box-shadow: 3px 3px 3px rgba(0,0,0,.15);
border-radius: 8px;
background-color: #fff;
padding: 10px;
margin-bottom: 40px;
width: 100%
}
.feedback .content .container ul.list li.item .picture {
height: auto;
background-image: none
}
.feedback .content .container ul.list li.item .header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 30px
}
.feedback .content .container ul.list li.item .header .part.person {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.feedback .content .container ul.list li.item .header .part.person .picture {
border-radius: 50%;
width: 42px;
height: 42px;
overflow: hidden;
margin-right: 13px
}
.feedback .content .container ul.list li.item .header .part.person .picture img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%
}
.feedback .content .container ul.list li.item .header .part.person .about {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-weight: 500
}
.feedback .content .container ul.list li.item .header .part.person .about span.nickname {
font-size: 18px
}
.feedback .content .container ul.list li.item .header .part.person .about span.date {
font-size: 13px
}
.feedback .content .container ul.list li.item .body h2.title {
color: #283c80;
font-size: 20px;
margin-bottom: 15px;
font-weight: 700
}
.feedback .content .container ul.list li.item .body p.text {
font-size: 18px;
margin-bottom: 25px
}
.feedback .content .container ul.list li.item .body a.link {
color: #283c80;
font-size: 13px
}
.feedback .content .container ul.list li.item.hidden {
display: none
}
.feedback .content .container .open {
text-align: center;
margin-bottom: 50px
}
.feedback .content .container .open a {
color: #535353;
border-bottom: 1px solid #535353;
display: inline-block;
cursor: pointer;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
font-weight: 700
}
.feedback .content .container .open a:hover {
border-bottom: 1px solid rgba(0,0,0,0)
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form {
background: -o-linear-gradient(113.3deg,rgba(0,98,217,.4) -2.77%,rgba(0,98,217,0) 100%),#fff;
background: linear-gradient(336.7deg,rgba(0,98,217,.4) -2.77%,rgba(0,98,217,0)),#fff;
-webkit-box-shadow: 5px 5px 15px rgba(0,0,0,.1);
box-shadow: 5px 5px 15px rgba(0,0,0,.1);
border-radius: 7px;
margin-bottom: 90px
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form h2.title {
font-size: 24px;
color: #283c80;
margin-bottom: 40px
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form h2.title:before {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/feedback/icon-form-title.svg)
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form .fields {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form .fields .form__field span input {
padding: 0 0 5px;
font-size: 15px;
font-weight: 400;
width: 100%;
line-height: 1;
color: #535353;
background-color: rgba(0,0,0,0);
border-bottom: .5px solid #535353;
cursor: pointer;
font-family: Alegreya Sans,sans-serif
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form .fields.fields-anr_nocaptcha {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form .fields .form__field span input:focus~span.bar:after,.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form .fields .form__field span input:focus~span.bar:before {
width: 50%
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form .fields .form__field span input::-webkit-input-placeholder {
color: rgba(83,83,83,.6)
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form .fields .form__field span input::-moz-placeholder {
color: rgba(83,83,83,.6)
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form .fields .form__field span input:-ms-input-placeholder {
color: rgba(83,83,83,.6)
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form .fields .form__field span input::-ms-input-placeholder {
color: rgba(83,83,83,.6)
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form .fields .form__field span input::placeholder {
color: rgba(83,83,83,.6)
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form .fields .form__field span span.bar {
position: relative;
display: block;
width: 100%
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form .fields .form__field span span.bar:after,.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form .fields .form__field span span.bar:before {
content: "";
height: 1px;
width: 0;
bottom: 1px;
position: absolute;
background: #535353;
-webkit-transition: all .2s ease;
-o-transition: .2s ease all;
-o-transition: all .2s ease;
transition: all .2s ease
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form .fields .form__field span span.bar:after {
right: 50%
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form .fields .form__field span span.bar:before {
left: 50%
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form .fields .form__field span textarea {
width: 100%;
border-radius: 8px;
font-size: 15px;
padding: 10px;
min-height: 158px;
font-family: Alegreya Sans,sans-serif
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form .fields .form__field span textarea::-webkit-input-placeholder {
color: rgba(83,83,83,.6);
font-family: Alegreya Sans,sans-serif
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form .fields .form__field span textarea::-moz-placeholder {
color: rgba(83,83,83,.6);
font-family: Alegreya Sans,sans-serif
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form .fields .form__field span textarea:-ms-input-placeholder {
color: rgba(83,83,83,.6);
font-family: Alegreya Sans,sans-serif
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form .fields .form__field span textarea::-ms-input-placeholder {
color: rgba(83,83,83,.6);
font-family: Alegreya Sans,sans-serif
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form .fields .form__field span textarea::placeholder {
color: rgba(83,83,83,.6);
font-family: Alegreya Sans,sans-serif
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form .fields .form__field:last-of-type {
margin-bottom: 25px
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form .fields .form__field:last-of-type input {
border-radius: 0;
font-family: Alegreya Sans,sans-serif;
font-weight: 400
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form p {
text-align: center;
margin-bottom: -48px
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form p img.wpcf7-captchac {
margin-right: 10px;
margin-bottom: 20px;
vertical-align: top
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form p span {
display: inline-block;
height: 24px
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form p span input {
height: 24px;
text-align: center
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form input[type=submit] {
background-color: #0062d9;
color: #fff;
border-radius: 25px;
height: 38px;
line-height: 38px;
font-size: 16px;
font-weight: 700;
width: 157px;
display: block;
margin: auto
}
.feedback .content .container .bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 35px 0 50px;
border-top: 1px solid #0062d9
}
.feedback .content .container .bottom .part p.text {
font-size: 13px;
margin-bottom: 20px
}
.feedback .content .container .bottom .part .button {
background-color: rgba(0,0,0,0);
text-align: center
}
.feedback .content .container .bottom .part .button a {
background-color: #ff0039;
border-radius: 25px;
padding: 10px 20px;
color: #fff;
text-transform: capitalize;
font-size: 16px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.feedback .content .container .bottom .part .button a:hover {
background-color: #c21c43
}
.feedback .content:before {
display: block;
position: absolute;
content: "";
left: 0;
top: 0;
width: 75%;
height: 5%;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/lines/recommend-line-yellow.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: 0 0
}
header.header {
position: fixed;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 5;
font-size: 9px;
background-color: #0062d9;
height: 76px;
width: 100%;
-webkit-box-shadow: 0 5px 7px rgba(40,60,128,.15);
box-shadow: 0 5px 7px rgba(40,60,128,.15);
border-bottom-left-radius: 100% 30px;
border-bottom-right-radius: 100% 30px
}
header.header.oversize {
width: 104%
}
header.header.visible__md {
display: none
}
header.header .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
header.header .container li.active,header.header .container li a:hover {
background-color: #ff0039;
border-radius: 20px
}
header.header .container li:first-child a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
header.header .container li:first-child a span.arrow {
width: 9px;
height: 5px;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/arrow-down.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto
}
header.header .container a,header.header .container li.buy {
background-color: rgba(0,0,0,0)
}
header.header .container a {
text-transform: uppercase;
font-weight: 800;
color: #fff;
line-height: 1;
padding: 10px 12px;
border-radius: 20px
}
header.header .container a.active,header.header .container a:hover {
}
header.header .container a.active:hover {
background-color: #fff;
color: #ff0039
}
header.header .container a.logo {
cursor: pointer;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
header.header .container a.logo:hover {
background-color: rgba(0,0,0,0)
}
header.header .container a.logo img {
display: block;
margin-bottom: 3px;
max-width: 100px
}
header.header .container a.logo p {
display: block;
font-weight: 700;
font-style: italic;
color: #fff;
font-size: 13px;
text-transform: lowercase
}
.menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 30px
}
.menu li a {
font-size: 9px;
padding: 20px 0;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
letter-spacing: .05em;
display: block
}
.menu li:last-child a {
border-bottom: none
}
.burger {
width: 72px;
height: 26px;
cursor: pointer;
z-index: 1; position: absolute;
}
.burger .menu-switch {
width: 72px;
height: 26px;
right: 0;
top: 0;
cursor: pointer;
z-index: -1
}
.burger .menu-switch,.burger .menu-switch:after,.burger .menu-switch:before,.burger .menu-switch span {
position: absolute;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.burger .menu-switch:after,.burger .menu-switch:before,.burger .menu-switch span {
content: "";
width: 26px;
height: 2px;
left: 0;
top: 50%;
margin-left: 0;
margin-top: -1px;
background-color: #fff
}
.burger .menu-switch span {
width: 20px
}
.burger .menu-switch:before {
margin-top: -8px
}
.burger .menu-switch:after {
margin-top: 6px
}
.burger #menu-switch {
width: 100%;
height: 100%;
cursor: pointer
}
.burger #menu-switch:not(:checked)~.menu-switch:hover span {
width: 26px
}
.burger #menu-switch:not(:checked)~.menu-switch:hover:after,.burger #menu-switch:not(:checked)~.menu-switch:hover:before {
width: 20px
}
.burger #menu-switch:checked~.menu-switch span {
opacity: 0;
width: 26px;
-webkit-transform: rotate(350deg);
-ms-transform: rotate(350deg);
transform: rotate(350deg)
}
.burger #menu-switch:checked~.menu-switch:after,.burger #menu-switch:checked~.menu-switch:before {
margin-top: -1px
}
.burger #menu-switch:checked~.menu-switch:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.burger #menu-switch:checked~.menu-switch:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.burger #navigation {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
bottom: 0;
right: 0;
top: 60px;
left: 0;
background: #fff;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transform: translateY(90px);
-ms-transform: translateY(90px);
transform: translateY(90px);
opacity: 0;
pointer-events: none
}
.burger #navigation,.burger #navigation ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.burger #navigation ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: left;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
padding-left: 20px;
width: 100%
}
.burger #navigation ul li {
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
margin-bottom: 10px
}
.burger #navigation ul li ul.list {
margin-top: 10px
}
.burger #navigation ul li ul.list li.item {
margin-bottom: 5px
}
.burger #navigation ul li ul.list li.item a {
font-size: 15px;
padding: 0;
display: inline-block
}
.burger #navigation ul li ul.list li.item a:active,.burger #navigation ul li ul.list li.item a:hover {
background-color: rgba(0,0,0,0)
}
.burger #navigation ul li a {
font-size: 18px;
line-height: 1.5;
text-transform: none;
display: inline
}
.burger .quick-contact {
-ms-flex-preferred-size: inherit;
flex-basis: inherit
}
.burger .quick-contact a.logo {
position: relative;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
left: auto;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
font-size: 32px;
color: #201e21;
display: none
}
.burger .quick-contact a.logo span {
display: block;
margin-right: 0
}
.burger .quick-contact a.logo:hover {
color: inherit
}
.burger .quick-contact address {
margin: 2em 0
}
.burger .quick-contact .contacts,.burger .quick-contact address {
font-style: normal;
color: #fcd000;
font-size: 15px;
line-height: 160%
}
.burger .quick-contact .contacts a {
color: #fcd000;
font-weight: 600
}
.burger #menu-switch:checked~#navigation {
pointer-events: auto;
opacity: 1;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
cursor: default;
background-color: #0062d9
}
.burger #menu-switch:checked~#navigation,form.form {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
form.form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: -webkit-gradient(linear,left top,left bottom,from(#32cfbc),to(#00c2ff));
background: -o-linear-gradient(top,#32cfbc 0,#00c2ff 100%);
background: linear-gradient(180deg,#32cfbc,#00c2ff);
border-radius: 8px;
padding: 20px 20px 0; margin-bottom: 10px;
position: relative
}
form.form h2.title {
color: #fff;
font-size: 30px;
margin-bottom: 20px;
padding-left: 70px;
position: relative;
line-height: 1.1
}
form.form h2.title:before {
display: block;
position: absolute;
content: "";
left: 0;
top: 0;
bottom: 0;
margin: auto;
width: 51px;
height: 51px;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/form-icon.svg);
background-size: contain;
background-position: 50%;
background-repeat: no-repeat
}
form.form p {
font-size: 18px;
font-weight: 400;
margin-bottom: 30px
}
form.form .fields .form__field {
margin-bottom: 25px;
position: relative
}
form.form .fields .form__field span.wpcf7-form-control-wrap input.input {
padding: 0 0 5px;
font-size: 13px;
width: 100%;
line-height: 1;
color: #201e21;
background-color: rgba(0,0,0,0);
border-bottom: .5px solid #fff;
cursor: pointer
}
form.form .fields .form__field span.wpcf7-form-control-wrap input.input:focus {
outline: none
}
form.form .fields .form__field span.wpcf7-form-control-wrap input.input:focus~.bar:after,form.form .fields .form__field span.wpcf7-form-control-wrap input.input:focus~.bar:before {
width: 50%
}
form.form .fields .form__field span.wpcf7-form-control-wrap input.input::-webkit-input-placeholder {
font-size: 13px;
font-weight: 300;
color: hsla(0,0%,100%,.6)
}
form.form .fields .form__field span.wpcf7-form-control-wrap input.input::-moz-placeholder {
font-size: 13px;
font-weight: 300;
color: hsla(0,0%,100%,.6)
}
form.form .fields .form__field span.wpcf7-form-control-wrap input.input:-ms-input-placeholder {
font-size: 13px;
font-weight: 300;
color: hsla(0,0%,100%,.6)
}
form.form .fields .form__field span.wpcf7-form-control-wrap input.input::-ms-input-placeholder {
font-size: 13px;
font-weight: 300;
color: hsla(0,0%,100%,.6)
}
form.form .fields .form__field span.wpcf7-form-control-wrap input.input::placeholder {
font-size: 13px;
font-weight: 300;
color: hsla(0,0%,100%,.6)
}
form.form .fields .form__field span.wpcf7-form-control-wrap label {
font-size: 15px;
font-weight: 400;
position: absolute;
pointer-events: none;
left: 0;
top: 0;
-webkit-transition: all .2s ease;
-o-transition: .2s ease all;
transition: all .2s ease;
color: hsla(0,0%,100%,.6)
}
form.form .fields .form__field span.wpcf7-form-control-wrap textarea.textarea {
padding: 15px;
font-size: 13px;
width: 100%;
line-height: 1.7;
color: #201e21;
min-height: 110px;
border-radius: 8px
}
.warning form.form .fields .form__field label {
font-size: 15px;
font-weight: 400;
pointer-events: none;
-webkit-transition: all .2s ease;
-o-transition: .2s ease all;
transition: all .2s ease;
color: hsla(0,0%,100%,.6);
}
form.form .fields .form__field span.wpcf7-form-control-wrap textarea.textarea~label {
top: -20px
}
form.form .fields .form__field span.wpcf7-form-control-wrap .bar {
position: relative;
display: block;
width: 100%
}
form.form .fields .form__field span.wpcf7-form-control-wrap .bar:after,form.form .fields .form__field span.wpcf7-form-control-wrap .bar:before {
content: "";
height: 1px;
width: 0;
bottom: 1px;
position: absolute;
background: #fff;
-webkit-transition: all .2s ease;
-o-transition: .2s ease all;
transition: all .2s ease
}
form.form .fields .form__field span.wpcf7-form-control-wrap .bar:before {
left: 50%
}
form.form .fields .form__field span.wpcf7-form-control-wrap .bar:after {
right: 50%
}
form.form .fields .form__field:nth-of-type(2) { margin-bottom: 15px;
}
form.form .fields .form__field:last-of-type {
text-align: center;
margin-bottom: -20px
}
form.form .fields .form__field:last-of-type input {
display: inline-block;
font-size: 16px;
padding: 12px 40px;
font-weight: 700;
font-family: Alegreya Sans,sans-serif;
margin-bottom: 0;
color: #fff;
background-color: #283c80;
border-radius: 25px;
text-transform: capitalize;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
form.form .fields .form__field:last-of-type input:hover {
background-color: #ff0039
}
form.form .fields .form__field:last-of-type span.ajax-loader {
margin: 0 -16px 0 4px
}
form.form .fields p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
form.form .fields p input {
width: 100%;
min-height: 24px;
padding: 5px
}
form.form .fields p img {
display: inline-block;
pointer-events: none;
margin-right: 10px;
pointer-events: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 0 0.5em 0.5em;
font-size: 14px;
}
.wpcf7 form .wpcf7-not-valid-tip {
font-size: 0.8em;
}
.how-use {
position: relative;
z-index: 2;
background-color: #fff;
padding-bottom: 0
}
.how-use .container {
max-width: 760px
}
.how-use .picture {
overflow: hidden;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/how-use-bg-mobile.jpg);
background-position: 50% 20%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
height: 270px
}
.how-use .content {
padding: 60px 0;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/recommend-pattern.png);
background-color: #f5f5f5;
background-repeat: repeat;
border-top-left-radius: 100% 30px;
border-top-right-radius: 100% 30px;
position: relative;
z-index: 1;
margin-top: -30px
}
.how-use .content,.how-use .content:before {
background-size: contain;
background-position: 0 0
}
.how-use .content:before {
display: block;
position: absolute;
content: "";
left: 0;
top: 0;
width: 70%;
height: 5%;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/lines/index-line-blue.svg);
background-repeat: no-repeat
}
.how-use .content .container h1.title {
text-align: center;
color: #283c80;
margin-bottom: 40px
}
.how-use .content .container p {
margin-bottom: 20px
}
.how-use .content .container p.important {
color: #0062d9;
font-weight: 700;
text-align: center
}
.how-use .content .container p.center {
text-align: center
}
.how-use .content .container p span.yellow {
background-color: #fcd000;
color: #0062d9;
font-weight: 700
}
.how-use .content .container .video {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
margin: 35px auto
}
.how-use .content .container .video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.how-use .content .container .table {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
color: #0062d9;
margin: 50px auto 30px;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.how-use .content .container .table .categories {
border-right: 1px solid #0062d9;
-webkit-box-shadow: -1px 2px 2px 0 rgba(0,0,0,.3);
box-shadow: -1px 2px 2px 0 rgba(0,0,0,.3);
border-radius: 8px 0 0 8px;
font-weight: 700
}
.how-use .content .container .table .categories .row {
padding: 5px;
color: #fff;
font-size: 16px;
min-width: 90px;
min-height: 65px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.how-use .content .container .table .categories .row span.text {
font-size: 11px
}
.how-use .content .container .table .categories .row:first-child {
color: #283c80;
font-size: 13px;
background-color: #fff;
min-height: 148px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 8px 0 0 0
}
.how-use .content .container .table .categories .row:nth-child(2) {
background-color: #32cfbc
}
.how-use .content .container .table .categories .row:nth-child(3) {
background-color: #0062d9
}
.how-use .content .container .table .categories .row:nth-child(4) {
background-color: #f4a912
}
.how-use .content .container .table .categories .row:nth-child(5) {
background-color: #00c2ff;
border-radius: 0 0 0 8px
}
.how-use .content .container .table .content-table {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
z-index: 1;
border-radius: 0 8px 8px 8px;
-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,.3);
box-shadow: 2px 2px 2px 0 rgba(0,0,0,.3);
overflow-x: scroll
}
.how-use .content .container .table .content-table .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.how-use .content .container .table .content-table .row .cell {
width: 50%;
padding: 10px;
min-width: 120px;
background-color: #fff;
color: #283c80;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 13px;
font-weight: 700;
min-height: 65px
}
.how-use .content .container .table .content-table .row .cell span {
color: #0062d9
}
.how-use .content .container .table .content-table .row .cell:first-child {
border-right: 1px solid #0062d9
}
.how-use .content .container .table .content-table .row .cell p {
margin-bottom: 0
}
.how-use .content .container .table .content-table .row:first-child {
font-size: 13px
}
.how-use .content .container .table .content-table .row:first-child .cell {
color: #283c80;
min-height: 148px
}
.how-use .content .container .table .content-table .row:first-child .cell span {
font-size: 16px;
font-weight: 700;
color: #283c80
}
.how-use .content .container .table .content-table .row:first-child .cell:last-child {
border-radius: 0 8px 0 0
}
.how-use .content .container .table .content-table .row:nth-child(2) .cell {
background-color: rgba(50,207,188,.2)
}
.how-use .content .container .table .content-table .row:nth-child(3) .cell {
background-color: rgba(0,98,217,.2)
}
.how-use .content .container .table .content-table .row:nth-child(4) .cell {
background-color: rgba(244,169,18,.2)
}
.how-use .content .container .table .content-table .row:nth-child(5) .cell {
background-color: rgba(0,194,255,.2)
}
.how-use .content .container .table .content-table .row:nth-child(6) {
padding: 10px 5px;
width: 100%;
background-color: #fdd001;
min-width: 240px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0 0 8px 8px
}
.how-use .content .container .table .content-table .row:nth-child(6) p {
margin-bottom: 0;
color: #0062d9
}
.how-use .content .container .button {
background-color: rgba(0,0,0,0);
text-align: center
}
.how-use .content .container .button a.btn {
background-color: #0062d9;
border-radius: 50px;
color: #fff;
padding: 20px 60px;
text-transform: capitalize;
font-size: 16px
}
main.main {
background-size: cover;
background-position: 50% 20%;
padding: 280px 0 120px;  background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/back_winter_full_2-2.jpg);
border-bottom-left-radius: 100% 30px;
border-bottom-right-radius: 100% 30px;
z-index: 1;
position: relative
}
main.main,main.main:after {
background-repeat: no-repeat
}
main.main:after {
display: block;
position: absolute;
content: "";
right: 0;
bottom: -15px;
width: 90%;
height: 7%;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/lines/index-line-pink.svg);
background-size: contain;
background-position: 100%
}
main.main .container {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
main.main .container,main.main .container .picture {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
main.main .container .picture {
width: 100%;
text-align: center;
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
main.main .container .picture img:nth-child(2) {
display: inline-block
}
section.products {
background-color: #fcd000; padding: 0 0 30px;
margin-top: -15px
}
section.products .container .content {
background-color: rgba(0,0,0,0);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 2;
position: relative
}
section.products .container .content .part {
margin-bottom: 30px;
width: 336px
}
section.products .container .content .part .picture {
position: relative;
}
section.products .container .content .part .picture img {
height: 223px;
width: auto;
max-width: 330px;
display: block;
position: relative;
z-index: 1;
margin: 0 auto;
}
section.products .container .content .part span.title { display: flex;
flex-direction: column;
align-items: center;
margin-top: 10px;
text-align: center;
font-size: 11px;
color: #283c80;
font-weight: 700;
text-transform: uppercase;
margin-top: 10px;
}
section.products .container .content .part span.title img {
width: 187px;
margin-bottom: 10px;
}
section.products .container .content .part .ellipses__list {
margin-top: -50px;
z-index: 0
}
section.products .container .content .part:last-child .ellipses__list {
position: relative;
width: 100%
}
section.products .container .content .part:last-child .ellipses__list .part {
position: absolute
}
section.products .container .content .part:last-child .ellipses__list .part:first-child {
left: 0;
top: 0;
width: 146px;
height: 128px }
section.products .container .content .part:last-child .ellipses__list .part:nth-child(2) {
left: 85px;
top: 72px;
width: 168px;
height: 96px }
section.products .container .content .part:last-child .ellipses__list .part:nth-child(3) {
left: 211px;
top: -1px;
width: 126px;
height: 147px }
section.products .container .content .part:last-child .ellipses__list .part:nth-child(4) {
left: calc(100% - 110px);
top: 0;
width: 110px;
height: 120px
}
section.products .container .content .chick {
margin-top: -100px;
z-index: 2
}
section.choose {
background-color: #00c2ff;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/choose-pattern.png);
background-size: contain;
background-position: 0 0;
background-repeat: repeat;
padding: 20px 0;
border-top-left-radius: 100% 30px;
border-top-right-radius: 100% 30px;
border-bottom-left-radius: 100% 30px;
border-bottom-right-radius: 100% 30px;
margin-top: -15px;
position: relative
}
section.choose:after {
display: block;
position: absolute;
content: "";
left: 0;
bottom: -23px;
width: 65%;
height: 5%;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/lines/recommend-line-green.svg);
background-size: contain;
background-position: 100%;
background-repeat: no-repeat;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg)
}
section.choose .container h2.title {
text-align: center;
color: #fff;
margin-bottom: 30px
}
section.choose .container ul.list {
width: 100%;
font-size: 0
}
section.choose .container ul.list,section.choose .container ul.list li.item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
section.choose .container ul.list li.item {
text-align: center;
margin-bottom: 40px;
color: #fff;
line-height: 1
}
section.choose .container ul.list li.item .icon {
background-color: #fff;
border-radius: 50%;
width: 75px;
height: 75px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/choose-list/choose-icon-1.svg);
background-repeat: no-repeat;
background-position: 50%;
background-size: 40%
}
section.choose .container ul.list li.item .icon img {
margin: auto
}
section.choose .container ul.list li.item h3.title {
font-weight: 700;
font-size: 18px;
text-transform: uppercase;
margin-bottom: 20px
}
section.choose .container ul.list li.item p {
text-transform: inherit;
font-size: 17px
}
section.choose .container ul.list li.item .cost {
background-color: #f4a912;
border-radius: 50%;
width: 180px;
height: 180px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
section.choose .container ul.list li.item .cost p {
font-size: 18px;
font-weight: 700;
margin-bottom: 20px
}
section.choose .container ul.list li.item .cost a {
background-color: #fff;
color: #283c80;
font-size: 16px;
font-weight: 700;
border-radius: 25px;
padding: 10px 40px;
-ms-flex-item-align: center;
align-self: center;
cursor: pointer;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
section.choose .container ul.list li.item .cost a:hover {
background-color: #ff0039;
color: #fff
}
section.choose .container ul.list li.item:nth-of-type(2) .icon {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/choose-list/choose-icon-2.svg)
}
section.choose .container ul.list li.item:nth-of-type(3) .icon {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/choose-list/choose-icon-3.svg)
}
section.choose .container ul.list li.item:nth-of-type(4) .icon {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/choose-list/choose-icon-5.svg);
background-size: 50%
}
section.choose .container ul.list li.item:nth-of-type(5) .icon {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/choose-list/choose-icon-6.svg);
background-size: 50%
}
section.choose .container ul.list li.item:nth-of-type(6) .icon {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/choose-list/choose-icon-4.svg);
background-size: 50%
}
section.formula {
padding: 20px 0 0;
color: #283c80
}
section.formula .container .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 40px
}
section.formula .container .content .part h2.title {
text-align: center;
margin-bottom: 30px;
color: #283c80
}
section.formula .container .content .part p {
font-size: 18px;
margin-bottom: 30px;
font-weight: 500
}
section.formula .container .content .part .list h3.title {
font-weight: 700;
font-size: 20px;
margin-bottom: 20px
}
section.formula .container .content .part .list p {
font-size: 18px;
padding-left: 10px;
margin-bottom: 20px;
position: relative
}
section.formula .container .content .part .list p strong {
display: contents;
}
section.formula .container .content .part .list p:before {
display: block;
position: absolute;
content: "";
left: 0;
top: 10px;
width: 2px;
height: 2px;
border-radius: 50%;
background-color: #283c80
}
section.formula .container .content .part:first-child .list {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
section.formula .container .content .part:last-child {
text-align: center
}
section.formula .container .list {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 40px
}
section.formula .container .list,section.formula .container .list .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
section.formula .container .list .item {
border-radius: 15px;
overflow: hidden;
max-width: 300px;
margin-bottom: 30px
}
section.formula .container .list .item .picture {
min-height: 170px;
position: relative
}
section.formula .container .list .item .picture .button {
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(255,0,57,.8);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0
}
section.formula .container .list .item .picture .button span {
margin: auto;
background-color: #fff;
padding: 10px 20px 8px;
border-radius: 25px;
text-align: center;
line-height: 1;
font-weight: 700;
font-size: 11px;
text-transform: uppercase;
color: #283c80;
max-width: 184px
}
section.formula .container .list .item p {
font-size: 16px;
background-color: #f5f5f5;
padding: 15px 20px;
min-height: 130px;
font-weight: 700;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center
}
section.formula .container .list .item:nth-child(2) .picture .button {
background-color: rgba(0,194,255,.8)
}
section.formula .container .list .item:nth-child(3) .picture .button {
background-color: rgba(252,208,0,.8)
}
section.formula .container .list .item:nth-child(4) .picture .button {
background-color: rgba(50,207,188,.8)
}
section.formula .container .list .item:hover .picture .button {
opacity: 1
}
section.formula .container h2.title {
color: #283c80;
text-align: center
}
section.pharmacy {
padding: 50px 0 80px; background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/index-details-bg-mobile-winter.jpg); background-size: cover;
background-position: 50%;
z-index: 1;
margin-top: -15px
}
section.pharmacy .container {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
section.pharmacy .container,section.pharmacy .container .content {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
section.pharmacy .container .content {
background-color: #fff;
border-radius: 26px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 40px 10px 20px;
max-width: 600px
}
section.pharmacy .container .content h2.title {
color: #00c2ff;
margin-bottom: 15px;
padding: 0 0 15px
}
section.pharmacy .container .content .pharmacy__list {
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-bottom: .5px solid #0062d9
}
section.pharmacy .container .content .pharmacy__list .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: center;
-ms-flex-pack: distribute;
justify-content: space-around;
margin-bottom: 30px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
section.pharmacy .container .content .pharmacy__list .row .pharmacy__item {
width: 50%
}
section.pharmacy .container .content .pharmacy__list .row .pharmacy__item a {
padding: 10px;
display: block
}
section.pharmacy .container .content .pharmacy__list .row .pharmacy__item a img {
margin: auto
}
section.pharmacy .container .content p {
font-weight: 500;
color: #283c80;
margin-bottom: 25px
}
section.pharmacy .container .content p.warning {
opacity: .5;
font-size: 13px;
font-weight: 800;
color: #535353
}
section.pharmacy .container .content .picture {
margin-bottom: 20px;
text-align: center
}
section.pharmacy .container .content .picture a {
display: inline-block;
max-width: 180px
}
section.pharmacy .container .content .question {
position: relative;
border-radius: 50%;
background-color: #32cfbc;
width: 195px;
height: 195px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
bottom: 0;
right: 0;
-ms-flex-item-align: center;
align-self: center;
text-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
section.pharmacy .container .content .question h3 {
color: #fff;
font-size: 18px;
text-align: center;
font-weight: 700
}
section.pharmacy .container .content .question p {
color: #fff;
font-size: 16px;
text-align: center
}
section.pharmacy .container .content .question a {
color: #283c80;
background-color: #fff;
border-radius: 25px;
font-size: 16px;
font-weight: 700;
padding: 10px 20px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
display: inline-block;
width: 70%
}
section.pharmacy .container .content .question a:hover {
background-color: #283c80;
color: #fff
}
section.index__details {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
z-index: 2
}
section.index__details,section.index__details .part {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
section.index__details .part {
width: 100%;
padding: 80px 10px 10px;
background-repeat: repeat;
background-size: contain;
background-position: 0 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
section.index__details .part .content {
width: 100%;
background-color: rgba(0,0,0,0);
text-align: center;
font-weight: 800
}
section.index__details .part .content h2.title {
position: relative
}
section.index__details .part .content h2.title:before {
display: block;
position: absolute;
content: "";
left: 0;
top: -50px;
right: 0;
margin: auto;
width: 45px;
height: 45px;
background-size: contain;
background-position: 50%;
background-repeat: no-repeat
}
section.index__details .part .content .picture {
margin-bottom: 25px
height: 163px;
}
section.index__details .part .content .picture img {
height: 163px;
width: auto;
}
section.index__details .part .content .list {
position: relative
}
section.index__details .part .content .list p.item {
font-size: 18px;
position: relative;
padding-bottom: 10px;
margin-bottom: 10px;
border-radius: 0;
background-color: rgba(0,0,0,0)
}
section.index__details .part .content .list p.item span {
font-weight: 500
}
section.index__details .part .content .list p.item:after {
display: block;
position: absolute;
content: "";
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 115px;
height: 1px;
background-color: #283c80
}
section.index__details .part .content .list p.item:last-child {
margin-bottom: 0;
padding-bottom: 0
}
section.index__details .part .content .list p.item:last-child:after {
display: none
}
section.index__details .part:first-child {
background-color: #fcd000;
color: #283c80;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/details-yellow-pattern.png);
border-top-left-radius: 100% 30px;
border-top-right-radius: 100% 30px
}
section.index__details .part:first-child .content h2.title {
color: #283c80
}
section.index__details .part:first-child .content h2.title:before {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/sirop-icon.svg)
}
section.index__details .part:last-child {
background-color: #0062d9;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/details-blue-pattern.png);
color: #fff;
border-bottom-left-radius: 100% 30px;
border-bottom-right-radius: 100% 30px
}
section.index__details .part:last-child .content h2.title {
color: #fff
}
section.index__details .part:last-child .content h2.title:before {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/powder-icon.svg)
}
section.index__details .part:last-child .content .list p.item:after {
background-color: #fff
}
ul.socials {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around
}
.instructions {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
background-color: #00c2ff;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/instructions-pattern.png);
background-position: 0 0;
background-size: contain;
background-repeat: repeat;
padding: 90px 0;
margin-top: -5px;
}
.instructions.clicked {
background-color: #f4a912
}
.instructions .container .block__title {
padding-left: 5%;
margin-bottom: 50px
}
.instructions .container .block__title h1 {
color: #fff;
text-transform: uppercase;
font-weight: 800;
font-size: 40px;
margin-bottom: 15px
}
.instructions .container .block__title p.subtitle {
font-weight: 700;
font-size: 20px
}
.instructions .container .content {
background-color: rgba(0,0,0,0);
-webkit-box-shadow: -5px 20px 10px rgba(0,0,0,.15);
box-shadow: -5px 20px 10px rgba(0,0,0,.15)
}
.instructions .container .content ul.tab__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.instructions .container .content ul.tab__list li.tab {
width: 50%
}
.instructions .container .content ul.tab__list li.tab a {
display: block;
text-align: center;
font-weight: 800;
font-size: 22px;
padding: 15px 0;
background-repeat: no-repeat;
background-size: auto 30%;
background-position: 10% 50%;
border-radius: 26px 26px 0 0;
color: #fff;
cursor: pointer
}
.instructions .container .content ul.tab__list li.tab:first-child a {
background-color: #00c2ff;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/sirop-icon-active.svg)
}
.instructions .container .content ul.tab__list li.tab:first-child a.active {
background-color: #fff;
color: #283c80;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/sirop-icon.svg)
}
.instructions .container .content ul.tab__list li.tab:last-child a {
color: #fff;
position: relative;
background-color: #f4a912;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/powder-icon.svg)
}
.instructions .container .content ul.tab__list li.tab:last-child a.active {
background-color: #fff;
color: #283c80;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/powder-icon-active.svg)
}
.instructions .container .content .inner {
background-color: #fff
}
.instructions .container .content .inner .text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 10px
}
.instructions .container .content .inner .text .top {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px
}
.instructions .container .content .inner .text .top .part {
width: 100%
}
.instructions .container .content .inner .text .top .part .picture {
height: 243px;
text-align: center;
}
.instructions .container .content .inner .text .top .part .picture img {
width: auto;
height: 243px;
}
.instructions .container .content .inner .text .bottom p {
margin-bottom: 4px;
font-size: 15px;
font-weight: 500
}
.instructions .container .content .inner .text .bottom p span.title {
color: #283c80;
font-weight: 700
}
.instructions .container .content .inner .text .bottom p span.subtitle {
text-decoration: underline;
display: block;
margin: 15px 0
}
.instructions .container .content .inner .text .bottom table.table {
border: 1px solid #141414;
border-collapse: collapse
}
.instructions .container .content .inner .text .bottom table.table td,.instructions .container .content .inner .text .bottom table.table th {
border: 1px solid #141414;
padding: 5px;
text-align: center
}
.instructions .container .content .docs {
background-color: #fff;
padding: 40px 10px 40px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.instructions .container .content .docs a.btn {
background-color: #283c80;
position: relative;
border-radius: 31px;
padding: 10px 20px 10px 50px;
color: #fff;
font-size: 13px;
font-weight: 500;
display: inline-block;
margin-right: 10px;
margin-bottom: 20px;
max-width: 260px;
min-width: 205px;
cursor: pointer
}
.instructions .container .content .docs a.btn:before {
display: block;
position: absolute;
content: "";
left: 20px;
top: 0;
bottom: 0;
margin: auto;
width: 21px;
height: 28px;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/pdf.svg);
background-size: contain;
background-position: 50%;
background-repeat: no-repeat
}
.instructions-photo {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 30px 30px;
}
.photo-item {
position: relative;
width: 33%;
margin-top: 30px;
padding-right: 35px;
box-sizing: border-box;
}
.instructions-photo .newzag {
width: 100%;
color: #283c80;
font-weight: 700;
margin-top: 0px;
margin-bottom: 0;
text-align: center;
font-size: 20px;
}
.photo-item:after {
content: '';
display: block;
position: absolute;
top: 50%;
right: 15px;
margin-top: -4px;
width: 5px;
height: 8px;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.67155 0.146447L4.85353 3.32843C5.04879 3.52369 5.04879 3.84027 4.85353 4.03553L1.67155 7.21751C1.47628 7.41278 1.1597 7.41278 0.96444 7.21751C0.769178 7.02225 0.769178 6.70567 0.96444 6.51041L3.79287 3.68198L0.96444 0.853553C0.769178 0.658291 0.769178 0.341709 0.96444 0.146447C1.1597 -0.0488155 1.47628 -0.0488155 1.67155 0.146447Z' fill='%23283C80'/%3E%3C/svg%3E");
}
.photo-item:last-child:after {
content: none;
}
.photo-item img {
border-radius: 40px;
}
.recommend {
padding: 30px 0 0;
text-align: center
}
.recommend .picture {
overflow: hidden;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/recommend-bg.jpg);
background-position: 50% 33%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
height: 270px
}
.recommend .content {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/recommend-pattern.png);
padding: 150px 0 80px;
position: relative;
z-index: 1;
border-top-left-radius: 100% 30px;
border-top-right-radius: 100% 30px;
border-bottom-left-radius: 100% 30px;
border-bottom-right-radius: 100% 30px;
margin-top: -12px;
}
.recommend .content,.recommend .content:before {
background-position: 0 0;
background-size: contain
}
.recommend .content:before {
left: 0;
top: -4px;
width: 75%;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/lines/recommend-line-yellow.svg)
}
.recommend .content:after,.recommend .content:before {
display: block;
position: absolute;
content: "";
height: 5%;
background-repeat: no-repeat
}
.recommend .content:after {
right: 0;
bottom: 0;
width: 100%;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/lines/recommend-line-green.svg);
background-size: contain;
background-position: 100% 100%
}
.recommend .content .container {
max-width: 800px
}
.recommend .content .container .chick {
position: absolute;
width: 50%;
max-width: 265px;
top: -40px;
left: 0
}
.recommend .content .container .chick {
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
filter: FlipH;
-ms-filter: "FlipH";
}
.recommend .content .container h1.title,
.recommend .content .container h2.title {
text-align: center;
color: #283c80;
margin-bottom: 80px
}
.recommend .content .container .list,.recommend .content .container .list a.item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.recommend .content .container .list a.item {
text-align: left;
margin-bottom: 80px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 30px;
border-bottom: 1px solid rgba(0,0,0,0)
}
.recommend .content .container .list a.item h3.title {
font-size: 20px;
font-weight: 700;
padding-left: 50px;
position: relative;
color: #283c80;
margin-bottom: 20px;
min-height: 48px
}
.recommend .content .container .list a.item h3.title:after {
display: block;
position: absolute;
content: "";
left: 0;
top: -5px;
width: 35px;
height: 35px;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/doctors/icon-1.jpg);
background-size: contain;
background-position: 50%;
background-repeat: no-repeat
}
.recommend .content .container .list a.item p.text {
font-style: italic;
font-size: 20px;
color: #283c80;
font-weight: 400;
margin-bottom: 5px
}
.recommend .content .container .list a.item p.read {
margin-bottom: 5px;
text-align: right;
opacity: 0;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.recommend .content .container .list a.item p.read span {
display: inline-block;
font-size: 14px;
color: #141414
}
.recommend .content .container .list a.item .doctor {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.recommend .content .container .list a.item .doctor .photo {
border-radius: 50%;
overflow: hidden;
width: 70px;
height: 70px;
margin-right: 20px
}
.recommend .content .container .list a.item .doctor .about {
color: #535353
}
.recommend .content .container .list a.item .doctor .about p.name {
font-size: 18px;
font-weight: 500
}
.recommend .content .container .list a.item .doctor .about p.spec {
font-size: 13px;
font-weight: 400
}
.recommend .content .container .list a.item:first-child h3.title:after {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/doctors/icon-1.jpg)
}
.recommend .content .container .list a.item:nth-child(2) h3.title:after {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/doctors/icon-2.jpg)
}
.recommend .content .container .list a.item:nth-child(3) h3.title:after {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/doctors/icon-3.jpg)
}
.recommend .content .container .list a.item:nth-child(4) h3.title:after {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/doctors/icon-4.jpg)
}
.recommend .content .container .list a.item:hover {
border-bottom: 1px solid #32cfbc
}
.recommend .content .container .list a.item:hover p.text {
color: #32cfbc;
text-decoration: underline
}
.recommend .content .container .list a.item:hover p.read {
opacity: 1
}
.recommend .aword {
background-color: #32cfbc;
padding: 100px 0;
margin-top: -30px
}
.recommend .aword h2.title {
color: #283c80;
font-weight: 500
}
.recommend .aword .block {
text-align: center;
margin-bottom: 50px
}
.recommend .aword .block .round {
display: inline-block;
border-radius: 50%;
background-color: #fff;
width: 100%;
padding-top: 100%;
position: relative;
z-index: 1
}
.recommend .aword .block .round .text {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 20px;
font-size: 15px
}
.recommend .aword .block .round .text .picture {
margin-bottom: 30px;
background-image: none;
height: auto
}
.recommend .aword .block .round .text .picture img {
width: auto
}
.recommend .aword .block .round .text .picture:after {
background: none
}
.recommend .aword .block .round .text p.title {
font-weight: 700
}
.recommend .aword .block .round .text p.title.title {
margin-bottom: 10px;
font-weight: 500
}
.recommend .aword .block .round:last-child {
background-color: rgba(0,0,0,0);
margin-top: -50px;
z-index: 0
}
.recommend .aword .block .round:last-child .text {
border-radius: 50%;
padding: 0
}
.recommend .aword .block .round:last-child .text .picture {
border-radius: 50%;
height: 100%;
overflow: hidden;
margin-bottom: 0
}
.recommend .aword .block .round:last-child .text .picture img {
width: 100%
}
.recommend .aword p.text {
font-size: 18px;
color: #141414
}
.how {
position: relative;
z-index: 2;
background-color: #fff;
padding-bottom: 50px
}
.how .container {
max-width: 1070px
}
.how .picture {
overflow: hidden;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/how-bg-mobile.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
height: 270px
}
.how .effect {
padding: 60px 0;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/how-pattern.png);
background-color: #fff;
background-repeat: repeat;
border-top-left-radius: 100% 30px;
border-top-right-radius: 100% 30px;
position: relative;
z-index: 1;
margin-top: -30px
}
.how .effect,.how .effect:before {
background-size: contain;
background-position: 0 0
}
.how .effect:before {
display: block;
position: absolute;
content: "";
left: 0;
top: 0;
width: 75%;
height: 5%;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/lines/recommend-line-yellow.svg);
background-repeat: no-repeat
}
.how .effect .container h1.title {
font-size: 30px;
text-align: center;
color: #283c80;
margin-bottom: 40px
}
.how .effect .container h2.title {
font-size: 20px;
text-align: center;
color: #283c80;
font-weight: 700;
margin-bottom: 70px
}
.how .effect .container ul.list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.how .effect .container ul.list li.item {
font-size: 17px;
color: #141414;
padding: 130px 30px 30px;
background-color: #fff;
-webkit-box-shadow: 5px 5px 15px rgba(0,0,0,.1);
box-shadow: 5px 5px 15px rgba(0,0,0,.1);
border-radius: 7px;
margin-bottom: 40px;
max-width: 260px;
position: relative;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
cursor: default;
font-weight: 500
}
.how .effect .container ul.list li.item:before {
display: block;
position: absolute;
content: "";
left: 30px;
top: 30px;
width: 80px;
height: 80px;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/effect/icon-1.svg);
background-size: 50%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-color: rgba(50,207,188,.3);
border-radius: 50%;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.how .effect .container ul.list li.item:hover {
background: -o-linear-gradient(133.06deg,rgba(50,207,188,.4) 0,rgba(50,207,188,0) 100%),#fff;
background: linear-gradient(316.94deg,rgba(50,207,188,.4),rgba(50,207,188,0)),#fff
}
.how .effect .container ul.list li.item:hover:before {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/effect/icon-1-hover.svg)
}
.how .effect .container ul.list li.item:nth-child(2):before {
background-color: rgba(255,0,57,.3);
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/effect/icon-2.svg)
}
.how .effect .container ul.list li.item:nth-child(2):hover {
background: -o-linear-gradient(133.18deg,rgba(255,0,57,.3) 0,rgba(255,0,57,0) 100%),#fff;
background: linear-gradient(316.82deg,rgba(255,0,57,.3),rgba(255,0,57,0)),#fff
}
.how .effect .container ul.list li.item:nth-child(2):hover:before {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/effect/icon-2-hover.svg)
}
.how .effect .container ul.list li.item:nth-child(3):before {
background-color: rgba(0,98,217,.3);
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/effect/icon-3.svg)
}
.how .effect .container ul.list li.item:nth-child(3):hover {
background: -o-linear-gradient(133.18deg,rgba(0,98,217,.3) 0,rgba(0,98,217,0) 100%),#fff;
background: linear-gradient(316.82deg,rgba(0,98,217,.3),rgba(0,98,217,0)),#fff
}
.how .effect .container ul.list li.item:nth-child(3):hover:before {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/effect/icon-3-hover.svg)
}
.how .effect .container ul.list li.item:nth-child(4):before {
background-color: rgba(0,194,255,.3);
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/effect/icon-4.svg)
}
.how .effect .container ul.list li.item:nth-child(4):hover {
background: -o-linear-gradient(133.18deg,rgba(0,194,255,.3) 0,rgba(0,194,255,0) 100%),#fff;
background: linear-gradient(316.82deg,rgba(0,194,255,.3),rgba(0,194,255,0)),#fff
}
.how .effect .container ul.list li.item:nth-child(4):hover:before {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/effect/icon-4-hover.svg)
}
.how .effect .container ul.list li.item:nth-child(5):before {
background-color: rgba(244,169,18,.3);
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/effect/icon-5.svg)
}
.how .effect .container ul.list li.item:nth-child(5):hover {
background: -o-linear-gradient(133.18deg,rgba(244,169,18,.3) 0,rgba(244,169,18,0) 100%),#fff;
background: linear-gradient(316.82deg,rgba(244,169,18,.3),rgba(244,169,18,0)),#fff
}
.how .effect .container ul.list li.item:nth-child(5):hover:before {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/effect/icon-5-hover.svg)
}
.how .describe {
font-size: 14px;
background-color: #f5f5f5;
padding: 25px 0;
font-weight: 500
}
.how .describe sup {
vertical-align: super
}
.how .describe p {
margin-bottom: 10px
}
.how .work {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #0062d9;
font-size: 0
}
.how .work,.how .work .part h2.title {
color: #fff;
position: relative;
z-index: 1
}
.how .work .part h2.title {
font-weight: 500;
font-size: 40px;
margin-bottom: 0;
line-height: 1.1
}
.how .work .part.desc__howwork h3,
.how .work .part h3.title {
font-weight: 700;
font-size: 20px;
margin-bottom: 20px
}
.how .work .part.desc__howwork p,
.how .work .part p.text {
font-size: 18px;
font-weight: 400;
padding-left: 20px;
margin-bottom: 10px;
position: relative
}
.how .work .part.desc__howwork p:before,
.how .work .part p.text:before {
display: block;
position: absolute;
content: "";
left: 0;
top: 6px;
width: 8px;
height: 8px;
background-color: #00c2ff;
border-radius: 50%
}
.how .work .part.desc__howwork p:last-of-type,
.how .work .part p.text:last-of-type {
margin-bottom: 0
}
.how .work .part:first-child {
position: relative;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/how-bg-2.jpg);
background-size: cover;
background-position: 100%;
text-align: right;
padding: 90px 10px
}
.how .work .part:first-child:before {
display: block;
position: absolute;
content: "";
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
height: 100%;
background: -webkit-gradient(linear,left bottom,left top,from(#0062d9),to(rgba(0,98,217,0)));
background: -o-linear-gradient(bottom,#0062d9 0,rgba(0,98,217,0) 100%);
background: linear-gradient(1turn,#0062d9,rgba(0,98,217,0))
}
.how .work .part:last-child {
padding: 0 20px 40px
}
.how .components {
padding-bottom: 40px;
border-bottom-left-radius: 100% 30px;
border-bottom-right-radius: 100% 30px;
background-color: #fff;
position: relative
}
.how .components .container {
margin-top: -20px;
position: relative;
z-index: 2
}
.how .components .container ul.list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.how .components .container ul.list li.item {
-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.1);
box-shadow: 5px 5px 10px rgba(0,0,0,.1);
border-radius: 7px;
margin-bottom: 30px;
padding: 20px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
background: -webkit-gradient(linear,left bottom,left top,from(rgba(255,0,57,.1)),to(rgba(255,0,57,.1))),#fff;
background: -o-linear-gradient(bottom,rgba(255,0,57,.1),rgba(255,0,57,.1)),#fff;
background: linear-gradient(0deg,rgba(255,0,57,.1),rgba(255,0,57,.1)),#fff
}
.how .components .container ul.list li.item .picture {
text-align: center;
margin-bottom: 30px;
background-image: none;
height: auto
}
.how .components .container ul.list li.item h3.title {
font-size: 20px;
font-weight: 700;
line-height: 1.2;
text-align: center;
margin-bottom: 30px;
color: #283c80
}
.how .components .container ul.list li.item h3.title span {
font-weight: 400
}
.how .components .container ul.list li.item p {
font-size: 16px
}
.how .components .container ul.list li.item p span.tooltip {
text-decoration: none;
position: relative
}
.how .components .container ul.list li.item p span.tooltip span.child {
position: absolute;
font-size: 15px;
padding: 20px;
background-color: #f5f5f5;
width: 300px;
top: -20px;
opacity: 0;
visibility: hidden;
display: none
}
.how .components .container ul.list li.item p span.hidden__md {
display: block;
margin-top: 20px;
font-size: 13px
}
.how .components .container ul.list li.item:nth-child(2) {
background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,194,255,.1)),to(rgba(0,194,255,.1))),#fff;
background: -o-linear-gradient(bottom,rgba(0,194,255,.1),rgba(0,194,255,.1)),#fff;
background: linear-gradient(0deg,rgba(0,194,255,.1),rgba(0,194,255,.1)),#fff
}
.how .components .container ul.list li.item:nth-child(3) {
background: -webkit-gradient(linear,left bottom,left top,from(rgba(252,208,0,.15)),to(rgba(252,208,0,.15))),#fff;
background: -o-linear-gradient(bottom,rgba(252,208,0,.15),rgba(252,208,0,.15)),#fff;
background: linear-gradient(0deg,rgba(252,208,0,.15),rgba(252,208,0,.15)),#fff
}
.how .components .container ul.list li.item:hover {
background: #fff;
-webkit-box-shadow: 5px 7px 15px rgba(255,0,57,.25);
box-shadow: 5px 7px 15px rgba(255,0,57,.25)
}
.how .components .container ul.list li.item:hover:nth-child(2) {
-webkit-box-shadow: 5px 7px 15px rgba(0,98,217,.4);
box-shadow: 5px 7px 15px rgba(0,98,217,.4)
}
.how .components .container ul.list li.item:hover:nth-child(3) {
-webkit-box-shadow: 5px 7px 15px rgba(252,208,0,.4);
box-shadow: 5px 7px 15px rgba(252,208,0,.4)
}
.how .message {
padding: 60px 0;
background: -webkit-gradient(linear,left top,left bottom,from(#f4a912),to(#fcd000));
background: -o-linear-gradient(top,#f4a912 0,#fcd000 100%);
background: linear-gradient(180deg,#f4a912,#fcd000);
margin-top: -30px
}
.how .message .container {
max-width: 580px;
text-align: center
}
.how .message .container h2.title {
font-size: 40px;
font-weight: 500;
color: #283c80;
margin-bottom: 40px
}
.how .message .container p.text {
margin-bottom: 30px;
text-align: left;
color: #fff;
font-size: 20px;
font-weight: 500
}
.how .message .container p.note {
margin-bottom: 55px;
text-align: left;
color: #283c80;
font-size: 20px;
font-weight: 500
}
.how .details {
border-top-left-radius: 100% 30px;
border-top-right-radius: 100% 30px;
margin-top: -40px;
position: relative;
background-color: #fff;
padding: 0 0 40px;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/lines/details-line.svg);
background-position: 50% 55%;
background-size: 100% auto;
background-repeat: no-repeat
}
.how .details .container {
position: relative;
padding-top: 80px
}
.how .details .container .button {
background-color: rgba(0,0,0,0);
text-align: center;
padding: 0;
position: absolute;
left: 50%;
width: 100%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: -30px;
cursor: default;
margin: auto
}
.how .details .container .button a.btn {
background-color: #0062d9;
border-radius: 41px;
font-size: 18px;
color: #fff;
text-transform: none;
padding: 20px 50px;
display: inline-block;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.how .details .container .button a.btn:hover {
background-color: #ff0039
}
.how .details .container .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 50px;
width: 100%;
color: #283c80
}
.how .details .container .item .part p.short {
font-size: 30px;
line-height: 1.1
}
.how .details .container .item .part p.long {
font-size: 18px;
line-height: 1.2
}
.how .details .container .item .part:first-child {
border-bottom: .5px solid #283c80;
padding-bottom: 20px;
margin-bottom: 20px
}
.how .details .container .item:last-of-type {
margin-bottom: 0
}
.how .button {
margin: 40px 0;
text-align: center;
display: none
}
.how .button:hover {
background-color: rgba(0,0,0,0);
cursor: default
}
.how .button a.btn {
border-radius: 41px;
font-size: 18px;
background-color: #f4a912;
color: #fff;
padding: 20px 50px;
text-transform: none;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.how .button a.btn:hover {
background-color: #ff0039
}
.how .research {
margin-bottom: 40px;
padding-top: 100px
}
.how .research .container h2.title {
text-align: center;
color: #283c80;
font-weight: 500;
margin-bottom: 70px
}
.how .research .container ul.list {
font-size: 0
}
.how .research .container ul.list li.item {
display: inline-block;
vertical-align: top;
width: 100%;
margin-bottom: 30px;
padding: 0
}
.how .research .container ul.list li.item .content {
display: block;
padding: 20px 30px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
background: -webkit-gradient(linear,right top,left top,color-stop(.1%,rgba(0,98,217,.35)),color-stop(43%,rgba(158,195,241,.52)),to(#fff));
background: -o-linear-gradient(right,rgba(0,98,217,.35) .1%,rgba(158,195,241,.52) 43%,#fff 100%);
background: linear-gradient(270deg,rgba(0,98,217,.35) .1%,rgba(158,195,241,.52) 43%,#fff)
}
.how .research .container ul.list li.item .content p.authors {
font-size: 15px;
font-weight: 400;
color: #283c80;
margin-bottom: 15px
}
.how .research .container ul.list li.item .content h3.title {
font-size: 20px;
font-weight: 500;
color: #141414
}
.how .research .container ul.list li.item .content h3.title span {
font-weight: 400
}
.how .research .container ul.list li.item .content h3.title span.arrow {
display: inline-block;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/arrow-right.svg);
background-position: 50%;
background-size: contain;
background-repeat: no-repeat;
width: 45px;
height: 8px;
vertical-align: baseline
}
.how .research .container ul.list li.item .content:hover {
background: -webkit-gradient(linear,left top,right top,color-stop(.1%,rgba(0,98,217,.35)),color-stop(43%,rgba(158,195,241,.52)),to(#fff));
background: -o-linear-gradient(left,rgba(0,98,217,.35) .1%,rgba(158,195,241,.52) 43%,#fff 100%);
background: linear-gradient(90deg,rgba(0,98,217,.35) .1%,rgba(158,195,241,.52) 43%,#fff)
}
.how .research .container p.link {
text-align: right
}
.how .research .container p.link a {
font-size: 20px;
color: #535353;
display: inline-block;
border-bottom: 1px solid #535353;
line-height: 1;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.how .research .container p.link a:hover {
border-bottom: 1px solid #32cfbc;
color: #32cfbc
}
.buy {
position: relative;
z-index: 2
}
.buy .picture {
height: 270px;
overflow: hidden;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/index-details-bg.jpg);
background-position: 0 70%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
margin-top: -21px;
}
.buy .content {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/recommend-pattern.png);
border-top-left-radius: 100% 30px;
border-top-right-radius: 100% 30px;
position: relative;
z-index: 1;
padding: 40px 0;
text-align: center;
margin-top: -20px
}
.buy .content,.buy .content:before {
background-position: 0 0;
background-size: contain
}
.buy .content:before {
display: block;
position: absolute;
content: "";
left: 0;
top: 0;
width: 75%;
height: 5%;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/lines/recommend-line-yellow.svg);
background-repeat: no-repeat
}
.buy .content .container {
max-width: 730px
}
.buy .content .container h1.title {
color: #283c80;
font-size: 30px;
text-align: center
}
.buy .content .container ul.list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 30px 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.buy .content .container ul.list li.item {
padding: 0 20px;
text-align: center
}
.buy .content .container ul.list li.item a {
display: inline-block;
position: relative
}
.buy .content .container ul.list li.item a img {
max-height: 70px
}
.buy .content .container ul.list li.item a p {
height: 0;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
opacity: 0
}
.buy .content .container ul.list li.item:hover p {
opacity: 1
}
.buy .content .container p.text {
color: #283c80;
font-size: 17px;
margin-bottom: 20px
}
.buy .content .container .block {
padding: 30px;
margin-bottom: 30px
}
.buy .content .container .block a {
display: inline-block
}
.faq {
position: relative;
z-index: 2;
background-color: #fff
}
.fixedfaqform {
top: 0;
position: fixed;
}
.faq .picture {
height: 270px;
overflow: hidden;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/faq-bg2.jpg);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.faq .content {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/faq-pattern.png);
background-color: #f5f5f5;
border-top-left-radius: 100% 30px;
border-top-right-radius: 100% 30px;
position: relative;
z-index: 1;
padding: 40px 0;
}
.faq .content,.faq .content:before {
background-position: 0 0;
background-size: contain
}
.faq .content:before {
display: block;
position: absolute;
content: "";
left: 0;
top: 0;
width: 75%;
height: 5%;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/lines/top-line-green.svg);
background-repeat: no-repeat
}
.faq .content .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.faq .content .container .part:first-child {
margin-bottom: 50px
}
.faq .content .container .part:last-child {
position: relative
}
.faq .content .container .part:last-child p { font-size: 12px;
line-height: 13px;
}
.faq form.form .fields .form__field {
margin-bottom: 15px;
}
.faq form.form .fields .form__field:last-of-type p {
margin-bottom: 0;
}
.faq .wpcf7 form .wpcf7-response-output {
padding: 0.2em;
}
.faq .content .container .part h1.title {
color: #283c80;
font-size: 30px;
line-height: 1;
font-weight: 800;
margin-bottom: 30px
}
.faq .content .container .part ul.list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 20px
}
.faq .content .container .part ul.list li.item {
background: #fff;
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.15);
box-shadow: 3px 3px 3px rgba(0,0,0,.15);
border-radius: 8px;
padding: 15px 40px 0 15px;
margin-bottom: 10px;
color: #283c80;
font-weight: 300;
font-size: 18px;
cursor: pointer;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.faq .content .container .part ul.list li.item a.question {
font-weight: 500;
margin-bottom: 15px;
position: relative;
display: block
}
.faq .content .container .part ul.list li.item a.question:after {
display: block;
position: absolute;
content: "";
top: 2px;
right: -30px;
width: 23px;
height: 15px;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/faq-arrow.svg);
background-size: contain;
background-position: 50%;
background-repeat: no-repeat
}
.faq .content .container .part ul.list li.item:hover a.question {
color: #ff0039
}
.faq .content .container .part ul.list li.item:hover a.question:after {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/faq-arrow-red.svg)
}
.faq .content .container .part .block {
text-align: center
}
.faq .content .container .part .block a {
text-decoration: underline;
color: #535353;
cursor: pointer
}
.answer {
position: relative;
z-index: 2;
background-color: #fff;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.answer .picture {
height: 270px;
overflow: hidden;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/faq-bg2.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
position: relative
}
.answer .content {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/faq-pattern.png);
background-color: #f5f5f5;
border-top-left-radius: 100% 30px;
border-top-right-radius: 100% 30px;
position: relative;
z-index: 1;
padding: 40px 0;
margin-top: -20px
}
.answer .content,.answer .content:before {
background-position: 0 0;
background-size: contain
}
.answer .content:before {
display: block;
position: absolute;
content: "";
left: 0;
top: 0;
width: 75%;
height: 5%;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/lines/top-line-green.svg);
background-repeat: no-repeat
}
.answer .content .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.answer .content .container .text {
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.15);
box-shadow: 3px 3px 3px rgba(0,0,0,.15);
border-radius: 8px;
background-color: #fff;
padding: 20px 10px;
margin-bottom: 55px
}
.answer .content .container .text h1.question {
color: #283C80;
margin: 0 auto 45px; width: 80%;
font-size: 30px;
line-height: 34px;
font-weight: 800;
text-align: center;
z-index: 1;
position: relative;
}
.answer .interactive {
border: 1px solid #c4c4c4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 10px 90px 30px;
padding: 32px;
z-index: 10;
position: relative;
}
.answer .content .container .text .interactive p {
font-weight: 700;
font-size: 20px;
line-height: 22px;
margin-bottom: 30px;
}
.answer .interactive ul {
list-style: none;
margin: 0;
padding: 0;
margin-left: 32px;
}
.answer .content .container .text p {
font-size: 18px;
font-weight: 400;
line-height: 22px;
margin-bottom: 20px
}
.answer .content .container .text .text-block .lead {
font-weight: 800;
}
.answer .content .container .text picture {
width: 50%;
}
.answer .content .container .text .alignright {
margin: 20px 0 20px 30px;
float: right;
width: 50%;
}
.answer .content .container .text .alignleft {
margin: 20px 30px 20px 0;
float: left;
width: 50%;
}
.answer .content .container .text .aligncenter {
margin: 30px 0;
width: 100%;
}
.answer .content .container .text iframe {
float: right;
width: 50%;
margin-left: 30px;
}
.answer .content .container .text h2 {
color: #283C80;
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 24px;
margin: 20px 0;
overflow: hidden;
}
.answer .content .container .text h3 {
color: #FF0039;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 24px;
margin: 30px 0 20px;
overflow: hidden;
}
.answer .content .container .text a {
color: #283c80;
text-decoration: underline;
}
.answer .content .container .text a.btn-blue,
.answer .content .container .text p a.btn-blue {
width: 180px;
background-color: #283c80;
color: #ffffff;
font-size: 20px;
font-weight: 500;
border-radius: 25px;
padding: 10px 0;
cursor: pointer;
transition: .2s;
text-decoration: none;
display: block;
text-align: center;
margin: 40px auto 0;
}
.answer .content .container .text a.btn-blue:hover,
.answer .content .container .text p a.btn-blue:hover {
background-color: #ff0039;
}
.answer .content .container .text table {
margin-bottom: 20px;
margin-top: 20px
}
.answer .content .container .text table td,.answer .content .container .text table th {
border: 1px solid #000;
padding: 5px
}
.answer .content .container .text table th {
text-align: center
}
.answer .content .container .text ul {
padding-left: 20px;
margin-bottom: 10px
}
.answer .content .container .text ul li {
list-style-type: disc;
margin-bottom: 5px;
font-weight: 300
}
.answer .content .container .text ol {
padding-left: 0;
margin: 20px 0 0;
list-style-type: none;
counter-reset: num;
list-style-position: outside;
}
.answer .content .container .text ol li {
position: relative;	
padding: 0 0 10px 30px;
font-weight: 300;
margin: 0 0 15px;
font-size: 18px;
line-height: 22px;
color: #333;
}
.answer .content .container .text ol li:before {	
content: counter(num) "."; 
counter-increment: num;
display: inline-block;
position: absolute;
top: -2px;
left: 0;
color: #333;
line-height: 22px;
font-weight: 700;
text-align: left;
width: 20px;
height: 22px;
}
.answer .content .container p.back {
text-align: center;
margin-bottom: 15px;
}
.answer .content .container p.back a {
display: inline-block;
color: #535353;
border-bottom: 1px solid #535353;
color: 20px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.answer .content .container p.back a:hover {
border-bottom: 1px solid rgba(0,0,0,0)
}
.review {
position: relative;
z-index: 2;
background-color: #fff;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.review .picture {
height: 270px;
overflow: hidden;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/recommend-bg2.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
position: relative
}
.review .content {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/faq-pattern.png);
background-color: #f5f5f5;
border-top-left-radius: 100% 30px;
border-top-right-radius: 100% 30px;
position: relative;
z-index: 1;
padding: 40px 0;
margin-top: -20px
}
.review .content,.review .content:before {
background-position: 0 0;
background-size: contain
}
.review .content:before {
display: block;
position: absolute;
content: "";
left: 0;
top: 0;
width: 75%;
height: 5%;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/lines/top-line-green.svg);
background-repeat: no-repeat
}
.review .content .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.review .content .container .text {
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.15);
box-shadow: 3px 3px 3px rgba(0,0,0,.15);
border-radius: 8px;
background-color: #fff;
padding: 20px 10px;
margin-bottom: 55px
}
.review .content .container .text .person {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 40px
}
.review .content .container .text .person .photo {
margin-bottom: 20px
}
.review .content .container .text .person .about {
text-align: left
}
.review .content .container .text .person .about p.name {
font-size: 30px;
font-weight: 700;
margin-bottom: 10px
}
.review .content .container .text .person .about p.short {
font-weight: 700;
margin-bottom: 10px
}
.review .content .container .text h1.question {
color: #283c80;
margin-bottom: 25px;
font-size: 30px;
font-weight: 700;
line-height: 1.1
}
.review .content .container .text p {
font-size: 18px;
font-weight: 400;
margin-bottom: 10px
}
.review .content .container .text .final {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 40px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%
}
.review .content .container .text .final p.about {
font-style: italic;
font-weight: 700;
margin-bottom: 20px
}
.review .content .container .text .final .signing {
text-align: right
}
.review .content .container p.back {
text-align: center
}
.review .content .container p.back a {
display: inline-block;
color: #ff0039;
border-bottom: 1px solid #ff0039;
color: 20px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.review .content .container p.back a:hover {
border-bottom: 1px solid rgba(0,0,0,0)
}
.company {
padding: 0;
text-align: center
}
.company .picture {
overflow: hidden;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/company.jpg);
background-position: 50% 99%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
height: 270px
}
.company .content {
padding: 50px 0 40px;
position: relative;
z-index: 1;
border-top-left-radius: 100% 30px;
border-top-right-radius: 100% 30px;
border-bottom-left-radius: 100% 30px;
border-bottom-right-radius: 100% 30px;
margin-top: -30px
}
.company .content:before {
left: 0;
top: 0;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/lines/company-line-pink.svg);
background-position: 0 0
}
.company .content:after,.company .content:before {
display: block;
position: absolute;
content: "";
width: 75%;
height: 5%;
background-size: contain;
background-repeat: no-repeat
}
.company .content:after {
right: 0;
bottom: 0;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/lines/company-line-light.svg);
background-position: 100% 100%
}
.company .content .container {
max-width: 1010px
}
.company .content .container .text {
text-align: left
}
.company .content .container .text h1.title {
font-size: 30px;
text-align: center;
color: #283c80
}
.company .content .container .text p {
font-size: 20px;
margin-bottom: 30px;
color: #141414
}
.company .content .container .text blockquote {
font-size: 20px;
color: #141414;
}
.company .content .container .text blockquote,
.company .content .container .text p.important {
background-color: #f5f5f5;
padding: 10px
}
.company .content .container .text ul,
.company .content .container .text ul.list {
margin-bottom: 30px;
padding-left: 30px;
list-style-type: disc
}
.company .content .container .text ul li,
.company .content .container .text ul.list li.item {
list-style-type: disc
}
.company .content .container .text ul li p,
.company .content .container .text ul.list li.item p {
margin-bottom: 10px
}
.company .content .container .details {
margin-bottom: 40px
}
.company .content .container .details h2.title {
font-size: 20px;
text-align: center;
margin-bottom: 40px;
color: #283c80;
font-weight: 700
}
.company .content .container .details ul.list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: #141414
}
.company .content .container .details ul.list li.item {
text-align: left;
margin-bottom: 40px
}
.company .content .container .details ul.list li.item h2.title {
margin-bottom: 15px;
display: inline-block;
border-bottom: 1px solid #141414;
font-weight: 400;
line-height: 1;
font-size: 17px;
color: #141414
}
.company .content .container p.link {
text-align: center
}
.company .content .container p.link a {
display: inline-block;
border-bottom: 1px solid #ff0039;
font-size: 18px;
color: #ff0039;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
line-height: 1
}
.company .content .container p.link a:hover {
border-bottom: 1px solid rgba(0,0,0,0)
}
.company ul.slider {
margin-top: -30px;
max-height: 700px
}
.articles {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/faq-pattern.png);
background-color: #f5f5f5;
background-position: 50% 50%;
background-size: contain;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
padding: 90px 0
}
.articles .container {
max-width: 876px
}
.articles .container .block__title {
margin-bottom: 50px
}
.articles .container .block__title h1.title {
text-align: center;
color: #283c80;
font-size: 30px
}
.articles .container .content {
background-color: rgba(0,0,0,0);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.articles .container .content,.articles .container .content ul.tab__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.articles .container .content ul.tab__list {
margin-bottom: 50px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 500px
}
.articles .container .content ul.tab__list li.tab {
padding: 8px;
margin-bottom: 5px
}
.articles .container .content ul.tab__list li.tab a {
font-size: 13px;
font-weight: 400;
text-align: center;
background-color: #fff;
border-radius: 12px;
padding: 7px 10px;
position: relative
}
.articles .container .content ul.tab__list li.tab a.active,.articles .container .content ul.tab__list li.tab a:hover {
font-weight: 500;
color: #283c80
}
.articles .container .content .inner {
width: 100%
}
.articles .container .content .inner .text ul.list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 55px
}
.articles .container .content .inner .text ul.list li.item {
max-width: 264px;
margin-bottom: 30px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
display: none;
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.15);
box-shadow: 3px 3px 3px rgba(0,0,0,.15);
border-radius: 15px
}
.articles .container .content .inner .text ul.list li.item.open {
display: block
}
.articles .container .content .inner .text ul.list li.item .pic {
height: 173px;
max-height: 173px;
overflow: hidden;
border-radius: 15px 15px 0 0;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.articles .container .content .inner .text ul.list li.item .pic img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%
}
.articles .container .content .inner .text ul.list li.item .text {
padding: 15px 15px 30px;
height: 193px;
max-height: 193px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-shadow: 5px 5px 15px rgba(0,0,0,.1);
box-shadow: 5px 5px 15px rgba(0,0,0,.1);
border-radius: 0 0 15px 15px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
position: relative
}
.articles .container .content .inner .text ul.list li.item .text h2.title {
color: #283c80;
margin-bottom: 15px;
font-size: 20px
}
.articles .container .content .inner .text ul.list li.item .text p {
font-size: 16px;
max-height: 58px;
overflow: hidden
}
.articles .container .content .inner .text ul.list li.item .text:after {
display: block;
position: absolute;
content: "...";
left: 15px;
bottom: 15px;
width: 20px;
height: 20px;
color: #585858
}
.articles .container .content .inner .text ul.list li.item:hover,.articles .container .content .inner .text ul.list li.item:hover .pic,.articles .container .content .inner .text ul.list li.item:hover .text {
-webkit-box-shadow: none;
box-shadow: none
}
.articles .container .content .inner .text ul.list li.item:first-child .text,.articles .container .content .inner .text ul.list li.item:nth-child(10n+1) .text {
background: -o-linear-gradient(123.5deg,rgba(244,169,18,.4) -1.35%,rgba(244,169,18,0) 81%),#fff;
background: linear-gradient(326.5deg,rgba(244,169,18,.4) -1.35%,rgba(244,169,18,0) 81%),#fff
}
.articles .container .content .inner .text ul.list li.item:nth-child(2) .text,.articles .container .content .inner .text ul.list li.item:nth-child(10n+2) .text {
background: -o-linear-gradient(122.77deg,rgba(255,0,57,.3) 0,rgba(255,0,57,0) 82.9%),#fff;
background: linear-gradient(327.23deg,rgba(255,0,57,.3),rgba(255,0,57,0) 82.9%),#fff
}
.articles .container .content .inner .text ul.list li.item:nth-child(3) .text,.articles .container .content .inner .text ul.list li.item:nth-child(10n+3) .text {
background: -o-linear-gradient(122.38deg,rgba(0,98,217,.4) -2.77%,rgba(0,98,217,0) 82.15%),#fff;
background: linear-gradient(327.62deg,rgba(0,98,217,.4) -2.77%,rgba(0,98,217,0) 82.15%),#fff
}
.articles .container .content .inner .text ul.list li.item:nth-child(4) .text,.articles .container .content .inner .text ul.list li.item:nth-child(10n+4) .text {
background: -o-linear-gradient(122.55deg,rgba(50,207,188,.4) 0,rgba(50,207,188,0) 81.66%),#fff;
background: linear-gradient(327.45deg,rgba(50,207,188,.4),rgba(50,207,188,0) 81.66%),#fff
}
.articles .container .content .inner .text ul.list li.item:nth-child(5) .text,.articles .container .content .inner .text ul.list li.item:nth-child(10n+5) .text {
background: -o-linear-gradient(123.24deg,rgba(0,194,255,.4) -2.54%,rgba(0,194,255,0) 82.99%),#fff;
background: linear-gradient(326.76deg,rgba(0,194,255,.4) -2.54%,rgba(0,194,255,0) 82.99%),#fff
}
.articles .container .content .inner .text ul.list li.item:nth-child(6) .text,.articles .container .content .inner .text ul.list li.item:nth-child(10n+6) .text {
background: -o-linear-gradient(304deg,rgba(244,169,18,0) 17.12%,rgba(244,169,18,.4) 100%),#fff;
background: linear-gradient(146deg,rgba(244,169,18,0) 17.12%,rgba(244,169,18,.4)),#fff
}
.articles .container .content .inner .text ul.list li.item:nth-child(7),.articles .container .content .inner .text ul.list li.item:nth-child(8),.articles .container .content .inner .text ul.list li.item:nth-child(9),.articles .container .content .inner .text ul.list li.item:nth-child(10n),.articles .container .content .inner .text ul.list li.item:nth-child(10n+7),.articles .container .content .inner .text ul.list li.item:nth-child(10n+8),.articles .container .content .inner .text ul.list li.item:nth-child(10n+9) {
background-color: #fff;
max-width: 264px;
border-radius: 8px;
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.15);
box-shadow: 3px 3px 3px rgba(0,0,0,.15)
}
.articles .container .content .inner .text ul.list li.item:nth-child(7) .pic,.articles .container .content .inner .text ul.list li.item:nth-child(8) .pic,.articles .container .content .inner .text ul.list li.item:nth-child(9) .pic,.articles .container .content .inner .text ul.list li.item:nth-child(10n) .pic,.articles .container .content .inner .text ul.list li.item:nth-child(10n+7) .pic,.articles .container .content .inner .text ul.list li.item:nth-child(10n+8) .pic,.articles .container .content .inner .text ul.list li.item:nth-child(10n+9) .pic {
display: none
}
.articles .container .content .inner .text ul.list li.item:nth-child(7) .text,.articles .container .content .inner .text ul.list li.item:nth-child(8) .text,.articles .container .content .inner .text ul.list li.item:nth-child(9) .text,.articles .container .content .inner .text ul.list li.item:nth-child(10n) .text,.articles .container .content .inner .text ul.list li.item:nth-child(10n+7) .text,.articles .container .content .inner .text ul.list li.item:nth-child(10n+8) .text,.articles .container .content .inner .text ul.list li.item:nth-child(10n+9) .text {
padding: 20px
}
.articles .container .content .inner .text ul.list li.item:nth-child(7) .text:after,.articles .container .content .inner .text ul.list li.item:nth-child(8) .text:after,.articles .container .content .inner .text ul.list li.item:nth-child(9) .text:after,.articles .container .content .inner .text ul.list li.item:nth-child(10n) .text:after,.articles .container .content .inner .text ul.list li.item:nth-child(10n+7) .text:after,.articles .container .content .inner .text ul.list li.item:nth-child(10n+8) .text:after,.articles .container .content .inner .text ul.list li.item:nth-child(10n+9) .text:after {
left: 20px;
bottom: 5px
}
.articles .container .content .inner .text .show {
text-align: center
}
.articles .container .content .inner .text .show a {
display: inline-block;
border-bottom: 1px solid #585858;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
cursor: pointer
}
.articles .container .content .inner .text .show a:hover {
border-bottom: 1px solid rgba(0,0,0,0)
}
.articles .container .content .inner .text .show:nth-of-type(2) {
display: none
}
.document {
padding: 60px 0;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/faq-pattern.png);
background-color: #f5f5f5;
background-position: 0 0;
background-size: contain;
border-radius: 10px;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.document .container {
background-color: #fff;
padding: 20px;
margin: 55px auto 30px;
}
.document .container h1.title {
font-size: 30px;
color: #283c80;
margin-bottom: 20px;
line-height: 1
}
.document .container p.text {
margin-bottom: 10px
}
.document .container p.text:last-child {
margin-bottom: 0
}
.document .container a {
color: #283c80;
font-weight: 500;
display: inline-block;
border-bottom: 1px solid rgba(0,0,0,0);
line-height: 1
}
.document .container a:hover {
border-bottom: 1px solid #283c80
}
.document h1.title {
font-size: 30px;
color: #283c80;
margin-bottom: 20px;
line-height: 1
}
footer.footer {
background-color: #283c80;
padding: 70px 0 0;
color: #fff;
border-top-left-radius: 100% 30px;
border-top-right-radius: 100% 30px;
font-size: 17px;
margin-top: -15px; z-index: 3
}
footer.footer .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
footer.footer .container .part {
width: 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-bottom: 20px
}
footer.footer .container .part:first-child a {
display: block;
color: #fff
}
footer.footer .container .part:first-child a:hover {
text-decoration: underline
}
footer.footer .container .part:nth-child(2) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
footer.footer .container .part:nth-child(2) form {
margin-top: 20px;
position: relative;
text-align: center
}
footer.footer .container .part:nth-child(2) form input {
background-color: rgba(0,0,0,0);
border-bottom: 1px solid #fff;
outline: none;
width: 80%;
padding: 5px 10px
}
footer.footer .container .part:nth-child(2) form input::-webkit-input-placeholder {
color: hsla(0,0%,100%,.6);
-webkit-transition: color .4s ease;
-o-transition: color .4s ease;
transition: color .4s ease
}
footer.footer .container .part:nth-child(2) form input::-moz-placeholder {
color: hsla(0,0%,100%,.6);
-webkit-transition: color .4s ease;
-o-transition: color .4s ease;
transition: color .4s ease
}
footer.footer .container .part:nth-child(2) form input:-ms-input-placeholder {
color: hsla(0,0%,100%,.6);
-webkit-transition: color .4s ease;
-o-transition: color .4s ease;
transition: color .4s ease
}
footer.footer .container .part:nth-child(2) form input::-ms-input-placeholder {
color: hsla(0,0%,100%,.6);
-webkit-transition: color .4s ease;
-o-transition: color .4s ease;
transition: color .4s ease
}
footer.footer .container .part:nth-child(2) form input::placeholder {
color: hsla(0,0%,100%,.6);
-webkit-transition: color .4s ease;
-o-transition: color .4s ease;
transition: color .4s ease
}
footer.footer .container .part:nth-child(2) form input:focus::-webkit-input-placeholder {
color: rgba(0,0,0,0)
}
footer.footer .container .part:nth-child(2) form input:focus::-moz-placeholder {
color: rgba(0,0,0,0)
}
footer.footer .container .part:nth-child(2) form input:focus:-ms-input-placeholder {
color: rgba(0,0,0,0)
}
footer.footer .container .part:nth-child(2) form input:focus::-ms-input-placeholder {
color: rgba(0,0,0,0)
}
footer.footer .container .part:nth-child(2) form input:focus::placeholder {
color: rgba(0,0,0,0)
}
footer.footer .container .part:nth-child(2) form input:focus {
border-bottom: 1px solid rgba(0,0,0,0)
}
footer.footer .container .part:nth-child(2) form input:focus~.bg {
height: 100%
}
footer.footer .container .part:nth-child(2) form .bg {
height: 0%;
width: 80%;
background: #fff;
position: absolute;
border-radius: 5px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: -2;
-webkit-transition: height .7s cubic-bezier(.76,-.76,.25,1.26);
-o-transition: height .7s cubic-bezier(.76,-.76,.25,1.26);
transition: height .7s cubic-bezier(.76,-.76,.25,1.26)
}
footer.footer .container .part:last-child p {
margin-bottom: 5px
}
footer.footer .container .madein a {
color: #fff
}
footer.footer p.warning {
padding: 10px;
margin-top: 20px
}
footer.footer p.warning,section.warning {
text-transform: uppercase;
font-size: 11px;
font-weight: 300;
text-align: center;
background-color: #00c2ff
}
section.warning {
color: #fff;
line-height: 1;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
padding: 10px 30px;
z-index: 3
}
section.warning .check {
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 24px;
height: 24px;
border-radius: 50%;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/cancel.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
cursor: pointer
}
section.warning .check input {
width: 100%;
height: 100%
}
.slick-slider {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list,.slick-slider {
position: relative;
display: block
}
.slick-list {
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,.slick-slider .slick-track {
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0)
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:after,.slick-track:before {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid rgba(0,0,0,0)
}
.slick-arrow.slick-hidden {
display: none
}
.slick-next,.slick-prev {
font-size: 0;
line-height: 0;
position: absolute;
top: 0;
display: block;
width: 50%;
height: 100%;
padding: 0;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
cursor: pointer;
border: none
}
.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover {
color: rgba(0,0,0,0);
outline: none;
background: rgba(0,0,0,0)
}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
opacity: .25
}
.slick-next:before,.slick-prev:before {
font-size: 20px;
display: block;
line-height: 1;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 45px;
height: 8px;
opacity: 0;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/slick-arrow.svg);
background-repeat: no-repeat;
background-position: 50%;
background-size: contain
}
.slick-next:hover:before,.slick-prev:hover:before {
opacity: 1
}
.slick-prev {
left: 20px;
z-index: 1
}
[dir=rtl] .slick-prev {
right: -25px;
left: auto
}
.slick-prev:before,[dir=rtl] .slick-prev:before {
content: ""
}
.slick-next {
right: 20px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
[dir=rtl] .slick-next {
right: auto;
left: -25px
}
.slick-next:before,[dir=rtl] .slick-next:before {
content: ""
}
.slick-dotted.slick-slider {
margin-bottom: 30px
}
.slick-dots {
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center
}
.slick-dots li {
position: relative;
display: inline-block;
padding: 0
}
.slick-dots li,.slick-dots li button {
width: 20px;
height: 20px;
cursor: pointer
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
padding: 5px;
color: rgba(0,0,0,0);
border: 0;
outline: none;
background: rgba(0,0,0,0)
}
.slick-dots li button:focus,.slick-dots li button:hover {
outline: none
}
.slick-dots li button:focus:before,.slick-dots li button:hover:before {
opacity: 1
}
.slick-dots li button:before {
font-family: slick;
font-size: 10px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: "•";
text-align: center;
opacity: .25;
color: #000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
opacity: .75;
color: #000
}
section.choose .container .spec-text {
font-size: 21px;
color: #283C80;
margin-top: 25px;
margin-bottom: 45px;
text-align: center;
font-weight: 800;
}
section.choose .container .spec-text a {
text-decoration: underline;
}
section.choose .container .spec-text a:hover {
text-decoration: none;
}
@media (min-width: 768px) {
.feedback .picture { height: 460px;
background-size: cover; background-position: 50% 33%;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/feedback/feedback-bg.jpg);
margin-top: 0;
}
.feedback .content .container h1.title {
font-size: 40px
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form h2.title {
font-size: 30px
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form .fields {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.feedback .content .container .feedback__form .wpcf7 form.form.wpcf7-form .fields .part {
width: 48%
}
header.header {
font-size: 15px
}
header.header .container a.logo img {
max-width: 180px
}
.menu li a {
font-size: 16px
}
.burger,.burger .menu-switch {
width: 108px
}
main.main { background-position: 30% 10%;    background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/decstop_bg_leto.jpg);
}
main.main:after {
height: 7%;
width: 70%
}
section.index__details {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
section.index__details .part {
width: 50%
}
section.index__details .part:first-child {
border-top-left-radius: 100% 0;
border-top-right-radius: 100% 0
}
section.index__details .part:last-child {
border-bottom-left-radius: 100% 0;
border-bottom-right-radius: 100% 0
}
footer.footer {
border-top-left-radius: 100% 80px;
border-top-right-radius: 100% 80px;
margin-top: -40px
}
footer.footer .container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: space-between;
-ms-flex-align: space-between;
align-items: space-between
}
footer.footer .container .part {
width: 250px;
margin-bottom: 0
}
footer.footer .container .part:nth-child(2) {
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
footer.footer .container .part:nth-child(2) form {
margin-top: 25px
}
footer.footer .container .part:first-child {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
footer.footer .container .part:last-child p {
margin-bottom: 15px
}
.visible__sm {
display: block
}
.hidden__sm {
display: none
}
}
@media (min-width: 992px) {
.average-price {
position: relative;
margin: 50px 0;
padding-bottom: 50px;
}
.average-price:before {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -258px;
width: 516px;
height: 1px;
background: rgba(0, 98, 217, 0.5);
}
.average-price p {
font-weight: 500;
font-size: 30px;
line-height: 33px;
font-family: Alegreya Sans,sans-serif;
color: #283C80;
margin-bottom: 35px;
}
.average-item {
width: 516px;
height: 44px;
margin: 0 auto 25px;
display: flex;
justify-content: space-between;
align-items: center;
}
.average-item span {
display: flex;
align-items: center;
justify-content: center;
border-radius: 25px;
width: 98px;
height: 38px;
font-family: Alegreya Sans;
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 17px;
text-align: center;
color: #FFFFFF;
}
.average-item:nth-child(2) span {
background: #FF5800;
}
.average-item:nth-child(3) span {
background: #F4A912;
}
.average-item big {
font-family: Alegreya Sans;
font-style: normal;
font-weight: 500;
font-size: 40px;
line-height: 44px;
text-align: center;
color: #283C80;
padding-left: 82px;
position: relative;
}
.average-item big:before {
content: '';
position: absolute;
left: 0;
top: 50%;
margin-top: 2px;
display: block;
height: 1px;
width: 71px;
background: rgba(0, 98, 217, 0.5);
}
.feedback .page__title {
padding: 160px 0;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/feedback/feedback-bg2.jpg)
}
.feedback .page__title .container h1.title {
font-size: 40px
}
.feedback .content {
border-top-left-radius: 100% 60px;
border-top-right-radius: 100% 60px;
margin-top: -30px;
}
.feedback .content .container ul.list li.item {
padding: 30px 45px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.feedback .content .container ul.list li.item .header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.feedback .content .container ul.list li.item .header .part {
width: 30%
}
.feedback .content .container ul.list li.item .header .part.person .about {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-weight: 500
}
.feedback .content .container ul.list li.item .header .part.person .about span.nickname {
font-size: 18px
}
.feedback .content .container ul.list li.item .header .part.person .about span.date {
font-size: 13px
}
.feedback .content .container ul.list li.item .header .part.stars {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.feedback .content .container ul.list li.item .header .part.source {
text-align: right
}
.feedback .content .container ul.list li.item:hover {
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
-webkit-box-shadow: 6px 6px 6px rgba(0,0,0,.05);
box-shadow: 6px 6px 6px rgba(0,0,0,.05)
}
.feedback .content .container .bottom {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.feedback .content .container .bottom .part p.text {
margin-bottom: 0
}
.feedback .content .container .bottom .part .button {
text-align: right;
padding: 0 0 0 50px
}
.feedback .content:before {
display: block;
position: absolute;
content: "";
left: 0;
top: -4px;
width: 75%;
height: 7%
}
header.header {
bottom: 0;
height: 90px;
width: 104%;
margin-left: -2%;
border-bottom-left-radius: 100% 60px;
border-bottom-right-radius: 100% 60px
}
header.header .container {
padding: 0 30px;
margin: auto
}
header.header.hidden__md {
display: none
}
header.header.visible__md {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
header.header li a:hover {
background-color: #ff0039
}
header.header a.logo {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
header.header a.logo.hidden__md {
display: none
}
header.header a.logo span {
display: inline-block;
margin-right: 10px
}
header.header a.logo:hover {
color: #fff
}
.diploma {
position: fixed;
z-index: 3;
top: 60px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s; right: 8%;
left: auto !important;
}
.diploma.hidden {
top: -110px
}
.diploma a.content {
border-radius: 0 0 20px 20px;
padding: 35px 5px 10px;
background-color: #fff;
text-align: center;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
display: inline-block
}
.diploma a.content:hover {
margin-top: 10px
}
.diploma a.content p.top {
color: #283c80;
font-size: 13px;
text-align: center;
font-weight: 700;
margin-bottom: 5px
}
.diploma a.content .picture {
margin-bottom: 5px
}
.diploma a.content .picture img {
width: 55%
}
.diploma a.content p.bottom {
color: #141414;
font-size: 13px;
text-align: center
}
.menu {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.menu li a {
font-size: 14px;
padding: 10px 15px
}
.menu-switch {
display: none
}
#navigation {
top: 0;
width: 100%;
-ms-flex-pack: distribute;
justify-content: space-around;
position: relative;
opacity: 1;
background: rgba(0,0,0,0);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
#navigation ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
#navigation ul li:first-child {
position: relative
}
#navigation ul li:first-child a:hover~ul.list,#navigation ul li:first-child ul.list:hover {
display: block;
opacity: 1;
width: 121px;
position: absolute;
background-color: #fff;
top: 50%;
border-radius: 0 0 20px 20px;
padding-top: 20px;
left: 0;
width: 100%
}
#navigation ul li:first-child a:hover~ul.list li,#navigation ul li:first-child ul.list:hover li {
padding: 0 5px
}
#navigation ul li:first-child a:hover~ul.list li a,#navigation ul li:first-child ul.list:hover li a {
background-color: rgba(0,0,0,0);
color: #0062d9;
font-size: 13px;
font-weight: 500;
padding: 10px 0;
text-transform: inherit;
border-bottom: .5px solid rgba(0,98,217,.5);
border-radius: 0;
display: block;
text-align: center
}
#navigation ul li:first-child a:hover~ul.list li a:hover,#navigation ul li:first-child ul.list:hover li a:hover {
color: #ff0039
}
#navigation ul li:first-child a:hover~ul.list li:last-child a,#navigation ul li:first-child ul.list:hover li:last-child a {
border-bottom: none
} #navigation ul li:first-child:hover a {
background-color: #fff;
color: #0062d9;
z-index: 1;
position: relative;
}
#navigation ul li:first-child .first__link {
background-color: #fff;
color: #0062d9;
position: relative;
z-index: 1
}
#navigation ul li {
text-align: left;
margin-bottom: 0;
text-align: center
}
#navigation ul li ul.list {
display: none;
opacity: 0;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
#navigation ul li a {
font-size: 13px;
text-transform: uppercase
}
#navigation ul li a.logo {
position: relative
}
#navigation ul li a.logo p {
font-size: 14px
}
#navigation .quick-contact {
-ms-flex-preferred-size: 50%;
flex-basis: 50%
}
#navigation .quick-contact a.logo {
position: relative;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
left: auto;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
font-size: 32px;
color: #201e21;
display: block
}
#navigation .quick-contact a.logo span {
display: block;
margin-right: 0
}
#navigation .quick-contact a.logo:hover {
color: inherit
}
#navigation .quick-contact address {
margin: 2em 0
}
#navigation .quick-contact .contacts,#navigation .quick-contact address {
font-style: normal;
color: #eee;
font-size: 15px;
line-height: 160%
}
#navigation .quick-contact .contacts a {
color: #bb9775;
font-weight: 600
}
form.form {
padding: 40px 40px 0;
}
.how-use .picture {
height: 400px;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/how-use-bg2.jpg);
background-position: 50% 25%;
margin-top: -5px;
}
.how-use .content {
border-top-left-radius: 100% 60px;
border-top-right-radius: 100% 60px
}
.how-use .content:before {
top: -4px
}
.how-use .content .container h1.title {
font-size: 40px
}
.how-use .content .container p.important {
font-size: 22px
}
.how-use .content .container .table {
width: 100%
}
.how-use .content .container .table .categories {
width: 33.33%
}
.how-use .content .container .table .categories .row {
padding: 5px;
color: #fff;
font-size: 30px;
min-height: 65px
}
.how-use .content .container .table .categories .row span.text {
font-size: 14px
}
.how-use .content .container .table .categories .row:first-child {
color: #283c80;
font-size: 15px;
background-color: #fff;
min-height: 110px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.how-use .content .container .table .categories .row:nth-child(2) {
background-color: #32cfbc
}
.how-use .content .container .table .categories .row:nth-child(3) {
background-color: #0062d9
}
.how-use .content .container .table .categories .row:nth-child(4) {
background-color: #f4a912
}
.how-use .content .container .table .categories .row:nth-child(5) {
background-color: #00c2ff
}
.how-use .content .container .table .content-table {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
z-index: 1;
border-radius: 0 8px 8px 8px;
-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,.3);
box-shadow: 2px 2px 2px 0 rgba(0,0,0,.3);
overflow-x: inherit;
width: 66.66%
}
.how-use .content .container .table .content-table .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.how-use .content .container .table .content-table .row .cell {
width: 50%;
padding: 10px;
min-width: 120px;
background-color: #fff;
color: #283c80;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 16px;
font-weight: 700;
min-height: 65px
}
.how-use .content .container .table .content-table .row:first-child .cell {
color: #283c80;
min-height: 110px;
font-size: 13px
}
.how-use .content .container .table .content-table .row:first-child .cell span {
font-size: 20px;
font-weight: 700
}
.how-use .content .container .table .content-table .row:nth-child(2) .cell {
background-color: rgba(50,207,188,.2)
}
.how-use .content .container .table .content-table .row:nth-child(3) .cell {
background-color: rgba(0,98,217,.2)
}
.how-use .content .container .table .content-table .row:nth-child(4) .cell {
background-color: rgba(244,169,18,.2)
}
.how-use .content .container .table .content-table .row:nth-child(5) .cell {
background-color: rgba(0,194,255,.2)
}
.how-use .content .container .table .content-table .row:nth-child(6) {
padding: 10px 5px;
width: 100%;
background-color: #fdd001;
min-width: 240px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
main.main {
padding: 80px 0 160px;    background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/decstop_bg_leto.jpg);
background-position: 50% 80%;
margin-top: -10px;
border-bottom-left-radius: 100% 60px;
border-bottom-right-radius: 100% 60px
}
main.main:after {
bottom: -10px
}
main.main:before {
display: none
}
main.main .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
main.main .container ul.list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 110px
}
main.main .container ul.list,main.main .container ul.list li.item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
main.main .container ul.list li.item {
text-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 40px;
position: relative
}
main.main .container ul.list li.item:last-child {
margin-bottom: 0
}
main.main .container ul.list li.item .round {
background-color: #fcd000;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/main-list/main-icon-1.svg);
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 60px;
height: 60px;
top: 10px;
background-size: 50% 50%;
background-position: 50%;
background-repeat: no-repeat;
margin-bottom: 10px;
-webkit-transition: .1s;
-o-transition: .1s;
transition: .1s;
-webkit-box-shadow: 0 5.7574px 8.22485px rgba(0,0,0,.2);
box-shadow: 0 5.7574px 8.22485px rgba(0,0,0,.2)
}
main.main .container ul.list li.item .round:hover {
background-color: #00c2ff;
-webkit-box-shadow: 0 0 0 3px #00c2ff;
box-shadow: 0 0 0 3px #00c2ff;
background-size: 53% 53%
}
main.main .container ul.list li.item:nth-child(2) .round {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/main-list/main-icon-2.svg)
}
main.main .container ul.list li.item:nth-child(3) .round {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/main-list/main-icon-3.svg)
}
main.main .container ul.list li.item p { color: #283C80;
text-transform: uppercase;
font-size: 11px;
font-weight: 700;
line-height: 1.3
}
main.main .container ul.list li.item p span.number {
font-size: 14px;
vertical-align: baseline;
line-height: 1
}
main.main .container .picture {
width: 35%
}
main.main .container .picture img:nth-child(2) {
display: block;
width: 85%
}
section.products {
padding: 0 0 70px;
margin-top: -40px
}
section.products .container .content {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
section.products .container .content:after {
display: block;
position: absolute;
content: "";
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 1920px;
height: 100%;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/products-pattern.svg);
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
z-index: -1
}
section.products .container .content .part {
margin-bottom: 0;
margin-right: 30px
}
section.products .container .content .part .picture img {
width: auto;
max-width: 330px;
height: 233px;
display: block;
position: relative;
z-index: 1;
margin: 0 auto;
}
section.products .container .content .part span.title {
display: block;
text-align: center;
font-size: 11px;
color: #283c80;
font-weight: 800;
text-transform: uppercase
}
section.products .container .content .part .ellipses__list {
margin-top: -50px;
z-index: 0
}
section.products .container .content .part:last-child .ellipses__list {
position: relative;
width: 100%
}
section.products .container .content .part:last-child .ellipses__list .part {
position: absolute;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
section.products .container .content .part:last-child .ellipses__list .part:after {
display: block;
position: absolute;
margin: auto;
width: 70px;
height: 20px;
opacity: 0;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
font-weight: 500
}
section.products .container .content .part:last-child .ellipses__list .part:first-child {
left: 0;
top: 0
}
section.products .container .content .part:last-child .ellipses__list .part:first-child:after {
content: "апельсин";
-webkit-transform: rotate(62deg);
-ms-transform: rotate(62deg);
transform: rotate(62deg);
left: -18px;
top: 82px;
color: #ff5800
}
section.products .container .content .part:last-child .ellipses__list .part:first-child:hover {
left: -10px
}
section.products .container .content .part:last-child .ellipses__list .part:nth-child(2) {
left: 85px;
top: 72px;
}
section.products .container .content .part:last-child .ellipses__list .part:nth-child(2):after {
left: 35px;
top: 96px;
content: "нейтральный";
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
color: #283c80
}
section.products .container .content .part:last-child .ellipses__list .part:nth-child(2):hover {
left: 85px;
top: 82px;
}
section.products .container .content .part:last-child .ellipses__list .part:nth-child(3) {
left: calc(100% - 125px);
top: -1px;
}
section.products .container .content .part:last-child .ellipses__list .part:nth-child(3):after {
left: 76px;
top: 82px;
content: "клубника";
-webkit-transform: rotate(-58deg);
-ms-transform: rotate(-58deg);
transform: rotate(-58deg);
color: #ff0039
}
section.products .container .content .part:last-child .ellipses__list .part:nth-child(3):hover {
left: calc(100% - 115px)
}
section.products .container .content .part:last-child .ellipses__list .part:nth-child(4) {
left: calc(100% - 110px);
top: 0
}
section.products .container .content .part:last-child .ellipses__list .part:nth-child(4):after {
left: 75px;
top: 60px;
content: "клубника";
-webkit-transform: rotate(-67deg);
-ms-transform: rotate(-67deg);
transform: rotate(-67deg);
color: #ff0039
}
section.products .container .content .part:last-child .ellipses__list .part:nth-child(4):hover {
left: calc(100% - 100px)
}
section.products .container .content .part:last-child .ellipses__list .part:hover:after {
opacity: 1
}
section.products .container .content .chick {
position: absolute;
right: 0;
z-index: 2;
margin-top: -130px
}
section.choose {
background-color: #00c2ff;
padding: 50px 0;
border-top-left-radius: 100% 60px;
border-top-right-radius: 100% 60px;
border-bottom-left-radius: 100% 60px;
border-bottom-right-radius: 100% 60px;
margin-top: -30px
}
section.choose:after {
bottom: -6px;
width: 75%;
height: 5%;
display: none;
}
section.choose .container h2.title {
margin-bottom: 45px
}
section.choose .container ul.list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
section.choose .container ul.list li.item {
width: 25%;
padding: 0 35px
}
section.choose .container ul.list li.item .icon {
width: 75px;
height: 75px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
position: relative
}
section.choose .container ul.list li.item .icon img {
margin: auto
}
section.choose .container ul.list li.item h3.title {
font-size: 17px;
margin-bottom: 15px;
min-height: 34px
}
section.choose .container ul.list li.item p {
font-size: 17px
}
section.choose .container ul.list li.item .cost {
width: 180px;
height: 180px;
position: relative
}
section.choose .container ul.list li.item .cost:before {
right: -20px;
bottom: 60px;
width: 40px;
height: 40px;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/triangle-orange.svg);
-webkit-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
transform: rotate(-15deg)
}
section.choose .container ul.list li.item .cost:after,section.choose .container ul.list li.item .cost:before {
display: block;
position: absolute;
content: "";
background-size: contain;
background-position: 50%;
background-repeat: no-repeat
}
section.choose .container ul.list li.item .cost:after {
right: -190px;
bottom: -120px;
width: 183px;
height: 272px;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/chick/chick-2.png)
}
section.choose .container ul.list li.item .cost a {
padding: 10px 40px;
-ms-flex-item-align: center;
align-self: center
}
section.choose .container ul.list li.item:last-child {
-ms-flex-item-align: start;
align-self: flex-start;
position: relative;
left: -50px;
}
section.choose .container ul.list li.item .icon {
background-color: #fcd000;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/choose-list/choose-icon-1-hover.svg)
}
section.choose .container ul.list li.item .icon:after {
display: block;
position: absolute;
content: "";
left: 50%;
top: 50%;
-webkit-transform: translate(-53%,-53%);
-ms-transform: translate(-53%,-53%);
transform: translate(-53%,-53%);
width: 200%;
height: 200%;
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/choose-list/choose-icon-hover.svg)
}
section.choose .container ul.list li.item h3.title,section.choose .container ul.list li.item p {
color: #283c80
}
section.choose .container ul.list li.item:nth-of-type(2) .icon {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/choose-list/choose-icon-2-hover.svg)
}
section.choose .container ul.list li.item:nth-of-type(3) .icon {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/choose-list/choose-icon-3-hover.svg)
}
section.choose .container ul.list li.item:hover:nth-of-type(4) .icon {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/choose-list/choose-icon-5-hover.svg)
}
section.choose .container ul.list li.item:nth-of-type(5) .icon {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/choose-list/choose-icon-6-hover.svg)
}
section.choose .container ul.list li.item:nth-of-type(6) {
-ms-flex-item-align: start;
align-self: flex-start
}
section.choose .container ul.list li.item:nth-of-type(6) .icon {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/choose-list/choose-icon-4-hover.svg)
}
section.choose .container ul.list li.item:last-child p {
color: #fff
}
section.formula {
padding: 80px 0 0
}
section.formula .container .content {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 70px
}
section.formula .container .content .part h2.title {
text-align: left;
margin-bottom: 60px
}
section.formula .container .content .part p {
font-size: 18px;
margin-bottom: 40px
}
section.formula .container .content .part .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 0
}
section.formula .container .content .part .list h3.title {
margin-bottom: 30px
}
section.formula .container .content .part .list p {
padding-left: 35px;
margin-bottom: 25px;
max-width: 100%
}
section.formula .container .content .part .list p:before {
left: 25px
}
section.formula .container .content .part:first-child {
width: 60%
}
section.formula .container .content .part:last-child {
text-align: center;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto
}
section.formula .container .list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 100px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
section.formula .container .list a.item {
width: 21%;
margin-bottom: 0
}
section.formula .container .list a.item .picture {
min-height: auto
}
section.index__details {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
position: relative
}
section.index__details .part {
width: 50%;
padding: 140px 125px 100px
}
section.index__details .part .content {
width: 100%;
max-width: 400px;
text-align: center
}
section.index__details .part:first-child {
border-top-left-radius: 100% 40px;
border-bottom-left-radius: 100% 40px;
border-top-right-radius: 0 0;
border-bottom-right-radius: 0 0;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
section.index__details .part:last-child {
border-top-right-radius: 100% 40px;
border-bottom-right-radius: 100% 40px;
border-top-left-radius: 0 0;
border-bottom-left-radius: 0 0;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
section.index__details .list__details {
position: absolute;
background-color: rgba(0,0,0,0);
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)
}
section.index__details .list__details p.list__item {
border-radius: 50%;
background-color: #fff;
text-align: center;
font-size: 18px;
font-weight: 700;
color: #283c80;
-webkit-box-shadow: 0 7px 10px rgba(0,0,0,.15);
box-shadow: 0 7px 10px rgba(0,0,0,.15);
margin-bottom: 10px;
width: 158px;
height: 158px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 10px
}
section.index__details .list__details p.list__item:last-child {
margin-bottom: 0
}
section.index__details .list__details span.limit {
color: #fff;
font-weight: 800;
display: block;
margin-top: 25px
}
section.pharmacy {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/index-details-bg.jpg);  padding: 150px 0 180px;
margin-top: -40px
}
section.pharmacy .container .content {
padding: 40px 100px 0;
position: relative
}
section.pharmacy .container .content h2.title {
margin-bottom: 25px
}
section.pharmacy .container .content .pharmacy__list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 0 20px
}
section.pharmacy .container .content .pharmacy__list .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: center;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
margin-bottom: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
section.pharmacy .container .content .pharmacy__list .row .pharmacy__item {
padding: 10px 0;
width: 100%
}
section.pharmacy .container .content .pharmacy__list .row .pharmacy__item a {
display: block
}
section.pharmacy .container .content .pharmacy__list .row .pharmacy__item a img {
max-height: 35px
}
section.pharmacy .container .content .pharmacy__list .row:first-child .pharmacy__item a {
display: block
}
section.pharmacy .container .content .pharmacy__list .row:first-child .pharmacy__item a img {
max-height: 50px
}
section.pharmacy .container .content p {
font-weight: 400;
color: #283c80;
margin-bottom: 10px
}
section.pharmacy .container .content .picture {
margin-bottom: 20px
}
section.pharmacy .container .content .question {
position: absolute;
border-radius: 50%;
background-color: #32cfbc;
width: 195px;
height: 195px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
bottom: -50px;
right: -100px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
section.pharmacy .container .content .question h3 {
color: #fff;
font-size: 18px;
text-align: center;
font-weight: 700
}
section.pharmacy .container .content .question p {
color: #fff;
font-size: 16px;
text-align: center
}
section.pharmacy .container .content .question a {
color: #283c80;
background-color: #fff;
border-radius: 25px;
font-size: 16px;
font-weight: 700;
padding: 10px 20px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
section.pharmacy .container .content .question a:hover {
background-color: #283c80;
color: #fff
}
section.pharmacy .container .content .question:before {
right: -15px;
bottom: 50px;
width: 40px;
height: 40px;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/triangle-green.svg);
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
z-index: -1
}
section.pharmacy .container .content .question:after,section.pharmacy .container .content .question:before {
display: block;
position: absolute;
content: "";
background-size: contain;
background-position: 50%;
background-repeat: no-repeat
}
section.pharmacy .container .content .question:after {
right: -165px;
bottom: -100px;
width: 200px;
height: 190px;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/chick/chick-3.png)
}
.instructions .container .content ul.tab__list li.tab a {
font-size: 40px;
background-size: auto 50%
}
.instructions .container .content .inner .text .top {
padding: 50px 80px 10px
}
.instructions .container .content .inner .text .top .part .scroll {
background-color: #eee;
border-radius: 12px;
padding: 5px 10px;
margin-right: 15px;
margin-bottom: 15px;
display: inline-block;
font-size: 13px
}
.instructions .container .content .inner .text .bottom {
padding: 0 80px
}
.instructions .container .content .docs {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
width: 847px;
margin: 0 auto;
-ms-flex-direction: row;
flex-direction: row;
padding: 40px 0px 25px 0
}
.instructions .container .content .docs a.btn {
font-size: 15px;
margin-right: 40px
}
.recommend {
padding: 18px 0 0
}
.recommend .picture {
height: 400px;
background-position: 50% 40%; background-size: 70% auto
}
.recommend .picture:after {
display: block;
position: absolute;
z-index: 1;
content: "";
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
height: 100%;
background: #fff;
background: -webkit-gradient(left top,right top,color-stop(0,#fff),color-stop(18%,hsla(0,0%,100%,0)),color-stop(50%,#fff),color-stop(82%,#fff),color-stop(100%,#fff));
background: -o-linear-gradient(left,#fff 0,#fff 18%,hsla(0,0%,100%,0) 50%,#fff 82%,#fff 100%);
background: -webkit-gradient(linear,left top,right top,from(#fff),color-stop(18%,#fff),color-stop(50%,hsla(0,0%,100%,0)),color-stop(82%,#fff),to(#fff));
background: linear-gradient(90deg,#fff 0,#fff 18%,hsla(0,0%,100%,0) 50%,#fff 82%,#fff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1)
}
.recommend .content {
border-top-left-radius: 100% 60px;
border-top-right-radius: 100% 60px;
border-bottom-left-radius: 100% 60px;
border-bottom-right-radius: 100% 60px;
padding: 70px 0 75px
}
.recommend .content:before {
left: 0;
top: -5px;
width: 75%;
height: 7%
}
.recommend .content:after {
bottom: -15px
}
.recommend .content .container {
position: relative
}
.recommend .content .container .chick {
top: -250px;
left: -40px
}
.recommend .content .container .list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 60px
}
.recommend .content .container .list a.item {
width: 48%;
margin-bottom: 100px
}
.recommend .content .container .list a.item:nth-child(3),.recommend .content .container .list a.item:nth-child(4) {
margin-bottom: 0
}
.recommend .content .container .list a.item p.text {
min-height: 216px
}
.recommend .aword {
padding: 100px 0
}
.recommend .aword .block {
text-align: center
}
.recommend .aword .block .round {
width: 30%;
padding-top: 30%
}
.recommend .aword .block .round .text {
padding: 40px;
font-size: 20px
}
.recommend .aword .block .round .text .picture img {
height: 100%
}
.recommend .aword .block .round .text p.title {
margin-bottom: 10px
}
.recommend .aword .block .round:last-child {
margin-top: 0;
margin-left: -5%
}
.recommend .aword p.text {
font-size: 18px;
color: #141414
}
.how {
padding-bottom: 110px
}
.how .picture {
height: 400px;
background-size: cover;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/how-bg.jpg);
margin-top: -5px;
}
.how .effect {
border-top-left-radius: 100% 60px;
border-top-right-radius: 100% 60px;
margin-top: -30px
}
.how .effect:before {
display: block;
position: absolute;
content: "";
left: 0;
top: -4px;
width: 75%;
height: 7%
}
.how .effect .container ul.list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.how .effect .container ul.list li.item {
margin-right: 40px
}
.how .effect .container h1.title {
font-size: 40px
}
.how .work {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.how .work .part {
width: 50%
}
.how .work .part.desc__howwork h3,
.how .work .part h3.title {
margin-bottom: 40px
}
.how .work .part.desc__howwork p,
.how .work .part p.text {
margin-bottom: 20px
}
.how .work .part.desc__howwork p:before,
.how .work .part p.text:before {
display: block;
position: absolute;
content: "";
left: 0;
top: 6px;
width: 8px;
height: 8px;
background-color: #00c2ff;
border-radius: 50%
}
.how .work .part:first-child {
padding: 80px 50px 90px
}
.how .work .part:last-child {
padding: 90px 50px
}
.how .work .part.desc__howwork>*,
.how .work .part:last-child>* {
max-width: 400px
}
.how .components {
padding-bottom: 140px;
border-bottom-left-radius: 100% 60px;
border-bottom-right-radius: 100% 60px
}
.how .components .container {
margin-top: -40px
}
.how .components .container ul.list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.how .components .container ul.list li.item {
margin-bottom: 0;
padding: 30px;
width: 31%
}
.how .components .container ul.list li.item p.text span.tooltip {
border-bottom: 1px solid #585858
}
.how .components .container ul.list li.item p.text span.tooltip span.child {
position: absolute;
font-size: 15px;
padding: 20px;
background-color: #f5f5f5;
width: 300px;
top: -20px;
opacity: 0;
visibility: hidden;
display: inline
}
.how .components .container ul.list li.item p.text span.tooltip:hover span.child {
visibility: visible;
opacity: 1
}
.how .details {
border-top-left-radius: 100% 60px;
border-top-right-radius: 100% 60px;
margin-top: -40px;
position: relative;
background-color: #fff;
padding: 0 0 40px
}
.how .details .container {
padding-top: 150px
}
.how .details .container .item {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 220px
}
.how .details .container .item .part p.short {
font-size: 40px
}
.how .details .container .item .part p.long {
font-size: 20px
}
.how .details .container .item .part:first-child {
border-bottom: none;
border-right: .5px solid #283c80;
padding-bottom: 0;
padding-right: 50px;
margin-bottom: 0;
margin-right: 50px;
width: 37%
}
.how .details .container .item .part:last-child {
width: 63%
}
.how .research .container ul.list li.item {
width: 50%;
padding-right: 15px
}
.how .research .container ul.list li.item .content {
padding: 20px 30px;
background: -o-linear-gradient(179.67deg,rgba(0,98,217,.35) .09%,rgba(158,195,241,.52) 42.99%,#fff 99.93%);
background: linear-gradient(270.33deg,rgba(0,98,217,.35) .09%,rgba(158,195,241,.52) 42.99%,#fff 99.93%)
}
.how .research .container ul.list li.item .content p.authors {
font-size: 15px;
font-weight: 400;
color: #283c80;
margin-bottom: 15px
}
.how .research .container ul.list li.item .content h3.title {
font-size: 20px;
font-weight: 500;
color: #141414
}
.how .research .container ul.list li.item .content h3.title span {
font-weight: 400
}
.how .research .container ul.list li.item:nth-child(2n) {
padding-right: 0;
padding-left: 15px
}
.how + .quote .cloud:after,
.how .quote .cloud:after {
width: 183px;
height: 240px;
right: -190px;
bottom: -140px;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/chick/chick-2.png)
}
.buy .picture {
overflow: hidden;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/index-details-bg_gde.jpg);
background-position: 0 70%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
height: 400px;
background-position: 50% 40%;
background-size: 100% auto;
margin-top: -5px;
}
.buy .content {
border-top-left-radius: 100% 60px;
border-top-right-radius: 100% 60px;
padding: 80px 0 90px
}
.buy .content:before {
left: 0;
top: -3px;
width: 75%;
height: 7%
}
.buy .content .container h1.title {
font-size: 32px
}
.buy .content .container ul.list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.buy .content .container ul.list li.item {
width: 33.33%; min-height: 100px;
margin-bottom: 30px
}
.buy .content .container ul.list li.item a {
min-height: 90px;
line-height: 90px
}
.buy .content .container ul.list li.item:first-child a img {
max-height: 103px
}
.buy .content .container ul.list li.item:nth-child(2) a img {
max-height: 45px
}
.buy .content .container ul.list li.item:nth-child(4),.buy .content .container ul.list li.item:nth-child(5) {
width: 33.33%;
padding: 0 20px
}
.buy .content .container p.text {
font-size: 30px
}
.buy + .quote .cloud,
.buy .content .quote .cloud {
width: 250px;
height: 250px;
padding: 35px
}
.buy + .quote .cloud a,
.buy .content .quote .cloud a {
background-color: #fff;
border-radius: 30px;
padding: 15px
}
.buy + .quote .cloud:after,
.buy .content .quote .cloud:after {
width: 200px;
height: 240px;
bottom: -150px;
right: -180px; background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/chick/chick-5.png)
}
.buy + .quote .cloud:before,
.buy .content .quote .cloud:before {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
right: -10px
}
.faq .picture {
height: 400px
}
.faq .picture:before {
display: block;
position: absolute;
content: "";
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
height: 100%;
background: #fff;
background: -webkit-gradient(left top,right top,color-stop(0,#fff),color-stop(5%,hsla(0,0%,100%,0)),color-stop(50%,#fff),color-stop(95%,#fff),color-stop(100%,#fff));
background: -o-linear-gradient(left,#fff 0,#fff 5%,hsla(0,0%,100%,0) 50%,#fff 95%,#fff 100%);
background: -webkit-gradient(linear,left top,right top,from(#fff),color-stop(5%,#fff),color-stop(50%,hsla(0,0%,100%,0)),color-stop(95%,#fff),to(#fff));
background: linear-gradient(90deg,#fff 0,#fff 5%,hsla(0,0%,100%,0) 50%,#fff 95%,#fff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1)
}
.faq .content {
border-top-left-radius: 100% 60px;
border-top-right-radius: 100% 60px;
padding: 80px 0 50px;
margin-top: -20px;
}
.faq .content:before {
top: -3px
}
.faq .content .container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.faq .content .container .part:first-child {
margin-bottom: 0;
width: 58%;
margin-right: 30px
}
.faq .content .container .part:last-child {
width: 40%;
padding-bottom: 50px;
}
.faq .content .container .part:last-child .warning {
margin-bottom: 0;
margin-top: -130px;
padding-top: 0; }
.faq .content .container #aside1 > div {
transition: 0.3s;
}
.faq .content .container #aside1 .sticky {
position: fixed;
z-index: 101;
top: 175px !important;
padding-bottom: 0 !important;
}
.faq .content .container #aside1 .stop {
position: relative;
z-index: 101;
top: 100% !important;
padding-bottom: 0 !important;
}
.faq .content .container .part:last-child .warning.fixed {
position: fixed;
top: 190px; }
.faq .content .container .part:last-child .warning.fixed p.inform {
font-size: 0;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.faq .content .container .part h1.title {
font-size: 40px
}
.faq .content .container .part ul.list li.item {
padding: 40px 70px 0 40px
}
.faq .content .container .part ul.list li.item a.question {
margin-bottom: 40px
}
.faq .content h1.title {
color: #283c80;
font-size: 40px
}
.answer .picture {
height: 400px
}
.answer .picture:before {
display: block;
position: absolute;
content: "";
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
height: 100%;
background: #fff;
background: -webkit-gradient(left top,right top,color-stop(0,#fff),color-stop(5%,hsla(0,0%,100%,0)),color-stop(50%,#fff),color-stop(95%,#fff),color-stop(100%,#fff));
background: -o-linear-gradient(left,#fff 0,#fff 5%,hsla(0,0%,100%,0) 50%,#fff 95%,#fff 100%);
background: -webkit-gradient(linear,left top,right top,from(#fff),color-stop(5%,#fff),color-stop(50%,hsla(0,0%,100%,0)),color-stop(95%,#fff),to(#fff));
background: linear-gradient(90deg,#fff 0,#fff 5%,hsla(0,0%,100%,0) 50%,#fff 95%,#fff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1)
}
.answer .content {
border-top-left-radius: 100% 60px;
border-top-right-radius: 100% 60px;
margin-top: -40px;
padding: 80px 0 50px
}
.answer .content:before {
top: -3px
}
.answer .content .container .text {
padding: 75px 90px;
}
.answer .content .container .text .text-block {
padding: 0 90px;
z-index: 1;
position: relative;
}
.review .picture {
height: 400px;
background-position: 50% 40%;
background-size: 60% auto
}
.review .picture:before {
display: block;
position: absolute;
content: "";
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
height: 100%;
background: #fff;
background: -webkit-gradient(left top,right top,color-stop(0,#fff),color-stop(18%,hsla(0,0%,100%,0)),color-stop(50%,#fff),color-stop(82%,#fff),color-stop(100%,#fff));
background: -o-linear-gradient(left,#fff 0,#fff 18%,hsla(0,0%,100%,0) 50%,#fff 82%,#fff 100%);
background: -webkit-gradient(linear,left top,right top,from(#fff),color-stop(18%,#fff),color-stop(50%,hsla(0,0%,100%,0)),color-stop(82%,#fff),to(#fff));
background: linear-gradient(90deg,#fff 0,#fff 18%,hsla(0,0%,100%,0) 50%,#fff 82%,#fff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1)
}
.review .content {
border-top-left-radius: 100% 60px;
border-top-right-radius: 100% 60px;
margin-top: -40px;
padding: 80px 0 50px
}
.review .content:before {
top: -3px
}
.review .content .container .text {
padding: 75px 90px
}
.review .content .container .text .person {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 40px
}
.review .content .container .text .person .photo {
margin-bottom: 0;
width: 20%
}
.review .content .container .text .person .about {
width: 55%;
padding: 0 20px
}
.review .content .container .text .person .logo {
width: 25%
}
.review .content .container .text .final {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.review .content .container .text .final p.about {
width: 30%
}
.review .content .container .text .final .signing {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto
}
.company {
padding: 10px 0 0;
text-align: center
}
.company .picture {
height: 400px;
background-size: cover;
margin-top: -15px;
}
.company .content {
padding: 110px 0 80px;
border-top-left-radius: 100% 60px;
border-top-right-radius: 100% 60px;
border-bottom-left-radius: 100% 60px;
border-bottom-right-radius: 100% 60px
}
.company .content:before {
top: -4px
}
.company .content:after {
bottom: -1px
}
.company .content .container .text {
margin-bottom: 60px
}
.company .content .container .text h1.title {
font-size: 40px;
margin-bottom: 40px
}
.company .content .container .text p {
padding: 0 90px
}
.company .content .container .text blockquote {
font-size: 20px;
color: #141414;
}
.company .content .container .text blockquote,
.company .content .container .text p.important {
background-color: #f5f5f5;
padding: 20px 90px;
margin-bottom: 0
}
.company .content .container .text ul,
.company .content .container .text ul.list {
padding: 0 130px
}
.company .content .container .text ul li p,
.company .content .container .text ul.list li.item p {
padding: 0
}
.company .content .container .details {
margin-bottom: 70px;
padding: 0 90px
}
.company .content .container .details ul.list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.company .content .container .details ul.list li.item {
margin-bottom: 0;
width: 32%
}
.company .content .container .details ul.list li.item h2 {
text-align: left
}
.company .content .container .details ul.list li.item p {
margin-bottom: 0
}
.articles .container .block__title h1.title {
font-size: 40px
}
.articles .container .content ul.tab__list li.tab a {
font-size: 14px
}
.articles .container .content .inner .text ul.list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.articles .container .content .inner .text ul.list li.item {
margin-right: 32px
}
.articles .container .content .inner .text ul.list li.item .text {
padding: 25px 25px 40px
}
.articles .container .content .inner .text ul.list li.item .text p {
font-size: 18px;
max-height: 60px
}
.articles .container .content .inner .text ul.list li.item .text:after {
left: 25px;
bottom: 15px
}
.articles .container .content .inner .text ul.list li.item:nth-child(10n+3),.articles .container .content .inner .text ul.list li.item:nth-child(10n+6) {
margin-right: 0
}
.articles .container .content .inner .text ul.list li.item:nth-child(7),.articles .container .content .inner .text ul.list li.item:nth-child(9),.articles .container .content .inner .text ul.list li.item:nth-child(10n+7),.articles .container .content .inner .text ul.list li.item:nth-child(10n+9) {
margin-right: 30px;
max-width: 413px
}
.articles .container .content .inner .text ul.list li.item:nth-child(7) .text,.articles .container .content .inner .text ul.list li.item:nth-child(9) .text,.articles .container .content .inner .text ul.list li.item:nth-child(10n+7) .text,.articles .container .content .inner .text ul.list li.item:nth-child(10n+9) .text {
height: 157px;
max-height: 157px
}
.articles .container .content .inner .text ul.list li.item:nth-child(7) p,.articles .container .content .inner .text ul.list li.item:nth-child(9) p,.articles .container .content .inner .text ul.list li.item:nth-child(10n+7) p,.articles .container .content .inner .text ul.list li.item:nth-child(10n+9) p {
max-height: 42px
}
.articles .container .content .inner .text ul.list li.item:nth-child(8),.articles .container .content .inner .text ul.list li.item:nth-child(10n),.articles .container .content .inner .text ul.list li.item:nth-child(10n+8) {
margin-right: 0;
max-width: 413px
}
.articles .container .content .inner .text ul.list li.item:nth-child(8) .text,.articles .container .content .inner .text ul.list li.item:nth-child(10n) .text,.articles .container .content .inner .text ul.list li.item:nth-child(10n+8) .text {
height: 157px;
max-height: 157px
}
.articles .container .content .inner .text ul.list li.item:nth-child(8) p,.articles .container .content .inner .text ul.list li.item:nth-child(10n) p,.articles .container .content .inner .text ul.list li.item:nth-child(10n+8) p {
max-height: 42px
}
.document .container h1.title {
font-size: 40px
}
footer.footer p.warning { font-size: 20px;
}
section.warning {
font-size: 20px
}
.hidden__md {
display: none
}
.visible__md {
display: block
}
.recommend .content .container h1.title,
h2.title {
font-size: 40px
}
.wrapper {
padding-top: 60px
}
.oversize .container {
padding: 0 30px
}
.quote .cloud {
width: 195px;
height: 195px
}
.quote .cloud:after {
right: -180px;
bottom: -90px;
width: 170px;
height: 195px;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/chick/chick-4.png);
z-index: 1
}
.quote .cloud:after,.quote .cloud:before {
position: absolute;
display: block;
content: "";
background-repeat: no-repeat
}
.quote .cloud:before {
right: -15px;
bottom: 50px;
width: 40px;
height: 40px;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/triangle-green.svg);
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
z-index: -1;
background-size: contain;
background-position: 50%
}
.quote.orange .cloud:before {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/triangle-orange.svg)
}
}
@media (min-width: 1200px) {
header.header .container .diploma {
top:70px
}
header.header .container li a {
padding: 10px 20px
}
header.header .container li a:hover {
background-color: #ff0039
}
.diploma .container .content {
padding: 35px 5px 10px;
width: 122px
}
#navigation ul li:first-child a:hover~ul.list li,#navigation ul li:first-child ul.list:hover li {
padding: 0 10px
}
main.main:after {
bottom: -6px
}
main.main .container .picture {
width: 30%
}
.buy .content:before {
top: -4px
}
.recommend .content:before {
top: -6px;
}
.answer .content:before,.faq .content:before,.review .content:before {
top: -7px;
height: 10%
}
.company .content:before {
top: -7px
}
.company .content:after {
bottom: -1px
}
.faq .content .container .part:last-child .warning.fixed {
width: 375px;
}
.recommend .picture { }
}
@media (min-width: 1440px) {
.menu li a {
font-size:17px;
padding: 10px 25px
}
}
@media (min-width: 1680px) {
.recommend .picture {
background-size: 65% auto;
}
.recommend .content:before {
top: -9px;
}
}
@media (min-width: 1900px) {
.recommend .picture {
background-size: 50% auto;
}
.recommend .picture:after {
width: 70%;
}
}
@media (min-width: 2000px) {
.buy .content:before {
top: -6px;
}
}
.where_buy_fixed {
width: 150px;
height: 53px;
background: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/where_buy.png);
position: fixed;
right: 50px;
bottom: 65px;
border-radius: 300px;
-moz-border-radius: 300px;
-webkit-border-radius: 300px;
z-index: 900;
}
.where_buy_fixed1 {
width: 201px;
height: 63px;
background: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/where_buy111.png);
position: fixed;
left: 10px;
bottom: 65px;
z-index: 900;
}
@media (min-width: 320px) and (max-width: 425px) {
.buy .content .container ul.list li.item a img {
max-height: 103px;
}
.buy .content .container ul.list li.item:nth-child(2) a img {
max-height: 53px;
}
.buy .content .container ul.list li.item:nth-child(3) a img {
max-height: 50px;
}
.buy .content .container ul.list li.item:nth-child(5) a img {
max-height: 50px;
}
.buy .content .container ul.list li.item:nth-child(6) a img {
max-height: 53px;
}
.where_buy_fixed {
width: 116px ;
height: 41px;
position: fixed;
right: 18px;
bottom: 50px;
border-radius: 300px;
-moz-border-radius: 300px;
-webkit-border-radius: 300px;
z-index: 900;
background: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/where_buy.png) no-repeat;
background-size: contain;
}
}
.newimg {
max-height: 60px !important;
}
@media (min-width: 500px) and (max-width: 1719px) {
.where_buy_fixed {
right: 18px;
left: initial;
}
}
@media (max-width: 1440px) {
.buy .picture {
background-size: cover;
background-position: 0 50%;
margin-top: 0;
}
.buy .content:before{
top: -2px;
}
}
@media (max-width: 1280px) {
.how .effect:before {
top: -1px;
}
}
@media (max-width: 992px) {
.average-price {
position: relative;
margin: 50px 0 25px;
padding-bottom: 50px;
}
.average-price:before {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
margin-left: 0;
width: 100%;
height: 1px;
background: rgba(0, 98, 217, 0.5);
}
.average-price p {
font-weight: 500;
font-size: 30px;
line-height: 33px;
font-family: Alegreya Sans,sans-serif;
color: #283C80;
margin: 00 auto 35px;
width: 90%;
}
.average-item {
width: 50%;
min-height: 44px;
margin: 0 auto 45px;
display: flex;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
flex-wrap: wrap;
}
.average-item:last-child {
margin-bottom: 0;
}
.average-item img {
width: 60%;
}
.average-item span {
display: flex;
align-items: center;
justify-content: center;
border-radius: 25px;
width: 33%;
height: 38px;
font-family: Alegreya Sans;
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 17px;
text-align: center;
color: #FFFFFF;
}
.average-item:nth-child(2) span {
background: #FF5800;
}
.average-item:nth-child(3) span {
background: #F4A912;
}
.average-item big {
font-family: Alegreya Sans;
font-style: normal;
font-weight: 500;
font-size: 40px;
line-height: 44px;
text-align: center;
color: #283C80;
padding-left: 45px;
position: relative;
width: 100%;
margin-top: 15px;
}
.average-item big:before {
content: none;
}
}
@media (max-width: 991px) {
.company .picture {
margin-top: -8px;
}
.company .content:before {
top: -3px;
}
.how-use .picture,
.how .picture {
margin-top: -8px;
}
.feedback .picture {
height: 270px;
background-position: 75% 33%;
}
.feedback .content:before {
top: -1px;
}
.document .container {
margin: 20px auto;
}
.photo-item {
width: 50%;
}
section.pharmacy {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/index-details-bg.jpg); }
}
@media (max-width: 782px) {
.recommend .picture {
background-position: 65% 33%;
}
.how-use .content:before,
.how .content:before,
.company .content:before {
top: -1px;
}
.recommend .content {
margin-top: -10px;
}
.recommend .content:before {
top: -2px;
}
}
@media (max-width: 768px) {
.feedback .picture {
background-position: 100% 25px;
}
.photo-item {
width: 100%;
padding-right: 0;
padding-bottom: 35px;
}
.photo-item:first-child {
margin-top: 0;
}
.photo-item:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.photo-item:after {
top: auto;
background-repeat: no-repeat;
width: 16px;
height: 8px;
bottom: -6px;
right: 50%;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg); 
transform: rotate(90deg);
}
}
@media (max-width: 560px) {
.feedback .picture {
background-position: 80% 25px;
}
.average-item {
width: 90%;
}
}
@media (max-width: 499px) {
.where_buy_fixed {
width: 116px ;
height: 41px;
position: fixed; bottom: 50px;
border-radius: 300px;
-moz-border-radius: 300px;
-webkit-border-radius: 300px;
z-index: 900;
background: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/where_buy.png) no-repeat;
background-size: contain;
}
.buy .content:before {
top: 0;
}
}
@media (max-width: 900px) {
.top1 {
display: none !important;
}
}
@media (max-width: 440px) {
.recommend .content:before {
top: 0;
}
section.products .container .content .part .picture img {
height: 181px;
width: auto;
max-width: 268px;
margin: 0 auto;
}
.instructions .container .content .inner .text .top .part .picture {
margin-top: 10px;
}
.instructions .container .content .inner .text .top .part .picture img,
.instructions .container .content .inner .text .top .part .picture {
height: 160px;
}
.instructions .container .content .inner .text .top .part .picture img {
width: auto;
}
}
.footer__copy {
text-align: center;
}
.footer__copy a {
text-decoration: underline;
}
.arrow-8 {
position: fixed;
right: 55px;
bottom: 128px;
width: 40px;
z-index: 3422;
height: 40px;
margin: 22px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.arrow-8:before {
content: '';
position: absolute;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 100%;
border-left: 13px solid #fcd505;
border-bottom: 13px solid #fcd505;
-webkit-transform: translate(26px,106px) rotate(-45deg);
-ms-transform: translate(26px,106px) rotate(-45deg);
transform: translate(26px,106px) rotate(-45deg);
-webkit-animation: arrow-8 3s linear infinite;
animation: arrow-8 3s linear infinite
}
.arrow-8:after {
content: '';
position: absolute;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 100%;
border-left: 13px solid #fcd505;
border-bottom: 13px solid #fcd505;
-webkit-transform: translate(53px,0) rotate(-45deg);
-ms-transform: translate(53px,0) rotate(-45deg);
transform: translate(53px,0) rotate(-45deg);
-webkit-animation: arrow-8 3s linear infinite -1.5s;
animation: arrow-8 3s linear infinite -1.5s
}
@-webkit-keyframes arrow-8 {
0% {
opacity: 0;
-webkit-transform: translate(-13px,-53px) rotate(-45deg);
transform: translate(-13px,-53px) rotate(-45deg)
}
10%,90% {
opacity: 0
}
50% {
opacity: 1;
border-left: 26px solid #fcd505;
border-bottom: 26px solid #fcd505;
-webkit-transform: translate(-13px,0) rotate(-45deg);
transform: translate(-13px,0) rotate(-45deg)
}
100% {
opacity: 0;
-webkit-transform: translate(-13px,53px) rotate(-45deg);
transform: translate(-13px,53px) rotate(-45deg)
}
}
.top1 {
position: fixed;
bottom: 160px;
right: 30px;
z-index: 20;
-webkit-border-radius: 15px;
border-radius: 15px;
text-align: center;
cursor: pointer;
display: none
}
.top-show {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
@keyframes arrow-8 {
0% {
opacity: 0;
-webkit-transform: translate(-13px,-53px) rotate(-45deg);
transform: translate(-13px,-53px) rotate(-45deg)
}
10%,90% {
opacity: 0
}
50% {
opacity: 1;
border-left: 26px solid #fcd505;
border-bottom: 26px solid #fcd505;
-webkit-transform: translate(-13px,0) rotate(-45deg);
transform: translate(-13px,0) rotate(-45deg)
}
100% {
opacity: 0;
-webkit-transform: translate(-13px,53px) rotate(-45deg);
transform: translate(-13px,53px) rotate(-45deg)
}
}
main.main .container ul.list li.item p {
color: #fff; }
main.main .container .picture {
position: relative; left: 0px;
top: 13px;
}
@media (max-width: 1921px) {
.wrapper {
padding-top: 40px;
}
}
@media (min-width: 641px) and (max-width: 991px) {
.wrapper {
padding-top: 40px;
}
main.main {   background-position: 50% 20%;     background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/decstop_bg_leto.jpg);  padding: 100px 0 300px;
margin-top: -20px;
}
main.main .container .picture {
left: 25px; top: 70px;
width: 34%;  }
}
@media (max-width: 640px) {
main.main .container .picture { width: 40%;
margin: 0 auto;
left: 0;
top: 50px;
}
.wrapper {
padding-top: 40px;
}
main.main {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/mobile_bg_leto.jpg);     background-position: 65% 20%;
}
main.main:before { content: none;
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 197px;
background: linear-gradient(0deg, #FFFFFF 70.31%, rgba(255, 255, 255, 0) 100%);
}
section.products .container .content .chick {
margin-top: -50px;
}
}
@media (max-width: 375px) {
main.main {  background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/mobile_bg_leto.jpg); background-position: 50% 0;
background-size: cover;
}
main.main .container .picture {
width: 80%;
top: 55px;
}
}
@media (max-width: 340px) {
main.main {
padding: 180px 0 135px;
}
main.main .container .picture {
width: 75%;
}
}
section.choose .container ul.list li.item:nth-child(4) .icon:after {
background-image: none;
}
section.choose .container ul.list li.item:hover:nth-of-type(4) .icon {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/choose-list/choose-icon-5.svg);
background-color: #fff;
}
section.choose .container ul.list li.item:nth-child(4) .icon {
background-color: #fff;
}
section.choose .container ul.list li.item:nth-child(4) h3.title, section.choose .container ul.list li.item:nth-child(4) p {
color: #fff;
}
section.choose .container ul.list li.item:hover:nth-child(4) h3.title, section.choose .container ul.list li.item:hover:nth-child(4) p {
color: #283c80;
}
section.choose .container ul.list li.item:hover:nth-child(5) h3.title, section.choose .container ul.list li.item:hover:nth-child(5) p {
color: #283c80;
}
section.choose .container ul.list li.item:hover:nth-child(6) h3.title, section.choose .container ul.list li.item:hover:nth-child(6) p {
color: #283c80;
}
section.choose .container ul.list li.item:hover:nth-child(4) .icon:after {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/choose-list/choose-icon-hover.svg);
}
section.choose .container ul.list li.item:hover:nth-child(5) .icon:after {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/choose-list/choose-icon-hover.svg);
}
section.choose .container ul.list li.item:hover:nth-child(6) .icon:after {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/choose-list/choose-icon-hover.svg);
}
section.choose .container ul.list li.item:nth-of-type(5) .icon {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/choose-list/choose-icon-6.svg);
}
section.choose .container ul.list li.item:hover:nth-of-type(5) .icon {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/choose-list/choose-icon-6.svg);
background-color: #fff;
}
section.choose .container ul.list li.item:nth-child(5) .icon:after {
background-image: none;
}
section.choose .container ul.list li.item:nth-child(5) .icon {
background-color: #fff;
}
section.choose .container ul.list li.item:nth-child(5) h3.title, section.choose .container ul.list li.item:nth-child(5) p {
color: #fff;
}
section.choose .container ul.list li.item:nth-of-type(6) .icon {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/choose-list/choose-icon-4.svg);
}
section.choose .container ul.list li.item:hover:nth-of-type(6) .icon {
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/choose-list/choose-icon-4.svg);
background-color: #fff;
}
section.choose .container ul.list li.item:nth-child(6) .icon:after {
background-image: none;
}
section.choose .container ul.list li.item:nth-child(6) .icon {
background-color: #fff;
}
section.choose .container ul.list li.item:nth-child(6) h3.title, section.choose .container ul.list li.item:nth-child(6) p {
color: #fff;
}
section.choose .container ul.list li.item:nth-child(1) {
width: 33%;
}
section.choose .container ul.list li.item:nth-child(2) {
width: 33%;
}
section.choose .container ul.list li.item:nth-child(3) {
width: 33%;
}
.zinkr {
font-size: 14px;
padding: 25px 0 15px;
font-weight: 500;
color: #fff;
}
section.choose .container h2.title--fixed {
font-size: 23px;
}
section.choose .container h2.title--fixed a {
color: #fff;
text-decoration: underline;
}
section.choose .container h2.title--fixed a:hover {
text-decoration: none;
}
.zinkr a,.zinkr1 a {
text-decoration: underline;
color: #fff;
}
.zinkr a:hover,.zinkr1 a:hover {
text-decoration: none;
}
.zinkr1 {
font-size: 14px;
font-weight: 500;
color: #fff;
}
section.pharmacy .container .content p br {
display: none;
}
section.choose .container h2.title--fixed {
margin-top: 10px;
padding: 0 115px;
color: #283c80;
}
@media (max-width: 499px) {
section.choose .container ul.list li.item:nth-child(1) .icon {
background-color: #fcd000;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/choose-list/choose-icon-1-hover.svg);
}
section.choose .container ul.list li.item:nth-child(2) .icon {
background-color: #fcd000;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/choose-list/choose-icon-2-hover.svg);
}
section.choose .container ul.list li.item:nth-child(3) .icon {
background-color: #fcd000;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/choose-list/choose-icon-3-hover.svg);
}
section.choose .container ul.list li.item:nth-child(1) h3.title, section.choose .container ul.list li.item:nth-child(1) p {
color: #fff;
}
section.choose .container ul.list li.item:nth-child(2) h3.title, section.choose .container ul.list li.item:nth-child(2) p {
color: #fff;
}
section.choose .container ul.list li.item:nth-child(3) h3.title, section.choose .container ul.list li.item:nth-child(3) p {
color: #fff;
}
section.choose .container ul.list li.item:nth-child(4) .icon {
background-color: #fff;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/choose-list/choose-icon-5.svg);
}
section.choose .container ul.list li.item:hover:nth-child(4) h3.title, section.choose .container ul.list li.item:hover:nth-child(4) p {
color: #fff;
}
section.choose .container ul.list li.item:nth-child(5) .icon {
background-color: #fff;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/choose-list/choose-icon-6.svg);
}
section.choose .container ul.list li.item:hover:nth-child(5) h3.title, section.choose .container ul.list li.item:hover:nth-child(5) p {
color: #fff;
}
section.choose .container ul.list li.item:nth-child(6) .icon {
background-color: #fff;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/choose-list/choose-icon-4.svg);
}
section.choose .container ul.list li.item:hover:nth-child(6) h3.title, section.choose .container ul.list li.item:hover:nth-child(6) p {
color: #fff;
}
section.choose .container ul.list li.item p {
padding: 0 50px;
}
section.choose .container ul.list li.item p strong {
color: #283c80;
}
.zinkr {
padding: 0px 0 20px;
}
section.formula .container .content .part p {
padding-left: 11px;
}
section.formula .container .content .part .list h3.title {
padding-left: 11px;
}
section.formula .container .content .part .list p {
padding-left: 30px;
}
section.pharmacy .container .content {
max-width: 345px;
}
.newimg {
max-height: 87px !important;
}
footer.footer .container .part:nth-child(2) {
padding: 0 29px;
}
footer.footer .container .part:nth-child(2) ul.socials {
justify-content: center;
}
footer.footer .container .part:nth-child(2) ul.socials li {
margin: 0 15px;
}
footer.footer .container .part {
padding: 0 60px;
}
section.choose .container h2.title--fixed {
padding: 0;
padding-top: 50px;
margin-top: 0;
padding-bottom: 50px;
color: #283c80;
}
section.choose .container ul.list li.item:nth-child(1) {
width: auto;
}
section.formula .container .content .part .list p:before {
width: 6px;
height: 6px;
left: 12px;
top: 6px;
}
section.choose .container ul.list li.item:nth-child(2) {
width: auto;
}
section.choose .container ul.list li.item:nth-child(3) {
width: auto;
}
section.choose:after {
display: none;
}
section.pharmacy .container .content p br {
display: block;
}
.where_buy_fixed1 {
background-size: 90%;
background-repeat: no-repeat;
bottom: 35px;
}
section.choose .container ul.list li.item .cost p {
padding: 0;
}
}
section.choose .container ul.list li.item:nth-child(1) h3.title, section.choose .container ul.list li.item:nth-child(1) p {
color: #fff;
}
section.choose .container ul.list li.item:nth-child(2) h3.title, section.choose .container ul.list li.item:nth-child(2) p {
color: #fff;
}
section.choose .container ul.list li.item:nth-child(3) h3.title, section.choose .container ul.list li.item:nth-child(3) p {
color: #fff;
}
section.choose .container h2.title--fixedc {
font-size: 21px;
color: #283C80;
}
section.choose .container h2.title--fixedc a {
text-decoration: underline;
}
section.choose .container h2.title--fixedc a:hover {
text-decoration: none;
}
section.choose .container ul.list li.item .icon:after {
background: none;
}
section.choose .container ul.list li.item:nth-child(2) h3.title {
color: #0062D9;
}
section.choose .container ul.list li.item:nth-child(1) h3.title {
color: #0062D9;
}
section.choose .container ul.list li.item:nth-child(3) h3.title {
color: #0062D9;
}
.title--fixedc span {
font-size: 24px;
display: block;
color: #fff;
margin-top: 30px;
}
section.choose .container ul.list li.item:last-child {
position: absolute;
bottom: 63px;
z-index: 1;
right: 383px;
left: initial;
}
section.choose .container ul.list li.item {
width: 33%;
padding: 0 35px;
}
section.choose .container ul.list li.item .cost span {
text-transform: uppercase;
color: #f00;
}
section.choose .container ul.list li.item .cost:after {
right: -230px;
bottom: -115px;
width: 244px;
height: 260px;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/chick/chick-2.png);
}
.smalls {
font-size: 16px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
color: #fff;
line-height: 1.2;
padding-top: 25px;
}
.smalls span {
width: 50%;
display: flex;
}
.zinkr {
font-size: 16px;
width: 50%;
margin-bottom: -20px;
padding: 15px 0 0px;
font-weight: 500;
color: #283C80;
}
@media (max-width: 1320px) {
section.choose .container ul.list li.item:last-child {
right: 155px;
}
}
@media (min-width: 641px) and (max-width: 991px) {
.zinkr {
margin-bottom: -15px;
margin-left: 25px;
}
footer.footer .container .part {
text-align: center;
}
}
@media (max-width: 640px) {
footer.footer .container > .part {
text-align: center;
}
footer.footer .container:nth-child(2) > .part {
margin-top: 0 !important;
margin-bottom: 60px;
}
}
@media (max-width: 599px) {
section.choose .container ul.list li.item {
width: auto;
}
section.choose .container ul.list li.item p {
padding: 0;
}
section.choose .container ul.list li.item:last-child {
right: 38px;
bottom: -52px;
display: none;
}
.smalls {
display: none;
}
.smalls span {
width: 100%;
}
section.choose:after {
display: none;
}
.zinkr {
width: 100%;
margin-bottom: 24px;
margin-left: 25px;
}
footer.footer .container .part {
text-align: center;
}
footer.footer .container:nth-child(2) > .part {
margin-top: 0 !important;
margin-bottom: 60px;
}
}
.zag_wrap {
display: flex;
justify-content: space-around;
margin-top: 38px;	
margin-bottom: 30px;
}
.zag_item {
width: 347.42px;
margin-bottom: 30px;
}
.zag_wrap1 {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.zag_wrap11 {
display: flex;
justify-content: flex-start;
}
.zag_wrap11 p {
margin-left: 76px;
}
.zag_wrap11 .zag_item1 {
margin-bottom: 40px;
}
.newzag {
margin-top: 0px;
margin-bottom: 31px;
text-align: center;
font-size: 20px;
}
.zag_item1 {
width: 347.42px;
margin-bottom: 30px;
}
.instructions .container .content .inner .text .bottom h2 {
color: #283c80;
font-weight: 700;
}
.instructions .container .content .inner .text .bottom h2.zagolovokh2 {
font-size: 20px;
text-align: center;
}
.instructions .container .content .inner .text .bottom h2.zagolovokh2+p {
text-align: center;
margin-top: 18px;
}
.instructions .container .content .inner .text .bottom h2+p {
margin-top: 20px;
}
.instructions .container .content .inner .text .bottom h3 {
color: #283c80;
font-weight: 700;
font-size: 15px;
margin-bottom: 13px;
}
.instructions .container .content .inner .text .bottom ul {
margin-top: 13px;
padding-left: 15px;
margin-bottom: 10px;
}
.instructions .container .content .inner .text .bottom ul li {
margin-bottom: 0px;
list-style: disc;
font-size: 15px;
font-weight: 500;
}
.answers-list {
padding-left: 0 !important;
margin: 0 auto;
width: 847px;
}
@media screen and (max-width: 499px) {
.answers-list {
margin:0 8px
}
}
.answers-item__link {
margin-bottom: 0;
}
.answers-item {
list-style-type: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
padding: 7px 0;
display: flex;
position: relative;
margin-bottom: 0 !important;
border-bottom: 1px solid rgba(40, 60, 128, 0.2);
}
.answers-item:last-of-type {
border-bottom: none;
}
.answers-item__icon--rotate {
margin-bottom: auto;
margin-top: 7px;
}
@media screen and (max-width: 499px) {
.answers-item {
padding:15px 0
}
}
.answers-item__text {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 15px;
line-height: 17px;
margin-top: 12px;
margin-bottom: 7px;
color: #000;
}
.answers-item__text .subtitle {
font-weight: bold;
}
@media screen and (max-width: 499px) {
.answers-item__text {
font-size:12px;
padding-bottom: 10px
}
}
.answers-item--hidden {
display: none
}
.answers-item__link {
margin: 0;
margin-top: 0px;
margin-bottom: 0 !important;
font-size: 20px;
line-height: 1.4;
cursor: pointer
}
@media screen and (max-width: 499px) {
.answers-item__link {
font-size:12px
}
}
.answers-item__icon {
-webkit-transition: all .5s;
transition: all .5s
}
.answers-item-column {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
width: 100%
}
.answers-item-column--left-column {
width: 100%;
position: relative;
left: 0px;
top: 0px;
}
.answers-item-column--rigth-column {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
align-items: flex-start;
position: relative;
}
.answers-item-column--rigth-column svg {
cursor: pointer;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
height: 5px;
}
@media screen and (max-width: 499px) {
.answers-item-column--rigth-column svg {
padding:0
}
}
.answers-item-column--rigth-column.answers-item__icon--rotate svg {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0)
}
@media (max-width: 915px) {
.answers-list {
width: auto;
}
}
@media (max-width: 599px) {
.zag_wrap {
flex-wrap: wrap;
}
}
.how .effect.oversize .oxi-addons-icon-boxes-area {
max-width: 100%;
}
.how .effect.oversize .oxi-addons-container .oxi-addons-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.how .effect.oversize .oxi-addons-icon-boxes-main {
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
}
.how .effect.oversize .oxi-addons-icon-boxes-area .oxi-addons-icon-box {
-webkit-box-shadow: 5px 5px 15px rgba(0,0,0,.1);
box-shadow: 5px 5px 15px rgba(0,0,0,.1);
height: 285px;
min-height: 200px;
}
.how .effect.oversize .oxi-addons-icon-boxes-area .oxi-addons-icon-body {
position: relative;
top: auto;
left: auto;
padding: 30px;
transform: none;
height: 100%;
}
.how .effect.oversize .oxi-addons-icon-boxes-area .oxi-addons-image {
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
background-size: 50%;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.how .effect.oversize .oxi-addons-icon-boxes-area .oxi-addons-image .oxi-addons-img {
height: 42px;
width: auto;
}
.how .effect.oversize .oxi-addons-icon-boxes-area .oxi-addons-icon-box .oxi-addons-icon-body .oxi-addons-heading {
text-align: left;
font-family: Alegreya Sans,sans-serif;
}
.how .effect.oversize .oxi-addons-icon-boxes-area:hover .oxi-addons-icon-box .oxi-addons-icon-body .oxi-addons-heading {
color: #141414;
}
.how .effect.oversize .oxi-addons-row > div:nth-child(1) .oxi-addons-icon-boxes-area:hover .oxi-addons-icon-box {
background: linear-gradient(316.94deg,rgba(50,207,188,.4),rgba(50,207,188,0)),#fff;
}
.how .effect.oversize .oxi-addons-row > div:nth-child(2) .oxi-addons-icon-boxes-area:hover .oxi-addons-icon-box {
background: linear-gradient(316.82deg,rgba(255,0,57,.3),rgba(255,0,57,0)),#fff;
}
.how .effect.oversize .oxi-addons-row > div:nth-child(3) .oxi-addons-icon-boxes-area:hover .oxi-addons-icon-box {
background: linear-gradient(316.82deg,rgba(0,98,217,.3),rgba(0,98,217,0)),#fff;
}
.how .effect.oversize .oxi-addons-row > div:nth-child(4) .oxi-addons-icon-boxes-area:hover .oxi-addons-icon-box {
background: linear-gradient(316.82deg,rgba(0,194,255,.3),rgba(0,194,255,0)),#fff;
}
.how .effect.oversize .oxi-addons-row > div:nth-child(5) .oxi-addons-icon-boxes-area:hover .oxi-addons-icon-box {
background: linear-gradient(316.82deg,rgba(244,169,18,.3),rgba(244,169,18,0)),#fff;
}
.how .effect.oversize .oxi-addons-row > div:nth-child(1) .oxi-addons-icon-boxes-area .oxi-addons-image {
background-color: rgba(50,207,188,.3);	
}
.how .effect.oversize .oxi-addons-row > div:nth-child(2) .oxi-addons-icon-boxes-area .oxi-addons-image {
background-color: rgba(255,0,57,.3);
}
.how .effect.oversize .oxi-addons-row > div:nth-child(3) .oxi-addons-icon-boxes-area .oxi-addons-image {
background-color: rgba(0,98,217,.3);
}
.how .effect.oversize .oxi-addons-row > div:nth-child(4) .oxi-addons-icon-boxes-area .oxi-addons-image {
background-color: rgba(0,194,255,.3);	
}
.how .effect.oversize .oxi-addons-row > div:nth-child(5) .oxi-addons-icon-boxes-area .oxi-addons-image {
background-color: rgba(244,169,18,.3);
}
@media (max-width: 992px) {
.how .effect.oversize .oxi-addons-icon-boxes-area .oxi-addons-icon-body {
padding: 15px;
}
.how .effect.oversize .oxi-addons-icon-boxes-main {
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
min-height: 100px;
}
.how .effect.oversize .oxi-addons-icon-boxes-area .oxi-addons-icon-box {
height: 240px;
}
.faq .content:before {
top: -1px;
}
.faq .content {
margin-top: -14px;
}
.how + .quote,
.buy + .quote {
margin-top: 0;
height: 200px;
}
}
@media (min-width: 782px) {
.faq .content:before {
top: -4px;
}
}
@media (max-width: 700px) {
.how .effect.oversize .oxi-addons-icon-boxes-area {
padding: 0 !important;
}
.how .effect.oversize .oxi-addons-container .oxi-addons-row {
flex-direction: column;
justify-content: flex-start;
display: flex;
align-items: center;
}
.how .effect.oversize .oxi-addons-icon-boxes-main {
-ms-flex: 0 0 260px;
flex: 0 0 260px;
max-width: 260px;
margin-bottom: 30px;
}
.how .effect.oversize .oxi-addons-icon-boxes-area .oxi-addons-icon-box {
height: 260px;
}
}
.message {}
.message .oxi-addons-text-blocks-3rd-body,
.message .oxi-addons-text-blocks-2nd-body,
.message .oxi-addons-text-blocks-1st-body {
font-family: Alegreya Sans,sans-serif !important;	
}
.message .oxi-addons-text-blocks-2nd-body {
text-align: left !important;
}
@media only screen and (min-width: 669px) and (max-width: 993px){
.message .oxi-addons-text-blocks-1st-body {
font-size: 40px !important;
}
.message .oxi-addons-text-blocks-2nd-body {
font-size: 20px !important;
}
.message .oxi-addons-text-blocks-3rd-body {
font-size: 20px !important;
}
}
@media only screen and (max-width: 669px) {
.message .oxi-addons-text-blocks-1st-body {
font-size: 40px !important;
}
.message .oxi-addons-text-blocks-2nd-body {
font-size: 20px !important;
}
.message .oxi-addons-text-blocks-3rd-body {
font-size: 20px !important;
}
}
.research {}
.research .oxi-addons-container {
margin-bottom: 30px;
}
.research .shortcode-addons-wrapper-4 .sa_addons_icon_boxes_style_1 {
transition: .5s;
background: linear-gradient(270deg,rgba(158,195,241,.52) .1%,rgba(0,98,217,.35) 0%,#fff);
min-height: 205px;
}
.research .sa_addons_icon_boxes_container_style_1 > a {
width: 100%;
}
.research .sa_addons_icon_boxes_style_1 .sa_addons_icon_boxes_headding,
.research .sa_addons_icon_boxes_style_1 .sa_addons_icon_boxes_content {
font-family: Alegreya Sans,sans-serif !important;
text-align: left;
}
.research .shortcode-addons-wrapper-4 .sa_addons_icon_boxes_style_1:hover {
background: linear-gradient(90deg,rgba(0,98,217,.35) .1%,rgba(158,195,241,.52) 43%,#fff);
}
.research .sa_addons_icon_boxes_style_1 .sa_addons_icon_boxes_content span.arrow {
display: inline-block;
background-image: url(//cytovir-deti.ru/wp-content/themes/citovir/assets/img/icons/arrow-right.svg);
background-position: 50%;
background-size: contain;
background-repeat: no-repeat;
width: 45px;
height: 8px;
vertical-align: baseline;
}
@media only screen and (max-width: 991px) {
.research .shortcode-addons-wrapper-4 .sa_addons_icon_boxes_style_1 {
min-height: 100px;
}
}
.spec-block-pdf {
background: #FFFFFF;
border: 1px solid #FF0039;
box-sizing: border-box;
border-radius: 20px;
width: 247px;
height: 383px;
padding: 24px 24px 17px 24px;
display: flex;
flex-direction: column;
margin-left: 20px;
}
.spec-block-pdf p:first-child {
font-style: normal;
font-weight: bold;
font-size: 15px;
line-height: 17px;
text-transform: uppercase;
color: #FF0039;
margin-bottom: 13px;
}
.spec-block-pdf p:nth-child(2) {
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 15px;
letter-spacing: -0.02em;
color: #283C80;
margin-bottom: 11px;
}
.spec-block-pdf p:nth-child(3) {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 17px;
margin-bottom: 20px;
color: #283C80;
}
.spec-block-pdf .btn-pdf {
border-radius: 25px;
font-size: 14px;
font-weight: 700;
padding: 11px 20px;
background: #FF0039;
color: #ffffff;
transition: .2s;
margin: 0 auto;
width: 118px;
text-align: center;
}
.spec-block-pdf .btn-pdf:hover {
background: #283c80;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
main.main .container .picture {
left: 20px;
width: 25%;
}
}
@media only screen and (min-width: 992px) {
.block-pdf-decstop {
display: flex;
}
.block-pdf-mobile {
display: none;
}
}
@media only screen and (max-width: 991px) {
.block-pdf-mobile {
display: flex;
}
.block-pdf-decstop {
display: none;
}
.spec-block-pdf {
position: relative;
top: auto;
left: auto;
margin-top: -5px;
margin-left: 0;
width: 100%;
box-sizing: border-box;
height: auto;
padding: 45px 24px 0 24px;
z-index: 2;
}
.spec-block-pdf p:first-child {
margin-bottom: 6px;
}
.spec-block-pdf p:nth-child(2) {
margin-bottom: 1px;
}
.spec-block-pdf p:nth-child(3) {
margin-bottom: 6px;
}
.spec-block-pdf .btn-pdf {
margin-bottom: -19px;
}
}
@media (max-width: 768px) {
.spec-block-pdf {
margin-top: 0;
}
}
@media (max-width: 640px) {
.spec-block-pdf {
margin-bottom: -25px;
}
}
.grecaptcha-badge { 
visibility: hidden;
}html, body {
margin: 0;
padding: 0;
width: 100%; }
* {
box-sizing: border-box;
margin: 0;
padding: 0; }
ul {
margin: 0;
padding: 0;
list-style: none; }
html {
min-height: 100%; }
a {
text-decoration: none;
color: inherit; }
img {
max-width: 100%;
max-height: 100%; }
.container {
width: 100%;
height: 100%;
margin: 0 auto;
max-width: 1820px; }
@media screen and (max-width: 1918px) {
.container {
max-width: 1600px; } }
@media screen and (max-width: 1680px) {
.container { max-width: 100vw; } }
@media screen and (max-width: 1280px) { }
@media screen and (max-width: 1024px) { }
@media screen and (max-width: 960px) {
.container {
max-width: auto;
padding: 0 20px; } }
@font-face {
font-display: swag;
font-family: "OfficinaSans";
src: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/fonts/OfficinaSansBoldC-Italic.otf);
font-style: italic;
font-weight: 700; }
@font-face {
font-display: swag;
font-family: "PFDinTextCompPro";
src: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/fonts/PFDinTextCompPro-Thin.ttf);
font-style: normal; }
@font-face {
font-display: swag;
font-family: "Raleway";
src: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/fonts/Raleway-Black.ttf);
font-style: normal;
font-weight: 900; }
@font-face {
font-display: swag;
font-family: "Raleway";
src: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/fonts/Raleway-ExtraBold.ttf);
font-style: normal;
font-weight: 800; }
@font-face {
font-display: swag;
font-family: "Raleway";
src: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/fonts/Raleway-Light.ttf);
font-style: normal;
font-weight: 300; }
@font-face {
font-display: swag;
font-family: "Raleway";
src: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/fonts/Raleway-Regular.ttf);
font-style: normal;
font-weight: 400; }
@font-face {
font-display: swag;
font-family: "Raleway";
src: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/fonts/Raleway-SemiBold.ttf);
font-style: normal;
font-weight: 500; }
@font-face {
font-display: swag;
font-family: "OfficinaSans";
src: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/fonts/OfficinaSansBoldC-Italic.otf);
font-style: italic;
font-weight: 700; }
@font-face {
font-display: swag;
font-family: "PFDinTextCompPro";
src: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/fonts/PFDinTextCompPro-Thin.ttf);
font-style: normal; }
@font-face {
font-display: swag;
font-family: "Raleway";
src: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/fonts/Raleway-Black.ttf);
font-style: normal;
font-weight: 900; }
@font-face {
font-display: swag;
font-family: "Raleway";
src: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/fonts/Raleway-ExtraBold.ttf);
font-style: normal;
font-weight: 800; }
@font-face {
font-display: swag;
font-family: "Raleway";
src: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/fonts/Raleway-Light.ttf);
font-style: normal;
font-weight: 300; }
@font-face {
font-display: swag;
font-family: "Raleway";
src: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/fonts/Raleway-Regular.ttf);
font-style: normal;
font-weight: 400; }
@font-face {
font-display: swag;
font-family: "Raleway";
src: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/fonts/Raleway-SemiBold.ttf);
font-style: normal;
font-weight: 500; }
* {
text-decoration: none;
box-sizing: border-box; }
body { }
body > svg {
display: none; }
.underline {
text-decoration: underline; }
.disabled {
display: none; }
@media screen and (max-width: 768px) {
.mobile_hidden {
display: none; } }
.main_wrapper {
position: relative;
padding-top: 99px; }
@media screen and (max-width: 1024px) {
.main_wrapper {
padding-top: 59px; } }
.header {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100px;
padding: 10px 0;
z-index: 11;
background: #f2bd29;
display: flex;
justify-content: center; align-items: center; }
@media screen and (max-width: 768px) {
.header {
height: 60px; } }
.header.open {
background-color: #0c2d30; }
.header.open .menubutton span:nth-child(2) {
width: 0%;
opacity: 0; }
.header.open .menubutton span:nth-child(1), .header.open .menubutton span:nth-child(3) {
top: calc(50% - 3px);
left: calc(50% - 20px);
width: 50px; }
.header.open .menubutton span:nth-child(1) {
transform: rotate(-45deg); }
.header.open .menubutton span:nth-child(3) {
transform: rotate(45deg); }
.header .menu {
max-width: 1820px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px; }
.header .menu_link {
color: white; }
@media screen and (max-width: 768px) {
.header .menu_link {
max-width: 70%; } }
.header .menu_list {
display: flex;
justify-content: flex-end; }
@media screen and (max-width: 1024px) {
.header .menu_list {
display: none; } }
.header .menu_list .menu_item {
margin-right: 35px; }
@media screen and (max-width: 1280px) {
.header .menu_list .menu_item {
margin-right: 15px; } }
@media screen and (max-width: 1024px) {
.header .menu_list .menu_item {
width: 100%;
text-align: center;
margin-right: 0;
margin-bottom: 15px;
padding: 20px 0;
border-bottom: 1px solid #345057; } }
.header .menu_list .menu_item a {
color: white; }
.header .menu_list .menu_item:last-child {
margin-right: 0;
margin-bottom: 0; }
@media screen and (max-width: 1024px) {
.header .menu_list .menu_item:last-child {
border-bottom: none; }
.header .menu_list .menu_item:last-child span {
background-color: #ffe56d;
border-radius: 10px;
border-bottom: 1px solid transparent;
padding: 10px 25px;
color: #282828; } }
.header .menu_list .menu_item a span {
font-weight: 900;
font-size: 18px;
text-transform: uppercase;
color: white;
transition: 100ms; }
@media screen and (max-width: 1680px) {
.header .menu_list .menu_item a span {
font-size: 16px; } }
.header .menu_list .menu_item:hover a span {
border-bottom: 1.3px solid white; }
.header .menubutton {
width: 50px;
height: 50px;
position: relative;
transform: rotate(0deg);
transition: .5s ease-in-out;
cursor: pointer;
margin-top: 3px;
flex: 0 0 auto;
display: none;
z-index: 10; }
@media screen and (max-width: 1024px) {
.header .menubutton {
display: block; } }
.header .menubutton span {
display: block;
position: absolute;
height: 6px;
width: 50px;
background: white;
opacity: 1;
transform: rotate(0deg);
transition: transform .25s ease-in-out; }
.header .menubutton span:nth-child(1) {
top: 11px; }
.header .menubutton span:nth-child(2) {
top: 22px; }
.header .menubutton span:nth-child(3) {
top: 33px; }
.header .menubutton.open span {
height: 6px; }
.header .menubutton.open span:nth-child(2) {
width: 0%;
opacity: 0; }
.header .menubutton.open span:nth-child(1), .header .menubutton.open span:nth-child(3) {
top: calc(50% - 3px);
left: calc(50% - 20px);
width: 50px; }
.header .menubutton.open span:nth-child(1) {
transform: rotate(-45deg); }
.header .menubutton.open span:nth-child(3) {
transform: rotate(45deg); }
.menu-block {
height: calc(100% - 60px);
width: 100%;
position: fixed;
top: 60px;
background-color: rgba(3, 39, 48, 0.96);
z-index: 10;
display: flex;
align-items: center;
flex-direction: column;
justify-content: space-between;
transition: transform 0.4s;
transform: translateY(-100%) translateY(-100px); }
.menu-block.active {
transform: translateY(0px); }
.menu-block a, .menu-block div {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 5vmin;
border-bottom: 1px solid #345057; }
.menu-block a span, .menu-block div span {
line-height: 1.1em;
border-bottom: 1px solid white; }
.menu-block a:last-child span, .menu-block div:last-child span {
background-color: #ffe56d;
border-radius: 10px;
border-bottom: 1px solid transparent;
padding: 10px 25px;
color: #282828; }
.footer {
position: absolute;
bottom: 0;
width: 100%;
color: white;
text-align: center;
padding: 10px 0 13px; }
.footer .text_box_top {
font-size: 65px;
font-weight: 200;
margin-bottom: 20px; }
@media screen and (max-width: 1680px) {
.footer .text_box_top {
font-size: 50px; } }
@media screen and (max-width: 1280px) {
.footer .text_box_top {
font-size: 40px; } }
@media screen and (max-width: 1024px) {
.footer .text_box_top {
font-size: 29px; } }
@media screen and (max-width: 768px) {
.footer .text_box_top {
color: #f4f4f4;
margin-bottom: 5px;
font-size: 21px; } }
@media screen and (max-width: 480px) {
.footer .text_box_top {
font-size: 18px; } }
.footer .text_box_bottom {
display: flex;
justify-content: space-between; }
@media screen and (max-width: 480px) {
.footer .text_box_bottom {
flex-direction: column; } }
.footer .text_box_bottom .rights {
text-align: left;
font-size: 24px;
color: black; }
@media screen and (max-width: 1680px) {
.footer .text_box_bottom .rights {
font-size: 18px; } }
@media screen and (max-width: 768px) {
.footer .text_box_bottom .rights {
font-size: 12px; } }
@media screen and (max-width: 480px) {
.footer .text_box_bottom .rights {
text-align: center; } }
.footer .text_box_bottom .producer {
text-align: right;
font-size: 24px;
color: black; }
@media screen and (max-width: 1680px) {
.footer .text_box_bottom .producer {
font-size: 18px; } }
@media screen and (max-width: 768px) {
.footer .text_box_bottom .producer {
font-size: 12px; } }
@media screen and (max-width: 480px) {
.footer .text_box_bottom .producer {
text-align: center; } }
.section_welcome {
width: 100%;
min-height: calc(100vh - 100px);
height: calc(100vh - 100px);
position: relative;
background: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/bg_shadow_white.png);
background-size: 100% auto;
background-position: center bottom; }
@media screen and (max-width: 1024px) {
.section_welcome {
height: auto;
min-height: 0; } }
.section_welcome .owl-stage-outer {
width: 100%;
height: 100%;
overflow: hidden; }
.section_welcome .owl-stage-outer .owl-stage {
height: 100%;
display: flex; }
.section_welcome .owl-stage-outer .owl-stage .owl-item video {
top: 0 !important;
transform: translate(-50%, 0) !important; }
@media screen and (max-width: 1024px) {
.section_welcome .owl-stage-outer .owl-stage .owl-item .main_page_slider_element > div {
position: relative !important;
width: 100%;
margin: 0;
padding: 0; }
.section_welcome .owl-stage-outer .owl-stage .owl-item .main_page_slider_element video {
width: 100% !important;
height: auto !important;
position: relative !important;
pointer-events: none; } }
.section_welcome .owl-dots {
position: absolute;
bottom: 20px;
right: 50%;
transform: translateX(50%); }
.section_welcome .owl-dots .owl-dot {
width: 20px;
height: 20px;
border: 2px solid white;
outline: none;
border-radius: 50%;
margin-right: 10px;
background: transparent; }
.section_welcome .owl-dots .owl-dot:last-child {
margin-right: 0; }
.section_welcome .owl-dots .owl-dot.active {
background: #1E396D; }
.section_welcome .owl-nav .owl-prev {
display: block;
position: absolute;
top: 50%;
left: 20px;
width: 40px;
background: transparent;
border: none;
transform: translateY(-50%);
outline: none; }
.section_welcome .owl-nav .owl-prev span {
font-size: 50px;
color: white; }
.section_welcome .owl-nav .owl-prev.disabled {
opacity: 0.3; }
.section_welcome .owl-nav .owl-next {
display: block;
position: absolute;
top: 50%;
right: 20px;
width: 40px;
background: transparent;
border: none;
transform: translateY(-50%);
outline: none; }
.section_welcome .owl-nav .owl-next span {
font-size: 50px;
color: white; }
.section_welcome .owl-nav .owl-next.disabled {
opacity: 0.3; }
.section_welcome .main_page_slider {
width: 100%;
height: 100%; }
.section_welcome .main_page_slider_element {
width: 100%;
height: 100%;
box-shadow: inset 0px -100px 100px -35px white;
background: linear-gradient(to top, #fff, transparent 3%);
background-position: center bottom; }
.section_welcome .main_page_slider_element div {
width: 100%;
height: 100%; }
.section_welcome .button_voice {
width: 30px;
height: 30px;
opacity: 0.7;
position: absolute;
right: 10px;
bottom: 65px;
background: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/voice_off.png);
background-size: contain;
background-repeat: no-repeat; }
.section_welcome .button_voice.active {
background: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/voice.png);
background-size: contain;
background-repeat: no-repeat; }
.section_product {
width: 100%;
height: 100vh;
min-height: 100vh;
background: linear-gradient(#fff, transparent 25% 75%, #fff), url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/product_bg.png);
background-size: 100% 100%, 80% auto;
background-position: center top, center bottom, center;
background-repeat: no-repeat;
position: relative;
box-shadow: inset 0px 100px 80px -50px white, inset 0px -100px 80px -35px white; }
@media screen and (max-width: 1024px) {
.section_product {
height: auto; } }
@media screen and (max-width: 768px) {
.section_product {
background: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/molecula_top_mob.png);
background-size: auto 40%;
background-position: center 10%;
box-shadow: none;
background-repeat: no-repeat; } }
.section_product .yellow_bg {
content: "";
display: block;
position: absolute;
width: 55%;
height: 95%;
top: 0;
left: 0;
background: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/yellow_sq.png);
background-size: 100% 95%;
background-repeat: no-repeat;
z-index: -1; }
@media screen and (max-width: 1024px) {
.section_product .yellow_bg {
width: 80%;
height: 70%;
left: 50%;
transform: translateX(-50%); } }
@media screen and (max-width: 768px) {
.section_product .yellow_bg {
background: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/molecula_mob.png), url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/yellow_sq_mob.png);
background-size: auto 90%, 100% 95%;
background-position: center 10%, center;
background-repeat: no-repeat;
width: 100%;
height: 70%;
top: auto;
bottom: 0; } }
.section_product .cnt_wrapper {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 50px 0; }
.section_product .cnt_wrapper .title {
font-size: 48px;
font-weight: 800;
color: #0431a0;
text-transform: uppercase;
text-align: center;
margin-bottom: 15px; }
@media screen and (max-width: 1680px) {
.section_product .cnt_wrapper .title {
font-size: 30px; } }
@media screen and (max-width: 1024px) {
.section_product .cnt_wrapper .title {
font-size: 24px; } }
@media screen and (max-width: 768px) {
.section_product .cnt_wrapper .title {
font-size: 20px;
text-align: left; } }
@media screen and (max-width: 480px) {
.section_product .cnt_wrapper .title {
font-size: 18px; } }
.section_product .cnt_wrapper .content {
width: 100%;
display: flex; }
@media screen and (max-width: 1024px) {
.section_product .cnt_wrapper .content {
flex-direction: column; } }
.section_product .cnt_wrapper .content_left {
width: 55%;
height: 100%; }
@media screen and (max-width: 1024px) {
.section_product .cnt_wrapper .content_left {
width: 100%; } }
.section_product .cnt_wrapper .content_right {
width: 45%;
height: 100%;
display: flex;
align-items: center; }
@media screen and (max-width: 1024px) {
.section_product .cnt_wrapper .content_right {
width: 100%; } }
.section_product .cnt_wrapper .content_right .product_properties_list {
max-width: 650px; }
.section_product .cnt_wrapper .content_right .product_properties_list .product_properties_item {
padding: 5px 0;
display: flex;
font-size: 24px;
font-weight: 400; }
@media screen and (max-width: 1680px) {
.section_product .cnt_wrapper .content_right .product_properties_list .product_properties_item {
font-size: 20px; } }
@media screen and (max-width: 1024px) {
.section_product .cnt_wrapper .content_right .product_properties_list .product_properties_item {
font-size: 18px; } }
@media screen and (max-width: 480px) {
.section_product .cnt_wrapper .content_right .product_properties_list .product_properties_item {
font-size: 16px; } }
.section_product .cnt_wrapper .content_right .product_properties_list .product_properties_item:before {
content: "";
display: block;
width: 43px;
height: 15px;
background: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/list_icon.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
flex-shrink: 0;
margin-right: 10px;
position: relative;
top: 10.5px;
transform: translateY(-50%); }
@media screen and (max-width: 768px) {
.section_product .cnt_wrapper .content_right .product_properties_list .product_properties_item:before {
width: 25px;
height: 10px; } }
.section_advantages {
width: 100%;
height: 100vh;
min-height: 100vh;
position: relative;
background: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/bg_shadow_white_rev.png), url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/bg_shadow_white.png), url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/yellow_sq.png), url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/Citovir-3_site_03.png);
background-size: 100% 90px, 100% 90px, 55% 95%, cover;
background-position: center top, center bottom, 95% 0, center;
background-repeat: no-repeat;
box-shadow: inset 0px 50px 70px -5px white, inset 0px -50px 70px -5px white; }
@media screen and (max-width: 1280px) {
.section_advantages {
background-size: 100% 70px, 100% 70px, 55% 95%, cover; } }
@media screen and (max-width: 1024px) {
.section_advantages {
height: auto; } }
@media screen and (max-width: 576px) {
.section_advantages {
height: 100vh;
min-height: 720px;
background: none;
box-shadow: none;
background: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/bg_shadow_white_rev.png), url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/bg_shadow_white.png);
background-position: center top, center bottom;
background-repeat: no-repeat;
background-size: contain, contain; }
.section_advantages:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 48%;
background: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/Citovir-3_site_03_mob.png);
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
z-index: -1; }
.section_advantages:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 70%;
background: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/molecula_mob.png), url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/yellow_sq_mob.png);
background-size: auto 90%, 100% 95%;
background-position: center;
background-repeat: no-repeat;
z-index: 0; } }
.section_advantages .container {
height: 100%;
position: relative;
z-index: 3; }
.section_advantages .cnt_wrapper {
width: 100%;
height: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
padding: 50px 0; }
@media screen and (max-width: 1024px) {
.section_advantages .cnt_wrapper {
align-items: flex-start; } }
@media screen and (max-width: 576px) {
.section_advantages .cnt_wrapper {
align-items: flex-end; } }
.section_advantages .cnt_wrapper .content {
width: 40%; }
@media screen and (max-width: 1024px) {
.section_advantages .cnt_wrapper .content {
width: 80%;
align-items: flex-start; } }
@media screen and (max-width: 576px) {
.section_advantages .cnt_wrapper .content {
width: 95%; } }
.section_advantages .cnt_wrapper .content .title {
font-size: 28px;
font-weight: bold;
color: #0431a0;
text-transform: uppercase;
margin-bottom: 20px; }
@media screen and (max-width: 1024px) {
.section_advantages .cnt_wrapper .content .title {
font-size: 24px; } }
@media screen and (max-width: 768px) {
.section_advantages .cnt_wrapper .content .title {
font-size: 20px;
margin-bottom: 5px; } }
@media screen and (max-width: 480px) {
.section_advantages .cnt_wrapper .content .title {
font-size: 18px; } }
.section_advantages .cnt_wrapper .content .logo {
max-width: 430px;
margin-bottom: 10px; }
@media screen and (max-width: 1680px) {
.section_advantages .cnt_wrapper .content .logo {
max-width: 270px; } }
@media screen and (max-width: 768px) {
.section_advantages .cnt_wrapper .content .logo {
margin-bottom: 5px; } }
@media screen and (max-width: 576px) {
.section_advantages .cnt_wrapper .content .logo {
max-width: 160px; } }
.section_advantages .cnt_wrapper .content .desc {
margin-bottom: 20px;
font-size: 24px;
font-weight: 500; }
@media screen and (max-width: 1680px) {
.section_advantages .cnt_wrapper .content .desc {
font-size: 20px; } }
@media screen and (max-width: 768px) {
.section_advantages .cnt_wrapper .content .desc {
font-size: 18px;
margin-bottom: 10px; } }
@media screen and (max-width: 480px) {
.section_advantages .cnt_wrapper .content .desc {
font-size: 16px; } }
.section_advantages .cnt_wrapper .content .list_advantages .advantages_item {
margin-bottom: 15px; }
.section_advantages .cnt_wrapper .content .list_advantages .advantages_item:last-child {
margin-bottom: 0; }
.section_advantages .cnt_wrapper .content .list_advantages .advantages_item a {
display: flex;
align-items: center; }
.section_advantages .cnt_wrapper .content .list_advantages .advantages_item a .icon {
width: 118px;
height: 118px;
margin-right: 15px;
flex-shrink: 0; }
@media screen and (max-width: 1680px) {
.section_advantages .cnt_wrapper .content .list_advantages .advantages_item a .icon {
width: 60px;
height: 60px; } }
.section_advantages .cnt_wrapper .content .list_advantages .advantages_item a .icon.icon_pill {
background: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/pill.png);
background-size: contain;
background-repeat: no-repeat; }
.section_advantages .cnt_wrapper .content .list_advantages .advantages_item a .icon.icon_molecula {
background: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/virus.png);
background-size: contain;
background-repeat: no-repeat; }
.section_advantages .cnt_wrapper .content .list_advantages .advantages_item a .icon.icon_articles {
background: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/articles.png);
background-size: contain;
background-repeat: no-repeat; }
.section_advantages .cnt_wrapper .content .list_advantages .advantages_item a .text {
font-size: 24px;
line-height: 1.5;
font-weight: 500;
text-transform: uppercase; }
@media screen and (max-width: 1680px) {
.section_advantages .cnt_wrapper .content .list_advantages .advantages_item a .text {
font-size: 20px; } }
@media screen and (max-width: 1024px) {
.section_advantages .cnt_wrapper .content .list_advantages .advantages_item a .text {
font-size: 16px; } }
@media screen and (max-width: 480px) {
.section_advantages .cnt_wrapper .content .list_advantages .advantages_item a .text {
font-size: 14px; } }
.section_buy {
width: 100%;
height: 100vh;
position: relative;
min-height: 100vh;
background: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/bg_shadow_white_rev.png), url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/bg_shadow_white.png), url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/yellow_sq.png), url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/Citovir-3_site_04.png);
background-size: 100% 90px, 100% 90px, 55% 95%, cover;
background-position: center top, center bottom, 95% 0, center;
background-repeat: no-repeat;
box-shadow: inset 0px 50px 70px -5px white, inset 0px -50px 70px -5px white; }
@media screen and (max-width: 1280px) {
.section_buy {
background-size: 100% 70px, 100% 70px, 55% 95%, cover; } }
@media screen and (max-width: 576px) {
.section_buy {
height: 100vh;
min-height: 720px;
background: none;
box-shadow: none;
padding-bottom: 150px;
background: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/bg_shadow_white_rev.png), url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/bg_shadow_white.png);
background-position: center top, center bottom;
background-repeat: no-repeat;
background-size: contain, contain; }
.section_buy:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 48%;
background: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/Citovir-3_site_04_mob.png);
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
z-index: -2; }
.section_buy:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 70%;
background: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/molecula_mob.png), url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/yellow_sq_mob.png);
background-size: auto 90%, 100% 95%;
background-position: center;
background-repeat: no-repeat;
z-index: -1; } }
@media screen and (max-width: 480px) {
.section_buy {
padding-bottom: 110px; } }
.section_buy .container {
height: 100%; }
.section_buy .cnt_wrapper {
width: 100%;
height: 100%;
display: flex;
justify-content: flex-end;
align-items: flex-start;
padding: 10vh 0 150px; }
@media screen and (max-width: 1024px) {
.section_buy .cnt_wrapper {
align-items: flex-start; } }
@media screen and (max-width: 576px) {
.section_buy .cnt_wrapper {
padding: 3px 0;
align-items: flex-end; } }
.section_buy .cnt_wrapper .content {
width: 60%;
max-width: 630px; }
@media screen and (max-width: 1024px) {
.section_buy .cnt_wrapper .content {
width: 80%; } }
@media screen and (max-width: 576px) {
.section_buy .cnt_wrapper .content {
width: 95%; } }
.section_buy .cnt_wrapper .content .title {
font-size: 28px;
font-weight: bold;
color: #0431a0;
text-transform: uppercase;
margin-bottom: 20px; }
@media screen and (max-width: 768px) {
.section_buy .cnt_wrapper .content .title {
margin-bottom: 5px; } }
.section_buy .cnt_wrapper .content .logo {
max-width: 430px;
margin-bottom: 10px; }
@media screen and (max-width: 1680px) {
.section_buy .cnt_wrapper .content .logo {
max-width: 270px; } }
@media screen and (max-width: 768px) {
.section_buy .cnt_wrapper .content .logo {
margin-bottom: 5px; } }
@media screen and (max-width: 576px) {
.section_buy .cnt_wrapper .content .logo {
max-width: 160px; } }
.section_buy .cnt_wrapper .content .desc {
margin-bottom: 40px;
font-size: 24px;
font-weight: 600;
color: white; }
@media screen and (max-width: 1680px) {
.section_buy .cnt_wrapper .content .desc {
font-size: 20px; } }
@media screen and (max-width: 768px) {
.section_buy .cnt_wrapper .content .desc {
font-size: 18px;
margin-bottom: 10px; } }
@media screen and (max-width: 480px) {
.section_buy .cnt_wrapper .content .desc {
font-size: 16px; } }
.section_buy .cnt_wrapper .content .shops_list {
display: flex;
flex-wrap: wrap; }
.section_buy .cnt_wrapper .content .shops_list .shops_list_item {
display: flex;
align-items: center;
justify-content: center;
height: 45px;
max-width: 150px;
margin: 0 20px 20px 0; }
@media screen and (max-width: 1280px) {
.section_buy .cnt_wrapper .content .shops_list .shops_list_item {
height: 40px; } }
@media screen and (max-width: 1024px) {
.section_buy .cnt_wrapper .content .shops_list .shops_list_item {
height: 35px; } }
@media screen and (max-width: 768px) {
.section_buy .cnt_wrapper .content .shops_list .shops_list_item {
height: 25px; } }
.section_buy .cnt_wrapper .content .shops_list .shops_list_item:last-child {
margin-right: 0; }
.section_buy .cnt_wrapper .content .shops_list .shops_list_item a {
height: 100%; }
.new-section.family2-sect {
background: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/product_bg.png); }
.how_to_protect {
width: 201px;
height: 63px;
background: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/new_fp/profilaktika.png);
position: fixed;
left: 10px;
bottom: 65px;
z-index: 900; }
@media screen and (max-width: 576px) {
.how_to_protect {
background-size: 90%;
background-repeat: no-repeat;
bottom: 35px; } }
#cube-loader {
align-items: center;
display: flex;
height: 100%;
width: 100%;
position: fixed;
z-index: 100;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.8); }
#cube-loader .caption {
margin: 0 auto; }
#cube-loader .cube-loader {
width: 73px;
height: 73px;
margin: 0 auto;
margin-top: 49px;
position: relative;
transform: rotateZ(45deg); }
#cube-loader .cube-loader .cube {
position: relative;
transform: rotateZ(45deg);
width: 50%;
height: 50%;
float: left;
transform: scale(1.1); }
#cube-loader .cube-loader .cube:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #8ad4c7;
animation: cube-loader 2.76s infinite linear both;
transform-origin: 100% 100%; }
#cube-loader .cube-loader .loader-2 {
transform: scale(1.1) rotateZ(90deg); }
#cube-loader .cube-loader .loader-3 {
transform: scale(1.1) rotateZ(180deg); }
#cube-loader .cube-loader .loader-4 {
transform: scale(1.1) rotateZ(270deg); }
#cube-loader .cube-loader .loader-2:before {
animation-delay: 0.35s; }
#cube-loader .cube-loader .loader-3:before {
animation-delay: 0.69s; }
#cube-loader .cube-loader .loader-4:before {
animation-delay: 1.04s; }
@keyframes cube-loader {
0%, 10% {
transform: perspective(136px) rotateX(-180deg);
opacity: 0; }
25%, 75% {
transform: perspective(136px) rotateX(0deg);
opacity: 1; }
90%, 100% {
transform: perspective(136px) rotateY(180deg);
opacity: 0; } }
.corona {
width: 100%; overflow: hidden; }
@media screen and (max-width: 1024px) {
.corona {
padding-top: 100px; } }
@media screen and (max-width: 768px) {
.corona {
padding-top: 59px; } }
.corona .container {
max-width: 1480px; }
@media screen and (max-width: 1680px) {
.corona .container {
max-width: calc(100vw - 100px); } }
@media screen and (max-width: 1024px) {
.corona .container {
max-width: 768px; } }
@media screen and (max-width: 960px) {
.corona .container {
max-width: auto;
padding: 0 20px; } }
.corona .breadcrumbs {
padding: 50px 0; }
@media screen and (max-width: 768px) {
.corona .breadcrumbs {
padding: 30px 0; } }
.corona .section_coronavirus {
width: 100%;
padding: 20px 0 100px; }
@media screen and (max-width: 1680px) {
.corona .section_coronavirus {
padding: 5px 0 100px; } }
@media screen and (max-width: 1280px) {
.corona .section_coronavirus {
padding: 5px 0 70px; } }
@media screen and (max-width: 768px) {
.corona .section_coronavirus {
padding: 10px 0 50px; } }
.corona .section_coronavirus .cnt_wrapper {
width: 100%;
display: flex; }
@media screen and (max-width: 1024px) {
.corona .section_coronavirus .cnt_wrapper {
flex-direction: column; } }
.corona .section_coronavirus .cnt_wrapper .cnt_left {
width: 45%; }
@media screen and (max-width: 1280px) {
.corona .section_coronavirus .cnt_wrapper .cnt_left {
width: 55%; } }
@media screen and (max-width: 1024px) {
.corona .section_coronavirus .cnt_wrapper .cnt_left {
width: 100%;
margin-bottom: 50px; } }
.corona .section_coronavirus .cnt_wrapper .cnt_left .title {
font-weight: bold;
font-size: 48px;
line-height: 56px;
text-transform: uppercase;
color: #064CB1; }
@media screen and (max-width: 1680px) {
.corona .section_coronavirus .cnt_wrapper .cnt_left .title {
font-size: 42px; } }
@media screen and (max-width: 768px) {
.corona .section_coronavirus .cnt_wrapper .cnt_left .title {
font-size: 36px;
line-height: 1.3; } }
@media screen and (max-width: 480px) {
.corona .section_coronavirus .cnt_wrapper .cnt_left .title {
font-size: 28px;
line-height: 1.3; } }
.corona .section_coronavirus .cnt_wrapper .cnt_left .only_info {
display: block;
font-size: 16px;
font-weight: 300;
line-height: 120%;
color: #626262;
margin-bottom: 60px;
padding-left: 2px; }
@media screen and (max-width: 1680px) {
.corona .section_coronavirus .cnt_wrapper .cnt_left .only_info {
margin-bottom: 30px; } }
@media screen and (max-width: 768px) {
.corona .section_coronavirus .cnt_wrapper .cnt_left .only_info {
font-size: 12px; } }
@media screen and (max-width: 480px) {
.corona .section_coronavirus .cnt_wrapper .cnt_left .only_info {
margin-bottom: 20px; } }
.corona .section_coronavirus .cnt_wrapper .cnt_left .symptoms_wrapper {
margin-bottom: 60px; }
.corona .section_coronavirus .cnt_wrapper .cnt_left .symptoms_wrapper .symptoms_title {
font-weight: bold;
font-size: 28px;
line-height: 33px;
text-transform: uppercase;
color: #424242;
margin-bottom: 30px; }
@media screen and (max-width: 768px) {
.corona .section_coronavirus .cnt_wrapper .cnt_left .symptoms_wrapper .symptoms_title {
font-size: 24px;
line-height: 1.3;
margin-bottom: 25px; } }
@media screen and (max-width: 480px) {
.corona .section_coronavirus .cnt_wrapper .cnt_left .symptoms_wrapper .symptoms_title {
font-size: 20px;
line-height: 1.3;
margin-bottom: 15px; } }
.corona .section_coronavirus .cnt_wrapper .cnt_left .symptoms_wrapper .symptoms_list {
display: flex;
flex-wrap: wrap;
margin-bottom: 30px; }
.corona .section_coronavirus .cnt_wrapper .cnt_left .symptoms_wrapper .symptoms_list li {
font-weight: 300;
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
color: #626262;
display: flex;
align-items: center;
justify-content: flex-start;
margin-right: 30px;
margin-bottom: 15px; }
@media screen and (max-width: 768px) {
.corona .section_coronavirus .cnt_wrapper .cnt_left .symptoms_wrapper .symptoms_list li {
font-size: 16px;
line-height: 1.3; } }
.corona .section_coronavirus .cnt_wrapper .cnt_left .symptoms_wrapper .symptoms_list li:before {
content: "";
display: block;
flex-shrink: 0;
width: 17px;
height: 17px;
margin-right: 10px;
background: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/corona/symptoms_list_img.png); }
.corona .section_coronavirus .cnt_wrapper .cnt_left .symptoms_wrapper .symptoms_add_text {
font-size: 18px;
line-height: 120%;
color: #064CB1; }
.corona .section_coronavirus .cnt_wrapper .cnt_left .who_tested_on .who_tested_on_title {
font-weight: bold;
font-size: 28px;
line-height: 33px;
text-transform: uppercase;
color: #424242;
margin-bottom: 25px; }
@media screen and (max-width: 768px) {
.corona .section_coronavirus .cnt_wrapper .cnt_left .who_tested_on .who_tested_on_title {
font-size: 24px;
line-height: 1.2; } }
@media screen and (max-width: 480px) {
.corona .section_coronavirus .cnt_wrapper .cnt_left .who_tested_on .who_tested_on_title {
font-size: 20px; } }
.corona .section_coronavirus .cnt_wrapper .cnt_left .who_tested_on .who_tested_on_list .who_tested_on_item {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 20px; }
.corona .section_coronavirus .cnt_wrapper .cnt_left .who_tested_on .who_tested_on_list .who_tested_on_item .img_box {
width: 55px;
height: 55px;
flex-shrink: 0;
margin-right: 15px; }
.corona .section_coronavirus .cnt_wrapper .cnt_left .who_tested_on .who_tested_on_list .who_tested_on_item .text_box {
font-weight: 300;
font-size: 18px;
line-height: 120%;
color: #626262; }
@media screen and (max-width: 768px) {
.corona .section_coronavirus .cnt_wrapper .cnt_left .who_tested_on .who_tested_on_list .who_tested_on_item .text_box {
font-size: 16px;
line-height: 1.2; } }
@media screen and (max-width: 480px) {
.corona .section_coronavirus .cnt_wrapper .cnt_left .who_tested_on .who_tested_on_list .who_tested_on_item .text_box {
font-size: 14px; } }
.corona .section_coronavirus .cnt_wrapper .cnt_right {
width: 55%;
display: flex;
justify-content: center;
align-items: center; }
@media screen and (max-width: 1280px) {
.corona .section_coronavirus .cnt_wrapper .cnt_right {
width: 45%; } }
@media screen and (max-width: 1024px) {
.corona .section_coronavirus .cnt_wrapper .cnt_right {
width: 100%; } }
@media screen and (max-width: 1024px) {
.corona .section_coronavirus .cnt_wrapper .cnt_right img {
max-width: 350px; } }
@media screen and (max-width: 576px) {
.corona .section_coronavirus .cnt_wrapper .cnt_right img {
max-width: 100%; } }
.corona .section_prevention {
padding: 100px 0;
background: #F4F4F4; }
@media screen and (max-width: 1680px) {
.corona .section_prevention {
padding: 70px 0; } }
@media screen and (max-width: 768px) {
.corona .section_prevention {
padding: 50px 0; } }
.corona .section_prevention .cnt_wrapper .title {
font-weight: bold;
font-size: 48px;
line-height: 56px;
text-transform: uppercase;
color: #064CB1;
margin-bottom: 60px; }
@media screen and (max-width: 1680px) {
.corona .section_prevention .cnt_wrapper .title {
font-size: 42px;
margin-bottom: 30px; } }
@media screen and (max-width: 768px) {
.corona .section_prevention .cnt_wrapper .title {
font-size: 36px;
line-height: 1.3; } }
@media screen and (max-width: 480px) {
.corona .section_prevention .cnt_wrapper .title {
font-size: 28px;
line-height: 1.3;
margin-bottom: 20px; } }
.corona .section_prevention .cnt_wrapper .prevention_list {
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
.corona .section_prevention .cnt_wrapper .prevention_list .prevention_list_item {
width: 25%;
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 25px;
padding-right: 20px; }
@media screen and (max-width: 1280px) {
.corona .section_prevention .cnt_wrapper .prevention_list .prevention_list_item {
width: 50%; } }
@media screen and (max-width: 768px) {
.corona .section_prevention .cnt_wrapper .prevention_list .prevention_list_item {
width: 100%; } }
.corona .section_prevention .cnt_wrapper .prevention_list .prevention_list_item .img_box {
width: 55px;
height: 55px;
flex-shrink: 0;
margin-right: 15px; }
@media screen and (max-width: 1680px) {
.corona .section_prevention .cnt_wrapper .prevention_list .prevention_list_item .img_box {
width: 45px;
height: 45px; } }
@media screen and (max-width: 1280px) {
.corona .section_prevention .cnt_wrapper .prevention_list .prevention_list_item .img_box {
width: 55px;
height: 55px; } }
.corona .section_prevention .cnt_wrapper .prevention_list .prevention_list_item .text_box {
font-weight: 300;
font-size: 18px;
line-height: 120%;
color: #626262;
text-transform: uppercase; }
@media screen and (max-width: 1680px) {
.corona .section_prevention .cnt_wrapper .prevention_list .prevention_list_item .text_box {
font-size: 16px; } }
@media screen and (max-width: 768px) {
.corona .section_prevention .cnt_wrapper .prevention_list .prevention_list_item .text_box {
font-size: 16px;
line-height: 1.2; } }
@media screen and (max-width: 480px) {
.corona .section_prevention .cnt_wrapper .prevention_list .prevention_list_item .text_box {
font-size: 14px; } }
.corona .section_wear_mask {
padding: 100px 0; }
@media screen and (max-width: 1680px) {
.corona .section_wear_mask {
padding: 70px 0; } }
@media screen and (max-width: 768px) {
.corona .section_wear_mask {
padding: 50px 0; } }
.corona .section_wear_mask .cnt_wrapper {
display: flex; }
@media screen and (max-width: 1024px) {
.corona .section_wear_mask .cnt_wrapper {
flex-direction: column; } }
.corona .section_wear_mask .cnt_wrapper .cnt_left {
width: 35%;
display: flex;
justify-content: center;
align-items: center; }
@media screen and (max-width: 1024px) {
.corona .section_wear_mask .cnt_wrapper .cnt_left {
width: 100%;
margin-bottom: 30px; } }
.corona .section_wear_mask .cnt_wrapper .cnt_left img {
position: relative;
left: -50px; }
@media screen and (max-width: 1024px) {
.corona .section_wear_mask .cnt_wrapper .cnt_left img {
max-width: 350px;
left: 0; } }
@media screen and (max-width: 576px) {
.corona .section_wear_mask .cnt_wrapper .cnt_left img {
max-width: 100%; } }
.corona .section_wear_mask .cnt_wrapper .cnt_right {
width: 65%; }
@media screen and (max-width: 1024px) {
.corona .section_wear_mask .cnt_wrapper .cnt_right {
width: 100%; } }
.corona .section_wear_mask .cnt_wrapper .cnt_right .wear_mask_title {
font-weight: bold;
font-size: 48px;
line-height: 56px;
text-transform: uppercase;
color: #064CB1;
margin-bottom: 60px; }
@media screen and (max-width: 1680px) {
.corona .section_wear_mask .cnt_wrapper .cnt_right .wear_mask_title {
font-size: 36px;
margin-bottom: 30px; } }
@media screen and (max-width: 1280px) {
.corona .section_wear_mask .cnt_wrapper .cnt_right .wear_mask_title {
margin-bottom: 15px; } }
@media screen and (max-width: 768px) {
.corona .section_wear_mask .cnt_wrapper .cnt_right .wear_mask_title {
font-size: 32px;
line-height: 1.3; } }
@media screen and (max-width: 480px) {
.corona .section_wear_mask .cnt_wrapper .cnt_right .wear_mask_title {
font-size: 28px;
line-height: 1.3;
margin-bottom: 20px; } }
.corona .section_wear_mask .cnt_wrapper .cnt_right .symptoms_list {
width: 100%;
display: flex;
flex-wrap: wrap;
margin-bottom: 30px; }
@media screen and (max-width: 1280px) {
.corona .section_wear_mask .cnt_wrapper .cnt_right .symptoms_list {
margin-bottom: 15px; } }
.corona .section_wear_mask .cnt_wrapper .cnt_right .symptoms_list li {
width: 50%;
font-weight: 300;
font-size: 18px;
line-height: 21px;
color: #626262;
display: flex;
align-items: center;
justify-content: flex-start;
padding-right: 10px;
margin-bottom: 15px; }
@media screen and (max-width: 1280px) {
.corona .section_wear_mask .cnt_wrapper .cnt_right .symptoms_list li {
font-size: 14px; } }
@media screen and (max-width: 768px) {
.corona .section_wear_mask .cnt_wrapper .cnt_right .symptoms_list li {
width: 100%; } }
.corona .section_wear_mask .cnt_wrapper .cnt_right .symptoms_list li:before {
content: "";
display: block;
flex-shrink: 0;
width: 17px;
height: 17px;
margin-right: 10px;
background: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/corona/symptoms_list_img.png); }
.corona .section_wear_mask .cnt_wrapper .cnt_right .mask_is_appropriate .mask_is_appropriate_title {
font-weight: bold;
font-size: 28px;
line-height: 33px;
text-transform: uppercase;
color: #424242;
margin-bottom: 20px; }
@media screen and (max-width: 1280px) {
.corona .section_wear_mask .cnt_wrapper .cnt_right .mask_is_appropriate .mask_is_appropriate_title {
font-size: 24px;
margin-bottom: 10px; } }
.corona .section_wear_mask .cnt_wrapper .cnt_right .mask_is_appropriate .appropriate_text_bottom {
display: flex;
flex-wrap: wrap; }
.corona .section_wear_mask .cnt_wrapper .cnt_right .mask_is_appropriate .appropriate_text_bottom .text_left {
width: 50%;
font-size: 15px;
line-height: 120%;
text-transform: uppercase;
color: #064CB1;
padding-right: 40px;
letter-spacing: 0px; }
@media screen and (max-width: 1280px) {
.corona .section_wear_mask .cnt_wrapper .cnt_right .mask_is_appropriate .appropriate_text_bottom .text_left {
font-size: 13px;
padding-right: 15px; } }
@media screen and (max-width: 768px) {
.corona .section_wear_mask .cnt_wrapper .cnt_right .mask_is_appropriate .appropriate_text_bottom .text_left {
width: 100%;
margin-bottom: 20px;
padding-right: 0; } }
.corona .section_wear_mask .cnt_wrapper .cnt_right .mask_is_appropriate .appropriate_text_bottom .text_right {
width: 50%;
font-weight: 300;
font-size: 16px;
line-height: 120%;
color: #626262; }
@media screen and (max-width: 1280px) {
.corona .section_wear_mask .cnt_wrapper .cnt_right .mask_is_appropriate .appropriate_text_bottom .text_right {
font-size: 13px; } }
@media screen and (max-width: 768px) {
.corona .section_wear_mask .cnt_wrapper .cnt_right .mask_is_appropriate .appropriate_text_bottom .text_right {
width: 100%; } }
.corona .section_prevention_experts {
padding: 30px 0;
background: #F4F4F4; }
.corona .section_prevention_experts .cnt_wrapper {
display: flex;
justify-content: space-between;
align-items: center; }
@media screen and (max-width: 768px) {
.corona .section_prevention_experts .cnt_wrapper {
flex-direction: column; } }
.corona .section_prevention_experts .cnt_wrapper .prevention_text {
font-weight: bold;
font-size: 24px;
line-height: 130%;
text-transform: uppercase;
color: #424242;
max-width: 55%; }
@media screen and (max-width: 1680px) {
.corona .section_prevention_experts .cnt_wrapper .prevention_text {
font-size: 20px;
max-width: 75%; } }
@media screen and (max-width: 1680px) {
.corona .section_prevention_experts .cnt_wrapper .prevention_text {
font-size: 16px; } }
@media screen and (max-width: 768px) {
.corona .section_prevention_experts .cnt_wrapper .prevention_text {
max-width: 100%;
margin-bottom: 20px;
text-align: center;
font-size: 20px; } }
.corona .section_prevention_experts .cnt_wrapper .prevention_link {
padding: 15px 30px;
background: #064CB1;
border-radius: 50px;
color: white;
display: flex;
justify-content: center;
align-items: center;
text-transform: uppercase; }
@media screen and (max-width: 768px) {
.corona .section_prevention_experts .cnt_wrapper .prevention_link {
font-size: 16px; } }
@media screen and (max-width: 480px) {
.corona .section_prevention_experts .cnt_wrapper .prevention_link {
font-size: 12px; } }
.corona .section_about {
padding: 100px 0;
background: #F2BD29; }
@media screen and (max-width: 1680px) {
.corona .section_about {
padding: 70px 0; } }
.corona .section_about .cnt_wrapper .minzdrav {
font-size: 26px;
line-height: 130%;
text-align: center;
letter-spacing: 0.02em;
color: #626262;
max-width: 1155px;
margin: 0 auto 30px; }
@media screen and (max-width: 1280px) {
.corona .section_about .cnt_wrapper .minzdrav {
font-size: 22px; } }
@media screen and (max-width: 350px) {
.corona .section_about .cnt_wrapper .minzdrav {
font-size: 18px; } }
@media screen and (max-width: 480px) {
.corona .section_about .cnt_wrapper .minzdrav {
font-size: 14px; } }
.corona .section_about .cnt_wrapper .minzdrav .minzdrav_link_styled {
text-decoration-line: underline;
color: #FFFFFF; }
.corona .section_about .cnt_wrapper .content_box {
display: flex;
flex-wrap: wrap; }
.corona .section_about .cnt_wrapper .content_box .cnt_left {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 65%;
padding: 5%; }
@media screen and (max-width: 768px) {
.corona .section_about .cnt_wrapper .content_box .cnt_left {
width: 100%;
margin-bottom: 30px; } }
.corona .section_about .cnt_wrapper .content_box .cnt_left .img_box {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 30px;
width: 100%; }
.corona .section_about .cnt_wrapper .content_box .cnt_left .more_about {
padding: 15px 30px;
background: #064CB1;
border-radius: 50px;
color: white;
display: flex;
justify-content: center;
align-items: center;
text-transform: uppercase; }
@media screen and (max-width: 768px) {
.corona .section_about .cnt_wrapper .content_box .cnt_left .more_about {
font-size: 16px; } }
@media screen and (max-width: 480px) {
.corona .section_about .cnt_wrapper .content_box .cnt_left .more_about {
font-size: 12px; } }
.corona .section_about .cnt_wrapper .content_box .cnt_right {
width: 35%;
display: flex;
justify-content: center;
align-items: center; }
@media screen and (max-width: 768px) {
.corona .section_about .cnt_wrapper .content_box .cnt_right {
width: 100%; } }
.corona .section_about .cnt_wrapper .content_box .cnt_right .props_list .props_item {
margin-bottom: 50px; }
@media screen and (max-width: 768px) {
.corona .section_about .cnt_wrapper .content_box .cnt_right .props_list .props_item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; } }
.corona .section_about .cnt_wrapper .content_box .cnt_right .props_list .props_item:last-child {
margin-bottom: 0; }
.corona .section_about .cnt_wrapper .content_box .cnt_right .props_list .props_item .prop_img {
width: 75px;
height: 75px;
border-radius: 50%;
background: white;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px; }
.corona .section_about .cnt_wrapper .content_box .cnt_right .props_list .props_item .prop_img.shield:after {
content: "";
width: 60%;
height: 60%;
background: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/corona/shield.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat; }
.corona .section_about .cnt_wrapper .content_box .cnt_right .props_list .props_item .prop_img.effect:after {
content: "";
width: 60%;
height: 60%;
background: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/corona/effect.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat; }
.corona .section_about .cnt_wrapper .content_box .cnt_right .props_list .props_item .prop_img.alarm:after {
content: "";
width: 60%;
height: 60%;
background: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/corona/alarm.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat; }
.corona .section_about .cnt_wrapper .content_box .cnt_right .props_list .props_item .prop_title {
font-size: 18px;
line-height: 120%;
text-transform: uppercase;
color: #FFFFFF;
margin-bottom: 10px; }
@media screen and (max-width: 768px) {
.corona .section_about .cnt_wrapper .content_box .cnt_right .props_list .props_item .prop_title {
text-align: center; } }
.corona .section_about .cnt_wrapper .content_box .cnt_right .props_list .props_item .prop_text {
max-width: 370px;
font-weight: 300;
font-size: 18px;
line-height: 120%;
color: #FFFFFF; }
@media screen and (max-width: 768px) {
.corona .section_about .cnt_wrapper .content_box .cnt_right .props_list .props_item .prop_text {
text-align: center; } }
.corona .section_formula {
padding: 100px 0;
display: none; }
.corona .section_formula .cnt_wrapper {
display: flex; }
.corona .section_formula .cnt_wrapper .cnt_left {
width: 65%;
padding: 0 5%; }
.corona .section_formula .cnt_wrapper .cnt_left .formula_title {
font-weight: bold;
font-size: 48px;
line-height: 56px;
text-transform: uppercase;
color: #064CB1;
margin-bottom: 20px; }
.corona .section_formula .cnt_wrapper .cnt_left .formula_text {
font-size: 18px;
line-height: 120%;
color: #626262;
margin-bottom: 50px; }
.corona .section_formula .cnt_wrapper .cnt_left .formula_list_wrapper .formula_list_title {
font-weight: bold;
font-size: 28px;
line-height: 33px;
text-transform: uppercase;
color: #424242;
margin-bottom: 25px; }
.corona .section_formula .cnt_wrapper .cnt_left .formula_list_wrapper .formula_list {
width: 100%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
margin-bottom: 30px; }
.corona .section_formula .cnt_wrapper .cnt_left .formula_list_wrapper .formula_list li {
width: 100%;
font-weight: 300;
font-size: 18px;
line-height: 21px;
color: #626262;
display: flex;
align-items: center;
justify-content: flex-start;
padding-right: 10px;
margin-bottom: 15px; }
.corona .section_formula .cnt_wrapper .cnt_left .formula_list_wrapper .formula_list li:before {
content: "";
display: block;
flex-shrink: 0;
width: 17px;
height: 17px;
margin-right: 10px;
background: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/corona/symptoms_list_img.png); }
.corona .section_formula .cnt_wrapper .cnt_right {
width: 35%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 5%; }
.corona .section_formula .cnt_wrapper .cnt_right .img_box {
width: 100%; }
.corona .section_formula .cnt_wrapper .cnt_right .more_about {
padding: 15px 30px;
background: #064CB1;
border-radius: 50px;
color: white;
display: flex;
justify-content: center;
align-items: center;
text-transform: uppercase; }
.corona .section_experts {
padding: 100px 0; }
@media screen and (max-width: 1680px) {
.corona .section_experts {
padding: 70px 0; } }
@media screen and (max-width: 768px) {
.corona .section_experts {
padding: 50px 0; } }
.corona .section_experts .cnt_wrapper {
display: flex; }
@media screen and (max-width: 1024px) {
.corona .section_experts .cnt_wrapper {
flex-direction: column; } }
.corona .section_experts .cnt_wrapper .cnt_left {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-right: 70px;
border-right: 1px solid #EBEBEB; }
@media screen and (max-width: 1680px) {
.corona .section_experts .cnt_wrapper .cnt_left {
padding-right: 40px; } }
@media screen and (max-width: 1024px) {
.corona .section_experts .cnt_wrapper .cnt_left {
width: 100%;
border-right: none;
padding-right: 0; } }
.corona .section_experts .cnt_wrapper .cnt_left .mark_img {
width: 55px;
height: 55px;
background: url(https://cytovir-deti.ru/wp-content/themes/citovir/assets/korona/img/corona/mark.png);
background-size: contain;
background-repeat: no-repeat;
margin-bottom: 30px; }
@media screen and (max-width: 480px) {
.corona .section_experts .cnt_wrapper .cnt_left .mark_img {
margin-bottom: 15px; } }
.corona .section_experts .cnt_wrapper .cnt_left .experts_title {
font-weight: bold;
font-size: 24px;
line-height: 130%;
letter-spacing: 0;
text-transform: uppercase;
color: #424242;
max-width: 780px;
margin-bottom: 25px; }
@media screen and (max-width: 768px) {
.corona .section_experts .cnt_wrapper .cnt_left .experts_title {
font-size: 20px; } }
@media screen and (max-width: 480px) {
.corona .section_experts .cnt_wrapper .cnt_left .experts_title {
font-size: 18px; } }
.corona .section_experts .cnt_wrapper .cnt_left .experts_text {
font-weight: 300;
font-size: 18px;
line-height: 130%;
letter-spacing: 0;
color: #626262;
max-width: 780px;
margin-bottom: 50px; }
@media screen and (max-width: 768px) {
.corona .section_experts .cnt_wrapper .cnt_left .experts_text {
font-size: 15px; } }
@media screen and (max-width: 480px) {
.corona .section_experts .cnt_wrapper .cnt_left .experts_text {
font-size: 13px; } }
.corona .section_experts .cnt_wrapper .cnt_left .go_to_article {
padding: 15px 30px;
background: #064CB1;
border-radius: 50px;
color: white;
display: flex;
justify-content: center;
align-items: center;
text-transform: uppercase; }
@media screen and (max-width: 768px) {
.corona .section_experts .cnt_wrapper .cnt_left .go_to_article {
font-size: 14px; } }
.corona .section_experts .cnt_wrapper .cnt_right {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 40%;
padding-left: 70px; }
@media screen and (max-width: 1680px) {
.corona .section_experts .cnt_wrapper .cnt_right {
padding-left: 40px; } }
@media screen and (max-width: 1024px) {
.corona .section_experts .cnt_wrapper .cnt_right {
width: 100%;
padding-left: 0;
padding-top: 50px; } }
.corona .section_experts .cnt_wrapper .cnt_right .author {
font-size: 18px;
font-weight: 300;
line-height: 130%;
color: #626262;
padding: 25px 0; }
@media screen and (max-width: 1280px) {
.corona .section_experts .cnt_wrapper .cnt_right .author {
font-size: 16px;
padding: 15px 0; } }
@media screen and (max-width: 768px) {
.corona .section_experts .cnt_wrapper .cnt_right .author {
font-size: 14px; } }
.corona .section_experts .cnt_wrapper .cnt_right .author .medium {
font-weight: 500; }
.corona .footer { position: relative;
background: #F4F4F4; }
.corona .footer .text_box_top {
color: #c4c4c4; } .wrapper--fixedf {
position: relative;
padding-bottom: 320px;
}
.wrapper--fixedf .footer {
right: 0;
}