@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; } .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; }  .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 a {     color: #e2c75a;     text-transform: none;     text-decoration: none; }  .breadcrumbs-list a:hover {     color: #acb4b6;     text-transform: none; }  .content {     margin-bottom: 45px; }  .content img {     max-width: 100%;     height: auto; }  .post_info {     display: flex;     justify-content: space-between;     align-items: center; }  .post_info a:hover {     text-decoration: none; }  .post_info__tags, .post_info__view {     display: flex;     align-items: center;     gap: 3px; }  .icon__tag {     width: 16px;     height: 16px; }  .post_info__view svg {     width: 16px;     height: auto; }  .icon__tag svg {     width: 100%;     height: 100%; }  .post_info__date {     color: #e2c75a; }  .post_info__date:hover {     color: #727272;     text-decoration: none; }  .post_info__author {     color: #727272; }  .post_info__author:hover {     color: #e2c75a;     text-decoration: none; }  .sharing {     margin-top: 70px; }  .sharing__title {     margin: 0 0 1em 0;     display: inline-block;     line-height: 1.2;     font-size: 9pt;     font-weight: 700; }  .sharing__title:before {     content: "";     display: block;     width: 100%;     min-width: 30px;     border-top: 1px solid #ddd;     margin-bottom: 1em; }  .sharing__content ul {     padding: 0;     margin: 0 0 .7em 0;     list-style: none; }  .sharing__content ul li {     display: inline-block;     margin: 0 5px 5px 0;     padding: 0; }  .sharing__content svg {     width: 32px;     height: 32px; } .content__wrapper {     display: flex;     justify-content: space-between; } .content {     position: relative; } .content::after {     content: '';     position: absolute;     width: 40%;     height: 100%;     top: 0;     right: 0;     background-color: #f5f5f5;     z-index: -1; } .content__inner {     width: 800px;     padding:5.7em 8em 5.7em 0; } .content__tags .post_tag_link {     color: #323232; }  .content__tags .post_tag_link:hover {     color: #e2c75a;     text-decoration: none; }  .author {     background-color: #f7f7f7;     margin-bottom: 2em;     padding: 1.25em 1.85em;     overflow: hidden; }  .author {     background-color: #f7f7f7;     margin-bottom: 2em;     padding: 1.25em 1.85em;     overflow: hidden;     display: flex; }  .post_author_avatar {     margin: 0 20px 10px 0;     overflow: hidden;     width: 75px;     height: 75px; }  .post_author_title {     color: #232a34;     margin-top: 0;     font-size: 1.25em;     line-height: 1.3em;     font-weight: 700;     margin-bottom: 0.65em; }  .post_author_title a {     color: #e2c75a; }  .post_author_title a:hover {     color: #d1a805;     text-decoration: none; }  .comments {     margin-top: 3em; }  .columns_wrap {     display: flex; }  .comments__title {     color: #323232;     font-size: 2.5em;     line-height: 1.3em;     font-weight: 400;     margin: 0.6667em 0 0.4em; }  .comments_notes {     font-size: 0.875em;     color: #909090;     margin-bottom: 1.5em; }  .comments_field input, .comments_field textarea {     font-family: "Domine", serif;     width: 100%;     padding: 0.75em 1em;     border: 1px solid;     line-height: 1.2857em;     font-size: 1em; }  .comments_field {     margin-bottom: 20px; }  .comments_field textarea {     color: #e3e3e3;     min-height: 150px;     border-color: #e3e3e3; }  .columns_wrap {     margin-left: 0px;     margin-right: -30px; }  .comments_author, .comments_email, .comments_site {     display: inline-block;     vertical-align: top;     position: relative;     min-height: 1px;     padding-left: 0px;     padding-right: 30px;     -webkit-box-sizing: border-box;     -moz-box-sizing: border-box;     box-sizing: border-box;     width: 50%; }  input[type="text"] {     color: #8a8a8a;     border: 1px solid #e3e3e3; }  .comments_site {     width: 100%;     padding-right: 0; }  .comment-subscription-form {     margin: 0 0 1.5em; }  .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__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;     text-transform: uppercase;     line-height: 1.1em; }  .subscribe__btn .books__btn__link:hover {     background-color: #d1a805; }  .sidebar {     background-color: #f5f5f5;     padding: 5.7em 0;     width: 272px;     text-align: center; }  .widget__title {     font-size: 1.25em;     font-weight: 700;     margin-bottom: 2em;     text-align: center;     display: inline-block;     margin-top: 0;     padding: 0 1em;     z-index: 1;     position: relative;     white-space: normal;     background-color: #f5f5f5; }  .widget__title:before {     content: '';     display: block;     width: 100%;     height: 1px;     position: absolute;     left: 0;     top: 50%;     transform: translateY(-50%);     background: #e3e3e3; }  .widget__title span {     display: inline-block;     background-color: #f5f5f5;     padding: 0 1em;     position: relative; }  .widget_socials .socials {     justify-content: center;     margin-top: 1em; }  .widget_socials .social__link {     background: #e3e3e3; }  .widget_socials, .widget_tag_cloud {     margin-top: 5.3em; }  .tagcloud {     text-align: left; }  .tag-cloud-link {     color: #727272;     background-color: #e3e3e3;     display: inline-block;     margin: 0 5px 10px 0;     font-size: .9em;     -webkit-border-radius: 15px;     -moz-border-radius: 15px;     border-radius: 15px;     padding: 4px 1.26em;     font-weight: 700; }  .widget_area ul {     list-style-type: none;     margin-bottom: 0;     padding-left: 0;     text-align: left; }  .widget_area ul li {     color: #727272;     position: relative;     padding-left: 1.5em;     font-size: .875em;     font-weight: 700;     margin-bottom: .4em;     text-decoration: underline;     -webkit-transition: all 0.3s ease 0s;     -moz-transition: all 0.3s ease 0s;     -ms-transition: all 0.3s ease 0s;     -o-transition: all 0.3s ease 0s;     transition: all 0.3s ease 0s; }  .widget_area ul li a {     display: flex;     align-items: center;     color: #727272; }  .widget_area ul li a svg {     width: 20px; }  .widget_area ul li a:hover {     color: #e2c75a; }  .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;     }     .widget_socials .socials {         display: flex;     } } @media (max-width: 960px) {     .content__wrapper {         flex-direction: column;     }     .content::after {         display: none;     }     .content__inner {         padding: 4em 0 0;         width: 100%;     }     .sidebar {         width: 100%;         background-color: #ffffff;     }     .widget__title {         background-color: #fff;     }     .widget__title span {         background-color: #fff;     }     .sidebar__inner {         display: flex;         flex-wrap: wrap;     }     .widget_socials, .widget_tag_cloud {         margin-top: 0;     }     .widget {         width: 33%;     } } @media (max-width: 767px) {     .bread__panel__wrapper {         flex-direction: column;         justify-content: center;         align-items: center;     }     .widget {         width: 50%;     } } @media (max-width: 540px) {     .breadcrumbs-list {         padding: 0;     }     .post_info {         flex-direction: column;         align-items: flex-start;     } } @media (max-width: 479px) {     .widget {         width: 100%;     }     .columns_wrap {         display: block;     }     .comments_author, .comments_email, .comments_site {         padding: 0;         width: 100%;     }     .columns_wrap {         margin-right: 0;     } }