@charset "UTF-8";

@font-face {
font-family: "ClassGarmndBT";
src: url(//wowhairextensions.fr/wp-content/themes/hair/assets/fonts/Classical Garamond BT.woff2) format("woff");
font-weight: 800;
font-style: normal;
}
.container {
max-width: 1240px;
width: 100%;
margin: 0 auto;
padding: 0 0px;
}
@media screen and (max-width: 1240px) {
.container {
padding: 0 13.8px;
}
}
.title { font-size: 40px;
line-height: 65px;
letter-spacing: 0.0122em;
}
@media screen and (max-width: 1024px) {
.title {
font-size: 32px;
line-height: 32px;
letter-spacing: 0.06em;
}
}
.arrows {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1024px) {
.arrows {
position: absolute;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.arrows .sw-left {
-webkit-mask-image: url(//wowhairextensions.fr/wp-content/themes/hair/assets/img/arrow__left.svg);
mask-image: url(//wowhairextensions.fr/wp-content/themes/hair/assets/img/arrow__left.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: cover;
mask-size: cover;
width: 29px;
height: 8px;
background: rgba(18, 18, 18, 0.77);
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 0;
margin-right: 12px;
-webkit-transition: 0.6s ease 0s;
transition: 0.6s ease 0s;
cursor: pointer;
}
.arrows .sw-left:hover {
background: #C7B7A9;
}
.arrows .sw-left::after {
display: none;
}
@media screen and (max-width: 1024px) {
.arrows .sw-left {
margin-right: 0;
}
}
.arrows .sw-right {
-webkit-mask-image: url(//wowhairextensions.fr/wp-content/themes/hair/assets/img/arrow__right.svg);
mask-image: url(//wowhairextensions.fr/wp-content/themes/hair/assets/img/arrow__right.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: cover;
mask-size: cover;
width: 29px;
height: 8px;
background: rgba(18, 18, 18, 0.77);
position: relative;
opacity: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 0;
cursor: pointer;
-webkit-transition: 0.6s ease 0s;
transition: 0.6s ease 0s;
}
.arrows .sw-right:hover {
background: #C7B7A9;
} *,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
} ul[class],
ol[class] {
padding: 0;
} body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
margin: 0;
} body {
scroll-behavior: smooth;
text-rendering: optimizeSpeed;
line-height: 1.5;
font-family: "ClassGarmndBT";
color: #242222;
} ul[class],
ol[class] {
list-style: none;
} a:not([class]) {
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto;
} img {
max-width: 100%;
display: block;
}  input,
button,
textarea,
select {
font: inherit;
}
.header {
padding: 20px 0;
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 1000;
background: #fff;
}
@media screen and (max-width: 1024px) {
.header {
padding: 7px 0;
}
}
.header-fixed {
-webkit-box-shadow: -11px 2px 9.6px rgba(0, 0, 0, 0.25);
box-shadow: -11px 2px 9.6px rgba(0, 0, 0, 0.25);
}
.header__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.logo a {
color: #242222;
font-size: 20.84px;
line-height: 23.8px;
letter-spacing: 0.015em;
text-decoration: none;
}
@media screen and (max-width: 1024px) {
.logo a {
font-size: 16px;
line-height: 100%;
letter-spacing: 0.01em;
}
}
.logo br {
display: none;
}
@media screen and (max-width: 1024px) {
.logo br {
display: block;
}
}
.header__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.lang__arrow {
margin-left: 6px;
-webkit-transition: 0.5s ease 0s;
transition: 0.5s ease 0s;
}
.current__lang {
font-weight: 400;
letter-spacing: 0.01em;
color: #242222;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rotate {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.lang__hover {
background: transparent;
-webkit-transition: 0.3s ease 0s;
transition: 0.3s ease 0s;
opacity: 0;
visibility: hidden;
position: absolute;
z-index: 1000;
}
.lang__hover li a {
text-decoration: none;
color: #000;
padding: 5px 10px;
padding-left: 0;
}
.opened {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
opacity: 1;
visibility: visible;
}
.burger {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 21px;
height: 21px;
position: relative;
margin-left: 50px;
}
.burger span {
width: 21px;
height: 1px;
margin-bottom: 4px;
background: #242222;
display: block;
-webkit-transition: 0.6s ease 0s;
transition: 0.6s ease 0s;
}
.burger span:nth-last-child(1) {
margin-bottom: 0;
}
.burger__opened span {
position: absolute;
margin-bottom: 0;
}
.burger__opened span:nth-child(1) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 22px;
}
.burger__opened span:nth-child(2) {
opacity: 0;
}
.burger__opened span:nth-child(3) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.mobile__menu {
position: absolute;
top: 44px;
right: 0;
width: 320px;
height: auto;
-webkit-transform: translate(0, 100%);
transform: translate(0, 100%);
opacity: 0;
visibility: hidden;
background: #fff;
z-index: 999;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 60px;
padding-right: 60px;
-webkit-transition: 0.6s ease 0s;
transition: 0.6s ease 0s;
-webkit-box-shadow: -11px 19px 20.6px rgba(0, 0, 0, 0.25);
box-shadow: -11px 19px 20.6px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 1024px) {
.mobile__menu {
top: 55px;
right: -14px;
}
}
.mobile__menu .menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.mobile__menu .menu .menu-item {
margin-bottom: 20px;
text-align: right;
}
.mobile__menu .menu .menu-item:nth-last-child(1) {
margin-bottom: 0;
}
.mobile__menu .menu .menu-item a {
font-size: 16px;
line-height: 16px;
color: #242222;
text-decoration: none;
letter-spacing: 0.018em;
text-transform: uppercase;
}
.mobile__menu .menu .menu-item a:hover {
text-decoration: underline;
}
.mobile__menu__opened {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
visibility: visible;
}
.section1 {
margin-top: 66px;
}
@media screen and (max-width: 1024px) {
.section1 .container {
padding: 0;
}
}
.section1__block {
background: #F7F1EB;
padding-left: 38px;
padding-right: 38px;
padding-top: 95px;
padding-bottom: 110px;
position: relative;
}
@media screen and (max-width: 1024px) {
.section1__block {
padding-left: 13.8px;
padding-right: 13.8px;
padding-top: 25px;
padding-bottom: 0;
}
}
.section1__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
@media screen and (max-width: 1024px) {
.section1__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.section1__left {
width: 40%;
position: relative;
z-index: 1;
}
@media screen and (max-width: 1024px) {
.section1__left {
width: 100%;
}
}
.section1__right {
width: 30%;
position: relative;
z-index: 1;
}
@media screen and (max-width: 1024px) {
.section1__right {
width: 100%;
}
}
.section1__center {
position: absolute;
left: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 1024px) {
.section1__center {
position: relative;
}
}
@media screen and (max-width: 1240px) {
.section1__center img {
width: 400px;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
}
@media screen and (max-width: 1024px) {
.section1__center img {
width: 254px;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
}
.left__title { font-size: 40px;  
line-height: 65px;
letter-spacing: 0.0122em;
margin-bottom: 40px;
}
@media screen and (max-width: 1240px) {
.left__title { font-size: 40px;  
line-height: 60px;
}
}
@media screen and (max-width: 1024px) {
.left__title {
font-size: 32px;
line-height: 32px;
letter-spacing: 0.006em;
text-align: center;
margin-bottom: 16px;
}
}
.left__list {
margin-bottom: 36px;
}
@media screen and (max-width: 1024px) {
.left__list {
display: none;
}
}
.list__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 15px;
line-height: 16px;
color: #9A7B69;
letter-spacing: 0.013em;
margin-bottom: 19px;
}
.list__item:nth-last-child(1) {
margin-bottom: 0;
}
.list__item::before {
content: "";
width: 8px;
height: 8px;
min-height: 8px;
min-width: 8px;
background: #9A7B69;
margin-right: 20px;
display: block;
}
.left__last {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 15px;
line-height: 16px;
color: #9A7B69;
letter-spacing: 0.013em;
margin-bottom: 40px;
}
.left__last::after {
content: "";
width: 25px;
height: 25px;
background: url(//wowhairextensions.fr/wp-content/themes/hair/assets/img/globe.svg) no-repeat;
display: block;
margin-left: 20px;
}
@media screen and (max-width: 1024px) {
.left__last {
display: none;
}
}
.button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: 0.6s ease 0s;
transition: 0.6s ease 0s;
border: 1px solid rgba(26, 25, 25, 0.21);
color: #9A7B69;
text-decoration: none;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.018em;
min-width: 165px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
height: 50px;
padding: 0px 30px;
}
.button:hover {
background: #fff;
}
.right__title { font-size: 40px;
line-height: 65px;
letter-spacing: 0.0122em;
margin-bottom: 20px;
text-align: right;
}
@media screen and (max-width: 1240px) {
.right__title {
font-size: 60px;
line-height: 60px;
}
}
@media screen and (max-width: 1024px) {
.right__title {
font-size: 32px;
line-height: 32px;
letter-spacing: 0.006em;
text-align: center;
margin-bottom: 14px;
}
}
.right__content {
margin-bottom: 35px;
}
.right__content p {
font-size: 15px;
line-height: 16px;
color: #9A7B69;
letter-spacing: 0.013em;
text-align: right;
margin-bottom: 20px;
}
.right__content p:nth-last-child(1) {
margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
.right__content p {
font-size: 16px;
line-height: 18px;
color: #242222;
margin-bottom: 0;
text-align: center;
}
}
.right__button {
justify-self: flex-end;
}
@media screen and (max-width: 1024px) {
.right__button {
display: none;
}
}
.p1__mobile {
font-size: 16px;
line-height: 18px;
color: #9A7B69;
text-align: center;
letter-spacing: 0.013em;
margin-bottom: 18px;
}
.section1__button__mobile {
display: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 23.38px;
margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
.section1__button__mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.section1__mobile {
display: none;
}
@media screen and (max-width: 1024px) {
.section1__mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 13.8px;
}
}
.section2 {
margin-top: 40px;
}
@media screen and (max-width: 1024px) {
.section2 {
display: none;
}
}
.section2__title {
text-align: center;
margin-bottom: 40px;
}
.section2__content {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.013em;
text-align: center;
}
.section2__content p {
margin-bottom: 20px;
}
.section2__content p:nth-last-child(1) {
margin-bottom: 0;
}
.section2__button {
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.section3 {
margin-top: 35px;
}
@media screen and (max-width: 1024px) {
.section3 {
margin-top: 10px;
}
.section3 .container {
padding: 0;
}
}
.section__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 70px;
position: relative;
}
@media screen and (max-width: 1024px) {
.section__header {
margin: 0 13.8px;
margin-bottom: 25px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.swiper-container .slide__img {
margin-bottom: 20px;
}
.swiper-container .slide__img img {
width: 100%;
}
.swiper-container .slide__title {
font-size: 16px;
letter-spacing: 0.013em;
}
@media screen and (max-width: 1024px) {
.swiper-container {
margin-left: 13.8px;
}
}
@media screen and (max-width: 1024px) {
.section3__title {
text-align: center;
}
}
.section3__button {
display: none;
}
@media screen and (max-width: 1024px) {
.section3__button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 35px;
}
}
.section4 {
margin-top: 75px;
}
@media screen and (max-width: 1024px) {
.section4 {
margin-top: 45px;
}
.section4 .container {
padding: 0;
}
}
.review {
background: #F7F1EB;
padding: 40px 28px;
min-height: 324px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.review__text {
font-size: 16px;
line-height: 20px;
letter-spacing: 0.013em;
color: #9A7B69;
margin-bottom: 20px;
}
.review__name {
text-transform: uppercase;
font-size: 16px;
letter-spacing: 0.013em;
}
@media screen and (max-width: 1024px) {
.swiper-container2 {
padding-left: 13.8px;
}
}
.section5 {
margin-top: 75px;
}
@media screen and (max-width: 1024px) {
.section5 {
margin-top: 45px;
}
.section5 .container {
padding: 0;
}
}
@media screen and (max-width: 1024px) {
.swiper-container3 {
padding-left: 13.8px;
}
}
.video iframe {
width: 100%;
}
@media screen and (max-width: 1024px) {
.page-template-page-portfolio .header, .page-template-page-awards .header, .page-template-page-contacts .header, .page-template-page-method .header, .page-template-page-shop .header, .page-template-page-extension .header, .page-template-page-education .header, .post-type-archive .header {
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
}
.section__portfolio {
margin-top: 140px;
}
@media screen and (max-width: 1024px) {
.section__portfolio {
margin-top: 83px;
}
}
.portfolio__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.portfolio__left {
width: 48%;
}
@media screen and (max-width: 1024px) {
.portfolio__left {
width: 100%;
}
}
.portfolio__right {
width: 48%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media screen and (max-width: 1024px) {
.portfolio__right {
display: none;
}
}
.portfolio__text {
color: #9A7B69;
font-size: 15px;
letter-spacing: 0.013em;
margin-bottom: 24px;
}
@media screen and (max-width: 1024px) {
.portfolio__text {
margin-bottom: 0;
}
}
.button2 {
background: #977960;
color: #fff;
border: 1px solid #977960;
}
@media screen and (max-width: 1024px) {
.button2 {
background: transparent;
border: 1px solid #9A7B69;
color: #9A7B69;
min-width: 130px;
height: 36px;
}
}
.button2:hover {
color: #977960;
}
.portfolio__header__mobile {
display: none;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 18px;
}
@media screen and (max-width: 1024px) {
.portfolio__header__mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (max-width: 1024px) {
.portfolio__title {
margin-bottom: 0;
font-size: 16px;
letter-spacing: 0.006em;
}
}
.portfolio__row {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 20px;
grid-row-gap: 45px;
margin-top: 70px;
}
@media screen and (max-width: 1024px) {
.portfolio__row {
-ms-grid-columns: 1fr 5px 1fr;
grid-template-columns: 1fr 1fr;
margin-top: 23px;
grid-column-gap: 5px;
grid-row-gap: 37px;
}
}
.portfolio__block {
cursor: pointer;
}
.portfolio__img {
margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
.portfolio__img {
margin-bottom: 10px;
}
}
.portfolio__img a {
position: relative;
z-index: 1;
}
.portfolio__img a::before {
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
left: 0;
-webkit-transition: 0.6s ease 0s;
transition: 0.6s ease 0s;
opacity: 0;
visibility: hidden;
z-index: 0;
}
.portfolio__img a:hover::before {
opacity: 1;
visibility: visible;
}
.portfolio__img img {
max-height: 397px;
}
.portfolio__content {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.013em;
text-align: center;
margin-top: 80px;
}
.portfolio__content p {
margin-bottom: 30px;
}
.portfolio__content p:nth-last-child(1) {
margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
.portfolio__content {
display: none;
}
}
.award__row__photo1 {
display: none;
}
@media screen and (max-width: 1024px) {
.award__row__photo1 {
display: block;
margin-bottom: 20px;
}
}
.awards__row {
margin-top: 50px;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 20px;
grid-row-gap: 20px;
}
@media screen and (max-width: 1024px) {
.awards__row {
display: none;
}
}
.awards__row__mobile {
display: none;
}
@media screen and (max-width: 1024px) {
.awards__row__mobile {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 5px 1fr;
grid-template-columns: 1fr 1fr;
grid-column-gap: 5px;
grid-row-gap: 5px;
}
}
.awards__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 1024px) {
.awards__header {
display: none;
}
}
.awards__left {
width: 48%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.awards__right {
width: 48%;
}
.awards__text {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.013em;
margin-bottom: 40px;
}
.awards__text p {
margin-bottom: 20px;
}
.awards__text p:nth-last-child(1) {
margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
.awards__text {
text-align: center;
font-size: 16px;
line-height: 18px;
}
}
.awards__header__mobile {
display: none;
margin-top: 28px;
}
@media screen and (max-width: 1024px) {
.awards__header__mobile {
display: block;
}
}
.awards__mobile__photo {
margin-bottom: 18px;
}
.awards__mobile__photo img {
width: 100%;
}
.awards__block img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
}
.hair__shop__last {
margin-top: 20px;
}
@media screen and (max-width: 1024px) {
.hair__shop__last {
display: none;
}
}
.extension {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 1024px) {
.extension {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.extension .awards__right {
width: 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.extension .awards__left {
width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-bottom: 23px;
}
.extension .portfolio__text {
display: none;
}
}
.education {
margin-top: 66px;
}
@media screen and (max-width: 1024px) {
.education {
margin-top: 83px;
}
}
.education__block {
position: relative;
}
.education__desktop {
display: block;
}
@media screen and (max-width: 1024px) {
.education__desktop {
display: none;
}
}
.education__mobile {
display: none;
width: 100%;
}
@media screen and (max-width: 1024px) {
.education__mobile {
display: block;
}
}
.education__top {
position: absolute;
left: 44px;
bottom: 94px;
}
.education__title {
color: #fff;
}
@media screen and (max-width: 1024px) {
.education__title {
color: #242222;
font-size: 16px;
margin-bottom: 0;
}
}
.education__button {
background: #fff;
}
@media screen and (max-width: 1024px) {
.education__button {
height: 36px;
}
}
.education__content {
margin: 50px 0;
font-size: 16px;
line-height: 22px;
text-align: center;
letter-spacing: 0.013em;
}
.education__content p {
margin-bottom: 30px;
}
.education__content p:nth-last-child(1) {
margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
.education__content {
margin: 22px 0;
}
}
.education__row {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.education__row a img {
width: 100%;
}
@media screen and (max-width: 1024px) {
.education__row {
-ms-grid-columns: 1fr 5px 1fr;
grid-template-columns: 1fr 1fr;
grid-column-gap: 5px;
grid-row-gap: 5px;
}
}
.contacts {
margin-top: 140px;
}
@media screen and (max-width: 1024px) {
.contacts .left__title {
font-size: 16px;
}
}
@media screen and (max-width: 1024px) {
.contacts {
margin-top: 86px;
}
}
.form__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.form__input {
width: 48%;
margin-bottom: 48px;
}
@media screen and (max-width: 1024px) {
.form__input {
width: 100%;
margin-bottom: 10px;
}
}
.form__input input {
border: none;
border-bottom: 1px solid rgba(18, 18, 18, 0.35);
outline: none;
border-radius: 0;
background: transparent;
width: 100%;
padding-bottom: 20px;
letter-spacing: 0.013em;
}
.form__input input::-webkit-input-placeholder {
letter-spacing: 0.013em;
}
.form__input input::-moz-placeholder {
letter-spacing: 0.013em;
}
.form__input input:-ms-input-placeholder {
letter-spacing: 0.013em;
}
.form__input input::-ms-input-placeholder {
letter-spacing: 0.013em;
}
.form__input input::placeholder {
letter-spacing: 0.013em;
}
.form__input textarea {
border: 1px solid rgba(18, 18, 18, 0.35);
outline: none;
background: transparent;
border-radius: 0;
padding-top: 28px;
padding-left: 48px;
width: 100%;
}
@media screen and (max-width: 1024px) {
.form__input textarea {
padding-top: 15px;
padding-left: 15px;
height: 100px;
}
}
.form__input:nth-child(5) {
width: 100%;
}
@media screen and (max-width: 1024px) {
.form__button {
width: 100%;
}
}
.form__button .button2 {
min-width: 260px;
height: 56px;
cursor: pointer;
background: #977960;
color: #fff;
}
@media screen and (max-width: 1024px) {
.form__button .button2 {
width: 100%;
}
}
.form__button .button2:hover {
border: 1px solid #977960;
color: #977960;
background: transparent;
}
.contacts__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.left {
width: 30%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 1024px) {
.left {
display: none;
}
}
.right {
width: 65%;
}
@media screen and (max-width: 1024px) {
.right {
width: 100%;
}
}
.cont__left .footer__number {
text-align: left;
}
.cont__left .footer__mail {
text-align: left;
}
.cont__left .footer__socials {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.page-template-page-contacts .footer__block__soc {
display: none;
}
@media screen and (max-width: 1024px) {
.page-template-page-contacts .footer__block__soc {
display: block;
}
}
.blog {
margin-top: 66px;
}
@media screen and (max-width: 1024px) {
.blog .left__title {
font-size: 16px;
text-align: left;
}
}
.blog__row {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 24px 1fr;
grid-template-columns: 1fr 1fr;
grid-column-gap: 24px;
grid-row-gap: 56px;
}
@media screen and (max-width: 1024px) {
.blog__row {
grid-column-gap: 5px;
grid-row-gap: 20px;
}
}
.article__img {
margin-bottom: 30px;
}
.article__img img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 1024px) {
.article__img img {
height: 224px;
}
}
.article__date {
font-size: 15px;
letter-spacing: 0.013em;
color: #B5B5B5;
margin-bottom: 9px;
}
.article__title {
font-size: 18px;
letter-spacing: 0.013em;
margin-bottom: 20px;
color: #242222;
}
.article__title a {
text-decoration: none;
color: #242222;
}
@media screen and (max-width: 1024px) {
.article__title {
font-size: 16px;
}
}
.readmore a {
text-decoration: none;
color: #977960;
letter-spacing: 0.013em;
}
.screen-reader-text {
display: none;
}
.pagination {
margin-top: 56px;
}
.nav-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.nav-links .prev {
margin-right: 8px;
}
.nav-links span {
border: 1px solid #977960;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 32px;
height: 32px;
color: #1D1D1D;
margin-right: 8px;
}
.nav-links a {
border: 1px solid #977960;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 32px;
height: 32px;
text-decoration: none;
color: #1D1D1D;
margin-right: 8px;
}
.nav-links .current {
background: #977960;
color: #fff;
}
.blog__content p {
margin-bottom: 30px;
font-size: 15px;
letter-spacing: 0.013em;
}
.blog__content p:nth-last-child(1) {
margin-bottom: 0;
}
.section__content {
margin-top: 30px;
}
.section__content h1 {
margin-bottom: 20px;
font-size: 40px;
text-align: center;
}
.section__content h2 {
margin-bottom: 10px; font-size: 20px;
text-align: center;
}
.section__content h3 {
margin-bottom: 10px;
font-size: 20px;
text-align: center;
}
.section__content h4 {
margin-bottom: 10px;
font-size: 20px;
text-align: center;
}
.section__content p {
font-size: 16px;
margin-bottom: 10px;
text-align: center;
}
.section__content p:nth-last-child(1) {
margin-bottom: 0;
}
.footer {
padding-top: 75px;
padding-bottom: 50px;
}
@media screen and (max-width: 1024px) {
.footer {
padding-top: 45px;
padding-bottom: 30px;
}
}
.footer__number {
text-align: center;
margin-bottom: 18px;
}
.footer__number a {
text-decoration: none;
color: #232323;
font-size: 17px;
letter-spacing: 0.013em;
}
.footer__mail {
text-align: center;
margin-bottom: 18px;
}
.footer__mail a {
text-decoration: none;
color: #232323;
font-size: 17px;
letter-spacing: 0.013em;
}
.footer__socials {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.social {
margin-right: 16px;
}
.social:nth-last-child(1) {
margin-right: 0;
}
.w {
position: fixed;
right: 15px;
top: 50%;
z-index: 998;
}
.seotext {
margin: 100px 0px;
}
.lang__icon {
right: 5px;
position: relative;
}
.lang {
font-size: 12px;
}