@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); html, body {     margin: 0;     padding: 0;     width: 100%;     line-height: 150%;     overflow-x: hidden; } * {     box-sizing: border-box; } body {     font-family: "Domine", serif;     font-size: 16px;     line-height: 1.66em;     font-weight: 400;     color: #545657;     background-color: #fff; } a {     color: #e2c75a;     text-decoration: none; } a:hover {     color: #d1a805;     text-decoration: underline; } .container {     max-width: 1170px;     margin: 0 auto;     padding: 0 10px;     width: 100%; }  .header__top {     display: flex;     justify-content: space-between;     align-items: center;     gap: 30px;     margin-top: 48px;     margin-bottom: 16px; } .btn {     display: inline-block;     -webkit-box-pack: center;     -ms-flex-pack: center;     justify-content: center;     font-family: "faster-bold", sans-serif;     cursor: pointer;     text-align: center;     -webkit-touch-callout: none;     -webkit-user-select: none;     -moz-user-select: none;     -ms-user-select: none;     user-select: none;     outline: 0;     -webkit-box-align: center;     -ms-flex-align: center;     font-size: 16px;     font-weight: 600;     color: #00000c;     background: linear-gradient(177deg, #f4f4f4 2%, #a3a3a3);     border: 0;     text-decoration: none;     border-radius: 25px;     padding: 0 3%;     width: 191px;     height: 50px;     line-height: 50px; } .btn__sign {     border-radius: 25px;     background: linear-gradient(177deg, #fb3c1c 1.96%, #880313 98.23%);     color: #f2f2f1;     width: 181px;     height: 50px;     line-height: 46px;     cursor: pointer;     text-align: center;     font-weight: 700;   margin: 10px; } .btn__sign p {   margin: 0; } .btn__sign:hover {     background: linear-gradient(177deg, #ff4929 1.96%, #c50117 98.23%);     color: #ffffff; } .contact-email__link {     display: block;     text-decoration: none;     color: #323232;     font-weight: 700;     font-size: .875em; } .socials {     display: flex;     gap: 4.2px; }  .social__link {     width: 2.5em;     height: 2.5em;     background: #f3f3f3;     border-color: #acb4b6;     display: flex;     align-items: center;     justify-content: center;     border-radius: 50%; } .social__link svg {     width: 16px;     height: auto; } .social__link:hover {     background: #e2c75a; }  .social__link:hover svg * {     fill: #ffffff; } .mobile {     display: none; } .header__bottom {     border-top: 1px solid #e3e3e3; }  .header__bottom.fixed {     position: fixed;     top: 0;     left: 0;     width: 100%;     z-index: 999;     background-color: #fff; } .menu__mob {     color: #323232;     margin-top: 1.8em;     margin-bottom: 1.8em;     display: none; } .menu__list {     margin: 0;     padding: 0;     list-style: none;     display: flex;     justify-content: space-between;     align-items: center; } .menu__link {     display: block;     padding: 1.65em 1.5em 1.8em;     font-size: .875em;     font-weight: 700;     text-transform: uppercase;     text-decoration: none;     color: #323232; } .menu__link:hover {     color: #e2c75a;     text-decoration: none; } .bread__panel {     background-color: #171717; } .bread__panel__wrapper {     display: flex;     justify-content: space-between;     align-items: center; } .bread__title-page {     color: #fff;     margin: 0;     font-weight: 700;     font-size: 1.25em;     padding: 1.26em 0 1.13em 0;     line-height: 1.2em;     white-space: normal;     text-transform: uppercase; } .breadcrumbs-list {     display: flex;     color: #acb4b6;     font-size: 0.875em;     line-height: 1.5em;     padding: 1.75em 0 1em 2.5em;     list-style: none;     margin: 0; } .breadcrumbs-list__item {     text-transform: uppercase; } .breadcrumbs-list a {     color: #e2c75a;     text-transform: none;     text-decoration: none; } .breadcrumbs-list a:hover {     color: #acb4b6;     text-transform: none; } .banner {     background: url(/shared/3291/attachment.jpg) no-repeat;     background-size: cover;     position: relative;     padding: 415px 0 50px;     margin-top: 6em; } .content {     margin-bottom: 45px; } .title {     color: #323232;     padding: 2em 0;     position: relative;     margin: 0;     text-align: center;     font-size: 1.77em;     font-weight: 700; } .title:before {     content: '';     display: block;     width: 100%;     height: 1px;     position: absolute;     left: 0;     top: 50%;     transform: translateY(-50%);     background: #e3e3e3; } .title span {     display: inline-block;     background-color: #ffffff;     padding: 0 1em;     position: relative; } .books__btn__link {     margin-top: 1em;     background-color: #171717;     border-radius: 25px;     font-family: 'Roboto', sans-serif;     font-size: .83em;     position: relative;     padding: 0.94em 2.55em;     display: inline-block;     line-height: 1.1em;     color: #fff;     text-decoration: none;     font-weight: 700;     border: 2px solid; } .subscribe {     background-color: #171717;     padding: 1.67em 0; }  .subscribe__title {     margin-top: 1.67em;     margin-bottom: 0.1em;     text-align: center;     color: #ffffff;     font-size: 2.5em;     line-height: 1.3em;     font-weight: 400;     padding-bottom: 60px; }  .subscribe__subtitle {     text-align: center;     margin-bottom: 4em; }  .subscribe__form {     max-width: 570px;     margin: 0 auto;     background-color: #fff;     position: relative;     overflow: hidden;     -webkit-border-radius: 30px;     -moz-border-radius: 30px;     border-radius: 30px;     display: flex;     justify-content: space-between; }  .subscribe__form input {     color: #8a8a8a;     width: 60%;     display: inline-block;     line-height: 2em;     padding: 0.45em 0.5em 0.45em 2em;     border: none;     font-size: 1em;     font-family: "Domine", serif; } .subscribe__form input:focus {     border: none; } .subscribe__btn .books__btn__link {     background-color: #e2c75a;     border-color: #e2c75a;     color: #fff;     font-size: .813em;     font-weight: 700;     padding: 1.1em 2.9em;     margin: 0; } .subscribe__btn .books__btn__link:hover {     background-color: #d1a805; } .footer {     background-color: #fff;     padding: 2.5em 0 4em;     overflow: hidden; }  .copy {     text-align: center;     margin: 0;     font-size: .88em;     color: #545657; }  .scroll-to-top-btn {     display: none;     width: 48px;     height: 48px;     position: fixed;     z-index: 9999;     right: 15px;     bottom: 15px;     font-size: 24px;     background-color: #e2c75a;     box-shadow: 0 1px 3px rgba(0, 0, 0, .16);     cursor: pointer; } .scroll-to-top-btn:hover {     background-color: #d1a805; } .scroll-to-top-btn  svg {     position: absolute;     top: 50%;     left: 50%;     -webkit-transform: translate(-50%, -50%);     -moz-transform: translate(-50%, -50%);     -ms-transform: translate(-50%, -50%);     -o-transform: translate(-50%, -50%);     transform: translate(-50%, -50%); }  @media (max-width: 1024px) {     .menu__mob {         font-size: 1.5em;         display: flex;         align-items: center;         justify-content: center;         gap: 50px;         position: relative;         padding: 1.5em 2em 1.5em 0;         margin: 0;         text-align: center;         color: #323232;         text-decoration: none;     }     .menu__mob:hover {         color: #e2c75a;     }     .menu__mob span {         display: inline-block;     }      .menu__mob span svg {         height: 1em;         width: 1em;     }      .menu__mob:hover span svg * {         stroke: #e2c75a;     }      .menu__list {         display: none;         background-color: #e2c75a;         text-align: left;         font-size: 0.9em;         padding: 0 0 1em 0;     }     .menu__link {         color: #ffffff;     }     .header__top {         display: block;     }     .logo {         text-align: center;     }     .logo__link img {         width: auto;         max-height: 35px;     }     .contact-email,     .socials {         display: none;     }     .mobile {         display: flex;         justify-content: space-between;         align-items: center;     }     .mobile .contact-email {         display: block;     }     .mobile .socials {         display: flex;     } } @media (max-width: 767px) {     .bread__panel__wrapper {         flex-direction: column;         justify-content: center;         align-items: center;     } } @media (max-width: 540px) {     .banner {         padding: 270px 0 0;         margin-top: 2em;     }     .bread__panel__wrapper {         display: block;     }     .breadcrumbs-list {         padding: 0;     } }