.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{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{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-initialized .slick-slide,.slick-slide img{display:block}.slick-arrow.slick-hidden,.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}@font-face {
font-family: 'ArialWeb';
src: url(//art-records.com.ua/wp-content/themes/artrecords/fonts/Arial/Arial-Bold.woff2) format('woff2'), url(//art-records.com.ua/wp-content/themes/artrecords/fonts/Arial/Arial-Bold.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'HelveticaWeb';
src: url(//art-records.com.ua/wp-content/themes/artrecords/fonts/Helvetica/Helvetica-Regular.woff2) format('woff2'), url(//art-records.com.ua/wp-content/themes/artrecords/fonts/Helvetica/Helvetica-Regular.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'Inter Tight';
src: url(//art-records.com.ua/wp-content/themes/artrecords/fonts/Inter Tight/InterTight-Regular.woff2) format('woff2'), url(//art-records.com.ua/wp-content/themes/artrecords/fonts/Inter Tight/InterTight-Regular.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter Tight';
src: url(//art-records.com.ua/wp-content/themes/artrecords/fonts/Inter Tight/InterTight-Bold.woff2) format('woff2'), url(//art-records.com.ua/wp-content/themes/artrecords/fonts/Inter Tight/InterTight-Bold.woff) format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'Nevduplenysh';
src: url(//art-records.com.ua/wp-content/themes/artrecords/fonts/Nevduplenysh/Nevduplenysh-Regular.woff2) format('woff2'), url(//art-records.com.ua/wp-content/themes/artrecords/fonts/Nevduplenysh/Nevduplenysh-Regular.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}  :root {
--white-main: #fff;
--black-main: #000;
--gray-main: #868686;
}
:root {
--font-family: 'Nevduplenysh', Arial, Helvetica, sans-serif;
--second-family: 'Inter Tight', Arial, Helvetica, sans-serif;
}
* {
padding: 0;
margin: 0;
border: none;
color: #fff;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
:focus,
:active {
outline: none;
}
html {
background-color: #000;
scroll-behavior: smooth;
}
body * {
font-family: 'Inter Tight', Arial, Helvetica, sans-serif;
}
body.sgk-noscroll {
overflow: hidden;
}
a,
a:link,
a:visited {
text-decoration: none;
display: inline-block;
}
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;
}
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: 'Inter Tight', Arial, Helvetica, sans-serif;
color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Nevduplenysh', Arial, Helvetica, 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: 1800px;
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-radius: 40px;
font-family: 'Inter Tight', Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 24px;
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
transition: 0.3s;
max-width: max-content;
border-radius: 50px;
padding: 20px 60px;
text-transform: uppercase;
}
.sgk-btn,
a.sgk-btn,
input.sgk-btn,
button.sgk-btn {
background-color: #ff0000;
color: #fff;
}
.sgk-btn:hover,
a.sgk-btn:hover,
input.sgk-btn:hover,
button.sgk-btn:hover,
.sgk-btn:active,
a.sgk-btn:active,
input.sgk-btn:active,
button.sgk-btn:active {
background-color: #fff;
color: #000;
}
.sgk-btn-reverse,
a.sgk-btn-reverse,
input.sgk-btn-reverse,
button.sgk-btn-reverse {
background-color: #fff;
color: #000;
}
.sgk-btn-reverse:hover,
a.sgk-btn-reverse:hover,
input.sgk-btn-reverse:hover,
button.sgk-btn-reverse:hover,
.sgk-btn-reverse:active,
a.sgk-btn-reverse:active,
input.sgk-btn-reverse:active,
button.sgk-btn-reverse:active {
background-color: #000;
color: #fff;
}
.sgk-btn-transparent,
a.sgk-btn-transparent,
button.sgk-btn-transparent,
input.sgk-btn-transparent {
background-color: transparent;
color: #000;
}
.sgk-btn-transparent:hover,
a.sgk-btn-transparent:hover,
button.sgk-btn-transparent:hover,
input.sgk-btn-transparent:hover,
.sgk-btn-transparent:active,
a.sgk-btn-transparent:active,
button.sgk-btn-transparent:active,
input.sgk-btn-transparent:active {
background-color: #000;
color: #fff;
}
.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: 10px;
}
::-webkit-scrollbar-track {
background: #868686;
}
::-webkit-scrollbar-thumb {
background-color: #ff0000;
border-radius: 10px;
border: 3px solid #868686;
}
body {
scrollbar-width: thin;
scrollbar-color: #ff0000 #868686;
}
.sgk-general {
padding-top: 200px;
max-width: 1400px;
margin-bottom: 50px;
}
.sgk-general .sgk-title {
text-align: center;
font-size: 120px;
margin-bottom: 30px;
}
.sgk-general p,
.sgk-general a,
.sgk-general b,
.sgk-general strong,
.sgk-general em,
.sgk-general i,
.sgk-general li {
font-size: 18px;
}
.sgk-general p {
margin-bottom: 20px;
}
.sgk-general h2,
.sgk-general h3,
.sgk-general h4,
.sgk-general h5,
.sgk-general h6 {
margin-bottom: 20px;
}
.sgk-general h2 {
font-size: 48px;
}
.sgk-general h3 {
font-size: 32px;
}
.sgk-general h4 {
font-size: 28px;
}
.sgk-general a {
color: #ff0000;
}
.sgk-general a:hover {
text-decoration: underline;
}
.sgk-general ul,
.sgk-general ol {
padding-left: 20px;
margin-bottom: 15px;
margin-left: 20px;
}
.sgk-general ol li {
list-style: decimal;
margin-bottom: 10px;
}
.sgk-general ol li:last-child {
margin-bottom: 0;
}
.sgk-general ul li {
list-style: disc;
margin-bottom: 10px;
}
.sgk-general ul li:last-child {
margin-bottom: 0;
}
.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;
}
::selection {
background: #ff0000;
color: #fff;
}
.sgk-title {
font-weight: 400;
font-size: 173px;
line-height: 0.8;
text-transform: uppercase;
color: #fff;
font-family: 'Nevduplenysh', Arial, Helvetica, sans-serif;
}
.sgk-texture {
position: absolute;
background-position: center;
background-repeat: no-repeat;
background-size: auto;
}
.sgk-texture-left {
top: 0;
left: 0;
}
.sgk-texture-right {
top: 0;
right: 0;
}
.lang-item {
font-size: 16px;
display: flex;
align-self: center;
}
.sgk-service-page-price-actions {
margin: 20px auto;
}
.sgk-service-page-price-actions .sgk-services__actions {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.sgk-service-page-price-actions .sgk-services__actions a {
width: 100%;
max-width: 330px;
border-radius: 50px;
background-color: #ff0000;
text-decoration: none !important;
position: relative;
transition: 0.3s;
padding: 20px;
}
.sgk-service-page-price-actions .sgk-services__actions a span {
display: block;
text-transform: uppercase;
color: #fff;
font-family: 'Inter Tight', Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 24px;
text-align: center;
transition: 0.3s;
}
.sgk-service-page-price-actions .sgk-services__actions a svg {
position: absolute;
top: 0;
right: 10px;
width: 70px;
height: 70px;
transition: 0.3s;
}
.sgk-service-page-price-actions .sgk-services__actions a svg circle {
fill: transparent;
}
.sgk-service-page-price-actions .sgk-services__actions a svg path {
fill: #fff;
}
.sgk-service-page-price-actions .sgk-services__actions a:hover {
background-color: #fff;
}
.sgk-service-page-price-actions .sgk-services__actions a:hover span {
color: #000;
}
.sgk-service-page-price-actions .sgk-services__actions a:hover svg path {
fill: #000;
}
.sgk-header {
position: relative;
width: 100%;
z-index: 1000;
background: transparent;
margin-bottom: -160px;
}
.sgk-header.sgk-header-sticky {
position: fixed;
top: 0;
left: 0;
max-width: 100%;
width: 100%;
background-color: #000;
z-index: 1000;
}
.sgk-header__bar {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0;
}
.sgk-header__logo img {
height: 140px;
}
@media (max-width: 992px) {
.sgk-header__nav {
display: none;
}
}
.sgk-header__menu {
display: flex;
gap: 60px;
font-weight: 400;
font-size: 24px;
letter-spacing: -0.01em;
color: #ddd;
font-family: 'HelveticaWeb', Arial, Helvetica, sans-serif;
list-style: none;
margin: 0;
padding: 0;
}
.sgk-header__menu li a:hover {
color: #ff0000;
}
.sgk-header__link {
text-decoration: none;
display: inline-block;
}
.sgk-header__toggle {
display: none;
background: none;
border: none;
cursor: pointer;
font: inherit;
padding: 8px 0;
}
@media (max-width: 992px) {
.sgk-header__toggle {
display: block;
}
}
.sgk-header__overlay {
position: fixed;
inset: 0;
background: #000;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 24px;
z-index: 9999;
}
.sgk-header__overlay[hidden] {
display: none !important;
}
.sgk-header__overlay-top {
display: flex;
justify-content: space-between;
align-items: center;
}
.sgk-header__close {
background: none;
border: none;
font: inherit;
cursor: pointer;
}
.sgk-header__overlay-nav {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
}
.sgk-header__overlay-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 24px;
}
.sgk-header__overlay-list li a {
text-decoration: none;
font-size: 28px;
line-height: 1.3;
}
.sgk-header__overlay-bottom {
display: flex;
flex-direction: column;
gap: 12px;
font-size: 14px;
}
.sgk-header__addr {
max-width: 280px;
}
.sgk-header__socials {
display: flex;
gap: 16px;
}
.sgk-header__socials a {
text-decoration: none;
}
.sgk-header__phone {
text-decoration: none;
}
.is-menu-open {
overflow: hidden;
}
.sgk-footer {
clear: both;
padding: 100px 15px;
}
.sgk-footer__row--top {
margin-bottom: 60px;
}
.sgk-footer__row--top .sgk-footer__logo {
padding-bottom: 30px;
border-bottom: 2px solid #ff0000;
}
.sgk-footer__row--top .sgk-footer__logo .sgk-footer__brand {
text-transform: uppercase;
font-family: 'ArialWeb', Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 261px;
line-height: 0.99;
letter-spacing: -0.05em;
text-align: center;
color: #ff0000;
height: 150px;
overflow: hidden;
display: block;
}
.sgk-footer__row--bottom {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
font-weight: 400;
font-size: 38px;
letter-spacing: -0.01em;
}
.sgk-footer__row--bottom .sgk-footer__info .sgk-footer__address {
max-width: 490px;
}
.sgk-footer__row--bottom .sgk-footer__info .sgk-footer__address a:hover {
color: #ff0000;
}
.sgk-footer__row--bottom .sgk-footer__phone:hover {
color: #ff0000;
}
.sgk-footer__row--bottom .sgk-footer__social--link {
text-decoration: underline;
}
.sgk-footer__row--bottom .sgk-footer__social--link:hover {
color: #ff0000;
}
.sgk-footer .sgk-footer__pages {
margin-top: 35px;
width: 100%;
display: flex;
}
.sgk-footer .sgk-footer__pages li {
list-style: none;
flex: 0 0 41%;
}
.sgk-footer .sgk-footer__pages li a {
font-weight: 400;
font-size: 24px;
letter-spacing: -0.01em;
color: #868686;
}
.sgk-footer .sgk-footer__pages li a:hover {
color: #fff;
text-decoration: underline;
}
.sgk-hero {
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: auto;
padding-top: 180px;
margin-bottom: 200px;
}
.sgk-hero__grid {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 2;
}
.sgk-hero__grid .sgk-hero__content .sgk-hero__title {
font-weight: 400;
font-size: 103px;
line-height: 0.85;
letter-spacing: -0.02em;
color: #fff;
font-family: 'Inter Tight', Arial, Helvetica, sans-serif;
max-width: 730px;
margin-bottom: 170px;
}
.sgk-hero__grid .sgk-hero__content .sgk-hero__text {
font-weight: 400;
font-size: 20px;
letter-spacing: -0.01em;
color: #fff;
font-family: 'HelveticaWeb', Arial, Helvetica, sans-serif;
margin-left: 200px;
max-width: 295px;
margin-bottom: 20px;
}
.sgk-hero__actions {
display: flex;
flex-direction: column;
gap: 20px;
position: relative;
z-index: 1;
}
.sgk-hero__actions a.sgk-hero__actionsWrapper {
display: flex;
align-items: center;
}
.sgk-hero__actions a.sgk-hero__actionsWrapper span.sgk-btn-hero {
font-weight: 700;
font-size: 24px;
text-transform: uppercase;
color: #fff;
text-align: center;
padding: 28px;
width: 360px;
height: 85px;
background-color: #d50000;
border-radius: 50px;
transition: 0.3s;
}
.sgk-hero__actions a.sgk-hero__actionsWrapper span.sgk-btn-hero.sgk-btn-hero-light {
background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(153, 153, 153, 0.2) 100%);
}
.sgk-hero__actions a.sgk-hero__actionsWrapper span.sgk-btn-hero:hover {
background-color: #fff;
color: #000;
}
.sgk-hero__actions a.sgk-hero__actionsWrapper span.sgk-btn-hero:hover.sgk-btn-hero-light {
background: linear-gradient(90deg, rgba(213, 0, 0, 0.5) 0%, rgba(255, 0, 0, 0.5) 100%);
color: #fff;
}
.sgk-hero__actions a.sgk-hero__actionsWrapper svg {
width: 85px;
height: 85px;
}
.sgk-hero__brand {
text-transform: uppercase;
width: 100%;
font-weight: 700;
font-size: 261px;
line-height: 0.99;
letter-spacing: -0.05em;
text-align: center;
color: #fff;
font-family: 'ArialWeb', Arial, Helvetica, sans-serif;
position: relative;
z-index: 1;
}
.sgk-hero__brand span {
font-family: 'ArialWeb', Arial, Helvetica, sans-serif;
}
.sgk-hero__brand--img {
position: absolute;
z-index: 0;
top: -80%;
right: 0;
background-position: center;
background-repeat: no-repeat;
background-size: auto;
width: 430px;
height: 600px;
background-image: url(//art-records.com.ua/wp-content/themes/artrecords/img/texture_main_2.png);
}
.sgk-hero-texture {
position: absolute;
background-position: center;
background-repeat: no-repeat;
background-size: auto;
}
.sgk-hero-texture-left {
background-image: url(//art-records.com.ua/wp-content/themes/artrecords/img/texture_main_1.png);
top: 0;
left: -18%;
width: 630px;
height: 875px;
}
.sgk-why {
margin-bottom: 200px;
z-index: 2;
}
.sgk-why__title {
max-width: 820px;
}
.sgk-why__inner-row {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0 50px;
margin-bottom: 30px;
}
.sgk-why__inner-row:nth-child(1)::after {
content: '';
background-color: #fff;
width: 50px;
height: 1px;
display: block;
position: absolute;
bottom: -20px;
right: 50%;
transform: translate(-50%, 0);
transform: rotate(-45deg);
}
.sgk-why__inner .sgk-why__cards {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 30px;
}
.sgk-why__inner .sgk-why__cards .sgk-why__card {
position: relative;
background-image: url(//art-records.com.ua/wp-content/themes/artrecords/img/why_bg.png);
background-position: center top;
background-repeat: no-repeat;
background-size: auto;
background-color: #000;
border-radius: 30px;
width: 420px;
height: 535px;
padding: 40px 20px 20px;
border: 1px solid #fff;
}
.sgk-why__inner .sgk-why__cards .sgk-why__card:nth-child(1)::after {
content: '';
background-color: #fff;
width: 30px;
height: 1px;
display: block;
position: absolute;
top: 50%;
right: -30px;
transform: translate(0%, 50%);
}
.sgk-why__inner .sgk-why__cards .sgk-why__card .sgk-why__card-title {
height: 60px;
font-weight: 700;
font-size: 30px;
line-height: 1;
text-align: center;
color: #ff0000;
max-width: 300px;
margin: 0 auto 25px;
font-family: 'Inter Tight', Arial, Helvetica, sans-serif;
}
.sgk-why__inner .sgk-why__cards .sgk-why__card .sgk-why__card-text {
height: 60px;
font-weight: 400;
font-size: 20px;
line-height: 1;
text-align: center;
color: #868686;
max-width: 300px;
margin: 0 auto 40px;
}
.sgk-why__inner .sgk-why__cards .sgk-why__card .sgk-why__card-media {
border: 1px solid #fff;
border-radius: 16px;
width: 100%;
height: 290px;
object-fit: cover;
object-position: center;
}
.sgk-why__inner .sgk-why__panda {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 calc(50% - 30px);
}
.sgk-why__inner .sgk-why__panda img {
display: block;
margin: 0 auto;
}
.sgk-owner {
margin-bottom: 150px;
}
.sgk-owner-texture {
top: 50%;
transform: translate(0%, -50%);
}
.sgk-owner-texture-left {
background-image: url(//art-records.com.ua/wp-content/themes/artrecords/img/texture_1.png);
left: -18%;
width: 630px;
height: 875px;
}
.sgk-owner-texture-right {
background-image: url(//art-records.com.ua/wp-content/themes/artrecords/img/texture_2.png);
right: 0;
width: 525px;
height: 725px;
}
.sgk-owner__title {
text-align: center;
margin-bottom: 40px;
position: relative;
z-index: 1;
}
.sgk-owner__media {
position: relative;
z-index: 1;
}
.sgk-owner__media .sgk-owner__photo {
position: relative;
}
.sgk-owner__media .sgk-owner__photo img {
margin: 0 auto;
}
.sgk-owner__media .sgk-owner__photo .sgk-owner__note-text p {
font-weight: 400;
font-size: 22px;
color: #000;
}
.sgk-owner__media .sgk-owner__note {
position: absolute;
top: 20%;
left: 46%;
transform: rotate(5deg);
max-width: 400px;
width: 100%;
}
.sgk-owner__media .sgk-owner__note p {
font-family: 'HelveticaWeb', Arial, Helvetica, sans-serif;
}
.sgk-owner__media .sgk-owner__note img {
display: block;
}
.sgk-audience {
margin-bottom: 220px;
}
.sgk-audience__title {
margin-bottom: 90px;
}
.sgk-audience__slider-wrap .sgk-audience__slider .sgk-audience__slide .sgk-audience__card {
background-image: url(//art-records.com.ua/wp-content/themes/artrecords/img/for_texture_bg.png);
background-color: #fff;
background-position: center -150px;
background-repeat: no-repeat;
background-size: auto;
border-radius: 32px;
width: 420px;
height: 460px;
margin: 0 auto;
overflow: hidden;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 20px 50px;
gap: 15px;
}
.sgk-audience__slider-wrap .sgk-audience__slider .sgk-audience__slide .sgk-audience__card .sgk-audience__media img {
margin: 0 auto;
}
.sgk-audience__slider-wrap .sgk-audience__slider .sgk-audience__slide .sgk-audience__card .sgk-audience__text {
font-weight: 700;
font-size: 30px;
line-height: 1;
text-align: center;
color: #ff0000;
font-family: 'Inter Tight', Arial, Helvetica, sans-serif;
}
.sgk-audience__slider-wrap .sgk-audience__slider .sgk-audience__slide:nth-child(2n) .sgk-audience__card {
background-image: none;
background-color: #ff0000;
}
.sgk-audience__slider-wrap .sgk-audience__slider .sgk-audience__slide:nth-child(2n) .sgk-audience__card .sgk-audience__text {
color: #fff;
}
.sgk-audience__arrowWrapper {
display: none;
}
.sgk-audience__arrowWrapper .sgk-audience__arrow svg {
transition: 0.3s;
background-color: transparent;
border-radius: 50%;
}
.sgk-audience__arrowWrapper .sgk-audience__arrow:hover svg {
background-color: #fff;
}
.sgk-audience__arrowWrapper .sgk-audience__arrow:hover svg path {
fill: #000;
}
.sgk-info-wrapper {
background-position: center 42%;
background-repeat: no-repeat;
background-size: auto;
}
.sgk-services {
margin-bottom: 200px;
}
.sgk-services-texture {
top: 50%;
transform: translate(0%, -50%);
}
.sgk-services-texture-left {
background-image: url(//art-records.com.ua/wp-content/themes/artrecords/img/texture_3.png);
left: -18%;
width: 630px;
height: 875px;
}
.sgk-services__title {
max-width: 370px;
}
.sgk-services__list {
max-width: 1325px;
width: 100%;
margin-left: auto;
}
.sgk-services__list .sgk-services__item {
width: 100%;
}
.sgk-services__list .sgk-services__item .sgk-services__head {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 50px 0;
}
.sgk-services__list .sgk-services__item .sgk-services__head .sgk-services__name {
font-weight: 400;
font-size: 83px;
line-height: 0.85;
letter-spacing: -0.02em;
color: #868686;
font-family: 'Inter Tight', Arial, Helvetica, sans-serif;
margin-right: auto;
text-align: left;
transition: 0.3s;
}
.sgk-services__list .sgk-services__item .sgk-services__head .sgk-services__icon svg {
transition: 0.3s;
width: 72px;
height: 72px;
}
.sgk-services__list .sgk-services__item .sgk-services__body {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
overflow: hidden;
max-height: 0;
transition: max-height 0.35s ease, padding 0.35s ease;
}
.sgk-services__list .sgk-services__item .sgk-services__body .sgk-services__text {
font-weight: 400;
font-size: 28px;
letter-spacing: -0.01em;
color: #fff;
margin-bottom: 65px;
max-width: 700px;
}
.sgk-services__list .sgk-services__item .sgk-services__body .sgk-services__price {
opacity: 0;
visibility: hidden;
transform: translateY(-6px);
transition: 0.3s;
padding-right: 120px;
}
.sgk-services__list .sgk-services__item .sgk-services__body .sgk-services__actions {
display: flex;
align-items: center;
gap: 20px;
width: 100%;
margin-top: 20px;
}
.sgk-services__list .sgk-services__item .sgk-services__body .sgk-services__actions .sgk-services__btn {
display: flex;
align-items: center;
}
.sgk-services__list .sgk-services__item.active .sgk-services__head .sgk-services__name {
color: #fff;
}
.sgk-services__list .sgk-services__item.active .sgk-services__head .sgk-services__icon svg {
transform: rotate(90deg);
}
.sgk-services__list .sgk-services__item.active .sgk-services__body {
max-height: 500px;
padding-bottom: 50px;
}
.sgk-services__list .sgk-services__item.active .sgk-services__body .sgk-services__price {
opacity: 1;
visibility: visible;
transform: none;
font-weight: 400;
font-size: 28px;
letter-spacing: -0.01em;
color: #ff0000;
}
.sgk-examples {
margin-bottom: 170px;
}
.sgk-examples__title {
margin-bottom: 75px;
}
.sgk-examples__grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 50px 400px;
}
.sgk-examples__item {
flex: 0 0 310px;
}
.sgk-player__card {
background: #3f3f3f;
border-radius: 28px;
padding: 20px 20px 30px;
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.55);
display: flex;
flex-direction: column;
gap: 30px;
}
.sgk-player__cover {
border-radius: 16px;
overflow: hidden;
background: #111;
}
.sgk-player__cover img {
width: 100%;
height: auto;
display: block;
}
.sgk-player__progress {
display: grid;
grid-template-columns: 40px 1fr 48px;
align-items: center;
gap: 10px;
}
.sgk-player__time {
font-family: 'Inter Tight', Arial, Helvetica, sans-serif;
font-size: 12px;
color: #e1e1e1;
opacity: 0.9;
}
.sgk-player__seek {
-webkit-appearance: none;
appearance: none;
height: 4px;
border-radius: 999px;
background: #6a6a6a;
outline: none;
position: relative;
}
.sgk-player__seek::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 16px;
height: 16px;
border-radius: 50%;
background: #fff;
margin-top: 0px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}
.sgk-player__ctrls {
display: flex;
justify-content: center;
align-items: center;
gap: 22px;
margin-top: 2px;
}
.sgk-player__btn {
width: 48px;
height: 48px;
border: 0;
border-radius: 16px;
background: #4a4a4a;
color: #fff;
display: grid;
place-items: center;
cursor: pointer;
transition: transform 0.15s ease, background 0.15s ease;
}
.sgk-player__btn svg {
pointer-events: none;
}
.sgk-player__btn:hover {
background: #565656;
transform: translateY(-1px);
}
.sgk-player__btn--play {
width: 56px;
height: 56px;
border-radius: 18px;
}
.sgk-player__btn--play .sgk-icon-pause {
display: none;
}
.sgk-player__btn--play.is-playing .sgk-icon-play {
display: none;
}
.sgk-player__btn--play.is-playing .sgk-icon-pause {
display: block;
}
.sgk-player__volume {
display: grid;
grid-template-columns: 20px 1fr 20px;
align-items: center;
gap: 10px;
margin-top: 2px;
}
.sgk-player__vol {
-webkit-appearance: none;
appearance: none;
height: 4px;
border-radius: 999px;
background: #6a6a6a;
}
.sgk-player__vol::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 14px;
height: 14px;
border-radius: 50%;
background: #fff;
margin-top: 0px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}
.sgk-reviews {
margin-bottom: 250px;
}
.sgk-reviews--top {
margin-bottom: 75px;
display: flex;
align-items: center;
justify-content: space-between;
}
.sgk-reviews__arrowWrapper {
display: flex;
align-items: center;
gap: 30px;
}
.sgk-reviews__arrowWrapper .sgk-reviews__arrow svg {
transition: 0.3s;
background-color: transparent;
border-radius: 50%;
}
.sgk-reviews__arrowWrapper .sgk-reviews__arrow:hover svg {
background-color: #fff;
}
.sgk-reviews__arrowWrapper .sgk-reviews__arrow:hover svg path {
fill: #000;
}
.sgk-reviews__slider-wrap .sgk-reviews__slider .sgk-reviews__slide--img {
padding: 0 20px;
}
.sgk-reviews__slider-wrap .sgk-reviews__slider .sgk-reviews__slide--img .sgk-reviews__img {
margin: 0 auto;
}
.sgk-trust {
overflow: hidden;
padding: 0;
}
.sgk-trust-row {
display: flex;
flex-wrap: nowrap;
gap: 10px;
align-items: center;
justify-content: space-around;
margin-bottom: 150px;
}
.sgk-trust__title {
padding-top: 10px;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 45px;
}
.sgk-trustWrapper {
position: relative;
}
.sgk-trustWrapper .sgk-trust__item {
position: relative;
max-width: 260px;
width: 100%;
}
.sgk-trustWrapper .sgk-trust__item::after {
content: url(//art-records.com.ua/wp-content/themes/artrecords/img/pin.png);
width: 50px;
height: 60px;
display: inline-block;
position: absolute;
top: -15px;
right: 50px;
z-index: 1;
transform: rotate(-25deg);
}
.sgk-trustWrapper .sgk-trust__item img {
width: 100%;
display: block;
}
.sgk-trustWrapper .sgk-trust__item--1 {
transform: rotate(22deg);
top: 30px;
}
.sgk-trustWrapper .sgk-trust__item--2 {
transform: rotate(-14deg);
top: 150px;
}
.sgk-trustWrapper .sgk-trust__item--3 {
transform: rotate(16deg);
top: 30px;
}
.sgk-trustWrapper .sgk-trust__item--4 {
transform: rotate(-7deg);
top: 150px;
}
.sgk-trustWrapper .sgk-trust__item--5 {
transform: rotate(10deg);
top: 0;
left: 0;
}
.sgk-trustWrapper .sgk-trust__item--6 {
transform: rotate(16deg);
top: 0;
left: 0;
}
.sgk-trustWrapper .sgk-trust__item--7 {
transform: rotate(-7deg);
top: 0;
left: 0;
}
.sgk-trustWrapper .sgk-trust__item--8 {
transform: rotate(16deg);
top: 0;
left: 0;
}
@media (max-width: 992px) {
.sgk-trustWrapper {
height: auto;
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.sgk-trustWrapper .sgk-trust__item {
position: static;
transform: none;
width: 45%;
}
}
.sgk-faq {
margin-bottom: 80px;
}
.sgk-faq__title {
max-width: 450px;
}
.sgk-faq__list {
max-width: 1325px;
width: 100%;
margin-left: auto;
}
.sgk-faq__list .sgk-faq__item {
width: 100%;
}
.sgk-faq__list .sgk-faq__item .sgk-faq__head {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 50px 0;
}
.sgk-faq__list .sgk-faq__item .sgk-faq__head .sgk-faq__num {
width: 190px;
font-weight: 400;
font-size: 24px;
line-height: 0.85;
letter-spacing: -0.02em;
color: #868686;
font-family: 'Inter Tight', Arial, Helvetica, sans-serif;
transition: 0.3s;
text-align: left;
}
.sgk-faq__list .sgk-faq__item .sgk-faq__head .sgk-faq__q {
font-weight: 400;
font-size: 48px;
line-height: 0.85;
letter-spacing: -0.02em;
color: #fff;
font-family: 'Inter Tight', Arial, Helvetica, sans-serif;
transition: 0.3s;
margin-right: auto;
text-align: left;
}
.sgk-faq__list .sgk-faq__item .sgk-faq__head .sgk-faq__icon {
flex-shrink: 0;
}
.sgk-faq__list .sgk-faq__item .sgk-faq__head .sgk-faq__icon svg {
transition: 0.3s;
width: 64px;
height: 64px;
}
.sgk-faq__list .sgk-faq__item .sgk-faq__head:hover .sgk-faq__num,
.sgk-faq__list .sgk-faq__item .sgk-faq__head:hover .sgk-faq__q {
color: #ff0000;
}
.sgk-faq__list .sgk-faq__item .sgk-faq__body {
padding-left: 190px;
max-width: 900px;
overflow: hidden;
max-height: 0;
transition: 0.3s;
}
.sgk-faq__list .sgk-faq__item .sgk-faq__body p {
font-weight: 400;
font-size: 26px;
letter-spacing: -0.01em;
color: #fff;
}
.sgk-faq__list .sgk-faq__item.active .sgk-faq__head .sgk-faq__icon svg {
transform: rotate(90deg);
}
.sgk-faq__list .sgk-faq__item.active .sgk-faq__body {
max-height: 300px;
padding-bottom: 50px;
}
#cookie-notice {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba(84, 84, 84, 0.9);
color: #fff;
z-index: 1000;
padding-top: 10px;
padding-bottom: 10px;
}
.sgk-cookie div {
display: flex;
align-items: center;
justify-content: space-between;
padding: 7px;
}
.sgk-cookie p,
.sgk-cookie a {
color: #fff;
font-weight: 300;
margin: 0;
font-size: 15px;
}
.sgk-cookie a {
text-decoration: underline;
}
.sgk-cookie a:hover {
color: #ff0000;
}
#cookie-notice button {
margin: 0 20px;
padding: 15px 40px;
font-size: 15px;
}
.sgk-bd {
position: relative;
border-top: none;
}
.sgk-bd:last-child {
border-bottom: none;
}
.sgk-bd::before,
.sgk-bd::after {
content: '';
position: absolute;
left: 0;
right: 0;
height: var(--sgk-bd-h, 2px);
background: var(--sgk-bd-color, #fff);
transform-origin: left;
transform: scaleX(0);
transition: transform var(--sgk-bd-dur, 0.6s) ease;
will-change: transform;
pointer-events: none;
}
.sgk-bd::before {
top: 0;
}
.sgk-bd:last-child::after {
bottom: 0;
}
.sgk-bd.sgk-bd_on::before,
.sgk-bd.sgk-bd_on:last-child::after {
transform: scaleX(1);
}
.sgk-general.sgk-general-services .sgk-catalog__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 24px;
}
.sgk-general.sgk-general-services .sgk-catalog__card {
border: 1px solid #e6e6e6;
border-radius: 16px;
padding: 20px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.sgk-general.sgk-general-services .sgk-catalog__card:hover {
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.07);
}
.sgk-general.sgk-general-services .sgk-catalog__title {
line-height: 1.2;
margin: 0 0 0.5rem;
}
.sgk-general.sgk-general-services .sgk-catalog__thumb img {
width: 100%;
height: auto;
display: block;
border-radius: 12px;
margin: 0.5rem 0;
}
.sgk-general.sgk-general-services .sgk-catalog__desc {
color: #555;
line-height: 1.6;
}
.sgk-general.sgk-general-services a.sgk-catalog__link {
color: inherit;
text-decoration: none;
display: block;
height: 100%;
}
.sgk-general.sgk-general-services a.sgk-catalog__link:hover h2 {
text-decoration: underline;
color: #ff0000;
}
.sgk-general.sgk-general-services a.sgk-catalog__link:hover p {
text-decoration: none;
}
.sgk-general.sgk-general-services .sgk-catalog__card:hover a.sgk-catalog__link p {
text-decoration: none;
}
.sgk-general.sgk-general-services .sgk-catalog__empty {
opacity: 0.7;
padding: 24px;
text-align: center;
}
.sgk-general .sgk-page-description {
max-width: 900px;
margin: 50px auto 0;
}
.sgk-logo-title {
display: inline-block;
perspective: 600px;
}
.sgk-logo-title .sgk-char {
display: inline-block;
transform: scaleY(0) rotateX(15deg);
transform-origin: 50% 50%;
opacity: 0;
transition: transform 1.2s cubic-bezier(0.17, 0.84, 0.44, 1), opacity 1.2s, filter 1.2s;
transition-delay: calc(var(--sgk-i) * 0.15s);
backface-visibility: hidden;
will-change: transform, opacity;
}
.sgk-logo-title.sgk-inview .sgk-char {
transform: scaleY(1) rotateX(0);
opacity: 1;
filter: blur(0);
}
@media (max-width: 1800px) {
.sgk-footer .sgk-footer__pages {
justify-content: space-between;
}
.sgk-footer .sgk-footer__pages li {
flex: unset;
}
.sgk-hero__brand span {
font-size: 190px;
white-space: nowrap;
letter-spacing: normal;
}
.sgk-footer__row--top .sgk-footer__logo .sgk-footer__brand {
font-size: 205px;
white-space: nowrap;
height: 115px;
}
.sgk-why {
margin-bottom: 80px;
}
.sgk-why__inner-row {
justify-content: center;
}
.sgk-why__inner-row:nth-child(1)::after {
content: none;
}
.sgk-audience__slider-wrap .sgk-audience__slider .sgk-audience__slide .sgk-audience__card {
width: auto;
max-width: 420px;
margin: 0 10px;
padding: 20px;
}
.sgk-why__title {
font-size: 110px;
}
.sgk-why__inner .sgk-why__cards .sgk-why__card {
width: 100%;
max-width: 400px;
}
.sgk-why__inner-row {
justify-content: normal;
}
.sgk-why__inner {
max-width: 1400px;
margin: 0 auto;
}
.sgk-why__inner .sgk-why__panda {
flex: 0 0 calc(100%);
}
.sgk-audience__slider-wrap .sgk-audience__slider .sgk-audience__slide .sgk-audience__card {
height: 380px;
}
.sgk-faq__list,
.sgk-services__list {
width: 70%;
}
.sgk-trustWrapper .sgk-trust__item img {
width: 80%;
}
.sgk-hero__grid .sgk-hero__content .sgk-hero__title {
margin-bottom: 200px;
}
}
@media (max-width: 1400px) {
.sgk-why__inner-row {
justify-content: center;
}
}
@media (max-width: 1390px) {
.sgk-hero__brand span {
font-size: 180px;
}
.sgk-footer__row--top .sgk-footer__logo .sgk-footer__brand {
font-size: 195px;
}
}
@media (max-width: 1200px) {
.sgk-hero__brand span {
font-size: 132px;
}
.sgk-hero__grid {
justify-content: center;
}
.sgk-hero__grid .sgk-hero__content,
.sgk-hero__grid .sgk-hero__title {
width: 100%;
}
.sgk-hero__grid .sgk-hero__content .sgk-hero__text {
margin: 0 auto 25px;
text-align: center;
}
.sgk-header__menu {
gap: 20px;
}
.sgk-hero__actions a.sgk-hero__actionsWrapper {
position: relative;
background: #ff0000;
border-radius: 50px;
transition: 0.3s;
}
.sgk-hero__actions a.sgk-hero__actionsWrapper span.sgk-btn-hero {
transition: 0.3s;
background: transparent;
}
.sgk-hero__actions a.sgk-hero__actionsWrapper svg {
position: absolute;
top: 50%;
transition: 0.3s;
transform: translate(0, -50%);
right: 30px;
width: 65px;
height: 65px;
}
.sgk-hero__actions a.sgk-hero__actionsWrapper svg circle {
fill: transparent;
}
.sgk-hero__actions a.sgk-hero__actionsWrapper svg path {
fill: #fff;
}
.sgk-hero__actions a.sgk-hero__actionsWrapper:hover {
background: #fff;
}
.sgk-hero__actions a.sgk-hero__actionsWrapper:hover span.sgk-btn-hero {
color: #000;
}
.sgk-hero__actions a.sgk-hero__actionsWrapper:hover svg path {
fill: #000;
}
.sgk-hero__actions a.sgk-hero__actionsWrapper.sgk-hero__actionsWrapper--light {
background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(153, 153, 153, 0.2) 100%);
}
.sgk-hero__actions a.sgk-hero__actionsWrapper.sgk-hero__actionsWrapper--light span.sgk-btn-hero.sgk-btn-hero-light {
background: unset;
color: unset;
}
.sgk-hero__actions a.sgk-hero__actionsWrapper.sgk-hero__actionsWrapper--light:hover {
background: linear-gradient(90deg, rgba(213, 0, 0, 0.5) 0%, rgba(255, 0, 0, 0.5) 100%);
}
.sgk-hero__actions a.sgk-hero__actionsWrapper.sgk-hero__actionsWrapper--light:hover span.sgk-btn-hero.sgk-btn-hero-light {
color: #fff;
}
.sgk-hero__actions a.sgk-hero__actionsWrapper.sgk-hero__actionsWrapper--light:hover svg path {
fill: #fff;
}
}
@media (min-width: 992px) {
.sgk-mobile {
display: none !important;
}
}
@media (max-width: 992px) {
.sgk-trustWrapper .sgk-trust__item img {
width: 100%;
}
.sgk-faq__list,
.sgk-services__list {
width: 100%;
}
.sgk-desktop {
display: none !important;
}
.sgk-general {
padding-top: 120px;
}
.sgk-footer__row--bottom {
margin-bottom: -15px;
}
.sgk-hero__actions {
gap: 12px;
}
.sgk-faq__list .sgk-faq__item .sgk-faq__head:hover .sgk-faq__num {
color: #868686;
}
.sgk-faq__list .sgk-faq__item .sgk-faq__head:hover .sgk-faq__q {
color: #fff;
}
.sgk-faq__list .sgk-faq__item.active .sgk-faq__head .sgk-faq__num,
.sgk-faq__list .sgk-faq__item.active .sgk-faq__head .sgk-faq__q {
color: #ff0000;
}
.sgk-footer .sgk-footer__pages {
margin-top: 0;
justify-content: space-between;
}
.sgk-footer .sgk-footer__pages li a {
font-size: 8px;
text-decoration: underline;
}
.sgk-header {
margin-bottom: -110px;
}
.sgk-header .sgk-header__logo img {
height: 90px;
}
.sgk-hero {
padding-top: 100px;
background-size: cover;
min-height: 700px;
}
.sgk-hero .sgk-hero-texture {
display: none;
}
.sgk-hero .sgk-hero__grid .sgk-hero__content .sgk-hero__title {
max-width: 320px;
font-size: 46px;
margin-bottom: 250px;
}
.sgk-hero__brand {
font-size: unset;
}
.sgk-hero__brand span {
font-size: 90px;
}
.sgk-trustWrapper-mobile {
margin-bottom: 80px;
}
.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 {
font-size: 14px;
padding: 15px 30px;
}
.sgk-trust__item-mobileWrapper {
display: flex;
align-items: center;
justify-content: center;
position: relative;
max-width: 260px;
margin: 0 auto;
width: 100%;
padding: 20px 0;
}
.sgk-trust__item-mobileWrapper::after {
content: url(//art-records.com.ua/wp-content/themes/artrecords/img/pin.png);
width: 50px;
height: 60px;
display: inline-block;
position: absolute;
top: 5px;
right: 50px;
z-index: 1;
transform: rotate(6deg);
}
.sgk-trust__item-mobileWrapper img {
transform: rotate(6deg);
}
.sgk-title {
max-width: 100%;
font-size: 58px;
text-align: center;
margin-bottom: 40px;
}
.sgk-faq {
margin-bottom: 20px;
}
.sgk-faq__list .sgk-faq__item .sgk-faq__body,
.sgk-services__list .sgk-services__item .sgk-services__body .sgk-services__text {
padding-left: 0;
max-width: 350px;
font-size: 12px;
}
.sgk-faq__list .sgk-faq__item .sgk-faq__body p,
.sgk-services__list .sgk-services__item .sgk-services__body .sgk-services__text p {
font-size: 12px;
}
.sgk-services__actions {
flex-direction: column;
justify-content: center;
}
.sgk-services__actions .sgk-services__btn {
position: relative;
background-color: #ff0000;
transition: 0.3s;
border-radius: 50px;
max-width: 330px;
width: 100%;
}
.sgk-services__actions .sgk-services__btn span {
background-color: transparent;
}
.sgk-services__actions .sgk-services__btn svg {
position: absolute;
right: 10px;
width: 50px;
height: 50px;
}
.sgk-services__actions .sgk-services__btn svg circle {
fill: transparent;
}
.sgk-services__actions .sgk-services__btn svg path {
fill: #fff;
}
.sgk-services__actions .sgk-services__btn:hover {
background-color: #fff;
}
.sgk-services__actions .sgk-services__btn:hover span {
color: #000;
}
.sgk-services__actions .sgk-services__btn:hover svg path {
fill: #000;
}
.sgk-services__list .sgk-services__item.active .sgk-services__body .sgk-services__price {
font-size: 12px;
padding-right: 20px;
}
.sgk-faq__list .sgk-faq__item.active .sgk-faq__body {
padding-bottom: 20px;
padding-left: 40px;
}
.sgk-faq__list .sgk-faq__item .sgk-faq__head,
.sgk-services__list .sgk-services__item .sgk-services__head {
padding: 20px 0;
}
.sgk-faq__list .sgk-faq__item .sgk-faq__head .sgk-faq__num {
font-size: 8px;
width: 30px;
margin-right: 10px;
flex: 0 0 30px;
}
.sgk-faq__list .sgk-faq__item .sgk-faq__head .sgk-faq__q {
font-size: 18px;
max-width: 250px;
}
.sgk-services__list .sgk-services__item .sgk-services__head .sgk-services__name {
font-size: 20px;
}
.slick-initialized + .sgk-audience__arrowWrapper {
display: flex;
}
.sgk-services__list .sgk-services__item .sgk-services__body .sgk-services__text {
margin-bottom: 10px;
}
.sgk-footer {
padding: 30px 15px;
}
.sgk-footer__row--bottom {
display: grid;
grid-template-columns: 1fr auto;
column-gap: 40px;
row-gap: 8px;
align-items: start;
}
.sgk-footer__info {
grid-column: 1;
font-size: 12px;
}
.sgk-footer__phone {
grid-column: 1;
font-size: 12px;
}
.sgk-footer__social--link {
font-size: 12px;
grid-column: 2;
justify-self: end;
position: relative;
top: -20px;
}
.sgk-reviews,
.sgk-audience {
margin-bottom: 80px;
}
.sgk-reviews__slider-wrap,
.sgk-audience__slider-wrap {
margin-bottom: 20px;
}
.sgk-reviews__slider,
.sgk-audience__slider {
margin-bottom: 20px;
}
.sgk-reviews--top {
flex-direction: column;
margin: 0;
}
.sgk-reviews__arrowWrapper.sgk-mobile,
.sgk-audience__arrowWrapper {
justify-content: center;
gap: 15px;
}
.sgk-reviews__arrowWrapper.sgk-mobile svg,
.sgk-audience__arrowWrapper svg {
width: 40px;
height: 40px;
}
.sgk-services,
.sgk-examples {
margin-bottom: 80px;
}
.sgk-info-wrapper {
background-size: contain;
}
.sgk-services__list .sgk-services__item .sgk-services__head .sgk-services__icon svg,
.sgk-faq__list .sgk-faq__item .sgk-faq__head .sgk-faq__icon svg {
width: 28px;
height: 28px;
}
.sgk-services__list .sgk-services__item .sgk-services__body .sgk-services__text {
max-width: 210px;
}
.sgk-services__list .sgk-services__item.active .sgk-services__body {
padding-bottom: 20px;
}
.sgk-services-texture-left {
display: none;
}
.sgk-audience__slider-wrap .sgk-audience__slider .sgk-audience__slide .sgk-audience__card {
min-height: 330px;
height: auto;
margin: 0 auto;
}
.sgk-audience__slider-wrap .sgk-audience__slider .sgk-audience__slide .sgk-audience__card .sgk-audience__text {
max-width: 250px;
margin: 0 auto;
font-size: 20px;
}
.sgk-audience__slider-wrap .sgk-audience__slider .sgk-audience__slide .sgk-audience__card {
width: 95%;
max-width: 330px;
}
.sgk-audience__slider-wrap .sgk-audience__slider .sgk-audience__slide .sgk-audience__card {
background-position: center -200px;
}
.sgk-owner-texture-left,
.sgk-owner-texture-right {
display: none;
}
.sgk-owner__media .sgk-owner__note {
left: 43%;
}
.sgk-why__inner .sgk-why__cards {
justify-content: center;
}
.sgk-why__inner .sgk-why__cards .sgk-why__card:nth-child(1)::after {
content: none;
}
.sgk-why__inner .sgk-why__cards .sgk-why__card .sgk-why__card-title,
.sgk-why__inner .sgk-why__cards .sgk-why__card .sgk-why__card-text {
height: auto;
}
.sgk-why__inner-row:last-child {
margin-bottom: 0;
}
.sgk-hero__actions a.sgk-hero__actionsWrapper span.sgk-btn-hero {
font-size: 18px;
padding: 20px;
max-width: 330px;
height: auto;
flex: 0 0 330px;
}
.sgk-header__overlay {
padding: 10px 15px;
}
.sgk-header__overlay-top {
font-size: 20px;
}
.sgk-header__overlay-bottom {
flex-direction: row;
gap: 20px;
font-size: 14px;
margin-bottom: 20px;
}
.sgk-header__contacts,
.sgk-header__socials {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.sgk-header__socials {
justify-content: end;
}
.sgk-header__socials a {
text-decoration: underline;
}
.sgk-header__overlay {
position: fixed;
inset: 0;
transform: translateX(100%);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: transform 0.35s ease, opacity 0.35s ease, visibility 0s 0.35s;
}
.is-menu-open .sgk-header__overlay {
transform: translateX(0);
opacity: 1;
visibility: visible;
pointer-events: auto;
transition: transform 0.35s ease, opacity 0.35s ease;
}
.sgk-trust {
padding-left: 15px;
padding-right: 15px;
}
.sgk-service-page-price-actions .sgk-services__actions {
flex-direction: column;
align-items: center;
}
}
@media (max-width: 768px) {
.sgk-services__actions .sgk-services__btn {
max-width: 100%;
}
.sgk-hero__grid .sgk-hero__content .sgk-hero__text {
max-width: 260px;
font-size: 14px;
}
.sgk-general .sgk-title {
font-size: 60px;
}
.sgk-general p,
.sgk-general a,
.sgk-general b,
.sgk-general strong,
.sgk-general em,
.sgk-general i,
.sgk-general li {
font-size: 16px;
}
.sgk-general h2 {
font-size: 32px;
}
.sgk-general h3 {
font-size: 28px;
}
.sgk-general h4 {
font-size: 22px;
}
.sgk-owner__media .sgk-owner__note {
left: 40%;
}
.sgk-header__overlay-top {
font-size: 16px;
}
.sgk-hero {
margin-bottom: 60px;
background-image: url(//art-records.com.ua/wp-content/themes/artrecords/img/main_bg_mobile.png) !important;
}
.sgk-hero__brand {
display: none;
}
.sgk-footer__row--top .sgk-footer__logo .sgk-footer__brand {
font-size: 60px;
height: 70px;
}
.sgk-trust__title {
max-width: 215px;
margin: 0 auto 40px;
}
.sgk-owner__media .sgk-owner__photo {
max-width: 410px;
margin: 0 auto;
}
.sgk-owner__media .sgk-owner__photo .sgk-owner__note {
max-width: 200px;
}
.sgk-owner__media .sgk-owner__photo .sgk-owner__note-text p {
font-size: 11px;
}
.sgk-why__inner .sgk-why__cards .sgk-why__card .sgk-why__card-title {
font-size: 20px;
margin-bottom: 20px;
}
.sgk-why__inner .sgk-why__cards .sgk-why__card .sgk-why__card-text {
font-size: 15px;
margin-bottom: 30px;
}
.sgk-why__inner .sgk-why__cards .sgk-why__card {
max-width: 420px;
width: 100%;
height: auto;
}
.sgk-why__inner .sgk-why__cards .sgk-why__card .sgk-why__card-media {
height: 225px;
}
}
@media (max-width: 575px) {
.sgk-header__overlay-nav {
justify-content: start;
}
.sgk-footer__row--top .sgk-footer__logo .sgk-footer__brand {
font-size: 48px;
height: 27px;
}
.sgk-why__inner .sgk-why__cards .sgk-why__card {
max-width: 320px;
}
.sgk-footer__row--top {
margin-bottom: 30px;
}
.sgk-footer__row--top .sgk-footer__logo {
padding-bottom: 10px;
}
.sgk-service-page-price-actions .sgk-services__actions a span {
font-size: 18px;
}
}
@media (max-width: 375px) {
.sgk-owner__media .sgk-owner__photo .sgk-owner__note {
max-width: 160px;
}
.sgk-owner__media .sgk-owner__photo .sgk-owner__note-text p {
font-size: 9px;
}
}
@media (max-width: 350px) {
.sgk-footer__row--top .sgk-footer__logo .sgk-footer__brand {
font-size: 42px;
height: 24px;
}
.sgk-hero__actions a.sgk-hero__actionsWrapper span.sgk-btn-hero {
max-width: 300px;
flex: 0 0 300px;
}
}