@font-face {
font-family: ActayWide;
font-display: swap;
font-style: normal;
font-weight: 700;
src: url(//sitagliks.ru/wp-content/themes/sitagliks/fonts/ActayWide-700.woff2) format('woff2')
}
@font-face {
font-family: Montserrat;
font-display: swap;
font-style: normal;
font-weight: 300;
src: url(//sitagliks.ru/wp-content/themes/sitagliks/fonts/Montserrat-300.woff2) format('woff2')
}
@font-face {
font-family: Montserrat;
font-display: swap;
font-style: normal;
font-weight: 400;
src: url(//sitagliks.ru/wp-content/themes/sitagliks/fonts/Montserrat-400.woff2) format('woff2')
}
@font-face {
font-family: Montserrat;
font-display: swap;
font-style: normal;
font-weight: 500;
src: url(//sitagliks.ru/wp-content/themes/sitagliks/fonts/Montserrat-500.woff2) format('woff2')
}
@font-face {
font-family: Montserrat;
font-display: swap;
font-style: normal;
font-weight: 700;
src: url(//sitagliks.ru/wp-content/themes/sitagliks/fonts/Montserrat-700.woff2) format('woff2')
}
:root {
--color1: #21293C;
--color2: #F4951B;
--color3: #00BC78;
--color4: #E9E9E9
}
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: #f5f5f5;
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: 4px 8px;
border: 1px solid #ccc
}
.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: #fff;
padding: 15px 15px 15px 65px;
border-radius: 50px;
justify-content: space-between;
z-index: 2;
position: relative
}
.header-logo {
height: 56px;
position: relative;
top: -7px
}
.header-logo:hover {
opacity: .8
}
.header-logo img {
display: block;
max-height: 100%
}
.header .button {
width: 328px
}
.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: #fff;
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(--color3)
}
.categories .cat-item a:hover {
background: var(--color2)
}
.categories .cat-item.current-cat a {
background: var(--color2)
}
.form_1 {
overflow: hidden;
background: var(--color4);
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: #fff;
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
}
.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
}
.main__content {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.main__content-l {
width: calc(100% - 852px - 20px);
border-radius: 50px;
background-repeat: no-repeat;
background-size: cover;
display: flex;
align-items: center;
padding: 60px 65px 50px;
background-position: center center;
color: #fff;
text-align: center
}
.main__content-l > div {
width: 100%
}
.main__title {
font-family: ActayWide;
font-size: 81px;
overflow: hidden;
text-overflow: ellipsis
}
.main__title sup {
font-family: Arial,sans-serif;
line-height: 1
}
.main__title h1 {
margin: 0;
font-size: inherit;
display: inline
}
.main__subtitle {
font-size: 40px;
line-height: 1.1;
margin-top: 15px
}
.main__text {
border: 1px solid #fff;
border-radius: 40px;
background: rgb(255 255 255 / 20%);
font-size: 24px;
font-weight: 500;
padding: 30px 60px;
line-height: 1.3;
margin-top: 40px
}
.main__content-r {
width: 852px;
position: relative
}
.main__image {
display: block;
width: 100%;
border-radius: 50px
}
.pill_1 {
position: absolute;
right: 88px;
bottom: -130px;
z-index: 2;
pointer-events: none
}
.edges__content {
margin-top: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.edges__content-l {
width: 626px
}
.edges__image {
display: block;
width: 100%;
border-radius: 50px
}
.edges__content-r {
width: calc(100% - 626px - 20px);
background: var(--color3);
border-radius: 50px;
position: relative;
color: #fff;
padding: 50px 90px 50px 80px
}
.edges__title {
font-family: ActayWide;
font-size: 50px
}
.edges__list {
color: #fff;
font-size: 30px;
line-height: 1.2;
margin-top: 35px
}
.edges__list > li {
position: relative;
padding-left: 30px
}
.edges__list > li + li {
margin-top: 20px
}
.edges__list > li:before {
content: '';
width: 4px;
height: 4px;
position: absolute;
background: #fff;
border-radius: 50%;
left: 6px;
top: 16px
}
.edges__list sup {
font-size: .6em
}
.pill_2 {
position: absolute;
left: 200px;
bottom: -215px;
z-index: 2;
pointer-events: none
}
.indications {
overflow: hidden;
margin-top: 20px
}
.indications__content {
background: #fff;
border-radius: 50px;
display: flex;
flex-wrap: wrap;
padding: 74px
}
.indications__content-l {
padding-right: 90px;
width: calc(100% - 560px)
}
.indications__title {
font-family: ActayWide;
font-size: 50px;
color: var(--color3)
}
.indications__list > li {
padding-left: 32px;
position: relative;
font-size: 24px;
line-height: 1.2;
margin-top: 30px
}
.indications__list > li:before {
content: '';
width: 5px;
height: 5px;
position: absolute;
border-radius: 50%;
left: 10px;
top: 15px;
background: var(--color1)
}
.indications__list > li > span {
font-weight: 500;
font-size: 30px
}
.indications__list > li > div {
margin-top: 10px
}
.indications__list > li > ul > li {
position: relative;
padding-left: 30px;
margin-top: 12px
}
.indications__list > li > ul > li:before {
content: '';
width: 4px;
height: 4px;
position: absolute;
border-radius: 50%;
left: 10px;
top: 13px;
background: var(--color1)
}
.indications__content-r {
width: 560px
}
.indications__b1 {
background: var(--color2);
border-radius: 50px;
padding: 48px;
color: #fff
}
.indications__b1-title {
font-size: 50px;
font-family: ActayWide;
margin-bottom: 20px
}
.indications__b1-text {
font-size: 34px;
line-height: 1.2;
padding-left: 158px;
display: flex;
align-items: center;
height: 128px;
position: relative
}
.indications__b1-text span {
font-weight: 700
}
.indications__b1-text:before {
content: '';
width: 128px;
height: 128px;
position: absolute;
left: 0;
background: url(//sitagliks.ru/wp-content/themes/sitagliks/images/24.svg) no-repeat center center/contain
}
.indications__b2 {
margin-top: 20px;
background: var(--color4);
border-radius: 50px;
padding: 48px 125px 48px 48px
}
.indications__b2-title {
color: var(--color3);
font-size: 50px;
font-family: ActayWide;
margin-bottom: 20px
}
.indications__b2-text img {
display: block;
max-width: 100%;
transition: all .25s ease-in-out
}
.indications__b2-text img:hover {
opacity: .7
}
.instruction__content {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.instruction__content-l {
width: calc(100% - 696px - 20px);
color: #fff;
border-radius: 50px;
text-align: center;
padding: 60px 45px 50px;
background-repeat: no-repeat;
background-size: cover;
display: flex;
align-items: center;
background-position: center center
}
.instruction__title {
font-family: ActayWide;
font-size: 70px;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
margin-bottom: 35px
}
.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: 20px
}
.header + .page-text-outer {
margin-top: 0
}
.page-text {
background: #fff;
padding: 58px 78px;
border-radius: 50px
}
.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: #fff
}
.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: #fff;
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(//sitagliks.ru/wp-content/themes/sitagliks/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: #fff;
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(//sitagliks.ru/wp-content/themes/sitagliks/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(//sitagliks.ru/wp-content/themes/sitagliks/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(--color3);
background: var(--color4);
border-radius: 36px;
font-family: ActayWide;
font-size: 32px;
margin-right: 20px;
padding: 3px 30px 0
}
.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
}
.white-headers .h1,
.white-headers .h2,
.white-headers .h3,
.white-headers .h4,
.white-headers .h5,
.white-headers .h6,
.white-headers h1,
.white-headers h2,
.white-headers h3,
.white-headers h4,
.white-headers h5,
.white-headers h6 {
color: #fff!important
}
.orange-headers .h1,
.orange-headers .h2,
.orange-headers .h3,
.orange-headers .h4,
.orange-headers .h5,
.orange-headers .h6,
.orange-headers h1,
.orange-headers h2,
.orange-headers h3,
.orange-headers h4,
.orange-headers h5,
.orange-headers h6 {
color: var(--color2)!important
}
.greeen-headers .h1,
.greeen-headers .h2,
.greeen-headers .h3,
.greeen-headers .h4,
.greeen-headers .h5,
.greeen-headers .h6,
.greeen-headers h1,
.greeen-headers h2,
.greeen-headers h3,
.greeen-headers h4,
.greeen-headers h5,
.greeen-headers h6 {
color: var(--color3)!important
}
.i1 {
margin-top: 20px
}
.i1 .page-text {
background: var(--color2);
color: #fff
}
.i2 {
margin-top: 20px
}
.i2 .page-text {
display: flex
}
.i2 .text {
padding-right: 100px;
width: calc(100% - 596px)
}
.i2__i-b {
width: 596px
}
.i2__i-b img {
border-radius: 50px;
display: block;
max-width: 100%
}
.i3 {
margin-top: 20px
}
.i3 .page-text {
background: var(--color3);
color: #fff
}
.i3__note {
margin-top: 1em;
color: var(--color1);
border-radius: 100px;
padding: 40px 20px 40px 110px;
background: url(//sitagliks.ru/wp-content/themes/sitagliks/images/i3__note.svg) no-repeat 20px center/70px auto #fff;
font-size: 22px
}
.j1 {
margin-top: 20px
}
.j1 .page-text {
background: var(--color2);
color: #fff
}
.j2 {
margin-top: 20px
}
.j3 {
margin-top: 20px
}
.j3 .page-text {
display: flex
}
.j3 .text {
padding-right: 50px;
width: calc(100% - 620px)
}
.j3__i-b {
width: 620px
}
.j3__i-b img {
display: block;
max-width: 100%
}
.j4 {
margin-top: 20px
}
.j4 .page-text {
display: flex
}
.j4 .text {
padding-right: 60px;
width: calc(100% - 444px)
}
.j4__i-b {
width: 444px
}
.j4__i-b img {
border-radius: 50px;
display: block;
max-width: 100%
}
.j4__icons {
margin-top: 1.5em;
border-radius: 100px;
padding: 30px 40px 30px 20px;
background: #ececec;
font-size: 22px;
display: flex;
justify-content: space-between;
color: var(--color1)
}
.j4__icons > div {
position: relative;
padding-left: 100px
}
.j4__icons > div:before {
content: '';
width: 68px;
height: 68px;
position: absolute;
left: 10px;
top: 50%;
margin-top: -34px;
background-repeat: no-repeat;
background-position: center;
background-size: 60px auto
}
.j4__icons > div:nth-child(1):before {
background-image: url(//sitagliks.ru/wp-content/themes/sitagliks/images/j4_icon_1.svg)
}
.j4__icons > div:nth-child(2):before {
background-image: url(//sitagliks.ru/wp-content/themes/sitagliks/images/j4_icon_2.svg)
}
.j4__icons > div:nth-child(3):before {
background-image: url(//sitagliks.ru/wp-content/themes/sitagliks/images/j4_icon_3.svg)
}
.j4__note {
color: #fff;
border-radius: 100px;
padding: 30px 20px 30px 120px;
background: url(//sitagliks.ru/wp-content/themes/sitagliks/images/j4__note.svg) no-repeat 40px center/60px auto var(--color2);
font-size: 22px
}
.j5 {
margin-top: 20px
}
.j5 .page-text {
background: var(--color3);
color: #fff
}
.disclaimer {
display: none;
background-color: #f4f4f4;
position: fixed;
z-index: 50;
bottom: 0;
left: 0;
right: 0;
padding: 15px 0;
border-top: 2px solid var(--color4)
}
.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 (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
}
.header-logo {
height: 36px;
top: -4px
}
.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
}
.main__content-l {
width: calc(100% - 550px - 20px);
border-radius: 30px;
padding: 30px
}
.main__title {
font-size: 60px
}
.main__subtitle {
font-size: 22px;
margin-top: 10px
}
.main__subtitle br {
display: none
}
.main__text {
border-radius: 20px;
font-size: 19px;
padding: 20px;
margin-top: 30px
}
.main__content-r {
width: 550px
}
.main__image {
border-radius: 30px
}
.edges__content-l {
width: 450px
}
.edges__image {
border-radius: 30px
}
.edges__content-r {
width: calc(100% - 450px - 20px);
border-radius: 30px;
padding: 30px
}
.edges__title {
font-size: 42px;
padding-left: 30px
}
.edges__list {
font-size: 22px;
margin-top: 20px
}
.edges__list > li:before {
top: 12px
}
.indications__content {
border-radius: 30px;
padding: 30px;
align-items: flex-end
}
.indications__content-l {
padding-right: 40px;
width: calc(100% - 450px)
}
.indications__content-r {
width: 450px
}
.indications__title {
font-size: 42px;
padding-left: 30px
}
.indications__list > li {
font-size: 18px;
margin-top: 20px
}
.indications__list > li:before {
top: 11px
}
.indications__list > li > ul > li:before {
top: 9px
}
.indications__b1 {
border-radius: 30px;
padding: 40px
}
.indications__b1-title {
font-size: 42px
}
.indications__b1-text {
font-size: 28px;
padding-left: 138px;
height: 108px
}
.indications__b2 {
border-radius: 30px;
padding: 40px
}
.indications__b2-title {
font-size: 42px
}
.indications__b2-text img {
width: 320px
}
.pill_1 {
right: 30px;
bottom: -100px;
width: 160px
}
.pill_2 {
left: 90px;
bottom: -140px;
width: 180px
}
.reference__content {
font-size: 14px
}
.footer {
margin-top: 60px
}
.i2 .text {
padding-right: 50px
}
.i3__note {
font-size: 16px
}
.j4__note {
margin-top: 20px;
font-size: 16px
}
.j4__icons {
margin-top: 20px;
padding: 20px 50px;
font-size: 22px
}
.j4__icons > div {
padding-left: 0;
padding-top: 75px;
text-align: center;
font-size: 14px;
line-height: 1.1
}
.j4__icons > div:before {
left: 50%;
top: 0;
margin-top: 0;
margin-left: -34px;
background-size: 50px auto
}
}
@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: 55px
}
.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
}
.header.fixed {
background: #fff;
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 {
height: auto;
top: -2px;
width: 114px
}
.header-logo img {
max-height: none;
width: 100%
}
.header .button {
width: auto;
margin-top: 42px;
border-radius: 3px
}
.main__content-l {
width: 100%;
border-radius: 20px;
padding: 20px 15px 15px;
background-image: url(//sitagliks.ru/wp-content/themes/sitagliks/images/main_1_mobile@2x.webp)!important
}
.main__title {
font-size: 30px
}
.main__subtitle {
font-size: 15px;
margin-top: 10px;
font-weight: 500
}
.main__text {
border-radius: 15px;
font-size: 12px;
padding: 15px;
margin-top: 20px
}
.main__content-r {
width: 100%
}
.main__image {
border-radius: 20px;
margin-top: 20px
}
.edges__content-l {
width: 100%;
order: 1;
margin-top: 20px
}
.edges__image {
border-radius: 20px
}
.edges__content-r {
width: 100%;
border-radius: 20px;
padding: 25px 20px 20px 25px;
order: 0
}
.edges__title {
font-size: 25px
}
.edges__list {
font-size: 14px;
margin-top: 15px
}
.edges__list > li {
padding-left: 20px
}
.edges__list > li + li {
margin-top: 15px
}
.edges__list > li:before {
width: 3px;
height: 3px;
top: 7px
}
.indications__content {
border-radius: 20px;
padding: 25px 25px 20px 25px
}
.indications__content-l {
padding-right: 0;
width: 100%
}
.indications__title {
font-size: 25px
}
.indications__list > li {
padding-left: 15px;
font-size: 14px;
margin-top: 15px
}
.indications__list > li:before {
width: 4px;
height: 4px;
left: 0;
top: 8px
}
.indications__list > li > span {
font-size: 16px
}
.indications__list > li > div {
margin-top: 6px
}
.indications__list > li > ul > li {
padding-left: 15px;
margin-top: 12px
}
.indications__list > li > ul > li:before {
width: 3px;
height: 3px;
left: 0;
top: 7px
}
.indications__content-r {
width: 100%;
margin-top: 20px
}
.indications__b1 {
border-radius: 20px;
padding: 20px 25px;
margin-top: 20px;
width: 100%
}
.indications__b1-title {
font-size: 25px;
margin-bottom: 15px
}
.indications__b1-text {
font-size: 17px;
padding-left: 70px;
height: 60px
}
.indications__b1-text:before {
width: 60px;
height: 60px
}
.indications__b2 {
border-radius: 20px;
padding: 20px 25px;
margin-top: 0
}
.indications__b2-title {
font-size: 25px;
margin-bottom: 15px
}
.indications__b2-text img {
height: 38px
}
.pill_1 {
right: auto;
bottom: auto;
width: 84px;
left: 25px;
top: -40px
}
.pill_2 {
left: auto;
right: 15px;
bottom: -55px;
width: 84px
}
.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;
background-image: url(//sitagliks.ru/wp-content/themes/sitagliks/images/instruction_1_mobile@2x.webp)!important
}
.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: 25px;
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
}
.i2 .page-text {
flex-wrap: wrap
}
.i2 .text {
padding-right: 0;
width: 100%
}
.i2__i-b {
width: 100%;
margin-top: 20px
}
.i2__i-b img {
border-radius: 20px
}
.i3__note {
margin-top: 20px;
border-radius: 20px;
padding: 80px 20px 20px;
background: url(//sitagliks.ru/wp-content/themes/sitagliks/images/i3__note.svg) no-repeat 20px 20px/40px auto #fff;
font-size: 14px
}
.j3 .page-text {
flex-wrap: wrap
}
.j3 .text {
padding-right: 0;
width: 100%
}
.j3__i-b {
width: 100%;
margin-top: 20px
}
.j3__i-b img {
margin: 0 auto
}
.j4 .page-text {
display: flex;
flex-wrap: wrap
}
.j4 .text {
padding-right: 0;
width: 100%
}
.j4__i-b img {
border-radius: 20px
}
.j4__i-b {
width: 100%;
margin-top: 20px
}
.j4__icons {
margin-top: 20px;
border-radius: 20px;
padding: 20px;
font-size: 14px;
flex-wrap: wrap
}
.j4__icons > div {
padding-left: 50px;
width: 100%;
font-weight: 500;
line-height: 1.2
}
.j4__icons > div + div {
margin-top: 15px
}
.j4__icons > div:before {
width: 32px;
height: 32px;
left: 0;
margin-top: -16px;
background-size: 32px auto
}
.j4__note {
margin-top: 20px;
border-radius: 20px;
padding: 80px 20px 20px;
background: url(//sitagliks.ru/wp-content/themes/sitagliks/images/j4__note.svg) no-repeat 20px 20px/40px auto var(--color2);
font-size: 14px
}
.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;
}
}