.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.gallery-item {
display: inline-block;
text-align: left;
vertical-align: top;
width: 50%;
}
.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
-webkit-box-shadow: none;
box-shadow: none;
background: none;
display: inline-block;
max-width: 100%;
}
.gallery-item a img {
display: block;
-webkit-transition: -webkit-filter 0.2s ease-in;
transition: -webkit-filter 0.2s ease-in;
transition: filter 0.2s ease-in;
transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.gallery-item a:hover img,
.gallery-item a:focus img {
-webkit-filter: opacity(60%);
filter: opacity(60%);
}
.gallery-caption {
display: block;
text-align: left;
padding: 0 10px 0 0;
margin-bottom: 0;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
.bypostauthor {
font-weight: bold;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.main-wrapper {
padding: 2rem 0 3rem 0;
position: relative;
overflow: hidden;
background: linear-gradient(rgb(0 0 0 / 44%), rgb(0 0 0 / 70%)), url(//design-pozdina.ru/wp-content/uploads/2025/06/back2-scaled.webp) center / cover;
background-position: center center;
background-size: cover;
min-height: 100vh;
}
.main-wrapper.main-wrapper-not-main {
min-height: initial;
}
.main-head {
margin-bottom: 1rem;
}
.main-head .container {
border-bottom: 1px solid #b1b1b1;
padding-bottom: 2rem;
}
.main-menu .navbar {
background: initial;
}
.main-menu .navbar-toggler {
border: 2px solid #fff;
font-size: 2.5rem;
color: #fff;
}
.main-head__logo img {
width: 180px;
}
.main-menu a.nav-link {
color: #fff;
font-size: 1.6rem;
margin-right: 2rem;
transition: .2s;
border-bottom: 4px solid transparent;
font-family: "Poiret One", sans-serif;
font-weight: 800;
}
.main-menu a.nav-link:hover,
.main-menu a.nav-link:focus {
border-color: #fff;
}
#toTop {
width: 55px;
height: 55px;
text-align: center;
padding: .9rem;
position: fixed;
bottom: 3rem;
right: 5rem;
cursor: pointer;
display: none;
font-size: 15px;
opacity: .9;
z-index: 20;
background: #fff;
border-radius: 50%;
box-shadow: 0 3px 8px 1px rgba(0,0,0,0.15);
}
#toTop:hover,
#toTop:active,
#toTop:focus {
opacity: 1;
box-shadow: 0 1px 8px 1px rgba(0,0,0,0.15);
}
.main-head__pages {
align-items: center;
display: flex;
justify-content: end;
height: 100%;
}
.main-head__pages a {
color: #363636;
font-size: 1.4rem;
margin-right: 1rem;
background: #fff;
border-radius: 5rem;
display: flex;
padding: .5rem;
transition: .2s;
}
.main-head__pages a:hover,
.main-head__pages a:active,
.main-head__pages a:focus {
opacity: .8;
}
.main-head__email {
display: flex;
justify-content: start;
height: 100%;
align-items: center;
}
.main-head__email ul {
list-style: none;
margin: 0;
padding: 0;
}
.main-head__email a {
color: #ffffff;
font-size: 1.1rem;
background: initial;
border-radius: 5rem;
display: flex;
transition: .3s;
align-items: center;
padding: .4rem 1rem;
font-family: "Poiret One", sans-serif;
font-weight: 800;
}
.main-head__email a:hover,
.main-head__email a:active,
.main-head__email a:focus {
background: rgba(255, 255, 255, .2);
}
.main-head__email a i {
margin-right: .7rem;
}
.section__about {
font-family: "Poiret One", sans-serif;
font-weight: 800;
padding: 3rem 0;
margin-bottom: 4rem;
}
.section-about__photo img {
width: 100%;
}
.section-about__content {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 1.4rem;
}
.section-about__content h3 {
font-size: 2.5rem;
}
.section-about__line svg {
width: 60px;
fill: #c9c9c9;
}
.main-description {
text-align: center;
padding-top: 4rem;
color: #fff;
font-family: "Poiret One", sans-serif;
margin-bottom: 2rem;
}
.main-description h1 {
font-size: 3.5rem;
font-weight: bold;
margin-bottom: 2rem;
}
.main-description h2 {
font-size: 1.5rem;
margin-bottom: 1rem;
}
.main-description__line {
margin-bottom: 0;
font-size: 3.5rem;
opacity: 0.5;
}
.main-description__button {
color: #FFFFFF;
padding: 12px 30px;
border: none;
font-size: 18px;
cursor: pointer;
transition: background 0.3s;
background: #B76E79;
border-radius: 0.5rem;
display: inline-block;
}
.main-description__button:hover {
background: #bb5363;
}
.flare-button {
overflow: hidden;
position: relative;
}
.flare-button:after {
content: "";
display: block;
width: 20px;
height: 200px;
margin-left: 50px;
background: #fff;
background: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.5) 0%,
rgba(255, 255, 255, 1) 50%,
rgba(255, 255, 255, 0.5) 100%
);
left: -40px;
top: -100px;
z-index: 1;
transform: rotate(45deg);
position: absolute;
animation: movingFlare 5s ease-in-out 0.05s infinite;
}
@keyframes movingFlare {
0% {
left: -30px;
margin-left: 0px;
}
30% {
left: 110%;
margin-left: 80px;
}
100% {
left: 110%;
margin-left: 80px;
}
}
.main__scroll-down {
text-align: center;
position: absolute;
bottom: 0;
width: 100%;
padding-bottom: 1rem;
}
.main__scroll-down-arrow {
display: inline-block;
cursor: pointer;
-webkit-animation: t-arrow-bottom 1.7s ease infinite;
animation: t-arrow-bottom 1.7s ease infinite
}
.main__scroll-down-arrow svg {
width: 40px;
height: 40px;
}
@-webkit-keyframes t-arrow-bottom {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(-7px);
transform: translateY(-7px)
}
55% {
-webkit-transform: translateY(-7px);
transform: translateY(-7px)
}
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes t-arrow-bottom {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(-7px);
transform: translateY(-7px)
}
55% {
-webkit-transform: translateY(-7px);
transform: translateY(-7px)
}
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
.section__services {
font-family: "Poiret One", sans-serif;
font-weight: 800;
padding: 3rem 0;
}
.services-services__title {
text-align: right;
}
.services-services__title h3 {
font-size: 2.5rem;
}
.services-services__content h4 {
font-size: 2.1rem;
font-weight: bold;
}
.services-services__line {
border-bottom: 1px solid #eee;
padding: 2rem 0;
display: flex;
align-items: center;
}
.services-services__line:last-child {
border: 0;
}
.services-services__line-icon {
margin-right: 2rem;
}
.services-services__line-icon svg {
width: 50px;
height: auto;
fill: #000;
}
.services-services__line-text p {
font-size: 1.2rem;
}
.section__prices {
font-family: "Poiret One", sans-serif;
font-weight: 800;
padding: 3rem 0;
margin-bottom: 4rem;
background: #eee;
}
.section__prices h3 {
font-size: 2.5rem;
text-align: center;
margin-bottom: 2rem;
}
.section-prices__wrap {
border: 1px solid #ffffff;
background-color: #ffffff;
border-radius: 9px;
padding: 4rem 1rem;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.section-prices__wrap h4 {
text-align: center;
font-weight: bold;
font-size: 1.5rem;
}
.section-prices__price {
font-size: 1.6rem;
text-align: center;
margin: 2rem 0;
}
.section-prices__wrap p {
font-size: .9rem;
color: #686868;
}
.section__portfolio {
font-family: "Poiret One", sans-serif;
font-weight: 800;
padding: 3rem 0;
margin-bottom: 4rem;
}
.section__portfolio h3 {
font-size: 2.5rem;
text-align: center;
margin-bottom: 2rem;
}
.section__contacts {
position: relative;
overflow: hidden;
background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 5)), url(//design-pozdina.ru/wp-content/uploads/2025/06/back-footer-1.jpg) center/cover;
background-position: center center;
background-size: cover;
height: auto;
color: #fff;
font-family: "Poiret One", sans-serif;
font-weight: 800;
padding: 3rem 0;
margin-bottom: 4rem;
}
.section__contacts h3 {
font-size: 2.5rem;
text-align: center;
margin-bottom: 2rem;
}
.section-contacts__items {
text-align: center;
display: flex;
justify-content: center;
flex-direction: column;
}
.section-contacts__items-circles {
display: flex;
justify-content: center;
margin-bottom: 2rem;
}
.section-contacts__items-circles a {
color: #363636;
font-size: 2.4rem;
margin-right: 2rem;
background: #fff;
border-radius: 5rem;
display: flex;
padding: .5rem;
transition: .2s;
}
.section-contacts__items-circles a:last-child {
margin-right: 0;
}
.section-contacts__items-circles a:hover,
.section-contacts__items-circles a:active,
.section-contacts__items-circles a:focus {
opacity: .8;
}
.section-contacts__items-lines {
font-size: 1.1rem;
}
.section-contacts__items-lines a {
color: #fff;
}
.section-contacts__items-lines a:hover,
.section-contacts__items-lines a:active,
.section-contacts__items-lines a:focus {
text-decoration: underline;
}
.section-contacts__items-lines a i {
margin-right: .7rem;
}
.section-contacts__desc {
font-size: 1.3rem;
margin-bottom: 2rem;
}
.footer__copy {
color: #000;
font-size: .9rem;
padding: 1rem 0;
text-align: center;
}
.footer__copy a {
color: #000;
text-decoration: underline;
}
.section-prices__button {
padding: .5rem 2rem;
font-size: 1.3rem;
cursor: pointer;
transition: background 0.3s;
background: transparent;
border-radius: 0.5rem;
font-weight: bold;
border: 3px solid #B76E79;
color: #B76E79;
}
.section-prices__button:hover {
background: #b76e7912;
}
.page__content {
min-height: 700px;
font-weight: bold;
}
.page__content h1 {
font-size: 2.5rem;
text-align: center;
margin-bottom: 2rem;
font-family: "Poiret One", sans-serif;
font-weight: bold;
}
.breadcrumbs__page {
margin-bottom: 1rem;
}
.breadcrumbs__page a {
color: #000;
text-decoration: underline;
}
.footer-menu a {
color: #000;
text-decoration: underline;
}
@media only screen and (max-width : 768px) {
.main-head__logo {
padding: 1rem 0;
}
.main-description {
padding-top: 0rem;
}
.section__about {
padding: 1rem 0;
margin-bottom: 0;
}
.section-about__photo {
margin-bottom: 1rem;
}
.section__services {
padding: 1rem 0;
}
.section-prices__wrap {
margin-bottom: 1rem;
}
.container.main-menu__toggler-wrap {
justify-content: end !important;
}
}