@font-face {
font-family: 'Tilda Sans Extra';
src: url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-ExtraBold.eot);
src: local('Tilda Sans Extra Bold'), local('TildaSans-ExtraBold'),
url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-ExtraBold.eot?#iefix) format('embedded-opentype'),
url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-ExtraBold.woff2) format('woff2'),
url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-ExtraBold.woff) format('woff'),
url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-ExtraBold.ttf) format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tilda Sans VF';
src: url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSansVF.eot);
src: local('Tilda Sans VF'), local('TildaSansVF'),
url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSansVF.eot?#iefix) format('embedded-opentype'),
url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSansVF.woff2) format('woff2'),
url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSansVF.woff) format('woff'),
url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSansVF.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tilda Sans';
src: url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-Medium.eot);
src: local('Tilda Sans Medium'), local('TildaSans-Medium'),
url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-Medium.eot?#iefix) format('embedded-opentype'),
url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-Medium.woff2) format('woff2'),
url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-Medium.woff) format('woff'),
url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tilda Sans';
src: url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-Bold.eot);
src: local('Tilda Sans Bold'), local('TildaSans-Bold'),
url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-Bold.eot?#iefix) format('embedded-opentype'),
url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-Bold.woff2) format('woff2'),
url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-Bold.woff) format('woff'),
url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-Bold.ttf) format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tilda Sans';
src: url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-Light.eot);
src: local('Tilda Sans Light'), local('TildaSans-Light'),
url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-Light.eot?#iefix) format('embedded-opentype'),
url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-Light.woff2) format('woff2'),
url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-Light.woff) format('woff'),
url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-Light.ttf) format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tilda Sans';
src: url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-Black.eot);
src: local('Tilda Sans Black'), local('TildaSans-Black'),
url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-Black.eot?#iefix) format('embedded-opentype'),
url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-Black.woff2) format('woff2'),
url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-Black.woff) format('woff'),
url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-Black.ttf) format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tilda Sans';
src: url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-Regular.eot);
src: local('Tilda Sans'), local('TildaSans-Regular'),
url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-Regular.eot?#iefix) format('embedded-opentype'),
url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-Regular.woff2) format('woff2'),
url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-Regular.woff) format('woff'),
url(//pianoduocompetition.ru/wp-content/themes/family-music/fonts/TildaSans/TildaSans-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
.body-wrapper {
max-width: 100%;
}
html,
body {
padding: 0 !important;
margin: 0 !important;
}
.main-wrapper {
padding: 68px 200px 0 200px;
position: relative;
}
.main {
max-width: 100%;
width: 100%;
}
.family-music {
width: 100%;
}
.family-music__section {
z-index: 1;
}
.family-music__section-bg-1 {
position: absolute;
top: 0;
right: 0;
width: 205px;
height: 545px;
background-image: url(//pianoduocompetition.ru/wp-content/themes/family-music/images/fam-music/fam-bor-1.png);
background-repeat: no-repeat;
background-size: auto 100%;
background-size: cover;
background-position: center;
z-index: 0;
top: -100px;
}
.page .family-music__section_project .family-music__section-bg-1 {
top: 100px;
}
.fam-section__image {
max-width: 100%;
}
.family-music__section-bg-2 {
position: absolute;
top: 0;
left: -210px;
transform: translateX(0);
width: 219px;
height: 524px;
background-image: url(//pianoduocompetition.ru/wp-content/themes/family-music/images/fam-music/fam-bor-2.png);
background-repeat: no-repeat;
background-size: auto 100%;
background-size: cover;
background-position: center;
top: -100px;
z-index: 0;
}
.family-music__banner {
margin-top: 85px;
}
.family-music__wrapper {
position: relative;
z-index: 1;
max-width: calc(1085px + 78px);
width: 100%;
margin: 0 auto;
}
.fam-top {
width: 100%;
position: relative;
background-image: url(//pianoduocompetition.ru/wp-content/themes/family-music/images/fam-music/fam-top.png);
background-repeat: no-repeat;
background-size: auto 100%;
background-size: cover;
background-position: center;
}
.fam-top_page .fam-top__wrapper {
padding: 60px 0 90px;
}
.fam-top_page .fam-top__logo {
width: 230px;
height: 208px;
}
.fam-top__wrapper {
width: calc(100% - 120px);
margin: 0 auto;
padding: 60px 0 90px;
}
.fam-top__logo {
display: block;
width: 422px;
height: 382px;
background-image: url(//pianoduocompetition.ru/wp-content/themes/family-music/images/fam-music/logo.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-size: contain;
background-position: center;
margin: 0 auto;
}
.fam-top__nav {
top: 48px;
right: 60px;
position: absolute;
display: flex;
align-items: flex-end;
flex-flow: column;
z-index: 2;
}
.fam-top__link {
padding: 13px 16px;
box-sizing: border-box;
border: 2px solid rgb(28, 27, 26);
border-radius: 10px;
margin-bottom: 19px;
transition: all 0.3s;
}
.fam-top__link:hover {
opacity: 0.6;
}
.fam-top__link-span {
color: rgb(28, 27, 26);
font-family: "Tilda Sans";
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-align: left;
}
.fam-top__bg {
filter: blur(80px);
background: rgb(3, 18, 29);
opacity: 0.3;
position: absolute;
width: calc(100% - 200px);
height: 40%;
bottom: 40px;
z-index: -1;
left: 50%;
transform: translateX(-50%);
}
.fam-section {
margin-left: 78px;
}
.family-music__section_project {
margin-top: 115px;
}
.family-music__section_nominations {
margin-top: 82px;
}
.family-music__section_jury {
padding-top: 105px;
position: relative;
}
.fam-section__title {
margin-bottom: 40px;
}
.fam-section__title-icon {
position: absolute;
top: 42px;
left: 0;
width: 48px;
height: 59px;
background-image: url(//pianoduocompetition.ru/wp-content/themes/family-music/images/fam-music/fam-piano.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-size: cover;
background-position: left top;
}
.fam-section__title-text {
color: rgb(28, 27, 26);
font-family: "Playfair Display";
margin: 0;
font-size: 48px;
font-weight: 400;
line-height: 150%;
text-align: left;
}
.fam-section__body {
color: rgb(28, 27, 26);
font-family: "Tilda Sans";
font-size: 20px;
font-weight: 400;
line-height: 150%;
text-align: left;
}
.fam-section__body p {
line-height: 150%;
}
.fam-section__body p {
margin-bottom: 20px;
}
.fam-section__body p:last-child {
margin-bottom: 0;
}
.fam-nominations {
display: flex;
gap: 60px;
flex-wrap: wrap;
margin-top: 115px;
}
.fam-nominations__item {
padding: 0;
flex: 1 0 26%;
display: flex;
align-items: flex-end;
justify-content: center;
position: relative;
}
.fam-nominations__item::before {
content: "";
display: block;
width: 100%;
height: auto;
padding: 140% 0 0;
}
.fam-nominations__item:nth-child(2) {
transform: translateY(-120px);
}
.fam-nominations__item-wrapper {
height: auto;
padding: 0 25px 25px 25px;
width: 100%;
bottom: 0;
position: absolute;
display: flex;
flex-flow: column;
justify-content: space-between;
z-index: 1;
}
.fam-nominations__bg {
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
}
.fam-nominations__icon {
position: absolute;
top: 35px;
left: calc(50% + 6px);
transform: translateX(-50%) rotate(-45deg) scale(-1, 1);
width: 109px;
height: 128px;
background-image: url(//pianoduocompetition.ru/wp-content/themes/family-music/images/fam-music/fam-piano.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-size: contain;
background-position: left top;
}
.fam-nominations__title {
color: rgb(28, 27, 26);
font-family: "Tilda Sans";
font-size: 19px;
font-weight: 800;
line-height: 150%;
margin-bottom: 24px;
text-align: center;
}
.fam-nominations__text {
color: rgb(28, 27, 26);
font-family: "Tilda Sans";
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-align: center;
}
.fam-jury {
margin-top: 70px;
}
.fam-jury__top {
margin-bottom: 65px;
}
.fam-jury__top-item {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.fam-jury__item {
flex: 1 0 21%;
min-width: 221px;
max-width: calc(25% - 30px);
}
.fam-jury__item:nth-child(2n) {
margin-top: 0;
}
.fam-jury__top-block-image {
margin-right: 70px;
position: relative;
}
.fam-jury__block-image {
position: relative;
margin-bottom: 30px;
}
.fam-jury__image {
width: 221px;
border-radius: 100%;
position: relative;
z-index: 1;
}
.fam-jury__image::before {
border-radius: 100%;
}
.fam-jury__image-bg-1 {
position: absolute;
border-radius: 100%;
z-index: 0;
width: 234px;
height: 234px;
box-sizing: border-box;
border: 1px solid rgb(255, 183, 1);
opacity: 0.8;
top: -12px;
left: 0;
}
.fam-jury__image-bg-2 {
position: absolute;
border-radius: 100%;
z-index: 0;
width: 234px;
height: 234px;
box-sizing: border-box;
border: 1px solid rgb(255, 183, 1);
opacity: 0.8;
top: 12px;
left: 9px;
}
.fam-jury__top-right {
width: calc(100% - 291px);
max-width: 664px;
}
.fam-jury__top-status {
color: rgb(28, 27, 26);
font-family: "Tilda Sans";
position: relative;
display: inline-block;
font-size: 20px;
font-weight: 400;
line-height: 150%;
text-align: left;
margin-bottom: 15px;
}
.fam-jury__top-status::before {
content: "";
position: absolute;
transform: translateY(-50%);
top: 55%;
left: 100%;
margin-left: 30px;
width: 134px;
height: 1px;
background: rgb(28, 27, 26);
}
.fam-jury__title {
color: rgb(28, 27, 26);
font-family: "Tilda Sans";
font-size: 20px;
font-weight: 800;
line-height: 150%;
margin: 0 0 15px 0;
text-align: left;
}
.fam-jury__text {
color: rgb(28, 27, 26);
font-family: "Tilda Sans";
font-size: 16px;
font-weight: 400;
margin-bottom: 25px;
line-height: 150%;
text-align: left;
opacity: 0.6;
}
.fam-jury__button {
display: inline-flex;
align-items: center;
justify-self: center;
margin: 10px 0 50px 0;
padding: 15px 35px;
box-sizing: border-box;
border: 2px solid rgb(28, 27, 26);
border-radius: 10px;
transition: all 0.3s;
}
.fam-jury__button:hover {
opacity: 0.6;
}
.fam-jury__button-text {
color: rgb(28, 27, 26);
font-family: Tilda Sans;
font-size: 20px;
font-weight: 600;
}
.fam-jury__button-icon {
width: 24px;
min-width: 24px;
height: 24px;
margin-left: 10px;
margin-top: -1px;
background-image: url(//pianoduocompetition.ru/wp-content/themes/family-music/images/fam-music/button-icon.svg);
background-repeat: no-repeat;
background-size: 14px;
background-position: center;
display: inline-block;
}
.fam-jury__middle {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: flex-start;
gap: 40px;
}
.fam-jury__middle-item {
flex: 1 0 34%;
max-width: calc(50% - 20px);
padding: 35px 35px 45px 25px;
border-radius: 30px;
border: 1px solid #ffb701;
position: relative;
margin-bottom: 75px;
transition: all 0.3s;
}
.fam-jury__middle-item > * {
position: relative;
z-index: 1;
}
.fam-jury__middle-item::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
border-radius: 30px;
top: -5px;
left: -15px;
border: 1px solid #ffb701;
z-index: -1;
transform: rotate(-3deg);
}
.fam-jury__middle-image {
border-radius: 30px;
overflow: hidden;
}
.fam-jury__middle-image::before {
padding-top: 60%;
}
.fam-jury__middle-title {
color: rgb(28, 27, 26);
font-family: "Playfair Display";
font-size: 24px;
font-weight: 600;
line-height: 150%;
text-align: center;
margin-top: 24px;
transition: all 0.3s;
}
.fam-jury__middle-item:hover .fam-jury__middle-title {
color: rgb(255, 183, 1);
}
.fam-jury__bottom {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
gap: 40px;
}
.fam-banner {
width: 100%;
position: relative;
background-image: url(//pianoduocompetition.ru/wp-content/themes/family-music/images/fam-music/fam-banner.png);
background-repeat: no-repeat;
background-size: auto 100%;
background-size: cover;
background-position: center;
}
.fam-banner__wrapper {
text-align: center;
width: calc(100% - 120px);
margin: 0 auto;
padding: 72px 0;
}
.fam-banner__button {
margin: 0 auto;
padding: 19px 50px;
max-width: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
border: 2px solid rgb(28, 27, 26);
border-radius: 10px;
transition: all 0.3s;
}
.fam-banner__button:hover {
opacity: 0.6;
}
.fam-banner__button-text {
color: rgb(28, 27, 26);
font-family: "Tilda Sans";
font-size: 24px;
font-weight: 600;
line-height: 150%;
text-align: left;
}
.fam-banner__button-icon {
margin-left: 10px;
margin-top: -2px;
width: 48px;
height: 48px;
background-image: url(//pianoduocompetition.ru/wp-content/themes/family-music/images/fam-music/fam-arrow.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-size: contain;
background-position: center;
}
.fam-banner__bg {
filter: blur(80px);
background: rgb(3, 18, 29);
opacity: 0.3;
position: absolute;
width: calc(100% - 200px);
height: 40%;
bottom: 20px;
z-index: -1;
left: 50%;
transform: translateX(-50%);
}
.family-music__section_take-part {
padding-top: 90px;
}
.family-music__section_partners {
margin-top: 120px;
}
.fam-partners {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
gap: 30px;
}
.fam-partners__item {
width: 342px;
height: 169px;
border-radius: 10px;
background: rgb(241, 242, 242);
display: inline-flex;
align-items: center;
justify-self: center;
transition: all 0.3s;
margin-bottom: 30px;
}
.fam-partners__item:hover {
opacity: 0.6;
}
.fam-partners__image {
max-height: 90%;
max-width: 90%;
margin: 0 auto;
}
.family-music__section_director {
margin-top: 55px;
}
.fam-title {
margin-bottom: 15px;
color: rgb(28, 27, 26);
font-family: "Tilda Sans";
font-size: 20px;
font-weight: 800;
line-height: 150%;
text-align: left;
}
.fam-text {
color: rgb(28, 27, 26);
font-family: "Tilda Sans";
font-size: 16px;
font-weight: 400;
line-height: 150%;
opacity: 0.6;
text-align: left;
}
.family-music__section_contacts {
margin-top: 85px;
margin-bottom: 65px;
}
.fam-span {
color: rgb(28, 27, 26);
font-family: "Tilda Sans";
font-size: 16px;
font-weight: 400;
line-height: 150%;
opacity: 0.6;
margin-bottom: 6px;
text-align: left;
}
.fam-bg {
margin: 0 auto;
}
.fam-bg-image {
margin: 0 auto;
width: 464px;
height: 301px;
background-image: url(//pianoduocompetition.ru/wp-content/themes/family-music/images/fam-music/fam-bg.png);
background-repeat: no-repeat;
background-size: 100% auto;
background-size: contain;
background-position: center;
}
.fam-form {
margin-top: 20px;
width: 100%;
}
.fam-form__section {
width: 100%;
border-top: 1px solid rgb(0, 0, 0, 0.4);
padding: 34px 0 39px 0;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
.fam-form__left {
width: 229px;
margin-right: 20px;
color: rgb(28, 27, 26);
font-family: "Tilda Sans";
font-size: 20px;
font-weight: 800;
line-height: 150%;
text-align: left;
text-transform: uppercase;
}
.fam-form__body {
width: calc(100% - 249px);
}
.fam-form__flex {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: space-between;
gap: 30px;
}
.fam-form__field_flex-1 {
flex: 1;
}
.fam-form__field_flex-2 {
flex: 2;
}
.fam-form__field_flex-3 {
flex: 3;
}
.fam-form__field {
margin-bottom: 25px;
width: 100%;
}
.fam-form__title {
color: rgb(28, 27, 26);
font-family: "Tilda Sans";
font-size: 20px;
font-weight: 800;
line-height: 150%;
margin-bottom: 8px;
text-align: left;
}
.fam-form__input {
padding: 0 20px;
width: 100%;
box-sizing: border-box;
border: 2px solid rgb(3, 18, 29);
height: 66px;
border-radius: 10px;
color: rgb(28, 27, 26);
font-family: "Tilda Sans";
font-size: 20px;
font-weight: 400;
line-height: 66px;
text-align: left;
transition: all 0.3s;
}
.fam-form__input:focus {
border-color: rgb(255, 183, 1);
}
.fam-form__input::placeholder {
color: rgb(112, 107, 102);
font-family: "Tilda Sans";
font-size: 20px;
font-weight: 400;
line-height: 150%;
text-align: left;
}
.fam-form__add-field {
width: 100%;
padding: 14px 10px;
box-sizing: border-box;
border: 2px solid rgb(28, 27, 26);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s;
}
.fam-form__add-field:hover {
opacity: 0.6;
}
.fam-form__add-field-text {
color: rgb(28, 27, 26);
font-family: "Tilda Sans";
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-align: left;
text-transform: uppercase;
}
.fam-form__add-field-icon {
margin-left: 14px;
margin-top: -1px;
min-width: 15px;
width: 15px;
height: 15px;
background-image: url(//pianoduocompetition.ru/wp-content/themes/family-music/images/fam-music/plus.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-size: contain;
background-position: center;
}
.fam-form__approval {
}
.fam-form__approval-check {
}
.fam-form__section_no-border {
padding: 0;
margin-top: 15px;
border: none;
}
.fam-form__button {
width: 100%;
padding: 21px 10px;
box-sizing: border-box;
border: 2px solid rgb(28, 27, 26);
border-radius: 10px;
background: rgb(255, 183, 1);
color: rgb(28, 27, 26);
font-family: "Tilda Sans";
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-align: center;
text-transform: uppercase;
transition: all 0.3s;
}
.fam-form__button:hover {
opacity: 0.6;
}
p {
margin: 0;
}
.fam-form__hidden {
display: none;
}
.fam-form__approval-check {
margin: 0;
}
.fam-form__approval {
display: flex;
align-items: flex-start;
justify-content: flex-start;
color: rgb(28, 27, 26);
font-family: "Tilda Sans";
font-size: 20px;
font-weight: 800;
line-height: 150%;
text-align: left;
margin-top: 20px;
}
.fam-form__approval-check {
color: rgb(28, 27, 26);
font-family: "Tilda Sans";
font-size: 20px;
font-weight: 800;
line-height: 150%;
text-align: left;
}
.fam-form__approval-check a {
color: rgb(28, 27, 26);
font-family: "Tilda Sans";
font-size: 20px;
font-weight: 800;
line-height: 150%;
text-align: left;
border-bottom: 1px solid rgb(28, 27, 26);
transition: all 0.3s;
}
.fam-form__approval-check a:hover {
color: #ffb701;
border-color: #ffb701;
}
.approval-check {
display: flex;
margin: 0;
padding: 0;
margin-right: 14px;
margin-top: 5px;
}
.approval-check.wpcf7-not-valid {
position: relative;
padding: 0 0 40px 0;
}
.fam-form__approval .wpcf7-not-valid-tip {
position: absolute;
top: 32px;
width: 300px;
margin: 0;
}
.wpcf7-list-item {
margin-left: 0;
}
.wpcf7-list-item input {
display: none;
}
.wpcf7-list-item .wpcf7-list-item-label {
width: 20px;
height: 20px;
box-sizing: border-box;
border: 2px solid rgb(3, 18, 29);
border-radius: 3px;
background-color: #fff;
display: block;
cursor: pointer;
transition: all 0.3s;
}
.wpcf7-list-item .wpcf7-list-item-label::after {
content: "";
background: url(//pianoduocompetition.ru/wp-content/themes/family-music/images/fam-music/check.svg) no-repeat 3px 3px;
visibility: hidden;
transition: all 0.3s;
width: 100%;
height: 100%;
display: block;
opacity: 0;
}
.wpcf7-list-item .wpcf7-list-item-label.active::after {
visibility: visible;
opacity: 1;
}
.wpcf7-list-item .wpcf7-list-item-label.active {
background: #ffb701;
}
.wpcf7-list-item .wpcf7-list-item-label:hover::after {
visibility: visible;
opacity: 1;
}
.wpcf7-list-item .wpcf7-list-item-label:hover {
background: #ffb701;
}
.slct {
overflow: hidden;
position: relative;
text-overflow: ellipsis;
text-decoration: none;
z-index: 2;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
padding: 0 40px 0 20px;
width: 100%;
box-sizing: border-box;
border: 2px solid rgb(3, 18, 29);
border-radius: 10px;
height: 66px;
color: rgb(112, 107, 102);
font-family: "Tilda Sans";
font-size: 20px;
font-weight: 400;
line-height: 1.2;
text-align: left;
transition: all 0.3s;
}
.slct {
font-size: 16px;
}
.slct::after {
content: "";
background-image: url(//pianoduocompetition.ru/wp-content/themes/family-music/images/fam-music/form-arrow.svg);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center;
width: 24px;
height: 24px;
transition: all 0.3s;
position: absolute;
top: 50%;
right: 21px;
transform: translateY(-50%);
transition: all 0.3s;
}
.slct.active::after {
transform: translateY(-50%) rotate(90deg);
}
.slct.active {
border-color: rgb(255, 183, 1);
}
.slct.active-text {
color: rgb(28, 27, 26);
}
.select {
position: relative;
}
.drop {
margin: 0;
padding: 0;
width: calc(100% - 16px);
border: 1px solid rgb(255, 183, 1);
border-top: none;
display: none;
position: absolute;
font-family: "Tilda Sans";
background: #fff;
display: none;
position: absolute;
z-index: 2;
top: 100%;
max-height: 305px;
overflow: auto;
left: 8px;
z-index: 8;
}
.drop li {
list-style: none;
border-top: 1px dotted #e8e8e8;
cursor: pointer;
display: block;
color: #444;
padding: 5px 19px 5px 19px;
background-position: 10px -119px;
font-size: 16px;
}
.drop li:hover {
background-color: #e8e8e8;
font-size: 16px;
}
.fam-form .wpcf7-not-valid-tip {
font-size: 14px;
line-height: 1.4;
}
.fam-form__approval .wpcf7-not-valid-tip,
.select .wpcf7-not-valid-tip {
display: none;
}
.fam-form__approval .ajax-loader {
margin-top: 10px;
}
.family-music .wpcf7 form.sent .wpcf7-response-output {
margin-bottom: 15px;
color: #46b450;
font-family: "Tilda Sans";
font-size: 20px;
font-weight: 800;
line-height: 150%;
text-align: left;
padding: 0;
margin: 0;
border: none;
display: block !important;
}
.family-music .wpcf7 form.invalid .wpcf7-response-output,
.family-music .wpcf7 form.unaccepted .wpcf7-response-output {
margin-bottom: 15px;
color: #ffb900;
font-family: "Tilda Sans";
font-size: 20px;
font-weight: 800;
line-height: 150%;
text-align: left;
padding: 0;
margin: 0;
border: none;
display: block !important;
}
.fam-section__date {
opacity: 0.6;
margin-top: 15px;
font-size: 16px;
font-weight: 400;
line-height: 150%;
}
.fam-section__image {
margin: 0 0 55px 0;
}
.fam-section__image .image-container::before {
}
.fam-section__body_single {
max-width: 940px;
margin: 0 auto;
}
.fam-section__button {
margin-top: 45px;
box-sizing: border-box;
display: inline-flex;
align-items: center;
border: 2px solid rgb(28, 27, 26);
border-radius: 10px;
background-color: #fff;
color: rgb(28, 27, 26);
padding: 8px 24px;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-transform: uppercase;
translate: all 0.3s;
}
.fam-section__button:hover {
opacity: 0.5;
color: rgb(28, 27, 26);
}
.fam-section__button-icon {
width: 20px;
min-width: 20px;
height: 20px;
margin-right: 10px;
}
.single .family-music__section-bg-1,
.archive .family-music__section-bg-1 {
top: 50%;
transform: translateY(-100%);
}
.fam-list-article {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
gap: 30px;
}
.fam-list-article__item {
width: calc(50% - 30px / 2);
margin-bottom: 20px;
}
.fam-item-article {
}
.fam-item-article__title {
font-size: 20px;
font-weight: 800;
line-height: 150%;
margin: 0 0 16px 0;
}
.fam-item-article__title-link {
color: rgb(28, 27, 26);
}
.fam-item-article__title-link:hover {
color: #ffb701;
}
.fam-item-article__date {
color: rgb(28, 27, 26);
opacity: 0.6;
font-size: 16px;
font-weight: 400;
line-height: 150%;
margin-bottom: 16px;
}
.fam-item-article__text {
color: rgb(28, 27, 26);
opacity: 0.6;
font-size: 16px;
font-weight: 400;
line-height: 150%;
}
.fam-item-article__text p:last-child {
margin-top: 0;
}
.fam-item-article__text p:first-child {
margin-bottom: 0;
}
.nav-links {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
margin-top: 60px;
}
.page-numbers {
width: 40px;
height: 40px;
box-sizing: border-box;
border: 2px solid rgb(102, 100, 99);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 600;
line-height: 150%;
color: rgb(102, 100, 99);
transition: all 0.3s;
}
.page-numbers:hover {
border-color: #ffb900;
}
.page-numbers.dots {
border: none;
width: 30px;
min-width: 30px;
}
.prev.page-numbers {
transition: all 0.3s;
}
.prev.page-numbers:hover {
opacity: 0.6;
}
.prev.page-numbers::before {
content: "";
width: 20px;
min-width: 20px;
height: 20px;
background-image: url(//pianoduocompetition.ru/wp-content/themes/family-music/images/fam-music/news-arrow.svg);
transform: rotate(0);
background-repeat: no-repeat;
background-size: 20px;
background-position: center;
}
.next.page-numbers {
transition: all 0.3s;
}
.next.page-numbers:hover {
opacity: 0.6;
}
.next.page-numbers::before {
content: "";
width: 20px;
min-width: 20px;
height: 20px;
background-image: url(//pianoduocompetition.ru/wp-content/themes/family-music/images/fam-music/news-arrow.svg);
transform: rotate(180deg);
background-repeat: no-repeat;
background-size: 20px;
background-position: center;
}
@media screen and (max-width: 1500px) {
.main-wrapper {
padding: 50px 20px 0 20px;
}
}
@media screen and (max-width: 1024px) {
.fam-jury__item {
flex: 1 0 26%;
min-width: 221px;
max-width: calc(33.333% - 26.6px);
}
.fam-nominations__item {
flex: 1 0 34%;
max-width: calc(50% - 30px);
}
.fam-nominations__item:nth-child(2) {
transform: translateY(120px);
}
.fam-nominations {
margin-top: 50px;
}
.fam-top__nav {
right: 20px;
}
.fam-top__link {
padding: 7px 10px;
}
.fam-form__flex {
display: block;
}
.fam-partners__item {
width: 260px;
gap: 20px;
}
}
@media screen and (max-width: 880px) {
.fam-jury__middle-item {
flex: 1 0 100%;
max-width: calc(100% - 20px);
margin-bottom: 20px;
}
.fam-jury__middle {
margin-bottom: 60px;
}
.fam-bg {
margin-bottom: -100px;
}
.fam-bg-image {
max-width: 100%;
background-position: center bottom;
}
.family-music__section-bg-2,
.family-music__section-bg-1 {
display: none;
}
}
@media screen and (max-width: 768px) {
.fam-jury__button {
padding: 10px 15px;
}
.fam-section__image {
margin-bottom: 20px;
}
.fam-jury__button-text {
font-size: 14px;
line-height: 1.2;
}
.fam-top__mob {
display: none;
}
.fam-top__logo {
max-width: 100%;
}
.fam-top__link-span {
font-size: 10px;
}
.fam-top__link {
padding: 5px;
}
.fam-top__nav {
width: calc(100% - 40px);
top: auto;
bottom: 10px;
left: 20px;
display: flex;
flex-wrap: nowrap;
flex-flow: row;
gap: 10px;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
}
.fam-top__link {
flex-grow: 1;
text-align: center;
margin-bottom: 0;
width: calc(50% - 5px);
}
.fam-top__wrapper {
padding-top: 30px;
}
.family-music__section_project {
margin-top: 40px;
}
.fam-section__title-text {
font-size: 24px;
}
.fam-section__title-icon {
width: 38px;
height: 49px;
}
.fam-section__title {
margin-left: 58px;
}
.fam-section {
margin-left: 0;
}
.fam-section__title-icon {
top: 20px;
}
.fam-section__body {
font-size: 16px;
}
.family-music__section_nominations {
margin-top: 40px;
}
.family-music__section_jury {
padding-top: 50px;
}
.fam-jury__item {
flex: 1 0 34%;
min-width: 221px;
max-width: calc(50% - 20px);
}
.family-music__banner {
margin-top: 30px;
}
.family-music__section_take-part {
padding-top: 60px;
}
.fam-form__body {
width: 100%;
}
.fam-form__left {
width: 100%;
margin-bottom: 20px;
}
.family-music__section_partners {
margin-top: 50px;
}
.fam-nominations {
flex-flow: column;
gap: 30px;
}
.fam-nominations__item {
width: 100%;
max-width: 60%;
margin: 0 auto;
}
.fam-nominations__item:nth-child(2) {
transform: translateY(0);
}
.fam-banner__button {
padding: 15px 20px;
}
.fam-banner__wrapper {
width: calc(100% - 60px);
padding: 30px 0;
}
.fam-banner__button-text {
font-size: 18px;
}
.fam-form__title {
font-size: 18px;
}
.fam-top_page .fam-top__wrapper {
padding: 50px 0 140px 0;
}
.main-wrapper {
padding-top: 0;
}
.fam-list-article__item {
width: 100%;
margin-bottom: 10px;
}
.fam-top__logo {
width: 230px;
height: 208px;
}
.fam-top__wrapper {
padding: 50px 0 140px 0;
}
}
@media screen and (max-width: 550px) {
.fam-banner {
margin-top: 30px;
}
.family-music__top {
margin: 0 -30px;
width: calc(100% + 60px);
}
.family-music__banner {
margin: 0 -30px;
width: calc(100% + 60px);
}
.fam-top__nav {
bottom: 20px;
}
.family-music__section_contacts {
margin-bottom: 20px;
}
.fam-form__add-field {
margin-bottom: 20px;
}
.fam-partners__item {
margin: 0;
}
.fam-form__section {
padding: 15px 0;
}
.fam-form__section_no-border {
margin-top: 0;
}
.fam-section__title-text {
font-size: 28px;
}
.fam-jury__top-item {
flex-flow: column;
}
.fam-jury__top-block-image {
margin-right: 0;
width: 100%;
}
.fam-jury__image {
margin-bottom: 30px;
}
.fam-jury__top-right {
width: 100%;
}
.fam-jury__bottom {
gap: 20px;
}
.fam-jury__top-item {
margin-bottom: 20px;
}
.fam-jury__item {
flex: 1 0 100%;
min-width: 221px;
max-width: 100%;
}
.fam-jury__top {
margin-top: 0;
margin-bottom: 0;
}
.fam-jury {
margin-top: 40px;
}
}
@media screen and (max-width: 468px) {
.fam-top__logo {
height: 200px;
}
.fam-nominations__item {
max-width: 90%;
}
.fam-section__title-text {
font-size: 20px;
}
}