:root {
--white-main: #fff;
--black-main: #000000;
--gray-main: #505050;
}
:root {
--font-family: 'Montserrat', sans-serif;
--second-family: 'Assistant', sans-serif;
}
* {
padding: 0;
margin: 0;
border: none;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
:focus,
:active {
outline: none;
}
html {
background-color: #fff;
scroll-behavior: smooth;
}
body * {
font-family: 'Montserrat', sans-serif;
}
body.sgk-noscroll {
overflow: hidden;
}
a,
a:link,
a:visited {
text-decoration: none;
color: unset;
}
a,
a:hover,
a:focus,
a:active {
outline: none;
text-decoration: none;
}
aside,
nav,
footer,
header,
section,
main {
display: block;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
font-size: inherit;
font-weight: inherit;
font-style: normal;
}
ul,
ol {
margin: 0;
}
ul li {
list-style: none;
}
img {
display: block;
}
img,
svg {
max-width: 100%;
height: auto;
}
address {
font-style: normal;
}
input {
appearance: none;
}
input,
textarea,
button,
select {
font-family: inherit;
font-size: inherit;
color: inherit;
background-color: transparent;
border: none;
}
input::-ms-clear {
display: none;
}
button,
input[type='submit'] {
display: inline-block;
box-shadow: none;
background-color: transparent;
background: none;
cursor: pointer;
border: none;
}
input:focus,
input:active,
button:focus,
button:active {
outline: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
label {
cursor: pointer;
}
legend {
display: block;
}
a,
input,
button,
svg,
path,
span,
i,
em,
b,
strong {
transition: 0.3s;
}
p,
a,
span,
input,
textarea {
font-family: 'Montserrat', sans-serif;
color: #000000;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Montserrat', sans-serif;
}
input.sgk-btn,
button.sgk-btn {
cursor: pointer;
}
textarea {
resize: none;
}
.sgk-row {
display: flex;
flex-wrap: wrap;
}
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
flex: 0 0 100%;
}
@media (min-width: 576px) {
.col-11 {
flex: 0 0 calc(100% / 12 * 11);
}
.col-10 {
flex: 0 0 calc(100% / 12 * 10);
}
.col-9 {
flex: 0 0 calc(100% / 12 * 9);
}
.col-8 {
flex: 0 0 calc(100% / 12 * 8);
}
.col-7 {
flex: 0 0 calc(100% / 12 * 7);
}
.col-6 {
flex: 0 0 calc(100% / 12 * 6);
}
.col-5 {
flex: 0 0 calc(100% / 12 * 5);
}
.col-4 {
flex: 0 0 calc(100% / 12 * 4);
}
.col-3 {
flex: 0 0 calc(100% / 12 * 3);
}
.col-2 {
flex: 0 0 calc(100% / 12 * 2);
}
.col-1 {
flex: 0 0 calc(100% / 12);
}
body.search .sgk-blogGrid .sgk-row .col-4 {
flex: 0 0 calc(32.133333%);
}
}
.sgk-container {
width: 100%;
max-width: 1200px;
padding: 0 15px;
margin: 0 auto;
position: relative;
}
.sgk-container-fluid {
width: 100%;
padding: 0 15px;
position: relative;
}
.sgk-clearfix::after {
content: '';
clear: both;
display: table;
}
.sgk-btn,
a.sgk-btn,
button.sgk-btn,
input.sgk-btn,
.sgk-btn-reverse,
a.sgk-btn-reverse,
button.sgk-btn-reverse,
input.sgk-btn-reverse,
.sgk-btn-transparent,
a.sgk-btn-transparent,
button.sgk-btn-transparent,
input.sgk-btn-transparent {
margin: 0 auto;
border: 1px solid #39a2db;
border-radius: 0;
font-weight: 700;
font-size: 16px;
text-align: center;
padding: 10px 15px;
text-decoration: none;
display: inline-block;
cursor: pointer;
transition: 0.3s;
max-width: max-content;
}
.sgk-btn,
a.sgk-btn,
input.sgk-btn,
button.sgk-btn {
background-color: #39a2db;
color: #fff;
font-family: 'Assistant', sans-serif;
position: relative;
}
.sgk-btn::before,
a.sgk-btn::before,
input.sgk-btn::before,
button.sgk-btn::before {
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0, transparent 80%);
transition-duration: 0.3s;
transition-property: transform, opacity;
}
.sgk-btn:hover,
a.sgk-btn:hover,
input.sgk-btn:hover,
button.sgk-btn:hover,
.sgk-btn:focus,
a.sgk-btn:focus,
input.sgk-btn:focus,
button.sgk-btn:focus,
.sgk-btn:active,
a.sgk-btn:active,
input.sgk-btn:active,
button.sgk-btn:active {
background-color: #fff;
color: #000000;
}
.sgk-btn:hover::before,
a.sgk-btn:hover::before,
input.sgk-btn:hover::before,
button.sgk-btn:hover::before {
z-index: 0;
opacity: 1;
transform: translateY(5px);
}
.sgk-btn-reverse,
a.sgk-btn-reverse,
input.sgk-btn-reverse,
button.sgk-btn-reverse {
background-color: #fff;
color: #000000;
}
.sgk-btn-reverse:hover,
a.sgk-btn-reverse:hover,
input.sgk-btn-reverse:hover,
button.sgk-btn-reverse:hover,
.sgk-btn-reverse:focus,
a.sgk-btn-reverse:focus,
input.sgk-btn-reverse:focus,
button.sgk-btn-reverse:focus,
.sgk-btn-reverse:active,
a.sgk-btn-reverse:active,
input.sgk-btn-reverse:active,
button.sgk-btn-reverse:active {
background-color: #000000;
color: #fff;
}
.sgk-btn-transparent,
a.sgk-btn-transparent,
button.sgk-btn-transparent,
input.sgk-btn-transparent {
background-color: transparent;
color: #000000;
}
.sgk-btn-transparent:hover,
a.sgk-btn-transparent:hover,
button.sgk-btn-transparent:hover,
input.sgk-btn-transparent:hover,
.sgk-btn-transparent:focus,
a.sgk-btn-transparent:focus,
button.sgk-btn-transparent:focus,
input.sgk-btn-transparent:focus,
.sgk-btn-transparent:active,
a.sgk-btn-transparent:active,
button.sgk-btn-transparent:active,
input.sgk-btn-transparent:active {
background-color: #000000;
color: #fff;
}
.sgk-btn-home,
a.sgk-btn-home,
button.sgk-btn-home,
input.sgk-btn-home {
border-color: #000000;
background-color: #000000;
color: #fff;
font-size: 12px;
text-transform: uppercase;
font-family: 'Assistant', sans-serif;
padding: 15px;
font-weight: 400;
display: block;
text-align: center;
margin: 20px auto;
background-image: linear-gradient(to right, #333333 50%, #000000 50%);
background-size: 200% 100%;
background-position: 100% 0;
transition: background-position 0.3s ease;
border: none;
max-width: max-content;
}
.sgk-btn-home:hover,
a.sgk-btn-home:hover,
button.sgk-btn-home:hover,
input.sgk-btn-home:hover,
.sgk-btn-home:focus,
a.sgk-btn-home:focus,
button.sgk-btn-home:focus,
input.sgk-btn-home:focus {
color: #fff;
background-position: 0 0;
}
.sgk-btn-home:hover::before,
a.sgk-btn-home:hover::before,
button.sgk-btn-home:hover::before,
input.sgk-btn-home:hover::before,
.sgk-btn-home:focus::before,
a.sgk-btn-home:focus::before,
button.sgk-btn-home:focus::before,
input.sgk-btn-home:focus::before {
content: none;
}
.sgk-nothingFound {
text-align: center;
}
.sgk-nothingFoundInfo h1 {
font-weight: 400;
text-align: center;
margin-bottom: 20px;
}
.sgk-nothingFoundInfo p {
margin-bottom: 30px;
}
.sgk-searchForm {
margin-bottom: 30px;
}
.sgk-searchForm input {
border-radius: 3px;
border: 1px solid #eee;
padding: 10px;
margin-bottom: 40px;
}
.sgk-search {
margin-top: 40px;
margin-bottom: 40px;
}
.sgk-search span {
font-weight: 600;
}
body.search .sgk-blogGrid .sgk-row {
gap: 20px;
}
.sgk-blogGridItem__img {
margin-bottom: 15px;
}
.sgk-blogGridItem__info > div {
margin-bottom: 5px;
}
.sgk-blogGridItem__title a {
text-transform: uppercase;
line-height: 1.3;
font-size: 22px;
}
.sgk-blogGridItem__desc {
line-height: 1.8;
font-size: 13px;
margin-bottom: 15px !important;
}
.sgk-blogGridItem__date {
font-size: 12px;
}
.sgk-404Info,
.sgk-nothingFound {
padding: 130px 0;
min-height: 400px;
display: flex;
text-align: center;
margin-bottom: 70px;
flex-wrap: wrap;
align-items: center;
justify-content: space-evenly;
align-content: center;
flex-direction: column;
}
.sgk-404Info h1 {
margin-bottom: 40px;
font-weight: 900;
font-size: 200px;
}
.wpcf7-spinner {
display: none;
}
.wpcf7-not-valid-tip {
position: absolute;
top: -30px;
font-size: 12px;
width: 280px;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
max-width: 280px;
margin: 10px auto;
background: #fff;
font-size: 14px;
}
.wpcf7 p {
margin-bottom: 0;
}
.sgk-page {
padding: 80px 0;
}
.sgk-page h1,
.sgk-page h2,
.sgk-page h3,
.sgk-page h4,
.sgk-page h5,
.sgk-page h6 {
margin-bottom: 15px;
font-weight: 500;
color: #000;
}
.sgk-page h1 {
font-size: 42px;
font-weight: 900;
text-align: center;
}
.sgk-page h2 {
font-size: 32px;
}
.sgk-page h3 {
font-size: 28px;
}
.sgk-page h4 {
font-size: 22px;
}
.sgk-page h5 {
font-size: 18px;
}
.sgk-page h6 {
font-size: 16px;
}
.sgk-page p {
margin-bottom: 10px;
}
.sgk-page hr {
background-color: rgba(0, 0, 0, 0.5);
}
.sgk-page ul,
.sgk-page ol {
margin-left: 35px;
margin-bottom: 20px;
}
.sgk-page ul li {
list-style: disc;
}
.sgk-page ol li {
list-style: auto;
}
.grecaptcha-badge {
display: none;
}
.slick-prev,
.slick-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
transition: 0.3s;
}
.slick-prev:hover,
.slick-next:hover {
opacity: 0.3;
}
.slick-prev {
left: 0;
}
.slick-next {
right: 0;
}
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-track {
background: #505050;
}
::-webkit-scrollbar-thumb {
background-color: #000000;
border-radius: 10px;
border: 3px solid #505050;
}
body {
scrollbar-width: thin;
scrollbar-color: #000000 #505050;
}
.sgk-general {
margin-bottom: 50px;
padding-top: 50px;
}
.sgk-general .sgk-title.entry-title {
text-align: center;
margin-bottom: 30px;
font-size: 36px;
}
.sgk-general a:hover {
text-decoration: underline;
}
.sgk-general p {
margin-bottom: 15px;
}
.sgk-general ul,
.sgk-general ol {
padding-left: 20px;
margin-bottom: 15px;
}
.sgk-general ol li {
list-style: decimal;
}
.sgk-general ul li {
list-style: disc;
}
.sgk-container .sgk-container-fluid,
.sgk-container-fluid .sgk-container-fluid,
.sgk-container .sgk-container,
.sgk-container-fluid .sgk-container {
padding-left: 0;
padding-right: 0;
}
main.sgk-main {
padding-top: 105px;
padding-bottom: 105px;
}
main.sgk-main-about {
padding-bottom: 0;
}
main.sgk-main-k-tip {
padding-top: 50px;
padding-bottom: 50px;
}
.sgk-page-title {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-top: 120px;
padding-bottom: 120px;
background-color: #505050;
}
.sgk-page-title__main,
.sgk-page-title__subtitle {
font-size: 38px;
color: #fff;
text-transform: uppercase;
text-align: center;
font-weight: 700;
}
.sgk-page-title__subtitle {
margin-bottom: 10px;
text-transform: none;
}
.sgk-link-underline-style {
position: relative;
transition: 0.3s;
}
.sgk-link-underline-style::before {
content: '';
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 1px;
background: #000000;
pointer-events: none;
transform-origin: right;
transform: scaleX(0);
transition: transform 0.3s cubic-bezier(0.33, 0, 0, 1);
}
.sgk-link-underline-style:hover::before {
transform-origin: left;
transform: scaleX(1);
}
.sgk-chat-widget {
position: fixed;
right: 32px;
bottom: 32px;
z-index: 1200;
}
.sgk-chat-widget__trigger,
.sgk-chat-widget__close {
width: 48px;
height: 48px;
border: none;
border-radius: 50%;
background: #000;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
transition: transform 0.3s, opacity 0.15s;
position: absolute;
right: 0;
bottom: 0;
z-index: 20;
overflow: hidden;
}
.sgk-chat-widget__close {
transform: rotate(0deg);
opacity: 0;
pointer-events: none;
transition: opacity 0.15s, transform 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.sgk-chat-widget__close.sgk-rotating {
transform: rotate(180deg);
}
.sgk-chat-widget__trigger {
opacity: 1;
}
.sgk-chat-widget__panel {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 15px;
position: absolute;
right: 0px;
bottom: 64px;
opacity: 0;
pointer-events: none;
transition: opacity 0.25s;
z-index: 10;
}
.sgk-chat-widget.sgk-active .sgk-chat-widget__panel {
opacity: 1;
pointer-events: auto;
}
.sgk-chat-widget.sgk-active .sgk-chat-widget__trigger {
opacity: 0;
pointer-events: none;
}
.sgk-chat-widget.sgk-active .sgk-chat-widget__close {
opacity: 1;
pointer-events: auto;
display: flex;
animation: sgk-close-spin 0.5s linear;
}
.sgk-chat-widget__item {
width: 48px;
height: 48px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
background: #fff;
color: #000;
text-decoration: none;
position: relative;
transition: box-shadow 0.2s, transform 0.2s;
cursor: pointer;
}
.sgk-chat-widget__item svg {
width: 48px;
height: 48px;
border-radius: 50%;
overflow: hidden;
}
.sgk-chat-widget__item:hover {
transform: scale(1.08);
box-shadow: 0 6px 24px rgba(0, 0, 0, 0.22);
}
.sgk-chat-widget__item:hover .sgk-chat-widget__tooltip {
opacity: 1;
visibility: visible;
transform: translateY(-50%) translateX(-16px);
}
.sgk-chat-widget__item--instagram .sgk-chat-widget__tooltip {
left: -255px;
}
.sgk-chat-widget__item--phone .sgk-chat-widget__tooltip {
left: -85px;
}
.sgk-chat-widget__item--messenger .sgk-chat-widget__tooltip {
left: -255px;
}
.sgk-chat-widget__tooltip {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #fff;
color: #111;
font-size: 14px;
padding: 6px 22px;
border-radius: 24px;
white-space: nowrap;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.13);
opacity: 0;
visibility: hidden;
transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
pointer-events: none;
}
@keyframes sgk-close-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(180deg);
}
}
.sgk-header {
position: relative;
z-index: 1000;
background: #fff;
}
.sgk-header .sgk-container {
max-width: 1430px;
}
.sgk-header__top {
display: flex;
justify-content: end;
padding: 10px 0;
}
.sgk-header__top svg {
width: 18px;
height: 18px;
}
.sgk-header__middle {
display: flex;
justify-content: center;
padding: 10px 0;
}
.sgk-header__bottom {
display: flex;
justify-content: center;
align-items: center;
padding: 10px 0;
position: relative;
}
.sgk-header__search {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.sgk-header__menu {
display: flex;
gap: 25px;
}
.sgk-header__menu li a {
position: relative;
transition: 0.3s;
font-size: 17px;
font-family: 'Assistant', sans-serif;
}
.sgk-header__menu li a::before {
content: '';
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 1px;
background: #000000;
pointer-events: none;
transform-origin: right;
transform: scaleX(0);
transition: transform 0.3s cubic-bezier(0.33, 0, 0, 1);
}
.sgk-header__menu li a:hover::before {
transform-origin: left;
transform: scaleX(1);
}
.sgk-header__search-btn svg {
width: 28px;
height: 28px;
}
.sgk-header__logo img {
height: 95px;
}
.sgk-header-sticky {
position: fixed;
top: 0;
left: 0;
max-width: 100%;
width: 100%;
background-color: #fff;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
z-index: 1000;
}
.sgk-header__bottom-sticky,
.sgk-header__mobile-sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
background: #fff;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
z-index: 1000;
}
.sgk-header__bottom-sticky .sgk-header__search,
.sgk-header__mobile-sticky .sgk-header__search {
left: 30px;
}
.sgk-header__bottom-placeholder,
.sgk-header__mobile-placeholder {
height: 0;
}
.sgk-header__mobile {
display: none;
}
.sgk-header__burger {
display: flex;
flex-direction: column;
justify-content: center;
width: 24px;
height: 24px;
cursor: pointer;
border: none;
background: none;
}
.sgk-header__burger .sgk-header__burger-line {
width: 100%;
height: 2px;
background: #000000;
margin: 3px 0;
transition: 0.3s;
}
.sgk-header__burger.active .sgk-header__burger-line:nth-child(1) {
transform: rotate(45deg) translate(5px, 5px);
}
.sgk-header__burger.active .sgk-header__burger-line:nth-child(2) {
opacity: 0;
}
.sgk-header__burger.active .sgk-header__burger-line:nth-child(3) {
transform: rotate(-45deg) translate(6px, -6px);
}
.sgk-header__mobile-menu {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
z-index: 999;
justify-content: center;
align-items: center;
text-align: center;
}
.sgk-header__mobile-menu .sgk-header__menu {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
}
.sgk-header__mobile-menu .sgk-header__menu li a {
display: block;
padding: 15px 0;
color: #000000;
text-decoration: none;
font-size: 20px;
transition: 0.3s;
}
.sgk-header__mobile-menu .sgk-header__menu li a:hover {
color: #39a2db;
}
.sgk-header__mobile-sticky {
z-index: 1000;
}
.sgk-header__mobile-menu {
z-index: 999;
top: 100px;
height: calc(100% - 100px);
}
.sgk-header__mobileWrapper {
width: 100%;
display: flex;
align-items: center;
}
.sgk-header__search {
display: flex;
align-items: center;
}
.sgk-header__search-form {
display: flex;
align-items: center;
}
.sgk-header__search-input {
width: 0;
opacity: 0;
pointer-events: none;
transition: width 0.25s ease, opacity 0.2s ease;
margin-right: 8px;
}
.sgk-header__search.active .sgk-header__search-input {
width: 240px;
max-width: 60vw;
opacity: 1;
pointer-events: auto;
}
.sgk-header__search-btn {
display: flex;
align-items: center;
justify-content: center;
background: none;
border: 0;
cursor: pointer;
padding: 0;
}
.sgk-footer {
padding: 48px 64px;
background-color: #1f2320;
}
.sgk-footer * {
color: #fff;
font-family: 'Assistant', sans-serif;
}
.sgk-footer .sgk-container {
max-width: 1430px;
}
.sgk-footer__top,
.sgk-footer__bottom {
display: flex;
flex-wrap: wrap;
align-items: start;
gap: 20px;
margin-bottom: 20px;
}
.sgk-footer__bottom {
align-items: center;
margin-bottom: 0;
justify-content: space-between;
}
.sgk-footer__col {
flex: 0 0 calc(25% - 20px);
}
.sgk-footer a {
transition: 0.3s;
}
.sgk-footer a:hover {
opacity: 1;
text-decoration: underline;
}
.sgk-footer__title {
text-transform: uppercase;
font-size: 12.5px;
font-weight: 400;
margin-bottom: 16px;
}
.sgk-footer__text,
.sgk-footer__links li a {
font-size: 16px;
font-weight: 400;
margin-bottom: 36px;
opacity: 0.7;
}
.sgk-footer__links li {
line-height: 2;
}
.sgk-footer__links li a {
margin-bottom: 0;
}
.sgk-footer__subtitle {
opacity: 1;
font-family: 'Montserrat', sans-serif;
font-size: 18px;
line-height: 1.5;
font-weight: 700;
margin-bottom: 20px;
}
.sgk-footer__subscribe-form {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: 1px solid #fff;
padding: 16px 0;
margin-bottom: 32px;
}
.sgk-footer__subscribe-btn {
text-transform: uppercase;
font-size: 13px;
font-weight: 400;
}
.sgk-footer__subscribe-btn:hover {
opacity: 0.5;
}
.sgk-footer__socials {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.sgk-footer__socials svg {
width: 20px;
height: 20px;
transition: 0.3s;
}
.sgk-footer__socials a:hover svg {
opacity: 0.5;
}
.sgk-footer__copyright p {
font-size: 13px;
font-weight: 400;
}
.sgk-footer__copyright p span {
opacity: 0.7;
}
.sgk-footer__copyright p a {
opacity: 0.7;
}
.sgk-footer__copyright p a:hover {
opacity: 1;
}
.sgk-footer__payments {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
iframe {
margin-bottom: -5px;
}
.sgk-contacts__inner {
display: flex;
justify-content: space-between;
gap: 20px;
}
.sgk-contacts__title {
font-size: 32px;
margin-bottom: 15px;
font-weight: 600;
}
.sgk-contacts__left,
.sgk-contacts__right {
width: 100%;
}
.sgk-contacts__left {
padding: 15px;
}
.sgk-contacts__right {
padding: 60px;
background-color: #f1f6f9;
}
.sgk-contacts__right p {
font-family: 'Assistant', sans-serif;
font-weight: 400;
color: #505050;
font-size: 21px;
line-height: 1.4;
margin-bottom: 15px;
}
.sgk-contacts__right .sgk-contacts__row {
margin-bottom: 20px;
}
.sgk-contacts__right .sgk-contacts__row input,
.sgk-contacts__right .sgk-contacts__row textarea {
margin-bottom: 8px;
width: 100%;
padding: 10px 8px;
border: 1px solid #d1d5db;
background-color: #d7e7f1;
}
.sgk-contacts__right .sgk-contacts__row .sgk-contacts__checkbox-label {
display: flex;
align-items: center;
gap: 20px;
}
.sgk-contacts__right .sgk-contacts__row input[type='checkbox'] {
width: auto;
margin: 0;
}
.sgk-contacts__right .sgk-contacts__label {
display: block;
margin-bottom: 8px;
}
.sgk-contacts svg {
border-radius: 50%;
background-color: #39a2db;
width: 50px;
height: 50px;
padding: 8px;
}
.sgk-contacts__item {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 20px;
margin-bottom: 20px;
}
.sgk-contacts__item:last-child {
margin-bottom: 0;
}
.sgk-contacts__divider {
background-color: #000000;
height: 1px;
margin-bottom: 20px;
}
.sgk-contacts .sgk-contacts__fb {
width: 100%;
max-width: 100%;
}
.sgk-contacts .sgk-contacts__fb iframe {
width: 100% !important;
}
.sgk-contacts__form-title {
font-size: 32px;
font-weight: 600;
margin-bottom: 15px;
}
.sgk-contacts__links {
margin-top: 20px;
}
.sgk-contacts__links a {
display: block;
width: 100%;
font-size: 24px;
color: #505050;
}
.wpforms-field-container .sgk-contacts__row label {
display: block;
margin-bottom: 8px;
}
.wpforms-field-container .sgk-contacts__row textarea {
height: 135px;
}
.wpforms-field-container .sgk-contacts__row .choice-1.depth-1 {
display: flex;
align-items: center;
gap: 10px;
}
.wpforms-field-container .sgk-contacts__row .choice-1.depth-1 label {
margin: 0;
}
.wpforms-field-container .sgk-contacts__row .choice-1.depth-1 input {
position: relative;
width: 20px;
height: 20px;
}
.wpforms-field-container .sgk-contacts__row .choice-1.depth-1.wpforms-selected input::before {
position: absolute;
top: 0;
left: 5px;
content: '✓';
font-size: 14px;
}
.sgk-about-title {
font-size: 32px;
color: #000000;
text-align: center;
font-weight: 500;
margin-bottom: 50px;
}
.sgk-about-hero {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 50px;
}
.sgk-about-hero__item {
padding: 10px;
flex: 0 0 calc(50% - 20px);
}
.sgk-about-hero__item h1,
.sgk-about-hero__item h2,
.sgk-about-hero__item h3,
.sgk-about-hero__item h4,
.sgk-about-hero__item h5,
.sgk-about-hero__item h6 {
font-size: 24px;
color: #000000;
font-weight: 500;
margin-bottom: 30px;
}
.sgk-about-hero__item p,
.sgk-about-hero__item a,
.sgk-about-hero__item li {
color: #505050;
font-size: 16px;
margin-bottom: 20px;
line-height: 1.5;
}
.sgk-about-prev {
background: #e6e9eb;
padding-top: 120px;
padding-bottom: 120px;
}
.sgk-about-prev .sgk-stats {
margin-bottom: 120px;
}
.sgk-about-prev .sgk-stats__list {
display: flex;
align-items: center;
justify-content: center;
gap: 50px;
}
.sgk-about-prev .sgk-stats__value {
min-width: 200px;
margin: 0 auto;
font-size: 55px;
color: #000000;
margin-bottom: 20px;
text-align: center;
font-weight: 700;
}
.sgk-about-prev .sgk-stats__label {
font-size: 14px;
color: #505050;
text-transform: uppercase;
text-align: center;
}
.sgk-about-prev-wrapper {
display: flex;
justify-content: center;
gap: 30px;
}
.sgk-about-prev-wrapper__item {
flex: 0 0 calc(33.33% - 30px);
background-color: #fff;
}
.sgk-about-prev-wrapper__item--title {
font-size: 22px;
color: #000000;
text-align: center;
margin-bottom: 20px;
font-weight: 500;
}
.sgk-about-prev-wrapper__item--text {
text-align: center;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
}
.sgk-about-prev-wrapper__item--text p {
margin-bottom: 20px;
}
.sgk-about-prev-wrapper__item--text p:last-child {
margin-bottom: 0;
}
.sgk-about-prev-wrapper__itemContent {
padding: 20px;
}
.sgk-k-tip-hero {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
flex-wrap: wrap;
margin-bottom: 50px;
}
.sgk-k-tip-hero img {
display: block;
width: calc((100% - 30px) / 2);
max-width: 100%;
height: auto;
}
.sgk-k-tip-promo {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.sgk-k-tip-promo .sgk-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 30px;
text-align: center;
padding-top: 70px;
padding-bottom: 70px;
}
.sgk-k-tip-promo__title {
color: #fff;
font-size: 123px;
}
.sgk-k-tip-promo__subtitle {
font-size: 71px;
color: #dbffef;
}
.sgk-k-tip-promo__desc {
color: #fff;
font-size: 47px;
}
.sgk-k-tip-promo__discount {
font-size: 56px;
text-transform: uppercase;
color: #4adf75;
}
.sgk-k-tip-promo .sgk-btn {
padding: 5px;
font-size: 52px;
color: #000000;
border-color: #4adf75;
background-color: #4adf75;
text-transform: uppercase;
}
.sgk-k-tip-promo .sgk-btn:hover {
color: #4adf75;
background-color: #000000;
}
.sgk-k-tip-gallery {
padding-top: 70px;
padding-bottom: 70px;
}
.sgk-k-tip-gallery__title {
font-size: 88px;
text-align: center;
color: #000000;
font-weight: 600;
margin-bottom: 70px;
}
.sgk-k-tip-gallery__grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 30px;
}
.sgk-k-tip-gallery__item {
flex: 0 0 calc(33.33% - 30px);
}
.sgk-k-tip-micro-capsules {
margin-bottom: 50px;
}
.sgk-k-tip-micro-capsules__title {
font-size: 88px;
text-align: center;
color: #000000;
font-weight: 600;
margin-bottom: 70px;
}
.sgk-k-tip-micro-capsules__list {
margin-bottom: 50px;
}
.sgk-k-tip-micro-capsules__list li {
font-size: 25px;
list-style: disc;
margin-left: 40px;
color: #505050;
line-height: 2;
font-family: 'Assistant', sans-serif;
}
.sgk-k-tip-micro-capsules__grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 30px;
}
.sgk-k-tip-micro-capsules__item {
flex: 0 0 calc(33.33% - 30px);
}
.sgk-k-tip-certificate {
background-color: #000000;
padding-top: 40px;
padding-bottom: 40px;
margin-bottom: 50px;
}
.sgk-k-tip-certificate__content {
display: flex;
flex-direction: column;
gap: 30px;
font-weight: 700;
}
.sgk-k-tip-certificate__title {
text-align: center;
font-size: 75px;
color: #fff;
text-transform: uppercase;
}
.sgk-k-tip-certificate__subtitle {
text-align: center;
font-size: 75px;
}
.sgk-k-tip-certificate__subtitle p {
color: #fff;
}
.sgk-k-tip-certificate__note {
text-align: center;
font-style: italic;
font-size: 41px;
color: #dbffef;
font-weight: 300;
}
.sgk-k-tip-certificate-img {
margin-bottom: 100px;
}
.sgk-k-tip-certificate-img img {
margin: 0 auto;
}
.sgk-k-tip-stock {
background-color: #000000;
padding-top: 40px;
padding-bottom: 40px;
margin-bottom: 50px;
}
.sgk-k-tip-stock__title,
.sgk-k-tip-stock__subtitle,
.sgk-k-tip-stock__desc {
font-weight: 700;
text-align: center;
line-height: 1.5;
font-size: 75px;
color: #fff;
}
.sgk-k-tip-stock__desc {
margin-bottom: 30px;
}
.sgk-k-tip-stock__img img {
margin: 0 auto;
}
.sgk-k-tip-price-offer {
margin-bottom: 50px;
}
.sgk-k-tip-price-offer__content {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
align-items: center;
}
.sgk-k-tip-price-offer__img {
margin-bottom: 50px;
}
.sgk-k-tip-price-offer__img img {
margin: 0 auto;
}
.sgk-k-tip-price-offer__old-price {
font-size: 39px;
font-style: italic;
text-decoration-line: line-through;
text-align: center;
margin-top: 45px;
font-weight: 300;
font-family: 'Assistant', sans-serif;
color: #505050;
}
.sgk-k-tip-price-offer__new-price {
font-family: 'Assistant', sans-serif;
color: #ed5671;
font-size: 91px;
font-weight: 700;
text-align: center;
margin-bottom: 30px;
}
.sgk-k-tip-price-offer__desc {
color: #ed5671;
font-size: 35px;
text-align: center;
font-weight: 300;
font-family: 'Assistant', sans-serif;
margin-bottom: 30px;
}
.sgk-k-tip-price-offer .sgk-btn {
padding: 12px 20px;
font-size: 63px;
color: #fff;
border-color: #000000;
background-color: #000000;
text-transform: uppercase;
margin-bottom: 30px;
}
.sgk-k-tip-price-offer .sgk-btn:hover {
color: #000000;
background-color: #fff;
}
.sgk-k-tip-price-offer__call {
color: #505050;
font-size: 70px;
text-align: center;
font-weight: 300;
font-family: 'Assistant', sans-serif;
margin-bottom: 30px;
}
.sgk-k-tip-price-offer__call a {
position: relative;
transition: 0.3s;
}
.sgk-k-tip-price-offer__call a::before {
content: '';
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 1px;
background: #000000;
pointer-events: none;
transform-origin: right;
transform: scaleX(0);
transition: transform 0.3s cubic-bezier(0.33, 0, 0, 1);
}
.sgk-k-tip-price-offer__call a:hover::before {
transform-origin: left;
transform: scaleX(1);
}
.sgk-k-tip-happy-customers {
padding-top: 50px;
padding-bottom: 50px;
background-color: #000000;
}
.sgk-k-tip-happy-customers__title {
font-size: 75px;
color: #fff;
text-align: center;
font-weight: 700;
margin-bottom: 50px;
}
.sgk-k-tip-happy-customers__stars {
text-align: center;
font-size: 34px;
margin-bottom: 50px;
}
.sgk-k-tip-happy-customers img {
margin: 0 auto;
}
.sgk-k-tip-reviews {
padding-top: 70px;
padding-bottom: 70px;
}
.sgk-k-tip-reviews__title {
font-size: 88px;
text-align: center;
color: #000000;
font-weight: 600;
margin-bottom: 70px;
}
.sgk-k-tip-reviews .sgk-k-tip-reviews__videos {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 30px;
}
.sgk-k-tip-reviews .sgk-k-tip-reviews__video {
position: relative;
}
.sgk-k-tip-reviews .sgk-k-tip-reviews__video video {
width: 300px;
height: 500px;
object-fit: cover;
display: block;
}
.sgk-k-tip-reviews .sgk-k-tip-reviews__play {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
border: 0;
cursor: pointer;
transition: opacity 0.2s;
pointer-events: auto;
}
.sgk-k-tip-reviews .sgk-k-tip-reviews__video.playing .sgk-k-tip-reviews__play {
opacity: 0;
pointer-events: none;
}
.sgk-k-tip-address {
background-color: #000000;
padding-top: 50px;
padding-bottom: 70px;
margin-bottom: 50px;
}
.sgk-k-tip-address h2 {
color: #fff;
font-weight: 700;
text-align: center;
line-height: 1.5;
font-size: 53px;
}
.sgk-k-tip-address p {
font-weight: 700;
text-align: center;
line-height: 1.5;
font-size: 53px;
color: #fff;
margin-bottom: 40px;
}
.sgk-k-tip-address p a {
position: relative;
color: #fff;
transition: 0.3s;
}
.sgk-k-tip-address p a::before {
content: '';
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 1px;
background: #fff;
pointer-events: none;
transform-origin: right;
transform: scaleX(0);
transition: transform 0.3s cubic-bezier(0.33, 0, 0, 1);
}
.sgk-k-tip-address p a:hover::before {
transform-origin: left;
transform: scaleX(1);
}
.sgk-k-tip-address__images img {
margin: 0 auto 30px;
}
.sgk-k-tip-address__images img:last-child {
margin-bottom: 0;
}
.sgk-k-tip-offer-title {
font-size: 39px;
font-style: italic;
text-decoration-line: line-through;
text-align: center;
margin-top: 45px;
font-weight: 300;
font-family: 'Assistant', sans-serif;
color: #505050;
}
.sgk-k-tip-offer-price {
font-family: 'Assistant', sans-serif;
color: #ed5671;
font-size: 91px;
font-weight: 700;
text-align: center;
margin-bottom: 30px;
}
.sgk-k-tip-offer-subtitle {
color: #ed5671;
font-size: 35px;
text-align: center;
font-weight: 300;
font-family: 'Assistant', sans-serif;
margin-bottom: 30px;
}
.sgk-k-tip-offer-btn {
display: flex;
align-items: center;
justify-content: center;
}
.sgk-k-tip-offer-btn .sgk-btn {
padding: 12px 20px;
font-size: 63px;
color: #fff;
border-color: #000000;
background-color: #000000;
text-transform: uppercase;
margin-bottom: 30px;
}
.sgk-k-tip-offer-btn .sgk-btn:hover {
color: #000000;
background-color: #fff;
}
.sgk-k-tip-offer-phone {
color: #505050;
font-size: 70px;
text-align: center;
font-weight: 300;
font-family: 'Assistant', sans-serif;
margin-bottom: 30px;
}
.sgk-k-tip-offer-phone a {
position: relative;
transition: 0.3s;
}
.sgk-k-tip-offer-phone a::before {
content: '';
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 1px;
background: #000000;
pointer-events: none;
transform-origin: right;
transform: scaleX(0);
transition: transform 0.3s cubic-bezier(0.33, 0, 0, 1);
}
.sgk-k-tip-offer-phone a:hover::before {
transform-origin: left;
transform: scaleX(1);
}
.sgk-page-title-home,
.sgk-page-title-use {
height: 90vh;
display: flex;
justify-content: center;
align-items: center;
}
.sgk-page-title-home .sgk-page-title__title,
.sgk-page-title-use .sgk-page-title__title {
text-align: center;
color: #fff;
font-size: 50px;
font-family: 'Assistant', sans-serif;
font-weight: 700;
max-width: 500px;
margin: 0 auto;
margin-bottom: 20px;
}
.sgk-page-title-home .sgk-page-title__subtitle,
.sgk-page-title-use .sgk-page-title__subtitle {
font-size: 12px;
}
.sgk-page-title-home .sgk-page-title__text,
.sgk-page-title-use .sgk-page-title__text {
font-size: 19px;
text-align: center;
font-weight: 700;
color: #fff;
}
.sgk-page-title-use {
height: 100vh;
position: relative;
}
.sgk-page-title-use::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #000000;
width: 100%;
height: 100%;
opacity: 0.3;
}
.sgk-page-title-use * {
position: relative;
z-index: 1;
}
.sgk-main-home .sgk-container {
max-width: 1400px;
}
.sgk-home-ktip {
display: flex;
flex-direction: column;
gap: 50px;
margin-bottom: 50px;
}
.sgk-home-ktip__item {
display: flex;
gap: 30px;
}
.sgk-home-ktip__item:nth-child(2n) .sgk-home-ktip__media {
order: 2;
}
.sgk-home-ktip__item:nth-child(2n) .sgk-home-ktip__content {
order: 1;
}
.sgk-home-ktip__media,
.sgk-home-ktip__content {
display: flex;
flex: 0 0 calc(50% - 20px);
}
.sgk-home-ktip__content {
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
gap: 20px;
max-width: 500px;
margin: 0 auto;
}
.sgk-home-ktip__content h3 {
font-size: 44px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}
.sgk-home-ktip__content p {
font-size: 19px;
font-weight: 700;
}
.sgk-home-ktip-installation__content {
max-width: 700px;
margin: 0 auto 50px;
}
.sgk-home-ktip-installation__content h2 {
color: #505050;
font-size: 33px;
font-weight: 700;
text-align: center;
font-family: 'Montserrat', sans-serif;
margin-bottom: 10px;
}
.sgk-home-ktip-installation__content p {
font-family: 'Assistant', sans-serif;
text-align: center;
font-size: 16px;
color: #505050;
margin-bottom: 10px;
}
.sgk-home-ktip-b-a {
display: flex;
flex-wrap: wrap;
gap: 25px;
margin-bottom: 50px;
}
.sgk-home-ktip-b-a__top {
display: flex;
flex-wrap: wrap;
gap: 25px;
width: 100%;
justify-content: center;
align-items: center;
text-align: center;
}
.sgk-home-ktip-b-a__left,
.sgk-home-ktip-b-a__right,
.sgk-home-ktip-b-a__bottom {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
width: 100%;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 475px;
padding: 10px;
}
.sgk-home-ktip-b-a__left::after,
.sgk-home-ktip-b-a__right::after,
.sgk-home-ktip-b-a__bottom::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #000000;
width: 100%;
height: 100%;
opacity: 0.3;
}
.sgk-home-ktip-b-a__left *,
.sgk-home-ktip-b-a__right *,
.sgk-home-ktip-b-a__bottom * {
position: relative;
z-index: 1;
}
.sgk-home-ktip-b-a__left p,
.sgk-home-ktip-b-a__right p,
.sgk-home-ktip-b-a__bottom p {
max-width: 600px;
font-size: 32px;
font-weight: 700;
color: #fff;
}
.sgk-home-ktip-b-a__left p span,
.sgk-home-ktip-b-a__right p span,
.sgk-home-ktip-b-a__bottom p span {
color: #fff;
}
.sgk-home-ktip-b-a__left {
flex: 0 0 calc(50%);
}
.sgk-home-ktip-b-a__right {
flex: 0 0 calc(50% - 25px);
}
.sgk-home-ktip-b-a__bottom {
flex: 0 0 100%;
}
.sgk-home-discount {
background-color: #c51c26;
padding: 20px;
margin-bottom: 50px;
}
.sgk-home-discountWrapper {
padding: 40px 20px;
border: 1px solid #fff;
}
.sgk-home-discountWrapper * {
color: #fff;
}
.sgk-home-discount__title {
margin: 0 auto 50px;
text-align: center;
font-size: 32px;
font-weight: 700;
color: #505050;
max-width: 700px;
}
.sgk-home-discount__block {
display: flex;
align-items: center;
justify-content: center;
gap: 65px;
}
.sgk-home-discount__block--item {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.sgk-home-discount__block--item:nth-child(1) {
flex: 0 0 40%;
display: flex;
flex-direction: column;
}
.sgk-home-discount__block--item:nth-child(3) {
flex: 0 0 40%;
display: flex;
flex-direction: column;
align-items: baseline;
text-align: left;
gap: 20px;
}
.sgk-home-discount__block--item-1 {
position: absolute;
top: 0;
left: 100px;
font-weight: 700;
font-size: 45px;
}
.sgk-home-discount__block--item-2 {
font-weight: 700;
font-size: 105px;
margin-bottom: 5px;
}
.sgk-home-discount__block--item-3 {
font-size: 14px;
font-family: 'Assistant', sans-serif;
}
.sgk-home-discount__block--item-text-1 {
font-size: 28px;
font-weight: 700;
}
.sgk-home-discount__block--item-text-2 {
font-size: 16px;
font-weight: 700;
font-family: 'Assistant', sans-serif;
}
.sgk-home-discount__block--itemBtn {
display: flex;
gap: 20px;
}
.sgk-home-discount__block--itemBtn a {
font-weight: 400;
color: #fff;
border-color: #fff;
}
.sgk-home-discount__block--divider {
width: 1px;
background-color: #fff;
height: 150px;
display: block;
}
.sgk-home-ktip-collages {
margin-top: 50px;
margin-bottom: 50px;
}
.sgk-home-ktip-collages-title {
color: #505050;
margin-bottom: 50px;
text-align: center;
font-weight: 700;
font-size: 28px;
}
.sgk-home-ktip-collages .sgk-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
.sgk-home-ktip-collage {
flex: 0 0 calc(33.33% - 20px);
display: flex;
flex-wrap: wrap;
align-items: center;
flex-direction: column;
gap: 20px;
padding: 28px;
background-color: #f7f7f6;
}
.sgk-home-ktip-collage img {
width: 100%;
}
.sgk-home-ktip-collage h3 {
font-weight: 700;
font-size: 22px;
color: #505050;
text-align: center;
}
.sgk-home-ktip-collage p {
text-align: center;
font-size: 16px;
color: #505050;
font-family: 'Assistant', sans-serif;
}
.sgk-home-ktip-collage a.sgk-btn-home {
margin: 0 auto;
}
.sgk-home-follow-us a {
display: block;
text-align: center;
margin: 0 auto;
max-width: max-content;
}
.sgk-faq {
max-width: 700px;
margin: 0 auto 100px;
padding: 0 20px;
}
.sgk-faq h2 {
font-size: 28px;
font-weight: 700;
margin-bottom: 20px;
text-align: left;
font-family: 'Montserrat', sans-serif;
color: #505050;
}
.sgk-faq-item {
border-top: 1px solid #505050;
}
.sgk-faq-item:last-child {
border-bottom: 1px solid #505050;
}
.sgk-faq-item.active .sgk-faq-toggle::after {
transform: translateX(-50%) scaleY(0);
}
.sgk-faq-item.active .sgk-faq-answer {
max-height: 500px;
padding-bottom: 15px;
}
.sgk-faq-question {
width: 100%;
text-align: left;
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 600;
font-size: 18px;
padding: 24px 0;
background: none;
border: none;
cursor: pointer;
}
.sgk-faq-icon {
display: flex;
align-items: center;
gap: 20px;
font-size: 18px;
color: #505050;
}
.sgk-faq-icon svg {
width: 24px;
height: 24px;
}
.sgk-faq-toggle {
position: relative;
width: 16px;
height: 16px;
}
.sgk-faq-toggle::before,
.sgk-faq-toggle::after {
content: '';
position: absolute;
background: #505050;
transition: 0.3s;
}
.sgk-faq-toggle::before {
top: 50%;
left: 0;
width: 100%;
height: 2px;
transform: translateY(-50%);
}
.sgk-faq-toggle::after {
left: 50%;
top: 0;
width: 2px;
height: 100%;
transform: translateX(-50%);
}
.sgk-faq-answer {
max-height: 0;
overflow: hidden;
transition: 0.3s;
padding: 0 0 0 35px;
color: #505050;
font-size: 16px;
line-height: 1.5;
}
.sgk-offer-bar {
margin: 100px auto 100px;
background-color: #c51c26;
padding: 20px 60px;
}
.sgk-offer-bar * {
color: #fff;
}
.sgk-offer-content {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 50px;
max-width: 950px;
margin: 0 auto;
}
.sgk-offer-content a.sgk-btn-transparent {
border-color: #fff;
color: #fff;
}
.sgk-offer-content-item:nth-child(1) {
flex: 0 0 calc(37% - 30px);
}
.sgk-offer-content-item:nth-child(3) {
flex: 0 0 calc(32% - 30px);
}
.sgk-offer-content-item:nth-child(4) {
flex: 0 0 calc(24% - 30px);
}
.sgk-offer-price {
font-size: 19px;
font-weight: 700;
font-family: 'Montserrat', sans-serif;
}
.sgk-offer-divider {
width: 1px;
height: 70px;
background-color: #fff;
}
.sgk-offer-info {
font-size: 16px;
font-weight: 400;
font-family: 'Assistant', sans-serif;
}
@media (max-width: 768px) {
.sgk-header__top,
.sgk-header__middle,
.sgk-header__bottom {
display: none;
}
.sgk-header__mobile {
display: flex;
align-items: center;
justify-content: space-between;
height: 100px;
position: relative;
}
.sgk-header .sgk-container {
position: relative;
}
.sgk-header__mobile .sgk-header__logo {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.sgk-header__burger {
margin-right: auto;
}
.sgk-header__search-btn {
margin-left: auto;
}
.sgk-header__mobile-sticky {
position: fixed;
}
.sgk-header__mobile-sticky .sgk-header__search-btn {
position: absolute;
right: 15px;
}
.sgk-header__mobile-sticky .sgk-header__burger {
position: relative;
left: 15px;
}
.sgk-header__mobile-menu.is-open {
display: flex;
}
.sgk-k-tip-reviews__videos video {
width: 100%;
height: 520px;
}
.sgk-k-tip-hero {
flex-direction: column;
}
.sgk-k-tip-promo__title,
.sgk-k-tip-micro-capsules__title,
.sgk-k-tip-stock__title,
.sgk-k-tip-stock__subtitle,
.sgk-k-tip-stock__desc,
.sgk-k-tip-happy-customers__title,
.sgk-k-tip-reviews__title,
.sgk-k-tip-address h2,
.sgk-k-tip-address p,
.sgk-k-tip-certificate__title {
font-size: 48px;
}
.sgk-k-tip-promo__subtitle,
.sgk-k-tip-gallery__title,
.sgk-k-tip-micro-capsules__title,
.sgk-k-tip-certificate__subtitle p,
.sgk-k-tip-price-offer__call {
font-size: 32px;
}
.sgk-k-tip-promo__desc,
.sgk-k-tip-certificate__note,
.sgk-k-tip-offer-phone {
font-size: 22px;
}
.sgk-k-tip-price-offer__old-price {
margin-top: 0;
}
.sgk-footer {
padding: 20px;
}
.sgk-footer__top,
.sgk-footer__bottom,
.sgk-k-tip-gallery__grid,
.sgk-about-hero,
.sgk-about-prev .sgk-stats__list,
.sgk-about-prev-wrapper,
.sgk-home-ktip__item,
.sgk-home-discount__block,
.sgk-home-ktip-collages .sgk-container,
.sgk-offer-content,
.sgk-contacts__inner {
flex-direction: column;
}
.sgk-k-tip-hero img {
width: 100%;
}
.sgk-k-tip-gallery__title,
.sgk-k-tip-micro-capsules__title,
.sgk-k-tip-reviews__title,
.sgk-about-title,
.sgk-about-prev .sgk-stats {
margin-bottom: 30px;
}
.sgk-k-tip-price-offer__call {
margin-bottom: 0;
}
main.sgk-main,
.sgk-about-prev {
padding-top: 50px;
padding-bottom: 50px;
}
.sgk-offer-bar {
margin-top: 50px;
margin-bottom: 50px;
}
.sgk-contacts__right {
padding: 20px;
}
.sgk-contacts__text {
flex: 0 0 75%;
}
.sgk-home-ktip__item .sgk-home-ktip__media {
order: 2;
}
.sgk-home-ktip__item .sgk-home-ktip__content {
order: 1;
}
.sgk-home-ktip-b-a__left,
.sgk-home-ktip-b-a__right {
flex: 0 0 100%;
}
.sgk-home-discount__block--divider,
.sgk-offer-content-item.sgk-offer-divider {
height: 1px;
width: 100px;
}
.sgk-home-discount__block,
.sgk-offer-content {
gap: 30px;
}
.sgk-home-discount__block--item:nth-child(3) {
align-items: center;
}
.sgk-home-discount__block--item-1 {
left: -40px;
}
.sgk-faq {
margin-bottom: 50px;
}
.sgk-home-discount__block--item-text-2,
.sgk-offer-price {
text-align: center;
}
.sgk-offer-bar {
padding: 20px;
}
.sgk-header__search {
right: 0;
left: unset;
}
.sgk-header__search.active .sgk-header__search-input {
width: 150px;
}
}