@font-face {
font-family: ActayWide;
font-display: swap;
font-style: normal;
font-weight: 700;
src: url(//ildiglip.ru/wp-content/themes/ildiglip/fonts/ActayWide-700.woff2) format('woff2')
}
@font-face {
font-family: Montserrat;
font-display: swap;
font-style: normal;
font-weight: 300;
src: url(//ildiglip.ru/wp-content/themes/ildiglip/fonts/Montserrat-300.woff2) format('woff2')
}
@font-face {
font-family: Montserrat;
font-display: swap;
font-style: normal;
font-weight: 400;
src: url(//ildiglip.ru/wp-content/themes/ildiglip/fonts/Montserrat-400.woff2) format('woff2')
}
@font-face {
font-family: Montserrat;
font-display: swap;
font-style: normal;
font-weight: 500;
src: url(//ildiglip.ru/wp-content/themes/ildiglip/fonts/Montserrat-500.woff2) format('woff2')
}
@font-face {
font-family: Montserrat;
font-display: swap;
font-style: normal;
font-weight: 700;
src: url(//ildiglip.ru/wp-content/themes/ildiglip/fonts/Montserrat-700.woff2) format('woff2')
}
:root {
--color1: #21293C;
--color2: #F4951B;
--color3: #00BC78;
--color4: #EFF0F5
}
html {
font-family: sans-serif;
height: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
*,
:after,
:before {
box-sizing: border-box
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
a {
background-color: transparent;
transition: all .25s ease-in-out
}
a:active,
a:hover {
outline: 0
}
b,
strong {
font-weight: 700
}
img {
border: 0
}
button,
input,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
outline: 0
}
input,
textarea {
appearance: none;
-webkit-appearance: none
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
color: transparent!important
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
color: transparent!important
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
color: transparent!important
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
color: transparent!important
}
button,
input[type=submit] {
appearance: button;
-webkit-appearance: button;
overflow: visible;
cursor: pointer
}
button,
select {
text-transform: none
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=search] {
appearance: textfield;
-webkit-appearance: textfield;
box-sizing: border-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
textarea {
overflow: auto;
resize: none;
display: block
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
ol,
ul {
list-style: none;
margin: 0;
padding: 0
}
.hidden {
display: none!important
}
img:not([src]) {
visibility: hidden
}
[data-url] {
cursor: pointer
}
img.lazy {
opacity: 0;
transition: opacity .2s
}
img.lazy-loaded {
opacity: 1
}
a[href^="tel:"] {
text-decoration: none!important
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none
}
::selection {
background: #b3d4fc;
text-shadow: none
}
.center {
text-align: center;
justify-content: center
}
.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden
}
.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.container {
max-width: 1840px;
margin-left: auto;
margin-right: auto;
padding-left: 30px;
padding-right: 30px
}
body {
margin: 0;
font-family: Montserrat;
font-size: 14px;
line-height: 1;
color: var(--color1);
-webkit-font-smoothing: antialiased;
background-color: #fff;
height: 100%
}
div.page {
display: flex;
flex-direction: column;
height: 100%
}
.content {
flex: 1 0 auto;
padding-top: 152px
}
p {
margin: 0
}
p:first-child {
margin-top: 0!important
}
sup {
line-height: 0
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slider {
visibility: hidden
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list .dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
transform: translate3d(0,0,0)
}
.slick-track {
position: relative;
top: 0;
left: 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 {
display: none;
float: left;
height: 100%;
min-height: 1px
}
[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
}
.slick-arrow.slick-hidden {
display: none
}
.slick-next,
.slick-prev {
position: absolute;
top: 50%;
transform: translate(0,-50%);
cursor: pointer;
border: 0;
padding: 0;
font-size: 0;
background: 0 0
}
.slick-dots li:only-child {
display: none
}
.slick-dots li button {
display: none
}
.slick-slider.slick-initialized {
visibility: visible!important
}
.slick-slider.eq .slick-track {
display: flex
}
.slick-slider.eq .slick-slide {
height: auto
}
.slick-slider.eq .slick-slide > * {
height: 100%
}
.slick-slider.op .slick-list {
overflow: visible
}
.slick-slider.op .slick-slide {
opacity: 0;
transition: opacity .8s ease
}
.slick-slider.op .slick-slide.slick-active {
opacity: 1
}
.go-to-top {
position: fixed;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: var(--color3);
bottom: 80px;
right: 30px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOSA1LjQxNFYxNEg3VjUuNDE0TDMuNzA3IDguNzA3IDIuMjkzIDcuMjkzIDggMS41ODZsNS43MDcgNS43MDctMS40MTQgMS40MTR6IiBmaWxsPSIjZmZmZmZmIiBjbGFzcz0iZmlsbC0wMDAwMDAiPjwvcGF0aD48L3N2Zz4=);
background-repeat: no-repeat;
background-position: center;
background-size: 30px auto;
cursor: pointer;
z-index: 51
}
.text {
font-size: 24px;
line-height: 1.4
}
.text p {
margin-top: 1em;
margin-bottom: 0
}
.text p:first-child {
margin-top: 0
}
.text img {
max-width: 100%
}
.text iframe {
display: block;
max-width: 100%
}
.text blockquote {
color: #fff;
background: var(--color3);
border-radius: 30px;
padding: 1.5em 2em;
margin: 0;
margin-top: 1em
}
.text blockquote a {
color: #fff!important
}
.text .h1,
.text .h2,
.text .h3,
.text .h4,
.text .h5,
.text .h6,
.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6 {
margin: 0;
line-height: 1.2;
margin-top: 2em;
font-weight: 700;
color: var(--color3);
font-family: ActayWide
}
.text .h1:first-child,
.text .h2:first-child,
.text .h3:first-child,
.text .h4:first-child,
.text .h5:first-child,
.text .h6:first-child,
.text h1:first-child,
.text h2:first-child,
.text h3:first-child,
.text h4:first-child,
.text h5:first-child,
.text h6:first-child {
margin-top: 0
}
.text .block-title + .h1,
.text .block-title + .h2,
.text .block-title + .h3,
.text .block-title + .h4,
.text .block-title + .h5,
.text .block-title + .h6,
.text .block-title + h1,
.text .block-title + h2,
.text .block-title + h3,
.text .block-title + h4,
.text .block-title + h5,
.text .block-title + h6 {
margin-top: 0
}
.text .h1,
.text h1 {
font-size: 2em
}
.text .h2,
.text h2 {
font-size: 1.7em
}
.text .h3,
.text h3 {
font-size: 1.5em
}
.text .h4,
.text h4 {
font-size: 1.3em
}
.text .h5,
.text h5 {
font-size: 1.1em
}
.text .h6,
.text h6 {
font-size: 1em
}
.text .h1 span,
.text .h2 span,
.text .h3 span,
.text .h4 span,
.text .h5 span,
.text .h6 span,
.text h1 span,
.text h2 span,
.text h3 span,
.text h4 span,
.text h5 span,
.text h6 span {
color: var(--color2)
}
.text a:not(.button) {
text-decoration: underline;
color: var(--color2)
}
.text a:hover {
text-decoration: none
}
.text ol,
.text ul {
margin: 0;
margin-top: 1em;
padding-left: 3em
}
.text ul {
padding-left: 2em
}
.text ol:first-child,
.text ul:first-child {
margin-top: 0
}
.text ol > li,
.text ul > li {
margin-top: .4em
}
.text ol > li:first-child,
.text ul > li:first-child {
margin-top: 0
}
.text ul > li {
position: relative;
padding-left: 24px
}
.text ul > li:before {
content: '';
position: absolute;
left: 0;
width: 6px;
height: 6px;
background: var(--color2);
top: 14px;
border-radius: 50%
}
.text ol > li {
list-style: decimal
}
.text hr {
display: block;
height: 1px;
border-top: 1px solid #ccc;
margin: 1em 0
}
.text .table,
.text table {
width: 100%;
margin-top: 1em
}
.text .table:first-child,
.text table:first-child {
margin-top: 0
}
.text table td,
.text table th {
padding: 8px 14px;
border: 1px solid var(--color2);
background: #fff;
font-size: 13px
}
.text table td a {
font-weight: 500
}
.text .b,
.text b,
.text strong {
font-weight: 700
}
.table {
overflow-x: auto
}
.text .center {
text-align: center
}
.text .row {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
margin-top: 3em
}
.text .row:first-child {
margin-top: 0
}
.text .row + .row {
margin-top: 3em
}
.text .col {
padding: 0 15px
}
.button {
height: 70px;
display: inline-flex;
align-items: center;
font-size: 25px;
font-weight: 700;
color: #fff;
border-radius: 35px;
text-decoration: none!important;
cursor: pointer;
padding: 10px 28px;
justify-content: center;
border: 0;
background: var(--color2);
transition: all .25s ease-in-out
}
.button:hover {
background: var(--color3)
}
.button_alt:hover {
background: var(--color1)!important
}
.button_white {
background: #fff!important;
color: var(--color2)!important
}
.button_white:hover {
color: var(--color1)!important
}
.button_green {
background: var(--color3)!important;
color: #fff!important
}
.button_green:hover {
background: var(--color1)!important
}
.button_small {
height: 52px;
border-radius: 26px;
font-size: 20px
}
.header {
background-color: transparent;
position: absolute;
z-index: 50;
top: 30px;
left: 0;
right: 0;
overflow: hidden;
border-bottom: 2px solid transparent
}
.header__inner {
height: 98px;
display: flex;
align-items: center;
background: var(--color4);
padding: 15px 15px 15px 65px;
border-radius: 50px;
justify-content: space-between;
z-index: 2;
position: relative
}
.header-logo {
position: relative;
top: 4px;
width: 242px
}
.header-logo:hover {
opacity: .8
}
.header-logo img {
display: block;
width: 100%
}
.header .button {
width: 328px;
background: var(--color3)
}
.header .button:hover {
background: var(--color2)
}
.header.fixed {
top: 0;
position: fixed;
border-color: var(--color4);
transition: border-color 1s ease-in-out
}
.header .container {
position: relative
}
.header .container:after,
.header .container:before {
content: '';
background: var(--color4);
position: absolute;
height: 100%;
width: 50%;
transition: all 1s ease-in-out;
top: 0
}
.header .container:before {
left: 30px;
border-radius: 50px 0 0 50px
}
.header .container:after {
right: 30px;
border-radius: 0 50px 50px 0
}
.header.fixed .container:before {
left: calc(-50% + 80px)
}
.header.fixed .container:after {
right: calc(-50% + 80px)
}
.footer {
flex: 0 0 auto;
margin-top: 100px;
background: #fff
}
.footer__note {
color: #fff;
font-size: 24px;
line-height: 1.3;
text-transform: uppercase;
text-align: center;
background: var(--color3);
padding: 20px 15px;
letter-spacing: .1em
}
.footer__row {
display: flex;
flex-wrap: wrap;
margin: 0 -12px;
justify-content: space-between;
padding: 30px 0
}
.footer__row + .footer__row {
border-top: 1px solid #ddd
}
.footer__col {
padding: 0 12px
}
.footer__row:nth-child(2) .footer__col:nth-child(1) {
width: 100%;
text-align: center
}
.footer__info,
.footer__text {
font-size: 15px;
line-height: 1.7
}
.footer__info a,
.footer__text a {
text-decoration: none;
color: #0060a0;
border-bottom: 1px solid #0060a0
}
.footer__info a:hover,
.footer__text a:hover {
border-color: transparent
}
.footer-menu__title {
font-size: 18px;
line-height: 1.7;
font-weight: 600;
color: #0060a0
}
.footer-menu ul {
margin-top: 5px
}
.footer-menu ul li {
font-size: 16px;
line-height: 1.7
}
.footer-menu ul li + li {
margin-top: 5px
}
.footer-menu ul li a {
color: var(--color1);
text-decoration: none;
border-bottom: 1px solid var(--color1)
}
.footer-menu ul li a:hover {
border-color: transparent
}
.footer-logo {
max-width: 200px;
display: block
}
.footer-logo img {
max-width: 100%;
display: block
}
.footer .socials {
display: flex;
flex-wrap: wrap;
padding-top: 8px
}
.footer .socials a {
width: 32px;
height: 32px;
display: block;
background-repeat: no-repeat;
background-size: contain;
margin-top: 8px;
margin-right: 8px
}
.footer .socials a:last-child {
margin-right: 0
}
.footer .socials a:hover {
opacity: .7
}
.ico_vk {
background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDUxMnY1MTJIMHoiIGZpbGw9IiMwMDYwYTAiIGZpbGwtb3BhY2l0eT0iMSIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9Im5vbmUiIGNsYXNzPSJmaWxsLTRjNzVhMyBmaWxsLTZiNWNmZiBmaWxsLTAwNjBhMCI+PC9wYXRoPjxwYXRoIGQ9Ik0yNTEuNzEgMzY5LjE0NWgyMy45MDdzNy4yMTktLjc5OCAxMC45MS00Ljc3YzMuMzk3LTMuNjUgMy4yODgtMTAuNTAxIDMuMjg4LTEwLjUwMXMtLjQ3MS0zMi4wOCAxNC40Mi0zNi44MDNjMTQuNjgtNC42NTUgMzMuNTI3IDMxLjAwMyA1My41MDQgNDQuNzEzIDE1LjEwNyAxMC4zNzYgMjYuNTg4IDguMTA0IDI2LjU4OCA4LjEwNGw1My40MTgtLjc0M3MyNy45MzctMS43MjYgMTQuNjktMjMuNjk4Yy0xLjA4NC0xLjc5My03LjcyLTE2LjI1LTM5LjcxNi00NS45NDktMzMuNTAzLTMxLjA5NC0yOS4wMTItMjYuMDYxIDExLjMzNy03OS44MzggMjQuNTctMzIuNzUgMzQuMzk3LTUyLjczOSAzMS4zMjQtNjEuMzA1LTIuOTI2LTguMTU3LTIwLjk5OC02LjAwNi0yMC45OTgtNi4wMDZsLTYwLjE0Ny4zNzZzLTQuNDU3LS42MDktNy43NjUgMS4zNjljLTMuMjMgMS45MzYtNS4zMDUgNi40NTQtNS4zMDUgNi40NTRzLTkuNTI4IDI1LjM0Mi0yMi4yMiA0Ni44OTVjLTI2Ljc3NyA0NS40NzQtMzcuNDg4IDQ3Ljg4MS00MS44NjUgNDUuMDUxLTEwLjE4NC02LjU4MS03LjYzNy0yNi40MzQtNy42MzctNDAuNTQ0IDAtNDQuMDcyIDYuNjg0LTYyLjQ1LTEzLjAyMS02Ny4yMDQtNi41NC0xLjU3OS0xMS4zNTMtMi42MjYtMjguMDc1LTIuNzk1LTIxLjQ1OC0uMjE4LTM5LjYyMy4wNjktNDkuOTA1IDUuMTA0LTYuODQyIDMuMzU5LTEyLjEyNCAxMC44MTgtOC45MDMgMTEuMjUgMy45NzUuNTMgMTIuOTc2IDIuNDI1IDE3Ljc0NyA4LjkyMiA2LjE2NCA4LjM4NyA1Ljk0OCAyNy4yMTYgNS45NDggMjcuMjE2czMuNTQ0IDUxLjg4LTguMjcgNTguMzIxYy04LjExIDQuNDIyLTE5LjIzLTQuNjAyLTQzLjExLTQ1Ljg2MS0xMi4yMy0yMS4xMzEtMjEuNDY3LTQ0LjQ5Ny0yMS40NjctNDQuNDk3cy0xLjc3Ny00LjM2MS00Ljk1Ny02LjdjLTMuODU0LTIuODM0LTkuMjQxLTMuNzMtOS4yNDEtMy43M2wtNTcuMTU1LjM3cy04LjU4LjI0NC0xMS43MjUgMy45NzZjLTIuODA4IDMuMzItLjIyNSAxMC4xODItLjIyNSAxMC4xODJzNDQuNzQyIDEwNC42ODUgOTUuNDA3IDE1Ny40MzljNDYuNDY4IDQ4LjM4IDk5LjIxOSA0NS4yMDIgOTkuMjE5IDQ1LjIwMnoiIGZpbGw9IiNmZmZmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xhc3M9ImZpbGwtZmZmZmZmIGZpbGwtZjdmMmZmIj48L3BhdGg+PC9zdmc+)
}
.block-title {
line-height: 1.2;
font-weight: 700;
color: var(--color1)
}
.block-title .h1,
.block-title h1 {
margin: 0;
display: inline;
color: var(--color1)
}
.text .block-title {
margin-bottom: 1em
}
.reference {
margin-top: 30px
}
.reference__title {
cursor: pointer;
display: none
}
.reference__opener {
position: relative;
padding-right: 26px;
display: inline-flex;
font-size: 16px;
line-height: 1.2;
color: #6b5cff;
font-weight: 500
}
.reference__opener:after {
content: '';
background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2IDIxYTEgMSAwIDAgMS0uNzEtLjI5bC04LThhMSAxIDAgMSAxIDEuNDItMS40Mmw3LjI5IDcuMyA3LjI5LTcuM2ExIDEgMCAwIDEgMS40MiAxLjQybC04IDhBMSAxIDAgMCAxIDE2IDIxWiIgZGF0YS1uYW1lPSJMYXllciAyIiBmaWxsPSIjNmI1Y2ZmIiBjbGFzcz0iZmlsbC0wMDAwMDAiPjwvcGF0aD48cGF0aCBkPSJNMCAwaDMydjMySDB6IiBmaWxsPSJub25lIj48L3BhdGg+PC9zdmc+);
position: absolute;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-size: contain;
right: 0;
top: 0
}
.reference__title.active .reference__opener:after {
transform: rotate(-180deg)
}
.reference__content {
display: none;
line-height: 1.2;
font-size: 16px;
display: block
}
.reference__content ol {
counter-reset: li
}
.reference__content ol li {
margin-top: 8px;
position: relative;
padding-left: 16px
}
.reference__content ol li:first-child {
margin-top: 0
}
.reference__content ol li:before {
content: counter(li) '.';
counter-increment: li;
position: absolute;
top: 2px;
left: 0;
font-size: 12px
}
.reference__content ol li a {
color: var(--color1);
text-decoration: underline
}
.reference__content ol li a:hover {
text-decoration: none
}
.categories {
display: flex;
flex-wrap: wrap;
margin: -10px -5px 24px
}
.categories .cat-item {
padding: 0 5px;
margin-top: 10px
}
.categories .cat-item a {
height: 50px;
display: inline-flex;
align-items: center;
font-size: 14px;
font-weight: 600;
color: #fff;
border-radius: 25px;
text-decoration: none!important;
text-transform: uppercase;
padding: 10px 25px;
background: var(--color2)
}
.categories .cat-item a:hover {
background: var(--color3)
}
.categories .cat-item.current-cat a {
background: var(--color3)
}
.form_1 {
overflow: hidden;
background: #fff;
border-radius: 50px;
padding: 50px;
max-width: 900px;
margin: 30px auto 0
}
.form_1 .form__row {
margin-left: -15px;
margin-right: -15px;
display: flex;
margin-top: 15px;
position: relative
}
.form_1 .form__col {
padding: 0 15px;
width: 50%
}
.form_1 .wpcf7-form-control.button {
width: 100%;
padding-top: 0;
margin-bottom: 0;
height: 60px;
padding-bottom: 0;
font-size: 20px;
border-radius: 30px
}
.form_1 .form__b-b {
margin-top: 8px;
display: flex;
align-items: center
}
.form_1 .form__b-b-button {
width: 190px
}
.form_1 .form__b-b-text {
width: calc(100% - 190px);
font-size: 13px;
padding: 0 20px
}
.form_1 .form__b-b-text a {
text-decoration: none;
color: var(--color2);
border-bottom: 1px solid var(--color2)
}
.form_1 .form__b-b-text a:hover {
border-color: transparent
}
.wpcf7-form-control-wrap {
margin-top: 8px;
display: block
}
.wpcf7-form-control:not(.button) {
height: 60px;
border: 0;
background: var(--color4);
font-size: 14px;
font-weight: 400;
padding: 13px 20px;
border-radius: 8px;
width: 100%
}
.form_1 .wpcf7-form-control.button {
width: 100%
}
.wpcf7-textarea {
height: 128px!important;
resize: none;
padding: 23px 20px
}
.wpcf7-not-valid-tip {
font-size: 13px;
font-weight: 500;
padding: 5px 20px 0
}
.wpcf7-spinner {
position: absolute;
left: 50%;
top: 50%;
margin: -12px 0 0 -12px
}
.top-text {
margin-top: 24px
}
.top-text__content {
display: flex;
align-items: center;
width: 100%;
justify-content: space-between
}
.top-text__content-l {
color: var(--color2);
font-size: 115px;
font-weight: 700;
text-transform: uppercase;
line-height: 1
}
.top-text__content-r {
height: 80px;
border: 3px solid var(--color2);
font-size: 34px;
font-weight: 500;
border-radius: 40px;
padding: 10px 70px;
display: flex;
align-items: center
}
.top-text__content-r span {
font-weight: 700;
color: var(--color2)
}
.main {
margin-top: 50px
}
.main__content {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.main__content-l {
background: var(--color4);
padding: 58px 78px;
border-radius: 50px;
width: calc(100% - 690px - 30px)
}
.main__content-r {
width: 690px;
display: flex;
flex-direction: column
}
.main__edge {
display: flex;
background: rgb(255 255 255 / 50%);
border: 2px solid #fff;
margin-top: 20px;
padding: 17px;
border-radius: 62px;
min-height: 124px;
align-items: center
}
.main__edge-icon {
width: 90px;
height: 90px;
background-color: var(--color3);
border-radius: 50%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
flex-shrink: 0;
margin-right: 25px
}
.main__edge-icon.icon_1 {
background-image: url(//ildiglip.ru/wp-content/themes/ildiglip/images/edge_1.svg)
}
.main__edge-icon.icon_2 {
background-image: url(//ildiglip.ru/wp-content/themes/ildiglip/images/edge_2.svg)
}
.main__edge-icon.icon_3 {
background-image: url(//ildiglip.ru/wp-content/themes/ildiglip/images/edge_3.svg)
}
.main__edge-icon.icon_4 {
background-image: url(//ildiglip.ru/wp-content/themes/ildiglip/images/edge_4.svg)
}
.main__edge-icon.icon_5 {
background-image: url(//ildiglip.ru/wp-content/themes/ildiglip/images/edge_5.svg)
}
.main__edge-text {
font-size: 20px
}
.main__edge-text sup {
font-size: .7em
}
.main__image {
width: 100%;
position: relative;
height: 50%;
border-radius: 50px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center
}
.main__image.image_2:before {
content: '';
width: 146px;
height: 146px;
position: absolute;
left: 96px;
z-index: 2;
top: -73px;
background: url(//ildiglip.ru/wp-content/themes/ildiglip/images/like.svg) no-repeat center center/contain
}
.license {
padding-left: 37px;
padding-top: 15px
}
.license__i {
position: relative;
padding-left: 36px;
display: flex;
align-items: center;
min-height: 26px;
margin-top: 15px
}
.license__i:before {
content: '';
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIzMiIgaWQ9Imljb24iIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiBub25lOwogICAgICB9CiAgICA8L3N0eWxlPjwvZGVmcz48dGl0bGUvPjxwb2x5Z29uIHBvaW50cz0iMzAgMTggMzAgMTYgMjQgMTYgMjQgMjYgMjYgMjYgMjYgMjIgMjkgMjIgMjkgMjAgMjYgMjAgMjYgMTggMzAgMTgiLz48cGF0aCBkPSJNMTksMjZIMTVWMTZoNGEzLjAwMzMsMy4wMDMzLDAsMCwxLDMsM3Y0QTMuMDAzMywzLjAwMzMsMCwwLDEsMTksMjZabS0yLTJoMmExLjAwMTEsMS4wMDExLDAsMCwwLDEtMVYxOWExLjAwMTEsMS4wMDExLDAsMCwwLTEtMUgxN1oiLz48cGF0aCBkPSJNMTEsMTZINlYyNkg4VjIzaDNhMi4wMDI3LDIuMDAyNywwLDAsMCwyLTJWMThBMi4wMDIzLDIuMDAyMywwLDAsMCwxMSwxNlpNOCwyMVYxOGgzbC4wMDEsM1oiLz48cGF0aCBkPSJNMjIsMTRWMTBhLjkwOTIuOTA5MiwwLDAsMC0uMy0uN2wtNy03QS45MDg3LjkwODcsMCwwLDAsMTQsMkg0QTIuMDA1OSwyLjAwNTksMCwwLDAsMiw0VjI4YTIsMiwwLDAsMCwyLDJIMjBWMjhINFY0aDh2NmEyLjAwNTksMi4wMDU5LDAsMCwwLDIsMmg2djJabS04LTRWNC40TDE5LjYsMTBaIi8+PHJlY3QgY2xhc3M9ImNscy0xIiBkYXRhLW5hbWU9IiZsdDtUcmFuc3BhcmVudCBSZWN0YW5nbGUmZ3Q7IiBoZWlnaHQ9IjMyIiBpZD0iX1RyYW5zcGFyZW50X1JlY3RhbmdsZV8iIHdpZHRoPSIzMiIvPjwvc3ZnPg==);
position: absolute;
width: 26px;
height: 26px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
left: 0;
top: 50%;
margin-top: -13px
}
.license__i a {
color: #000;
border-bottom: 1px dashed #000;
text-decoration: none;
padding-bottom: 2px
}
.license__i a:hover {
border-color: transparent
}
.indications__content {
display: flex;
flex-wrap: wrap
}
.indications__content-l {
order: 1;
margin-top: 30px;
width: 100%
}
.indications__content-r {
order: 0;
margin-top: 30px;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.indications__list li:before {
content: ''
}
.indications__b1 {
width: calc(100% - 500px);
border: 3px solid var(--color2);
border-radius: 50px;
padding: 40px;
display: flex;
flex-wrap: wrap
}
.indications__b1 img {
width: 128px
}
.indications__b1-title {
color: var(--color2)!important;
width: 100%;
margin-bottom: 20px!important
}
.indications__b1-text {
background: var(--color2);
border-radius: 27px;
color: #fff;
display: inline-flex;
align-items: center;
margin-left: 30px;
height: 128px;
font-size: 34px;
font-weight: 500;
padding: 15px 30px;
line-height: 1.1
}
.indications__b1-text-bold {
font-weight: 700;
font-size: 45px
}
.indications__b1-text-thin {
font-weight: 400;
font-size: 28px
}
.indications__b2 {
width: 470px;
border: 3px solid var(--color2);
border-radius: 50px;
padding: 40px;
background: var(--color2)
}
.indications__b2-title {
color: #fff!important;
margin-bottom: 20px!important
}
.indications__b2-text img {
display: block
}
.indications sup {
font-size: .5em
}
.instruction__content {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.instruction__content-l {
width: calc(100% - 696px - 20px);
border-radius: 50px;
text-align: center;
padding: 60px 45px 50px;
display: flex;
align-items: center;
background: var(--color4)
}
.instruction__title {
font-family: ActayWide;
font-size: 70px;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 35px;
color: var(--color3)
}
.instruction__title sup {
font-family: Arial,sans-serif;
line-height: 1
}
.instruction__text {
font-size: 30px;
font-weight: 500;
line-height: 1.2
}
.instruction__text p {
margin-top: 35px
}
.instruction__b-b {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 70px
}
.instruction__b-b .button {
margin-left: 15px;
margin-right: 15px
}
.instruction__content-r {
width: 696px
}
.instruction__image {
display: block;
width: 100%;
border-radius: 50px
}
.page-text-outer {
margin-top: 30px
}
.header + .page-text-outer {
margin-top: 0
}
.page-text {
background: var(--color4);
padding: 58px 78px;
border-radius: 50px
}
.page-template-main .indications .page-text {
background: var(--color3);
color: #fff
}
.page-template-instruction .page-text {
background: var(--color2);
color: #fff
}
.page-template-instruction .page-text.text .h1,
.page-template-instruction .page-text.text .h2,
.page-template-instruction .page-text.text .h3,
.page-template-instruction .page-text.text .h4,
.page-template-instruction .page-text.text .h5,
.page-template-instruction .page-text.text .h6,
.page-template-instruction .page-text.text h1,
.page-template-instruction .page-text.text h2,
.page-template-instruction .page-text.text h3,
.page-template-instruction .page-text.text h4,
.page-template-instruction .page-text.text h5,
.page-template-instruction .page-text.text h6,
.page-template-main .indications .page-text.text .h1,
.page-template-main .indications .page-text.text .h2,
.page-template-main .indications .page-text.text .h3,
.page-template-main .indications .page-text.text .h4,
.page-template-main .indications .page-text.text .h5,
.page-template-main .indications .page-text.text .h6,
.page-template-main .indications .page-text.text h1,
.page-template-main .indications .page-text.text h2,
.page-template-main .indications .page-text.text h3,
.page-template-main .indications .page-text.text h4,
.page-template-main .indications .page-text.text h5,
.page-template-main .indications .page-text.text h6 {
color: #fff
}
.page-template-instruction .page-text.text ul > li:before,
.page-template-main .indications .page-text.text ul > li:before {
background: #fff
}
.about__content {
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
.about__content-l {
width: 657px;
color: #fff;
border-radius: 50px;
padding: 50px 55px 50px;
background-repeat: no-repeat;
background-size: cover;
display: flex;
background-position: top left
}
.about__title {
font-family: ActayWide;
font-size: 60px;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 35px;
color: var(--color3)
}
.about__title h1 {
margin: 0;
font-size: inherit;
display: inline
}
.about-menu ul {
font-size: 25px;
font-weight: 500;
line-height: 1.2
}
.about-menu ul li + li {
margin-top: 25px
}
.about-menu ul li a {
color: var(--color1);
text-decoration: none
}
.about-menu ul li a:hover {
color: var(--color3)
}
.about-menu ul li.current-menu-item a {
color: var(--color3)
}
.about__content-r {
width: calc(100% - 657px - 20px);
border-radius: 50px;
padding: 50px 55px 50px;
background: var(--color4)
}
.contacts-content__email a {
text-decoration: none!important
}
.contacts-content__link {
font-size: .7em;
margin-top: 2em!important
}
.contacts-content__link + .contacts-content__link {
margin-top: 5px!important
}
.contacts-content__button {
margin-top: 2em!important
}
.map-outer {
margin-top: 20px
}
.map {
border-radius: 50px;
overflow: hidden;
background: var(--color4)
}
.blog-list {
display: flex;
flex-wrap: wrap;
margin: -20px -10px 0
}
.blog-list__i {
width: 50%;
padding: 0 12px;
margin-top: 20px
}
.blog-list__i-inner {
border-radius: 50px;
background: var(--color4);
height: 100%;
padding: 44px 42px;
display: flex
}
.blog-list__i-i-b {
width: 370px;
border-radius: 40px;
overflow: hidden
}
.blog-list__i-i-b img {
display: block;
max-width: 100%
}
.blog-list__i-i-b a:hover img {
opacity: .8
}
.blog-list__i-content {
width: calc(100% - 370px);
padding-left: 44px;
padding-bottom: 110px;
position: relative
}
.blog-list__i-title {
font-weight: 700;
font-size: 36px;
line-height: 1.1;
color: var(--color3)
}
.blog-list__i-title a {
color: var(--color3);
text-decoration: none
}
.blog-list__i-title a:hover {
color: var(--color1)
}
.blog-list__i-summary {
font-size: 18px;
line-height: 1.2;
margin-top: 25px
}
.blog-list__i-more {
width: 96px;
height: 96px;
position: absolute;
bottom: 0;
right: 0;
background: url(//ildiglip.ru/wp-content/themes/ildiglip/images/arrow_more_white.svg) no-repeat center center/50px auto var(--color3);
border-radius: 50%
}
.blog-list__i-more:hover {
background-color: var(--color1)
}
.reviews__i {
border-radius: 50px;
background: var(--color4);
padding: 44px 42px
}
.reviews__i + .reviews__i {
margin-top: 20px
}
.reviews__i-meta {
display: flex;
align-items: center
}
.reviews__i-name {
font-family: ActayWide;
font-size: 24px;
line-height: 1.2;
margin-right: 20px
}
.reviews__i-rate {
background-image: url(//ildiglip.ru/wp-content/themes/ildiglip/images/star_empty.svg);
background-repeat: repeat-x;
background-size: 22px 18px;
background-position: 0 0;
width: 108px;
height: 18px;
position: relative;
top: -2px;
font-size: 0
}
.reviews__i-rate:before {
content: '';
background-image: url(//ildiglip.ru/wp-content/themes/ildiglip/images/star.svg);
background-repeat: repeat-x;
background-size: 22px 18px;
background-position: 0 0;
width: 108px;
height: 18px;
position: absolute;
left: 0;
top: 0
}
.reviews__i-rate.stars_4:before {
width: 88px
}
.reviews__i-title {
margin-top: 1em;
font-weight: 500;
font-size: 18px;
line-height: 1.4
}
.reviews__i-title a {
color: var(--color1);
text-decoration: none;
border-bottom: 1px solid var(--color1)
}
.reviews__i-title a:hover {
border-color: transparent
}
.reviews__i-text {
margin-top: 1em;
font-size: 17px
}
.reviews__i-text a {
text-decoration: none!important;
border-bottom: 1px solid var(--color3);
color: var(--color3)!important
}
.reviews__i-text a:hover {
border-color: transparent
}
.reviews__i-text ul > li:before {
top: 9px!important
}
.reviews__i-button {
margin-top: 1em
}
.reviews__i-source {
font-weight: 500
}
.reviews__i-where {
display: flex;
align-items: center;
margin-top: 40px
}
.reviews__i-where span {
height: 72px;
display: flex;
align-items: center;
color: var(--color2);
background: var(--color4);
border-radius: 36px;
font-family: ActayWide;
font-size: 32px;
margin-right: 20px;
padding: 3px 30px 0;
border: 2px solid var(--color2)
}
.reviews__i-where div {
height: 72px
}
.reviews__i-where div img {
display: block;
max-height: 100%
}
.reviews__i-where div a:hover img {
opacity: .8
}
[data-hidden] {
display: none
}
@-webkit-keyframes fade_in_down {
0% {
opacity: 0;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fade_in_down {
0% {
opacity: 0;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.fade_in_down {
-webkit-animation-name: fade_in_down;
animation-name: fade_in_down
}
@-webkit-keyframes fade_in_left {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fade_in_left {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.fade_in_left {
-webkit-animation-name: fade_in_left;
animation-name: fade_in_left
}
@-webkit-keyframes fade_in_right {
0% {
opacity: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fade_in_right {
0% {
opacity: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.fade_in_right {
-webkit-animation-name: fade_in_right;
animation-name: fade_in_right
}
.u1 {
margin-top: 30px
}
.u1__inner {
background: var(--color4);
padding: 58px 78px;
border-radius: 50px
}
.u1__note {
background: var(--color2);
color: #fff;
font-size: 22px;
padding: 48px 90px;
border-radius: 100px;
line-height: 1.2
}
.u1__content {
margin-top: 40px;
display: flex
}
.u1__i-b {
margin-right: 40px
}
.u1__i-b img {
height: 100%;
display: block
}
.u1__row {
border-radius: 50px;
border: 2px solid var(--color1);
display: flex;
padding: 48px 48px 48px 0
}
.u1__col {
font-size: 22px;
line-height: 1.2;
padding-left: 48px
}
.u1__col:nth-child(1) {
width: 40%
}
.u1__col:nth-child(2) {
width: 60%
}
.u1__col .t {
margin: 0;
font-weight: 700;
color: var(--color2);
font-family: ActayWide;
font-size: 35px
}
.u1__col p {
margin-top: 1em
}
.u2 {
margin-top: 30px
}
.u2__row {
display: flex;
flex-wrap: wrap;
margin: -30px -15px 0
}
.u2__col {
padding: 0 15px;
margin-top: 30px
}
.u2__col:nth-child(1) {
width: 55%
}
.u2__col:nth-child(2) {
width: 45%
}
.u2__inner {
font-size: 22px;
line-height: 1.2;
padding: 58px 48px;
border-radius: 50px;
height: 100%
}
.u2__col:nth-child(1) .u2__inner {
background: var(--color3);
color: #fff
}
.u2__col:nth-child(2) .u2__inner {
background: var(--color4)
}
.u2__col p {
margin-top: 1em
}
.u2__col .t {
margin: 0;
font-weight: 700;
color: #fff;
font-family: ActayWide;
font-size: 40px
}
.u2__col:nth-child(1) .t {
color: #fff
}
.u2__col:nth-child(2) .t {
color: var(--color3)
}
.z1 {
margin-top: 30px
}
.z1__inner {
background: var(--color2);
color: #fff;
font-size: 22px;
padding: 48px 90px;
border-radius: 50px;
line-height: 1.2
}
.z1__inner p {
margin-top: 1em
}
.z2 {
margin-top: 30px
}
.z2__inner {
background: var(--color3);
padding: 58px 48px;
border-radius: 50px;
color: #fff;
font-size: 22px;
line-height: 1.2
}
.z2__content p {
margin-top: 1em
}
.z2__content .t {
margin: 0;
font-weight: 700;
color: #fff;
font-family: ActayWide
}
.z2__content h2.t {
font-size: 40px
}
.z2__content h3.t {
font-size: 35px;
margin-top: 1em
}
.z2__row {
display: flex;
margin: 0 -15px
}
.z2__col {
padding: 0 15px;
margin-top: 40px
}
.z2__col:nth-child(1) {
width: 44%
}
.z2__col:nth-child(2) {
width: 56%
}
.z2__col > div {
padding: 58px 48px;
border-radius: 50px;
color: #fff;
font-size: 22px;
line-height: 1.2;
border: 2px solid #fff;
height: 100%
}
.z2__col:nth-child(1) > div {
background: #eff0f5;
color: var(--color1);
border-color: #eff0f5
}
.z2__col:nth-child(2) > div {
background: 0 0;
color: #fff
}
.z2__col .t {
margin: 0;
font-weight: 700;
font-family: ActayWide;
font-size: 35px
}
.z2__col:nth-child(1) .t {
color: var(--color3)
}
.z2__col:nth-child(2) .t {
color: #fff
}
.z2__col p {
margin-top: 1em
}
.z2__col ul {
margin-top: 1em
}
.z2__col ul li {
margin-top: .7em;
position: relative;
padding-left: 30px
}
.z2__col ul li:before {
content: '';
width: 4px;
height: 4px;
border-radius: 50%;
position: absolute;
left: 8px;
top: 12px
}
.z2__col:nth-child(1) ul li:before {
background: var(--color1)
}
.z2__col:nth-child(2) ul li:before {
background: #fff
}
.z3 {
margin-top: 30px
}
.z3__inner {
display: flex
}
.z3__content {
background: var(--color2);
color: #fff;
font-size: 22px;
padding: 48px 90px;
border-radius: 50px;
line-height: 1.2;
width: calc(100% - 648px - 30px);
margin-right: 30px;
align-items: center;
display: flex
}
.z3__content p {
margin-top: 1em
}
.z3__i-b {
width: 648px
}
.z3__i-b img {
display: block;
width: 100%;
border-radius: 50px
}
.disclaimer {
display: none;
background-color: rgb(255 255 255 / 95%);
position: fixed;
z-index: 50;
bottom: 0;
left: 0;
right: 0;
padding: 15px 0;
border-top: 2px solid #eff0f5
}
.disclaimer__content {
display: flex;
justify-content: center;
align-items: center
}
.disclaimer__text {
font-size: 16px;
line-height: 1.4;
margin-right: 30px
}
.disclaimer__b-b .button {
padding-left: 40px;
padding-right: 40px
}
.buy {
margin-top: 30px;
padding-bottom: 30px;
padding-top: 30px;
}
.buy .block-title {
margin: 0;
font-family: ActayWide;
font-size: 40px;
text-align: center;
}
.buy__list {
margin: 20px -10px 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.buy__i {
padding: 0 10px;
margin-top: 20px;
width: 247px;
}
.buy__i .a {
border-radius: 15px;
display: block;
height: 100%;
padding: 10px;
position: relative;
overflow: hidden;
background-color: var(--color4);
}
.buy__i .a:hover {
box-shadow: 0 -1px 14px rgba(0,0,0,.15);
background-color: #fff;
}
.buy__i-content {
display: block;
background-color: #fff;
border-radius: 10px;
padding: 10px 15px 15px;
}
.buy__i-i-b {
display: block;
height: 60px;
position: relative;
margin: 0 auto;
max-width: 150px;
}
.buy__i-i-b img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
max-height: 100%;
margin: auto;
}
.buy__i-title {
display: none;
}
.buy__i-label {
display: none;
}
.buy__i-b-b {
text-align: center;
display: block;
margin-top: 10px;
}
.buy__i-b-b .button {
height: 40px;
font-size: 18px;
}
.buy__i .a:hover .buy__i-b-b .button {
background: var(--color3);
}
@media (max-width:1839px) {
.top-text__content-l {
font-size: 86px
}
.top-text__content-r {
font-size: 24px;
padding: 10px 30px
}
.main__content-l {
padding: 30px;
border-radius: 30px;
width: 55%
}
.main__content-r {
width: 45%;
padding-left: 30px
}
.main__edge {
padding: 14px
}
.main__edge-text {
font-size: 17px
}
.main__image {
border-radius: 30px
}
.indications__b1 {
width: calc(100% - 390px);
border-radius: 30px;
padding: 30px
}
.indications__b2 {
width: 360px;
border-radius: 30px;
padding: 30px
}
.indications__b1 img {
width: 100px
}
.indications__b1-text {
margin-left: 20px;
height: 100px;
font-size: 24px;
padding: 15px 30px;
line-height: 1.3
}
.indications__b1-text-bold {
font-size: 32px
}
.indications__b1-text-thin {
font-size: 18px
}
.main__image.image_2:before {
width: 116px;
height: 116px;
left: 58px;
top: -58px
}
}
@media (max-width:1279px) {
.top-text__content {
flex-wrap: wrap;
justify-content: center
}
.top-text__content-l {
font-size: 29px;
position: relative;
display: flex;
align-items: center;
width: 100%;
justify-content: center
}
.top-text__content-l:after {
content: '';
width: 26px;
height: 26px;
background: url(//ildiglip.ru/wp-content/themes/ildiglip/images/like_orange.svg) no-repeat center/contain;
margin-left: 8px
}
.top-text {
margin-top: 6px
}
.top-text__content-r {
font-size: 12px;
padding: 7px 18px;
border-width: 1px;
justify-content: center;
text-align: center;
line-height: 1.2;
height: auto;
margin-top: 15px
}
.main__image.image_2:before {
display: none
}
.main__image-mobile {
max-width: 100%;
display: block;
margin: 20px auto 0;
border-radius: 20px
}
.main {
margin-top: 10px
}
.main__content-l {
padding: 25px;
border-radius: 20px;
width: 100%;
margin-top: 20px
}
.main__edge {
margin-top: 10px;
padding: 10px;
border-radius: 10px;
min-height: auto
}
.main__edge-icon {
width: 44px;
height: 44px;
border-radius: 6px;
margin-right: 12px
}
.main__edge-text {
font-size: 12px
}
.indications__content-r {
margin-top: 20px;
width: 100%
}
.indications__b1 {
width: 100%;
border-radius: 20px;
padding: 20px;
border-width: 2px
}
.indications__b1-title,
.indications__b2-title {
font-size: 22px!important;
margin-bottom: 10px!important
}
.indications__b1-title {
margin-bottom: 0!important
}
.indications__b1 img {
display: none
}
.indications__content-l {
margin-top: 20px
}
.indications__b2-text img {
width: 180px
}
.indications__b2 {
width: 100%;
border-radius: 20px;
padding: 20px;
border-width: 2px;
margin-top: 10px
}
.indications__b1-text {
margin-left: 0;
height: auto;
font-size: 14px;
padding: 10px 15px;
line-height: 1.3;
border-radius: 15px;
margin-right: 5px;
width: 130px;
margin-top: 10px;
align-items: flex-start
}
.indications__b1-text + .indications__b1-text {
width: 156px;
margin-right: 0
}
.indications__b1-text-bold {
font-size: 17px
}
.indications__b1-text-thin {
font-size: 12px;
display: block
}
}
@media (min-width:1840px) {
.instruction__b-b .button {
padding-left: 60px;
padding-right: 60px;
font-size: 30px
}
}
@media (min-width:1280px) {
.main-menu > ul {
display: flex;
align-items: center
}
.main-menu > ul > li {
font-size: 25px;
font-weight: 500;
padding-left: 50px;
padding-right: 50px
}
.main-menu > ul > li > a {
color: var(--color1);
text-decoration: none;
border-bottom: 1px solid transparent
}
.main-menu > ul > li > a:hover {
border-bottom-color: var(--color1)
}
.main-menu > ul > li.current-menu-item a {
border-bottom-color: transparent;
font-weight: 700
}
}
@media (min-width:1280px) and (max-width:1839px) {
.content {
padding-top: 132px
}
.button {
height: 50px;
font-size: 22px;
border-radius: 25px;
cursor: pointer;
padding: 10px 30px
}
.text {
font-size: 16px
}
.reviews__i-text ul > li:before,
.text ul > li:before {
top: 8px!important
}
.page-text {
padding: 30px;
border-radius: 30px
}
.header__inner {
height: 78px;
padding: 15px 15px 15px 30px;
border-radius: 39px
}
.main-menu > ul > li {
font-size: 20px;
font-weight: 500;
padding-left: 25px;
padding-right: 25px
}
.header .button {
width: 230px
}
.go-to-top {
bottom: auto;
right: 5px;
top: 100px
}
.blog-list__i-inner {
border-radius: 30px;
padding: 30px
}
.blog-list__i-i-b {
width: 240px;
border-radius: 20px
}
.blog-list__i-content {
width: calc(100% - 240px);
padding-left: 30px;
padding-bottom: 80px
}
.blog-list__i-title {
font-size: 22px
}
.blog-list__i-summary {
font-size: 16px;
margin-top: 15px
}
.blog-list__i-more {
width: 66px;
height: 66px;
background-size: 35px auto
}
.reviews__i-where span {
height: 52px;
border-radius: 26px;
font-size: 24px
}
.reviews__i-where div {
height: 52px
}
.about__content-l {
width: 500px;
border-radius: 30px;
padding: 30px
}
.about__content-r {
width: calc(100% - 500px - 20px);
border-radius: 30px;
padding: 30px
}
.about__title {
font-size: 42px;
margin-bottom: 20px
}
.about-menu ul {
font-size: 20px
}
.about-menu ul li + li {
margin-top: 20px
}
.map {
border-radius: 30px
}
.form_1 {
border-radius: 30px;
padding: 30px
}
.instruction__content-l {
width: calc(100% - 450px - 20px);
border-radius: 30px;
padding: 40px 30px 30px
}
.instruction__title {
font-size: 50px;
margin-bottom: 30px
}
.instruction__text {
font-size: 20px
}
.instruction__b-b {
margin-top: 35px
}
.instruction__content-r {
width: 450px
}
.instruction__image {
border-radius: 30px
}
.reference__content {
font-size: 14px
}
.footer {
margin-top: 60px
}
.u1__inner {
padding: 30px;
border-radius: 30px
}
.u1__note {
font-size: 20px;
padding: 30px;
border-radius: 30px
}
.u1__row {
border-radius: 20px;
padding: 30px 30px 30px 0;
height: 100%
}
.u1__col {
font-size: 16px;
padding-left: 30px
}
.u1__col .t {
font-size: 2em
}
.u1__content {
margin-top: 30px
}
.u1__i-b {
margin-right: 30px;
width: 180px
}
.u1__i-b img {
display: block;
max-width: 100%
}
.u2__inner {
padding: 30px;
border-radius: 30px;
font-size: 16px
}
.u2__col .t {
font-size: 2em
}
.z1__inner {
font-size: 16px;
padding: 30px;
border-radius: 30px
}
.z2__inner {
padding: 30px;
border-radius: 30px;
font-size: 16px
}
.z2__content h2.t {
font-size: 2em
}
.z2__content h3.t {
font-size: 1.7em
}
.z2__col > div {
padding: 30px;
border-radius: 30px;
font-size: 16px
}
.z2__col .t {
font-size: 1.7em
}
.z2__col ul li:before {
top: 8px
}
.z3__content {
font-size: 16px;
padding: 30px;
border-radius: 30px;
width: calc(100% - 440px - 30px)
}
.z3__i-b {
width: 440px
}
.z3__i-b img {
border-radius: 30px
}
}
@media (min-width:1280px) {
.mobile {
display: none!important
}
.visible-xs {
display: none!important
}
.hidden-lg {
display: none!important
}
.br-mobile {
display: none
}
[data-shown=fade_in_down],
[data-shown=fade_in_left],
[data-shown=fade_in_right] {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 0
}
}
@media (max-width:1279px) {
.hidden-xs {
display: none!important
}
.container {
padding-left: 20px;
padding-right: 20px;
max-width: 900px
}
.content {
padding-top: 75px
}
.mobile-menu-opener {
width: 50px;
height: 50px;
cursor: pointer;
position: relative
}
.mobile-menu-opener span {
display: block;
height: 1px;
top: 50%;
left: 0;
right: 0;
position: absolute
}
.mobile-menu-opener span:before {
content: '';
display: block;
height: 1px;
background: var(--color1);
position: absolute;
width: 30px;
top: -3px;
left: 20px;
transition-duration: .3s,.3s
}
.mobile-menu-opener span:after {
content: '';
display: block;
height: 1px;
background: var(--color1);
position: absolute;
width: 30px;
left: 20px;
bottom: -3px;
transition-duration: .3s,.3s
}
.mobile-menu-opener.active span:before {
top: 0;
transform: rotate(45deg)
}
.mobile-menu-opener.active span:after {
bottom: 0;
transform: rotate(-45deg)
}
.main-menu {
position: fixed;
z-index: 49;
width: 100%;
height: calc(100vh - 50px);
right: -100%;
top: 55px;
background: #fff;
transition: right .5s ease;
overflow-y: auto;
padding: 40px 20px
}
.main-menu.active {
right: 0
}
.main-menu ul {
margin-top: -25px
}
.main-menu ul li {
margin-top: 25px
}
.main-menu ul li a {
color: var(--color1);
font-weight: 600;
text-decoration: none;
font-size: 14px;
border-bottom: 1px solid var(--color1)
}
.main-menu ul li.current-menu-item a {
color: var(--color2);
border-bottom-color: var(--color2)
}
.footer__info,
.footer__text {
font-size: 13px
}
.footer__row:nth-child(1) .footer__col:nth-child(1) {
order: 0;
width: calc(100% - 185px)
}
.footer__row:nth-child(1) .footer__col:nth-child(2) {
order: 2;
padding-top: 30px
}
.footer__row:nth-child(1) .footer__col:nth-child(3) {
order: 3;
padding-top: 30px
}
.footer__row:nth-child(1) .footer__col:nth-child(4) {
order: 1;
width: 185px;
align-items: center;
display: flex
}
.footer-menu__title {
font-size: 15px
}
.footer-menu ul li {
font-size: 13px
}
.footer .socials {
padding-top: 0
}
.footer__note {
font-size: 16px
}
.form__row {
flex-wrap: wrap
}
.form__col {
width: 100%!important
}
.form_1 .form__b-b-button {
width: 100%
}
.form_1 .form__b-b {
flex-wrap: wrap
}
.form_1 .form__b-b-text {
width: 100%;
padding: 8px 0 0 0;
text-align: center
}
.license {
padding-left: 0;
font-size: 12px;
margin-left: auto;
margin-right: auto
}
.license__i {
padding-left: 26px
}
.license__i:before {
width: 20px
}
.license__i a {
border-bottom: 0;
text-decoration: underline;
padding-bottom: 0
}
.button {
height: 42px;
font-size: 16px;
border-radius: 21px;
padding: 5px 15px
}
.header {
top: 0;
border-bottom: 0;
overflow: visible;
background: var(--color4)
}
.header.fixed {
box-shadow: 0 2px 5px rgba(0,0,0,.15)
}
.header .container:after,
.header .container:before {
display: none
}
.header__inner {
height: 55px;
padding: 0;
border-radius: 0;
background: 0 0
}
.header-logo {
width: 126px;
top: 2px
}
.header .button {
width: auto;
margin-top: 42px;
border-radius: 3px
}
.reference__content {
font-size: 11px
}
.reference__content ol li:before {
top: 0;
font-size: 11px
}
.go-to-top {
width: 40px;
height: 40px;
bottom: auto;
right: 5px;
background-size: 20px auto;
opacity: .5;
top: 70px
}
.footer {
margin-top: 50px
}
.instruction__content-l {
width: 100%;
border-radius: 20px;
padding: 20px 15px; }
.instruction__title {
font-size: 30px;
margin-bottom: 15px
}
.instruction__text {
font-size: 12px
}
.instruction__text p {
margin-top: 15px
}
.instruction__b-b {
margin-top: 10px
}
.instruction__b-b .button {
margin-left: 5px;
margin-right: 5px;
font-size: 12px;
margin-top: 10px
}
.instruction__content-r {
width: 100%;
margin-top: 20px
}
.instruction__image {
border-radius: 20px
}
.page-text {
border-radius: 20px;
padding: 25px
}
.text {
font-size: 14px
}
.text ul > li {
padding-left: 16px
}
.text ul > li:before {
width: 4px;
height: 4px;
top: 8px!important
}
.text blockquote {
border-radius: 15px;
padding: 1em
}
.about__content-l {
background-position: center left;
width: 100%;
border-radius: 20px;
padding: 20px 15px 20px
}
.about__title {
font-size: 30px;
margin-bottom: 15px
}
.about-menu ul {
font-size: 15px
}
.about-menu ul li + li {
margin-top: 15px
}
.about-menu ul li a {
border-bottom: 1px solid var(--color1)
}
.about-menu ul li a:hover {
border-color: var(--color3)
}
.about-menu ul li.current-menu-item a {
border-color: var(--color3)
}
.about__content-r {
width: 100%;
border-radius: 20px;
padding: 20px 15px 20px;
margin-top: 20px
}
.contacts-content__link {
font-size: .9em
}
.map {
border-radius: 20px;
height: 360px
}
.form_1 {
border-radius: 15px;
padding: 15px
}
.reviews__i {
border-radius: 20px;
padding: 25px
}
.reviews__i-meta {
flex-wrap: wrap
}
.reviews__i-name {
font-size: 20px;
margin-right: 0;
margin-bottom: 7px;
width: 100%
}
.reviews__i-rate {
top: 0
}
.reviews__i-title {
font-size: 16px
}
.reviews__i-where {
flex-wrap: wrap;
margin-top: 30px
}
.reviews__i-where span {
height: 38px;
border-radius: 17px;
font-size: 20px;
padding: 3px 14px 0;
margin-top: 10px
}
.reviews__i-where div {
height: auto;
margin-top: 10px
}
.reviews__i-where div img {
height: 38px
}
.categories {
margin: -4px -2px 24px
}
.categories .cat-item {
padding: 0 2px;
margin-top: 4px
}
.categories .cat-item a {
height: 30px;
font-size: 10px;
border-radius: 15px;
padding: 5px 15px
}
.blog-list__i {
width: 100%
}
.blog-list__i-inner {
border-radius: 20px;
padding: 15px;
flex-wrap: wrap;
position: relative
}
.blog-list__i-i-b {
width: 100%;
border-radius: 0;
padding-right: 60px
}
.blog-list__i-i-b img {
height: 200px;
border-radius: 15px
}
.blog-list__i-content {
width: 100%;
padding-left: 0;
padding-bottom: 0;
position: static;
margin-top: 15px
}
.blog-list__i-title {
font-size: 25px
}
.blog-list__i-summary {
font-size: 14px;
margin-top: 10px
}
.blog-list__i-more {
width: 50px;
height: 50px;
bottom: auto;
right: 15px;
background-size: 30px auto;
top: 15px
}
.u1 {
margin-top: 20px
}
.u1__inner {
padding: 25px;
border-radius: 20px
}
.u1__note {
font-size: 14px;
padding: 25px;
border-radius: 20px
}
.u1__content {
margin-top: 20px
}
.u1__i-b {
display: none
}
.u1__row {
border-radius: 20px;
padding: 25px;
flex-wrap: wrap
}
.u1__col {
font-size: 14px;
padding-left: 0
}
.u1__col:nth-child(1) {
width: 100%
}
.u1__col:nth-child(2) {
width: 100%;
margin-top: 20px
}
.u1__col .t {
font-size: 2em;
line-height: 1
}
.u2 {
margin-top: 20px
}
.u2__col:nth-child(1) {
width: 100%
}
.u2__col:nth-child(2) {
width: 100%;
margin-top: 20px
}
.u2__inner {
font-size: 14px;
padding: 25px;
border-radius: 20px
}
.u2__col .t {
font-size: 2em;
line-height: 1
}
.z1 {
margin-top: 20px
}
.z1__inner {
font-size: 14px;
padding: 25px;
border-radius: 20px
}
.z2 {
margin-top: 20px
}
.z2__inner {
padding: 25px;
border-radius: 20px;
font-size: 14px
}
.z2__content .t {
line-height: 1
}
.z2__content h2.t {
font-size: 2em
}
.z2__content h3.t {
font-size: 1.7em
}
.z2__row {
flex-wrap: wrap
}
.z2__col:nth-child(1) {
width: 100%;
margin-top: 30px
}
.z2__col:nth-child(2) {
width: 100%;
margin-top: 30px
}
.z2__col > div {
padding: 25px;
border-radius: 20px;
font-size: 14px
}
.z2__col .t {
font-size: 2em;
line-height: 1
}
.z2__col ul li {
padding-left: 20px
}
.z2__col ul li:before {
width: 3px;
height: 3px;
left: 0;
top: 7px
}
.z3 {
margin-top: 20px
}
.z3__inner {
flex-wrap: wrap
}
.z3__content {
font-size: 14px;
padding: 25px;
border-radius: 20px;
width: 100%;
margin-right: 0
}
.z3__i-b img {
border-radius: 20px
}
.z3__i-b {
width: 100%;
margin-top: 20px
}
.disclaimer {
padding: 12px 0 15px
}
.disclaimer__content {
flex-wrap: wrap;
text-align: center
}
.disclaimer__text {
width: 100%;
font-size: 13px;
margin-right: 0;
margin-bottom: 12px
}
.buy__list {
margin: 10px -5px 0;
}
.buy__i {
padding: 0 5px;
margin-top: 10px;
width: 172px;
}
.buy__i-b-b {
margin-top: 5px;
}
.buy__i-b-b .button {
height: 32px;
font-size: 14px;
text-transform: uppercase;
}
.buy .block-title {
font-size: 32px;
}
}